body {
	/*background-color: #f7f5f6;*/
	background-position: top;
	background-size: 4000px 30px;
	background-repeat: no-repeat;
	
	margin: 0px;
	border: 0px;
	
	font-family: var(--fontPrincipal);
  	font-optical-sizing: auto;
  	font-weight: 300;
  	font-style: normal;
	font-size: 18px;
	
	color: var(--colorPrincipal);
	/*background-color: var(--colorCuarto);*/
}

:root {
  --colorPrincipal: #111;
  --colorSecundario: #d51f3b;
  --colorTercero: #111;
  /* 053043;*/
  --colorCuarto: #FAFAFA;
  --colorBlanco: #FFF;
  --colorGris: #e9eff3;
  --colorGrisF: #CCC;
  
  --fontTitulos: "Kanit", sans-serif;
  --fontPrincipal: "Kanit", sans-serif;
  
  /*--fondoTransparente: rgba(255, 255, 255, 0.4);*/
  --fondoTransparente: rgba(251, 248, 241, 0.6);
  
}

/*Fondos personalizdaos*/
.fondo0{
	background-image: url('/archivos/UserFiles/images/fondo0.jpg');
}
.fondo1{
	background-image: url('/archivos/UserFiles/images/fondo1.jpg');
}
.fondo2{
	background-image: url('/archivos/UserFiles/images/fondo2.jpg');
}

/* Listas ordenadas en linea*/
.ulInline{
	list-style: none;
	padding:0;
}
.ulInline li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}

.iconoBoton{
	font-size: 18px;
}

.control25{
	font-size: 25px;
}

.control20{
	font-size: 20px !important;
}

.divEditable{
	border: 1px solid gray;
	padding: 10px;
	border-radius: 5px;
	
	overflow: auto;
	resize: vertical;
  	outline: none;
  	width: 100%;
  	max-width: 100%;
  	min-height: 100px;
  	scrollbar-width: thin;	
}

.formIconoGrande{
	font-size: 40px;
}
.formTextoGrande{
	font-size: 20px;
}
	



.bgmovil{
	background-color: #AAA !important;
	background-repeat: no-repeat;
}

img {
	max-width: 100%;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

* ul {
	padding-left: 20px;
}

.fondoImg{
	background-image: url('imagenes/student2.jpg'); 
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center;
	height: 30em;
}

.colorPrincipal { 
	color: var(--colorPrincipal) !important;
}

.colorSecundario, .enlaceColor, a.enlaceColor {
	color: var(--colorSecundario) !important;
}

.colorTercero {
	color: var(--colorTercero) !important;
}

.colorPrincipalFondo {
	background-color: var(--colorPrincipal) !important;
}

.colorSecundarioFondo {
	background-color: var(--colorSecundario) !important;
}

.colorTerceroFondo {
	background-color: var(--colorTercero) !important;
}

.colorCuartoFondo {
	background-color: var(--colorCuarto) !important;
}

.fondoBlanco {
	background-color: #ffffff !important;
}


.textoBlanco, .enlaceBlanco, .enlaceBlanco h1, .enlaceBlanco h2, .enlaceBlanco h3, .enlaceBlanco h4 , .enlaceBlanco a {
	color: #FFF !important;
}

/*Base #333
  Base head #334;
  Color titulo principal #000000;
  C. alternativo #000000;
  Color fondo #FFFFFE; 
  
 */
.bodymail {
	color: #4c4c4c;
	background-color: #ebe8e3;
	background-image: url("imagenes/trans.gif");
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	border: 0px;
}

.homePrimero{
	padding: 50px 200px;
}

.minieuro {
	ont-size: 0.8em;
}

.negro {
	color: #222 !important;
}

img {
	border: none;
}

input, textarea, select {
	font-family: 'Work Sans', sans-serif;
}

textarea {
	padding: 6px 12px;
}

input[type='text']:focus, textarea:focus, select {
	outline: 0 none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	border-color: #66afe9;
	outline: 0 none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
}

#tituloIndex {
	height: 1px;
	color: #FFF;
}


.formulariocontacto {
	font-size: 1.1em;
	padding: 0px 20px;
}

.formulario input[type="checkbox"] {
	width: 20px;
	margin: 0px 0 0;
	
}
.filtroItem input[type="checkbox"] {
	height: 35px;
}

.contactoIcono {
	text-align: center;
	padding-right: 20px;
}

.ico-servicio {
	width: 30px;
}

.ico-servicio-mini {
	width: 20px;
}

.formulariocontacto input[type="text"], .formulariocontacto textarea,
	.formulariocontacto select {
	background-color: #EEE;
	/*background-color: #FFF;*/
	color: #333;
	border: none;
}

.contactoIcono img {
	width: 80%;
}

.contactoTitulo {
	font-size: 1.4em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.localiza {
	background-color: #DDD;
	border-radius: 24px 24px 24px 24px;
	-moz-border-radius: 24px 24px 24px 24px;
	-webkit-border-radius: 24px 24px 24px 24px;
	border: 0px;
	padding: 30px 30px;
}

.localizaFondo {
	background: url('imagenes/propias/mapa-fondo.jpg') no-repeat center
		center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 600px;
}

.migasdepan50 {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 50%;
	text-transform: uppercase;
}

#migasdepan {
	margin-top: 15px;
	margin-bottom: 0px;
	width: 100%;
	/*text-transform: uppercase;*/
}

#dateini, #datefin, #ui-datepicker-div {
	z-index: 100;
}

#filtros {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: right;
	width: 50%;
	position: absolute;
	right: 0;
	top: -15px;
}

#buscar {
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#cajaBuscar {
	display: inline-block;
	position: relative;
	max-width: 350px;
}

.bb-search-autocomplete-box {
	font-size: 15px;
	height: 40px;
	padding: 5px 35px 5px 40px;
	width: 392px;
}

.bb-search-autocomplete-box-after {
	background: rgba(0, 0, 0, 0) url("imagenes/propias/find_icon_grey.png")
		no-repeat scroll 0 0;
	content: " ";
	cursor: pointer;
	display: block;
	height: 17px;
	left: 12px;
	position: absolute;
	top: 12px;
	width: 17px;
}

.mini {
	font-size: 10px;
}

.mini2 {
	font-size: 0.8em;
}

.imgenlace, .imgenlaceG {
	width: 22px !important;
	border: 0;
}

.imgenlaceG {
	width: 35px !important;
}

.imggigante{
	font-size: 3.3em;
}

a:link, a:visited {
	color: var(--colorPrincipal);
	text-decoration: none;
	border: none;
}

a:hover {
	color: #333334;
}

a.selec {
	/*border-top: 4px solid #B9B9B9;*/
	/*padding-top: 5px;*/
	/*border-bottom: 1px solid;*/
	
}

.pago {
	text-align: center;
}

.iconopaso {
	text-align: right;
}

.iconogrande {
	font-size: 60px;
}

.pagos {
	width: 100%;
	text-align: center;
	padding: 50px 20px;
	min-height: 600px;
}

#tituloPrincipal, .tituloPrincipal {
	margin-bottom: 20px;
	font-size: 1.8em;
	color: var(--colorPrincipal);
	font-weight: 400;
}

#subTituloPrincipal {
	font-size: 1.2em;
}

td.headTabla {
	font-size: 1.15em;
}

td.headTablaC {
	font-size: 1.15em;
	text-align: center;
}

td.headTablaD {
	font-size: 1.15em;
	text-align: right;
}

.avisos {
	font-size: 0.85em;
}

.avisoInicial {
	width: 100%;
	padding: 10px 10px;
	color: #FFF;
	font-size: 1.1em;
	background-color: #ff8080;
	text-align: center;
}

.sizefijo, .sizefijomitad {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	
}
.sizefijomitad{
	width: 640px;
}

.divBotonAbrir {
	position: relative;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	z-index: 10000;
}

.invertirColor {
	-webkit-filter: invert(0.9);
	filter: invert(0.9);
}

#head {
	clear: both;
	height: 100px;
	z-index: 2000;
	width: 100%;
	position: relative;
	background-position: top center;
	
	/*background-color: rgba(255, 255, 255, 1);*/
	/*
	background-color: var(--colorSecundario);
	*/
	/*padding-top: 5px;*/
}
.home{
	/*background-color: rgba(0, 0, 0, 0) !important;*/
}

#headAdmin {
	clear: both;
	height: 120px;
}

#head .titulo {
	position: relative;
	float: left;
	/*padding-top: 15px;*/
	z-index: 300;
	text-align: left;
	width: 20%;
	padding-top: 10px;
}

#head .centro {
	left: 50%;
	margin-left: -70px;
}

#head .titulo img {
	max-height: 100px;
	
	/*padding-top: 15px;*/
	
}

#fondoCarga {
	padding-top: 20%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.35);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000000;
	display: none;
	vertical-align: middle;
}

.logo-fixed {
	margin-top: 5px !important;
}

.logo-fixed img {
	max-height: 60px !important;
}

#head h1 {
	display: none;
}

#head a {
	/*color: var(--colorPrincipal);*/
	/*color: var(--colorBlanco);*/
}


#proHeadFixed{
	padding: 5px 0px 5px 0px;
	position: relative;
	z-index: 80;
	font-size: 0.95em;
	/*background-color: rgba(0, 0, 0, .8);*/
}

#proHeadFixed ul{
	margin-bottom: 0px !important;
}

#proHeadFixed, .proHead, .proHead a, #proHeadFixed a{
	color: var(--colorBlanco) !important;

}

.proHead{
	position: absolute;
	top: 2px;
	right: 0px;
	float: right;
	z-index: 1000;
}

.index a, .index .menuPrimero a, .index .entradaAccesoTexto{
	color: #FFF !important;
}

.menuPrimero, .menuPrimero a{
	/*color: var(--colorBlanco);*/
}


.entrada{
	/*font-size: 1.1em;*/
}

#full-tipo {
	color: #FFF;
}

#full-tipo img {
	width: 100%;
}

#idiomas {
	font-size: 0.8em;
}

.idiomaSeleccionado {
	color: #000000 !important;
}

.numero {
	/*font-family: sans-serif;*/
	
}

#headFixed {
	position: relative;
	width: 100%;
	height: 100px;
	z-index: 900;
	
	
}

.head-fixed {
	position: fixed !important;
	z-index: 90;
	top: 0 !important;
	height: 80px !important;
	font-size: 1em;
	transition: all 0.3s ease-in-out;
	/*background-color: rgba(255, 255, 255, 1) !important;*/
	background-color: var(--colorBlanco);
}

#menu {
	
	float: right;
	position: relative;

	padding-top: 40px;
	text-align: right; 
}

#menuResponsive {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 0%;
	min-height: 900px;
	overflow: hidden;
}

.head-fixed #menu {
	padding-top: 0px;
}

.head-fixed .titulo{
	padding-top: 5px !important;
}


.head-fixed #menu{
	position: static;
}

.head-fixed #menuTop, .head-fixed .separadorMenu, .head-fixed #menuRedes,
	.head-fixed .redesCabecera {
	display: none;
}

#menuRedes {
	position: absolute;
	right: 0;
	top: 3;
	text-align: right;
}

.espaciadoDerecha {
	width: 50px;
}

.invertir{
	 -webkit-filter: invert(100%);
	 filter: invert(100%);
}
/* overlay */
.bgpagina{
	position: relative;
	vertical-align: middle;
	margin-bottom: 50px;
	height: 300px;
	padding-top: 100px;
}
.overlay-oscuro{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: #000000;
	opacity: 0.15;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.overlay-titulo{
	margin: auto;
	position: relative;
	text-align: center;
	color: #FFF;
	width: 100%;
}

.overlay-titulo h1{
	font-weight: bold;
	font-size: 3.5em;
	color: #FFF;
}

.menuPrimero {
	/*position: relative;
	float: left;
	width: 100%;*/
	z-index: 298;
	margin: auto;
	/*padding-right: 40px;*/
	/*padding-top: 35px;*/
	/*text-transform: uppercase;*/
	font-size: 1em;
	text-align: right;
	padding-top: 20px;
}


.contenidoEspecial {
	position: relative;
	float: left;
	width: 80%;
	z-index: 298;
	margin: auto;
	
	padding-top: 25px;
	text-align: right;
	font-size: 1.05em;
}
.contenidoEspecial a{
	/*color: var(--colorSecundario);*/
}

.contenidoEspecial i{
	/*color: #777;*/
	font-size: 1.2em;
}
.contenidoEspecial li{
	text-align: left;
}

.tamanoNormal{
	font-size: 1.2em;
}

.tamanoMediano{
	font-size: 1.5em;
}
.tamanoGrande{
	font-size: 2em;
}

.head-fixed .contenidoEspecial{
	padding-top: 25px;
	/*font-size: 0.7em;*/
	transition: all 0.2s ease-in-out;
}
/*
.menuPrimero {
	position: relative;
	float: left;
	width: 100%;
	top: 5px;
	z-index: 0;
	/*height: 40px;*/
	margin: auto;
	
	/*text-transform: uppercase;*/
	/*background-color: #FFF;*/
	/*border: 1px solid #FFF;*/
	padding-right: 0px;
	/*padding-top: 35px;*/
	text-align: left;
	background-color: var(--colorGris);
}
*/

.tituloPartido{
	max-height: 100px;
}

.menuPrimeroDerecha {
	position: relative;
	float: right;
	
	height: 43px;
	background-color: var(--colorTercero);
	border: 1px solid var(--colorTercero);
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
	top: -15px;
	right: -2px;
	padding: 20px !important;
	padding-top: 12px !important;
	
}

.menuPrimeroDerecha:hover {
	opacity: 0.6;
}

.submenu{
	display: none;
	position: fixed;
	min-width: 300px;
	
	margin-top: -20px;
	padding-top: 30px;
	text-align: left;
}
.submenu a{
	/*color: var(--colorTercero) !important;*/
}
.submenu .elemento{
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #DDD;*/
	 
}
.submenuContenido{
	padding: 20px;
	padding-top: 10px;
	background-color: var(--colorSecundario);
	box-shadow: 10px 10px 40px #666;
}

.botonDerecha {
	position: relative;
	float: right;
	top: -5px;
	right: 0px;
	height: 40px;
	padding: 10px;
	padding-right: 8px;
	padding-top: 8px;
}

.menuBoton {
	width: 10%;
}

.menuPartido {
	width: 40%;
	text-align: right;
}

.menuSegundo {
	text-align: left;
	right: 0 !important;
}

.head-fixed .menuPrimero {
	/*padding-top: 20px;*/
	/*top: 15px;*/
}

.separadorMenu {
	width: 100%;
	margin-top: 15px;
	/*border-top: 1px solid #000000;*/
}

.separadorMenuVertical {
	width: 40px;
	text-align: right;
	padding: 20px 15px;
	margin-left: 15px;
	border-left: 1px solid #000000;
}

#menuTop {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 0.9em;
	z-index: 999;
}

#menuTop, #menuTop a {
	/*color: #FFF;*/
	
}



.entradaCarrito {
	height: 80px;
	padding: 10px 20px;
	padding-top: 25px;
}

.entradaCarrito2 {
	padding-right: 10px;
	margin-top: 15px;
}

.sinpunto{
	list-style: none;
}
.sinpunto li{
	margin-bottom: 10px;
}

.menuPrimero ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
	text-transform: uppercase;
}

.lista-sin, .lista-no-boton {
	list-style-type: none;
	padding-left: 0px;
}

.lista-sin>li {
	display: inline-block;
	padding-left: 5px;
}

.menuPrimero li {
	display: inline-block;
}

.menuPrimero li.entrada {
	padding: 20px 10px;
}

.menuPrimero li.entrada:hover {
	background-color: var(--colorCuarto);
	opacity: 0.8;
}

.menuPrimero a{
	opacity: 0.8;
	/*border-bottom: 3px var(--colorSecundario) solid;*/
}


.menuPrimero a:hover {
	/*color: #AAA !important;*/
	transition: all 0.5s ease-in-out;
	
	
}
.menuPrimero a:hover span{
	padding-bottom: 10px;
	/*border-bottom: 3px var(--colorSecundario) solid;*/
}

.menuPrimeroDerecha a:hover span{
	padding-bottom: 10px;
	border-bottom: 0px !important;
}

.menuPrimeroDerecha, .menuPrimeroDerecha a{
	color: #FFF !important;
}

