/*Preload*/
#precarga{position:fixed;width:100%;background-color: rgba(0,31,96,0.97);height:1400px;overflow: hidden;text-align: center;z-index:10000;top:0;left:0;}
#precarga img{margin-top:350px;}
#precarga .txtprecarga{font-family: 'Roboto', sans-serif; font-size: 16px; color: #565656;margin-top: 7px;}

@media all and (max-height:680px){	
		#precarga img{margin-top:210px;}
	}
@media all and (max-height:500px){	
		#precarga img{margin-top:150px;}
	}
@media all and (max-height:350px){	
		#precarga img{margin-top:80px;}
	}


/*Generales*/
html,body,.contenedor{margin:0;padding:0;}
.content{width:100%;max-width:1380px;margin:0 auto;box-sizing: border-box;}
.uppercase{text-transform:uppercase;}
.btn{border-radius:45px;}
.btn.link{text-decoration:none;}
.volanta{padding:0;font-family: 'merriweatheregular', serif;margin-bottom:20px;font-size:20px;border-bottom:1px solid black;}
.content .txts{padding:0px 7px 15px;box-sizing: border-box;}
.bgnaranja{background-color: #ff5353;}
.white{color: white;}
.btn.link.white:hover{color: white;}
.txtgral{font-family: 'merriweatherlight', serif;font-size:1.15em;line-height:1.7;}
.transitionall{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#goup a:hover{background-color: #001f60;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.sep10{height:10px;width: 100%;}
.sep20{height:20px;width: 100%;}
.sep30{height:30px;width: 100%;}
.sep40{height:40px;width: 100%;}
.sep50{height:50px;width: 100%;}

/*Banner*/
.banner .tapa{background-image:url('../img/gradientLibro.png');background-size: 100%;text-align: center;background-repeat: no-repeat;background-position:0 -1vh;position:relative;padding:20px 0 0 0;}
.banner .tapa img{width:100%;max-width:300px;}
.banner .txts{text-align: center;padding-bottom:30px;}
.banner .volanta{font-family: 'merriweatheritalic', serif;font-size:23px;letter-spacing: 1px;text-align: center;margin-top: 20px;}
.banner .autor{display:inline-block;background-color: white;padding: 6px 10px 4px 10px;font-family: 'merriweatheregular',serif;font-size:18px;line-height:1.3;}
.banner .autor span{font-size:13px;}
.banner h1,.banner h2{font-family: 'Roboto Slab Bold', serif;}
.banner h1{font-size:2.15em;line-height:1.25;margin:10px 0;}
.banner h2{font-size:2em;line-height:1.25;margin:20px 0;}
.banner .btn.link{display: block;font-family: 'opensansbold',sans-serif;border:2px solid;padding:8px 12px;font-size:18px;width:90%;min-width:270px;max-width:190px;text-align: center;margin:20px auto;}
.banner .btn.link:hover{background-color: white;color: black;}

@media(min-width: 760px){
	.banner .tapa img{max-width:100%;}
	.banner .btn.link{padding:6px 12px;}
}

/*Descripcion*/
.descripcion{background-color: #f5f4ef;padding:35px 0;}
.descripcion .areaimg{display: none;}
.descripcion .col60.txts{width:100%;}
.descripcion .areaimg img{max-width: 100%;}


/*Slider Muestras libro*/
.muestralibro,.relacionados{width:85%;margin:45px auto 20px auto;position:relative;}
.owl-carousel .owl-dots{display: none;}
/*.muestralibro .owl-carousel .owl-nav .owl-next span, .muestralibro .owl-carousel .owl-nav .owl-prev span{font-family: sans-serif;color:#fb6665;}
.relacionados .owl-carousel .owl-nav .owl-next span, .relacionados .owl-carousel .owl-nav .owl-prev span{font-family: sans-serif;color:#5e5e5e;}*/
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{position:absolute;top:35%;outline: 0;}
.owl-carousel .owl-nav .owl-prev{left:-15px;}
.owl-carousel .owl-nav .owl-next{right:-15px;}
.owl-carousel .owl-nav button img{width: 14px;}
.owl-carousel .item p{font-family: 'opensansbold',sans-serif;color: #5e5e5e;text-align: center;text-transform:uppercase;padding:5px 10px;width:90%;margin:auto;}

/*Slider frases*/
#carouselfrases{margin:60px auto 45px;width:97%;text-align: center;}
#carouselfrases .comillas{width:90px;margin:auto;}
#carouselfrases .frase{font-family: 'merriweatheritalic', serif;font-size:20px;color: #5e5e5e;margin:25px auto;}
#carouselfrases .firma{font-family: 'opensansregular',sans-serif;color: #5e5e5e;}
#carouselfrases .firma b{font-family: 'opensansbold',sans-serif;}
#carouselfrases .carousel-indicators{bottom:-27px;}
#carouselfrases .carousel-indicators li {width: 10px;height: 10px;border-radius: 100%;border: 1px solid #fb6665;}
#carouselfrases .carousel-indicators li.active{ background-color: #fb6665;}
.carousel-control-prev-icon{background-image: url('../img/prevcar.png');background-size: 100%;}
.carousel-control-next-icon{background-image: url('../img/nextcar.png');background-size: 100%;}
.carousel-control-prev{left:-10%;}
.carousel-control-next{right: -10%;}
.carousel-item{height: 100%!important;}

.sectiontitle{font-family: 'Roboto Slab', serif;}
.sectiontitle.bold,.sectiontitle b,.sectiontitle strong{font-family: 'Roboto Slab Bold', serif;}

/*Booktrailer*/
.booktrailer{background-color: black;border-left:12px solid #ff2f0d;margin:35px auto;}
.booktrailer .content{padding:10px 0;}
.booktrailer .sectiontitle{color: white; color:white; margin:15px 0;padding-left: 15px;font-size:30px;}
.booktrailer .areavideo{max-width: 940px;margin:40px auto;}

/*Sobre el autor*/
.about{background-color: #f6f8f5;}
.about .bgauthor{display:block;}
.about .autor{text-align: center;}


/*.about .content{display: flex;flex-direction:row;justify-content: center;align-items: center;}*/
.about .volanta, .about .sectiontitle{color: #5e5e5e;}
.about .sectiontitle{font-size: 33px;}
.about .redes{padding-left: 0;list-style-type: none;}
.about .redes li{display: inline-block;vertical-align: middle;}
.about .redes li img{width:35px;margin-right: 7px;}
.about .btn{font-family: 'opensansbold',sans-serif;font-size: 16px;min-width:200px;margin:15px 0;}
.about .areabio{padding:0 20px;}
.about .txts{padding:10px 15px;text-align: center;}


/*Área Compra*/
.areacompra{
	display: flex;
	background-image:url('../img/fondoAreaCompra.jpg');
	background-size:cover;
	min-height: 250px;
	background-position:15% 95%;
}
.areacompra .flex{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;}
.btn.compra{display: block;font-family: 'opensansbold',sans-serif;padding:8px 12px;font-size:18px;width:90%;min-width:190px;max-width:270px;text-align: center;margin:20px auto;background-color: #001f60;color: #fff;border:2px solid #001f60;box-shadow: 2px 3px 2px rgba(0,0,0,0.4);}
.btn.compra:hover{background-color: #19439a;color: #fff;border:2px solid #19439a;}

.volver{padding:5px 35px;}
#goup{padding:15px;border:1px solid #001f60;border-radius:4px;display: inline-block;}
#goup:hover{background-color: #001f60;}
#goup img{width:20px;display:block;margin:auto;}

/*Pie*/
.areapie{background-color: #001f60;padding:15px 20px;}
.areapie .logolibro{height: 50px;width:auto;}
.areapie .col{width:49%;display: inline-block;vertical-align: top;}


/*Adaptaciones Grilla y Grales*/
@media(min-width: 350px){.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{top:42%;}}
@media(min-width:370px){.banner h1{margin:25px 0;}}
@media(min-width:410px){
	.banner .tapa{background-position:0 -8vh;}
	.banner h1,.banner .volanta{margin-bottom:25px;}
	.banner h2{margin:30px 0;}
}
@media(min-width: 470px){.booktrailer .sectiontitle{font-size:32px;}}
@media(min-width: 600px){
	.booktrailer .content{padding:10px 20px;}
	.booktrailer .sectiontitle{padding-left: 0;}
	.booktrailer .areavideo{margin:10px auto 40px;}
	.about .areabio{padding:20px 15px;}
	.banner h1{font-size:2.4em;}
}
@media(min-width: 760px){
	.banner .tapa{background-position:0 -1vh;padding-top: 0;}
	.banner .volanta{text-align: left;}
	.col{display: inline-block;vertical-align: top;}
	.col40{width: 39%;}
	.col60{width: 53%;}
	.banner h1{max-width:630px;}
	.banner .txts{text-align: left;}
	.banner .btn.link{margin:20px 0;}
	.descripcion .col60.txts{padding:0 20px;}
	.booktrailer{border-left:15px solid #ff2f0d;}
	.about .content{display: flex;flex-direction:row;justify-content: center;align-items: center;}
	.about .bgauthor{display:flex;background-size:contain;}
	.about .bgauthor .autor{background-size:contain;background-repeat: no-repeat;background-position:0 0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;min-height:300px;}
	.about .col{width:49%;display: inline-block;vertical-align:middle;}
	.areacompra{min-height: 300px;}
}

@media(min-width: 870px){
	.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{top: 36%;}
	.owl-carousel .owl-nav button img{width:22px;}
	.owl-carousel .owl-nav .owl-prev{left:-35px;}
	.owl-carousel .owl-nav .owl-next{right:-35px;}
	.about .areabio{padding:20px;}
	.about .bgauthor .autor{background-position:15px 0;}
}
@media(min-width: 900px){
	.descripcion{padding:60px 0;}
	.descripcion .areaimg{display: inline-block;}
	.descripcion .col60.txts{width:60%;}
	.descripcion .volanta{margin-top:0;}
	.areapie .logolibro{height: 65px;}
	.banner .tapa{background-position:0 -2vh;}
	.btn.compra{display: inline-block;}
}
@media(min-width:1100px){
	.banner .tapa{background-position:0 -8vh;}
	.banner .tapa img{max-width:90%;}
	.content{width:80%;}
}
@media(min-width:1200px){
	.txtgral{font-size:1em;}
}
@media(min-width:1250px){
	.content{width:78%;}
	.banner .tapa{background-position:2vw -2vh;background-size:88%;}
	.banner .tapa img{max-width:395px;}
}
@media(min-width:1300px){
	.banner .tapa{padding:0;height:400px;}
	.banner .tapa img{position: absolute;left: 10%;}
	.descripcion{padding-top:55px;}
}
@media(min-width:1350px){
	#carouselfrases{width:75%;}
}
@media(min-width:1400px){
	.about .areabio{padding:0;}
	.txtgral{font-size:17px;}
	.volanta{font-size:21px;}
}
@media(min-width:1590px){.owl-carousel .owl-item{padding:0 15px;}}