*{box-sizing: border-box;
    -webkit-transition:all 0.4s 0s ease;
    -moz-transition:all 0.4s 0s ease;
    -ms-transition:none;
    font-family: inherit, sans-serif !important;}

.div_desplegables{ display: block !important; }

/*#espere{background:#fff url(/imagenes/Loading/generico.gif) no-repeat center !important;}*/

#preloader{position:absolute; top: 50%; left: 50%;margin-left: -11%; }

#preloader span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#dbdbdb;
    position:absolute;
    animation: preloader 1.5s  infinite ease-in-out;
}
 
#preloader span:nth-child(2){
left:11px;
animation-delay: .2s;
 
}
#preloader span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader span:nth-child(5){
left:44px;
animation-delay: .8s;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background:#dbdbdb;}
    25% {height:30px;transform:translateY(15px);background:#b1aeae;}
    50% {height:5px;transform:translateY(0px);background:#dbdbdb;}
    100% {height:5px;transform:translateY(0px);background:#dbdbdb;}
}



.ui-dialog {width: auto !important; min-width: 280px !important}
.ui-dialog-title {color: #000}
.ui-dialog-titlebar {background-color: #e9e9e9 !important; width: 100%; max-width: 100%; box-sizing: border-box;}
#LLAMADA_REVEAL {height: 650px !important}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

input#telefono:-moz-placeholder {display: block !important;}

#precios > h1:nth-child(2){ text-align: center; }

#barraProgreso {
    height: 22px;
    border-radius: 11px;
    border: 1px solid #eaeaea;
    margin: 5px auto 0px;
    background: #f6f6f6 !important;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
}

#agradecimiento {padding: 15px;border: 2px solid #f5f5f5; border-radius:5px; margin:10px 0px; border-bottom:3px solid #d6d6d6}
.span_gracias {font-size: 24px;
    font-weight: bold;
    background-color: #f5f5f5;
    width: 38%;
    min-width: 300px;
    margin: 0px auto -20px;
    padding: 10px;
    display: block; border-bottom:3px solid #d6d6d6; text-align:center}
p.texto_gracias:last-child{font-weight:bold}

.oculta { display: none }

label {font-size:20px;}

#tariComunidad p { text-align: center; }
#tariComunidad {
	width: 100%;
	font-size: 100%;
	line-height: 1;
	margin-bottom:40px;
}

#tariComunidadBarra {
	width: 100%;
	color: black;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#tariComunidadBarra span, .pasoBarra  {
    font-size: 16px;
}

.paso {
	display: none;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 40px;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	min-height: 300px ;
}

.paso > div {
	background-color: #eaeaea;
	color: black;
	border-radius: 3px;
	border:1px solid #f6f6f6;
	position: relative;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding: 20px;
	min-height: 300px;
}

.paso h2 {
	text-align: center;
	margin-bottom:33px;
	font-size:28px
}

.paso ul { 
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 33px auto 0px;
	width:100% !important;
	color:#000;
}

ul#relacion, ul#usoUl, ul#calidad, ul#material, ul#reja, ul#puerta{width:100%;}

.paso ul li {
	padding: 14px 10px;
}
ul.botones li {padding: 16px 20px !important;}

.encima {
	background-color: silver;
	color: white;
	cursor: pointer;
}

.seleccionado {
	background-color: #162F83;
	color: #ffffff !important;
	font-weight: normal;
	cursor: pointer;
}

#tariComunidadBarra div, #tariComunidadBarra span {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	color: black;
}

#tariComunidad label { display: inline-block; }
#tariComunidad input, #tariComunidad select {
	font-size: 20px;
	border-radius: 6px;
	margin: 10px 5px;
	padding: 5px 10px;
	height: 40px;
}

#nombre, #telefono, #email {width: 55%; padding-left:10px;}
#idprovincia, #idCodPostal, #metros, #anioReforma {padding-left:10px; }
#CodPostal {color: #000 !important}
ul.botones {text-align:center !important; width:100% !important; }

input[type="checkbox"]#ley {vertical-align: middle;
    margin: 15px; min-width:40px !important; width:40px; height:25px
    
    
    /*height: auto;
    -moz-appearance:normal !important;
    ;*/
    }
    

