/*
	Descripción: LICEO FRANCISCANO
	Versión: 4.0
*/

/*_________Google_Fonts__________*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/*________Import____________*/

@import url('flexible.css');
@import url('textos.css');
@import url('menu.css');
@import url('formularios.css');


/*_____________WEBSITE__________*/

a{
	text-decoration: none;
	color: #4b4b4b;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #000000;
}


footer, header, section, div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}/*label,*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

h1,h2,h3{font:inherit}

img{border:none;}

video {width:100%; height:auto; border:0;}

ul, li{margin:0; padding:0; list-style-type:none; list-style: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-font-smoothing: antialiased;/* texto renderizado safari y chrome*/
}


/*________SCROLLTOP APARECE_______*/

.scrolltop{
	width:50px;
	height:40px;			
	text-indent:-9999px;
	opacity:0.8;
	position:fixed;
	bottom:40px;
	right:20px;
	display:none;			
	background:#822f32 url('../images/top.png') no-repeat center center;
	z-index:1000;
	border-radius:2px;

}

/*________Resolución_______*/

#dimensions {
  position: fixed;
  left: 10px;
  bottom: 0px;
  background:#000\9; background-color:rgba(0, 0, 0, 0.8);
  font-size: 13px;
  color: #fff;
  padding: 5px 10px;
  z-index:1000
}

/*_________________selecciones___________________*/

