@charset "utf-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700');*/
html{
	/*height:100%;*/
}

body{
    color:#3b3c41;
    font-size: 1em;
}
body.home{
    color:#3b3c41;
    font-size: 1em;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;               
}

h1{
    font-family: 'Montserrat-Bold';
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 1em;
}

h2{
    font-family: 'Montserrat-Regular';
    font-size: 1.3em;
    margin-bottom: 1.1em;
}

h3{
    font-family: 'Montserrat-Regular';
}

h4{
    font-family: 'Montserrat-Regular';
}

p{
    font-family: 'AkzidenzGrotesk-Roman';
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.35em;
    margin-bottom: 1em;
}

p b, p strong{
  font-family: 'AkzidenzGrotesk-Bold';

}


a{
    font-family: 'AkzidenzGrotesk-Roman';
	font-weight: 400;
    color:inherit;
}

a:link{
	
}

a:hover{
	
}

a:visited{
	
}

p a{
    text-decoration: underline;
}

.vinculo{
    text-decoration: underline;
    font-size: 0.8em;
}

sup{
	position: relative; top: -0.4em; font-size: 70%;
}

figcaption{
    font-family: 'AkzidenzGrotesk-Roman';
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.35em;
    margin:0.5em 0 1em;
}

.transicion3{
    -webkit-transition:all 0.3s ease-in-out 0s; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in-out 0s;   
}

.transicionOp3{
    -webkit-transition:opacity 0.3s ease-in-out 0s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.3s ease-in-out 0s;   
}

#error404{
    text-align: center;
    padding-top: 320px;
}

/*HEADER*/
    header{
        background-color: rgba(255,255,255,0.85);
        overflow: hidden;
        width:100%;
        position:relative;
        z-index: 5000;
    }

    header .logo{
        float: left;
        width: 15%;
        max-width: 25%;
        padding: 15px 0 15px;
   }

    header .logo img{
        max-width: 100%;
        width: 106px;
        height: 110px;
        display: block;
    }

    header .contenedor-navs{
        float: right;
        width: 85%;
        position: relative;
    }

    header nav{
        float: right;
    }

    header nav#nav-principal{
      margin-top: 2.10em;
    }

    header nav#nav-principal ul{

    }

    header nav ul li{
        float: left;
    }

    header nav ul li a{
        padding-bottom: 33px;
        border-bottom: 1px solid #f02311;;
        color: #333537; 
        font-size: 0.9em;        
    }
    header nav ul li a.activo{
        padding-bottom: 8px;
        border-bottom: 25px solid #f02311;
        color: #1c1d1e;
    }

    header nav ul li a:hover{
        padding-bottom: 8px;
        border-bottom: 25px solid #36383f;
    }

    header nav#nav-principal ul li{
        
    }

    header nav#nav-principal ul li a{
        font-family: 'Montserrat-Light';        
        text-decoration: none;
        margin: 0 1em;
    }

    header nav#nav-idiomas{
        margin-top: 0.8em;
    }

    header nav#nav-idiomas ul{

    }

    header nav#nav-idiomas ul li{
        text-align: right;
    }

    header nav#nav-idiomas ul li a{
        font-family: 'Montserrat-Light';
        text-decoration: none;
        font-size: 0.75em;
        color:#8e9098;
        margin: 0 0.5em;               
        border-bottom: none;
    }

    header nav#nav-principal ul li.nav-item-menor a{
        font-size: 0.8em;
        margin: 0 0.8em;               
    }

    header nav#nav-principal ul li.nav-item-menor a:hover{
        padding-bottom: 8px;
        border-bottom: 25px solid #5e616e;
    }

    header nav#nav-principal ul li.nav-item-separado a{
        margin-left: 10em;
    }

    header nav#nav-principal ul li.nav-item-imagen a{
        padding-bottom: 5px;
        border-bottom: 20px solid #36383f;    
        margin: 0 0.4em;
        border:none;
    }

    header nav#nav-principal ul li.nav-item-imagen a:hover{
        border:none;
    }

    header nav#nav-principal ul li.nav-item-imagen a img{
                       
    }