/* #anio li {
	display: inline-block;
	text-align: center;
	margin: 0px;
	width: 33px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
} */

.li_horizontal{
	display:flex;
	flex-wrap: wrap;	
	justify-content: flex-start;
}
.li_horizontal li{
	min-width:40px;
	text-align:center;
	
}

.pasoBarra {
	background-color: orange;
}
.pasoOtroBarra {
	background-color: silver;
	font-size: 16px;

}

.mitad1 h3, .mitad2 h3{
	color: #ff0000; font-size:1.4rem; line-height:1.5rem;}
.mitad1, .mitad2 {
	display: inline-block;
	border: none;
	width: 48%;
	margin: 5px;
	vertical-align: top;
	border-radius: 3px;
	background-color: #fff;
	padding: 0px 10px;
	box-sizing: border-box;
}

.mitad1 ul, .mitad2 ul {
	width: 100%;
}

.atras, .avanza {transition: opacity 0.2s linear !important; -webkit-transition: opacity 0.2s linear !important; -moz-transition:opacity 0.2s linear !important; -ms-transition:opacity 0.2s linear !important;}

.atras, .atras:hover {
	background-color: silver !important; 
}
.atras:hover, .avanza:hover, .boton:hover, .llamada_abajo:hover {opacity: 0.6;}
.avanza, .avanza:hover  {
	background-color: orange !important; font-size: 20px;
}
.atras, .atras:hover, .avanza, .avanza:hover  {
	display: inline-block;
	color: white !important;
	border-radius: 8px;
	margin-top: 20px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 15px;
}
#avanzaFinal, #avanzaFinal:hover { padding: 15px 20px !important; border-bottom: 4px solid #9f0404;}


.paso > div > div > ul li:hover { cursor:pointer; background-color: orange; color: white; }

.tariComunidad, .tablappal {
	width:100%;
	max-width:1200px !important;
	text-align: center;
	margin:0px auto;
	padding-top: 20px;
}

#precios{
	display:flex;
	flex-direction: column;
	font-weight: bold;
margin: 40px 0px 20px;
}

.cia{
	display:flex;
	align-content: space-between;
	align-items:baseline;
}