.menuPrimeroDerecha:hover, .menuPrimeroDerecha:hover a{
	color: #111 !important;
}


.redesCabecera {
	float: right !important;
}

.redesCabecera li {
	padding: 10px 5px !important;
}

.entradaBlanca {
	background-color: #FFF;
	padding: 0px 5px;
	padding-top: 5px;
}

.acceso {
	padding-right: 0px !important;
}

.menuImagen img:hover {
	opacity: 0.6;
}

#menuAd {
	position: relative;
}

#menuAd ul {
	margin: 0px;
	margin-left: 10px;
	padding: 20px;
	list-style-type: none;
}

#menuAd li {
	padding: 10px;
}

#subMenu .seccionFooter {
	font-size: 1.35em;
	position: relative;
	float: left;
	text-transform: uppercase;
	padding-top: 15px;
	width: 12%;
	text-align: center;
	height: 48px;
	
}

.homeImagenFondo{
	position: absolute;
	max-width: 40%;
	max-height: 90%;
	overflow: hidden;
	right: 10%;
}

.homeCuadro{
	position: absolute; right: 0; top: -60px; height: 300px; width: 300px;
}

.homeEspecial{
	height: 60px;
	width: 220px;
	overflow: hidden;
	line-height: 0.8em;
	padding-right: 20px;
}

.homeEspecialTitulo{
 	

	}
	.homeEspecialSubtitulo{
	font-weight: lighter;
	font-size: 0.9em;
	}
	


.destacadoTotal, .destacadoMitad{
	height: 500px;
	overflow: hidden;
 
}
.destacadoMitad{
	height: 310px;
}

.destacadoTotal:hover, .destacadoMitad:hover{
	opacity: 0.8;

	}

.destacadoTotal img, .destacadoMitad img{
	height: 100%;
max-width: 200% !important;
}

.destacadoMitadTexto{
	width: 100%;
	height: 100%;
	padding: 20px;
}




.bloqueEntradas {
	width: 33%;
	padding-right: 20px;
}

.bannerimagen, .tipoImagen, .bannervideo {
	position: absolute;
	width: 100%;
	height: 100vh;
}

#owl-opiniones .bannerimagen{
	width: 100% !important;
	height: auto !important;
	
}

#video_background {
	position: absolute;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}
#video_pattern {
	background:#fff;
	position: fixed;
	opacity: 0.8;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.video_contenido{
	/*background-color: rgba(0, 0, 0, 0.3);*/
	padding: 30px 30px;
}

.fondoTransparente{
	background-color: var (--fondoTransparente);
}

#owl-slider .owl-controls{
	display: none !important;
}

/*
#owl-slider:hover .bannerimagen{
	
	width: 120%;
	transition: all 10s ease-in-out;
				
}
*/
#owl-slider .bannerimagen{
				
}

.bannercontenido, .bannercontenido2 {
	position: relative;
	/*padding: 5% 10%;*/
	padding-top: 10%;
	/*padding-right: 50%;*/
	
	/*padding-right: 40%;*/
	text-align: left;
	z-index: 80;
	height: 500px;
	float: left;
	width: 60%;
	
	/*text-shadow: 1px 1px 6px #666;*/
}


.recortaBottom{
	padding-bottom: 50px;
}

.recortaTop{
	padding-top: 50px;
}
.recortaImagen{
	padding-top: 150px;
	padding-right: 250px;
}



.bannercontenido2 {
	height: 500px;
	padding-top: 150px;
}

.bannercontenido2 .video_contenido{
	width: 50%;
	}

.bannerContenidoLimitado{
	padding-right: 50%;
}

.bannerenlace {
	margin-top: 30px;
}


.bannerenlace:hover {
	color: inherit;
}

.bannercontenido, .bannercontenido a, .bannercontenido h2, .bannercontenido .subtitulo, .bannercontenido .subtitulo2 {
	/*color: var(--colorBlanco);*/
	color: var(--colorBlanco);	
}

.bannercontenido h1, .bannercontenido h2, .bannercontenido2 h1, .bannercontenido2 h2 {
	
	font-size: 2.0em;
	font-weight: bold;
	/*color: #FFF;*/
	/*width: 60%*/
}
.bannercontenido h1{
	font-size: 2.8em;	
	font-weight: bolder;	
}
 
 .bannercontenido2 h2 {
 	font-size: 2em;
 }

.bannercontenido .subtitulo {
	/*color: #FFF;*/
	/*padding: 15px 5px;*/
	font-size: 1.3em;
	font-weight: lighter;
	/*font-weight: 200;*/
	/*text-transform: uppercase;*/
}

.bannercontenido .subtitulo2 {
	font-size: 1.2em;
	font-weight: lighter;
	
}

/* Menu de usuario --------------*/
#menuUser {
	float: left;
	position: relative;
	background-color: #AAA;
	overflow: hidden;
	min-height: 650px;
	padding-left: 5px;
	width: 15%;
}

#contenidoUser {
	position: relative;
	float: left;
	width: 85%;
	z-index: 90;
	padding-left: 20px;
	padding-right: 20px;
}

#menuUser a {
	color: #FFF !important;
}

.sideuser {
	height: 100%;
	z-index: 1;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 0px;
}

.closeuser {
	width: 40px !important;
}

.openuser {
	width: 95% !important;
}

.closeuser .menuUserTexto {
	display: none;
}

.entradaMenuUsuario {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.menuUserImagen {
	position: relative;
	float: left;
	width: 15%;
}

.menuUserImagen img {
	min-width: 30px;
}

.menuUserTexto {
	position: relative;
	float: left;
	margin-top: 3px;
	padding-left: 15px;
	font-size: 1.1em;
	width: 85%;
	overflow: hidden;
}

.panelUsuario {
	padding: 25px;
	border: 1px solid #EEE;
}

.panelUsuario:before {
	display: table;
	content: " ";
}

.panelCabecera {
	background-color: #FFF;
	margin-top: -45px;
	padding-left: 10px;
	margin-bottom: 20px;
	width: 280px;
}

.panelTexto {
	padding: 10px;
}

.panelImagen img {
	width: 40px;
}

/* fin del men� de usuario ---------------------------*/
/* --------MENSAJE DE USUARIO ------------------------*/
.avisoSimple, .avisoOferta, .avisoComunicacion {
	border: 1px solid #000;
	background: url(imagenes/propias/icook.png) no-repeat 10px 5px #FFF;
	background-size: 50px 50px;
	padding-top: 25px;
	padding-left: 80px;
	padding-right: 20px;
	padding-bottom: 30px;
}

.avisoOferta {
	background: url(imagenes/icon/ecommerce/ico-etiqueta.png) no-repeat 10px
		5px #FFF;
}

.avisoComunicacion {
	background: url(imagenes/icon/ecommerce/ico-contacto.png) no-repeat 10px
		5px #FFF;
}

.mensaje_usuario {
	position: fixed;
	width: 100%;
	
}

.mensajeokusuario, .mensajeinfousuario, .mensajekousuario {
	z-index: 1000;
	padding: 15px 5px 10px 20px;
	font-size: 1em;
	z-index: 10000;
}

.mensajeokusuario, .boton_mensajeokusuario {
	background: #ccf0ac;
	color: #46700e;
}

.mensajeinfousuario, .boton_mensajeinfousuario {
	background: #fbb066;
	color: #bc6105;
}

.mensajekousuario, .boton_mensajekousuario {
	background: #F69E9E;
	color: #c21212;
}

.boton_mensajekousuario, .boton_mensajeinfousuario,
	.boton_mensajeokusuario {
	font-size: 2em;
	position: absolute;
	bottom: -20px;
	right: 20px;
}

input::-webkit-calendar-picker-indicator{
	color: #FFF !important;
	background-color: #FFF !important;
}
input[type="date"]::-webkit-input-placeholder{
	color: #FFF !important;
		background-color: #FFF !important;
}

.botonBuscador {
	padding: 5px;
	height: 40px;
}

.boton_cerrar_mensaje {
	opacity: 0.7;
	font-size: 2em;
	position: absolute;
	right: 20px;
	top: -15px;
}

.icono-tienda {
	width: 30px;
}

.buscadorContenedor{
	background-color: #EFEFEF;
	
	padding: 20px 20px;
}
.buscadorContenedor, .buscadorContenedor h2, .buscadorContenedor h3{
	color: #FFF;
}

.buscadorReservas{
	max-width: 650px;
	margin: auto;
}

.buscadorEntrada, .buscadorEntradaFinal{
	padding: 5px 10px;
}
.buscadorEntrada{
	border-right: 1px solid #FFF;
}
.buscadorEntradaFinal{
	padding-left: 20px;	
}
.buscadorInput{
	background-color: transparent;
	border: 0px solid #FFF;
	color: #FFF;
	padding: 5px 5px !important;
}

.reservaCaja, .reservaImagen, .reservaContenido{
	width: 100%;
	height: 250px;
	overflow: hidden;
}

.reservaImagen{
	width: 40%;
	display:flex;
    justify-content: center;
    align-items: center;
}
.reservaContenido{
	background-color: #EFEFEF;
	padding: 40px 30px;
}

.reservaTitulo{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}

.reservaIconos{
	padding-top: 20px;
}

.reservaIconosTexto{
	/*padding-top: 5px;*/
	padding-left: 5px;
	/*font-weight: bold;*/
}
.reservaNoches, .reservaImporte{
	font-size: 1.4em;
	
}

/* reservas admin*/
.bookCLimitada, .bookCGrande,.bookUnlimited{
	overflow: hidden;
	height: 40px;
	vertical-align: middle;
}
.bookCLimitada{
	width: 80px;
}
.bookCGrande{
	width: 100px !important;
}

.bookUnlimited{
	text-align: center;
}

.bookCDia{
	border: 1px solid #DDD !important;
	text-align: center;
	padding-top: 5px;
	height: 55px;
}

.bookUnlimited{
     border: 1px solid #FFF; 
     -webkit-transform: skew(-20deg);
     -moz-transform: skew(-20deg);
     -ms-transform: skew(-20deg);
     -o-transform: skew(-20deg);
     transform: skew(-20deg);
     color: #000;
}
.bookUnlimited a{
	color: #000;
}
.bookUnlimited:hover{
	opacity: 0.6;	
}

.contenido { 
     -webkit-transform: skew(20deg);
     -moz-transform: skew(20deg);
     -ms-transform: skew(20deg);
     -o-transform: skew(20deg);
     transform: skew(20deg);
     white-space: nowrap;
     padding: 10px 20px 50px 20px;
}

.reservaVerde{
	background: #00c131;
}
.reservaRoja{
	background: #feb1b6;
} 
.reservaBloqueada {
	background: #c0c0c0;
}
.reservaLibre {
	background: #FFF;
	border: 1px solid #CCC;
}

.calendarioInicio {
    width: 40px;
    border-right: 10px solid transparent;
    border-left: 0px solid transparent;
    border-top: 40px solid transparent;
}

/* PARA SACARLO DEL FONDO*/
.serviciosCaracteristicas{
	padding: 35px 35px;
}
/*Y ADEMAS colorPrincipalFondo
.serviciosCaracteristicas{
	padding: 35px 35px;
	margin-top: -50px;
	margin-bottom: -100px;
}
*/

.reservaPie{
	position: absolute;
	width: 100%;
	bottom: 0;
}

.productoCampoExtra{
	margin-top: 5px;
	margin-right: 10px;
}

/* --AVISOS-------------------------------------------------------*/
.aviso {
	padding: 15px 20px;
	margin-bottom: 2px;
}

.avisoNoLeido {
	background-color: #f8e4a3;
}

.avisoImportante {
	background-color: #F69E9E;
	background: url(imagenes/propias/checkinfo.png) no-repeat 10px 10px
		#f9a6a2;
	background-size: 30px 30px;
	padding-left: 50px;
}

.aviso-contenido {
	padding: 20px 10px;
}

.iconoAviso {
	margin-top: -8px;
	width: 10%;
	text-align: right;
}

.lineaGris {
	background-color: #EEE;
}

.lineaIconos {
	list-style-type: none;
	text-align: center;
}

.icoLinea {
	padding: 20px 20px;
	display: inline-block;
	min-width: 120px;
	min-height: 120px;
	border: 2px solid #FFF;
}

.icoLinea:hover {
	border: 2px solid var(--colorSecundario);
}

.lineaCuadro{
	height: 80px;
	padding: 20px 20px;
	text-align: right;
}
/* ---------------------------------------------------*/

/* input file ------------------------------------------*/
.inputfile+label {
	max-width: 100%;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
}

.inputfile+label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	margin-right: 0.25em;
}

.iborrainputfile {
	font-weight: normal;
}

.labelinput {
	border: 1px solid #EEE;
	padding: 8px;
	margin-left: -35px;
	background-color: #FFF;
}
/* ---------------------------------------------------*/
.tablaDocumento {
	width: 100%;
	max-width: 650px;
}

.tablaDocumento th {
	background-color: #000000;
	color: #FFF;
}

.tablaDocumento th, .tablaDocumento td {
	padding: 5px;
	min-width: 25px;
}

.productoImagenHome{
	max-width: 300px;
	margin: auto;
}

.bgmax {
	padding: 20px 100px;
}

#home_fondo1{
	background-image: url(recursos_propios/home_fondo1.jpg);
	padding: 40px 0px;
	color: #FFF;
}

#home_fondo2{
	background-image: url(recursos_propios/home_fondo2.jpg);
	padding: 40px 0px;
	color: #FFF;
}

.destacadoLateral {
	padding-bottom: 20px;
}

.destacadoLateral, .destacadoLateral a {
	color: #AAA !important;
	font-size: 1em;
}

.destacadoHome, .destacadoDerecha {
	/*padding: 20px 20px;*/
	/*height: 500px;*/
	/*overflow: hidden;*/
	
}

.destacadoContenido{
	padding: 30px 10px;
}

.destacadoContenido .titulo{
	
}

.destacadoContenido h2{
	font-size: 2em;
}
.destacadoPrincipal a{
	color: #777;
	font-weight: 200;
}

.destacadoSeparador{
	border-top: 2px solid #FFF;
	margin: 20px 0px;;
}
.relative{
	position: relative;
}
.destacado5{
	padding-right: 15px;
}

.destacadoMedio{
	margin-bottom: 10px;
	height: 180px;
	overflow: hidden;
}
.destacadoLargo{
	height: 370px;
	overflow: hidden;
}
.destacadoLargo img{
	height: 100% !important;
	max-width: none !important;
}	

.destacadoMedio .destacadoImagen, .destacadoLargo .destacadoImagen{
	position: absolute;
	z-index: 10;
}
.destacadoMedio .destacadoContenedor, .destacadoLargo .destacadoContenedor{
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 80px;
	text-align: center;
}

.destacadoBanner{
	background-color: #EEE;
	height: 140px;
	overflow: hidden;
	padding-bottom: 10px;
	font-size: 1em;
}
.destacadoBannerTitulo{
	font-weight: 800;
	padding-bottom: 10px;
	font-size: 2em;
	text-transform: uppercase;	
}
.destacadoTexto{
	
}

.destacadoTexto a, .destacadoTexto{
	color: #FFF;
	text-transform: uppercase;
}

.destacadoBorde{
	border: 1px solid #FFF;
	padding: 10px 10px;
	background-color: rgba(0, 0, 0, 0.3);
}

.destacadosPosicion{
	padding-left: 220px; padding-top: 100px;
}

.estrecha{
	padding: 0px 150px;
}

.destacadoHome:hover {
	/*opacity: 0.8;*/
}

.destacadoHomeLimitado{
	overflow: hidden;
	height: 130px;
}

.contenidoDestacadoHomeLimitado{
	bottom: 0px;
	background-color: rgba(0, 162, 208, 0.9);
	color: #FFF;
	height: 45px;
	padding-top: 8px;
	padding-right: 10px;
	line-height: 1.1em;
	font-size: 1.1em;
	text-transform: uppercase;
}


.destacadoImagen {
	
}
/*
.destacadoImagen:hover img {
	transform: scale(1.2); 
	transition: all 2s ease-in-out;
}
*/

.destacadoHome img {

  width: 100%;
/*  height: 100vh;*/	
}
.destacadoHome:hover img {
	opacity: 0.9;
	transition: all 0.5s ease-in-out;
}

.destacadoHome, .destacadoHome a {
	/*color: #FFF !important;*/
}