/* webkit, opera, IE9 */
::selection { background:#822f32;  color:#fff;}
/* mozilla firefox */
::-moz-selection { background:#822f32; color:#fff;}


/*__________PÁGINA_WEB_____________*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #6c6c6d; cursor:help; font-style:normal; text-decoration:none;}

.separa{width:100%;	height:20px; font-size:0; clear:both;}
.separa-med{width:100%;	height:40px; font-size:0; clear:both;}
.separa-min{width:100%;height:10px; font-size:0; clear:both;}

.separa1{width:100%; height:50px; font-size:0; clear:both;}
.separa2{width:100%; height:60px; font-size:0; clear:both;}
.separa3{width:100%; height:70px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop{margin-top:30px;} .septopbig{margin-top:30px;}
.sepbot{margin-bottom:30px;}
.septopbot{margin:30px 0;}

.separabajo{padding-bottom:15px}
.separaderecha{margin-right:5px}

.septopbotder{padding:5px 10px 5px 0;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}
.centrado{margin:0 auto; display:block; text-align:center}
.full{width:100%}

.relative{position:relative}
.absolute{position:absolute}
.pointer{cursor:pointer}

.tachado{text-decoration:line-through;}

.noheigh{height:auto; overflow:inherit}
.nobold{font-weight:normal;}
.nomargin{margin:0;}


.linea {display:block; margin:40px 0; width: 100%; height:1px; background:#dad6cb;}
.linea-min {display:block; margin:20px auto; width: 100%; height:1px; background:#dad6cb;}

.linea2 {display:inline-block; margin:35px 0 35px 0; width: 100%; height:1px; background:#3c3c3c;}

.linea-cent {display:block; margin:8px auto 20px auto; width: 50px; height:4px; background:#822f32; text-align:center}
.linea-izqu {display:block; margin:8px 0 20px 0; width: 50px; height:3px; background:#822f32;}


.linea-dere {display:block; margin:0px 0px; width: 70px; height:4px; background:#c71908;}

.redondo{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.redondo-min{border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.redondo-top{border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px;-webkit-border-radius: 0px 0px 6px 6px;}

.visible_en_movil, .visible{visibility:hidden; display:none}

.wrapper{background:#fff; display:table; margin:0 auto;}/*caja contenedora (envoltura)*/

.mayusculas{text-transform:uppercase}



@media (max-width:1200px) {
	.visible-max{visibility:hidden; display:none}
}

@media (max-width: 991px) {
	.centradomovil{margin:0 auto; display:block; text-align:center; float:none}
	.invisible{visibility:hidden; display:none}
	.visible{visibility:visible; display:inline-block;}
}

@media (max-width: 767px) {
		.invisible_en_movil{visibility:hidden; display:none}
		.visible_en_movil{visibility:visible; display:inline-block;}
		.wrapper{display:block;}
}

.capa1{z-index:1;/*importante*/}


/*_____________POPUPS______________*/

/*login */
.fondo-trans{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index:11000;
  overflow-y:auto;
}

/*.fondo-trans:target {visibility: visible; opacity: 1;}*/

.popup {margin: 50px auto; padding: 20px; background: #fff; width: 40%; position: relative; /*transition: all 5s ease-in-out;*/ z-index:12000;}

.popup.login {width:350px;}
.popup.login.cliente{background:#ffffff}

.popup.filtros {width:350px; background:#fff; border-top:6px solid #822f32;}

.zona-txtpop{max-height:300px; overflow-y:auto; font-size:0.9285em; text-align:justify; padding:10px 10px 0px 10px;}

.popup h2 {margin-top: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size:1.692em; display:inline}

.popup .cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .cerrar:hover {color: #000000;}
.popup .contenido {margin-top:10px; /*max-height: 100px; overflow: auto;*/}

@media screen and (max-width: 700px){.popup{width: 70%;}}
@media screen and (max-width: 420px){.popup.login {width: 300px; margin:20px auto}}



/*_____________DISEÑO WEB EN CAJA_______________*/

.page-wrapper {background-color: #f2f0eb;}

.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-webkit-box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
	-moz-box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
	box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
	/*background:#f2f2f2;*/
}
	
.fondoweb {
	background:#2e2e2d url(../images/fondo.gif) repeat; /*center center fixed */
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {.boxed .page-wrapper {width: 750px;}}

@media (max-width:768px){ .fondoweb{background:none}}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {.boxed .page-wrapper {width: 970px;}}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {.boxed .page-wrapper {width: 1170px;}}

/* Large devices (Large desktops 1400px and up) */
@media (min-width:1400px) {.boxed .page-wrapper {width: 1370px;}}

/* Large devices (Sueperlarge desktops 1700px and up) 
@media (min-width:1700px) {.boxed .page-wrapper {width: 1670px;}}*/


/*_____________FONDOS_______________*/

.sombra{
	-webkit-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
}

.fontop{background:#2e2e2d; padding:8px 0; width:100%; color:#a9a8ab;}

.fondegtop{
	background: #f2f0eb;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f0eb), color-stop(1, #d5d2cc));
	background-image: -o-linear-gradient(bottom, #f2f0eb 20%, #d5d2cc 80%);
	background-image: -moz-linear-gradient(bottom, #f2f0eb 20%, #d5d2cc 80%);
	background-image: -webkit-linear-gradient(bottom, #d5d2cc0%, #f2f0eb 80%);/*safari*/
	background-image: -ms-linear-gradient(bottom, #f2f0eb 20%, #d5d2cc 80%);
	background-image: linear-gradient(to bottom, #f2f0eb 20%, #d5d2cc 80%);
	padding:20px 0 25px 0;
}

.fonmen{
	width:100%; padding:0px 0;
	background: #822f32;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50, #822f32), color-stop(1, #6f282b));
    background-image: -o-linear-gradient(bottom, #822f32 50%, #6f282b 50%);
    background-image: -moz-linear-gradient(bottom, #822f32 50%, #6f282b 50%);
    background-image: -webkit-linear-gradient(bottom, #6f282b 50%, #822f32 50%);/*safari*/
    background-image: -ms-linear-gradient(bottom, #822f32 50%, #6f282b 50%);
    background-image: linear-gradient(to bottom, #822f32 50%, #6f282b 50%);
    
    border-top:2px solid #f2f0eb;
}

.fonlinetop{padding:20px 0; border-bottom:1px solid #dad6cb;}
.fonlinebot{padding-top:20px; border-bottom:1px solid #dad6cb;}

.fonredes{background:#822f32; margin-top:50px; padding:15px 0; width:100%;}

.fonaba{background:#191918; padding:40px 0; width:100%; color:#999;}
.fonpie{background:#2e2e2d; padding:10px 0; width:100%;}


/*___________________TOP_________________*/


.zona-top-cont{float:right;}

ul.icons-ul {margin: 0 auto; float:right}
.listatop li, .listatop li a {float: left;list-style: none;}

.listatop li{padding:0px 8px; width: auto;	color: #a9a8ab; border-left: 1px solid #4e4e4f;}
.listatop li:first-child{border:none;}
.listatop li:last-child{padding-right:0px;}

.listatop li a{color: #a9a8ab;}
.listatop li a:hover{color: #cecdd0;}

.listatop li.user {background:url('../images/icouser.png') no-repeat 8px 5px; padding-left:28px; padding-top:0px;}
.listatop li.lock {background:url('../images/icolock.png') no-repeat 8px 5px; padding-left:26px; padding-top:0px;}
.listatop li.cart {background:url('../images/icocart.png') no-repeat 8px 5px; padding-left:28px; padding-top:0px;}
.listatop li.clos {background:url('../images/icoclos.png') no-repeat 8px 6px; padding-left:23px; padding-top:0px;}


div.idioma-on {display:inline}
div.idioma-on a{background:#822f32; color:#fff; padding:0px 5px; font-size:0.8571em;margin-right:3px; border-radius:6px;}
div.idioma-on a:hover{color:#fff;}

div.idioma-of {display:inline}
div.idioma-of a{background:#4e4e4f; color:#a9a8ab; padding:0px 5px; font-size:0.8571em; border-radius:6px;}
div.idioma-of a:hover{background:#333; color:#fff;}

.zona-bus-top{float:right; margin-top:30px;}
.zona_buscador{display:inline-block;}

.zona-topder{display:inline-block;}

.listatopder li{padding:0px 8px; color: #272726; border-right: 1px solid #d3d0c9; display:inline; text-align:center; position:relative; cursor:default}
.listatopder li.usuario{background:url('../images/icousuario.png') no-repeat center 5px; padding-top:40px;}
.listatopder li.carro{background:url('../images/icocarro.png') no-repeat center 5px; padding-top:40px;}

.cantidad{position:absolute; color:#fff; background:#822f32; right:20px; top:-5px; height:29px; width:27px;  vertical-align:bottom; border-radius:100%; font-size:0.8571em; border:2px solid #f2f0eb;}

.listatopder li:last-child{border:none; padding-left:12px;}
.listatopder li:last-child{padding-right:0px;}



@media (max-width:991px) {
	.zona-bus-top{float:none; margin:20px auto 0 auto; text-align:center}
	.logotipo{text-align:center; margin:0 auto; float:none}
	.zona-top-cont{float:none; margin:0 auto; min-width:300px; display:table;}
	.zona-topder{display:none;}
	.fonmen{background:#822f32; background-image:none;}

}


/*_____________ZONAS_Y_CAJAS___________*/

.zona-contenido{padding:50px 0 0 0; background:#f7f6f2 url(../images/foncon.gif) repeat-y center;}

.post_image{float:left; margin-bottom:5px; }
.post_texto{ display:block; overflow: hidden; padding: 0px 20px 0px 10px; }
.post_texto.inline{display:inline-block}

.cajaban-item {position: relative; display:block; max-width:290px; background: #494e55; padding:10px 10px; border:1px solid #dad6cb; margin:20px auto; background:#f7f6f1; text-align:center; cursor:default;}
a.cajaban-item{padding:10px 5px; cursor:pointer}
a:hover.cajaban-item {border:1px solid #b5b1a5; background:#f7f6f1;}
.cajaban-item p{color:#777778; text-align:center;line-height:130%;}

.cajaurl{position:absolute; top:0px; right:0px; background:#dad6cb; padding:2px 10px; font-size:0.8571em; color:#272726; z-index:1;}

.list-vert{margin-bottom:20px;}
.list-vert .post_image{margin-bottom:20px;}

.cajablanca {width: 100%; display: block; margin: 0 auto; border: 1px solid #dad6cb; background: #faf9f7; /*opacity:0.8;*/ padding:40px 15px; position:relative;}

.zona-imgrev{margin:0 auto 10px auto; max-width:250px;}

/*Banners top*/
.zona-banners .col12-s.col04{border-right:1px solid #dad6cb; cursor:default;}
.zona-banners .col12-s.col04:last-child{border-right:0px solid #dad6cb}
.zona-banners .img-ban {float:left; padding:5px 10px;overflow:hidden;display:inline-block}
.zona-banners .txt span{display:block;text-align:left;line-height:17px;padding-top:6px;-webkit-transition:all 300ms ease;transition:all 300ms ease}
.zona-banners .txt .txt1{font-size:1.2857em;font-weight:500;color:#822f32;}
.zona-banners .txt .txt2{font-size:0.9285em;font-weight:300;color:#303841}
.zona-banners:hover .txt span{color:#822f32}

.centerdiv{display:table; margin:0 auto; width:auto; min-width:280px;}

@media (max-width:991px){
	
	.zona-banners .col12-s.col04{border:0px; margin-bottom:15px;}
	.zona-banners .img-ban {float:none; text-align:center; display:block}
	.zona-banners .txt{float:none;margin:0}
	.zona-banners .txt span{text-align:center}
}

@media (max-width:750px){
	.post_image.revista{float:none; margin-bottom:5px; }
	.post_texto.revista{ display:block; overflow: none; padding: 0px 20px 0px 10px; }

}

/*_______________LISTAS_______________*/



ul.infopublicacion{width:auto; display:table}
ul.infopublicacion li{
	display: block;
	float: none;
	color: #4b4b4b;
	position: relative;
	padding: 6px 0 6px 5px;
	font-weight:bold;
	line-height:140%;
}

ul.infopublicacion li span{color:#822f32; font-weight:normal;}

ul.infopublicacion li a{color:#822f32; text-decoration:underline; font-weight:normal;}
ul.infopublicacion li a:hover{color:#822f32; text-decoration:none;}


ul.infopublicacion li.pdf{background:url('../images/icopdf.png') no-repeat 0px 7px; padding-left:22px;}
ul.infopublicacion li.pag{background:url('../images/icopag.png') no-repeat 0px 7px; padding-left:22px; font-weight:normal}

ul.infopublicacion.seplin li.pag{border-bottom:0px solid #dad6cb; background:url('../images/icopag.png') no-repeat 0px 11px; padding:10px 0 10px 22px;}
ul.infopublicacion.seplin li.pag:last-child{border:none;}


/*menú vertical*/
.listavertical{width:auto; margin-top:5px; display:table}
.listavertical.full{width:100%;}

.listavertical ul li {
	display: block;
	float: none;
	color: #353535;
	position: relative;
	padding: 8px 0;
	border-bottom: 1px dashed #dad6cb;
}

.listavertical ul li:last-child{border:0px}

/*.listavertical ul li:before {content: '\203A'; position: absolute; font-size:1.0714em; color: #353535; top: 0px; left: 3px;}*/

.listavertical ul li a {color: #353535; font-size: 1em;}
.listavertical ul li a:hover {color: #822f32;}

.listavertical ul li.tri{background:url('../images/minitri.gif') no-repeat 0px 18px; padding-left:10px; }
.listavertical ul li.tri a.active {color: #822f32;}

.listavertical ul li.enlace{background:url('../images/icono-enlace.png') no-repeat 0px 3px; padding-left:20px;}


/*lnkalf*/
.lnkalf{float:left; text-align:center; margin:0 4px 4px 0; width:30px;}
.lnkalf a {display:block; font-size:0.846em; color: #4b4b4b; background: #e1dfd9; border:1px solid #d2d0ca; padding:2px 5px; text-decoration: none;}
.lnkalf a:hover, .lnkalf a:focus, .lnkalf a.active {color: #ffffff; background: #822f32; border:1px solid #822f32; text-decoration: none;}


/*tipo suscripción*/
ul.tipo-suscripcion{color:#696d78; margin:0 auto; /*display:table*/}
ul.tipo-suscripcion li{margin:0px 5px 20px 5px; border:1px solid #dad6cb; background:#faf9f7; border-radius:3px; width:99%; /*float:left;*/}
ul.tipo-suscripcion li a{display:block;color:#696d78; padding:7px 15px;}
ul.tipo-suscripcion li a:hover{color:#000000; }
ul.tipo-suscripcion li:hover{border-color:#999999;}

ul.tipo-suscripcion li.active{/*background-color:#e5fcdf; border-color:#8fd67f;*/ background-color:#fdc7bf; border-color:#f56c59;}
ul.tipo-suscripcion li.active a{color:#000000;}


/*Lista check*/
ul#menucheck {list-style-type: none;}
ul#menucheck {margin: 0px auto; max-width:400px}
ul#menucheck li{font-weight:normal; margin:6px 8px; display:inline-block;}

ul#menucheck li a {text-decoration:none;color:#414154;padding:4px 0 8px 15px;background: url(../images/check_of.gif) no-repeat 0px 7px;}
ul#menucheck li a:hover{text-decoration:none; color:#000;background: url(../images/check_ho.gif) no-repeat 0px 7px;}
ul#menucheck li a.current {text-decoration:none; color:#000; font-weight:normal; background: url(../images/check_on.gif) no-repeat 0px 7px;}



/*lista simple*/
ul.simplelist{margin:10px 0px; }
ul.simplelist li {margin:0 20px 0 35px; padding:7px 0 7px 0px;}

ul.simplelist li.inline{display:inline; border:1px solid #dad6cb; padding:7px; margin:0 5px;}


ul.simplelist li.num {list-style-type: decimal}/*números*/
ul.simplelist li.nu0 {list-style-type: decimal-leading-zero}/*números con 0 antes*/
ul.simplelist li.min {list-style-type: lower-latin}/*letras minúsculas*/
ul.simplelist li.may {list-style-type: upper-latin}/*letras mayúsculas*/
ul.simplelist li.cua {list-style-type: square;}/*cuadrado*/
ul.simplelist li.pun {list-style-type: disc;}/*círculo relleno*/
ul.simplelist li.cir {list-style-type: circle;}/*círculo vacio*/

/*__________CART___________ */

.minbt{text-align:center; margin:3px}
.minibt a {display:block; font: normal 1.231em Arial, Helvetica, sans-serif; color: #333; padding:5px; background:#f2f2f2; color:#666; border:1px solid #dbdbdb; margin:3px; border-radius:4px;}
.minibt a:hover {background: #dbdbdb; text-decoration: none;}

.info{
	max-height:80px;
	overflow:auto;
	font: normal 0.923em Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.4em;
	text-decoration: none;
	border:1px solid #dad6cb;
	background:#fffdee;
	padding:10px;
}

.zona-articulos{display:block; max-height:300px; overflow:auto; margin-bottom:10px;}

.zonagris {background:#faf9f7; padding:10px 8px; display:block; width:100%}

.tabminimenu li{
	font-size: 1em; display: inline-block;  padding: 7px 0px;  list-style: none;  cursor: pointer;  float: left;
	border:1px solid #dad6cb; width:50%; text-align:center; background:#e1ded7; color:#c2bdb0
}

.tabminimenu li.active{background:#f2f0eb; border-bottom:1px solid #f2f0eb; color:#4b4b4b;}

.qty {width: 40px; height: 25px;  text-align: center;border: 1px solid #cccccc; margin:3px}

input.qtyplus { width:25px; height:25px; cursor:pointer; border: 1px solid #cccccc; background:#f3f3f3}
input.qtyminus { width:25px; height:25px; cursor:pointer; border: 1px solid #cccccc; background:#f3f3f3}

p.precio{
	font: normal 1.1428em Arial, Helvetica, sans-serif;
	color: #ed6663;
	line-height: 1.5em;
	text-decoration: none;
	display:inline-block;
}

p.precio span{text-decoration:line-through; color:#666; font-size:0.846em; line-height:1em; margin-right:10px}

.preciototal{
	font: normal 1.538em Arial, Helvetica, sans-serif;
	color: #ed6663;
	line-height: 1.5em;
	text-decoration: none;
	display:inline-block;
}

.zonaimgcompra{width:102px; height:102px; display:table-cell; vertical-align:middle; background:#fff; border:1px solid #cdcdcd;}
.imgcompra{width:100px;}


.btseguir{text-align:center; margin:0 auto; width:auto; display:inline-block;}

.btseguir a {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666666;
	
	padding:10px 14px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:5px 1px;
	
	border:1px solid #dfdfdf;
	background: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10, #ffffff), color-stop(1, #efefef));
	background-image: -o-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: linear-gradient(to bottom, #ffffff 10%, #efefef 100%);
	background-image: -webkit-linear-gradient(bottom, #efefef 10%, #ffffff 100%);/*safari*/
}

.btseguir a:hover {color: #fff; background: #333; text-decoration: none; /*border:1px solid #2c8989;*/}/*cambia color*/

.btseguir.disabled {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666666;
	
	padding:10px 12px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:5px 1px;
	
	border:1px solid #d5d5d5;
	background: #d5d5d5;
	
	cursor:default;
	
}

.btcompragrande{display:inline-block; text-align:center; margin-bottom:10px}
.btcompragrande a {display:block; font: normal 0.929em Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; background: #4b4b4b; padding:14px 15px; text-decoration: none; border-radius:inherit}/*cambia color*/
.btcompragrande a:hover {color: #fff;	background: #222; text-decoration: none;}

.btcompragrande a.off{background: #333333;}

/*___________TABLAS________*/

table {max-width: 100%;  background-color: transparent; border-collapse: collapse; border-spacing: 0; }

.table td img{
	/*min-width:20px;*/
}

.table { width: 100%; margin-bottom: 20px;}

.table th,
.table td {padding: 12px 5px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px solid #dad6cb; min-width:20px;}

.table.tallaje td, .table.tallaje th{text-align:center}


.table .odd{background: #e8edff;}

.table th {font-weight: bold; background:#faf9f7; color:#78756e;}

.table thead th {vertical-align: bottom;}

.table th.fonblan {font-weight: normal; background:#fff;width:auto; vertical-align: top}
/*.table th img{max-width: 100%; height: auto; width:100%; min-width:40px;operahack}*/

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}

.table tbody + tbody {border-top: 2px solid #dddddd;}

.table .table {background-color: #ffffff;}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {background-color: #eee; border: 0px solid #ccc;}
.table-striped td {border: 0px solid #ccc;}

.table-condensed th{
	background:#222; color:#fff;
}
.table-condensed th,
.table-condensed td {padding: 4px 5px; text-align:center}

@media (max-width: 480px){
	.table.tallaje th p.title{text-align:left}
}

@media(max-width:1200px){
	.table-responsive{width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; border:1px solid #ddd; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch;}
	.table-responsive>.table{margin-bottom:0}
	.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
	
	/*	
	.table-responsive>.table-bordered{border:0}
	.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
	.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
	*/
}



/*_______________BOTONES_______________*/

.boton{padding:12px 5px;font-size:1em;text-transform:uppercase;background:#822f32;border:none;border-radius:4px; color:white;outline:none; text-align:center; margin-bottom:5px;}
.boton:hover, .boton:focus{background:#692325;color:white;outline:none}
.boton.comp{background:#2e2e2d;}/*2f8235 verde*/
.boton.comp:hover, .boton.comp:focus{background:#181817;}

.btn-block {display: block; width: 100%; padding-left: 0; padding-right: 0;}


.btnmobile a{display:block; background:#3d3d3d; padding:8px 10px; color:white; position:relative; width:240px;}
.btnmobile a:hover {color: #fff; background: #822f32; text-decoration: none;}
.btnmobile a:after {content: ""; position: absolute; right: 10px; top: 15px; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; width: 15px; height: 3px;}
.btnmobile a:before {content: ""; position: absolute; right: 10px; top: 25px; display: block; width: 15px; height: 2px; background: #ffffff;}


@media (max-width: 720px){.btcomdet{width:120px;}}


/*______________PAGINACIÓN___________*/


.paginacion li{display:inline; font-weight:normal; border-radius:inherit; line-height:45px }

.paginacion li a {color: #4b4b4b; background: #e1dfd9; text-decoration: none; padding: 8px 12px; border-radius:inherit; margin:5px 6px 0 0;}
.paginacion li a:hover {background: #d2d0ca; color: #000;}
.paginacion li.disabled{padding: 8px 12px; margin:5px 6px 0 0; background:#f5f5f5; color: #999; cursor: default;}
.paginacion li.current {padding: 8px 12px; margin:5px 6px 0 0; background: #822f32; color:#fff; cursor: default;}/*cambiar color*/

.pager{padding-left:0; margin-bottom:50px;text-align:center;list-style:none; border-radius:inherit;}
.pager li{display:inline; font-family:Arial, Helvetica, sans-serif}
.pager li>a,.pager li>span{display:inline-block;padding:5px 10px;background-color:#faf9f7;border:1px solid #dad6cb;border-radius:inherit}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#fff}
.pager .siguiente>a,.pager .siguiente>span{float:right}
.pager .anterior>a,.pager .anterior>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}


@media (max-width: 991px){
	ul.paginacion {margin:0 auto; text-align:center;}
}



/*______________REDES_SOCIALES_______________*/

.zona-redes{float:right;}

@media (max-width: 991px){
	.zona-redes {float:none; margin:0 auto; text-align:center;}
}

#redes-sociales {display:inline-block;}

a.redes-sociales-iconos {
	display: inline-block;
	width: 37px;
	height: 37px;
	margin:0 0px 2px 5px;
	background-position: 0 0px;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .0s ease;
	-webkit-transition: background-position .0s ease;
	-o-transition: background-position .0s ease;
	-ms-transition: background-position .0s ease;
	transition: background-position .0s ease;
}

a.redes-sociales-iconos:hover {background-position: 0 37px;}


a.redes-sociales-iconos.mini{width:28px; height:28px; margin:0px 0px 0 0; display:inline-block}

.youtube {background-image: url(../images/youtube.png);}
.twitter {background-image: url(../images/twitter.png);}
.facebook {background-image: url(../images/facebook.png);}
.instagram {background-image: url(../images/instagram.png);}
.issuu {background-image: url(../images/issuu.png);}


/*__________RESPONSIVE__VIDEO_____________*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:10px 0;
}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

/* vídeo ajustado al centro con un tamaño máximo */
.video-wrapper {width: 800px; max-width: 100%; margin: 0 auto;}


/*_____GOOGLE MAPS_____*/

.gmap iframe{width:100%;	margin-bottom:10px;border-radius:inherit;}
@media (max-width: 767px) {.gmap iframe{width:100%;border:0px;	padding:0;}}


/*_______________IMÁGENES_______________*/

imagen{border:1px solid #dad6cb;}

.listgal{display:inline-block; margin:0px 10px 10px 0px; border-radius:inherit;}
.galeria{width:auto; max-width: 100%; width: auto\9; display:inline-block; margin:5px 10px 5px 0;}

.img-izq{
	width:auto;
	max-width: 100%;
	width: auto\9;
	float:left;
	margin:0px 15px 2px 0;
	max-width:400px;
}

.img-der{
	width:auto;
	max-width: 100%;
	width: auto\9;
	float:right;
	margin:0px 0px 2px 15px;
	max-width:400px;
}


@media (min-width: 320px) and (max-width:720px) {
	.img-izq, .img-der{float:none; text-align:center; width:auto; max-width:440px; margin:0 auto 15px auto;}
	.zonagaleria{text-align:center}
}


@media (max-width: 720px){.imgmin{width:120px;}}





/*_________FORMS___________*/

.chkbut_ok{display:block; margin:2px 5px 0 0}

.formbus{
	background-color:#fff; color:#4b4b4b; font-style:italic; border: 1px solid #a9a8ab; padding:11px 10px; margin-right:5px;
	width:240px; font-size:1em;
}

.formbus:focus {
  	border-color: #a9a8ab;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 233, 233, .7);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 233, 233, .7);
}

.formbus::-moz-placeholder {color: #4b4b4b; opacity: 1;}
.formbus:-ms-input-placeholder {color: #4b4b4b;}
.formbus::-webkit-input-placeholder {color: #4b4b4b;}


.selectbus{color:#4b4b4b; font-style:italic; border: 1px solid #a9a8ab; padding:10px 10px; min-width:40px;display:inline-block; margin:0px; font-size:1em;}

.select_min{min-width:40px; width:auto; margin:0 15px 15px 0;display:inline-block;}



@media (max-width: 1200px){.formbus{width:230px}}

@media (max-width: 480px) {.formbus{width:160px;}}


/*_____________MENSAJES____________*/


.msg-form{
  position: relative;
  display:inline-block;
  margin: 5px 0px 7px 0px;
  padding:10px;
  /*min-width:180px;*/
}

.msg-form.mensajeprecio{background:#ffe8f1; border:1px solid #e2c2cf; color:#333; padding:10px; font: normal 1.077em Arial, Helvetica, sans-serif; line-height:170%;}
.msg-form.mensajeinfo{background:#fcf8e3; border:1px solid #ded9bc; color:#333; padding:10px; font: normal 1em Arial, Helvetica, sans-serif; line-height:170%;}



/*_____________MENSAJES_ADMIN___________*/


.msg-form{
  position: relative;
  display:inline-block;
  margin: 5px 0px 7px 0px;
  padding:15px;
  /*min-width:180px;*/
}

.msg-form.gris{background:#f8f8f8; border:1px solid #cbcbcb; color:#333; padding:15px 20px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.azul{background:#edf7f8; border:1px solid #d2eaed; color:#333; padding:15px 20px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.verde{background:#f1f9f7; border:1px solid #e0f1e9; color:#333; padding:15px 20px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.rojo{background:#f9f2f4; border:1px solid #f2e2e6; color:#333; padding:15px 20px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%; color:#a56475;}
.msg-form.amarillo{background:#f9f1c7; border:1px solid #f6deac; color:#333; padding:15px 20px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}


/*.posicion-mensajes{position: fixed;  right: 15px; top: 20px; z-index:5000;width:50%;}*/

.posicion-mensajes{position:fixed; z-index:1000000; top:15px; right:20px; /*max-width:500px;*/width:50%;
	right: calc(50% - 700px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/
}

@media all and (max-width: 1400px){.posicion-mensajes {right: 20px;}}
@media all and (max-width: 1200px){.posicion-mensajes {right: 20px;}}
@media (max-width: 480px) {.posicion-mensajes {right: 10px;max-width:400px; font-weight:normal}}
@media (max-width: 768px) {.posicion-mensajes{width:90%;}}


/*mensaje ok*/
.mensaje {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_correcto.png") left 7px top 11px no-repeat;
	background-color: #5ebd5e;
    border: 1px solid #43a543;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	display:block;
	font-size:1.077em;
	/*min-width:200px;
	max-width:500px;*/
}

.mensaje a{color:#fff}
.mensaje a:hover{color:#fff}


/*aviso*/
.aviso {
	color:#333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	background: url("../images/mensaje_aviso.png") left 7px top 12px no-repeat;
	background-color: #ffae10/*f4b04f*/;
    border: 1px solid #f19a1f;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.aviso a{color:#333;}
.aviso a:hover{color:#000;}

/*error ko*/
.error {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_error.png") left 7px top 11px no-repeat;
	background-color: #e66454;
    border: 1px solid #df3c28;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.error a{color:#fff}
.error a:hover{color:#fff}



.btn-cerrar{text-align:center; margin-left:5px; position:relative; vertical-align: middle;}
.btn-cerrar a {
	display: block;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #000; padding:4px 8px; text-decoration: none;
	background:#fff\9; background-color:rgba(255, 255, 255, 0.4);
	border-radius:inherit; text-shadow:none;
}
.btn-cerrar a:hover {color: #000; text-decoration: none;background-color:rgba(255, 255, 255, 0.8) }