/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus{outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}

table{border-collapse:collapse; border-spacing:0;}

/* CSS STYLES */
body{margin:0px; background:#FFFFFF url(../img/bg.jpg) repeat-x center top; font-family:Verdana; font-size:12px; color:#333; border-top:1px solid #A20202;}
#contenedor{width:960px; padding:0 5px; margin:0px auto;}

#titular{
    height:204px;
    background:url(../img/titular_bg.jpg) no-repeat right top;
}
#titular ul#menu{
    float:right;
    margin:5px 32px 0 0;
}
#titular ul#menu li{
    display:inline;
    color:#FFF;
    font-size:11px;
}
#titular ul#menu li a:link, #titular ul#menu li a:visited{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}
#titular ul#menu li a:hover, #titular ul#menu li a:active{
    text-decoration:underline;
}

#titular #busqueda{
    margin-top:17px;
}
#titular #busqueda h5{
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    margin-bottom:7px;
}
#titular #busqueda form{
    line-height:25px;
}
#titular #busqueda label{
    display:block;
    float:left;
    width:170px;
    text-align:right;
    line-height:25px;
    margin-right:10px;
    color:#FFF;
}
#titular #busqueda select{
    width:130px;
}
#titular #busqueda select#nivel, #titular #busqueda select#materia{
    width:220px;
}
#titular #busqueda input{
    margin:5px 0 0 260px;
}

#contenido{
    width:960px;
}
#contenido #izq{
    width:165px;
    float:left;
}
#contenido #ctr{
    width:610px !important;
    float:left;
    margin:10px;
}
#contenido #der{
    width:165px;
    float:right;
    margin-top:5px;
}

span#feedback{
    color:#609734;
    text-decoration:none;
    border-bottom:1px dashed #609734;
    cursor:pointer;
}
span#feedback:hover{
    border:0;
}

#izq .menu{
    background:#FFFFFF url(../img/menu_izq.jpg) repeat-y center top;
    padding-right:10px;
}
#der .menu{
    background:#FFFFFF url(../img/menu_der.jpg) repeat-y center top;
    padding-left:10px;
}

.menu{
    margin:10px 0;
    padding:3px 0;
}
.menu h3{
    text-align:center;
    margin-bottom:10px;
    font-size:14px;
    color:#286886;
}
.menu ul li{
    margin:4px 0;
}
.menu ul li a:link, .menu ul li a:visited{
    font-size:11px;
    color:#666;
    text-decoration:none;
}
.menu ul li a:hover, .menu ul li a:active{
    color:#333;
    text-decoration:underline;
}

.intro{
    background:#FFFFFF url(../img/intro_bg.jpg) no-repeat center top;
    width:578px;
    height:150px;
    padding:20px;
}
.intro h4{
    font-size:14px;
    font-weight:bold;
}
.intro p{
    margin:8px 5px 5px 5px;
    line-height:16px;
}

.listado, .contenido{
    width:600px;
    margin:5px auto;
}
.verde{
    background:#eafce7 url(../img/listado_verde.jpg) no-repeat center top;
    border-bottom:3px solid #92c468;
}
.azul{
    background:#e7f1fc url(../img/listado_azul.jpg) no-repeat center top;
    border-bottom:3px solid #89b2c5;
}