.destacadoNeutro {
	padding-top: 30px;
}

.destacadoNeutro, .destacadoNeutro a {
	color: #333 !important;
}

.destacadoHome .descripcion {
	overflow: hidden;
	padding: 10px 20px;
}

.destacadoHome .titulo {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 12px;
}

.destacadoHome .subtitulo {
	
}

.lineaSeparar {
	width: 50px;
	border-top: 5px solid #00aad6;
}

.descatamosItem{
	padding: 20px;
}

.descatamosItem h4{
	font-size: 1.5em;
	font-weight: 600;
	
}

.destacamosImagen{
	width: 50px;
	height: 65px;
}



/* debajo de los destacados*/

.ofertaImagen{
	position: absolute;
	width: 90%;
	height: 250px;
	z-index: 90;
	opacity: 0.95;
}
.oferta:hover .ofertaImagen{
	opacity: 1;
}

.ofertaDescripcion{
	position: relative;
	z-index: 100;
	padding: 10px 20px;
	padding-top: 120px;
	padding-right: 40%;
	text-align: left;
}

.ofertaDescripcion h3{
	font-size: 20px;
	padding-bottom: 10px;	
}

/* submenu*/
#subMenu {
	position: relative;
	clear: both;
	/*background-color: #e9e9e9;*/
	z-index: 20;
	padding: 10px 0px;
}

.servicios {
	padding: 5px 0px;
}

.servicios a:hover, .servicioSeleccionado {
	color: #000000;
}

.telefonos {
	text-align: right;
	font-size: 1.5em;
}

.textoDestacadito {
	font-size: 1.1em;
	font-weight: bold;
}

.servicio {
	padding-left: 10px;
	font-size: 1.4em;
}

#subMenu .separadorSubmenu, .separadorSubmenu2 {
	width: 100%;
	height: 2px;
}

.separadorSubmenu2 {
	height: 20px;
}

#subMenu .lineaFooter {
	margin-top: 15px;
	min-height: 120px;
}

#subMenu .seccionFooter a {
	color: #FFF;
}

#subMenu ul {
	list-style-type: none;
}

#subMenu li {
	text-decoration: none;
	padding-right: 30px;
}

#subMenu a {
	
}

#subMenu .seccionFooter:hover, .seleccionado {
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

#subMenu .selecc, #subMenu .seleccSeccion {
	color: #000000 !important;
	/*border-bottom: 1px solid #000000 !important;*/
}

.oscurece:hover img {
	opacity: 0.7;
}

#cajaBusqueda {
	position: absolute;
	right: 0;
	text-align: right;
	top: 40px;
}

.lupa {
	padding: 2px 4px;
	padding-top: 3px;
	background-color: #000000;
	position: relative !important;
}

.cajaBusqueda {
	padding: 2px 2px;
	height: 28px;
}

#carrito {
	z-index: 100;
	background-repeat: no-repeat;
	color: var(--colorPrincipal);
	right: 0px;
	
	/*padding: 5px 0px;*/
}


.carrito_imagen{
	top: -7px;
}
.carrito_bola{
	padding: 5px 5px;
	text-align: center;
	vertical-align: middle;
}

#carrito a {
	
}


#carrito .imagen {
	text-align: center;
}

#social {
	position: absolute;
	left: 0px;
}

.popupable {
	z-index: 25;
	position: absolute;
	background: #4A403D;
	padding: 12px 16px;
	height: 20px;
	opacity: 0.4;
	transition: all 0.5s ease-in-out;
	width: 155px;
	top: 5px;
	right: 50px;
	vertical-align: bottom;
}

.popupable:hover {
	opacity: 1;
	transition: all 0.3s ease-in-out;
	height: 50%;
}

.carritoTicket, .noolvidar {
	text-align: right;
}

.carritoTicket {
	padding: 20px 20px;
	background-color: rgba(100, 100, 100, 0.1);
}

.carritoTicket img {
	max-width: 100px;
}

#carritoOculto {
	display: none;
	z-index: 9000;
	position: absolute;
	background-color: #EEE;
	color: var(--colorPrincipal);
	right: 0px;
	top: 90px;
	width: 180px;
	font-size: 0.8em;
	transient: 0.5;
}

.contenidoCarritoOculto {
	padding: 30px 10px;
}

#carritoOculto img {
	max-height: 90px;
	max-width: 50px;
}

#total {
	text-align: right;
	padding: 15px 0px;
	margin-top: -5px;
	font-size: 1.7em;
	color: #333;
}

/* MENU LATERAL */
.filtroLateral {
	width: 195px;
	position: relative;
	float: left;
}

.filtroTitulo {
	width: 100%;
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.filtroItem {
	margin-bottom: 5px;
}

.filtroRango {
	width: 90%;
}

.filtroRangoPrecio {
	color: #000000;
	font-weight: bold;
	border: 0;
	font-size: 1.1em;
	width: 80%;
}

#lateral {
	position: relative;
	float: left;
	width: 170px;
	margin-top: 10px;
	z-index: 10;
}

#lateral a {
	color: #111;
}

#lateral a:hover {
	color: var(--colorPrincipal);
}

#lateral .titulo {
	width: 100%;
	padding: 5px 7px;
	text-transform: uppercase;
	margin-left: -10px;
	color: #000000;
}

#lateral .submenu {
	margin-left: 5px;
	font-size: 0.9em;
}

.vermas {
	padding: 10px 10px;
	font-weight: 400;
}

.vermas a {
	
}

#lateral ul {
	margin: 0px;
	padding-right: 5px;
	list-style-type: none;
}

#lateral li {
	/*background-image: url(imagenes/icon/menuBack.png);*/
	background-repeat: no-repeat;
	padding-top: 5px;
}

/* SECCIONES */
.contenidoSeccion {
	display: none;
	position: absolute;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 20;
}

.fondoSeccion {
	background-color: rgba(255, 255, 255, 0.3);
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.estiloSeccion {
	background-color: #e5e5e5;
	padding: 5px 5px;
	color: #000000;
	text-transform: uppercase;
	margin-left: -10px;
}

.estiloSeccion a {
	color: #000000;
	text-transform: uppercase;
}

/* LINEAS */
a.menuLinea {
	font-size: 1.1em;
	color: #323232;
	font-weight: bold;
	text-transform: uppercase;
}

/* TIPOS */
a.menuTipo {
	font-size: 0.9em;
	/*text-transform: uppercase;*/
}

/* MARCAS */
a.menuMarca, .submenuMarca {
	font-size: 0.9em;
}

.nombreMarca{
	padding: 5px 5px;
	margin-top: 5px;
}


/* RECOMENDADOS */
#recomendados {
	/*background-color: #DDDDDD;*/
	margin-top: 20px;
	padding: 4px 9px;
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;*/
}

/* Pagook y pagonok*/
#contenidoPago {
	background-color: #2E2E2E !important;
}

/* footer --------------------------------*/
#footer2, #footer1 {
	clear: both;
	padding: 10px 10px;
	
	/*
	background-attachment: fixed;
	background-position: center;*/
}


#footer1, #footer2, #footer1 a, #footer2 a, .footer3, .footer3 a {
	
}
.entradaFooter .cabeceraEntrada{
	
} 

#footer1 a:hover, #footer2 a:hover {
	opacity: 0.8;
}



.footer3{
	padding: 8px 10px;
	padding-bottom: 2px;
	background-color: #000;
}

#footer2 ul{
	list-style-type: none;
}
#footer2 li{
	display: inline;
	padding: 0px 5px;
}

.logoFooter {
	max-width: 180px;
}

.propietario {
	width: 70%;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 0.9em;
}

.desarrollador {
	text-align: right;
	line-height: 0.8em;
}

.entradaFooter, .entradaFooterFull {
	padding: 30px 0px;
}

.entradaFooterD {
	text-align: right;
	float: right;
}

.noticiaFooter{
	padding-right: 10px;
}

.footerLine {
	border-left: 3px #FFF solid;
	padding-left: 20px;
	min-height: 170px;
}

.cabeceraEntrada {
	/*text-transform: uppercase;*/
	font-size: 1.2em;
	padding-bottom: 20px;
	font-weight: 600;
	
}

.entradaFooter ul {
	margin: 0px;
	padding: 4px 9px;
	list-style-type: none;
}

.entradaFooter li {
	margin-bottom: 3px;
}

.entradaFooter a {
	
}

.entradaFooter a:hover {
	color: #999;
}

.inline li {
	display: inline-block;
}

#footer2 .otros {
	padding-top: 10px;
	width: 30%;
}

/* ---------------------------------fin footer -----------------------------*/
.alergeno-seleccionado {
	opacity: 0.3;
}

.alergenos {
	min-height: 30px;
}

.mayusculas {
	text-transform: uppercase;
}

#mensaje {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mensajeAlerta {
	font-size: 1.1em;
	font-weight: bold;
}

.clear {
	clear: both;
}

.clearmini {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.clearme {
	clear: both;
	height: 5px;
}

.clear30 {
	clear: both;
	height: 30px;
	overflow: hidden;
}

/* Productos visitados*/
#seleccion {
	margin-top: 10px;
	left: 0px;
	/*border: 1px solid #DDD;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;
	padding-right: 20px;
	background-color: #FFF;
	width: 95%;
}

#general , #generalSinMargen {
	/*background-color: #4c4c4c;*/
	min-height: 600px;
	padding-top: 30px;
}

#generalMisdatos {
	position: relative;
	min-height: 630px;
	padding-left: 230px;
	width: 730px;
}

#tablaContenido {
	margin-top: 160px;
}

.grupoFormulario {
	margin-top: 10px;
	margin-bottom: 10px;
	/*background-color: #F4F4F4;*/
	padding: 5px 5px;
	font-size: 14px;
}

.formulario-contacto input[type="text"], .formulario-contacto select,
	.formulario-contacto textarea {
	border: 1px solid #333334 !important;
}

.encabezadoGrupo {
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.contenidoInicial {
	
}

.lineaGrupo {
	margin-top: 5px;
}

#tituloProducto h1, .tituloProducto h1{
	margin-bottom: 10px;
	padding: 10px 0px;
}

#subtituloProducto h2, .subtituloProducto h2{
	font-weight: lighter;
	
}
.linkAtras{
	font-size: 30px;
}

.linkVolver {
	
	padding-top: 15px;
	padding-right: 10px;
	font-size: 25px;
}

.linkVolver img {
	width: 35px;
}

.linkTitulo {
	width: 95%;
}

.linkTitulo h1{
	padding-top: 0px;
	margin-top: 0px;
}

.tituloPagina {
	padding-top: 20px;
	padding-bottom: 20px;
}

.tituloPaddingMinimo {
	padding: 0px 0px !important;
}

.tituloProducto h3 {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: 900;
}

#colorProducto {
	font-size: 1.2em;
	color: #333;
}


.precioComplementos{
	padding-top: 20px;
	font-size: 1.3em;
}


#tituloPagina {
	margin: 40px 0px;;
}

.contenidoPagina {
	line-height: 1.8em;
}

.subtituloProducto {
	font-size: 0.9em;
	min-height: 26px;
	line-height: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	/*padding-bottom: 15px;*/
}

#tipoProducto {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: var(--colorPrincipal);
}

#tipoProducto h2 {
	font-size: 1.4em;
}

.tallaNombre {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 20px;
}

.imgBoton {
	min-width: 30px !important;
}

.etiquetaFichaProducto {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-top: 20px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #000000;
}

.tallaProducto {
	float: left;
	position: relative;
	margin-right: 10px;
	/*width: 150px;*/
}

.tallaSelector {
	padding: 6px 10px;
	font-size: 1em;
	border: 1px solid #DDD;
	/*-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;*/
}

/* Gestión de pagina */
.divAltura1, .divAltura0, .divAltura2, .divAltura3, .divAltura4{
	height: 400px;
	overflow: hidden;
}
.divAltura0{
	height: 300px;
}
.divAltura2{
	height: 500px;
}

.divAltura3{
	height: 600px;
}
.divAltura4{
	height: 700px;
}



/* pagina de producto escaparate*/


.icono-imagen {
	text-align: center;
	width: 15% !important;
	padding-right: 10px;
	max-width: 100%;
}

.productoCaracteristicaImagen {
	z-index: 90;
	height: 90%;
}

.productoImagenD {
	text-align: right;
}

.productoCaracteristicaImagen img {
	max-width: 100%;
}

.productoTexto {
	padding: 50px 100px;
}

.productoTitulo h3 {
	font-size: 4em;
	font-weight: 600;
}

.productoDescripcion {
	line-height: 2em !important;
	padding-left: 15%;
	padding-top: 30px;
	min-height: 280px;
	text-align: justify;
}

.productoIconoTexto, .productoIcono {
	margin-left: 20px;
	padding-top: 8px;
}

.productoIconoTexto {
	margin-left: 10px;
	padding-top: 40px;
	text-transform: uppercase;
}

.productoFondo3 .productoTexto {
	color: #FFF;
}

.productoCerti {
	text-align: center;
	padding-top: 50px;
}

/* Titulos */
h1, h2, h3, h4 {
	/*color: #FFF;*/
	margin-top: 10px;
	font-family: var(--fontTitulos);
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.1em;
	font-weight: 600;
}

.tituloh1{
	font-size: 100px; color: #77ffcc;
	}
.tituloh2{
	 font-size: 52px; margin-top: -50px;
}
.separador{
	border-bottom: 3px solid var(--colorTercero);
	width: 65px !important;
	height: 2px;
}
.separador2{
	border-bottom: 3px solid var(--colorSecundario);
	width: 65px !important;
	height: 2px;
}

#subtitulo {
	margin-top: -10px;
	margin-bottom: 10px;
}

#subtitulo h2 {
	display: none;
}

/* OPINIONES -------------------------------------------------*/
.opiniones{
	padding: 10px 50px;
}

.opinion{
	line-height: 1.9em;
	/*background-color: #FFF;*/
	margin: 1px solid #EEE;
	padding: 10px 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	transition: all 0.5s ease-out 0s;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
	border-color: #eee;
	text-align: center;
}

.opinionComilla {
	font-size: 2em;
	line-height: 10px;
}
.opinionTexto {
	width: 100%;
	font-style: italic;
	font-size: x-large;
	padding-bottom: 15px;
	
}

.opinionAutor {
	font-weight: bold;
}

.opinionEmpresa {
	
}

.opinionstar {
	margin-left: -2px;	
}

.opinionValoracion{
	margin-top: 8px;
}

#owl-opiniones .owl-item {
	padding: 0px 10px;
}
#owl-opiniones .owl-item  img{
	
	opacity: 0.9;
	max-width: 100%;
	height: 100vh;
}
#owl-opiniones .owl-item:hover  img{
	filter: none;
}

#owl-opiniones .cajaProducto {
	width: auto;
}

/* OWL servicios ----------------------------------------*/
#owl-servicios .owl-item {
	position: relative;
	padding: 0px 0px;
}

#owl-servicios .owl-item  img{
	
}

#owl-servicios .owl-item:hover  img{
	filter: none;
}

.redondeaEsquina{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}

.homeEntrada{
	
}

.galeriaHome{
	transition: all 0.5s ease-out 0s;
	overflow: hidden;
}

.galeriaHome:hover{
	transition: all 0.5s ease-out 0s;
	opacity: 0.95;
}

.galeriaHome img{
	width: 100%;
	
}
.galeriaHomeImagen{
	text-align: center;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}
.galeriaHomeImagen img{
	max-height: 450px;
}

.galeriaHomeContenido{
	/*position: absolute; bottom: 0px; background-color: rgba(0, 0, 0, 0.3); 	width: calc(100% - 10px);*/
	padding: 10px 20px;
}

.galeriaHomeFinal{
	
	bottom: 25px;
	color: var(--colorGrisF);
}

.galeriaHomeContenido, .galeriaHomeContenido a, .galeriaHomeContenido h3{
	/*color: #FFF;*/
}
.galeriaHomeContenido h3{
	font-weight: 600;
}

.botonCirculo {
     width: 50px;
     height: 50px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #5cb85c;
}

.centrado {
  display: inline-block;
}

/* CAJA PRODUCTO ------------------------------------------- */

.cajaProducto {
	position: relative;
	float: left;
	padding: 20px 10px;
	font-size: 1em;
	/*text-align: center;*/
	width: 25%;
	height: 530px;
	overflow: hidden;
	/*border: 1px solid #EFEFEF;*/
	text-align: left;
}

