/*ICOMOON FONTS*/
	@font-face {
	    font-family: 'icomoon';
	    src: url('/styles/fonts/icomoon.ttf?-mxku12') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	
	/* Enable Ligatures ================ */
	    -webkit-font-feature-settings: "liga";
	    -moz-font-feature-settings: "liga=1";
	    -moz-font-feature-settings: "liga";
	    -ms-font-feature-settings: "liga" 1;
	    -o-font-feature-settings: "liga";
	    font-feature-settings: "liga";
	
	/* Better Font Rendering =========== */
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	
	*{
		box-sizing: border-box;
		text-rendering: optimizelegibility;	
	}
	body {
		color:#777;
		font-family: 'Roboto', sans-serif;
		font-size:12px;
		margin:0;
		background-color: #000000;
	}
	
	/**********NO BORRAR ESTE ESTILO******/
	.oculto{display:none !important;}/*para futuras ampliaciones*/
	.tachado{text-decoration:line-through;}/*para futuras ampliaciones*/
	.error_rojo{border:1px solid #FF0000;}
	/*CAMPOS OBLIGATORIOS EN ABSOLUTE*/
	.obligatorio{position:relative;}
	.obligatorio::before{content:"*";position:absolute;left: 2px;color:red;}
	
	h1{font-family: Dosis;font-size: 3em;}
	h2{font-family: Dosis;font-size: 2em;}
	h3{font-family: Dosis;font-size: 1.5em;}

	a{color:#2a8acd;text-decoration:none;}
	a:hover{color:#ff7200;}
	
	.boton{}
	.boton a{color:#333333;text-decoration:none;
	background-color: #ffffff;border: 1px solid #333333;border-radius: 5px;padding: 3px 5px;
	}
	.boton a::before{font-family: icomoon;font-size: 1.5em;margin-right: 5px;color:#333; vertical-align: middle;}
	/*clases de boton*/
	.boton .enviar::before{content:"\ec06";}
	
	
	/*HEADER*/
	header{
	  	background-color: #ffffff;
		height: 90px;
		margin: 0 auto;
		position: relative;
		width: 993px;
	}
		header #logohead{
			display: inline-block;
			vertical-align: middle;
			width:100%;
		}
			#logohead h1 {
	    		text-align: center;
	    		vertical-align: middle;
				width:100%;

				background-color: #00658b;
				color: #fff;
				overflow: hidden;
				padding: 5px 0;
				text-indent: 15px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			
	
	
	/*menu*/
	#menu{
		display: inline-block;
		position: absolute;
		right: 0;
		margin-top: 5px;
	}
	#menu ul{text-align: center;}
	#menu ul li{  
		display: inline-block;
	    font-size: 1.4em;
	    font-weight: 300;
	    list-style: outside none none;
	    margin: 0;
	    padding: 0 10px;
	}
	#menu ul li a{
		text-decoration:none;
		color:#000;
		border-bottom: 2px solid transparent;
		}
	#menu ul li a:hover{
	 	border-bottom: 2px solid #00a8e7;
	 	color:#00a8e7;
	    font-weight: 500;
	    padding-bottom: 10px;
	    text-decoration: none;
	}
	#menu ul li.active a{ 
		border-bottom: 2px solid;
	    font-weight: 500;
	    padding-bottom: 10px;
	    text-decoration: none;}
	
	/*menu referencia*/
	#menu_referencia{
		display: inline-block;
		position:relative;
		
		}
/*	#menu_referencia::after {
		color: #ccc;
	    content: "\ea6d";
	    display: inline-block;
	    font-family: icomoon;
	    font-size: 1em;
	    position: absolute;
	    right: 2px;
	    top: -4px;
	}*/
		#menu_referencia #refer input{
			width:150px;
			border:none;
			border-bottom: 1px solid #ccc;
			vertical-align: top;
			}
			#menu_referencia #refer input::-webkit-input-placeholder {
	   			color: #777;
			}		
			#menu_referencia #refer input::-moz-placeholder {  
				/* Firefox 19+ */
				color: #777; 
			}
			#menu_referencia #refer input:-ms-input-placeholder {  
	   			color: #777;  
			}
	