/*HEADER COMPRIMIDO**/

header.comprimido{
  border-bottom: 1px solid #F0F0F0;
   background-color: rgba(255,255,255,0.95);
}
header.comprimido .logo img {
  width: 76px;
  height: 79px;
}

header.comprimido .logo {
    padding: 5px 0 5px;
}

header.comprimido nav#nav-principal {
    margin-top: 0.6em;
}

header.comprimido nav ul li a {
    padding-bottom: 15px;
}

header.comprimido nav ul li a:hover {
    padding-bottom: 2px;
    border-bottom: 9px solid #36383f;
}

header.comprimido nav ul li a.activo {
    padding-bottom: 2px;
    border-bottom: 9px solid #f02311;
    color: #1c1d1e;
}

header.comprimido nav#nav-idiomas {
    margin-top: 0;
}

/*FOOTER*/

footer{
    width: 100%;
    padding: 1.2em 0 0.8em;
    background-color: #212121;
    text-align: center;
    overflow: hidden;
}

footer p.legales{
    margin-top: 1em;
    font-size: 0.85em;
    color:#666;

}

footer .sello-mecenazgo{
    float: left;
    width: 48%;
    text-align:right;
}
footer .sello-mecenazgo img{
    width: 104px;
}
footer .logo-legales{
    float: left;
    width: 48%;
    margin-left: 4%;
    text-align:left;
    padding-top: 3px;
}

/*CONTENIDO*/

.contenedor{
        width: 1200px;
        max-width: 95%;
        margin:0 auto;
    }

.seccion{
    padding-top: 70px;
    min-height: 591px;    
} 

.seccion-home   {
    padding-top: 0;
} 

/************************************************************************************************************HOME*/

#home-datos-edicion{
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    position: relative;
}

#datos-edicion-texto{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 20%;    
}

#datos-edicion-texto h1{
    font-family: 'Montserrat-Regular';
    font-size: 1.8em;    
    margin-bottom: 0.5em;
}

#datos-edicion-texto h1 span{
   
}

#datos-edicion-texto h1 span.edicion-numero{
    background-color: #f02311;
    padding: 0.4em 0.5em 2em 0.5em;
    margin-right: 1px;
}
#datos-edicion-texto h1 span.edicion-titulo{
    background-color: #b6b6b6;
    padding: 0.4em;
}

#sumario-edicion{
    background-color:#fff;
    width: 100%;
    padding: 4em 0 2em;
}

.tres-columnas{
    overflow: hidden;
}

.tres-columnas .item {
    width: 29.8%;
    display: inline-block;
    margin-left: 4.66%;
    margin-bottom: 4em;
    vertical-align: top;
}

.tres-columnas .item:nth-child(3n+1){
    margin-left: 0;
}

.cuadro-vinculo figure{
    background-color: #FFFFFF;
    -webkit-transition:all 0.3s ease-in-out 0s; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in-out 0s;   
}

.cuadro-vinculo figure img{
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
    display: block;
}

.cuadro-vinculo a{
    text-decoration: none;
}

.cuadro-vinculo a:hover figure{
    background-color:#f02311;
}
.cuadro-vinculo a:hover figure img{
    opacity: 0.8;
}

.item figure img{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.5em;
}


.item h2{
    font-size: 0.90em;
    text-align: center;
    line-height: 1.4em;
}

.item a{
  text-decoration: none;
   color:#333537;

}

.item h2 span.item-autor{
font-family: 'Montserrat-Light';    
}
.item h2 span.item-titulo{
font-family: 'Montserrat-Bold';    
}

p.edicion-frase, p.edicion_frase{
    font-style: italic;
}

p.edicion-frase-autor, p.edicion_frase_autor{
    text-align: right;
    font-style: italic;
}
.item-sumario-edicion p.edicion-frase{
    line-height: 1.5em;
    padding: 3em 2em 0;
}

.item-sumario-edicion p.edicion-frase-autor{
    padding: 1em 2em 0;
}




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