.tabla_cabecera{background-color:#f3f3f3 !important; color: #000 !important; padding: 10px 5px; font-weight: bold}

.linea { 
	text-align: center;
	display:flex;
	justify-content:space-around;
	align-content: space-between;
	align-items:center;
	border-bottom: 1px solid #000000; 

}

 .linea > div {width:25%}

.linea:hover { background-color: #EFEFEF}
.ciaTitulo, .precioTitulo,.masInfoTitulo {
	text-align: center;
}


.precio {
	font-size: 25px; font-weight: bold; color: orange
}
.no-precio {
	font-size: 15px; font-weight: bold;
}
.boton_prod_comparativa {cursor: pointer; font-weight: bold; text-decoration: underline;}

.boton_contratar, .llamada_abajo {
    background-color: orange;
    border-bottom:3px solid darkorange !important;
    border:none;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

p.mensaje {
	width: 90%;
	padding: 10px;
	font-weight: bold; 
	margin: auto;
	text-align: center;
}
.llamada { margin-top: 10px; padding: 15px;  border-radius:5px; background-color: #f5f5f5; border-bottom:3px solid #d6d6d6  }
.llamada p { font-size: 20px;text-align: center; }
.llamada span { font-size: 40px !important;  display:block; margin-top:20px}
.llamada button { text-transform: uppercase;}


.reveal-modal{
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	width: 80%;
	margin: 0 auto;
	max-width: 500px;
	z-index: 999999;
	padding: 10px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,.4); 
}
.formulario {color: #000;font-size: 22px;margin-top: -5px; }
.formulario p {font-size: 22px;margin: 0}
.tel-reveal{ font-size: 80px;position: absolute;right:1px;bottom:20px;}
#myModal #idnombre,#myModal #idtel {
	width: 90%;
}
#myModal .boton {
	font-size: 21px;
	padding: 10px 20px;
	margin-top: 10px;
}


.provincia {margin:20px 0px; text-align:left;}

.provincia div {
	display: inline-table;	
	width:16%;
	text-align: left;
	font-weight: bold;	
	background: #f5f5f4;    
	color: #423f3f;
	font-size: 13px;
    padding-top: 3px;
}






.contenedor_volver{
	text-align: center;
	margin-top: 15px;
}

.volver {
background-color: orange;
border-bottom:3px solid darkorange;
text-transform: uppercase;
font-size: 15px;
padding: 8px;
border-radius: 5px;
color: #fff !important;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
.volver:hover{ opacity: 0.5; }



input[type="number"] {-moz-appearance: textfield;}


.tabla_comparativa td:nth-child(2) {font-weight:bold;}

#lopd {font-size:12px;}

.seleccionada {background-color:#1ebd7d !important; color: #fff !important; box-sizing: content-box;}

.ver_comparativa_movil {
    font-size: 16px;
    cursor: pointer;
    background-color: #1ebd7d;
    width: 55%;
    margin: 10px auto 5px;
    padding: 3px 6px;
    border-radius: 3px;
    color: #fff;
    border-bottom: 3px solid #189c67;
    min-width: 60px;
}
.ver_comparativa_movil:hover {opacity: 0.8}

.desplegada{
    border-bottom: 3px solid #1ebd7d;
	background-color: #189c67;
}


#tabla_movil{ display:none; }
#tabla_pc{ display:block; }

#provincia_span {color:#000;}

#rt-logo {margin-top:0px !important;}

.menu-block {display: none}

/*#g-navigation {display: none}*/

div#agradecimiento p.texto_gracias {text-align: center !important;}

/******* ESTILO NUEVO LOPD ******************************/
#tariComunidad #lopd{margin:15px auto; display:flex;}
#tariComunidad #lopd label{font-size:11px; margin-left:8px}
#tariComunidad #lopd label a{font-weight:bold; text-decoration:underline}
#tariComunidad #lopd input#idprotecciondatos{width:70px !important; margin-top:-10px; min-width:25px}
#tariComunidad #lopd{align-items: start !important}
#tariComunidad #lopd label p {margin-top: -7px !important;font-size: 11px; text-align: left}




/**************************************************** MÓVIL *****************************************************************/
@media only screen and (max-width: 480px) {

	#avanzaFinal { max-width: 240px; width: 85%;}

.tariComunidad{
	display: flex;
	flex-direction: column;
}
.primer_bloque{ order:2; }
.segundo_bloque{ order:1; }
.tercer_bloque{ order:3; }


	#tabla_movil{ display:block; }
	#tabla_pc{ display:none; }
	#tariComunidad h2 { font-size: 21px; font-weight:bold;}
	#tariComunidadBarra { font-size: 8px; }
	#tariComunidadBarra span {display:none;}
	#tariComunidad input { font-size: 20px; }
	.paso > div { padding: 0;}
	.avanza {padding:30px 0px !important;}
	.avanza, .avanza:hover { width: 70%;}
	#\31 7 > div:nth-child(1) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(2) { width: 55%; }
	.mitad1, .mitad2 { width: 100%; margin:5px 0px;}
	.atras { margin-left: 5px; padding:30px 0px !important;}
	.atras, .atras:hover { width: 30%; }
	#nombre, #telefono, #email { width: 92%;}
	
	#idprovincia, #idCodPostal { width: 88%; color:#047676; }
	#metros, #anioReforma, #continente, #contenido, #capitaljoyas1, #capitaljoyas, #capitalvalor { width: 50%; }
	.provincia div { width: 46%; padding-left:2%}

	.llamada_abajo {font-size: 14px;}
	.boton_contratar {font-size: 10px; padding: 6px 3px;}
	.llamada_abajo {width: 100%;}
	.tel-reveal{display: none}
	
	.precio { font-size: 20px !important;  }
	.cia { font-size: 14px;}
	.cia img { max-width: 100px; }
	
	.paso ul {color:#000; width:100%;}
	.paso ul li {margin:6px auto !important; padding:8px !important;}
	.li_horizontal li {margin:4px !important; padding: 20px !important;}
	
	.botones {position:relative; text-align:center; left:0px; }
	
	.paso > div { height:auto; padding: 10px 10px;}
	
	.mitad1 h3, .mitad2 h3{font-size:1.2rem;}

	/*input[type="number"]#ley {
	-moz-appearance: normal;
    appearance: normal;
    width: 15px !important;
    height: 15px !important;
    }*/
	
	/* #anio li {width: 30px; padding:8px;} */
	
	/* ul#anio {text-align:center;} */
	
	

#nombre, #telefono, #email { width: 92%;}

.mitad1 h3, .mitad2 h3 {font-weight:bold;}


.tabla_cabecera div {font-size: 14px; line-height: 100%;}
.linea div img {width: 70px}
.linea {padding: 7px 0px;}
.tabla_cabecera {padding: 10px 5px !important}
.boton_prod_comparativa {font-size: 12px}
li[id^="renovar-"] {min-width: 78px !important;}
input#metros, input#jardines {width: 60%}
input[type="number"]#telefono {height: 28px}

input[type="checkbox"]#ley {
    vertical-align: middle;
    /*-moz-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
    width: auto;
    margin: 10px 30px 0px 10px;*/
}

label#lopd{width: 70%;
    float: right;
    text-align: left;
    margin-top: 8px;}
    
    

}




/**************************************************** TABLET *****************************************************************/

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#tabla_movil{ display:block; }
	#tabla_pc{ display:none; }
	#continente, #contenido, #capitaljoyas1, #capitaljoyas { width: 50%; }
	#\31 7 > div:nth-child(1) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(2) { width: 20%; }
	.paso ul {color:#000; width:100%;}
	.tariComunidad, .tablappal {width: 98%; padding-top:0px;}
	#tariComunidad input { font-size: 20px; }
	.provincia div {font-size: 8px; padding-top: 3px; width: 19%;}
	
	.li_horizontal li {margin:10px 0px !important;}
	
	.botones {position:relative; display:block; left:0px; }
	
	.mitad1, .mitad2 {width: 100%; padding:10px; margin:5px 0px;}
	
	.paso > div { height:auto; padding: 10px 20px;}
	
	.paso ul li {margin:20px 20px ;}
	
	/* ul#anio {text-align:center;} */
	
	#nombre, #telefono, #email { width: 75%;}
	
	#tariComunidadBarra span, .pasoBarra, .pasoOtroBarra {font-size: 15px;}
	
	.atras, .atras:hover, .avanza, .avanza:hover  {width: 39%;}
	#avanzaFinal, #avanzaFinal:hover {width: 60% !important;}
	/*input[type="checkbox"]#ley {
	-moz-appearance: normal;
    appearance: normal;
    width: 15px !important;
    height: 15px !important;
    }*/
    input[type="number"]#telefono {height: 28px}
    #tariComunidad h2 { font-size: 23px; }
	

}


/**************************************************** LAPTOP *****************************************************************/

@media only screen and (min-width: 768px) and (max-width: 980px) {
	
	.botones {position: relative !important; left: 0%; bottom: 7%;}

	
	
	.atras, .atras:hover, .avanza, .avanza:hover  {width: 26%;}
	
	/* #anio li {width: 30px; padding:8px;} */
	
	#nombre, #telefono, #email { width: 65%;}
	
	.paso > div {padding: 10px 30px; min-height:400px;}
	
	.mitad1, .mitad2 {min-height: 270px;}
	#avanzaFinal, #avanzaFinal:hover {width: 40%;}
	
	/* ul#anio {width:100%;} */
	
	
}


/**************************************************** ORDENADOR *****************************************************************/

@media only screen and (min-width: 981px) {
	
	.paso > div {padding: 10px 30px; }
	
	.mitad1, .mitad2 {min-height: 270px;}
	
	.botones {position: relative !important; left: 0%; bottom: 7%;}

	#tariComunidad .paso > div {min-height: 360px;}

	#tariComunidad .paso .botones {position: relative !important;}


	
	
	/* #anio li {width: 31px; } */
	
}