/*
font-family: amiriregular, sans-serif; 
*/

body{ position:absolute; width: 100% !important; max-width:100% !important;  height: 1000px;min-width: 1024px !important;margin-top:0px;margin-left:0px;margin-bottom:0px;margin-right:0px; background:#FFFFFF; /*overflow-x:hidden;*/  font-size:0.9rem; font-family: 'amiriregular', arial;}
input{ font-family: 'amiriregular', arial;  font-size:0.9rem; color:#777777;}
textarea{ font-family: 'amiriregular', arial; color:#777777;}
ul{ font-family: 'amiriregular'; color:#000;}
p{ font-family: 'amiriregular'; color:#000;}
a{ cursor:pointer;}

#logo-hidden{ visibility:hidden; display:none;}

#hidden-logo{ visibility:hidden; display:none;}

.mobile{ display:none;}
.desktop{ display:block;}

.searchRes{ position: fixed; width: 416px; background-color: #fff; border: solid 1px #ccc; min-height: 70px; height: auto; z-index: 999; left: 50%; margin-left: -300px; top: 60px; padding-top: 20px; text-align: center; display: none;}
.searchRes img{ width: 30px; position: relative; margin-left: 195px; float: left;}
.searchRes ul{ float:left; width: 100%; margin:0; padding: 0; list-style: none;}
.searchRes ul li{ float:left; width: 94%; margin: 0; margin-left: 4%; padding: 0; list-style: none; margin-bottom: 10px;}
.searchRes ul li a{ color: #000; text-decoration: none;}

#wrapp{ float:left; position: relative; overflow: hidden; width: 1100px; left: 50%; margin-left: -550px; }

/*
@media screen and (min-width : 1280px)
{

	#wrapp{ float:left; left: 50%; margin-left: -640px; width:1280px;  }
}
@media screen and (min-width : 1600px)
{

	#wrapp{ float:left; left: 50%; margin-left: -800px; width:1600px; }
}
@media screen and (min-width : 1920px)
{

	#wrapp{ float:left; left: 50%; margin-left: -960px; width:1920px; }
} 
*/


@media screen and (max-width : 950px){ 
	.searchRes{ position: fixed; width: 100%; background-color: #fff; border: solid 1px #ccc; min-height: 70px; height: auto; z-index: 999; left: 0px; margin-left: 0px; top: 145px; padding-top: 20px; text-align: center; display: none;}
	.searchRes img{ width: 30px; position: relative; margin-left: 195px; float: left;}
	.searchRes ul{ float:left; width: 100%; margin:0; padding: 0; list-style: none;}
	.searchRes ul li{ float:left; width: 94%; margin: 0; margin-left: 4%; padding: 0; list-style: none; margin-bottom: 10px;}
	.searchRes ul li a{ color: #000; text-decoration: none;}
}
 
.productoImg{ float:left; width: 70px; margin-right: 10px; height: auto; max-height: 100px; overflow: hidden;}
.productoImg img{ float:left; width: 60px; height: auto; margin-top: -8px; margin-left: 5px; }
.productoNombre{ color: #000; font-weight: 500; font-size: 13px; margin-bottom: 4px; float: left; width: 300px; text-transform: uppercase; text-align: left;}
.productoMarca{ font-size: 13px; float: left; width: 280px; text-align: left;}

.totalResultados{ background-color: #ccc; color: #000; height: 30px; line-height: 30px; width: 95% !important; padding-left: 5% !important; margin: 0; margin-left: 0px !important; margin-bottom: 0px !important; }

@media screen and (max-width : 950px){ 
body{ width: 100% !important; max-width:100% !important; min-width:200px !important; margin-top:0px;margin-left:0px;margin-bottom:0px;margin-right:0px; font-size:0.9rem; font-family: 'amiriregular', arial;}
.mobile{ display:block;}
.desktop{ display:none;}
.content-block{ width:96%; float:left; position:relative; left:0px; margin-left:2%;}
#header-frame{  border-bottom:solid 1px #CCCCCC;}
	#header-frame.small{ height:80px;}
}
img{	border:none;}

@media(max-width:860px)
{
#wrapp{ width: 100%; left: 0; margin-left: 0px; }	
body{ height:auto!important;overflow-x: hidden !important;}

	
}	

}


/* ######################## AVISO NAVEGADOR ######################### */
#aviso-navegador{float:left;width:100%;height:90px;position:fixed;z-index:500;background-image:url(../img/navegadores/fondo_barra.jpg);background-repeat:repeat-x;}
#aviso-navegador img{width:50px;margin-top:10px;margin-left:10px;}
#aviso-navegador-1{float:left;width:700px;text-align:left;color:#FFF;font-style:italic;font-size:20px;margin-left:10px;font-family:"Times New Roman";}
#aviso-navegador-2{float:left;width:700px;text-align:left;color:#FFF;font-style:italic;font-size:28px;font-weight:bold;margin-left:5px;font-family:"Times New Roman";}

#pre-load-web{ background-color:#FFFFFF; position:fixed; width:100%; height:100%; top:0px; left:0px;z-index:1000009;}
#imagen-load{ position:absolute; left:50%; margin-left:-132px; top:30%;}





.divContent{ width:966px; height:auto; float:left; position:relative; left:50%; margin-left:-483px;}


/*  ##################### CAPAS COMUNES Y CONTENEDORES #################### */
	#header-frame{ float:left; width:100%; background-color:#FFFFFF; position:relative; overflow:visible; z-index:998; background-color: #fff; border-bottom: solid #3ab54a 3px;  }
	/*.header-bg{background-image:url(../img/header-bg.jpg); background-repeat:repeat; width:100%; height:255px; position:absolute; top:0px; left:0px; background-position:center;}
	*/
		#topMenuContainer{ float:left; width:86%; height:36px; position:fixed; left:0px; margin-left: 7%; z-index:9999;}
		#topMenuContainer.large{ height:36px; margin-top:8px; color:#4a72b1;  font-size:0.82rem;}
		#topMenuContainer.small{ height:36px; margin-top:13px; color:#4a72b1; font-size:0.75rem;}
			#topMenuContainer.small .faqsLink{color:#4a72b1;}
		
			.faqs{ float:left; color:#4a72b1; line-height:1.6rem; text-transform:uppercase;}
				.faqs a{ text-decoration:none; color:#4a72b1;}
				.faqs a:hover{ opacity:0.5}
		
			.carrito{ float:right; text-align:right; margin-right:14px; text-transform:uppercase; line-height:1.6rem; cursor:pointer;}
			.carrito:hover{ opacity:0.5}
				.carrito div{ float:left; margin-right:3px;}
			.acceder{ float: left; text-align:right; margin-right:20px; height: 41px; line-height: 41px; margin-top: 16px; text-transform: none; cursor:pointer; font-family: 'ubuntumedium'; letter-spacing: 2px;}
			.acceder:hover{ opacity:0.5}
				.acceder div{ float:left; margin-right:3px; border-right: solid 2px #fff; height: 15px; line-height: 15px; float: right; padding-right: 18px; margin-right: 6px; margin-top: 13px;}
			.buscar{ float:right; text-align:right; margin-right:14px; text-transform:uppercase; line-height:1.6rem; cursor:pointer;}
			.buscar:hover{ opacity:0.5}
				.buscar div{ float:left; margin-right:3px;}
				.topBarIcon{ font-size:1.2rem !important;}
	#header-frame.large{ height:119px; margin-bottom: 30px;}
	#header-frame.small{ height:119px; margin-bottom: 30px;}
	
	#header-topMenu{ width:100%; float:left; position: fixed; z-index:1011;}
		#header-topMenu.large{ height:36px;}
		#header-topMenu.small{ height:27px;}
		
		.content-block{ float:left; position:relative; margin-left:0px; z-index:50; width:100%; height: 100px; left: 0px; z-index:999;}

.yellowTop{ position:fixed; height: 24px; width: 100%; background-color: #f7bb0e; color: #1d2b4f;  font-weight:600; font-size: 12px; line-height: 24px; z-index: 999;}
.yellowTop span{ float:left; margin-left: 4%; margin-right: 2%; background-image: url("../img/ok.svg"); background-repeat: no-repeat; padding-left: 20px; background-position: left center; letter-spacing: -1px;}


.topMenu{ position: fixed; top: 0px; right: 0px; margin-right: 2%; color: #fff; height: 41px; line-height: 41px; }
.carrito{ float: right; }
.carrito img{ float: left; margin-left: 3px; margin-top: 10px; margin-left: 10px; }
#countUnidades{height: 21px; line-height: 21px; margin-top: 10px; width: 45px; border-left: 1px solid #fff; float: right; text-align: center;}

#formBusqueda{  margin-top: 5px; position: relative; margin-top: 8px !important; width: 500px;  float: left; margin-left: 30px;  }
	
		.botonBuscar{ background-color:#000 !important;  text-shadow: 0 0px 8px #323232; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:40px;  height:34px; line-height:34px; text-transform:none; border: none; cursor:pointer; text-decoration:none; cursor:pointer; font-family: 'amiriregular'; }
		.botonBuscar img{ vertical-align: middle;}
		.botonBuscar:hover{ opacity: 0.6;}
			#search{ border: none; float:left; width:73%; line-height:33px; height:32px; padding-left:1%; padding-right:1%; color:#000; margin-bottom:11px; margin-right:0px; color:#000; font-size:1rem; }
			.searchError{ font-size:0.9rem; float:left; width:100%; color:#F00; margin-top:0px; display:none;}

@media screen and (max-width : 950px){ 
	#formBusqueda{ position: relative; float: left; top: 0px; margin-top: 0px; width: 100%; left: 0px; margin-left: 0; }
	.botonBuscar{ width:100%;}
	#search{ width:86%; margin-left: 1%; height: 34px; line-height: 34px; border-radius: 0; padding-top: 0px; padding-bottom: 0px;}
	.searchError{ margin-top:4px;}
			.botonBuscar{ width:10%;  height:34px; line-height:34px; }
	
	.topMenu{ position: fixed; top: 0px; right: 0px; margin-right: 0px; color: #fff; height: 31px; float: left; line-height: 31px; margin-top: 45px; margin-right: 13px; }

	.carrito{ border: none;  height: auto; line-height: auto; width: auto; margin-top: 2px !important; float: right; }
	.carrito img{ float: left; margin-left: 0px; margin-top: 0px; margin-left: 0px; }
	#countUnidades{ display: none; height: 21px; line-height: 21px; margin-top: 10px; width: 35px; border-left: 1px solid #fff; float: right; text-align: center;}

	.acceder{ float: left; text-align:right; margin-right:10px; height: 41px; line-height: 41px; margin-top: 0px; text-transform: none; cursor:pointer; font-family: 'ubuntumedium'; letter-spacing: 2px;}
	.acceder div{ float:left; margin-right:3px; border-right: solid 1px #fff; height: 20px; line-height: 20px; float: right; padding-right: 18px; margin-right: 6px; margin-top: 0px;}
	.acceder div img{ float:left; height: 19px;}
	
	
	::placeholder { color: #fff; }
	:-ms-input-placeholder { color: #fff; } /* IE 10+ */
	::-webkit-input-placeholder { color: #fff; } /* WebKit */
	::-moz-placeholder { color: #fff; } /* Firefox 19+ */
	
	.buscadorContainer .cerrar{ position:absolute; right:4%; color:#000; top:15px; width:30px; height:30px; float:left; text-align:right; line-height:30px;}
}


/* ##################### BREADCRUMB ###################### */
#breadcrumb{ float:left; width:100%; margin-top:120px; height:46px; line-height:46px; background-color: #f0f0f0; position: relative; z-index: 99;}
	#breadcrumb .divContent{ width: 100%; left: 0px; margin-left: 0px; }
		.breadcrumb{ float:left; padding-left:0px;}
		.breadcrumb:first-child{ float:left; padding-left:15px;}
		.breadcrumbSeparador{ float:left;}
			.step1{ text-transform:uppercase; color:#000000;}
			.step2, .step3, .step4{ color:#000000;}
			.step1, .step2, .step3, .step4{ text-decoration:none;}

@media screen and (max-width : 950px){
#breadcrumb{ width:100%; padding-left:3%; margin-top:60px; font-size:0.85rem; height:auto; min-height:30px; line-height:20px; padding-top:10px; padding-bottom:0px; position:relative; z-index:10; }
	#breadcrumb .divContent{ padding-bottom:6px;}
	
	.header-bg{ background-size:30px;}
}

@media screen and (max-width : 950px){
	#breadcrumb{padding-left:0; }
}
/* ################## CSS CABECERA ####################### */
#logo{ float:left; position: relative; width:468px; height:61px; left:50%; margin-left:-234px; overflow:hidden; z-index:999; margin-top: 10px;}
	
h1{ float:left; margin-top:0px; width:100%; }
h1 > a{ float:left; width:468px; height:61px; background-image:url("../img/logo-portal-de-serrania.png"); background-repeat:no-repeat; text-indent: 100%;white-space: nowrap;overflow: hidden;display: block; margin-top:0px; top:0px; background-size:contain; background-position: center top;}

@media screen and (max-width : 860px){
#logo{  width:auto; height:61px; left:0; margin-left:2%; overflow:hidden; z-index:999; margin-top: 10px;}	
	#header-frame .content-block{width:100%; left:0; margin-left:0;}
	#logo.small{ width:235px!important; float: left; margin-top:14px!important; margin-left: 40px !important; }
	h1 > a {width:200px !important; margin-left:0px; margin-top:0px;}
	
	.cestaMenuMob{ position: absolute; right: 60px;  top: 15px;}
	.cestaMenuMob img{ width: 23px; height: auto; float: left;}
	.numarticulos{ margin-top: 16px; margin-left: -10px !important;}
}

/* ###################### CSS MENÚ ##########################*/
#menu-container{position: relative; width: 100%; left: 0px; margin-left: 0px; z-index: 999; float: left; margin-top: 10px; }
#menu-container.large{ font-size:21px; height:auto; margin-top: 10px;}
#menu-container.small{ font-size:21px; height:auto;}

	#menu-container ul{ float: left; list-style:none; z-index:60; width:100%; position:relative; left:0px; margin-left:0px; padding-top:0px; padding-left:0px; height: 27px; overflow: visible; padding-top: 4px;}

@media screen and (max-width : 1024px){
	#menu-container ul{ float: left; list-style:none; z-index:60; width:966px; position:relative; left:50%; margin-left:-483px; padding-top:0px; padding-left:0px; }
}
		#menu-container.large ul{ margin-top:3px;}
		#menu-container.small ul{ margin-top:7px;}
		#menu-container ul li{ float:left; text-transform:uppercase; font-weight:400; width:auto; height: 4px; line-height: 22px; padding-left: 15px; padding-right: 15px; margin-top:0px; padding-top:0px; text-align:center; padding-bottom: 15px;}
#menu-empresa,#menu-alimentacion,#menu-productos,#menu-donde-estamos{ border-right: 2px solid #000;}

		#menu-container ul li:first-child{ margin-left: 85px;}
		#menu-container ul li:last-child{ margin-right: 0px;}
			#menu-container ul li a{ text-decoration:none; color:#000; font-family: amiriregular; font-weight: 100; float:left; margin-top: 0px;}
			#menu-container ul li:hover{ /*border-bottom:solid 2px #ffc500;*/}
			#menu-container .selected{ }
			#menu-container .selected a{ }

.searchMenu{ padding-left: 0px !important; padding-right: 0px !important; float: right !important;}
.searchMenu img{height: 23px; width: auto; margin-left: 6px; margin-right: 6px;}
.cestaMenu{ padding-left: 0px !important; padding-right: 0px !important; float: right !important;}
.cestaMenu img{height: 23px; width: auto; margin-left: 12px; margin-right: 12px;}
.socialMenu{ padding-left: 0px !important; padding-right: 0px !important; float: right !important;}
.socialMenu img{height: 23px; width: auto; margin-left: 6px; margin-right: 6px; }
.numarticulos{float:left; width: 17px; height: 17px; text-align: center; font-size: 12px; background-color: #b81726; line-height: 17px; color: #fff; border-radius: 50%; margin-top: 13px; margin-left: -20px;}
			
@media screen and (max-width : 1250px){
		#menu-container ul li{ float:left; text-transform:uppercase; font-weight:400; width:12%; height:15px; padding-left:2%; padding-right:2%; margin-top:-4px; padding-top:0px; text-align:center;}
}


.submenu{ border: none; overflow: hidden; width: 140px; left: 110px; padding-left: 0px; height:0px !important; position: absolute; float:left; top:0px; background-color: rgba(255,255,255,0.9); text-align: left; padding-top: 0px; -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}
.submenu a{ color:#969595 !important;width: 100%; text-align: center;}
.submenuItem{float:left; width: 100%; font-size: 20px; text-align: center;}
#menu-conocenos:hover .submenu{ height: 120px !important; margin-top: 37px;}
.submenuContent{ float: left; position: relative; width: 96%; left: 0px; margin-left: 2%; }
.submenuGrupo{ float:left; width: 21.9%; padding-left: 1.7%; padding-right: 1.7%; border-right: solid 1px #e1e1e1;}
.submenuGrupo:first-child{ padding-left: 0 !important; }
.submenuGrupo:last-child{ border-right: none;}
.subcategoriasList{ float:left; width: 100%; border-bottom: solid 1px #e1e1e1; padding-bottom: 10px !important; margin-bottom: 10px !important;}
.subcategoriasList.categoria-182,.subcategoriasList.categoria-312,.subcategoriasList.categoria-311,.subcategoriasList.categoria-310,.subcategoriasList.categoria-315{ border-bottom: none;}  
.submenuContent a{ cursor: pointer !important; color:#a1a7bd !important; float: left; width: 100%; font-size: 12px; margin-bottom: 4.5px; text-transform: none; font-family: 'montserratsemibold';}
.submenuContent a:hover{ color:#000 !important;}
.submenuContent a.categoria{ color:#000 !important; font-size: 14px; font-family: 'montserratsemibold';}

.submenuDestacados{ background-color: #f0f0f0; height: 47px; line-height: 47px; float: left; width: 100%; margin-top: 20px;}
			


#menuButton{ float: left; font-size:1.4rem; color:#000; background-repeat:no-repeat; position: absolute; top:0px; left:12px; margin-right:0px;  cursor:pointer; margin-top: -4px;}
	#menuButton.large{width:30px; height:30px;}
	#menuButton.small{width:24px; height:24px;}
	#menuButton:hover{ opacity:0.6;}
		
			
@media screen and (max-width : 950px){
	.divContent{ width:100%; height:auto; float:left; position:relative; left:0; margin-left:0;}
	#wrapp{ float:left; position:relative; width:100%; height:auto; min-height:900px; min-width:100%;}
 
	#logo.large{ width:205px; height:auto; margin-top:10px; margin-left:2% !important; }
	#logo.small{ width:155px; height:auto; margin-top:10px; margin-left:2% !important;}
	
	#header-topMenu.large{ height:3px;}
		
	#header-frame.large{ height:58px;}
	#header-frame.small{ height:60px !important; margin-bottom: 30px; top: 0px !important; position: fixed;}

		
	#topMenuContainer{ float:left; width:100%; height:36px; left:0px; margin-left: 0px;}
	.faqs,.buscar div{ display:none;}
	.topBarIcon{ display:block !important;}
	.acceder div{ display:block !important;}
		
.submenuMobile.cerrado{ left:100% !important;}		
#mobileMenu-container{ width:100%; position:fixed;  margin-top:0px; top:0px; height:100%; z-index:999999; background-color:#fff; margin-right:0px; margin-left:0px; left:0px; overflow-y:scroll; overflow-x: hidden;}
	#mobileMenu-container.cerrado{ left:-100%;}	
	
	#mobileMenu-container ul{ float: left !important; margin-left:5%; left:0px; margin-top:45px; width:90%; padding-left:0px; list-style:none; text-transform:uppercase; color:#000; font-size: 0.8rem;}
		#mobileMenu-container ul li{ margin-left:0px; width:100%; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:0px; margin-right:0px; margin-bottom:0px; text-align: left; border-bottom:solid 1px #e1e1e1 !important; height:40px; line-height:40px; font-weight:400; font-size:18px; border-right: none !important;}
		#mobileMenu-container ul li span{ float: left; width: 80%; overflow: hidden; height: 40px;}
			#mobileMenu-container ul li a{ color:#000; text-decoration:none; font-size: 18px; font-weight:400;}
			#mobileMenu-container .flecha{ color:#000; float:right; width:30px; height:30px; line-height:35px; text-align:right; font-size:1rem; margin-top: 6px;}
			#mobileMenu-container .cerrar{ float:right; width:30px; height:30px; color:#000; height:45px; line-height:50px; position: absolute; z-index:20; right:5%; text-align:right;}
			

			.redes{width:94%; height:70px; float:left; margin-left:2%;margin-top:9%; border-bottom:solid 1px #e1e1e1 ;}
			.redes img{margin-left: 15px; margin-right: 5px; margin-top:13px;}
			.redes p,.redes a{ margin: 0; font-family: 'montserratsemibold'; font-size: 21px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 18px;  letter-spacing: normal;  color: #ffc500; margin-right:0px; text-decoration: none;}
			
			.pago{width:90%; height:40px; float:left; margin-left:2%;margin-top:3%;}
			.pago p{ margin: 0;   font-size: 14px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 35px;  letter-spacing: normal;  color: #a1a7bd; margin-left:15px;}
	.redes .telefono{ margin-left: 15px; color:#ffc500!important;}
			.pago img{vertical-align: middle; }
			.negrita {font-weight:bold;}

	.secundarios{ text-transform:none !important; color:#FFF;  float:left; margin-top:25px!important;}
		.secundarios a{ float:left; width:25px; font-size:1.1rem; line-height:35px; height:25px; margin-top: 5px;}
	.secundarios img{float:left; width: 13px; margin-top: 11px; margin-right: 4px;}
		
		#mobileMenu-container .submenuMobile{ border: none; overflow: hidden; width:100%; margin-left:0px; height:410px; position: absolute; float:left; top:0px; z-index:10; left:0px;}
			#mobileMenu-container .submenuMobile ul{ float:left; margin-left:5%; padding-left:0px; margin-top:0px; margin-bottom:6px; left:0px !important; width:90% !important; border-top:solid 1px #FFFFFF; background-color:#fff; font-weight:300; height: 400px; overflow-y: scroll; overflow-x: hidden; background-color: #fff;}
			.submenuMobile-cabecera{ background-color:#f0f0f0; color:#000; float:left; width:100%; height:45px; line-height:45px; font-family: 'amiriregular'; }
				.submenuMobile-cabecera span{ text-transform:uppercase; font-size:0.9rem; float:left; width:70%; text-align:center; margin-left:0px;}
				.submenuMobile-cabecera a{ float:left; text-align:left; width:10%; margin-left:5%; margin-right:0px; line-height:50px; font-size:1rem;}
						
	.socialLinks{ display:none;}
	
	.carrito{ margin-right:5px; margin-top:7px; color:#000 !important}
	.buscar{ margin-right:10px; margin-top:7px; color:#000 !important}
	
	#menuButton.large{width:24px; height:24px; margin-top:10px; z-index:99999 !important;}
	#menuButton.small{width:24px; height:24px; margin-top:10px; z-index:99999 !important;}
			
#menu-container.large{ margin-top:0px;}
#menu-container.small{ margin-top:0px;}

#body-container{ width:94%; margin-left:3%; margin-top:170px;}/*rojo*/
.divContent{ width:100%;}
}

.cierraMobile{ position:fixed; width:100%; height:100%; z-index:1000; top:0px; left:0px; display:none;}


/* ###################### ESTILOS POPUP ########################### */	
.zoomContainer{ z-index:99999 !important;}
.popupArticulo{ width:442px; height:100%; background-color:#FFF; position:fixed; top:0px; right:0px;  z-index:99999 !important; display: none; overflow:hidden;
-webkit-box-shadow: 0 0 200px 0 #000000;
box-shadow: 0 0 200px 0 #000000;
}
	.popupCerrar{ color:#000000; font-size:0.9rem; text-align:right; float:right; cursor:pointer; margin-top:10px; margin-right:10px; font-weight:400 !important; position:relative; z-index:100;}
	
	#popupContent{}
	.iconArrow-cruz:hover{ opacity:0.3;}
			
.capaFondoPopup{ position:fixed; width:100%; height:100%; float:left; top:0px; left:0px; z-index:99998 !important; background-color: rgba(0, 0, 0, 0.3); display:none; }		
.capaFondoPopupTransparente{ position:fixed; width:100%; height:100%; float:left; top:0px; left:0px; z-index:998 !important; display:block; display:none;}		

#condicionesContainer{ width:900px; height:565px; background-color:#FFF; position:fixed; top:16%; left:50%; margin-left:-450px; z-index:99999 !important; display: none; overflow:hidden;
-webkit-box-shadow: 0 0 200px 0 #000000;
box-shadow: 0 0 200px 0 #000000;}
#condicionesContainer span{ cursor:pointer; color:#777777; font-size:1rem !important; float:right; margin-top:10px; margin-right:10px;}#condicionesContent{ float:left; width:92%; margin-left:4%; color:#515151; height:90%; overflow-y:scroll; text-align:justify; font-size:1.1rem; line-height:1.5rem; padding-right:3%; color:#777777; margin-top:5px;}
#condicionesContent h3{ float:left; width:100%; text-transform:uppercase; font-size:1rem; color:#777777;}
#condicionesContent a{ color:#4a72b1;}

@media screen and (max-width : 860px)
{
	#condicionesContainer{ width:94%; height:565px; background-color:#FFF; position:fixed; top:10px; left:0%; margin-left:3%; z-index:99999 !important; display: none; }

	.popupArticulo{ width:100%; height:100%; position:fixed !important; top:0px; left:0%; margin-left:0px; box-shadow:none; }
	.capaFondoPopup{ background-color:rgba(2,2,2,0.70); height:100%; overflow-y:scroll;}		
	.capaFondoPopupTransparente{ background-color:#f5f4f4; height:100%; overflow-y:scroll; z-index:99998 !important;}		

	#contactoMobile{position:fixed; z-index:999; bottom:0; width:100%; height:40px; color:#fff; border-top:1px solid #fff; color:#ffffff; background-image: url(../img/pixel-naranja.jpg); background-repeat:repeat;}
	#contactoMobile a{ position:relative; float:left; margin-left:3%; color:#fff; margin-top:10px; font-size:0.9rem !important; text-decoration:none}
		#contactoMobile a span{ position:relative; float:left; font-size:1.2rem;color:#fff;  margin-right:5px; margin-top:0px;}
		#contactoMobile a:last-child{ float:right; margin-right:3%;color:#fff; margin-top:10px;}
}


@media screen and (max-width : 950px){ 
#formContainer{ display:none;}
	
#menuButton{ display:block !important;}

.popupTrabajo{ width:96%; height:auto; background-color:#FFF; position: fixed; top:1%; left:0px; margin-left:2%; }
	.popupCerrar{ font-size:1.05rem; margin-top:5px; margin-right:2%; margin-bottom:0px; }
}

/* ###################### ESTILOS POPUP LOGIN ########################### */	
.popupLogin{ width:662px; min-height:220px; height:auto; padding-bottom:10px; float:left; position:fixed; top:0px; left:50%; margin-left:-420px; background-color:#FFF; 
-webkit-box-shadow: 0 0 5px 0 #000000;
box-shadow: 0 0 5px 0 #000000;
			}

	/* comportamiento de la caja del login cuando no se ha hecho scroll: */
	.popupLogin.large.visible{ top:36px; z-index:99999; }
	/* comportamiento de la caja del login cuando se ha hecho scroll: */
	.popupLogin.small.visible{ top:3px; z-index:99999; }
	.popupLogin.invisible{ top:-340px; z-index:99999;}
	
	.popupLogin a{ color:#4a72b1; text-decoration:underline; }

	.loginLeftCol{ float:left; border-right:solid 1px #c8c8c8; width:51%;}
	.loginRightCol{ float: right; width:47%; color:#000; text-align:center; font-size:0.9rem; line-height:2rem;}
		.disabledButton{ float:left; height:35px; line-height:38px; background-color:#c4c4c4; color:#FFF !important; width:100%; text-transform:uppercase; text-align:center; cursor:pointer; text-decoration:none !important;}
		.disabledButton:hover{ background-color:#777777;}
			
	.registroLeftCol{ float:left; width:100%;}
		.registroLeftCol input{ float:left; width:45% !important; margin-right:2.5%;}
	
	.popupLogin input{ border:solid 1px #c8c8c8; float:left; width:90%; line-height:24px; height:24px; padding-left:1%; padding-right:1%; color:#000; margin-bottom:11px;}
	.errorField{ color:#F00; font-size:0.8rem; float:left; width:100%; display:none; margin-top:-8px; margin-bottom:5px;}
	#registrarse{ background-color:#4a72b1; text-shadow: 0 0px 8px #323232; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:92%;  height:35px; line-height:38px; text-transform:uppercase; border:solid 1px #4a72b1; cursor:pointer; text-decoration:none; }
	#procesaRegistro{ background-color:#4a72b1; text-shadow: 0 0px 8px #323232; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:47%;  height:35px; line-height:38px; text-transform:uppercase; border:solid 1px #4a72b1; cursor:pointer; text-decoration:none;  }
		#registrarse:hover,#procesaRegistro:hover{ background-color:#777777;}
		.condiciones{ float:left; width:100%; text-align:left; font-size:0.9rem; margin-top:10px;}
			.condiciones a{ text-decoration:underline; color:#4a72b1;}
		.registro .entrar{ float:left; font-size:0.9rem; color:#000; margin-left:2%;}
			.registro .entrar a{ color:#4a72b1; text-decoration:underline; }
				.olvidado{ float:left; margin-top:10px;}
			
			.inputBox{ float:left; width:50%;}
				.inputBox input{ float:left; width:92% !important; padding-left:1%; padding-right:1%;}
			
			.recordarOpciones{ line-height:1.5rem !important; margin-top:0px; margin-bottom:20px; float:left; width:100%; text-align:center;}
	
	.loginHeader{ float:left; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#000; text-transform:none; font-size:1.05rem; height:50px; line-height:50px; width:auto; font-weight: 400; font-family: 'amiriregular'; }
	
	.login,.registro,.passolvidada{ float:left; width:92%; margin-left:4%;}
	.login{ display: block;}
	.registro{ display: none;}
	.passolvidada{ display:none;}

/* ###################### CSS FOOTER ##########################*/
#footer-frame{ float:left; width:100%; background-color:#000; position: relative; z-index: 999; overflow: hidden; font-family: 'amiriregular';}
.frameNewsletter{ background-color: #ffc500; color: #000; float: left; width: 100%; height: 139px;}
.frameNewsletter h6{ font-size: 29px; line-height: 1.2; float: left; width: 60%; text-transform: uppercase; font-family: 'montserratsemibold'; font-weight: bold; margin-top: 36px; }
.boton{ float:left; border: solid 2px #000; height: 52px; width: 240px;}
.boton a{ float:left; border: solid 2px #000; background-color: #000; line-height: 52px; height: 52px; width: 240px; color: #fff; text-transform: uppercase; font-size: 16px; text-align: center; font-family: 'montserratsemibold'; text-decoration: none; margin-top: -12px; margin-left: -12px;}
.frameNewsletter .boton{ width: 350px; float: right; margin-top: 50px;}
.frameNewsletter .boton a{ width: 350px;}
.boton a:hover{ margin-top: 0px; margin-left: 0px;}
	#footer-container{ width:966px; float:left; position:relative; left:50%; margin-left:-483px; z-index:1;}

.frameFooterBloques{ width: 100%; height: auto; float: left; position: relative;}
.frameFooterBloques .content-block{ width: 1000px; height: auto; float: left; left: 50%; margin-left: -500px; position: relative;}

.bloqueFooter{ float: left; position: relative; width: 210px; margin-top: 91px; padding-left: 30px; height: 306px; border-right: solid 1px #bfc2c9; border-bottom: solid 1px #bfc2c9;}
.bloqueFooter:first-child{ padding-left: 0px; }
.bloqueFooter:last-child{ border-right: none; width: 252px; }
.bloqueFooter h6{ text-transform: uppercase; font-size: 18px; font-family: 'montserratsemibold'; float: left; width: 100%; margin-top: 0px; margin-bottom: 44px;}
.bloqueFooter ul{ text-transform: uppercase; font-size: 13px; font-family: 'amiriregular'; list-style: none; letter-spacing: 1.5px; float: left; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 0; margin: 0;}
.bloqueFooter ul li{ float: left; width: 100%; padding: 0; margin: 0; margin-bottom: 28px;}
.bloqueFooter ul a{ color:#000; text-decoration: none; font-family: 'amiriregular'; font-weight: bold;}

.pagos{width:1000px;position:absolute; left:50%; margin-left:-500px; top:412px;}
.pagos ul{float: left; width: 100%;  height: 72px ; padding: 0; margin: 0; list-style:none;}
.pagos ul li{ float: left; width: 8.88%; height:100%; padding: 0; margin-right:35px; display:flex;}
.pagos ul li img{ width:90%;  display:block;object-fit: none; margin: auto;}
.pagos ul li:last-child{ width:47%; margin-right:0;}
.pagos ul li:last-child p{ margin:auto 0;margin-left:71px; font-family: 'amiriregular';  font-size: 18px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 2;  letter-spacing: normal;  color: #a1a7bd;}
.pagos ul li:last-child p .negrita{ font-family: 'montserratsemibold' !important; font-weight: bold;}
.pagos ul li:last-child img{ height:22px; display:inline-block; width:40px;}

@media screen and (max-width : 950px){
 .frameNewsletter .content-block{ width:100%;left:0; margin-left:1px;}
 .frameNewsletter h6{font-size:27px; width:60%; padding-left:6px;}
.frameNewsletter .boton{ width:37%!important;margin-right:10px;} 


.frameFooterBloques{display:block; height:400px;}
.frameFooterBloques .content-block{ width:100%; left:0; margin-left:0;}
.bloqueFooter{width:16%; margin-top:10px;height:250px!important;padding-left:1%; margin-bottom:0!important;}
.bloqueFooter:first-child{ padding-left: 1%; }
.bloqueFooter h6{margin-bottom:35px;}
.bloqueFooter ul{ font-size:10px;}
.bloqueFooter ul li {margin-bottom:20px;}
.bloqueFooter:last-child{ width: 46%; }

.pagos{width:100%; left:0; margin-left:0; top:300px;}
.pagos ul{ height: 45px ; }
.pagos ul li{ margin-right:2%;}
.pagos ul li img{object-fit: contain;}
.pagos ul li:last-child{ width:56%;}
.pagos ul li:last-child p{margin-left:8%;font-size:10px;}
.pagos ul li:last-child img{ height:11px;  width:20px;}
}

@media screen and (max-width : 860px){
 .frameNewsletter .content-block{ width:100%;left:0; margin-left:1px;}
.frameNewsletter h6{font-size:15px; width:54%; margin-left:6px;}
.frameNewsletter .boton{ width:36%!important; margin-right:10px;}
.frameNewsletter .boton a{ width: 121px; font-size:11px; line-height:25px;}

.frameFooterBloques{display:block; height:710px;}
.frameFooterBloques .content-block{ width:100%; left:0; margin-left:0;}
.bloqueFooter{width:100%; margin-top:10px;height:auto!important;padding-left:0; margin-bottom:0!important; text-align:center; border-right:none;}
.bloqueFooter:first-child{ padding-left: 0; }
.bloqueFooter h6{margin-bottom:22px;}
.bloqueFooter ul{ font-size:10px;text-align:center;}
.bloqueFooter ul li {margin-bottom:15px;}
.bloqueFooter:last-child{ width: 100%; }


.pagos{width:98%; left:0; margin-left:2%; top:665px;}
.pagos ul{ height: 45px ; }
.pagos ul li{ margin-right:2%;}
.pagos ul li img{object-fit: contain;}
.pagos ul li:last-child{ width:56%;}
.pagos ul li:last-child p{margin-left:8%;font-size:10px;}
.pagos ul li:last-child img{ height:11px;  width:20px;}

}
/* ######################## REDES SOCIALES ######################### */
.llamanos{ float:left; position:relative; z-index:999; border-top: solid 1px #bfc2c9; height: 88px; line-height: 88px; margin-left: -30px !important; padding-left: 30px !important; width: 282px; margin-bottom: 0px !important; }
.llamanos a{ color:#a1a7bd !important; font-size: 28px; font-family: 'montserratsemibold' !important; font-weight: bold;}
.socialLinks{ float:left; position:relative; z-index:999; border-top: solid 1px #bfc2c9;  height: 88px; line-height: 88px; margin-top: 0px !important;  margin-left: -30px !important; padding-left: 30px !important; width: 282px;}
	.socialIcon{ float: left; margin-right: 20px; margin-bottom:3px; cursor:pointer; color:#ffc500;}
		.socialIcon a{ color:#a1a7bd !important; font-size:1.2rem; text-align:center; width:30px; float:left;}
		.socialIcon a:hover img{ color:#ffc500 !important;}
		.icon-facebook{ font-size:1.6rem !important; }
		.icon-twitter{ font-size:2.rem !important;}
		.icon-instagram{ font-size:1.5rem !important;}

.footer-bottom{ height: auto; padding-top: 20px; padding-bottom: 20px; line-height: 3; color: #fff; font-size: 17px; text-align: center; background-color: #000; float: left; width: 4000px; position: relative; left: 50%; margin-left: -2000px; margin-top:10px;}
.footer-bottom a{ color:#fff; text-decoration: none;}

.logoFooter{ float:left; width: 90%; margin-left: 0; margin-right: 1%; margin-top: 0px; margin-bottom: 40px;}

.footerContactos{ float:left; width: 47%; margin-left: 3%; position: relative; margin-top: 110px; }
.footerContactosLeft{ float:left; width: 47%; margin-right: 3%; position: relative; margin-top: 70px; }
.footerContactos a,.footerContactosLeft a{ text-decoration: none; color: #fff; font-size: 19px;}
.footerRow{float:left; background-repeat: no-repeat; height: 20px; line-height: 20px; background-size: 20px auto; padding-left: 30px; background-position: left center; color:#fff; margin-bottom: 30px; font-size: 19px; width: 100%;}
.footerRow.contacto{ background-image: url("../img/direccion.png");  background-size: auto 20px; height: auto;}
.footerRow.telefono{ background-image: url("../img/telefono.png");}
.footerRow.email{ background-image: url("../img/mail.png");}
.footerRow.instagram{ background-image: url("../img/insta.png");}
.footerRow.facebook{ background-image: url("../img/face.png");}

@media screen and (max-width : 950px){
.llamanos{margin-left:-10px!important; height:75px; line-height:75px;}
	.socialLinks{display:block; height:auto;line-height:60px;margin-left:-9px!important; padding-left:14px!important;}

}


@media screen and (max-width : 860px){
	
	.logoFooter{ float:left; width: 100%; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 60px;}

.footerContactosLeft{ float:left; width: 60%; margin-left: 20%; position: relative; margin-top: 70px;}
.footerContactos{ float:left; width: 60%; margin-left: 20%; position: relative; margin-top: 0px;}
	.frameFooterBloques{ height: auto; padding-bottom: 20px;}
	
	.llamanos{height:35px;line-height:36px; padding-left:8px!important;}
	.llamanos a{font-size:19px;}
	.footer-bottom{width:100%; left:0; margin-left:0; font-size:13px;line-height:2;padding-top:20px;}
	.socialLinks{display:block; height:42px;line-height:50px; padding-left:120px!important;margin-bottom:0!important;width:100%!important;}
	
}


		
@media screen and (max-width : 950px){
	#footer-container{ width:100%; left:0px; margin-left:0px;}
	
		#footer-container .social,#footer-container .ayuda,#footer-container .newsletter{ width:94%; margin-left:3%; height:auto;}
		#footer-container .social{ margin-top:20px;}
			#home-social .social-item{ margin-left:4%; margin-right:4%;}
				
		/* BLOQUES FOOTER */
		.bloqueFooter{ height:auto; margin-bottom:20px;}
			.bloqueFooter h6{ font-size:0.95rem; margin-top:14px;}
			.bloqueFooter p{ font-size:0.9rem;}
			
				.input_news{ width:55%; height:32px; margin-top:18px;}
				.submit_news{ width:35%; margin-top:18px;}
				
		.footer-bottom{ height:auto;}
		.footer-bottom-container{ width:100%; left:0px; margin-left:0px; line-height:53px; overflow:hidden; height:auto;}
			.footer-bottom-container a{ float:left; width:100%; text-align:center;}
			
		.footer-bottom-container a{ color:#FFFFFF; text-decoration:none;}

        .icon-euro_6000{ margin-right:10%;}
        .icon-paypal{}
        .icon-mastercard{ }
        .icon-visa{ }
}
@media screen and (max-width : 950px){
			#home-social .divFacebook{ margin-left:34% !important; }
			#footer-container .newsletter{ width:50%; margin-left:25%; }
			.icon-euro_6000{ margin-right:30%;}
}
@media screen and (max-width : 850px){
			#home-social .divFacebook{ margin-left:30% !important; }
			#footer-container .newsletter{ width:50%; margin-left:25%; }
			.icon-euro_6000{ margin-right:25%;}
}
@media screen and (max-width : 630px){
			.icon-euro_6000{ margin-right:15%;}
}
@media screen and (max-width : 550px){
			#home-social .divFacebook{ margin-left:25% !important; }
			#footer-container .newsletter{ width:94%; margin-left:3%; }
			.icon-euro_6000{ margin-right:15%;}
}
@media screen and (max-width : 480px){
		.icon-euro_6000{ margin-right:10%;}
        .icon-euro_6000{ font-size:2rem;}
        .icon-paypal{ font-size:4.8rem; }
        .icon-mastercard{ font-size:3.1rem;}
        .icon-visa{ font-size:3.5rem; }
}
@media screen and (max-width : 390px){
			#home-social .divFacebook{ margin-left:20% !important; }
			.icon-euro_6000{ margin-right:5%;}
        .icon-euro_6000{ font-size:1.9rem; margin-top:0px;}
        .icon-paypal{ font-size:4.5rem; margin-right:10% }
        .icon-mastercard{ font-size:3rem; margin-right:10%;}
        .icon-visa{ font-size:3.3rem; margin-right:10%; }
}

/* ######## ESTILOS CAMPOS FORM NETVOLUCIONA ######### */

/* select */
/*
.selectInput{ min-width:60px; cursor:pointer; float:left; font-weight:400;}
	.desplegableSelect{  width:100% !important; list-style:none; margin:0; padding:0; margin-top:4px; background-color:#FFF;}
		.desplegableDataContainer{ float:left; width:100%; height:auto; max-height:300px; overflow-y:scroll; background-color:#fff;  border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding-bottom:4px; display:none; position:absolute; margin-top:26px; z-index:20; }
				.desplegableSelect li{ float:left; width:97%; padding-left:3%; padding-top:3px; padding-bottom:3px;}
				.desplegableSelect li.selected{ color:#000; background-color:#EDEDED;}
					.desplegableSelect li:hover{ color:#000; background-color:#EDEDED;}
					.valName{ float:left; width:auto;}
	.cajaSelect{ float:left; height:25px; border:solid 1px #000000; line-height:25px; padding-left:3%; width:97%; position:relative; z-index:25; background-color:#FFF;}
		.cajaSelect:hover{ color:#000; background-color:#EDEDED;}
	.selectArrow{ color:#000; height:25px; line-height:25px; width:20px; text-align:center; float:right; font-size:0.5rem;}
*/
	/* select */
	.customSelectBox{ width:auto; height:26px; float:left; overflow:hidden; border:solid 1px #000000; min-width:100px; padding-right:5px;}
		.customSelectBox .arrow{ font-size:0.43rem; line-height:1.5rem; position:relative; float:right; width:10%; height:26px; text-align: center; z-index:1 !important;  margin-left:-20% !important;}
			.customSelectBox .arrow:before{content:'\0055'; font-family:'iconos'; }
		.customSelectBox-container{ float:left; width:103%; height:26px; overflow:hidden; z-index:2 !important; position:relative;}
		.customSelect{ width:111%; height:26px; line-height:26px; float:left; background-color: transparent; border:none; font-family: 'amiriregular', arial; font-size:0.9rem; }
		
	/* checkbox */
	.inputCheckbox{ cursor:pointer; float:left;}
		.inputCheckboxCheck{float:left; width:17px; text-align:left;}
		.iconoTienda-check{ font-size:0.85rem; margin-top:1px;}
		.iconoTienda-checked{ font-size:0.98rem; }
		.inputCheckboxCheckLabel{ float:left; margin-right:20px; margin-top:2px;}

@media screen and (max-width : 780px){ 
.popupLogin{ width:96%; margin-left:2%; left:0px; margin-top:60px; z-index:99999 !important;}
.popupLogin.visible{ top:120px;}
.popupLogin.invisible{ top:-400px; z-index:999;}
.popupLogin  .cerrar{ position:absolute; right:4%; color:#000; top:15px; width:30px; height:30px; float:left; text-align:right; line-height:30px;}

.login,.registro,.passolvidada{ width:92% !important; margin-left:4% !important; }
.loginLeftCol,.loginRightCol{ width:100%; border:none;}
.popupLogin input{ width:98%;}
#registrarse{ width:100%;}
.olvidado{ width:100%; text-align:center;}
.inputBox{ width:100%;}
.inputBox input{ width:98% !important; margin-right:0px;}
#procesaRegistro{ width:100% !important;}
.registro .entrar{ width:100%; margin-left:0px; text-align:center; margin-top:10px;}
.condiciones{ width:100%; text-align:center; margin-bottom:14px;}
}

/* #################### CSS AVISO COOKIES ########################### */
#aviso-cookies{ position:fixed; bottom:0px; width:100%; left:0px; margin-left:0px; border: none; height:33vh; background-color: #000; color:#000; z-index:200000; border-radius:0px;}
#aviso-cookies-container{ position:relative; margin-left:auto; margin-right:auto; width:60%; font-family: 'amiriregular',arial; margin-top:0px; margin-bottom:0px; font-weight:400; line-height:18px; font-size:15px; text-align:center; left: 0px; margin-left: 8vw;}
#aviso-cookies a{ color:#999; text-decoration: underline; font-weight:400; margin-right:0px !important; font-size:15px;}
#aviso-cookies a.azulClaro{ color:#fff; text-decoration: underline; font-weight:400; margin-right:0px !important; font-size:15px;}
#aviso-cookies p{ margin-right:0px !important; font-size:16px !important; text-align: left; color: #fff;}
#aviso-cookies h4{ margin-right:0px !important; font-size:32px !important; text-transform: none; color: #fff; text-align: left; margin-top: 4vh;}
#aviso-cookies a:hover{ color: #CCC;}
#boton-cookies-accept{ color:#ffffff; font-weight:700; font-size:24px !important; text-transform: none;  float: left; position: absolute; top:0px; text-decoration:none !important; cursor:pointer; width:196px; height:56px; background-color: #fff; border-radius: 8px; text-align:center; line-height:56px; right:8vw; margin-top:9vh; border-radius:10px;}
.frame-seccion{ overflow:hidden;}

@media screen and (max-width : 780px){ 
	#aviso-cookies{ height: auto; bottom: 0vw; z-index: 999 !important; position: fixed; width: 100%;}
	#aviso-cookies-container{ position: relative; width: 96%; margin-left: 2%; margin-right: 2%; }
	#aviso-cookies p{ font-size:15px !important; float: left; width: 100%; max-width: 100%;}
	#aviso-cookies h4{ font-size:20px !important; margin-top: 4vh; width: 100%; float: left;}	
	#boton-cookies-accept{ position: relative; float: left; margin-top: 3vw; margin-left: 2%; margin-bottom: 5vw; right: 0px; width:146px; height:46px; line-height: 46px; font-size: 18px !important;}
}

/* ###################### ESTILOS POPUP BUSCADOR ########################### */	
.popupBuscador{ width:742px; height: 50px; float:left; position:absolute; top:0px; left:50%; margin-left:-250px; background-color:#f5f4f4;  }
	/* comportamiento de la caja del login cuando no se ha hecho scroll: */
	.popupBuscador.large.visible{ top:72px; z-index:999; }
	/* comportamiento de la caja del login cuando se ha hecho scroll: */
	.popupBuscador.small.visible{ top:3px; z-index:999; }
	.popupBuscador.invisible{ top:-240px; z-index:999;}
	
	.buscadorContainer{ width:96%; float:left; margin-left:2%; padding-bottom:10px;}
		.botonBuscar{ background-color:#000; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:22%;  height:30px; line-height:30px; text-transform:none; border:solid 1px #000; cursor:pointer; text-decoration:none; cursor:pointer; }
		.botonBuscar:hover{ background-color:#777777;}
			#search{ border:solid 1px #c8c8c8; float:left; width:73%; line-height:33px; height:30px; padding-left:1%; padding-right:1%; color:#000; margin-bottom:11px; margin-left:0%; color:#000; font-size:1rem; font-family: 'amiriregular';}
			.searchError{ font-size:0.9rem; float:left; width:100%; color:#F00; margin-top:0px; display:none;}

@media screen and (max-width : 950px){ 
.popupBuscador{ width:100%; left:0px; margin-left:0px; }
	/* comportamiento de la caja del login cuando no se ha hecho scroll: */
	.popupBuscador.large.visible{ top:59px; z-index:99999; }
	/* comportamiento de la caja del login cuando se ha hecho scroll: */
	.popupBuscador.small.visible{ top:59px; z-index:99999; }
	
	.botonBuscar{ width:100%;}
	#search{ width:98%;}
	.searchError{ margin-top:4px;}
	
	.buscadorContainer .cerrar{ position:absolute; right:4%; color:#000; top:15px; width:30px; height:30px; float:left; text-align:right; line-height:30px;}
}



/* VARIACION BOTONES ROJOS A NEGROS */
.animatedHoverBlack{ cursor:pointer; background-color:#4a72b1;}
.animatedHoverBlack:hover{ background-color:#4a72b1;}

.boton a{
  transition: all 4s;
  -moz-transition: all 4s; /* Firefox 4 */
  -webkit-transition: all 4s; /* Safari and Chrome */
  -o-transition: all 4s; /* Opera */
}


#logo, #menu-container, #header-frame, #menuButton, #header-topMenu, #topMenuContainer, .popupLogin, .popupBuscador, .submenu,.submenuMobile,#mobileMenu-container{
  transition: all 0.8s;
  -moz-transition: all 0.8s; /* Firefox 4 */
  -webkit-transition: all 0.8s; /* Safari and Chrome */
  -o-transition: all 0.8s; /* Opera */
}

.animatedHoverBlackBorder, .animatedHoverBlack, .animatedHoverBlackLink, .faqsLink, .carrito, .acceder, .buscar,.submit_news,.social-item,#boton-cookies-accept,.iconArrow-cruz,.botonBuscar,#registrarse,#procesaRegistro,.disabledButton,.botonEnviar,.socialIcon,.socialIcon a,.submenuContent a{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}



.ui-button{ background-color:#FFF !important; border: solid 1px #000000 !important;}


.PubliKitDigital{ float:left; width: 100%; margin-top: 20px; font-size: 14px; text-align: center;}
.PubliKitDigital .contentkit{ float:left; width: 1200px; left: 50% !important; margin-left: -600px !important; position: relative;}
.PubliKitDigital img{ width: 160px; position: relative;}	
.ue{ top: -20px; margin-left: 15px;}
	
@media(max-width : 900px)
{
.PubliKitDigital{ float:left; width: 100%; margin-top: 20px; font-size: 11px; text-align: center; margin-bottom: 140px;}
.PubliKitDigital .contentkit{ float:left; width: 90%; left: 0; margin-left: 5%; position: relative;}
.PubliKitDigital img{ width: 120px; position: relative;}	
.ue{ top: -15px; margin-left: 10px;}
}