.cajaProducto20 {
	width: 20%;
}

.infoProducto {
	text-align: center;
	font-size: 1.05em;
	padding: 10px 5px;
}

.cajaFull {
	width: 20%;
}


.cajaProducto .detalle {
	margin-top: 30px;
}

.cajaProducto .detalle a {
	color: #FFF;
}

.cajaProducto .imagenProducto {
	
}
.cuadrarDestacadoProducto .imagenProducto {
	height: 200px !important;
	text-align: center;
}

.cajaProducto:hover {	
	transition: all 0.5s ease-out 0s;
	filter: brightness(105%);
}



.rectangulo{
	position: absolute;
	width: 600px;
	height: 500px;
	background-color: var(--colorSecundario);
	margin-left: -100px;
	margin-top: -100px;
}

.contenidoIzq{
	z-index: 10;
	padding-left: 150px;
}

.contenidoDer{
	z-index: 9;
	position: absolute;
	padding-left: 30px;
}


.cajaProducto .tituloProducto {
	margin-top: 5px;
	font-size: 1.15em;
	/*font-weight: bold;*/
	line-height: 1em;
	height: 65px;
	overflow: hidden;
	
}

#owl-destacados .tituloTipoProducto {
	color: black !important;
}

#owl-destacados .cajaProducto {
	background-color: none !important;
	padding: 0px 15px;
}

.cajaProducto .tituloTipoProducto {
	margin-top: 5px;
	font-size: 1em;
	line-height: 15px;
	color: #555;
	/*text-transform: uppercase;*/
}

#owl-destacados .cajaProducto .tituloTipoProducto {
	font-size: 0.9em;
}

#owl-destacados .owl-item, #owl-destacados .item{
	text-align: center !important;
}
.owlMarca{
	text-align: center;
	max-width: 150px;
}
.owlMarcaNombre{
	padding-top: 5px;
}

.destacadoLimitado{
	height: 520px;
	overflow: hidden;
}

.destacadoImagenLimitado{
	height: 500px;
	overflow: hidden;
}

.sobrecaja {
	position: absolute;
	right: 0;
	top: 5px;
	/*font-size: 1.2em;*/
	z-index: 99;
}

.anchopequeno {
	width: 20%;
}

.anchopequeno .sobrecaja {
	font-size: 0.75em;
}

.vermaspro {
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em;
}

.vermaspro a {
	background-color: #DDD;
	border-radius: 113px 113px 113px 113px;
	-moz-border-radius: 113px 113px 113px 113px;
	-webkit-border-radius: 113px 113px 113px 113px;
}

.descuento, .posibleCupon {
	float: left;
	padding: 5px 10px;
	color: #FFF;
	background-color: #d14e40;
	border-radius: 113px 113px 113px 113px;
	-moz-border-radius: 113px 113px 113px 113px;
	-webkit-border-radius: 113px 113px 113px 113px;
	width: auto;
}

.posibleCupon {
	background-color: #9fc613;
}

.anchopequeno .tituloProducto {
	font-size: 0.9em;
	height: 50px;
}

.cajaProducto .color {
	font-size: 0.9em;
	margin-bottom: 5px;
}

.cajaProducto .referencia {
	font-size: 0.9em;
	margin-top: 0px;
	color: #999;
}

.caja-cantidad {
	width: 60%;
	text-align: right;
}

.cajaSimple {
	min-height: 130px;
}

.cajaSimple .caja-cantidad, .cajaSimple .caja-add {
	width: 100% !important;
	text-align: center;
}

.cajaSimple h4 {
	height: 35px;
}

.caja-add {
	width: 40%;
	text-align: left;
	padding-left: 3px;
}

.caja-add input {
	padding-right: 10px;
	padding-left: 10px;
}

.contenedorCaja {
	padding: 5px 10px;
}

.botonadd, .botonuni {
	position: relative;
	float: left;
	width: 33% !important;
	text-align: center;
}

.botonuni {
	border: 0px;
	background-color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-top: 5px;
}

/**Animaciones */
.aparecer, .aparecerIzquierda, .aparecerDerecha, .contenidoAnimar h3 {
	opacity: 0;
}

.anchonormal input[type="text"] {
	max-width: 30px !important;
	padding: 2px 2px;
}

.anchonormal, .anchohome{
	padding: 10px 20px;
	text-align: center;
}

.anchohome{
	width: 20%;
}

#referenciaProducto {
	font-size: 1.2em;
	color: #999;
}

.cajaProducto .subtitulo {
	font-size: 0.9em;
	margin-top: 3px;
	height: 25px;
	color: var(--colorGrisF);
}

.cajaProducto .tituloProducto a {
	color: #444;
}

.cajaProductoFondo{
	/*background-color: #f5f9fa;*/
	/*padding: 20px 15px;*/
	
	height: 100%;
}

.cajaProducto .marca {
	text-transform: uppercase;
	font-size: 0.7em;
	margin-top: 13px;
	color: #747474 !important;
}

.verProducto {
	position: absolute;
	bottom: 0px;
	width: 100%;
	opacity: 0;
}

.cajaProducto:hover .verProducto {
	opacity: 1;
}

.botonaddwish {
	padding-top: 7px;
}

.divIcoLinea img{
	width: 50px;
}

.wishlist {
	background: none repeat scroll 0 0 #000000;
	border-bottom: 4px solid #000000;
	border-radius: 9px;
	color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 30px;
	height: 27px;
	padding-top: 3px;
}

#mailEnviado {
	display: none;
	color: #000000;
	font-weight: bold;
	padding: 5px 9px;
	font-size: 1.2em;
}

.cart {
	background: none repeat scroll 0 0 #009FE2;
	border-bottom: 4px solid #009FE2;
	border-radius: 9px;
	color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 30px;
	height: 25px;
	padding-top: 5px;
}

.boton, .botonbuscar, .boton2, .boton3, .boton4, .botonVer, .botonSlider, .botonCarrito, .botonGris {
	background: none repeat scroll 0 0 var(--colorSecundario);
	border: 1px solid var(--colorSecundario);
	color: var(--colorBlanco);
	padding: 8px 10px;
	cursor: pointer;
	transition: all 0.5s ease-out 0s;
	text-align: center;
}

a.boton{
	color: var(--colorBlanco) !important;
}

.boton, .botonbuscar, .boton2, .boton3, .botonCarrito {
	/*
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	transition: all 0.5s ease-out 0s;
	*/
	
}

.boton2{
	background-color: #FFF !important;
	color: var(--colorPrincipal) !important;
	border: 1px solid var(--colorPrincipal);
	
}
.cajaProducto .boton2{
	font-size: 0.9em;
}
a.boton2, .boton2 a{
	color: var(--colorPrincipal) !important;
	border: 1px solid var(--colorPrincipal);
}
.boton2:hover {
	opacity: 0.7;
	transition: all 0.5s ease-out 0s;
}

.boton:hover, .botonbuscar:hover, .botonSlider:hover {
	opacity: 0.6;
	transition: all 0.5s ease-out 0s;
}
.boton3:hover{
	opacity: 0.7;
	transition: all 0.5s ease-out 0s;
}
.boton4:hover{
	opacity: 0.7em;
	/*background-color: var(--colorSecundario);*/
	transition: all 0.5s ease-out 0s;
}

.botonSlider{	
	border: 1px solid var(--colorSecundario) !important;
	background: var(--colorSecundario);
	color: var(--colorBlanco) !important;
	/*font-size: 1.1em;*/
}

.botonSinFondo{
	background: none !important;
}
.botonGris{
	border: 1px solid #EDEDED;
	color: #000 !important;
}

.botonCarrito{
	background-color: #d31981;
	border: 1px solid #d31981;
	padding: 3px 3px;
	
}
.botonCarrito, .botonCarrito a{
	color: #FFF !important;
}

.botonAdmin .boton, .botonAdmin .botonbuscar, .botonAdmin .boton2,
	.botonAdmin .boton3 {
	height: auto;
}

.botonVer {
	background: none repeat scroll 0 0 #d31981;
	border: 1px solid #d31981;
	font-size: 0.9em;
}

.botonVer:hover {
	opacity: 0.8;
	transition: all 0.5s ease-out 0s;
}

.botonVer, .botonVer a {
	color: #FFF !important;
}

.botonbuscar {
	width: 100%;
}

.boton3 {
	border: 1px solid var(--colorSecundario) !important;
	background: none !important;
	color: var(--colorSecundario) !important;
	
	/*background: linear-gradient(90deg, #f36853 30%, #f9951d 90%);*/
	 
	
}
.boton4 {
	border: 1px solid #FFF !important;
	background: none;
	color: #FFF;
	padding: 5px 5px 5px 5px !important;
}
.boton4, .boton4 a{
	color: #FFF;
}

.boton3, .botonSlider{
	padding: 15px 15px 15px 15px !important;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.seccionFullHome .boton {
	border: 1px solid #FFF !important;
	color: #FFF;
	background-color: inherit !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.botonTransparenteBlanco:hover{
	border: 1px solid #FFF !important;
	color: #FFF;
	background-color: transparent;
}
a.botonTransparenteBlanco:hover{
	color: #FFF !important;
}

.botonbuscar {
	height: 40px;
	padding: 6px 35px 5px 40px;
}

.informacion {
	position: absolute;
	padding: 4px 20px;
	z-index: 50;
	min-height: 300px;
	
}

/*.wishlist:hover,*/
.cart:hover, .detalleCompra:hover {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #FFF;
	text-align: center;
	color: var(--colorPrincipal) !important;
	transition: all 0.5s ease-out 0s;
}

.marca {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 0px;
	color: #747474 !important;
}

.marca a {
	color: #747474 !important;
}

.marcaMiniatura {
	height: 70px !important;
	display: inline-block;
	padding: 10px 10px;
	width: 120px;
}

.cajaProducto .resumen {
	margin-top: 20px;
	line-height: 12px;
}

.precio {
	font-size: 1.2em;
	/*font-weight: bold;*/
	line-height: 1em;
	/*height: 60px;*/
}

/*Para los decimales*/
.precioMini {
	font-size: 0.8em;
}
.precioIva, .precioIva a {
	font-size: 0.9em;
	color: #AAA;
}

.precioDetalle {
	/*
	position: relative;
	float: right;
	
	margin-top: 10px;
	
	width: 250px;
	*/
	margin-right: 20px;
	font-size: 2em;
}

.comprarDetalle {
	/*
	position: relative;
	float: right;
	margin-left: 30px;
	*/
	width: 100%;
	margin-top: 10px;
}

.detalleCompra {
	float: left;
	text-align: center;
	margin-top: 10px;
}

.menuCompra {
	padding-bottom: 20px;
	/*border-bottom: 1px solid #e6e6e6;*/
	margin-bottom: 10px;
}

.comprobamosStock {
	position: relative;
	float: left;
	padding: 13px 9px;
}

.siStock {
	color: #8CD15C;
}

.noStock {
	color: #E73D2C;
}

.preciosIva {
	font-size: 0.9em;
}

/* ------------------------------------------ */
.pagar {
	margin-top: 10px;
	background-color: #EFEFEF;
	width: 300px;
	height: 40px;
}

.pagarTachado {
	margin-top: 10px;
	text-decoration: line-through;
	font-size: 0.8em;
}

.precioGrande {
	font-size: 1.4em;
	color: #111;
	font-weight: bold;
}

.precioMedio {
	font-size: 1.0em;
}

.precioNormal {
	font-size: 1.1em !important;
	/*color: var(--colorTercero);*/
	/*font-weight: bold;*/
}

.precioOferta{
	color: var(--colorSecundario);
}

.tachado {
	text-decoration: line-through;
	font-size: 0.9em;
	color: red;
}

.tachado span {
	color: #000;
}

.apartadosProducto {
	font-size: 1.3em;
}

.nombreProducto {
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.enlaceConImg {
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 30px;
	background-position: 5px 5px;
}

.soloImg {
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 30px;
	background-position: 5px 5px;
	color: #A4A5AA;
}

.entradaMapa {
	margin-top: 6px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;
	padding: 4px 9px;
	color: #222;
	background-color: #F8F8F8;
}

.entradaMapaT {
	margin-top: 5px;
	margin-left: 20px;
}

.pagoDerecha {
	border-left: 1px solid #DDD;
	padding-left: 30px;
}

td.nombreColor {
	font-size: 9px;
	text-align: center;
}

tr.rowGris {
	background-color: #CCCCCC;
}

tr.rowBlanca {
	background-color: #FFFFFF;
}

.opcionesMenu {
	width: 100%;
	text-align: right;
	margin-top: -65px;
	margin-right: 10px;
}

#cerrarMenu {
	
}

#abrirMenu {
	display: none;
	margin-top: 10px;
	z-index: 90;
}

.abre {
	overflow: visible;
	min-height: 100px;
}

.cierra {
	overflow: hidden;
	transition: all 0.5s ease-out 1s;
}

.noVisibleMovil {
	display: block;
}
.noVisiblePc {
	display: none;
}

.novisible, .novisibleEspecial, .noVisible {
	display: none !important;
	transition: all 0.5s ease-out 0s;
}

.visible {
	display: block !important;
}

.ancho0 {
	width: 0px;
	transition: all 0.5s ease-out 0s;
	overflow: hidden;
}

.ancho100 {
	width: 100%;
	transition: all 0.5s ease-out 0s;
}

.descripcionTipo {
	width: 100%;
	display: inline-block;
}

.descripcionTipo img {
	width: 100%;
}

/* DETALLE DE PRODUCTO */
.producto_detalle .precioCarrito {
	background-color: #DEDEDE;
	width: 40px;
	margin-left: 50px;
	margin-top: 10px;
}

#producto_descripcion {
	position: relative;
	float: left;
	/*background-color: #000;*/
	width: 600px;
	/*height: 500px;*/
	height: 100%;
	padding-left: 60px;
}

#producto_separador {
	position: relative;
	float: left;
	width: 5px;
	height: 500px;
	z-index: 10;
}

#producto_carrusel {
	/*
	position: relative;
	float: left;
	height: 100%;
	*/
	
}

#producto_carrusel img {
	width: 100%;
}

#producto_imagenes {
	position: relative;
	float: left;
}

.producto_imagen {
	position: relative;
	float: left;
}

.producto_imagen_sin {
	position: relative;
	float: left;
	/*width: 120px;*/
}

#producto_descripcion .tipo {
	font-size: 1.6em;
}

#producto_descripcion .nombre {
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 25px;
}

/** Propducto escaparate*/
.seccionProductoImagenes {
	background-color: #4c4c4c;
}

.productoFondo {
	background-image: url("imagenes/propias/bg-producto.png");
	padding: 50px 50px;
	height: 1000px;
}

.center, #div-imagen-principal {
	text-align: center;
}

.productoImagenPrincipal {
	padding: 50px;
	padding-left: 200px;
	padding-right: 100px;
}

.productoImagenPrincipal img, .productoImagenMiniaturas img {
	width: 90%;
}

.productoImagenMiniaturas {
	padding-left: 50px;
}

.productoImagenMiniatura {
	padding-bottom: 30px;
}

/* FORMULARIO CARRO ADD */
.precioCuadro {
	position: relative;
	margin-top: 15px;
	width: 150px;
	height: 50px;
	padding-left: 30px;
}

div.precioMueve {
	position: relative;
	height: 50px;
	vertical-align: middle;
	z-index: 5;
}

div.precioSubmit {
	top: -10px;
	position: relative;
	height: 20px;
	background-color: #DEDEDE;
	color: #000;
	width: 80px;
}

div.comprarSubmit {
	padding-top: 2px;
	color: var(--colorPrincipal);
}

div.gramaje {
	
}

/* FICHAS DE PRODUCTO */
#link_datos {
	margin-top: -5px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}

#link_datos ul {
	list-style-type: none;
	padding: 10px;
}

#link_datos li {
	display: inline;
	background-color: #DDD;
	padding: 5px 9px;
}

#link_datos li:hover {
	display: inline;
	background-color: #727272;
	padding: 5px 9px;
}

/* ANIMACIONES CAJA_PRODUCTO */
.productoNormal {
	position: absolute;
	top: 0;
	text-align: center;
	height: 100%;
	width: 100%;
}

