e@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');

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


/* ###################### ESTILOS POPUP ########################### */	
.popupArticulo{ width:787px; height:auto; min-height:390px; padding-bottom:60px; background-color:#FFF; position:fixed; top:10%; left:50%; margin-left:-393px; 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:7px; margin-right:7px; 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:1.1rem; color:#777777;}
#condicionesContent h4{ float:left; width:100%; text-transform:uppercase; font-size:0.95rem; color:#777777; margin-bottom:5px;}
#condicionesContent a{ color:#800300;}
#condicionesContent p{ font-size:0.9rem;}
#condicionesContent ul{ font-size:0.9rem;}
#condicionesContent ol{ font-size:0.9rem;}

.txtRefPedido{ float:left; margin-top:10px; margin-bottom:20px; width:100%;}
.input{ float:left;}
.referencia{ float:left; width:200px; height:35px; line-height:32px; padding:0px; padding-left:10px; padding-right:10px; color:#000; font-size:0.9rem;}
.consultar{ background-color:#800300; width:150px; margin-left:15px; height:40px; line-height:37px; color:#FFF; text-transform:uppercase; font-size:0.9rem; border:none; transition: all 0.5s; cursor:pointer;}
	.consultar:hover{ opacity:0.5;}

@media screen and (max-width : 780px)
{
	#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:84%; height:auto; position:fixed; top:15px; left:0%; margin-left:8%; box-shadow:none; position:absolute;}
	.capaFondoPopup{ background-color:#dcdcdc; height:100%; overflow-y:scroll;}		
	.capaFondoPopupTransparente{ background-color:#dcdcdc; 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 BUSCADOR ########################### */	
.popupBuscador{ width:492px; min-height:110px; float:left; position:fixed; top:0px; left:50%; margin-left:-250px; 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: */
	.popupBuscador.large.visible{ top:36px; 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:92%; float:left; margin-left:4%; padding-bottom:10px;}
		.botonBuscar{ background-color:#800300; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:20%;  height:32px; line-height:35px; text-transform:uppercase; border:solid 1px #800300; 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-right:2%; 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){ 
.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;}
}
/* ###################### 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:999; }
	/* 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:999;}
	
	.popupLogin a{ color:#800300; 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:#800300; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:92%;  height:35px; line-height:38px; text-transform:uppercase; border:solid 1px #800300; cursor:pointer; text-decoration:none; }
	#procesaRegistro{ background-color:#800300; text-align:center; font-size:0.9rem; color:#FFF; float:left; width:47%;  height:35px; line-height:38px; text-transform:uppercase; border:solid 1px #800300; 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:#800300;}
		.registro .entrar{ float:left; font-size:0.9rem; color:#000; margin-left:2%; width:50%;}
			.registro .entrar a{ color:#800300; 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:uppercase; font-size:1.05rem; height:60px; line-height:60px; width:100%; font-weight: 400; }
	
	.login,.registro,.passolvidada{ float:left; width:92%; margin-left:4%;}
	.login{ display: block;}
	.registro{ display: none;}
	.passolvidada{ display:none;}

/* ###################### CSS MÁS BUSCADOS ##########################*/
.frameMasBuscados{ float:left; width:100%; position:relative; margin-top:30px;}
	.masBuscados{ background-color:#800300; float:left; float: left; width: 902px; padding-left:30px; padding-right:30px; left: 50%; margin-left: -481px; position: relative; color:#FFF;}
		.masBuscados h5{ float:left; width:30%; text-transform:uppercase; font-size:0.85rem; font-weight:normal; margin-top:25px;}
			.masBuscados h5 span{ float:left; width:100%; text-transform:uppercase; font-size:1.5rem; font-weight: bold;}
		.masBuscados ul{ float:left; width:70%; margin-left:0px; list-style:none; padding-left:0px; margin-top:20px; font-size:0.9rem; padding-bottom:10px;}
			.masBuscados ul li{ float:left; width:32%; margin-right:1%; margin-top:0px; margin-bottom:5px;}
				.masBuscados ul li span{ font-weight:bold; font-size:1.1rem; color:#FFF !important;}
		.masBuscados a{ color:#FFF; text-decoration:none;}

@media screen and (max-width : 750px){ 
.frameMasBuscados{ margin-top:20px;}
	.masBuscados{ width: 90%; padding-left:5%; padding-right:5%; left:0px; margin-left:0px; }
		.masBuscados h5{ width:100%; font-size:0.8rem; margin-top:15px; text-align:center; margin-bottom:10px;}
			.masBuscados h5 span{ font-size:1rem; }
		.masBuscados ul{ float:left; width:100%; margin-top:0px; font-size:0.85rem; padding-bottom:10px;}
			/*.masBuscados ul li{ width:70% !important; margin-left:15%; height:auto; margin-bottom:5px;}*/
			.masBuscados ul li{ width:48% !important; margin-left:1%; margin-right:1%; height:auto; margin-bottom:5px; display:table-cell;}
				.masBuscados ul li span{ font-size:1rem;}
}

/* ###################### CSS FOOTER ##########################*/
#footer-frame{ float:left; width:100%;}
	#footer-container{ width:966px;  border-top:solid 1px #CCCCCC; float:left; position:relative; left:50%; margin-left:-483px; z-index:1;}
	
		#footer-container .social{ width:30%; float:left; position:relative; margin-right:3%;}
		#footer-container .ayuda{ width:30%; float:left; position:relative; margin-left:1.5%;}
		#footer-container .newsletter{ width:30%; float:left; position:relative; margin-left:3%;}
				
		/* BLOQUES FOOTER */
		.bloqueFooter{ height:250px; float:left;}
			.bloqueFooter h6{ float:left; width:100%; text-align:center; text-transform:uppercase; font-weight:400; font-size:1.05rem; margin-bottom:0px; margin-top:64px;}
			.bloqueFooter p{ float:left; width:100%; text-align:center; text-transform: none; font-weight:400; font-size:1rem; margin-bottom:0px; margin-top:0px;}
				
				/* BLOQUE FOOTER SOCIAL */
				#home-social{ float:left; width:auto; left:50%; position:relative; list-style:none; padding-left:0px; margin-left:0px;}
					#home-social li{ float:left; position:relative; left:-50%; margin-left:5px; margin-right:5px;}
						#home-social li a{transition: all 0.5s;}
							#home-social li a:hover{ background-color:#FFF; color:#000; -webkit-box-shadow:inset 0 0 10px 0 #B5B5B5; box-shadow:inset 0 0 10px 0 #B5B5B5;}
					
					#home-social .social-item{ float:left; width:43px; height:43px; border-radius:43px; border:solid  1px #800300; color:#800300 !important; font-size:1.3rem; text-align:center; line-height:43px; margin-left:6px; margin-right:6px; margin-top:33px;}
					#home-social .social-item:hover{border: solid 1px #777777;}
					#home-social .social-item:hover a{color: #777777;}
					#home-social .social-item a{ color:#800300; text-align:center; float:left; width:100%;}
					#home-social .icon-facebook{ font-size:1.4rem; color:#FFF; text-align:center; line-height:43px;}
					#home-social .icon-instagram{ font-size:1.25rem; color:#FFF; text-align:center;}
					#home-social .icon-twitter{ font-size:1.65rem; color:#FFF; text-align:center; line-height:46px !important;}
					#home-social .icon-pinterest{ font-size:1.32rem; margin-top:5px;}
					#home-social .divFacebook{ margin-left:65px !important;}
					
				/* BLOQUE FOOTER AYUDA */
				.ayuda ul{ float:left; list-style:none; color:#777777;  width:100%; margin-left:0px; padding-left:0px;}
					.ayuda ul li{ float:left; width:100%; margin-left:0px; padding-left:0px; text-align:center; text-decoration:underline; font-size:1rem; line-height:1.3rem;}
						.ayuda ul li a{ color:#777777;}
		
				/* BLOQUE FOOTER NEWSLETTER */
				.input_news{ border:solid 1px #000000; width:164px; height:32px; line-height:32px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; font-size:1rem; float: left; margin-top:20px;}
				.submit_news{ color:#FFF; text-transform:uppercase; text-align:center; height:34px; width:100px; float: right; border:none; margin-top:20px; background-color:#800300; cursor:pointer;}
					.submit_news:hover{ background-color:#777777;}
				#newsletter-respuesta{ float:left; margin-top:6px; color: #F00; font-size:0.8rem; }
				
		.footer-bottom{ float:left; width:100%; background-color:#800300; height:53px; color:#FFFFFF; position:relative; z-index:9999;}
		.footer-bottom-container{ float:left; position:relative; width:966px; left:50%; margin-left:-483px; line-height:53px; overflow:hidden; height:53px;}
		.footer-bottom-container a{ color:#FFFFFF; text-decoration:none;}

        .icon-euro_6000{ color:#FFFFFF; float:right; font-size:2.4rem; margin-top:7px;}
        .icon-paypal{ color:#FFFFFF; float:right; font-size:5.7rem; margin-right:45px; margin-top:-15px;}
        .icon-mastercard{ color:#FFFFFF; float:right; font-size:3.7rem; margin-right:45px; margin-top:-3px;}
        .icon-visa{ color:#FFFFFF; float:right; font-size:1rem; margin-right:50px; font-size:4rem; margin-top:-5px;}

		.iconosFooter{}
		
#aviso-cookies{ position:fixed; bottom:0px; left:0px; width:100%; background-color:#777777; z-index:9999; background:rgba(0,0,0,0.85);}
	#aviso-cookies-container{ position:relative; float:left; width:80%; margin-left:10%; font-size:1rem; color:#FFF; text-align:center;}
		#aviso-cookies-container p{ color:#FFF; }
		#aviso-cookies-container a{ color:#FFF; text-decoration:underline;}
	#boton-cookies-accept{ color:#FFF; font-size:1rem; float:right; margin-right:3%; margin-top:20px; width:3%; text-align:right;}
		#boton-cookies-accept:hover{ opacity:0.3;}
		
@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: comfortaaregular, 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){ 
#aviso-cookies-container p{ text-align:justify;}
.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;}
}


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

#logo, #menu-container, #header-frame, #menuButton, #wrapper, #header-topMenu, #topMenuContainer, .popupLogin, .popupBuscador, .submenu,.submenuMobile,#mobileMenu-container,.desde{
  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{
  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;}




#formContainer{ position:fixed; float:right; right:0px; width:330px; height:162px; overflow:hidden; right:40px; z-index:999; background-color:#FFF;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33); transition: all 0.5s;}.llamada{ color:#4a7092; font-size:1.9rem; float:left; margin-left:5.1%; margin-top:12px; height:40px; overflow:hidden; margin-right:5px;}#formContent #nombreform{ display:none; }#formContent #emailform{ display:none; }.formHidden{bottom:-115px;}.formVisible{bottom:0px;}#formHeader{ background-color:#800300; height:50px; line-height:50px; font-size:1.2rem; font-weight:300; color:#FFF; text-align:center;}#formHeader a{ float:right; width:19px; height:7px; background-image:url(../img/plegarForm.png); background-repeat:no-repeat;  margin-top:22px; margin-right:5%; cursor:pointer;}.formVisible #formHeader a{background-position:bottom;}.formHidden #formHeader a{background-position: top;}#formHeader h6{ font-weight:300; color:#FFF; text-align:center; width:80%; float:left; font-size:1.2rem; margin-top:0px; margin-bottom:0px; line-height:50px; height:50px; overflow:hidden; text-align:justify; margin-left:7%;}#formContainer p{ color:#515151; font-weight:300; font-size:1rem; width:80%; margin-left:7%; text-align:justify; line-height:1.25rem; margin-top:8px; margin-bottom:0px;}.llamanos{ color:#9b0909 !important; font-size:0.95rem; font-weight:300;}.llamanos span{ font-size:1.4rem; font-weight:400;}.mensajeanos{ color:#9b0909 !important; font-size:0.95rem; font-weight:300;}.mensajeanos span{ font-size:1.4rem; font-weight:400;}.input{ width:78%; border:solid 1px #cccc; float:left; color:#515151; font-size:0.9rem !important; padding-left:1% !important; padding-right:1% !important; height:24px; line-height:24px; margin-top:8px; margin-left:7%;}	#formContainer textarea{ width:79% !important; border:solid 1px !important; resize:none; float:left; border-color:#CCC !important; color:#515151; font-size:0.9rem !important; padding-left:1% !important; padding-right:1% !important; height:50px; line-height:1.15rem; margin-left:7%; margin-top:8px;}	.condicionesBox{ float:left; width:80%; margin-left:7%; display:none;}#condiciones{ width:17px !important; height:17px !important; border:solid 1px #cccc; float:left; margin-left:0px; margin-top:7px; }.condicionesBox label{ float:left; color:#515151; font-weight:300; font-size:0.9rem; text-align:justify; line-height:1.25rem; margin-top:6px; margin-bottom:6px;}#enviar{ width:82%; text-align:center; color:#FFF !important; font-weight:600px !important; text-transform:uppercase; background-color:#283b5b; height:28px !important; line-height:26px !important; border:solid 1px #4a7092; cursor:pointer; margin-left:7%; font-size:0.95rem; margin-top:0px; display:none;}#enviar:hover{ opacity:0.6;}label span{ cursor:pointer; text-decoration:underline; color:#4a7092;}label span:hover{ opacity:0.6;}