* {margin: 0; padding: 0;} 
body {background-color: #d3e4ee; text-align: center; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #333;}
#top {width: 100%; height: 211px; background: url(img/bgheader.jpg) repeat-x left top;}
#pagewidth {margin: 0 auto; width: 900px; text-align: left; font-size: 13px;}

ul#mainNav { position: absolute; list-style: none; width: 900px; height: 52px; left: 0; bottom: 1px; font-size: 11px;}
ul#mainNav li {float: left; width: 97px; height: 52px; line-height: 53px; margin-top: 1px; background: url(img/mainNavLiBg.jpg) no-repeat left top;}
ul#mainNav li a {display: block; width: 97px; height: 52px; text-decoration: none; color: #fff; text-align: center; outline: none; }
ul#mainNav li a:hover {color: #000;}
ul#mainNav li.actual { background: url(img/mainNavLiBgActual.jpg) no-repeat left top; font-weight: bold; }
ul#mainNav li.actual a, ul#mainNav li.actual a:visited { color: #222; }

#header { position: relative; width: 900px; height: 211px; margin: 0 auto; background: url(img/header-new.jpg) no-repeat center top;}
#bg {float: left; width: 100%; background-color: #fff; background: #fff url(img/bgok.jpg) repeat-y left top; margin-top: 20px; border-top: 1px solid #111; }
#portada #bg {float: left; width: 100%; background-color: #fff; background: #fff url(img/bg.gif) repeat-y left top; margin-top: 20px; border-top: 1px solid #111; }
#leftCol {float: left; width: 200px; padding: 15px 0 75px 0; }
#content {float: right; width: 700px; padding-bottom: 75px; line-height: 15px; }
#twocols #mainContent {width: 650px; float: left; padding-top: 15px; margin-left: 15px; }

#portada #mainContent {width: 500px; float: left; padding-top: 15px; }
#portada #rightCol {width: 200px; float: right; padding-top: 15px; }
#portada #rightCol p { padding: 5px 10px; }

#twocols #mainContent img.right, #portada #mainContent img.right { float: right; padding: 4px; margin: 0 0 10px 10px; border: 1px solid #ccc; background-color: #fff;}
#twocols #mainContent img.left, #portada #mainContent img.left { float: left; padding: 4px; margin: 0 10px 10px 0; border: 1px solid #ccc; background-color: #fff;}
#twocols #mainContent a, #portada #mainContent a { color: #761212; text-decoration: underline; outline: none;}
#twocols #mainContent a:hover, #portada #mainContent a:hover { color: #666; text-decoration: none;}
#twocols #mainContent a.noborder:hover { background: none; text-decoration: none; }
#twocols #mainContent img.noBorder { border: none; }
#leftCol a, #rightCol a { color: #761212; text-decoration: underline; padding: 2px; outline: none; }
#leftCol a:hover, #rightCol a:hover { color: #fff; text-decoration: none; background-color: #365371;}
#leftCol img.left { float: left; padding: 2px; margin: 0 6px 3px 0; border: 1px solid #ccc; background-color: #fff;}

#twocols #mainContent ul.libros { list-style: none; margin-bottom: 25px; background: url(img/sep.gif) no-repeat center bottom; padding-bottom: 65px; }
#twocols #mainContent ul.libros em { font-style: italic; text-transform: uppercase; font-weight: bold; }
#twocols #mainContent ul.libros strong { display: block; padding: 8px 0 0 0; margin: 0; font-weight: normal; }
#twocols #mainContent ul.libros li { padding: 0; margin: 5px 0; }
#twocols #mainContent ul.libros li .textoLibro { display: block; color: #666; font-size: 11px; line-height: 13px; padding: 0; margin: 6px 0 0 0;}
#twocols #mainContent ul.libros li a { display: block; width: 560px; height: 91px; background-color: #eee; margin: 5px 15px; padding: 6px; text-decoration: none; outline: none;}
#twocols #mainContent ul.libros li.cortos a { display: block; width: 560px; height: 125px; background-color: #eee; margin: 5px 15px; padding: 6px; text-decoration: none;}
#twocols #mainContent ul.libros li a:hover { background-color: #e1e1e1; text-decoration: none;}
#twocols #mainContent ul.libros li img { float: left; padding: 2px; margin: 0 10px 0 0; border: 1px solid #ccc;}
#twocols #mainContent p.libroSobre { font-weight: bold; font-size: 14px;}

#twocols #mainContent ul.recursos { list-style: none; margin-bottom: 25px; margin-top: 25px; background: url(img/sep.gif) no-repeat center bottom; padding-bottom: 65px; }
#twocols #mainContent ul.recursos li { display: block; width: 512px; height: 20px; line-height: 20px; background-color: #eee; margin: 5px 15px; color: #999; }
#twocols #mainContent ul.recursos li a { display: block; width: 512px; height: 20px; line-height: 20px; margin: 0; padding: 0; text-decoration: none; outline: none;}
#twocols #mainContent ul.recursos li a:hover { background-color: #d0d0d0;}

#mainContent h1 { display: none;}	
#mainContent h2 {margin: 0 15px; padding: 30px 0 15px 0; font-size: 24px; line-height: 24px;}
#portada #mainContent h2 {margin: 0 25px; padding: 10px 0 15px 0; font-size: 24px; line-height: 24px;}
#mainContent h3 {margin: 0 15px; padding: 30px 0 15px 0; font-size: 20px; line-height: 20px;}
#mainContent h4 {margin: 0 15px; padding: 30px 0 0 0; font-size: 16px;}
#mainContent h5 {margin: 0 15px; padding: 0 0 15px 0; font-size: 15px;}
#mainContent h2.titular {margin: 0 15px; padding: 0 0 15px 0; font-size: 18px; line-height: 18px; color: #761212;}
#mainContent h6 {margin: 0 15px; padding: 50px 0 6px 0; font-size: 10px;}
#mainContent h6 {margin: 0 15px; padding: 50px 0 6px 0; font-size: 10px;}
#mainContent p {margin: 0 15px; padding: 10px 0 5px 0; line-height: 18px;}
#portada #mainContent p {margin: 0 25px; padding: 10px 0 5px 0; line-height: 15px;}
#mainContent strong { font-weight: bold; color: #000;}
#mainContent ul { list-style: disc; padding: 5px 0 25px 0; margin: 0 50px;}
#mainContent ul li { padding: 5px;}
#mainContent p.cita { margin: 15px 60px; font-style: italic; font-size: 12px; line-height: 18px; }
#mainContent p.autor { text-align: right; font-size: 12px; background-color: #cad5dc; padding: 5px 10px; margin-top: 25px; margin-bottom: 35px; }
#mainContent p.documento { text-align: left; font-size: 12px; background-color: #eee; padding: 10px; margin-top: 12px; }
#mainContent p.documento a { font-weight: bold; }
#mainContent p.sep { clear: both; width: 450px; background: url(img/sepPortada.gif) no-repeat center; }

#mainContent p.citaFemenina { margin: 15px 25px 15px 40px; padding: 15px 25px; font-style: italic; font-size: 13px; line-height: 20px; border: 1px dotted #ccc; background: #f9f9f9 url(img/comillas.gif) no-repeat 5px 5px; }
#mainContent p.citaFemenina .autora { display: block; text-align: right; font-style: normal; margin-top: 5px; font-size: 11px; color: #909090; }


#leftCol h3 { width: 180px; padding: 0 0 5px 0; margin: 5px auto; font-size: 14px;}
#leftCol h3 a { padding: 0; margin: 0; font-size: 14px;}
#leftCol h3 span { display: none;}
#leftCol h3 img { border: none;}
#leftCol p img { border: none;}
#leftCol div.center, #rightCol div.center { text-align: center;}
#leftCol div.center img, #rightCol div.center img { border: 1px solid #fff;}
#leftCol h3 a:hover, #rightCol h3 a:hover { background: none;}
#leftCol p a:hover, #rightCol p a:hover { background: none; outline: none; }
#leftCol p, #rightCol p {margin: 0 10px 0 10px; padding: 0 7px 15px 7px; line-height: 14px;}

#leftCol ul, #rightCol ul { list-style: none; padding-left: 0; margin: 0 auto 35px auto; width: 180px; }
#leftCol ul li, #rightCol ul li { width: 180px; }
#leftCol ul li a, #rightCol ul li a { display: block; width: 170px; text-decoration: none; color: #333; padding: 5px;  border-bottom: 1px dotted #333; font-size: 12px; }
#leftCol ul li a:hover, #rightCol ul li a:hover { background-color: #cece75; color: #000;}
#leftCol ul li.actual a, #rightCol ul li.actual a { background-color: #f2f2d8; color: #000; font-weight: bold;}

#leftCol ul.novedades { margin: 0 auto; width: 175px; padding: 5px;}
#leftCol ul.novedades li { margin: 0; padding: 0; width: 165px; line-height: 15px; }
#leftCol ul.novedades li a { width: 100%; font-size: 12px; padding: 5px; margin: 0; }

#leftCol ul#recursos li.nolink { width: 160px; padding: 6px 5px; border-bottom: 1px dotted #333; color: #b9b96c; }

#footer {clear: both; margin: 0 auto; width: 900px; text-align: center; font-size: 11px; padding: 10px 0 45px 0; border-top: 1px solid #000;}
#footer p { padding: 5px; color: #a5a5a5;}
#footer p a:link, #footer p a:visited {color: #369; text-decoration: none;}
#footer p a:hover { color: #751212; text-decoration: underline;}

#leftCol input, textarea {width: 160px; background: #fff; font-size: 10px;}
#leftCol input#submit {width: 70px;}

#mainContent p.nota { background-color: #cad5dc; border: 1px dotted #333; padding: 10px; margin: 10px; font-weight: bold;}
#mainContent div.noticia { background: url(img/sep.gif) no-repeat center bottom; padding-bottom: 65px;}
#mainContent div.noticia h6 { line-height: 12px;}

#mainContent p.destacadoLeft { display: block; width: 150px; float: left; border-top: 5px solid #333; border-bottom: 5px solid #333; padding: 10px; margin: 20px; font-size: 16px; line-height: 18px;}
#mainContent p.destacadoRight { display: block; width: 150px; float: right; border-top: 5px solid #333; border-bottom: 5px solid #333; padding: 10px; margin: 20px; font-size: 16px; line-height: 18px;}

#leftCol #cuadroLibro { width: 200px; margin: 35px 0; border-top: 5px solid #333; border-bottom: 5px solid #333; background-color: #fff;}
#leftCol #cuadroLibro h3 { margin: 0; padding: 10px 10px 0 10px; line-height: 12px;}
#leftCol #cuadroLibro h3 a { text-decoration: none; color: #333; margin: 0; padding: 0; font-size: 12px; outline: none;}
#leftCol #cuadroLibro p { padding: 10px; margin: 0; font-size: 11px; color: #333;}
#leftCol #cuadroLibro p a { color: #333; font-weight: bold; text-decoration: underline; padding: 0; margin: 0; outline: none;}

#mainContent #cuadroPortada { width: 450px; margin: 30px auto 25px auto; padding: 0 0 5px 0; }
#mainContent #cuadroPortada #cuadroIzquierda,
#mainContent #cuadroPortada #cuadroDerecha { margin: 0 0 25px 0; padding: 2px; width: 215px; background-color: #eee; }
#mainContent #cuadroPortada #cuadroIzquierda { float: left; }
#mainContent #cuadroPortada #cuadroDerecha { float: right; }
#mainContent #cuadroPortada #cuadroIzquierda h2,
#mainContent #cuadroPortada #cuadroDerecha h2 { background-color: #333; font-size: 11px; color: #fff; padding: 4px 0 4px 8px; margin: 4px; line-height: 11px;}
#mainContent #cuadroPortada #cuadroIzquierda p,
#mainContent #cuadroPortada #cuadroDerecha p { padding: 0 0 6px 0; margin: 0 5px; }
#mainContent #cuadroPortada #cuadroIzquierda p.tituloCuadro,
#mainContent #cuadroPortada #cuadroDerecha p.tituloCuadro { font-weight: bold; font-size: 12px; line-height: 13px; }
#mainContent #cuadroPortada #cuadroIzquierda p.textoCuadro,
#mainContent #cuadroPortada #cuadroDerecha p.textoCuadro { clear: left; font-size: 12px; }
#mainContent #cuadroPortada #cuadroIzquierda p.seguir,
#mainContent #cuadroPortada #cuadroDerecha p.seguir { text-align: right; font-size: 10px; }
#mainContent #cuadroPortada #cuadroIzquierda p.tituloCuadro img,
#mainContent #cuadroPortada #cuadroDerecha p.tituloCuadro img { margin: 0 7px 5px 0; padding: 2px; background-color: #a8a8a8; float: left; border: none; }
#portada #mainContent #cuadroPortada #cuadroIzquierda p.tituloCuadro a,
#portada #mainContent #cuadroPortada #cuadroDerecha p.tituloCuadro a { color: #333; text-decoration: none; padding: 0;}
#portada #mainContent #cuadroPortada #cuadroIzquierda p.tituloCuadro a:hover,
#portada #mainContent #cuadroPortada #cuadroDerecha p.tituloCuadro a:hover { color: #333; text-decoration: none; background: none;}

#mainContent #lastAdded { width: 450px; clear: both; padding: 15px 0 20px 0; margin: 25px auto; }
#mainContent #lastAdded div { width: 210px; float: left; padding: 0; }
#mainContent #lastAdded h4 { font-size: 11px; margin: 0 0 10px 0; padding: 3px 0 3px 6px; text-transform: uppercase; background-color: #333; color: #fff; }
#mainContent #lastAdded ul { padding: 0; margin: 0; list-style: none; }
#mainContent #lastAdded div.lastArticles { margin: 0 15px 40px 0; }
#mainContent #lastAdded div.lastResources { margin: 0 10px 40px 0; }
#mainContent #lastAdded ul li { font-size: 12px; border-bottom: 1px dotted #333; margin: 0; padding: 3px; }
#mainContent #lastAdded ul li a { color: #333; text-decoration: none; padding: 0; margin: 0; outline: none; }
#mainContent #lastAdded ul li a:hover { color: #900; text-decoration: underline; background: none;}

#mainContent div#zonaCitas { clear: both; width: 450px; margin: 25px auto; padding: 0; }
#mainContent div#zonaCitas p.citaFemenina { margin: 15px 5px 15px 5px; border: 1px dotted #666; padding: 15px 25px; }
#rightCol div#zonaCitasRightCol { width: 100%; margin: 25px 0; padding: 0; border-top: 5px solid #333; border-bottom: 5px solid #333; background-color: #fff; }
#rightCol div#zonaCitasRightCol p.citaFemenina { margin: 15px 0; padding: 10px; font-style: italic; }
#rightCol p.citaFemenina .autora { display: block; text-align: right; font-style: normal; margin-top: 5px; font-size: 11px; color: #909090; }

#mainContent #rssfeed { color: #444; margin: 50px 0 30px 0; clear: both; }
#mainContent #rssfeed img { padding: 2px; margin: 2px; border: 1px solid #ccc; }
#portada #mainContent #rssfeed h2 { background-color: #333; font-size: 11px; color: #fff; padding: 4px 0 4px 8px; line-height: 11px; }
#portada #mainContent #rssfeed a, #portada #mainContent #rssfeed a:visited { padding: 0; color: #900; font-size: 14px; }
#portada #mainContent #rssfeed a:hover { color: #111; background: none; }
#mainContent #rssfeed strong { color: inherit; }