.productoOpaco {
	position: absolute;
	top: 0;
	display: none;
	padding-top: 60px;
	vertical-align: middle;
	text-align: center;
}
/* MENU HORIZONTAL*/

.seccionHorizontal, .seccionNormal{
	height: 40px;
	padding: 10px 2px;
	text-align: center;
	background-color: #d31981 !important;
	color: #FFF;
	width: 14.2%;
	font-size: 0.9em;
}
.menuHorizontal{
	height: 40px;
	background-color: var(--colorSecundario); 
}
.seccionNormal{
	background-color: var(--colorSecundario) !important;
}
.seccionHorizontal a, .seccionNormal a{
	color: #FFF !important;
}
.seccionTablas{
	position: absolute;
	top: 40px;
	
	display: none;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 20px 20px;	
}

.lineaHorizontal{
	font-size: 1em;
	margin-bottom: 5px;
		
}
.lineaHorizontal a{
	color: #333 ;
}

.tipoHorizontal a{
	color: #AAA !important;	
	font-size: 0.8em;
}
.tipoHorizontal a:hover{
	color: #CCC;
}

/* NOVEDADES*/
#novedades {
	
	vertical-align: middle;
	padding: 20px 0px;
}

#novedades .novedad {
	
	height: 100px;
	display: inline-block;
	padding-right: 10px;
	text-align: left;
	margin-bottom: 20px;
	overflow: hidden;
}

.novedad .novedadImagen {
	width: 33%;
}

.novedad .novedadImagen img {
	width: 100%;
}

.novedad .novedadContenido {
	width: 67%;
	padding-left: 5px;
}

.novedad .nombre {
	color: #222 !important;
}

.novedad .marca {
	color: #000000 !important;
	margin-top: 5px;
	width: 70%;
}

.novedad .precionovedad {
	width: 100%;
	text-align: left;
}

.novedad .separador {
	margin-top: 5px;
}

/* MINIATURAS MISMO TIPO */
#miniaturas {
	text-align: center;
	/*margin: 10px 10px;*/
	/*border: 1px solid #DDD;*/
	padding: 4px;
	margin-top: 5px;
	/*background-color: #220904;*/
}

#miniatura {
	position: relative;
	float: left;
	width: 105px;
	text-align: center;
	margin-left: -10px;
}

#miniatura .descripcion {
	display: none;
}

#miniatura .tipo {
	font-weight: bold;
	text-transform: uppercase;
}

#miniatura .nombre {
	margin-top: 3px;
	text-transform: uppercase;
}

.enlaceEspecial {
	color: var(--colorSecundario) !important;
}

.enlaceGris{
	color: #777 !important;
}

.enlaceGrisClaro{
	color: #AAA !important;
}


/* ********************* REDES SOCIALES ***********/
.wasap{
	position:fixed;
	right:10px;
	bottom:10px;
	text-align:center;
	padding:3px;
	z-index: 111100000;
}

.redes {
	
}

.redes:hover img {
	opacity: 0.7;
}

.back {
	vertical-align: middle;
	margin-top: 15px;
}

.formulario {
	font-size: 1em;
	line-height: 1em;
	
}

.formulario .lineaFormulario, .formulario .lineaFormularioC, .formulario .lineaFormulario2
	{
	/*text-transform: uppercase;*/
	margin-top: 15px;
	text-align: left;
}

.formulario .lineaFormularioC {
	/*text-transform: uppercase;*/
	text-align: center;
	width: 670px;
}

.formulario .lineaFormularioMini {
	font-size: 0.95em;
	/*text-transform: uppercase;*/
	margin-top: 10px;
	text-align: left;
}

.formulario .lineaInputFormulario {
	margin-top: 5px;
	text-align: left;
}

.formulario .lineaInputFormularioMini {
	text-align: left;
	font-size: 0.95em;
}

.formulario input, .formulario select, .formulariofull input,
	.formulariofull select, .botonFormulario {
	/*border: 1px solid #DEDEDE;*/
	padding: 5px 20px;
	height: 50px;
	/*color: #333333;*/
}

.botonFormulario{
	padding-top: 12px;
	font-size: 25px;
}

input[type="date"] {
	padding: 5px 0px;
}

.formulario input[type="image"] {
	padding: 0px 0px;
	height: auto;
	
}
/*
.formulario input[type="text"], .formulario select, .seccionFullHome input[type="text"]{
	color: #777 !important;
}
*/
.formulariofull input, .formulariofull select {
	width: 100%;
}

.formulario textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #DEDEDE;
}


.limitado{
	max-width: 100px !important;
}
.limitadoMini{max-width: 80px !important;}
.limitadoMax{max-width: 120px !important;}
.limitadoPro{max-width: 250px !important;}
.limitadoUd{max-width: 50px !important;}

.promociones{
	background-color: var(--colorSecundario);
	padding: 20px 20px;
	color: #FFF;
}
.promociones a{
	color: #FFF;
}


.cuadralo {
	width: 160px;
}

.imagenFormulario:hover {
	cursor: pointer;
}

.filtro {
	font-size: 1.4em;
	/*font-weight: bold;*/
	color: #000000 !important;
}

.filtroMigas {
	font-weight: bold;
	width: 40px;
}

.filtroColumna {
	margin-left: 10px;
	width: 140px;
	text-align: left;
}

/* CESTA DE LA COMPRA -------------------------- */
.formulario .headCesta {
	font-size: 1em;
	/*text-transform: uppercase;*/
	position: relative;
	float: left;
	text-align: center;
}

.formulario .contenidoCesta, .formulario .contenidoCestaL {
	font-size: 1em;
	position: relative;
	float: left;
	min-height: 90px;
	text-align: center;
	margin-top: 30px;
	padding-left: 5px;
}

.formulario .contenidoCestaL {
	text-align: left;
}

.procesoCompra {
	padding-right: 100px;
}

.contenidoSinMargen {
	margin-top: 0px !important;
}

.formulario .descuentoCesta {
	height: 40px !important;
}

.cestaIndice {
	font-size: 2em;
}

.contenidoCesta .titulo {
	font-size: 1.1em;
	color: #000;
}

.contenidoCesta .subtitulo {
	font-size: 1em;
}

.cestaPrecio, .cestaPrecioBase {
	margin-top: 5px;
	font-size: 1.4em;
	color: #444;
	font-weight: bold;
}

.cestaPrecioBase {
	font-weight: normal;
	font-size: 1.1em;
}

.contenidoCesta input, .inputCesta {
	font-size: 1em;
	text-align: center;
}

.cestaEliminar {
	margin-top: 6px;
}

.contenidoTotalCesta {
	font-size: 0.95em;
	background-color: #EEE;
	color: #444;
	padding: 4px 9px;
	width: 100%;
}

.importeTotalCesta {
	font-size: 1.5em;
	color: #000;
}

.lineaCompra {
	margin-bottom: 20px;
}

/**--------------------------------------*/
.mensajePersonalizado {
	width: 100%;
	padding: 10px 5px;
	color: #FFF;
	margin-top: -2px;
}

.mensajePersonalizadoTexto {
	padding-top: 5px;
	padding-left: 10px;
}

.mensajeNewsletter {
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 1.5em;
}

.partidos {
	padding: 0px 20px;
}

.enlaceUtilidad {
	text-align: center;
	width: 230px;
	height: 250px;
}

.tituloUtilidad {
	margin-top: 15px;
	color: var(--colorPrincipal);
}

.despacho {
	text-align: left;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url('imagenes/propias/oficinas.jpg');
	background-repeat: no-repeat;
	padding: 50px 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFF;
	background-attachment: fixed;
	background-position: center;
}

.imagentitulo {
	text-align: left;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
		url('imagenes/propias/bg-prueba.png');
	background-repeat: no-repeat;
	padding: 50px 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFF;
	background-position: center;
	height: 100px;
	width: 100%;
}

.contacto {
	text-align: left;
	min-height: 400px;
	width: 100%;
}

.datosContacto {
	text-align: right;
	padding-left: 50px;
}

.gris a {
	color: #FFF !important;
}

.gris img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.gris .titulo {
	line-height: 1.6em;
	font-size: 1.1em;
	padding-right: 60px;
}

.gris .titulo h2 {
	font-size: 2em;
	color: #FFF;
}

.gris .grisTexto {
	padding-top: 15px;
}

.iconosDespacho {
	padding-top: 30px;
	padding-left: 50px;
}

#registroNewsletter {
	width: 500px;
	height: 500px;
	overflow: auto;
}

.cabeceraNewsletter {
	color: #FFF;
	font-size: 1.5em;
	padding: 10px 20px;
	padding-left: 0px;
}

.confirmarPago {
	margin-top: 15px;
	margin-bottom: 30px;
}

.deletecupon {
	padding: 2px 2px;
	background-color: rgba(233, 83, 83, 0.3);
}

/* ----------------------------------------------- */
.platosAdmin .cajaProducto {
	height: 350px;
}

/* Slider adaptado */
#owl-slider {
	position: relative;
	width: 100%;
	height: auto;
	/* PAra ponerlo a la misma altura*/
	/*
	top: -160px;
	margin-bottom: -160px;
	*/
	
	/*background-color: #18181f;*/
	/*background: url("imagenes/propias/bg-slider.jpg") no-repeat;*/
	background-position: right;
}

#owl-slider .item img, #owl-slider .item video {
	display: block;
	width: 100%;
	height: auto;
}

#owl-miniaturas .item img {
	width: 80% !important;
}

.owl-controls {
	text-align: center;
}

#owl-miniaturas .owl-controls {
	margin-top: 5px;
}

#owl-opiniones .owl-controls, #owl-servicios .owl-controls {
	margin-top: 20px;
	display: block !important;
}

/*INTRO INDEX ------------------------*/
.seccion, .seccionIndex, .seccionProducto {
	width: 100%;
	padding: 30px 0px;
}
.seccionIndex{
	
}

.seccionGris{
	background-color: #FCFCFC;
	padding: 30px 0px;
}
.seccionIndexSubir {
	margin-top: -30px;
}

.seccionProducto {
	height: 555px;
}

.seccionIndex img {
	max-width: 100%;
}

.introIndex {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.introIndexPD {
	padding-left: 20px;
}

.introIndex .titulo {
	text-align: left;
	color: #333;
	border-bottom: 3px solid #000000;
	text-transform: uppercase;
	font-size: 0.9em;
}
/* LATERAL RESPONSIVE*/
#responsiveCerrar {
	width: 100%;
	text-align: right;
	padding-right: 30px;
}

#responsiveEnlace {
	margin-top: 25px;
	padding: 10px 20px;
}

.responsiveEnlace-fixed {
	margin-top: 5px !important;
}

#responsiveMenu {
	position: absolute;
	z-index: 2147483649;
	width: 0%;
	height: 200%;
	overflow: hidden;
	top: 0;
	color: var(--colorPrincipal);
	text-transform: uppercase;
}

.fancybox-overlay {
	z-index: 2147483650 !important;
}

#responsiveMenu a {
	color: var(--colorPrincipal);
}

#responsiveMenu ul {
	list-style-type: none;
	padding-left: 0px;
}

#responsiveMenu>li {
	padding-left: 10px;
}

#responsiveMenu li {
	border-bottom: 1px solid #DDD;
}

#blanco {
	position: relative;
	float: left;
	height: 200%;
	width: 300px;
	background-color: #FFF;
	padding: 15px 0px;
}

#negro {
	position: absolute;
	width: 100%;
	height: 200%;
	background: #222;
	filter: alpha(opacity = 50); /* internet explorer */
	-khtml-opacity: 0.5; /* khtml, version anterior de safari */
	-moz-opacity: 0.5; /* firefox, mozilla, netscape */
	opacity: 0.5; /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.responsiveCerrado {
	display: none;
}

.responsiveSeccion {
	
}

.responsiveLinea {
	background-color: #EFEFEF;
}

.responsiveEntrada, .enlaceLinea {
	padding: 10px 5px;
	font-size: 1.1em;
	cursor: pointer;
	padding-left: 15px;
	width: 100%;
	background-color: #FDFDFD;
}

.responsiveEntrada {
	font-weight: bold;
	font-size: 1.3em;
	border-bottom: 1px solid #DDD;
}

.enlaceLinea {
	border-bottom: 1px solid #DDD;
}

.enlaceTipo {
	padding: 5px 10px;
}

.enlaceLateral {
	color: var(--colorPrincipal) !important;
}

/* DESTACADOS --------------------------------------*/
.destacadoIndex {
	position: relative;
	float: left;
	width: 25%;
	padding-right: 20px;
}

.cajaTipo {
	padding: 0px 10px;
	width: 100%;
}
/* minis debajo del slider */

.destacadosBanner{
	margin: auto;
	width: 70%;
	/*margin-top: -100px;
	margin-bottom: 40px;*/
}

.destacadosBanner{
	padding-right: 10px;
}


.destacamosItem, .destacamosItemAltura{
	height: 350px;
	overflow: hidden;
	padding: 20px 20px ;
	text-align: center;
	transition: all 0.5s ease-in-out 0s;
}

.destacamosItem:hover{
	transition: all 0.5s ease-in-out 0s;
	padding: 10px 10px;
}

.destacamosItem:hover .destacamosItemAltura{
	transition: all 0.5s ease-in-out 0s;
	padding: 30px 30px;
}

.minidestacado {
	position: relative;
	background-color: #FFF;
	border: 1px #EEE solid;
	color: var(--colorPrincipal);
	border-radius: 15px;
	max-width: 400px;	
}
.minidestacado i{
	color: var(--colorSecundario);
}
.minidestacado:hover {
	background-color: var(--colorSecundario);
	color: #FFF;
}
.minidestacado:hover i {
	color: #FFF;
}

.minidestacado .imagenminides{
	padding-top: 15px;
}

.minidestacado:hover .imagenminides{
	transition: all 0.5s ease-in-out 0s;
	padding-top: 0px !important;
	padding-bottom: 15px;
	
}
/*
.minidestacado:hover, .miniseleccionado{
	background-color: var(--colorSecundario);
	border: 1px solid var(--colorSecundario);
	transition: all 0.5s ease-in-out 0s;
}
.minidestacado:hover img, .miniseleccionado img{
	-webkit-filter: invert(0.9);
	filter: invert(0.9);
}


.minidestacado:hover h4, .minidestacado:hover a, .miniseleccionado h4, .miniseleccionado a{
	color: #FFF;
}

.minidestacado:hover {

}
*/
.minidestacado img{
	width: 85px;
}


.minidestacado .altura{
	height: 250px;
	overflow: hidden;
	padding: 20px 20px;;
}

.minidestacado h3{
	font-weight: 600;	
}
.minidestacado .subtitulo{
	padding-top: 5px;
	/*font-weight: 200;*/
}


.sliderDestacado{
	height: 240px;
	overflow: hidden;
	margin-bottom: 20px;
}
.sliderDestacadoGrande{
	height: 360px;
	overflow: hidden;
}

.destacadoHorizontal{
	height: 150px;
	overflow: hidden;
}

.sliderDestacado img{
	/*height: 220px !important;*/
}

.destacadoContenedor{
	position: absolute;
}


.destacadoTitulos{
	position: relative;
	color: #FFF;
	padding: 30px 30px;
	
}
.destacadoTitulo{
	font-size: 2em;
	font-weight: bolder;	
	margin-top: -10px;
}
.destacadoSubtitulo{
	font-size: 1.2em;
	
}

/*-------------------------------------------*/
.seccionActualidad{
	
}
.seccionActualidad h2{
	color: #111;
}

.seccionFullHome{
	padding: 35px 20px;   
	 background-size: inherit 100%;
	
}
.seccionFullHome, .seccionFullHome a, .seccionFullHome h2{
	color: #FFF;
}

.seccionFullHome h2{
	font-size: 3em;
	font-weight: lighter;
}

.destacadoIndex img, .estiloTipo img {
	width: 100%;
}

.cuadrarDestacadoProducto{
	height: 250px;
	overflow: hidden;
}
.destacadoIndex{
	
	padding-right: 10px;
}
.destacadoIndex, .destacadoIndex .imagen, .destacadoIndex .texto{
	height: 205px;
	overflow: hidden;
}
.destacadoIndex .imagen{
	position: absolute;
	z-index: 111;
	width: 90%;
	
}
#imgfoot{
	position: absolute;
	width: 25%;
	top: 50%;
}

