/*
Theme Name: Miguel Serrano
Author: Alejandra Diaz + Pilar Abiuso
Author URI: 
Description: Sitio web Miguel Serrano.
This theme was designed by Alejandra Diaz and built by Pilar Abiuso
Version: 1.0
*/
html, body{
	min-height:100%;
}
* {
	margin: 0;
	padding: 0;
}
a{
	outline:0;
}
img a, a img{
	border:none;
	outline:0;
	text-decoration:none;
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:16px;
	background:#fff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:11px;
}
/*ACNHO GRANDE*/
#header_top .contenidos, header nav, #footer_top, #footer_bottom .contenido, #content{
	max-width:941px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	margin:0 auto;	
}
/*ACNHO ANGOSTO*/
#content, #footer_top, #footer_bottom .contenido{
	max-width:830px;
}

/*HEADER*/
header{
	background:#F0F0F0;
}
header.sombra{
	position:absolute;
	width:100%;
	/*top:0;*/
	z-index:100000000000;
}
header.sombra::after{
	content:" ";
	width:100%;
	height:60px;
	position:absolute;
	top:95;
	z-index:100000;
	background:url(img/general/sombra_banner.png) top repeat-x;
}
#header_top{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #DDD;
	margin-bottom:10px;
	font-size:10px;
}
header nav{
	text-transform:uppercase;	
}
.logo{
	float:left;
	margin-right:30px;
}
.flor{
	float:right;
}
#header_top ul li{
	margin-left:0px;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #CCC;
}
#header_top ul li.selecc, nav ul li.selecc{
	font-weight:bold;	
}
#header_top ul li:last-child{
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}
#busqueda{
	float:right;	
}
#busqueda input{
	border:1px solid #CCC;
	border-radius:5px;
	margin-left:30px;
	background:#F8F8F8 url(img/general/busqueda.gif) left no-repeat;
	padding:2px;
	text-align:right;
	width:160px;
}
#flexslider_3 li{ width: 270px; height: 180px;}
header ul{
	float:right;
	text-align:right;
}
header nav ul{
	margin-top:26px;	
}
header ul li{
	display:inline-block;
	list-style:none;
	position:relative;
	padding-right:35px;
}
header ul li a{
	display:inline-block;
	color:#656565;
	text-decoration:none;
}
header ul li a:hover{
	color:#333333;	
}
header ul li.selected a, nav ul li.selecc a{
	color:#694A22;
}
nav ul li.selecc ul li a{
	color:#656565;
	font-weight:normal;
}
nav ul li.selecc ul li a:hover{
	color:#333333;
}
header ul li ul{
	display:none;
	margin-top:0px;
}
header ul li:hover{
	background:url(img/general/flecha_menu.gif) right 20px top 50% no-repeat;
}
header ul li:hover ul{
	display:block;
	position:absolute;
	padding-top:10px;
	left:0;
	
	z-index:2000000002;
}
header ul li ul li{
	display:block;
	width:150px;
	padding:10px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid #E4E3E2;
	background-color:#F1F1F1;
	padding-right:0px;
	text-transform:none;
	text-align:left;
	font-size:10px;
	box-shadow: 5px 5px 5px #333;
}
header ul li ul li:hover, #header_top ul li:hover{
	background:none;
}
header ul li ul li:hover{
	background-color:#F1F1F1;
}

header li.selected a{
	font-weight:bold;
	color:#604526;	
}

/*SLIDER CAPTION*/
.slider_caption{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:100px;
	background:rgba(95,69,32,.92);
	width:250px;
	padding:20px;
}
.slider_caption h3{
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:15px;
	color:#fff;
}
.slider_caption p{
	text-transform:uppercase;
	font-size:10px;
}