/*************************************************************************************************************PORTFOLIO*/
.slider-obra{
    width: 920px; 
    height: 665px;
    margin: 0 auto;
}

   .portfolio-imagenes{
        width: 964px;        
        max-width: 94%;
        height: 643px;
        margin:0 auto 70px;
        /*isplay: flex;
        flex-direction: column;
        justify-content: center;*/        
    }

    .portfolio-item{
        /*position: absolute;
        top: 50%;*/
        margin: 0 auto;
        /*transform: translateY(-50%) translateX(-50%);
        left: 50%;*/
        width: 100%;
    }
    /* ERROR FANTASMA 
    .portfolio-item{
        position: absolute;
        top: 50%;
        margin: 0 auto;
        transform: translateY(-50%) translateX(-50%);
        left: 50%;
        width: 100%;
    }*/

    .portfolio-item img{
        position: relative;
        vertical-align: middle;
    }

    .portfolio-info{
        overflow: hidden;
        margin:1em 0 4em;
    }

    .portfolio-texto{
        width: 74%;
        float: left;
    }

    .portfolio-autor{
        width: 22%;
        float: right;
    }

    .portfolio-autor figure{

    }

    .portfolio-item div.serie_epigrafe{
        text-align: center;
        margin-top: 15px;
    }

    .portfolio-autor figure figcaption{
        margin:0.5em 0 1em;
        font-size: 
    }

    .portfolio-autor figure img{
        display: block;
        width: 100%;
        height: auto;
    }

    #mas-edicion{
        background-color:#fff;
        width: 100%;
        padding: 1em 0 4em;
    }

    .cuatro-columnas{
        overflow: hidden;
    }

    .cuatro-columnas .item{
        width: 21.64%;
        display: inline-block;
        margin-left: 4%;
        margin-bottom: 4em;
        vertical-align: top;
    }

    .cuatro-columnas .item:nth-child(4n+1){
        margin-left: 0;
    }
/*************************************************************************************************************/


/*************************************************************************************************************AUTOR*/

.autor-info{
    overflow: hidden;
    margin-bottom: 5em;
}
.autor-foto{
    width: 31.167%;
    float: left;
    margin-right: 5.25%;
}

.autor-foto img{   
    display: block;
    margin-bottom: 0.5em;
    width: 100%;
    height: auto;

}
.autor-bio{
    width: 63%;
    float: right;
}


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

/*************************************************************************************************************EDICIONES*/

.item-ediciones span.item-autor{
    font-family: 'AkzidenzGrotesk-Bold';
}
.item-ediciones span.item-titulo{
/*font-family: 'Montserrat-Bold';    */
}

.item-ediciones h2{
    text-align: left;
    font-family: 'AkzidenzGrotesk-Roman';
    font-size: 1.2em;
}

.item-ediciones ul li{
    font-family: 'AkzidenzGrotesk-Roman';
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.35em;
    margin-bottom: 0.3em;
}
/*************************************************************************************************************/

/*************************************************************************************************************ACERCA*/
#acerca{

}

.acerca-txt {
    margin: 50px auto 0;
    max-width: 90%;
}


#acerca h3 {
    margin: 3em 0 15px;
}
/*************************************************************************************************************/


/*************************************************************************************************************CONTACTO*/
    input, textarea{
        float: left;
        width: 200px;
        padding: 4px;
        font-size: 0.9em;
        line-height: 1.35em;
        margin-bottom: 1em;
        background-color: #F1F1F1;
    font-family: 'AkzidenzGrotesk-Roman';
        font-weight: normal;
        color: #3b3c41;
        border:none;
    }

    textarea{
        height: 150px;
    }
    label{
        clear: both;
        float: left;
        width: 100px;
        padding: 4px;
        font-family: 'AkzidenzGrotesk-Roman';
        font-weight: normal;
        font-size: 0.9em;
        color: #3b3c41;
    }
    input#bt_enviar{
        width: 100px;
        margin-left: 108px;
        clear: both;
    }

.contenedor-angosto{
    max-width: 500px;
    margin: 0 auto;
}

.form-contacto {
    width: 92%;
    margin: 50px auto 0;
}