/*		#menu_referencia #refer .boton::after{
			color: #ccc;
			content: "\eb30";
			display: inline-block;
			font-family: icomoon;
			font-size: 1em;
			position: absolute;
			right: 2px;
			top: -4px;
		}*/

	#menu_referencia #refer .boton a{
		border: none;
		border-radius: 0;
		display: inline-block;
		height: 20px;
		overflow: hidden;
		width: 20px;
	}
		#menu_referencia #refer .boton a::before{
			color: #ccc;
			content: "\eb30";
			display: inline-block;
			font-family: icomoon;
			font-size: 1em;
			margin: -5px 0 0 -2px;
			padding: 0;
		}
	
	
	/*MENU RESPONSIVE*/
	#menurespon{display:none;}
	
	
	/*pie*/
	#foot{clear:both;float:left;margin:20px 0px;width:100%;}
	#foot ul{float: left;text-align: center;width: 100%;}
	#foot ul li{list-style:none;display: inline;margin: 0 30px;}
	#foot ul li a{color:#000000;text-decoration:none;}
	#foot ul li a:hover{}
	
	/*acceso usuarios*/
	#bloque_usuarios{
		position: absolute;
		right:0px;
		top: 13px
	}
	
	#bloque_usuarios #btn_access_usuario a{
		color:#333;
		text-decoration:none;
	}
	#bloque_usuarios #btn_access_usuario a::before{
		font-family: icomoon;
		font-size: 3em;
		margin-right: 5px;
		color:#333; 
		vertical-align: middle;
		content:"\eaf4";
	}
	#bloque_usuarios #btn_access_usuario a span{
		display:none;
	}
	#bloque_usuarios #info_usuario .desconect_usuario a{text-decoration:none;}
	#bloque_usuarios #info_usuario .desconect_usuario a::before{font-family: icomoon;font-size: 1.5em;margin-right: 5px;color:#333; vertical-align: middle;content:"\ed78";}
	
	/*acceso colectivos*/
	#bloque_colectivos{float:left;width:auto;clear:both;border: 1px solid #012345;/*para delimitar*/}
	#bloque_colectivos #btn_acces_colectivo a{color:#333;text-decoration:none;}
	#bloque_colectivos #btn_acces_colectivo a::before{font-family: icomoon;font-size: 1.5em;margin-right: 5px;color:#333; vertical-align: middle;content:"\eb09";}
	#bloque_colectivos #info_colectivo .desconect_colectivo a{text-decoration:none;}
	#bloque_colectivos #info_colectivo .desconect_colectivo a::before{font-family: icomoon;font-size: 1.5em;margin-right: 5px;color:#333; vertical-align: middle;content:"\ed78";}
	
	/*contenido*/
	.contenido{clear:both;margin: 0 auto;width: 993px;}
	
	/*lightbox*/
	.lightbox{bottom: 0;height: calc(100% - 165px);margin-top: -165px;position: absolute;top: 0;width: 100%;}
	.lightbox #bglight{background-color: rgba(0, 0, 0, 0.4);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
	.lightbox #bglight .lightbox_inf{background-color: #fff;box-shadow: 0 0 9px 3px #333;margin: 10px auto;overflow-x: hidden;overflow-y: auto;padding: 20px 10px 10px 10px;position: relative;width: 993px;z-index: 1001;height: auto;}
	.lightbox #bglight .lightbox_inf #lightbox_close{margin-top: -25px;position: fixed;}
	.lightbox #bglight .lightbox_inf #lightbox_close a{text-decoration:none;color: #666;}
	.lightbox #bglight .lightbox_inf #lightbox_close a::after{content: "\ed66";font-family: icomoon;font-size: 2em;text-decoration:none;color: red;}
	.lightbox #bglight .lightbox_inf #lightbox_titulo{float:left;width:100%;}
	.lightbox #bglight .lightbox_inf #lightbox_titulo h2{color:#00658b;text-align:center;}
	
	/*acceso usuarios*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_usuario{width:400px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_usuario #acceso_usuarios{clear:both;}
	.lightbox #acceso_usuarios .p_email{float: left;width: 380px;}
	.lightbox #acceso_usuarios .p_email input{width: 380px;border:1px solid #ccc;}
	.lightbox #acceso_usuarios .p_pass{float: left;width: 290px;}
	.lightbox #acceso_usuarios .p_pass input{width: 280px;border:1px solid #ccc;}
	.lightbox #acceso_usuarios .botonera{float: left;width: 95px;text-align: center;margin-top: 3px;}
	.lightbox #acceso_usuarios .p_explicacion{ float: left;font-style: italic;margin-top: 10px;text-align: center;width: 400px;}
	.lightbox #acceso_usuarios #bloque_info_olvido{clear:both;}
	.lightbox #acceso_usuarios #bloque_email_olvido{display: none;}
	.lightbox #acceso_usuarios #bloque_boton_olvido{display: none;width: 400px;}
	.lightbox #acceso_usuarios #formUsuarioRegistro .captcha {width: 100%;display: inline-block;text-align: center;}
	.lightbox #acceso_usuarios #formUsuarioRegistro .captcha .g-recaptcha {margin: 0 auto;text-align: center;display: inline-block;}
	.lightbox #acceso_usuarios #formUsuarioRegistro .texto_legal{display: inline-block;width: 100%;font-size: 0.9em;padding: 10px 20px 0 20px;}
	.lightbox #acceso_usuarios #formUsuarioRegistro .cons_clausula a{color:red;}
	.lightbox #acceso_usuarios #form_usu_fblogin{width: 49%;text-align: center;margin: 10px 0;float:left;}
	.lightbox #acceso_usuarios #form_usu_fblogin .boton a.fblogin{background-color:#3d5997;border-radius: 3px;color:#FFFFFF;padding:5px;}
	.lightbox #acceso_usuarios #form_usu_fblogin .boton a.fblogin:before{content: "\eee8";color:#3d5997;background-color:#FFFFFF;}
	
	.lightbox #acceso_usuarios #form_usu_gglogin{width: 49%;text-align: center;margin: 10px 0;float:left;}
	.lightbox #acceso_usuarios #form_usu_gglogin #customBtn{
		display: inline-block;
		background: white;
		color: #444;
		width: 100px;
		border-radius: 5px;
		border: thin solid #888;
		box-shadow: 1px 1px 1px grey;
		white-space: nowrap;
	}
	.lightbox #acceso_usuarios #form_usu_gglogin #customBtn:hover{
		cursor: pointer;
	}
	.lightbox #acceso_usuarios #form_usu_gglogin span.label{
		font-family: serif;
		font-weight: normal;
	}
	.lightbox #acceso_usuarios #form_usu_gglogin span.icon{
		background: url('/images/googleUserLogin.png') transparent 5px 50% no-repeat;
		display: inline-block;
		vertical-align: middle;
		width: 42px;
		height: 24px;
	}
	.lightbox #acceso_usuarios #form_usu_gglogin span.buttonText{
		display: inline-block;
		vertical-align: middle;
		padding-left: 42px;
		padding-right: 42px;
		font-size: 14px;
		font-weight: bold;
		/* Use the Roboto font that is loaded in the <head> */
		font-family: 'Roboto', sans-serif;
	}
	
	/*acceso colectivos*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_colectivo{width:400px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_colectivo #acceso_colectivos{clear:both;}
	.lightbox #acceso_colectivos .p_cod_colectivo{float: left;width: 290px;}
	.lightbox #acceso_colectivos .p_cod_colectivo input{width: 280px;border:1px solid #ccc;}
	.lightbox #acceso_colectivos .botonera{float: left;width: 95px;text-align: center;margin-top: 3px;}
	
	/*lodp*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_lodp{width:600px;height: calc(100% - 100px);}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_lodp h2{margin:10px 0;color:#00658b;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_lodp p{margin-bottom:10px;}

	/*block popup*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup{max-width:600px;height: calc(100% - 100px);}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup h2{margin-bottom:10px;text-align:center;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup p{margin-bottom:10px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup ul{margin-left:40px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup ul li{}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_block_popup ul li a{margin-bottom:10px;}
	
	/*politica cookies*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_cookies{width:600px;height: calc(100% - 100px);}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_cookies p{margin-bottom:10px;}
	#cookie_lodp_container{
		position:fixed;
		bottom:0;
		width:100%;
		background-color: rgba(0, 0, 0, 0.8);
		opacity:1 !important;
		z-index:2000;
		}		
		#cookie_lodp_container #cookie_lodp_text{
			padding:5px;
			text-align: center;
			color:#fff
		}
			#cookie_lodp_container #cookie_lodp_text p{
				text-align: center;
			}
			#cookie_lodp_container #cookie_lodp_text p a{
		   		background-color: #ddd;
    			color: #333;
    			display: inline-block;
    			padding: 5px;
    			margin: 5px;
    			text-decoration: none;
			}
			#cookie_lodp_container.aceptada{
				display:none;
			}
	
	/*acierto*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_acierto{width:500px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_acierto #acierto{}
	.lightbox #acierto h2{color: green;}
	.lightbox #acierto #pegata{float: left;height: 90px;text-align: center;width: 90px;}
	.lightbox #acierto #pegata::before{font-family: icomoon;font-size: 5em;color: green;content: "\ed6e";}
	.lightbox #acierto #textoadvert{float: right;margin-top: 10px;width: 400px;}
	
	/*error*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_error{width:500px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_error #error{}
	.lightbox #error h2{color: red;}
	.lightbox #error #pegata{float: left;height: 90px;text-align: center;width: 90px;}
	.lightbox #error #pegata::before{font-family: icomoon;font-size: 5em;color: red;content: "\ed6a";}
	.lightbox #error #textoadvert{float: right;margin-top: 10px;width: 400px;}
	
	/*alert*/
	#lightbox_inf_alert{width:500px !important;}
	#lightbox_inf_alert #alert{}
	#lightbox_inf_alert #alert h2{color: red;}
	#lightbox_inf_alert #alert #pegata{display: none;}
	#lightbox_inf_alert #alert #textoadvert{display: inline-block;margin: 40px 0;width: 100%;font-size: 1.5em;}
	
	/*simulador hipotecaria*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora{width:300px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora .explicacion{clear: both;color: #AAAAAA;float: left;font-style: italic;width: 100%;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora .simulador_precio .sufijo{margin-left: -10px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora .simulador_importe .sufijo{margin-left: -10px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora .simulador_plazo .sufijo{margin-left: -30px;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora #simulador_cuota{opacity:0.4;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora #simulador_cuota.calculado{opacity:1;}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_calculadora #simulador_cuota.calculado .valor{font-weight:800;}

	/*buscador por referencia*/
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .explicacion{
		display: inline-block;
		margin: 20px 0;
		text-align: center;
		width: 100%;
	}
	.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref{
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
	}
		.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref .foto{
			display: inline-block;
			height: 100px;
			overflow: hidden;
			width: 200px;
			text-align: center;
		}
			.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref .foto img{
				max-height: 100px;
				max-width: 150px;
				text-align: center;
				vertical-align: middle;
			}
		.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref .ref{
			display: inline-block;
			margin-right: 50px;
			width: auto;
			vertical-align: top;
		}
		.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref .precio{
			display: inline-block;
			margin-right: 50px;
			width: auto;
			vertical-align: top;
		}
		.lightbox #bglight .lightbox_inf.lgb_inf_disc_busq_ref #resultados_ref .minificha_ref .info{
			display: inline-block;
			width: auto;
			vertical-align: top;
		}