#content{
	max-width:830px;
	padding-top:150px;
	padding-bottom:40px;
	color:#333333;
}
#content.texto-page{
	padding-top:100px;	
}
#texto-page ul{
	margin-left:50px;
	margin-bottom:30px;	
}
#texto-page ul li ul{
	margin-left:0px;
	margin-bottom:20px;
}
#texto-page li{
	margin-left:30px;	
}
#texto-page li a{
	text-decoration:underline;	
}

/*ESTILOS GENERALES*/
h1{
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	margin-bottom:23px;
	text-align:center;
	line-height:0.5;
	width:100%;
	padding-top:10px;
	min-height:20px;
	overflow:hidden;
}
#content.texto-page h1{
	padding-bottom:10px;
	padding-top:60px;
	text-align:left;
	border-bottom:1px solid #654b2c;
}
h1.tit_libro{
	text-transform:none;	
	font-size:18px;
	margin-bottom:3px;
	text-align:left;
	line-height:21px;
	color:#956939;
	font-weight:bold;
}

h1 span {
  display: inline-block;
  position: relative;  
}
h1 span:before,
h1 span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #956939;
  top: 0;
  width: 800px;
}
h1 span:before {
  right: 100%;
  margin-right: 8px;
}
h1 span:after {
  left: 100%;
  margin-left: 8px;
}
h1.h1-left{
	text-align:left;
}
h2{
	color:#956939;
	font-weight:bold;
	font-size:18px;
	margin-bottom:40px;
	text-transform:uppercase;
}
h2.subtit_libro, #texto-page h2, .col_1-4 h2{
	font-weight:normal;
	font-size:15px;
	text-transform:none;
	margin-bottom:20px;
	border-bottom:1px solid #956939;
	padding-bottom:10px;
}
#texto-page h2, .col_1-4 h2{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:10px;
	margin-top:10px;
}
.col_1-4 h2{
	border-bottom:1px solid #654b2c;
	text-transform:uppercase;
	margin-bottom:0px;
	padding-bottom:5px;
}
#texto-page h2 a{
	text-decoration:underline;
	color:#956939;
	text-transform:uppercase;
}
#texto-page .pager{
	padding-top:15px;
	margin-top:20px;
	border-top:1px solid #70573b;
}
h3{
	color:#956939;
	font-weight:bold;
	font-size:17px;
	margin-bottom:5px;
}
h3 #btt_indice{
	color:#956939!important;
	font-size:12px;
	display:block;
	text-transform:uppercase;
	border-bottom:1px solid #956939;
	padding-bottom:8px;
	margin-top:8px;
	margin-bottom:8px; 
}
h3.categ_libro{
	font-size:14px;
	font-weight:normal;
	color:#323131;
	margin-bottom:0px;
}
h4{
	font-size:12px;
	color:#956939;
	margin-top:20px;
	margin-bottom:10px;
}
p{
	font-size:12px;
	margin-bottom:15px;	
}
blockquote{
	font-size:14px;
	font-style:italic;
	color:#956939;
	margin-bottom:5px;
}
figcaption{
	font-style:italic;
	font-size:10px;
	padding:6px;
	color:#606060;	
}
small{
	font-size:10px;	
}
.float-right{
	float:right;
}
.float-left{
	float:left;	
}
.align-right{
	text-align:right;	
}
.a13{
	font-size:13px;
	line-height:16px;
}
.a10{
	font-size:10px;	
}
.a9{
	font-size:9px;	
}
.cafe, a.cafe, .cafe a{
	color:#5B4222!important;	
}
article.borde{
	border:1px solid #CCC;
	padding:40px;
	padding-top:60px;
	margin-bottom:20px;
	position:relative;
}