.listado h1, .contenido h1{
    font-size:15px;
    font-weight:bold;
    color:#FFFFFF;
    padding:4px 0 5px 15px;
}
.listado .instituto{
    background-color:#F0F0F0;
    margin:7px;
    padding:3px;
}
.verde .instituto{
    border:2px solid #bceab5;
}
.azul .instituto{
    border:2px solid #b5c6ea;
}
.listado .instituto img{
    float:left;
    margin-right:3px;
    width:75px;
    height:75px;
}
.listado .instituto div{
    margin-left:80px;
}
.listado .instituto h2{
    font-size:13px;
    margin-bottom:5px;
}
.listado .instituto h2 a:link, .listado .instituto h2 a:visited{
    color:#333;
    text-decoration:none;
}
.listado .instituto h2 a:hover, .listado .instituto h2 a:active{
    color:#126B97;
    text-decoration:underline;
}
.listado .instituto span{
    display:block;
    margin:3px 0;
    padding-left:22px;
    margin-left:10px;
    line-height:16px;
}
.listado .instituto span.direccion{
    background:url(../img/direccion.gif) no-repeat left top;
}
.listado .instituto span.telefono{
    background:url(../img/telefono.gif) no-repeat left top;
}
.listado .instituto span.materias{
    background:url(../img/materias.gif) no-repeat left top;
}
.listado .instituto span.materias a:link, .listado .instituto span.materias a:visited{
    color:#333;
    text-decoration:none;
}
.listado .instituto span.materias a:hover, .listado .instituto span.materias a:active{
    color:#126B97;
    text-decoration:underline;
}

.contenido h2{
    font-size:14px;
    color:#444;
    margin:5px;
}
.contenido img{
    float:right;
    margin:5px 5px 5px 15px;
}
.contenido p{
    padding:0px 10px 5px 10px;
    line-height:15px;
    color:#666;
    text-align:justify;
    margin-bottom:10px;
}
.contenido p a:link, .contenido p a:visited{
    color:#3580A7;
    text-decoration:underline;
}
.contenido p a:hover, .contenido p a:active{
    text-decoration:none;
}
.contenido p span{
    display:block;
    margin:3px 0;
    padding-left:22px;
    margin-left:10px;
    line-height:16px;
}
.contenido p span.departamento{
    background:url(../img/departamento.gif) no-repeat left top;
}
.contenido p span.direccion{
    background:url(../img/direccion.gif) no-repeat left top;
}
.contenido p span.telefono{
    background:url(../img/telefono.gif) no-repeat left top;
}
.contenido p.materias a:link, .contenido p.materias a:visited{
    color:#666;
    text-decoration:none;
}
.contenido p.materias a:hover, .contenido p.materias a:active{
    color:#126B97;
    text-decoration:underline;
}
.contenido h4{
    font-size:13px;
    color:#72ac42;
    border-bottom:1px solid #72ac42;
    margin:7px 10px;
}
.contenido ol{
    margin:5px 0 10px 25px;
    list-style-type: decimal;
}
.contenido ol li{
    margin:3px 0 5px 10px;
}


.texto p{
    margin:10px;
    text-align:justify;
    line-height:16px;
}

form#contacto{
    width:290px;
    margin:10px auto;
}
form#contacto label{
    display:block;
    font-size:11px;
    color:#666;
}
form#contacto input, form#contacto textarea{
    width:270px;
    margin-bottom:7px;
    border:1px solid #bcbcbc;
    padding:2px;
}
form#contacto input.boton{
    float:right;
    width:88px;
    height:24px;
    border:0;
    padding:0;
}

form#contacto2{
    width:290px;
    margin:10px auto;
}
form#contacto2 label{
    display:block;
    font-size:11px;
    color:#666;
}
form#contacto2 input, form#contacto2 textarea{
    width:270px;
    margin-bottom:7px;
    border:1px solid #bcbcbc;
    padding:2px;
}
form#contacto2 input.boton{
    float:right;
    width:88px;
    height:24px;
    border:0;
    padding:0;
}


p.small{
    font-size:10px;
    text-align:center;
}

.banner{
    margin:5px 0;
    text-align:center;
}



#pie{
    height:42px;
    background:#FFFFFF url(../img/pie_bg.jpg) repeat-x center top;
    text-align:center;
    font-size:10px;
    color:#FFF;
    line-height:16px;
    padding-top:4px;
    margin-top:15px;
}
#pie ul#menu2{
    
}
#pie ul#menu2 li{
    display:inline;
    color:#FFF;
    font-size:10px;
}
#pie ul#menu2 li a:link, #pie ul#menu2 li a:visited{
    color:#FFF;
    text-decoration:underline;
}
#pie ul#menu2 li a:hover, #pie ul#menu2 li a:active{
    text-decoration:none;
}