/*Pagina errores*/
.page_error{
	background-color: #ffffff;
	display: block;
	margin: 0 auto;
	padding: 20px;
	max-width: 993px;
	box-sizing: border-box;
}
	.page_error p.texto_similares{
		margin: 20px 0;
		font-size: 1.3em;
	}
	.page_error .botonera.busqueda_similar{
		margin: 20px 0;
		text-align: center;
		width: 100%;
	}
	.page_error .botonera.busqueda_similar span{
		position: relative;
		display: block;
		margin: 30px auto;
		padding: 0;
		overflow: hidden;
		border-width: 0;
		outline: none;
		border-radius: 2px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .6);  
		background-color:#455E6F;
		color: #fff;  
		transition: background-color .3s;
		display:inline-block;
		z-index:2;
		
	}
	.page_error .botonera.busqueda_similar span:hover, .page_error .botonera.busqueda_similar span:focus {
	  background-color: #273641;
	}

	.page_error .botonera.busqueda_similar span a{
	  display: block;
	  padding:5px 50px;
	  background-color: transparent;
	  border:none;
	  color:#fff;
	  border-radius:0;
	  position:relative;
	  z-index:3;
	  text-transform: uppercase;
	}	

	.page_error .botonera.busqueda_similar span a::before{
		content:"";
	}
	.page_error .botonera.busqueda_similar span:before {
	  content:"\00a0";  
	  position: absolute;
	  top: 50%;
	  left: 50%;  
	  display: block;
	  width: 0;
	  padding-top: 0;    
	  border-radius: 100%; 
	  z-index:1; 
	  background-color: rgba(236, 240, 241, .3);  
	  -webkit-transform: translate(-50%, -50%);
	  -moz-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}

	.page_error .botonera.busqueda_similar span:active:before {
	  width: 120%;
	  padding-top: 120%;  
	  transition: width .2s ease-out, padding-top .2s ease-out;
	}

	
	
