@import url(reset.css);
@import url(contact.css);

@font-face {
    font-style: normal;
    font-weight: lighter;
    font-family: MyCustomFont;
    src: url("font/MyriadPro-Regular.eot") /* EOT file for IE */
}
@font-face {
    font-style: normal;
    font-weight: lighter;
    font-family: MyCustomFont;
    src: url("font/MyriadPro-Regular.ttf") /* TTF file for CSS3 browsers */
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display: block;}
mark, rp, rt, ruby, summary, time{display: inline}

/* Global properties ======================================================== */
body {
    font-family: MyCustomFont;
    font-size: 15px;
    color:#fff;
    width: 900px;
    margin: 0px auto 0px auto;
    background-color: #eaeaea;
    line-height: 17px;
}
html {}
html, body {height:100%;}
img{margin: 0px;}
.contador img{margin: 0 auto; display: block;}
.imgc600{margin: 0 auto; display: block; width:600px;}

a{color:#302F68; text-decoration: none; font-weight: bold;}
a:hover{color:#333336; text-decoration: none; font-weight: bold;}

h1{}
h2{color: #302F68; padding: 15px 0px 15px 0px; font-size: 22px;}
h3{color: #302F68; padding: 0px 10px 0px 0px; font-size: 16px; font-weight: bold;}
h4{color: #ffffff; padding: 10px 0px 5px 0px; font-size: 15px; font-weight: bold;}
h5{color: #ffffff; padding: 15px 0px 15px 0px; font-size: 18px; font-weight: bold; text-align: center;}
h6{color: #302F68; padding: 0px 0px 5px 0px; font-weight: bold; text-align: center;}

p{color:#565656; padding: 10px 0px; width: auto; margin: 0px auto 0px auto;  text-align: justify;}
p.revista{padding: 0px 0px 5px 0px; font-size: 18px; font-weight: bold; color:#000; text-align: center;}
b.resaltar{color: #302F68; font-size: 20px; font-weight: bold;}

em{color:#666; font-weight: normal; font-size: 15px;}

.clear{clear: both;}

/* Global Estructura */
.contain-index{background-color: #fff; margin: 0px;}
.contain{background-color: #fff; margin: 0px; padding: 10px;}

/* Header */
header #encabezado{position: relative; width: 100%; height: 200px; margin-left: auto; margin-right: auto;}
#encabezado{background:url(../img/header.png) 0 0 no-repeat; width:900px; height:200px;}
.fondo{background: url(../img/bg.png) 0 0 no-repeat;}

/* nav */
nav{width: 100%; height: 30px; font-weight: bold; padding: 5px 10px;}
nav ul li a{color:#fff; float: left; padding: 7px 20px; text-decoration: none;}
nav ul li a:hover{background:#333336; text-decoration: none; color:#fff; float: left; padding: 7px 20px;}

/************************************************************************************************************************/

/* section */
.container{margin: 0px 0px 0px 0px; background-color: #fff; width: 65%; float: left;}

.present{padding: 25px 20px;  height: auto; background-color: #fff;}
.present p{font-size: 15px;}
.present a{padding: 10px; float: right;}
.present h2{line-height: 25px;}

.izquierda{text-align: right; margin-left: 100px; font-style: italic;}
.izquierdas{text-align: justify; margin-left: 100px;}

.section-articles{float: left; padding: 0px 15px 15px 15px;}

.articulo{width: 250px; height: 300px; border: 2px solid #BBBBBB; margin: 7px 10px 35px 10px; float: left;}
.articulo img{width: 100%;}
.articulo .idioma{color: #333336; text-align: right; padding: 0px 10px;}
.articulo .titulo{padding: 10px; font-size: 16px;}
.articulo .titulo a{color:#302F68;}
.articulo .autor{padding: 10px; font-size: 14px; color: #565656; font-weight: bold;}

.galeria{float:left; padding: 0px 15px 15px 15px;}
.galeria .textoGaleria h2{font-size: 25px; padding: 0px 10px;}
.galeria .textoGaleria h6{text-align: left; padding: 5px 0 0px 10px;}
.galeria .textoGaleria p{font-weight: bold; padding: 5px 0 5px 10px;}
.galeria .masInfo{padding: 10px; float: right;}
.galeria .imgGaleria img{width:31%; padding: 5px;}

.luciernaga{border: none; width: 220px; height: 330px; margin: 5px 10px 35px 10px; float: left;}
.contador img{width: auto; margin-left: 38px; margin-right: 38px;}

/************************************************************************************************************************/

/* aside */
.destacado{width: 35%; background-color: #302F68; float: left; margin: 0px 0px 0px 0px;}

/* bloques destacados*/

.bloques{background-color: #333336; margin: 0 auto; padding: 20px;}
.bloques h2{padding: 10px; color:#fff; text-align: center;}
.bloques h4{padding: 5px; color:#302F68; text-align: center;}
.bloque{background-color: #9D9D9C; margin: 10px; padding: 5px;}
.bloque .autor{padding: 0px 10px 5px 10px; font-weight: bold; color:#333336; font-size: 14px; text-align: center;}
.bloque a{color: #333;}
.bloque .idioma {padding: 0px 10px 5px 10px; text-align: right; font-size: 13px;}

/* entrevistas */

.entre-vistas{padding: 15px;}
.entre-vistas h2{color: #ffffff; padding: 10px; margin-bottom: 10px; font-size: 20px;}
.bloque-entrevistas{padding: 10px 0px;}
.bloque-entrevistas h4{text-align: left; font-size: 20px;}
.bloque-entrevistas h3{margin-top: 10px; background-color: #000; position: relative; width: 95%; padding: 5px 0px 5px 14px; font-size: 15px;}
.bloque-entrevistas img{width: 100%; }
.bloque-entrevistas p{color: #fff; text-align: justify; font-size: 15px;}
.bloque-entrevistas a{color: #fff; float: right; padding: 0 0 15px 0;}

/* podcast */

.pod-cast{background-color: #333336; padding: 10px 15px;}
.pod-cast h2{background-color: #fff; color: #302F68; padding: 10px; margin: 15px; font-size: 20px; width: 43%; }
.pod-cast h3{margin-top: 10px; padding: 10px; font-size: 18px; text-align: center;}
.pod-cast p{color: #fff; padding: 10px 15px; font-size: 15px;}
.pod-cast a{color:#fff; float: right; padding: 10px 5px 5px 5px;}
.pod-cast .ampliar a{padding: 10px; float: right; color:#fff;}
.pod-cast a img{width: 280px;}
.pod-cast .titulo{color: #fff; font-weight: bold; font-size: 24px; padding: 10px 15px;}
.pod-cast .reproductor{width: 100%; margin: 0 auto; padding: 0px; background-color: #302F68;}

.interior .pod{color: #000; width: 350px; float: left; margin: 15px; padding: 20px;}

footer{width: 100%; text-align: center; color: #000; line-height: 16px; background-color: #302F68; margin-top: 0px;}
footer p{color: #fff; font-size: 15px; text-align: center;}
footer a{color: #fff;}
footer .logos{background-color: #eaeaea;}

/************************************************************************************************************************/

/*internas*/
.intPodcast{padding: 0px 0px 30px 0px; text-align: justify;}
.intPodcast a img{width: 600px;}
.intPodcast .reproductor{float: left; margin: 200px 10px 0px 0px; position: absolute; background-color: #302F68; width: 300px;}
.intPodcast h4{color: #302F68; font-size: 20px; margin-bottom: 15px; margin-top: 30px;}

.interior{ background-color: #fff; padding: 0px 25px 25px 25px; margin: 0px 40px; background-image: url(../img/luciernaga-fondo.png); background-repeat: no-repeat; background-position: bottom right;}
.interiorpre{background-color: #fff; padding: 25px 100px; margin: 0px 40px; background-image: url(img/luciernaga-logo.jpg);}

.linkint{margin-bottom: 20px;}
.linkint a{position:relative; float: right; background-color: #302F68; color: #fff; padding: 10px; font-size: 18px; margin-top:10px;}

.editorial{padding: 10px 0px 30px 0px; text-align: justify;}
.editorial h6, .politecnico h6, .autonoma h6{color:#333336; margin-bottom: 10px; font-weight: normal;}

.politecnico{width:45%;float: left;margin-top: 15px;}
.politecnico h4, .autonoma h4, .editorial h4{color: #302F68; font-size: 20px; text-align: center; margin-bottom: 15px; margin-top: 10px;}

.autonoma{width: 45%; float: right; margin-top: 15px;}

.anteriores img{ width: 390px; height: 100px;}
.anteriores a{float: left; padding: 20px 10px;}
.anteriores p{padding: 0 0 15px 30px; font-size: 18px;}

.intGaleria{padding: 20px 0px 30px 0px; text-align: justify;}
.intGaleria .ficha{width: 380px; text-align: left; float: left; height: 260px; padding: 10px; color: #ffffff;}
.intGaleria .ficha img{width: 390px; position: absolute; z-index: 0;}
.intGaleria .ficha .txt{width: 370px; padding: 5px 10px; position: absolute; margin-top: 170px; word-wrap: break-word;}