/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c; background-color:#FAFAFA;} ul { list-style: disc; } ol { list-style: decimal;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0; } div.clear { clear:both;} /* COMIENZO HEADER */ header { background-color:#fafafa; width:100%; height:120px; border-bottom:solid 1px #CCC; position:relative; background-image:url(../cssimages/header-sombra.png); background-position:center bottom; background-repeat:no-repeat; margin-bottom:40px; } header div.ribbon { background-color:#D00; height:20px; line-height:20px; color:#FFF; font-size:10px;} div.wrapper { width:960px; margin:0 auto; position:relative; } header div.ribbon div.wrapper a.logomst { background-image:url(../cssimages/mst-logo-as.png); display:inline-block; width:40px; height:20px; text-indent:-5000px; } header div.wrapper a.logo { background-image:url(../cssimages/logo.png); display:inline-block; background-repeat: no-repeat; width: 520px; height: 103px; text-indent:-5000px; position:absolute; top:20px; left:0px;} header div.wrapper input { position: absolute; bottom:-101px; right:20px; width: 214px; height:20px; line-height:20px; color:#999; background-color:#FFF; border:solid 1px #CCC; z-index:2; padding-left:5px; font-size:12px; } header div.wrapper button { display:inline-block; position: absolute; bottom:-101px; right:0px; width:24px; height:24px; background-image:url(../cssimages/icon-buscar.png); text-indent:-5000px; border:solid 1px #808080; z-index:2; background-color:#D00; cursor:pointer; } header nav { width:710px; height:20px; line-height:20px; padding-right:250px; margin:0 auto; top:77px; position:relative; } header nav ul { text-align:right; } header nav ul li { display:inline; } header nav ul li a { color:#4c4c4c; text-decoration:none; display:inline-block; height:24px; line-height:24px; padding:0px 7px;} header nav ul li a:hover, header nav ul li a.activo { color:#FFF; background-color:#D00;} /* FIN HEADER */ /* COMIENZO HOME */ section.home { min-height:750px; margin-bottom:10px;} section.home article.tapa { width:460px; min-height:700px; display:inline-block;} section.home article.tapa img { width:460px; height:650px;} section.home article.tapa h2:first-of-type, section.home section.editorial h2 { border-bottom:solid 1px #D00; color:#4c4c4c; font-weight:bold; line-height:18px; padding-left:5px; margin-bottom:10px;} section.home section.editorial h2 { padding-left:20px;} html body.wordpress div.wrapper section.home div.edicionanterior { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:28px; color:#D00; margin:0px 0px 20px 0px; } section.home section.editorial { display:inline-block; width:230px; min-height:700px; margin-left:20px; border-left:solid 1px #D00;} section.home article.tapa h2 a { display:inline-block; height:18px; line-height:18px; padding:0px 7px; background-color:#D00; color:#FFF; position:relative; top:3px; margin-left:5px; border:solid 1px #D00; text-decoration:none; font-weight:normal;font-size:16px;} section.home section.editorial h2 a { display:inline-block; line-height:18px; padding:4px 7px; background-color:#D00; color:#FFF; border:solid 1px #D00; text-decoration:none; font-weight:normal;font-size:16px; } section.home article.tapa h2 a:first-of-type { background-color:#fafafa; border:solid 1px #CCC; color:#4c4c4c;} section.editorial article.nota { width:200px; margin:10px;} section.editorial article.nota span.volanta { text-decoration:underline; font-size:11px;} section.editorial article.nota span.fecha { color:#D00; font-size:11px; margin-left:5px; } h4.titulo { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:20px; text-decoration:none; line-height:20px;} h4.titulo a { color:#4c4c4c; text-decoration:none; line-height:20px;} h4.titulo a:hover { color:#D00;} section.editorial article.nota h2.titulo { margin:10px 0px 0; padding: 0px;} section.editorial article.nota img { width:200px; height: auto; max-height:300px;} section.editorial article.nota p.extracto { font-size:12px; line-height:18px; margin:10px 0px;} a.leermas { color:#D00; text-decoration:none;} section.editorial div.etiquetas { margin:10px 20px;} section.editorial div.etiquetas a { color:#222; font-weight:bold; text-decoration:none; margin-right:10px; line-height:20px; display: inline-block; } section.editorial div.etiquetas a:hover { color:#D00;} section.secciones { display:inline-block; width:714px; min-height:100px;} section.secciones h2 { border-bottom:solid 1px #D00; color:#4c4c4c; font-weight:bold; height:26px; line-height:18px; padding-left:5px; margin-bottom:10px;} section.secciones article.nota { width:215px; height:230px; margin:9px; position:relative; display:inline-block;} section.secciones article.nota span.volanta { font-family:Oswald, Arial, Helvetica, sans-serif; text-decoration:none; background-color:#D00; font-size:12px; position:absolute; top:0px; left:0px; color:#FFF; padding:5px; text-transform:uppercase; z-index:9;} section.secciones article.nota span.fecha { color:#D00; font-size:12px; margin-right:5px; } section.secciones article.nota div.desplegable { height:70px; position:absolute; bottom:0px; left:0px; color:#FFF; background-color:#999; border-top:solid 1px #FFF; overflow:hidden;} section.secciones article.nota:hover div.desplegable{ height:215px; padding-top:15px;} section.secciones article.nota:hover a.leermas { position:absolute; bottom:0px; right:0px; background-color:#999; padding:3px 5px;} section.secciones article.nota:hover a.leermas:hover{ text-decoration:underline;} section.secciones article.nota h2.titulo { margin:5px; font-size:18px; color:#FFF;} section.secciones article.nota div.desplegable h2.titulo { border:0px; line-height:24px; height:auto;} section.secciones article.nota h2.titulo a { color:#FFF; text-decoration:none; font-weight: normal; } section.secciones article.nota h2.titulo a:hover { color:#D00;} section.secciones article.nota img { max-width: 215px; height: auto; } section.secciones article.nota p.extracto { font-size:12px; line-height:18px; margin:5px;} section.secciones article.nota div.desplegable p.extracto { margin:15px 10px 10px 10px;} section.ultimos { display:inline-block; width:960px; min-height:100px; margin-bottom:10px;} section.ultimos h2 { border-bottom:solid 1px #D00; color:#4c4c4c; font-weight:bold; line-height:23px; padding-left:5px; margin-bottom:10px; padding-bottom:10px;} section.ultimos article.nota { width:450px; height:100px; margin:9px; position:relative; display:inline-block; border-bottom:solid 1px #CCC; overflow:hidden;} section.ultimos article.nota span.volanta { font-family:Oswald, Arial, Helvetica, sans-serif; text-decoration:none; background-color:#D00; font-size:12px; position:absolute; top:0px; left:0px; color:#FFF; padding:5px; text-transform:uppercase; z-index:9;} section.ultimos article.nota.sin_foto span.volanta { display: inline-block; position: relative; } section.ultimos article.nota span.fecha { color:#D00; font-size:12px; } section.ultimos article.nota h2.titulo { font-size:18px; color:#FFF; color:#4d4d4d; font-weight:normal; border-bottom:0px; margin-bottom: 0px; padding-bottom: 0px;} section.ultimos article.nota h2.titulo a { color:#4d4d4d; text-decoration:none;} section.ultimos article.nota h2.titulo a:hover { color:#D00;} section.ultimos article.nota figure { width:120px; max-height:90px; overflow:hidden; float:left; margin:0px 10px 5px 0px;} section.ultimos article.nota figure img { width:120px; height: auto; } section.ultimos article.nota p.extracto { font-size:12px; line-height:18px; margin:0px 5px 5px 5px; position:static;} section.ultimos article.nota p.extracto a.leermas { position:absolute; bottom:0px; right:0px; background-color:#FAFAFA; padding:1px 5px;} section.ultimos article.nota:hover a.leermas:hover { text-decoration:underline;} section.destacadas { display:inline-block; width:960px; min-height:100px; margin-bottom:10px;} section.destacadas h2 { border-bottom:solid 1px #D00; color:#4c4c4c; font-weight:bold; height:26px; line-height:26px; padding-left:5px; margin-bottom:10px;} section.destacadas article.nota { width:117px; height:136px; position:relative; display:inline-block; overflow:hidden; background-color:#999;} section.destacadas article.nota span.volanta { font-family:Oswald, Arial, Helvetica, sans-serif; text-decoration:none; background-color:#D00; font-size:12px; position:absolute; top:0px; left:0px; color:#FFF; padding:5px; text-transform:uppercase; z-index:9;} section.destacadas article.nota span.fecha { color:#D00; font-size:12px; } section.destacadas article.nota h2.titulo { font-size:13px; color:#FFF; color:#4d4d4d; margin:3px 5px;} section.destacadas article.nota h2.titulo a { color:#FFF;} section.destacadas article.nota h2.titulo a:hover { color:#D00;} section.destacadas article.nota img { width:117px; max-height:90px; margin:0px;} section.destacadas article.nota:hover a.leermas:hover { text-decoration:underline;} /* FIN HOME */ /* COMIENZO INTERNA */ section.interna { min-height:750px; margin-bottom:10px;} section.interna article.full { width:460px; min-height:700px; display:inline-block;} section.interna article.full div.metadata { border-bottom:solid 1px #D00; color:#4c4c4c; height:26px; line-height:26px; padding-left:5px; margin-bottom:20px; font-size:11px;} section.interna article.full div.metadata span.fecha { border-right:solid 1px #999; padding-right:5px; margin-right:5px;} section.interna article.full div.metadata span.edicion { color:#D00;} section.interna article.full div.metadata div.etiquetas { color:#4c4c4c; float:right; display: inline-block;} section.interna article.full div.metadata div.etiquetas a { color:#D00; text-decoration:underline; text-transform:lowercase;} section.interna article.full h2.titulo { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:24px; color:#4c4c4c; font-weight:bold; margin:10px 0px 20px 0px; clear:both;} section.interna article.full .extracto { font-size:14px; color:#4c4c4c; line-height:20px; margin: 0px; } section.interna article.full span.autor { font-size:11px; color:#4c4c4c; display:block; border-bottom:solid 1px #CCC; padding:10px; margin-bottom:20px;} section.interna article.full span.autor a { color:#D00; text-decoration:underline; font-style:italic; } section.interna article.full div.social { height:20px; line-height:20px; padding:10px; margin-bottom:20px;} section.interna article.full .the_content h1, h2, h3, h4 { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:18px; color:#D00; margin-bottom:15px; } section.interna article.full .the_content h3 { font-size:18px; } section.interna article.full .the_content h4 { font-size:14px; } section.interna article.full .the_content p, section.interna article.full .the_content ul, section.interna article.full .the_content ol { font-size:12px; color:#444; line-height:20px; margin-bottom:15px;} section.interna article.full .the_content p:last-of-type { margin-bottom:0px;} section.interna article.full .the_content p strong { font-weight:bold; } section.interna article.full .the_content p em { font-style:italic; } section.interna article.full .the_content ul li, section.interna article.full .the_content ol li { margin-left:20px;} section.interna article.full .the_content p a { color:#D00; text-decoration:underline; cursor:pointer;} section.interna article.full .the_content p a:hover { color:#000; } section.interna article.full div.wp-caption { display:block; margin-bottom:10px; text-align: center; } section.interna article.full div.wp-caption.alignleft { display:inline; float:left; margin-right:15px;} section.interna article.full div.wp-caption.alignright { display:inline; float:right; } section.interna article.full div.wp-caption.aligncenter { display:block; margin: 0 auto; } section.interna article.full div.wp-caption img.size-small { max-width:300px;} section.interna article.full div.wp-caption img.size-medium { max-width:300px;} section.interna article.full div.wp-caption img.size-large { max-width:450px;} section.interna article.full div.wp-caption p.wp-caption-text { font-size:12px; color:#e5e5e5; padding:10px; background-color: rgba(0,0,0,0.5); position:relative; z-index:9; margin: 0px 5px; } section.interna article.relacionadas { display:inline-block; width:230px; min-height:700px; margin-left:20px; border-left:solid 1px #D00;} section.interna article.relacionadas h2 { font-family:Arial, Helvetica, sans-serif; border-bottom:solid 1px #D00; color:#4c4c4c; font-weight:bold; height:26px; line-height:26px; padding-left:10px; margin-bottom:10px; font-size:12px;} section.interna article.relacionadas h2 a { display:inline-block; height:18px; line-height:18px; padding:0px 7px; background-color:#D00; color:#FFF; position:relative; top:3px; margin-left:5px; border:solid 1px #D00; text-decoration:none;} section.interna article.relacionadas div.nota { padding:0px 10px 0px 10px;} section.interna article.relacionadas div.nota a { color:#D00;} section.interna article.relacionadas div.nota h4.titulo { font-size:14px; margin:0px 10px 5px 10px;} section.interna article.relacionadas div.nota p.extracto { font-size:12px; margin:0px 10px 5px 10px; line-height:20px; height:40px; overflow:hidden; border-bottom:solid 1px #CCC; padding-bottom:0px; } section.interna article.relacionadas div.nota span.fecha, section.interna article.relacionadas div.nota a.leermas { font-size:12px; color:#D00;} section.interna article.relacionadas div.etiquetas { margin:10px 20px;} section.interna article.relacionadas div.etiquetas a { color:#222; font-weight:bold; text-decoration:none; margin-right:10px; line-height:20px; display: inline-block; } section.interna article.relacionadas div.etiquetas a:hover { color:#D00;} /* FIN INTERNA*/ /* COMIENZO BUSQUEDA */ section.busqueda h1 { font-size:24px; font-family:Oswald, Arial, Helvetica, sans-serif; color:#444; padding-bottom:10px; border-bottom:solid 1px #CCC; margin-bottom:10px; } section.busqueda article.nota { clear:both; min-height:200px; padding:10px 0px 10px 0px; border-bottom:solid 1px #CCC;} section.busqueda article.nota h2.titulo a { color:#D00; text-decoration:none;} section.busqueda article.nota h2.titulo a:hover { color:#444;} section.busqueda article.nota p.extracto span.fecha { color:#D00;} section.busqueda article.nota p { line-height:20px;} section.busqueda article.nota a.leermas { line-height:20px;} section.busqueda article.nota a.leermas:hover { text-decoration:underline;} section.busqueda article.nota figure img { max-width:240px;} section.busqueda article.nota figure { width:240px; height:180px; overflow:hidden; margin:0px 10px 10px 0px; float:left; } section.busqueda div#nav-below.navigation { padding:10px 0px;} section.busqueda div#nav-below.navigation a { font-size:24px; font-family:Oswald, Arial, Helvetica, sans-serif; color:#D00; } /* FIN BUSQUEDA */ /* COMIENZO SIDEBAR */ aside { width:220px; margin:0px 10px; display:inline-block; } aside div.video { margin-bottom:10px;} aside div.video span.video { background-color:#000; width:220px; height:165px; display:block; background-image:url(../cssimages/video.png); background-repeat:no-repeat; background-position:center center;} aside div.video span.video img { width:220px;} aside div.video ul li span.video img { width:72px;} aside div.video h4, aside div.video h4 a { font-size:12px; font-weight:bold; text-decoration:none; margin:5px 0px;} aside div.video h4 a:hover { color:#D00} aside div.video ul { background-color:#f2f2f2; list-style:none;} aside div.video ul li { padding:5px;} aside div.video ul li span.video{ background-color:#4d4d4d; width:72px; height:54px; display:inline-block; margin-right:5px;} aside div.video ul li a { color:#808080; text-decoration:none; font-weight:bold; display:inline-block; width:120px; line-height:18px;} aside div.video ul li a:hover { color:#D00; } /* FIN SIDEBAR */ /* COMIENZO FOOTER */ footer { height:150px; background-color:#222; position } footer nav { width:960px; height:150px; margin:0 auto; position:relative;} footer nav a.logo { width:310px; height:100px; display:block; position:absolute; top:25px; left:0px; background-image:url(../cssimages/as-footer.png); background-position:top left; text-indent:-5000px;} footer nav ul { display:inline-block; width:150px; margin:25px 25px 0px 0px; float:right;} footer nav ul li { font-size:12px; color:#FFF; font-weight:normal; list-style:none; line-height:20px; } footer nav ul li a { font-size:12px; color:#FFF; font-weight:normal; text-decoration:none;} footer nav ul li:first-of-type a { font-weight:bold;} footer nav ul li a:hover { color:#D00;} a.globalset { font-size:11px; font-weight:bold; color:#666; text-decoration:none; position:absolute; bottom:5px; right:0px; display:inline-block;} a.globalset:hover { color:#FC0;} /* FIN FOOTER*/ /* Archivo de ediciones */ body.archive-edicion { } body.archive-edicion div.wrapper { } body.archive-edicion div.wrapper section { } body.archive-edicion div.wrapper section > h1 { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 25px; padding-left: 9px; } body.archive-edicion div.wrapper section article.tapa { width: 31%; float: left; margin: 40px 30px 0 0; } body.archive-edicion div.wrapper section article.tapa:nth-of-type(1), body.archive-edicion div.wrapper section article.tapa:nth-of-type(4), body.archive-edicion div.wrapper section article.tapa:nth-of-type(7), body.archive-edicion div.wrapper section article.tapa:nth-of-type(10) { clear: left; } body.archive-edicion div.wrapper section article.tapa:nth-of-type(2), body.archive-edicion div.wrapper section article.tapa:nth-of-type(5), body.archive-edicion div.wrapper section article.tapa:nth-of-type(8), body.archive-edicion div.wrapper section article.tapa:nth-of-type(11) { margin: 40px 0px 0 0; } body.archive-edicion div.wrapper section article.tapa:nth-of-type(3), body.archive-edicion div.wrapper section article.tapa:nth-of-type(6), body.archive-edicion div.wrapper section article.tapa:nth-of-type(9), body.archive-edicion div.wrapper section article.tapa:nth-of-type(12) { margin: 40px 0px 0 0; float: right; } body.archive-edicion div.wrapper section article.tapa h2 { padding: 10px; margin-bottom: 0; } body.archive-edicion div.wrapper section article.tapa h2 a.edicion { } body.archive-edicion div.wrapper section article.tapa h2 a.ver { float: right; display: inline-block; height: 18px; line-height: 18px; padding: 0px 7px; margin-left: 5px; text-decoration: none; background-color: #FAFAFA; border: solid 1px #CCC; color: #4C4C4C; } body.archive-edicion div.wrapper section article.tapa h2 a.bajar { float: right; display: inline-block; height: 18px; line-height: 18px; padding: 0px 7px; margin-left: 5px; text-decoration: none; background-color: #D00; border: solid 1px #D00; color: white; } body.archive-edicion div.wrapper section article.tapa a.edicion { } body.archive-edicion div.wrapper section article.tapa a.edicion img { width: 100%; } /***** paginado */ body.archive-edicion div.wrapper #nav-below { width: 100%; height: 80px; padding-top: 40px; } body.archive-edicion div.wrapper #nav-below a { font-size: 40px; color: #CCC; text-decoration: none; font-family: Oswald, Arial, Helvetica, sans-serif; } body.archive-edicion div.wrapper #nav-below a:hover { color: #D00; } body.archive-edicion div.wrapper #nav-below div.nav-previous { width: 30%; float: right; text-align: right; } body.archive-edicion div.wrapper #nav-below div.nav-previous a { } body.archive-edicion div.wrapper #nav-below div.nav-next { width: 30%; float: left; text-align: left; } body.archive-edicion div.wrapper #nav-below div.nav-next a { } body.archive-edicion div.wrapper section article.tapa.destacada { box-shadow: 0px 0px 23px 0 #888888; } body.archive-edicion div.wrapper section article.tapa.no-destacada { opacity: 0.3; }