/* iPads (portrait and landscape) */
/* @media (max-width: 1024px) */
@media only screen and (min-width:320px) and (max-width:1024px) {

	/*A NONE*/
	nav#menu{
		display:none;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.9);
    	right: 0;
    	width: 250px;
    	z-index:4;
    	box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.16)
	}
		nav#menu li{
		   	display: inline-block;
    		margin: 10px 0;
    		text-align: right;
    		width: 100%;
		}
		nav#menu ul li.active a{
		 	border-bottom:none;
		}
		nav#menu li.refeli{
			background-color: #ddd;
			bottom: 0;
			display: inline-block;
    		left: 0;
			padding: 5px 0;
    		position: absolute;
    		width: 100%;
		}
			nav#menu li.refeli #menu_referencia{
				width:100%;
			}
			
			nav#menu li.refeli #menu_referencia::after {    
				right: 5px;
				top: 1px;
			}
			nav#menu li.refeli #menu_referencia #refer input{
	    		border: 1px solid #ccc;
    			display: inline-block;
    			padding: 5px 0;
    			text-indent: 5px;
				width: 98%;
    			margin-left: 1%
			}
			
	
	header #menurespon{
		display: block !important;
    	position: absolute;
    	right: 20px;		
		height: 90px;
    	margin-top: 0;
    	padding-top: 15px;
    	top: 0;
    	width: 37px; 	
	}
		#menurespon a{
			color:#333;
			text-decoration: none;			
			}
				#menurespon a span{}
				#menurespon a span::before {
					font-family: icomoon;
					content:"\ec6a";
					font-size: 3em;
				}

	nav#menu.desplegado{
		display: block !important;
    	top: 56px;
    	z-index: 1000;
		background-color:#FFFFFF;
	}
		nav#menu.desplegado li{
			margin: 5px 0;
		}
}
/*FIN iPads (portrait and landscape) */

/* Smartphones  */ 
@media (max-width: 768px){

	#bloque_listado, #bloque_buscador #boxbusq_tgs, #bloque_buscador #boxbusq_tpo{
		display:none;
	}
	
	header{
		height: 60px;
		padding:3px;
		position:inherit;
	}
		header #menurespon{
			height: 60px;
			padding-top: 0;
			
		}
	
	#bloque_usuarios{
		position: absolute;
		right:-20px;
		top:0
	}
	
	nav#menu.desplegado{
		display: block !important;
		height: calc(100% - 45px);
    	top: 45px;
    	width: 100%;
    	z-index: 1000;
	}
	nav#menu li.refeli #menu_referencia::after {
		right: 10px;
	}
	
	#sobreminifi{
		
	}
		#sobreminifi #tot_reslts{}
		#sobreminifi #bloque_tiporesults{}
		#sobreminifi #bloque_orden{}
}