article p{
	text-align:justify;	
}
article.borde figure.pegada{
	margin-top:-60px;
	margin-left:-40px;
	float:left;
	box-sizing:border-box;
	width:26%;
	margin-right:30px;
	height:auto;
}
article.borde figure img{
	width:100%;
	height:auto;
}
article.borde .texto{
	float:left;
	box-sizing:border-box;
	width:74%;	
}
.box{
	float:left;
	margin-left:5px;
	box-sizing:border-box;
	width:30%;
	margin-right:1.5%;
	margin-left:1.5%;
	position:relative;
	margin-bottom:25px;
	overflow:hidden;
	
}
.box figure{
	width:100%;
	overflow:hidden;	
	font-size:0px;
	line-height:0px;
	position:relative;
	margin-bottom:10px;
}
.box.foto{
	overflow:auto;
	font-size:12px;
	line-height:16px;	
}
li .box{
	width:auto;
}
.box h2{
	background:rgba(95,69,32,.92);
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	color:#FFF;
	position:absolute;
	z-index:10000;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	font-weight:normal;
}
.box.fotos h3{
	font-size:14px;
	margin-bottom:10px;	
}
.box p{
	font-size:12px;
	line-height:15px;	
}
.box img{
	width:100%;
}
.box.fotos figure{
	margin-bottom:20px;
	float:none;
}
li .box img{
	width:270px;
	height:146px;
}
.box figcaption{
	text-transform:uppercase;
	box-sizing:border-box;
	color:#fff;
	font-size:12px!important;
	line-height:15px;
	font-style:normal;
	padding:10px;
	padding-top:20px;
	background:rgba(95,69,32,.92);
	position:absolute;
	width:100%;
	height:100%;
	
	top:180px;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
}
.box:hover figcaption{
	top:60px;	
}
.lista_central{
	text-align:center;
	font-size:12px;
	line-height:20px;
}
#content a{
	color:#333;
	text-decoration:none;
}
#content a:hover{
	color:#999;
	text-decoration:underline;	
}
#iconos{
	position:absolute;
	top:20px;
	right:30px;	
}
.ico_imprimir, .ico_descargar{
	display:block;
	width:26px;
	height:26px;
	float:right;
	margin-left:5px;
	background:url(img/general/ico_descargar.gif) no-repeat;
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.ico_imprimir{
	background:url(img/general/ico_imprimir.gif) no-repeat;	
}
.ico_imprimir:hover, .ico_descargar:hover{
	opacity:0.8;
}
.pager li{
	list-style:none;
	display:inline;
}
.pager li a, .pager a, .pager b{
	width:34px;
	height:34px;
	padding:11px;
	padding-top:9px;
	box-sizing:border-box;
	display:inline-block;
	margin-right:4px;
	text-align:center;
	color:#FFF!important;
	text-decoration:none;
	font-size:16px;
	background-color:#956939;	
}
.pager li a:hover, .pager a:hover{
	background-color:#846a4e;
}
.pager b{
	background-color:#573f22;	
}
.pager li a:hover{
	text-decoration:none!important;
	background-color:#5E481B;
}

/*VIDA*/
#flexslider img, .box img{
	width:100%;
	height:auto;	
}
#flexslider_2 li{
	border:1px solid #CCC;
	line-height:0px;
	font-size:0px;
	width:196px;
	margin-right:6px;
}
#flexslider_2 a{
	text-decoration:none;	
}
#flexslider_2 figcaption{
	padding:10px;
	font-style:normal;
	font-size:10px;
	line-height:13px;
	background:#F0EBE4 url(img/general/ampliar.gif) right 10px top 50% no-repeat;
}
/*CRONOLOGIA*/
.slides_flechas{
	position:relative;
	padding-left:7px;
}
.btt_prev, .btt_next{
	display:block;
	position:absolute;
	z-index:10000;
	top:20%;
	right:-40px;
	width:40px;
	height:60px;
	background:url(img/general/next.png) no-repeat;
	opacity:1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.btt_prev{
	z-index:10001;
	left:-40px;
	background:url(img/general/prev.png) no-repeat;	
}
.btt_prev:hover, .btt_next:hover{
	opacity:0.7;	
}
/*DESTACADOS*/
.lista_destacados h3 a{
	text-transform:uppercase;
	color:#604526!important;
	font-size:14px;	
}

/*EB LIBROS*/
.detalles-libro, .f_cafe{
	padding:25px;
	background-color:#F0EBE4;
	margin-top:-30px;
	margin-bottom:20px;
}
.f_cafe{
	margin-top:0px;
}
.submenu_eb{
	height:35px;
	background:url(img/general/eb_red.png) top left no-repeat;
	
	text-align:right;
	padding-top:65px;
	border-bottom:1px solid #925A23;
	margin-bottom:30px;
}
.submenu_eb li{
	list-style:none;
	display:inline;	
}
.submenu_eb li a{
	display:inline-block;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	color:#342D24!important;
	background-color:#B0A28F;
}
.submenu_eb li a:hover{
	background-color:#C9BFAE;
	text-decoration:none!important;
}
.submenu_eb li.selected a{
	background-color:#503105;
	color:#fff!important;
}
.columna_imagen{
	float:left;
	width:415px;
	margin-right:30px;	
}
.columna_texto{
	float:left;
	width:370px;	
}
.columna_texto.full{
	float:none;
	width:100%;	
	margin-top: 10px !important;
}

.columna_texto h1{
	text-align:left;
	font-size:14px;
	line-height:16px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.publicaciones_destacadas{
	margin-top: 0px !important;
}
.columna_texto h2, .publicaciones_destacadas h3{
	color:#333;
	margin-bottom:0px;
	font-size:11px;
	text-transform:uppercase;
}
.publicaciones_destacadas h4{
	margin-top:0px;
	margin-bottom:20px;	
}
.columna_texto p{
	font-size:11px;
}

.textos_content{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #925A23;
}
.textos_content.sin_submenu{
	
}
.publicaciones_destacadas h2{
	font-size:14px;
	font-weight:bold;
	color:#333;	
}
.caja_libro{
	border:1px solid #ebebeb;
	box-sizing:border-box;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:15px;
	background-color:#F5F2EC;
	float:left;
}
.caja_libro figure{
	text-align:center;
	padding-top:15px;
	background-color:#FFF;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}
.libros_contenido{
	padding:10px;
	color:#000;
	min-height:150px;
}
.libros_contenido p{
	font-size:9px;
	line-height:11px;
	margin-bottom:5px;	
}
.link_resena, .link_resena_half, .link_comprar{
	display:block;
	padding:5px;
	padding-right:7px;
	font-size:9px;
	line-height:12px;
	text-transform:uppercase;
	color:#FFF!important;
	background-color:#905A24;
	text-align:right;
	border:none;
	box-sizing:border-box;
}
.link_resena_half, .link_comprar{
	width:100%;	
}
.link_comprar{
	float:none;
	cursor:pointer;
	text-align:left;
	padding-left:7px;
}
.link_resena:hover, .link_resena_half:hover, .link_comprar:hover{
	text-decoration:none!important;
	background-color:#A47C49;
}
hr{
	border:none;
	height:1px;
	background-color:#925A23;
	margin-top:10px;
	margin-bottom:20px;	
}

/*CONTACTO*/
.col_1-3, .col_2-3, .col_1-4{
	float:left;
	box-sizing:border-box;
	padding-right:40px;
	width:33.3%;	
}
.col_2-3{
	width:66.6%;	
}
.col_1-4{
	width:25%;
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
}
.col_1-4 img{
	width:100%;
	height:auto;	
}
.wpcf7-form label{
	color:#654b2c;
	margin-bottom:4px;
	display:block;
	font-weight:bold;	
}
.wpcf7-text, .wpcf7-textarea{
	padding:6px;
	border:1px solid #CCC;
	border-radius:5px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	width:80%;
	margin-bottom:10px;
	font-size:13px;
	color:#656565;
}
.wpcf7-submit{
	border:none;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	background-color:#604526;
	font-size:17px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;	
}

/*BUSQUEDA*/
.cajas-busqueda{
	margin-bottom:40px;
		
}
.cajas-busqueda .wp-post-image{
	float:left;
	width:120px;
	height:auto;
	margin-right:15px;
	margin-bottom:10px;
	border:1px solid #ebebeb;
}
#search-order{
	float:right;
	margin-top:60px;
	margin-bottom:-120px;
	text-align:left;
}

/*RESERVA*/
td, th{
	padding:4px;	
}
td{
	padding-top:10px;	
}
.table_comprar{
	width:100%;	
}
.table_comprar td{
	padding:0;	
}
th{
	font-size:12px;
	text-transform:uppercase;
	color:#b2864c;
}
.thumb_cart{
	border:1px solid #ebebeb;
	margin-right:15px;	
}
#content a.eliminar,
.eliminar{
	font-weight:bold;
	color:#b2864c;	
}
.btn_cotizacion{
	display:inline-block;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	background-color:#503105;
	color:#fff!important;
	text-transform:uppercase;
	margin-top:20px;
	border:none;
}
.mensaje{
	font-weight:bold;
	color:#5B4222;
}
table .input{
	width:100%;
	box-sizing:border-box;
	padding:4px;
	border:1px solid #ccc;
	border-radius:5px;	
}

/*FOOTER*/
footer{
	border-top:1px solid #EDE2D0;	
}
#footer_top{
	padding-bottom:50px;
	margin-top:35px;
	font-size:10px;
	line-height:12px;
	color:#333333;
}
#footer_top a{
	color:#333;	
}
#footer_top a:hover{
	color:#b2864c;	
}
#footer_top ul{
	float:left;
	margin-right:60px;
}
#footer_top li{
	list-style:none;
	margin-bottom:5px;
}
#footer_top li a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;	
}
#footer_contacto{
	float:right;	
}
footer h3{
	text-transform:uppercase;
	margin-bottom:25px;
	font-weight:normal;
	color:#b2864c;
	font-size:11px;	
}
#footer_bottom{
	background:#5F4522;
	color:#fff;
	padding-top:18px;
	padding-bottom:16px;
	font-size:10px;
}
#footer_bottom .contenido{
	padding-left:25px;
	background:url(img/general/flor_footer.gif) no-repeat;
	min-height:20px;
	padding-top:2px;
}
#footer_bottom a{
	color:#FFF;
	text-decoration:none;	
}
#footer_bottom a:hover{
	text-decoration:underline;	
}