.form-contacto form{
    margin-top: 30px;
}
/*************************************************************************************************************/


    .desktop{
        display: block;
    } 

    .mobile{
        display: none;
    }


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

.clear{
	clear:both;
}

@media screen and (max-width: 1100px) {  


}


@media screen and (max-width: 900px) {	
    header nav#nav-principal ul li.nav-item-separado a {
        margin-left: 2em;
    }

    .cuatro-columnas .item {
        width: 30.2%;
        display: inline-block;
        margin-left: 4%;
        margin-bottom: 4em;
        vertical-align: top;
    }    

    .cuatro-columnas .item:nth-child(4n+1) {
        margin-left: 4%;
    } 
    
    .cuatro-columnas .item:nth-child(3n+1) {
        margin-left: 0;
    }     


  
}

@media screen and (max-width: 767px) {
    .tres-columnas .item {
    width: 45.4%;
    margin-left: 6%;
    }

    .tres-columnas .item:nth-child(3n+1){
        margin-left: 8%;
    }    

    .tres-columnas .item:nth-child(2n+1){
        margin-left: 0;
    }   

    .desktop{
        display: none;
    } 

    .mobile{
        display: block;
    }

    .bt-mobile{
        position: absolute;
        right: 23px;
        bottom: 10px;
        z-index: 1000;
        cursor: pointer;
    }

    header {
        overflow: visible;
    }    

    header .logo {
        float: none;
        width: 110px;
        max-width: none;
    }    

    .contenedor-navs.mobile{
        float: none;
        width: 100%;
    }

 #nav-mobile-ppal{
        height: 0;
        width: 170px;
        position: absolute;
        overflow: hidden;
        right: 0;
 }
   
#nav-mobile-ppal li{
    float: none;
    text-align:right;
}

#nav-mobile-ppal li a{
    font-family: 'Montserrat-Light';
    text-decoration: none;
    padding: 10px 15px 10px 0;
    box-sizing: border-box;
    border:none;
    width: 100%;
    display: block;
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(255,255,255,0.45);
}
}

@media screen and (max-width: 600px) {
.tres-columnas .item {
    width: 100%;
    margin-left: 0;
}
.tres-columnas .item:nth-child(3n+1) {
    margin-left: 0;
}

.portfolio-imagenes {
    width: 964px;
    max-width: 94%;
    height: 363px;   
    margin: 0 auto 70px;
}

.portfolio-info h2 {
    font-size: 1.0em;
    margin-bottom: 0.8em;
}
.portfolio-info h1 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

.cuatro-columnas .item {
    width: 46.2%;
    display: inline-block;
    margin-left: 5%;
    margin-bottom: 4em;
    vertical-align: top;
}
.cuatro-columnas .item:nth-child(3n+1) {
    margin-left: 5%;
}
.cuatro-columnas .item:nth-child(2n+1) {
    margin-left: 0%;
}
}


@font-face {
  font-family: 'AkzidenzGrotesk-Roman';
  src: url('AkzidenzGrotesk-Roman.eot?#iefix') format('embedded-opentype'),  url('AkzidenzGrotesk-Roman.woff') format('woff'), url('AkzidenzGrotesk-Roman.ttf')  format('truetype'), url('AkzidenzGrotesk-Roman.svg#AkzidenzGrotesk-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'AkzidenzGrotesk-Bold';
  src: url('AkzidenzGrotesk-Bold.eot?#iefix') format('embedded-opentype'),  url('AkzidenzGrotesk-Bold.woff') format('woff'), url('AkzidenzGrotesk-Bold.ttf')  format('truetype'), url('AkzidenzGrotesk-Bold.svg#AkzidenzGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
	
	
@font-face {
  font-family: 'Montserrat-Light';
  src: url('Montserrat-Light.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Light.otf')  format('opentype'),
	     url('Montserrat-Light.woff') format('woff'), url('Montserrat-Light.ttf')  format('truetype'), url('Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat-Bold';
  src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Bold.otf')  format('opentype'),
	     url('Montserrat-Bold.woff') format('woff'), url('Montserrat-Bold.ttf')  format('truetype'), url('Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf')  format('truetype'), url('Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}