/* Capa de solo imagen*/
.destacadoIndex .texto{
	display: none;
	position: absolute;
	text-align: left;
	width: 90%;
	color: #FFF;
	z-index: 99999;
	padding: 20px 20px;
}

.contenidoDestacado{
	background-color: var(--colorSecundario);
}

.destacadoIndex:hover .texto{
	transition: all 0.5s ease-in-out 0s;
	display: block;	
}

/* destacados inicio-------------------------------------------------*/
.destacadoIni {
	position: relative !important;
	float: left;
}

.imagenIni {
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.imagenIni img {
	opacity: 0.6;
}

.destacadoIni:hover .imagenIni img {
	opacity: 0.3;
}

.contenidoIni {
	/*background-color: rgba(19, 10, 4, 0.7);*/
	z-index: 10;
	min-height: 240px;
	width: 100%;
	vertical-align: middle;
	padding-right: 50% !important;
}

.contenidoIni:hover {
	background-color: rgba(19, 10, 4, 0.2);
	transition: all 0.5s ease-out 0s;
}

.tituloIni {
	padding-top: 30px;
}

.tituloIniCorto {
	padding-top: 30px;
}

.tituloIni h2 {
	color: #000000;
	font-size: 1.6em;
	font-weight: bold;
}

.subtituloIni {
	color: #000;
	padding-top: 20px;
}

/*   SLIDER ---------------------------------------*/
#sliderContainer {
	width: 760px;
	height: 400px;
	position: relative;
	margin: 0 auto;
	margin-left: 20px;
}

.slideContent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 20px 10px;
	opacity: 0.8;
}

.slide h3 {
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	text-transform: uppercase;
}

.slide p {
	color: #F9E59E;
	font-size: 30px;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	text-transform: uppercase;
}

.jFlowSlideContainer {
	overflow: hidden;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
	font-style: italic;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext {
	background: url("slider/images/arrows.png") no-repeat scroll 0 -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev {
	background: url("slider/images/arrows.png") no-repeat scroll -84px -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev:hover {
	background-position: -84px -235px;
}

.jFlowNext:hover {
	background-position: 0px -235px;
}

/* controller pagination */
#myController {
	position: absolute;
	top: 5px;
	right: 5px;
}

.jFlowControl {
	background: url("slider/images/bullet.png") no-repeat scroll 0px 0px
		transparent;
	float: left;
	width: 15px;
	height: 15px;
}

.jFlowControl:hover {
	background-position: -32px 0px;
	cursor: pointer;
}

.jFlowSelected, .jFlowSelected:hover {
	background-position: -15px 0px;
}
/* ------------------------------------------------*/

/*   SLIDER PRODUCTO ---------------------------------------*/
#sliderContainer2 {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

.sliderBackgroundProduct {
	
}

.jFlowSlideContainer {
	overflow: hidden;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
	font-style: italic;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext {
	background: url("slider/images/arrows.png") no-repeat scroll 0 -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev {
	background: url("slider/images/arrows.png") no-repeat scroll -84px -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev2:hover {
	background-position: -84px -235px;
}

.jFlowNext2:hover {
	background-position: 0px -235px;
}

/* controller pagination */
#myController2 {
	position: absolute;
	top: 10px;
	right: 10px;
}

.jFlowControl {
	background: url("slider/images/bullet.png") no-repeat scroll 0px 0px
		transparent;
	float: left;
	width: 15px;
	height: 15px;
}

.jFlowControl:hover {
	background-position: -32px 0px;
	cursor: pointer;
}

.jFlowSelected, .jFlowSelected:hover {
	background-position: -15px 0px;
}
/* ------------------------------------------------*/

/* Desplegable*/
#desplegable {
	padding-top: 0px !important;
	color: #8F8B86;
	text-transform: none !important;
	z-index: 30;
	width: 118px;
}

#desplegable li {
	margin-top: 0px;
	padding-top: 4px;
	height: 16px;
	position: relative;
}

#desplegable li a {
	color: #8F8B86;
}

#desplegable li:hover {
	color: #000;
}

#desplegable li li {
	margin-top: 0px;
	width: 142px;
	background-image: url('imagenes/propias/sombra-brands.png');
	height: 16px;
	margin-left: 30px;
	padding-bottom: 5px;
}

/* amagar submenus*/
ul.menu_color {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

ul.menu_color ul { /* Para todos los ul debajo del ul.menu */
	display: none;
	list-style: none;
	margin-left: -43px;
	padding-top: 5px;
	width: 145px;
	background-image: url('imagenes/propias/sombra-brands.png');
}

/* mostrar submenus quan fas hover al li corresponent*/
ul.menu_color li:hover>ul {
	display: block;
	background-image: url('imagenes/propias/sombra-brands.png');
}

/* CARRITO */
#resumenCarrito {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 225px;
	height: 65px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

#resumenCarrito .flecha {
	position: relative;
	float: left;
	background-image: url(imagenes/propias/flecha-resumen.png);
	background-repeat: no-repeat;
	margin-top: 18px;
	height: 20px;
	width: 120px;
	font-size: 1.2em;
	padding-left: 10px;
	color: #FFF !important;
}

.flecha a {
	color: #FFF !important;
}

.total {
	margin-top: 5px;
	color: #444;
}

.totalGrande {
	margin-top: 5px;
	color: #444;
	font-size: 1.1em;
	font-weight: bold;
}

.totalR {
	margin-top: 5px;
	color: #444;
	text-align: right;
}

.tablaProductos {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 5px;
}

.tablaListado, .tablaContenedor {
	width: 100%;
}

.tabladescuento {
	text-align: right;
	font-size: 1.4em;
}

.textoRojo, .totalRojo {
	color: red;
}

.textoNormal {
	color: inherit;
}

.importe {
	color: #B0A394;
	font-size: 1.5em;
}

.articulos {
	color: #999;
}

#manejoCarrito {
	position: relative;
	text-transform: uppercase;
}

#manejoCarrito .flechaPrev {
	position: relative;
	float: left;
	background-image: url(imagenes/propias/flecha-resumen.png);
	background-repeat: no-repeat;
	margin-top: 18px;
	color: #FFF !important;
	height: 40px;
	width: 170px;
	padding-left: 0px;
	font-size: 1.8em;
}

/* NOTICIAS */

.bgactualidad{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),  url("recursos_propios/bgnews.jpg");
	background-size: 120% auto;
	padding: 20px 0px;
}

.noticia {
	margin-bottom: 40px;
}

.noticiaIndex {
	
}

.noticiaImagen {
	
}

.noticiaIndex img {
	width: 100%;
}

.noticiaIndex .noticiaImagen {
	max-height: 130px;
	overflow: hidden;
}

.noticiaIndex .titulo {
	font-size: 1em;
	font-weight: bold;
	height: 45px;
}

.noticiaIndex .subtitulo {
	font-size: 1em;
	padding-top: 10px;
	font-weight: 200;
}

.noticiaImagen img {
	max-width: 100% !important;
}

.noticiaTexto {
	margin-top: 5px;
}

.indiceBlog {
	text-align: right;
}

.blogLista {
	list-style-type: none;
}

.blogLista li {
	padding-top: 3px;
}

.titulon {
	font-size: 1.3em;
	margin-bottom: 5px;
	font-weight: bold;
	min-height: 50px;
}

.titulon a {
	color: #000000;
}

.noticiaTexto .contenidon {
	position: relative;
	float: left;
}

.leermas {
	width: 20%;
	text-align: right;
	margin-top: -15px;
}

/* Menu Registro*/
#registroMenu {
	position: absolute;
	right: 0px;
	z-index: 100000;
	width: 0%;
	height: 200%;
	overflow: hidden;
	top: 0;
	color: #666;
}

#registroCerrar {
	width: 100%;
	text-align: right;
	padding-right: 30px;
}

#blanco {
	position: relative;
	float: right;
	height: 200%;
	width: 40%;
	background-color: #FFF;
	padding: 40px 50px;
	padding-left: 60px;
}

#negro {
	
}

.registroTitulo {
	padding-top: 50px;
}

.registroTitulo, .registroTitulo h2 {
	color: #222 !important;
	font-size: 2em;
}

.registroCerrado {
	display: none;
}

.mensajeLogin {
	background-color: #ffc4c4;
	padding: 15px 20px;
}

.alignLeft {
	text-align: left;
}

.label {
	padding-top: 12px;
	padding-left: 5px;
}

/* Cookies*/
#cookies {
	position: fixed;
	bottom: 0px;
	left: 0px;
	text-align: left;
	width: 100%;
	padding: 10px 100px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	z-index: 100;
}

.cookiesOpaca {
	display: none;
	background-color: #FFF;
	color: #333;
	line-height: 1.5em;
	font-size: 0.9em;
	
}

.botonAceptar, .botonRechazar, .botonAceptado, .botonRechazado{
	height: 30px;
	padding: 3px 10px;
	text-align: center;
	color: var(--colorPrincipal);
	background-color: #EEE;
	border: 1px solid var(--colorPrincipal);
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	transition: all 0.5s ease-out 0s;
}
.botonAceptado{
	color: #FFF;
	background-color: #009900;
	border: 1px solid #009900;
}
.botonRechazado{
	color: #FFF;
	background-color: #ff8080;
	border: 1px solid #ff8080;
}

.redondea{
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 1px solid #FFF;
	width: 35px;
	height: 35px;
	padding-top: 3px;
}

#subir {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 120;
}

#scrollTop {
	z-index: 100;
	opacity: 0;
	transition: all 0.2s ease-in-out 0s;
}
.ancla {
	text-align: center;
	width: 100%;
}

.paralelo, .paraleloMovil, .paraleloR, .paraleloDerecha {
	float: left;
	position: relative;
}


.paraleloR,.paraleloDerecha {
	float: right;
}

.mitad {
	width: 50%;
}

.absolute{
	position: absolute;
}

.productoNuevo {
	position: absolute;
	right: 10px;
	top: 5px;
	/*color: #042c5d; azul*/
	color: var(--colorPrincipal);
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}

.direccion {
	padding: 10px 10px;
	background-color: #EEE;
	margin-bottom: 20px;
	min-height: 130px;
	max-width: 400px;
}

.direccionParalelo {
	position: relative;
	margin-right: 10px;
}

.pasoPago {
	width: 33%;
	padding: 20px 0px;
	text-align: center;
	background-color: #EEE;
	color: #333;
}

.pasoPago a {
	color: #333;
}

.pasoSeleccionado {
	background-color: #CCC;
}

.imagenPaso {
	width: 33%;
}

#slider-responsive {
	display: none;
}

#welcome {
	/*position: absolute; right: 200px; top: 60px; text-align: right;*/
	
}

.micuentaTitulo {
	/*
	color: var(--colorPrincipal);
	font-size: 1.2em;
	padding: 4px 9px;
	border-bottom: 1px solid var(--colorPrincipal);
	*/
	padding: 10px 0px;
}

.separadorMicuenta {
	height: 40px;
	clear: both;
}

.recetaImagen {
	position: relative;
	float: left;
	width: 350px;
}

.recetaContenido {
	position: relative;
	float: left;
	width: 420px;
}

#recetaTitulo {
	margin-top: 15px;
	margin-bottom: 20px;
	font-style: italic;
	font-size: 0.9em;
	color: #333;
	text-align: right;
}

.recetaResumen {
	color: #555;
	font-style: italic;
	text-align: right;
}

.suma {
	width: 20%;
	font-size: 1.4em;
}

.lopd {
	font-size: 0.8em;
	text-align: justify;
	margin-bottom: 40px;
}

.captcha {
	font-size: 1.2em;
}

/* paginaci�n */
.paginacion {
	margin-top: 15px;
	float: right;
}

.botonCuadro {
	background: none repeat scroll 0 0 #FEFEFE;
	border: 1px solid var(--colorPrincipal);
	color: var(--colorPrincipal);
	width: 100%;
	padding: 4px 4px;
	cursor: pointer;
	margin-right: 2px;
}

.botonCuadro:hover {
	color: #FFF;
	background-color: var(--colorPrincipal);
}

.botonEspacio {
	margin-left: 3px;
}

.botonSeleccionado {
	background: none repeat scroll 0 0 #36BCED;
	border: 1px solid #36BCED;
	color: #FFF;
}

.identificate {
	max-width: 400px;
}

.identificate2 {
	width: 50%;
	padding-left: 50px;
}

.margen {
	padding-left: 100px;
}

.full {
	width: 100%;
}

.full img {
	width: 100%;
}

.fullimagen img {
	width: 100%;
}

.fondoAzul {
	background-color: #8597A3;
	color: #FFF;
}



.center {
	text-align: center !important;
}

/* Comentarios */
.comentarioFecha, .comentarioUsuario {
	background-color: #EFEFEF;
	padding: 5px 9px;
}

.comentarioFecha {
	font-style: italic;
	color: #444;
}

.comentarioUsuario {
	color: #888;
}

.comentarioTexto {
	padding: 9px 9px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
}

.margenI {
	padding-left: 20px;
}

.bordePago {
	border-left: 1px solid #DDD;
}

.bordeRojo {
	border: 1px solid red !important;
}

/** Tema tarjetas*/
.formaPagoDiv {
	padding: 10px 10px;
}

.formaPagoCabecera, .formaPagoDivLimitado {
	height: 50px;
	margin-bottom: 5px;
	background-color: #EEE;
}

.formaPagoDivLimitado {
	overflow: hidden;
}

.formasTodas input, .formasTodas select {
	font-size: 1.2em;
}

.formaPagoOculta, .avisoOculto {
	display: none;
}


/* Radio button*/
.container {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.32em;
	text-align: left;
	padding-left: 40px;
	padding-top: 5px;
}

/* Hide the browser's default radio button */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #000000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

.container2 {
	font-size: 0.9em;
	min-height: 30px;
	padding-top: 4px;
}

.container2 .checkmark {
	background-color: #EEE !important;
}

.container2 input:checked ~ .checkmark {
	background-color: #48b1ca !important;
}

.container2:hover input ~ .checkmark {
	background-color: #666;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
}
/**--------------------------------------------------------------*/
#dudas {
	
}

.outer-centrado {
	float: right;
	right: 50%;
	position: relative;
}

.inner-centrado {
	float: right;
	right: -50%;
	position: relative;
}

.transicion {
	display: none;
	z-index: 90;
	width: 100%;
}

#transicion {
	position: absolute;
}

.cargador {
	background: #fff url("imagenes/loading.gif") no-repeat center center;
}

.cargador img {
	display: none;
}

.carga {
	height: 0px;
	width: 0px;
}

#politicaMensaje{
	padding-top: 15px;
}

.bghome, .bghome2 {
	background-color: #f0f3f8;
	background: #f0f3f8 url("recursos_propios/bghome.jpg") no-repeat center right;
	/*padding: 30px 100px;*/
	background-position: center;
	/*Y le decimos que siempre ocupe el ancho y el alto con esto*/
	background-size: cover;
}

.bghome2 {
	background: var(--colorPrincipal) url("recursos_propios/bgcontacto.jpg") no-repeat top left;
	background-size: auto 100%;
}

.bgconclusion{
	position: relative !important;
}


.videoHome .politicaClase, .videoHome .politicaClase a{
	color: #FFF;
}

.politicaClase, .politicaClase a{
	/*color: #FFF;*/
}

.bgopiniones {
	/*background: #fff url("recursos_propios/bgopinionessmall.jpg") no-repeat center right;*/
	background:	var(--colorPrincipal);
	padding: 30px 100px;
	background-position: right top;
}
.bgnewsletter{
	--intensidad: 0.5;
	background-image: linear-gradient(rgba(0, 0, 0, var(--intensidad)), rgba(0, 0, 0, var(--intensidad))), url("recursos_propios/bgnewsletter.jpg");
	background-position: right top;
	background-size: cover;
	background-position: bottom;
}

