/*
	Descripción: BABA MO HALAL
	Versión: 4.0
*/



/*________Import____________*/

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


/*_____________WEBSITE__________*/

a{
	text-decoration: none;
	color: #666666;
}

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


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:#20792f url('../images/top.png') no-repeat center center;
	z-index:1000;
	border-radius:1px;

}

/*________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:#20792f;  color:#fff;}
/* mozilla firefox */
::-moz-selection { background:#20792f; color:#fff;}


/*__________PÁGINA_WEB_____________*/

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

acronym, abbr {border-bottom:1px dotted #333; cursor:help; font-style:normal;}

.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, .septopc{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;}
.underline{text-decoration:underline;}

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



.linea {display:block; margin:70px 0 70px 0; width: 100%; height:1px; background:#dbdbdb;}
.linea-med {display:block; margin:20px auto; width: 100%; height:1px; background:#dbdbdb;}
.linea-min {display:block; margin:10px auto; width: 100%; height:1px; background:#dbdbdb;}


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

.linea-cent {display:block; margin:5px auto 30px auto; width: 40px; height:2px; background:#248935; text-align:center}
.linea-izqu {display:block; margin:5px 0 30px 0; width: 40px; height:2px; background:#248935;}
.nomarginbot{margin-bottom:0px;}

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

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

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

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

.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;}
	.septopc{margin-top:0px;}
}

@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*/}


/* ================================= */
    /*===== Preloader =====*/
/* ================================= */
.preloader { 
  background: #20792f;
  bottom: 0;
  top: 0;
  left: 0; 
  right: 0;  
  position: fixed;
  z-index: 9999999;
}
.status {
  background-image: url(../images/logotipovertical.png);
}
.status,
.status-message {   
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; 
  right: 0;  
  background-position: center;
  background-repeat: no-repeat;     
}
.status-message {
  padding-top: 30%;
}


/*_____________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: hidden;
  opacity: 0;
  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 #d93d52;}

.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, .popup.filtros {width: 300px; margin:20px auto}}



/*_____________DISEÑO WEB EN CAJA_______________*/

.page-wrapper {background-color: white;}

.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);

}
	
.fondoweb {
	background:#222222 url(../images/fondo.jpg) repeat fixed; /*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{padding:8px 0; width:100%; background:#20792f}
.fontop2{padding:30px 0;}
.fongris{background:#f6f6f6; width:100%; padding:25px 0; margin-bottom:60px;}
.fonaba{width:100%; background:#111111; padding:40px 0 20px 0; color:#fff; border-bottom:15px solid #248935; margin-top:70px;}

/*___________________TOP_________________*/


ul.idiomas{display:block; font-size: 1em; float:right}

ul.idiomas li {display:inline; border-right:1px solid #299d3c; padding:0 6px 0px 4px; color:white;}
ul.idiomas li:last-child{border-right:none;}
ul.idiomas li a{color:#fff; display:inline-block;}
ul.idiomas li a:hover{color:#f1dfa7;}
ul.idiomas li.active a{color:#f1dfa7;}

.logotipo{float:left;}
.zona-menu{margin-top:40px; float:right}

@media (max-width:991px){
	.logotipo {text-align:center; margin:0px auto 15px auto; float:none;}
	.zona-menu{float:none}
	.lincen {display:block; margin:5px auto 30px auto;}
	.nomarginbot{margin-bottom:0px;}

}

@media (max-width: 767px) {
	ul.idiomas{float:none; margin:0 auto; display:table}
}


/*_________ZONAS_Y_CAJAS___________*/

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

.zona-imgfull{position:relative; margin-bottom:80px;}
.infoimgfull{position:absolute; top:30%; z-index:1;color:#fff; text-align:center; left: 50%}
.centerimgfull{position: relative; left: -50%;}

.zonaiconos{text-align:center; max-width:300px; margin:0 auto 25px auto;}
.zonaiconos p{margin-top:15px; font-family:"Fjalla One", sans-serif;  font-size:1.2857em;color:#333333;}

.list-deta{max-width:424px; position: relative; margin:0 auto;}


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



/*______________LISTAS_____________*/



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


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*/


/*___________Parallax effect______________*/

.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {background-attachment: fixed !important;}

.light-translucent-bg, .dark-translucent-bg,
.default-translucent-bg, .parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 30% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 60px 0;
	margin:80px 0;
}
.parallax-bg1 {background: url("../images/parallax1.jpg") 30% 0px no-repeat;}

/*@media (max-width: 768px) {
	.parallax-bg1 {
		background-image:none;

		background: #fbbc25;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7c3b9), color-stop(1, #e6c9a1));
		background-image: -o-linear-gradient(bottom, #c7c3b9 0%, #e6c9a1 100%);
		background-image: -moz-linear-gradient(bottom, #c7c3b9 0%, #e6c9a1 100%);
		background-image: -webkit-linear-gradient(bottom, #e6c9a1 0%, #c7c3b9 100%);
		background-image: -ms-linear-gradient(bottom, #c7c3b9 0%, #e6c9a1 100%);
		background-image: linear-gradient(to bottom, #c7c3b9 0%, #e6c9a1 100%);

	}
}*/



/*___________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: 8px 5px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px solid #ccc; min-width:20px;}

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


.table .odd{background: #e8edff;}

.table th {font-weight: bold; background:#f0f0f0; color:#000;}

.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}
	*/
}

/*______________ACCORDION______________*/

.accordion, .accordion * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.accordion {overflow: hidden;}

.accordion-section-title {width: 100%; padding: 15px; display: inline-block; background: #20792f; transition: all linear 0.15s; font-size: 16px; color: #fff;}
.accordion-section {margin-bottom: 10px;}
.accordion-section-title:before {font-size: 16px; padding-right: 10px; content: "+";}
.accordion-section-title.active:before {font-size: 16px; padding-right: 10px; content: "-";}

.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title:focus {text-decoration: none; background-color: #20673e; color: #ffffff;}
.accordion-section:last-child .accordion-section-title {border-bottom: none;}
.accordion-section-content {padding: 15px; display: none;}


/*_________LINKS_&_BOTONES_________*/

/*animación*/
.ahover{
	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}
/*fin animación*/


.boton{padding:10px 22px;font-size:1.4285em; font-family:"Fjalla One", sans-serif; text-transform:uppercase;background:#248935; color:white;outline:none; text-align:center; margin-top:15px;}
.boton:hover, .boton:focus{background:#282828;color:white;outline:none}
.boton.mas{background:#282828;}
.boton.mas:hover, .boton.mas:focus{background:#248935;}



/*______________Paginación___________*/


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


.paginacion li a {color: #717171; background: #e7e7e7; text-decoration: none; padding: 10px 15px; border-radius:inherit; margin:5px 6px 0 0;}
.paginacion li a:hover {background: #dbdbdb; color: #000;}
.paginacion li.disabled{padding: 10px 15px; margin:5px 6px 0 0; background:#f5f5f5; color: #999; cursor: default;}
.paginacion li.current {padding: 10px 15px; margin:5px 6px 0 0; background: #d93d52; 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:#fff;border:1px solid #ddd;border-radius:inherit}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.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;}
}

/*__________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%; border:1px solid #dbdbdb;}
@media (max-width: 767px) {.gmap iframe{width:100%;border:0px;	padding:0;}}



/*______________REDES_SOCIALES_______________*/



/*__________IMÁGENES_______________*/

.imagen{border:1px solid #e8e8e8;}

.listgal{display:inline-block; margin:2px 10px 10px 0px; border-radius:inherit;}

.zonagaleria{margin:0 auto; width:auto; display:table; border-radius:inherit;}

.zongaldet{margin:20px auto 0 auto; max-width:426px;}

.zongaldet.desplegable{max-height:150px; overflow:auto;}
.zongaldet.desplegable .listgal{margin:2px 8px 5px 0px;}
@media (min-width: 1400px){.zongaldet.desplegable .listgal{margin:2px 20px 20px 0px;}}
@media (max-width: 1200px){.zongaldet.desplegable .listgal{margin:2px 8px 5px 0px;}}
@media (max-width: 991px){
	.zongaldet{max-width:360px;}
	.zongaldet.desplegable .listgal{margin:2px 15px 15px 0px;}
}

.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: 480px){.imgmin{width:100px;}}



/*_________FORMS___________*/

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




@media (max-width: 560px){
	.select_min{width:100%;}
}

/*_____________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:10px;
  /*min-width:180px;*/
}

.msg-form.gris{background:#f8f8f8; border:1px solid #cbcbcb; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.azul{background:#edf7f8; border:1px solid #d2eaed; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.verde{background:#f1f9f7; border:1px solid #e0f1e9; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.rojo{background:#f9f2f4; border:1px solid #f2e2e6; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.amarillo{background:#f9f1c7; border:1px solid #f6deac; color:#333; padding:5px 10px; 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) }



/*______________________________XX_____________________________________/*


/*  HEADER
/*=============*/
	
	.mob-menu li[class*=" icon-"]:before, 
	.mob-menu li[class^=icon-]:before,
	.header-menu li[class*=" icon-"]:before, 
	.header-menu li[class^=icon-]:before
	{display: none;}

	.mi {
		display:none;
		padding-right:10px;
	}

	.mob-menu li[class*=" icon-"] > a .mi, 
	.mob-menu li[class^=icon-] > a .mi,
	.header-menu li[class*=" icon-"] > a .mi, 
	.header-menu li[class^=icon-] > a .mi
	{display: inline-block;}

	.mob-menu ul li > a:only-child .di,
	.desk-menu ul > li > a:only-child .di
	{display: none !important;}

	.mob-menu ul li > a > .di {
		display: block;
		position: absolute;
		top: 50%;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		height: 30px;
		width: 30px;
		margin-top: -15px;
		right:15px;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		-webkit-backface-visibility: hidden;
   	    backface-visibility: hidden;
	}

	.mob-menu ul li > a > .di.animate {
		-webkit-transform:rotate(-180deg);
		-ms-transform:rotate(-180deg);
		transform:rotate(-180deg);
	}

	.header .logo {
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		height:inherit;
		line-height:inherit;
		display:block;
	}

	.logo-mob {
		float: left;
	}

	.header .logo a {
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		text-align: center;
		line-height:inherit;
	}

	.mob-header .logo a {
		text-align: left;
	}

	.header .logo a img {
		margin-bottom: 0;
		margin-top: -2px;
		border:none;
		vertical-align: middle;
		width:auto;
	}

	.ls ul {
		list-style: none;
		margin: 0;
		padding:0; 
	}

	.ls ul li {
		padding: 0;
		margin:0; 
	}

	.ls li a,
	.ls li a:visited,
	.widget_icl_lang_sel_widget li a,
	.widget_icl_lang_sel_widget li a:visited {
		display:block !important;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		position: relative !important;
		height: 40px;
		z-index: 99;
		outline: none;
	    padding: 0px !important;
	    color: #fff;
	    background-color: #303030;
	    font-size: 12px !important;
	    line-height: 40px !important;
	}

	.ls li .lang_sel_sel {border-top: none !important;}

	.widget_icl_lang_sel_widget li a,
	.widget_icl_lang_sel_widget li a:visited {
		height: 50px;
		line-height: 50px !important;
	}

	.widget_icl_lang_sel_widget li a,
	.widget_icl_lang_sel_widget li a:visited {
		padding:0px !important;
	}

	.widget_icl_lang_sel_widget #lang_sel_click a {
		background: none !important;
	}

	.ls .lang_sel_sel:before,
	.widget_icl_lang_sel_widget .lang_sel_sel:before {
		content: "\e915";
		display: block;
	    position: absolute;
	    top:0;
	    font-size: 16px !important;
	    line-height:40px;
	    text-align: center;
	    height: 40px;
	    width: 40px;
	    right:3px;
	    -webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	    -webkit-transition: transform 300ms ease;
	    transition: transform 300ms ease;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}

	.ls.animated > div > ul > li > .lang_sel_sel:before {
		-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	    transform: rotate(-180deg);
	}

	.ls img,
	.widget_icl_lang_sel_widget img,
	#lang_sel_click .iclflag {
		vertical-align: middle;
		position: relative;
		top: -1px !important;
		margin-right: 4px;
	}

	#lang_sel_click .lang_sel_sel {position: relative;}
	#lang_sel_click li {float: none !important;width:100% !important;padding: 0;}

	#lang_sel ul li {position: relative;}

	.ls #lang_sel ul ul,
	.ls #lang_sel_click ul ul {
		left: auto;
		height: auto;
		z-index: 98;
		margin: 0;
	}

	.widget_icl_lang_sel_widget #lang_sel ul ul,
	.widget_icl_lang_sel_widget #lang_sel_click ul ul {
		position: relative;
		top:0px;
		right: 0;
		display: none;
		left: auto;
		border-top:none;
		height: auto;
		visibility: visible;
		z-index: 99;
		margin:0 !important;
		padding-top: 0px !important;
	}

	.no-js #lang_sel ul li:hover ul {display: block;}

	.ls .lang_sel_sel,
	.widget_icl_lang_sel_widget .lang_sel_sel {
		padding-right: 20px !important;
		position: relative;
	}

	.ls > div > ul > li .lang_sel_sel:only-child {padding-right: 10px !important;}

	.ls > div > ul > li .lang_sel_sel:only-child:before,
	.widget_icl_lang_sel_widget > div > ul > li .lang_sel_sel:only-child:before {display: none;}
	#lang_sel_click li:before {display: none !important;}

	.ls .lang_sel_list_horizontal li,
	.ls .lang_sel_list_vertical li
	{float: left !important;}

	.ls .lang_sel_list_vertical .lang_sel_sel:before,
	.ls .lang_sel_list_horizontal .lang_sel_sel:before
	{display: none;}

	.ls .lang_sel_list_vertical .lang_sel_sel,
	.ls .lang_sel_list_horizontal .lang_sel_sel
	{padding-right: 10px !important;}

	.mob-header {
		background-color: #2e2e2e;
		z-index: 99;
		position: relative;
		box-shadow: 0 1px 3px rgba(0,0,0,0.11);
	}

	.mob-header-top {
		width: 100%;
		height: 80px;
		line-height: 80px;
		background-color: #232323;
	}

	.mob-header-top .cart-toggle,
    .mob-header-top .mob-menu-toggle {
		width: 50px;
		height: 50px;
		line-height: 50px;
		position: absolute;
		top: 15px;
		right: 0px;
		display: block;
		cursor: pointer;
		background-image:url(../images/menu.png);
		background-repeat: no-repeat;
		background-position: 48% center;
		border-width: 1px;
	    border-style: solid;
	    border-color: #555; 
	}

	.icon-version-dark .mob-header-top .cart-toggle,
    .icon-version-dark .mob-header-top .mob-menu-toggle {
	    border-color: #eee; 
	}

	.icon-version-dark .mob-header-top .mob-menu-toggle {
		background-image:url(../images/menu_dark.png);
	}

	.mob-header-top .cart-toggle a {
		display: block;
		height: inherit;
		width: inherit;
		outline: none;
	}

	.mob-header-top .cart-toggle {
		background-image:url(../images/cart.png);
		right: 49px;
	}

	.icon-version-dark .mob-header-top .cart-toggle a span	
	{color: #999;}

	.icon-version-dark .mob-header-top .cart-toggle {
		background-image:url(../images/cart_dark.png);
	}

    .mob-header-top .mob-menu-toggle.animated {
		background-image:url(../images/close.png);
    }

    .icon-version-dark .mob-header-top .mob-menu-toggle.animated {
		background-image:url(../images/close_dark.png);
    }

	.mob-header-content {
		padding-bottom: 20px;
		display: none;
	}
	.mob-menu ul {
		list-style: none;
		margin:0;
		padding: 0;
	}

	.mob-menu li[class*=" icon-"]:before, 
	.mob-menu li[class^=icon-]:before,
	.header-menu li[class*=" icon-"]:before, 
	.header-menu li[class^=icon-]:before
	{display: none;}

	.mob-menu li {position: relative;padding:0px;}

	.mob-menu li a {
		display:block !important;
		position: relative !important;
		padding:20px 25px;
		color: #fff;
		border-bottom: 1px solid #555555;
		outline: none;
		font-size: 14px !important;
		line-height: 24px !important;
		text-transform: uppercase;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.mob-menu ul ul {display: none;}

	.mob-menu ul li > a > .di {
		display: block;
		position: absolute;
		top: 50%;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		height: 30px;
		width: 30px;
		margin-top: -15px;
		right:15px;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		-webkit-backface-visibility: hidden;
   	    backface-visibility: hidden;
	}

	.mob-menu ul li > a > .di.animate {
		-webkit-transform:rotate(-180deg);
		-ms-transform:rotate(-180deg);
		transform:rotate(-180deg);
	}

	.mob-header-content .search {
		padding-top: 20px;
	}

	.mob-header-content .icon-cross 
	{display: none;}

	.mob-header-content .search input[type=submit] {
		width: 50px !important;
		height: 50px;
		background-color: transparent !important;
	}

	.mob-header .ls li a,
	.mob-header .ls li a:visited {
		height: 65px;
	    line-height: 65px !important;
	    padding: 0px 25px !important;
	    background-color: transparent;
		border-top: 1px solid #555555;
	    text-transform: uppercase;
	    font-size: 14px !important;
	}

	.mob-header .ls {
		border-bottom: 1px solid #555555;
	}

	.mob-header .ls .lang_sel_sel:before {
	    line-height:65px;
	    height: 65px;
	    width: 65px;
	    right: 15px;
	    display: block;
	    position: absolute;
	    top: 50%;
	    font-size: 18px !important;
	    line-height: 30px;
	    text-align: center;
	    height: 30px;
	    width: 30px;
	    margin-top: -15px;
	    right: 15px;
	    -webkit-transition: all 300ms ease;
	    transition: all 300ms ease;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}

	.mob-header .ls #lang_sel ul ul,
	.mob-header .ls #lang_sel_click ul ul {
		display: none;
	}

	.mob-header .cart-toggle span {
	    color: #fff;
	    position: absolute;
	    line-height: 24px;
	    font-size: 14px;
	    top: 2px;
	    right: 8px;
	}

	.mob-header .cart-toggle {
		background-position: 30% center;
	}

	.desk {display: none;}

	.mob-header .label {
		margin-left: 15px;
		display: inline-block;
		padding: 6px 10px 6px 10px;
		color: #ffffff;
		text-transform: none;
		font-size:10px;
		line-height: 10px;
		text-align: center;
		position: relative;
		top: -1px;
		left:0px !important;
		-webkit-transform:none !important; 
		-ms-transform:none !important; 
		transform:none !important; 
	}

	.mob-header-content .search form, 
	.mob-header-content .search fieldset {
	    margin: 0;
	    position: relative;
	}

	.mob-header-content .search input[type=submit] {
		width: 45px !important;
	    height: 45px;
	    text-indent: -9000em;
	    position: absolute;
	    right: 0px;
	    top: 0;
	    border: none;
	    outline: none;
	    padding: 0;
	    background-image: url(../images/search.png);
	    background-repeat: no-repeat;
	    background-position: center center;
	}

	.desk-social-links a {
		height: 30px;
		line-height: 30px;
		width: 30px;
		display: inline-block;
		text-align: center;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		position: relative;
		padding-right: 1px;
	}

	.desk-social-links a:hover {
		color: #fff !important;
	}

	.desk-social-links a.icon-rss:hover        {box-shadow: inset 0 0 0  1px #fba933 !important;background-color:#fba933 !important;}
	.desk-social-links a.icon-facebook5:hover   {box-shadow: inset 0 0 0  1px #607bb3 !important;background-color:#607bb3 !important;}
	.desk-social-links a.icon-twitter4:hover    {box-shadow: inset 0 0 0  1px #37bbf5 !important;background-color:#37bbf5 !important;}
	.desk-social-links a.icon-skype:hover      {box-shadow: inset 0 0 0  1px #37bbf5 !important;background-color:#37bbf5 !important;}
	.desk-social-links a.icon-googleplus6:hover {box-shadow: inset 0 0 0  1px #e74b32 !important;background-color:#e74b32 !important;}
	.desk-social-links a.icon-youtube2:hover    {box-shadow: inset 0 0 0  1px #c63c39 !important;background-color:#c63c39 !important;}
	.desk-social-links a.icon-vimeo:hover      {box-shadow: inset 0 0 0  1px #2bc2f4 !important;background-color:#2bc2f4 !important;}
	.desk-social-links a.icon-linkedin:hover   {box-shadow: inset 0 0 0  1px #319cda !important;background-color:#319cda !important;}
	.desk-social-links a.icon-flickr2:hover     {box-shadow: inset 0 0 0  1px #ee4086 !important;background-color:#ee4086 !important;}
	.desk-social-links a.icon-pinterest:hover  {box-shadow: inset 0 0 0  1px #db2e36 !important;background-color:#db2e36 !important;}
	.desk-social-links a.icon-instagram:hover  {box-shadow: inset 0 0 0  1px #5280a5 !important;background-color:#5280a5 !important;}
	.desk-social-links a.icon-apple:hover      {box-shadow: inset 0 0 0  1px #01aef3 !important;background-color:#01aef3 !important;}
	.desk-social-links a.icon-dribbble:hover   {box-shadow: inset 0 0 0  1px #eb4c89 !important;background-color:#eb4c89 !important;}
	.desk-social-links a.icon-android:hover    {box-shadow: inset 0 0 0  1px #92b83e !important;background-color:#92b83e !important;}
	.desk-social-links a.icon-behance:hover    {box-shadow: inset 0 0 0  1px #1b82dc !important;background-color:#1b82dc !important;}
	.desk-social-links a.icon-envelope:hover   {box-shadow: inset 0 0 0  1px #4c5256 !important;background-color:#4c5256 !important;}

	.mob-header-content .desk-social-links {
		box-shadow: none !important;
		text-align: center;
		padding-top: 20px;
	}

	.mob-header-content .desk-social-links {
		box-shadow: none !important;
	}