/*POP UP*/
#overlay{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:rgba(0,0,0,.80);
	z-index:200000000000002;
}
#div_popup{
	display:none;
	position:absolute;
	background-color:#fff;
	border:1px solid #CCC;
	padding:20px;
	color:#333;
	z-index:200000000000003;
	top:0px;
	left:0px;
}
#div_popup h1{
	margin-bottom:3px;
}
#div_popup #contenido{
	text-align:center;	
}
#btt_siguiente_pop, #btt_anterior_pop{
	text-decoration:none;
	color:#956939;
}
#btt_siguiente_pop:hover, #btt_anterior_pop:hover{
	color:#CCC;
}
.btn_cerrar{
	float:right;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	z-index:200000000000004;
}

/*pagination*/
.spp-continued, .spp-toc, .spp-page-links span{
	display:none;	
}

@media (max-width: 600px){ /*MED*/
	.box, .caja_libro{
		width:47%;
		margin-right:1.5%;
		margin-left:1.5%;
	}
	.col_1-4{
		width:50%;
	}
	.slider_caption, #header_top{
		display:none;	
	}
	.box figcaption {
    	top: 50px;
	}
	.submenu_eb {
    	padding-top: 100px;
	}
}
@media (max-width: 400px){ /*SMALL*/
	.box, .caja_libro{
		width:100%;
		margin-right:0;
		margin-left:0;
	}
	.col_1-4{
		width:100%;
	}
	
}