.bgcontacto{
	background: url("recursos_propios/bgcontacto.jpg") no-repeat center;
	height: 250px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.bgventajas {
	background: #130a04 url("recursos_propios/bg-ventajas.jpg") repeat;
	background-size: 100% auto;
}

.bghosteleria {
	background: #130a04 url("recursos_propios/bg-hosteleria.jpg") repeat;
	background-size: 100% auto;
}

.bghosteleria2 {
	background: #e3d8cc url("recursos_propios/bg-hosteleria-2.jpg") repeat;
	background-size: 100% auto;
}

.bgproductos {
	background: #e3d8cc url("recursos_propios/bg-productos.jpg") repeat;
	background-size: auto auto;
	/*ojo*/
}

.newsletter{
	width: 60%;
	margin: auto;
}

/* video */

.videoHome{
	min-height: 300px;
	position: relative;
}

.section_video {
   	position: absolute;
    top: 0;
    left: 0;
    max-height: 500px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    
}

.section_video video{
	margin-top: -250px;
	width: 100%;
	
}

.mask{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    /*background: url("imagenes/propias/videomask.png") repeat center;*/
    
    background-color: rgba(236, 240, 251, 0.85);
}
.nomask{
	position: relative;
	z-index: 5;
}
.nomask h2{
	color: #FFF;
}

.contenidoVideo{
	/*background-color: rgba(0, 0, 0, 0.4);*/
	/*text-align: center;*/
}

.bgcontacto {
	/*
	background: #130a04 url("imagenes/propias/bg-contacto.png") no-repeat;
	background-position: right bottom;
	min-height: 730px;*/
	
}

.cuadrohome {
	padding: 20px 30px;
	color: #FFF;
	max-width: 500px;
	font-size: 1.3em;
}

.formu50, .formu50fijo {
	width: 50%;
}

.formu16, .formu16fijo {
	width: 16.6%;
}

.formu33, .formu33fijo {
	width: 33.3%;
}

.formu30, .formu30fijo {
	width: 30%;
}

.formu70, .formu70fijo {
	width: 70%;
}

.formu75, .formu75fijo {
	width: 75%;
}

.formu80, .formu80fijo {
	width: 80%;
}

.formu90, .formu90fijo {
	width: 90%;
}

.formu20, .formu20fijo {
	width: 20%;
}

.formu25, .formu25fijo {
	width: 25%;
}

.formu15, .formu15fijo {
	width: 15%;
}

.formu66, .formu66fijo {
	width: 66%;
}

.formu60, .formu60fijo {
	width: 60%;
}

.formu40, .formu40fijo {
	width: 40%;
}

.formu100 {
	width: 100% !important;
}

.formu10 {
	width: 10%;
}

.formu90 input[type="text"], .formu50 input[type="text"], .formu33 input[type="text"],
	.formu70 input[type="text"], .formu30 input[type="text"], .formu25 input[type="text"],
	.formu66 input[type="text"], .formu100 input[type="text"], .formu100 input[type="password"],
	.formu50 select, .formu33 select, .formu70 select, .formu30 select,
	.formu25 select, .formu66 select, .formu100 select {
	width: 100%;
}

.padea200{
	padding: 0px 200px;
}

.padea20 {
	padding: 20px 20px;
}

.padea50 {
	padding: 50px 20px;
}

.padea50perfecto {
	padding: 50px 50px;
}

.padea10 {
	padding: 10px 10px;
}
.novedad {
	margin-bottom: 10px;
}
.padea20P {
	padding: 0px 15%;
}

.padea10P {
	padding: 0px 10%;
}
.padea5 {
	padding: 5px 5px;
}

.paddingR, .paddingRM {
	padding-right: 20px;
}
.paddingRMovil, .paddingRMini {
	padding-right: 10px;
}
.paddingLMovil, .paddingLMini {
	padding-left: 10px;
}

.paddingTop{
	padding-top: 20px;
}

.paddingT {
	padding-top: 10px;
}

.paddingL, .paddingLM {
	padding-left: 30px;
}

.paddingLMax {
	padding-left: 25%;
}

.padeaV {
	padding: 20px 0px;
}

.padeaV10 {
	padding-top: 10px;
}

.padeaH {
	padding: 0px 30px;
}

.padeaV100 {
	padding: 100px 0px;
}

.padeaB {
	padding-bottom: 10px;
}
.padeaT15{
	padding-top: 15%
}
.centrar, .centrarTabla {
	text-align: center;
}

.derecha, .derechaTabla, .derechaNoMovil {
	text-align: right;
}

.izquierda, .izquierdaTabla {
	text-align: left;
}

.bold {
	font-weight: bold;
}

.justificar {
	text-align: justify;
}

.paddingLMini {
	padding-left: 5px;
}

.cta {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.padea150 {
	padding-top: 150px;
}

.platosAdmin .tituloProducto {
	font-size: 0.8em !important;
	font-weight: normal !important;
	line-height: auto;
	min-height: auto;
}

.platosAdmin .precioNomral {
	font-size: 0.8em !important;
}

/* dibujando formas */
.trapecioDerecha {
	left: -120px;
	position: absolute;
     width: 300%;
     z-index: 1; 
     height: 100%; 
     border: 0px; 
     background: rgba(0, 0, 0, 0.3);
     -webkit-transform: skew(20deg);
     -moz-transform: skew(20deg);
     -ms-transform: skew(20deg);
     -o-transform: skew(20deg);
     transform: skew(20deg);
}
.trapecioDerechaContenido{
	position: relative;
	z-index: 90;
}

.trapecioIzquierda {
	right: -120px;
	position: absolute;
     width: 300%;
     z-index: 1; 
     height: 100%; 
     border: 0px; 
     background: rgba(0, 0, 0, 0.3);
     -webkit-transform: skew(20deg);
     -moz-transform: skew(20deg);
     -ms-transform: skew(20deg);
     -o-transform: skew(20deg);
     transform: skew(20deg);
}
.trapecioIzquierdaContenido{
	position: relative;
	z-index: 90;
}




/* Adaptación del responsive smartphone */
@media screen and (max-width: 1190px) { /* Tablet e inferior */
	/* estilo general */
	html, body {
		overflow-x: hidden;
	}
	.aceptaScroll{
		overflow-x: scroll !important;
	}
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.1em;
	}
	img {
		border: none;
		max-width: 100%;
		/*height: auto !important;*/
	}
	textarea, input {
		max-width: 100%;
	}
	#general {
		min-height: 300px;
	}
	.descripcionTipo {
		width: 100%;
	}

	/* Ajuste ancho */
	.sizefijo, .sizefijomitad {
		max-width: 100%;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		/*overflow-x: hidden;*/
		padding: 0px 0px;
	}
	
	.proHead{
		position: relative;
	}
	
	#head {
		height: 100px;
		z-index: 20;
		width: 100%;
		/*background: none;*/
	}
	
	#head .titulo {
		position: relative;
		width: 40%;
		text-align: left;
		padding-left: 20px;
	}
	#head .titulo img{
		max-height: 70px !important;
		width: auto;
		height: auto;
		padding-top: 10px;
	}
	
	#head .centro {
		left: 0%;
		margin-left: -0px;
	}
	#welcome {
		position: absolute;
		right: 6px;
		top: 34px;
		text-align: right;
		font-size: 0.8em;
	}
	
	#proHeadFixed{
		padding: 2px 10px !important;
		font-size: 0.7em;
	}
	
	.botonSolicitar{
		font-size: 0.7em;
	}
	
	.contactoMovil {
		padding-top: 15px;
	}
	
	.head-fixed .contactoMovil {
		padding-top: 10px;
	}

	/* Menu */
	#menu {
		width: 20%;
		position: static;
		padding-right: 10px;
		padding-top: 10px;
	}
	#menuTop {
		display: none;
	}
	.menuPrimero {
		z-index: 999;
		width: 40%;
		margin-top: 30px;
		padding-right: 20px !important;
	}
	.head-fixed .menuPrimero{
		margin-top: 15px;
	}
	
	.menuPrimeroDerecha{
		top: -30px;
		
	}
		
	.head-fixed .divBotonAbrir{
		padding-top: 15px;
	}
	
	.head-fixed .bgmovil{
		background-color: none;
	}
	
	.head-fixed #menuResponsive {
		position: fixed !important;
	}
	
	.head-fixed #menu{
		padding-top: 10px;
	}
	
	#blanco {
		height: 100%;
		width: 100%;
		padding: 20px 20px;
	}
	.mecanismo {
		padding-left: 10px;
	}
	
	#owl-slider {
		margin-top: 0px;
	}
	
	.destacadosBanner{
		margin-top: -30px;
	}
	
	.seccionFooter {
		margin-bottom: 10px;
	}
	.bannercontenido {
		height: 460px !important;
		overflow: hidden;
		padding-top: 160px;
		padding-right: 20px;
	}
	
	.homePrimero{
		padding: 20px 20px;
	}
	
	.padea200{
		padding: 10px 10px;
	}
	
	.bannerContenidoLimitado{
		padding-right: 5%;
	}
	
	.bannercontenido .titulo{
		padding-top: 0px;
	}
	
	.bannercontenido h1 {
		font-size: 1.6em;
		/*padding-top: 0px;*/
		/*margin-top: 0px;*/
		/*padding-left: 23%;
		width: 80%;*/
		
	}
	
	.bannercontenido h2 {
		font-size: 1.5em;
	}
	
	.bannerContenidoLimitado .subtitulo, .bannercontenido .subtitulo{
		padding: 0px 0px !important;
	}
	
	.video_contenido{
		max-width: 100%;
		background-color: rgba(0, 0, 0, 0.3);
	}
	
	#video_background {
  		min-width: 300%;
	}
	
	/* MENU RESPONSIVE*/
	.divBotonAbrir {
		padding-top: 25px;
	}
	.divBotonCerrar {
		width: 90%;
		text-align: right;
		padding: 20px 20px;
	}
	.novisibleEspecial{
		display: block !important;
	}
	
	.noVisibleMovil {
		display: none !important;
	}
	.noVisiblePc {
		display: block !important;
	}
	
	.buscadorContenedor{
		padding: 10px 5px;
	}
	
	.buscadorReservas{
		width: 100%;
	}
	
	.reservaCaja,.reservaImagen,.reservaContenido{
		height: auto;
	}
	
	.reservaPie{
		position: relative;
		margin-top: 10px;
	}
	
	.menuPrimero{
		background-color: transparent !important;
	}
	
	.menuPrimero i{
		color: var(--colorSecundario);
	}
	
	#menuResponsive ul {
		position: relative;
		margin-top: -25px;
		width: 100%;
	}
	#menuResponsive ul li {
		/*display: inline-block;*/
		padding: 5px 10px;
		width: 100%;
		overflow: hidden;
		/*white-space: nowrap;*/
	}
	#menuResponsive a {
		color: var(--colorPrincipal);
		text-transform: uppercase;
	}
	
	.responsiveEntrada{
		height: 60px;
	}
	
	
	.botonDerecha{
		top: 10px;
		right: 10px; 
	}
	
	#menuResponsive  .reduce {
	font-size: 0.85em;
	}

	/* SLIDER */
	#slider-adaptado, .fullMovil {
		width: 100% !important;
	}
	.owl-theme .owl-controls {
		margin-top: 0px !important;
		text-align: center;
		margin-bottom: 0px;
	}
	#slider-banner {
		display: none;
		margin-bottom: 20px;
	}
	#slider-responsive {
		display: block;
	}
	#desliza, #recetas {
		display: none;
	}
	.introIndex {
		width: 100%;
		padding: 0px 0px;
	}
	.introIndex .imagen {
		width: 100%;
		padding-right: 0px;
	}
	.introIndex2 {
		padding-top: 5px;
		padding-bottom: 40px;
	}
	.formulariocontacto {
		width: 100%;
		margin-left: 0px;
	}
	#productoImagen {
		width: 30%;
		padding-right: 30px;
	}
	#productoContenido {
		width: 70%;
	}
	#productoContenido .subtituloDestacado {
		font-size: 1em;
	}
	.tituloDestacado {
		font-size: 1.5em;
	}
	#productoContenido .precioDestacado {
		margin-top: 0px;
	}
	.seccionProducto {
		height: auto;
	}

	/* contacto */
	#general {
		padding: 0px 5px;
	}
	#generalSinMargen {
		margin-left: 0px;
		padding: 0px 10px;
		width: 100%;
	}
	.paralelo {
		position: inherit;
	}


	.destacadoIntroduccion{
		height: auto;
	}
	.destacadoContenido{
		
	}
	.ofertaImagen{
		width: 100%;
	}
	.ofertaDescripcion{
		padding-top: 80px;
		padding-right: 30%;
		font-size: 0.8em;
		height: 300px;
	}
	
	.centrarMovil{
		text-align: center;
	}
	
	.opiniones{
		padding: 10px 10px;
	}
	
	.bghome, .bgopiniones{
		padding: 30px 0px;
		background-size: auto 100%;
	}

	/* Tienda */
	#lateral {
		margin-top: -10px;
		position: inherit;
		float: none;
		width: calc(100% - 1.6em);
		background: #EEE;
		padding: 0.8em;
	}
	#lateral .estiloLinea {
		cursor: pointer;
	}
	#lateral .estiloProducto {
		display: none;
	}
	.jFlowNext {
		right: 50px;
	}
	.jFlowNext, .jFlowPrev {
		position: absolute;
		left: -11000px;
		top: -11000px;
	}
	#cookies, #recomendadosCesta {
		display: none;
	}
	form[action="registro"] .formulario {
		margin-left: 0px !important;
	}
	.introIndex .contenidoMargenTop {
		width: 100%;
	}
	.introIndex .contenidoSinMargenTop {
		width: 100%;
	}
	.lineaDerecha {
		position: relative;
		float: left;
		left: 0px;
		text-align: left;
	}
	.alineadoDerecha {
		position: relative;
		margin-top: 10px;
		left: 0px;
	}
	#novedades .novedad {
		width: 50%;
		display: inline-block;
		padding-right: 10px;
		text-align: left;
	}
	.novedad .contenido {
		padding-left: 2px;
	}
	.novedad .nombre {
		max-height: 50px;
		overflow: hidden;
	}

	/* PRODUCTO */
	#producto_carrusel {
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
	#producto_descripcion {
		padding-left: 0px;
		margin-top: 30px;
		width: 100%;
	}
	#subir {
		display: none;
	}
	.destacados {
		height: auto !important;
		width: 100%;
	}
	.destacados h2, .tituloIni h2 {
		font-size: 2em;
	}
	.destacados .mensaje {
		padding: 15px 20px;
	}
	.destacados .contenido {
		padding: 15px 20px;
	}
	.round-div {
		display: none;
	}
	.imagenMensaje .imagen {
		position: relative;
		width: 100px;
		height: 100px;
		z-index: 100;
		margin-left: 0px;
	}
	.contenidoIni, .imagenIni img {
		height: auto;
		width: 100%;
		max-width: 100%;
	}
	.contenidoIni {
		padding-right: 20% !important;
	}
	.imagenIni {
		top: auto;
		padding-top: 0px;
		left: auto;
		padding-left: 0px;
		max-width: 100%;
	}
	#carrito {
		/*width: 60px;*/
		font-size: 0.9em;
	}
	
	.carrito_bola{
		padding: 0px;
	}
	#carrito a {
		color: #000000;
	}
	
	.entradaCarrito {
		/*padding: 5px 5px;*/
		text-align: center;
		/*height: 60px;*/
		padding-top: 10px;
	}
	#carritoOculto {
		display: none !important;
		visibility: hidden !important;
	}
	.divBotonAdd, .divBotonPrecio {
		text-align: center !important;
	}
	.botonadd {
		padding-top: 10px !important;
	}
	.botonuni {
		padding-top: 15px !important;
	}
	.formBotonAdd {
		float: none;
	}
	

	
	.linkVolver {
		width: 15%;
		padding-top: 15px;
	}
	.linkTitulo {
		width: 85%;
	}
	.pasoPago {
		min-height: 90px;
		font-size: 0.8em;
	}
	
	
}

@media screen and (max-width: 720px) { /* smartphone */


	.homeEspecial{
		display: none;
	}

	.head-fixed .titulo{
		
	}
	
	.contenidoEspecial {
		width: 50%;
		padding-top: 20px;
	}
	#owl-slider {
		width: 100%;
		/*top: -120px !important;*/
		top: 0px !important;
	}
	
	#owl-slider .item img{
		display: block;
		width: auto;
		height: 100%;
	}
	
	
	
	.owlTuneado{
		width: auto;
		height: none;
		max-width: none;
	}
	
	#derecha-slider {
		width: 100%;
		padding-top: 20px;
	}
	.bannerLine, .tipoLine {
		/*border-right: 0px #FFF solid;*/
		min-height: 100px;
	}

	.logo-fixed img {
		height: 40px !important;
	}

	.estrecha{
		padding: 0px 0px;
	}

	#subMenu {
		padding: 10px 5px;
	}
	.bloqueEntradas {
		width: 100%;
		padding-right: 5px;
	}
	.telefonos {
		padding-right: 5px;
	}
	
	.telefonoMovil{
		font-size: 1.5em;
		padding-right: 10px;
	}
	
	.overlay-titulo h1{
	
		font-size: 2.5em;
	}
	
	
	
	.seccionFooter {
		width: 23%;
	}
	
	
	
	.formu100, .formu50, .formu33, .formu66, .formu80, .formu20, .formu25,
		.formu70, .formu40, .formu15, .formu60, .formu30, .formu40, .formu75 {
		width: 100% !important;
	}
	.formu16 {
		width: 50%;
	}
	.cajaFull {
		width: 50%;
	}
	
	.iconopaso {
		text-align: center;
	}
	
	.centrarTabla {
		text-align: left;
	}
	.derechaTabla {
		text-align: left;
	}
	.procesoCompra {
		padding-right: 0px;
		padding-top: 40px;
	}
	.paddingL, .paddingLMax {
		padding-left: 0px;
	}
	.paddingTop{
		padding-top: 0px;
	}
	.paddingT {
		padding-top: 5px;
	}
	.iconoAviso {
		margin-top: 0px;
	}
	.paddingR {
		padding-right: 0px;
		padding-left: 0px;
	}
	#div-imagen-principal {
		min-height: 420px;
	}
	.bordePago {
		border: none;
	}
	.marcaMiniatura {
		width: 25%;
		height: 40px !important;
		display: inline-block;
		padding: 10px 10px;
	}
	.cabeceraNewsletter {
		color: #FFF;
		font-size: 1.5em;
		padding: 10px 20px;
		padding-left: 0px;
	}
	
	.destacadosPosicion{
	padding: 20px 20px;
	}
	
	.despacho {
		padding-left: 10px;
	}
	.despacho input[type='text'] {
		/*max-width: 200px;*/
		
	}
	.iconosDespacho {
		padding-left: 10px;
	}
	.footClaro {
		padding: 20px 10px;
	}
	.productoTitulo h3 {
		font-size: 2em;
	}
	.productoTexto {
		padding: 50px 50px;
	}
	.productoImagenPrincipal {
		padding: 10px 10px;
	}
	.productoImagenMiniaturas {
		padding-left: 10px;
	}
	.productoImagenMiniatura {
		position: relative;
		float: left;
		width: 25%;
		padding-right: 10px;
	}
	.productoIcono {
		width: 50px;
		margin-left: 5px;
	}
	.entradaFooter, .entradaFooterFull{
		width: 50% ;
	}
	.entradaFooterFull {
		width: 100% !important;
		text-align: center;
	}
	/* Para noticias */
	.entradaFooterFull .noticiaFooter{
		float: left;
	}
	/* Para redes */
	.entradaFooterFull .derecha{
		text-align: center;
	}
	
	.entradaFooterD {
		text-align: center;
		float: left;
	}
	
	.centrarMovil{
		text-align: center;
	}
	
	.centrarMovilOut{
		float: left;
		position: relative;
		left: 50%;
	}
	
	.centrarMovilIn{
		 position: relative;
  		left: -50%;
	}
	
	.footerLine {
		padding-left: 10px;
	}
	
	#headFixed, #head, .head-fixed {
		height: 100px !important;
	}
	#headFixed{
		height: 65px !important;
	}
	
	.bannercontenido h2{
		padding-right: 0px;
		font-size: 1em;
		font-weight: 400;
		
	}

	.botonSlider {
		/*display: none;*/
	}
	
	.destacadoLimitado{
		height: auto;
	}
	
	.destacadoHome {
		padding-right: 0px;
		height: auto;
		/*padding-bottom: 30px;*/
	}
	.destacadoHome .imagen {
		max-height: 150px;
	}
	.destacadoHome .contenido {
		height: auto;
	}
	.masinfo {
		clear: both;
		padding-top: 20px;
		position: relative;
	}
	
	
	
	.despacho .titulo {
		padding: 20px 10px;
	}
	.bghosteleria2, .bghosteleria {
		background: none;
		overflow: visible;
	}
	.bgvending {
		max-height: 100%;
	}
	.bgVendinMovil {
		background: rgba(205, 172, 139, 0.6);
	}
	.padeaV100 {
		padding: 30px 0px;
	}
	
	.section_video{
		max-height: 900px;
		overflow: hidden;		
	}
	
	.section_video video{
		margin-top: -150px;
		height: 1000px !important;
		width: auto;
		position: center center;
	}
	.boxProducto {
		width: 100%;
	}
	.padea150 {
		padding-top: 10px;
	}
	.tituloTipo h3 {
		font-size: 1.5em;
	}
	.minidestacado {
		width: 100%;
		position: static;
		border-radius: 15px 15px 15px 15px;
	}
	.minidestacado img{
		
	}
	
	.minidestacado .altura{
		
	}
	
	.bgpagina{
		padding-top: 50px;
		background-size: auto 50% !important;
	}
	
	
	.cuadropizza {
		padding: 20px 20px;
		max-width: 100%;
	}
	.destHome {
		height: auto !important;
	}
	.destHomeMini {
		width: 50%;
	}
	
	.derechaNoMovil{
		text-align: left;
	}
	
	/* DESTACADOS --------------------------------------*/
	.destacadoIndex {
		width: 50%;
		margin-bottom: 20px;
	}
	
	.bghome2{
		padding: 30px 30px;
	}
	
	.homeCuadro{
		position: relative;
		width: 100%;
		top: 20px;
	}
	
	.destacadoTotal img, .destacadoMitad img{
		height: 100% !important;
		max-width: none;	
	}
	.divAltura1, .divAltura0, .divAltura2, .divAltura3, .divAltura4{
		height: auto;
		
	}
	
	.divAlturaImagenEspecial img{
		height: 100%;
		width: auto;
	}
	
	
	.rectangulo{
		position: relative;
		width: 100%;;
		height: auto;
		background-color: var(--colorSecundario);
		margin-left: 0px;
		margin-top: 0px;
	}
	
	.contenidoIzq{
		padding-left: 0px;
	}
	
	
	.contenidoDer{
		position: relative;
		padding: 20px 20px;
	}
}


@media screen and (max-width: 540px) { /* Móviles */
	
	.bannercontenido {
		/*height: 180px !important;*/
		width: 100%;
	}
	
	#sliderBoxContenedor {
		margin-top: 0px;
		padding: 0px 0px;
	}
	.sliderBox {
		width: 100%;
		height: auto;
		padding: 10px 10px;
	}
	.sliderBox .contenido {
		padding-top: 5px;
	}
	.sliderBox .imagen {
		height: 60px;
		float: left;
		position: relative;
	}
	#planes .plan { /*hijos*/
		min-height: 450px;
		width: 85%;
		text-align: left;
		padding: 10px 10px;
	}
	
	.seccionIndexPadding {
		padding: 0px 20px;
	}
	.noticiaTextoListado {
		margin-left: 0px;
	}
	.noticiaTexto {
		margin-left: 0px;
	}
	.noticiaImagen {
		float: inherit;
		position: inherit;
	}
	.cajaProducto {
		margin: auto;
		width: 50%;
		height: 400px;
	}
	
	.recomendados{
		width: 50%;
	}
	
	.cajaProductoFondo{
		padding: 10px 5px;
	}
	
	.cajaProducto20 {
		width: 50%;
	}
	.cajaProducto .tituloProducto {
		height: 60px;
	}
	.cajaProducto .imagenProducto img{
		max-height: 160px;
	}
	.anchonormal, .anchohome {
		width: 50%;
		/*height: 350px;*/
		padding: 5px 5px;
	}
	.owl-item .anchonormal {
		width: 100% !important;
	}
	#owl-opiniones .opinionImagen {
		
	}
	#owl-opiniones .opinionTexto {
		width: 100%;
	}
	.opinion {
		width: 100% !important;
		margin: auto;
	}
	.anchopequeno {
		width: 25%;
		height: 380px;
	}
	.imagenMensaje .imagen {
		position: relative;
		margin-left: 0px;
		margin: auto;
	}
	.round-div {
		display: none;
	}
	.bb-search-autocomplete-box {
		width: 100%;
	}
	#cestaWeb {
		display: none;
	}
	#cestaMovil {
		display: block !important;
		padding: 0 0.8em;
	}
	#cestaMovil .labeled {
		min-width: 6em;
	}
	#cestaMovil span.labeled {
		display: inline-block;
		padding: 0.5em 0 0 0;
	}
	#cestaMovil .elimina {
		position: relative;
		float: right;
		left: 1.5em;
		top: 0.6em;
	}
	
	#cookies {
		display: none;
	}
	.filtroLateral {
		width: 100%;
	}
	.filtrosMovil {
		position: relative;
		float: left;
	}
	.propietario {
		width: 100%;
		margin-top: 10px;
		font-size: 0.9em;
	}
	
	.desarrollador {
		text-align: right;		
	}
	.introIndexPD {
		padding-left: 0px;
	}
	#footer2 .otros {
		padding-left: 2px;
		font-size: 0.8em;
	}
	
	.productoTitulo h3 {
		font-size: 1.5em;
	}
	.formulariocontacto, .formulario {
		padding: 0px 5px;
		font-size: 1em;
	}
	.pregunta {
		padding-top: 0px;
		width: 90%;
	}
	.preguntaBoton {
		width: 20%;
	}
	.productoTexto {
		padding: 10px 10px;
	}
	.productoCaracteristicaImagen img {
		width: 100%;
	}
	.productoIconoTexto {
		padding-top: 20px;
	}
	.productoDescripcion {
		padding-left: 0px;
	}
	.contenidoPagina {
		line-height: 1em;
	}
	
	.seccionFullHome{
		padding: 10px 20px;   
	}
	
	.galeriaHome{
		height: auto;
		width: 100%;
  		margin: auto;
	}
}

@media screen and (max-width: 480px) { /* Móviles */
	.bannercontenido {
		/*height: 160px;*/
	}
	.tituloDestacado {
		font-size: 1.2em;
	}
	.noticiaIndex {
		width: 100%;
		padding: 20px 10px;
	}
	.noticiaMas {
		display: none;
	}
	.identificate, .identificate2 {
		width: 100%;
		padding-bottom: 20px;
		padding-left: 0px;
	}
	.margen {
		padding-left: 0px;
	}
	#subMenu .seccionFooter {
		margin-bottom: 10px;
		width: 45%;
		padding-left: 0px;
		white-space: nowrap;
		font-size: 1.3em;
	}
}

.seccionMenu:hover .seccionOculta {
	background-color: #FFF;
	position: absolute;
	display: block;
	top: 32px;
	width: 300px;
	padding: 9px 9px;
}

/** Menu flotante */
.seccionOculta {
	display: none;
	border: 1px solid #EEE;
	background-color: #FFF;
}

.seccionMenu {
	z-index: 100;
}

.menuImagen {
	position: relative;
	float: left;
	width: 80px;
}

.menuTexto {
	position: relative;
	float: left;
	margin-left: 10px;
}

.menuTitulo {
	color: #000;
	margin-bottom: 5px;
}


/** FAQ' S*/
.faq {
	padding: 10px 20px;
	margin-bottom: 2px;
	/*background-color: #382b22;*/
}

.faq .pregunta {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}

.faq .respuesta {
	width: 100%;
	display: none;
}

.faq .faqVotacion {
	padding: 10px 0px;
}

.faq .faqComentario {
	display: none;
}

.textarea {
	color: #000;
	border: 1px solid #DDD;
	background-color: #FFF;
	overflow: hidden;
	height: 80px;
	width: 100%;
	padding: 3px 5px;
}

#divtexto {
	display: none;
}

.cierrecaja .headTabla, .cierrecaja .headTablaC, .cierrecaja .headTablaR{
	color: black;
}

.agroframe{
	border: none;
	width: 100%;
	height: 700px;
	background-color: #FFF;
}
.agroframeMax{
	height: 1200px;
}


/***************** ESTILOS INCLUIDOS PARA EL MINI CALENDARIO ***************/

.dia{
	text-align: center;
	font-size: 1.2em;
}
.botondia{
	background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;
      cursor: pointer;
}

.calendarioHora{
	font-size: 1.1em;
}
.calendarioDia{
	font-size: 1.3em;
	color: #FFF !important;
	padding-top: 8px;
}
.altn, .tit, .fs, .da, .dn  {
	
	vertical-align: middle;
	height: 25px;
	text-align:	center;	
}
.altn  {
	
	color: #FFFFFF;
	background-color: #666666;
}

.tit  {
	
	font-size : 1.2em;
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
}
.fs	{	
	background-color: #DDD;
	color:	#FFFFFF;
	font-weight: bold;
}
.da	{
	background-color: #F7B04A;
	color:	#FFFFFF;
	font-weight: bold;
}
.ds	{
	background-color: #dbf9eb;
	color:	#FFFFFF;
	font-weight: bold;
}

.diaSimple{
	height: 36px;
	border: 1px solid #DDD;
}

.botonDia{
	cursor: pointer;
	border-collapse: separate;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 20px;
    width: 50px;
    text-align: right;
    padding: 5px 5px;
}

.diaPasado{
	opacity: 0.5;
}
	
a.dia:active {
	font-size: 0.8em;
	}
.mini{
	font-size: 0.8em;
	}
	
	.tituloImagen{
		position: relative;
		float: left;
	}
	
	.tituloTexto{
		position:relative;
		float: left;
		font-size: 1.1em;
		margin-left: 8px;
		padding-top: 8px;
	}
	
	.tablaLimitada{
		height: 40px !important; overflow: hidden;
	}

.fondoGris{
	background-color: var(--colorGris);;
}
.fondoBlanco{
	background-color: #FFFFFF;
}
.fondoVerde{
	background-color: #dbf9eb !important;
}
.fondoRojo{
	background-color: #fddbde !important;
}
.fondoNaranja{
	background-color: #fce6c5 !important;
}
.fondoAmarillo{
	background-color: #fdfdd0 !important;
}
.fondoAzul{
	background-color: #d7f5ff !important;
}

.fondoVerdeF{
	background-color: #61e4a6 !important;
}
.fondoRojoF{
	background-color: #f76675 !important;
}
.fondoNaranjaF{
	background-color: #f7b655 !important;
}
.fondoAmarilloF{
	background-color: #f8f85f !important;
}
.fondoAzulF{
	background-color: #81e1fe !important;
}
.fondoGrisF{
	background-color: var(--colorGrisF);
}

.colorBlanco{
	color: #FFFFFF;
}
.colorGris{
	color: var(--colorGris);
}
.colorGrisF{
	color: var(--colorGrisF);
}
.colorVerde{
	color: #dbf9eb !important;
}
.colorRojo{
	color: #fddbde !important;
}
.colorNaranja{
	color: #fce6c5 !important;
}
.colorAmarillo{
	color: #fdfdd0 !important;
}
.colorAzul{
	color: #d7f5ff !important;
}

.colorVerdeF{
	color: #61e4a6 !important;
}
.colorRojoF{
	color: #f76675 !important;
}
.colorNaranjaF{
	color: #f7b655 !important;
}
.colorAmarilloF{
	color: #f8f85f !important;
}
.colorAzulF{
	color: #81e1fe !important;
}

.avisoListado{
	padding: 2px 5px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
}

.avisoTarea, .avisoEstado, .entradaCalendario{
	padding: 5px 10px;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
}

.avisoEstado{
	width: 100px;
}

.avisoTarea{
	padding: 20px 20px;
	border-radius: 20px;
    -moz-border-radius: 20px;
	max-width: 260px;
	height: 130px;
	overflow: hidden;
}


.file-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.file-select::before {
  
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Subir documento';
}
#src-file2::before {
  content: 'Subir documento';
}
#src-file3::before {
  content: 'Subir documento';
}
#src-file4::before {
  content: 'Subir documento';
}
#src-file5::before {
  content: 'Subir documento';
}
#src-file6::before {
  content: 'Subir documento';
}

.modal {

  background: rgba(0, 0, 0, 0.9);

  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  transition: all .5s;
  display: none;
  z-index: 1000000;
  
}

.modaldoc{
	width: 100%;
	height: 800px;
	margin: auto;
	padding: 0px 20px;
	text-align: center;
}