/**********************************************************************************************************************************/
/**********************                                                                                   *************************/
/**********************          ESTILOS GENERALES, INDEPENDIENTES DE RESOLUCIÓN Y/O DISPOSITIVO          *************************/
/**********************                                                                                   *************************/
/**********************                                                                                   *************************/
/**********************************************************************************************************************************/
.tooltipslider{border:4px solid #005782;}
.breadcumbsquare span{cursor: pointer !important;width: 87%;}
.breadcumbsquare .property-name {color: #333333;}
.btnMarcaComp{cursor: pointer;}
.tableAseguradosEditButton {
	    background: transparent url('img/el-corte-ingles-seguros-editar.png') no-repeat 0 top;
	    height: 25px;
	    float: left;
	    width: 25px;
	    cursor: pointer;
	}
	.tableAseguradosDeleteButton {
	    background: transparent url('img/el-corte-ingles-seguros-eliminar.png') no-repeat 0 top;
        float: left;
        height: 25px;
        margin-left: 15px;
        width: 25px;
        cursor: pointer;
	}
.tooltipslider::before {border-color: #005782 transparent !important; }
.rangeslider .noUi-target
{
    border-color:#CCCCCC;
    box-shadow: none;
}
.rangeslider .tooltipslider
{
    border: 2px solid #005782;
    top: -37px;
    left: -46px;
}
.rangeslider .tooltipslider::before
{
    bottom: -12px;
    left: 35px;
}
.rangeslider .tooltipslider::after
{
    bottom: -10px;
    left: 37px;
}

.ui-autocomplete-loading  
{
    background: white url('../ordered/images/loading_0.gif') right center no-repeat !important; 
}
.ui-select-loading  
{
    background: #f1f1f1 url('../ordered/images/loading_0.gif') right center no-repeat !important; 
}
.spanLinkCoberturas
{
    display: block !important;
    width: 100% !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #CCC !important;
    font-size: 12px !important;
    margin: 0px !important;
}
.spanLinkCoberturas a, .spanLinkCoberturas a:hover, .spanLinkCoberturas a:visited
{
    color: #666666;
    }
/* Fondo de la página de petición de datos */
.fondo-tarif	
{
	background-color:#eeefea;
	width:100%;
	height:100%;
}
/* Widget autocomplete, Código postal */
.ui-autocomplete 
{
	border: 1px solid #CCCCCC;
	max-height: 180px;
	max-width: 380px;
	overflow: auto;
	border-radius: 6px;
	background-color: #FBFBFB;
}
.ui-autocomplete .ui-menu-item 
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover 
{
	background-color: #f4f4f4;
}
.codigoPostalLabel 
{
	font-size: 14px !important;
	font-weight: bold;
	margin: 0px !important;
	color:#666666 !important;
}
.AutoCompletePattern
{
	font-weight:bold;
	color:#005782;
}
.CodigoPostal
{
	width: 16% !important;
	margin-right: 5px !important;
}	
.fieldErrorsSummaryRsp
{
	border: 2px solid #FF3535;
	border-radius:6px;
	-moz-appearance: none;
	display: inline-block;
	overflow: hidden;
	padding: 26px;
	text-overflow: ellipsis;
	vertical-align: top;
	text-align: center;
	color:#5A5A5A;
}
/* Título de sumario de errores */
	.MessageErrorSummarytitle
	{
		color: #FF3535;
		margin-bottom: 5px;
		margin-bottom: 10px;
		font-weight: bold;
	}	
/**********************************************************************************************************************************/
/**********************                                                                                   *************************/
/**********************          ESTILOS PARA RESOLUCIONES CON UN MÍNIMO DE 967PX (PANTALLA GRANDE)       *************************/
/**********************                                                                                   *************************/
/**********************                                                                                   *************************/
/**********************************************************************************************************************************/


@media screen and (min-width: 967px) 
{
    .PgBar span{margin-top:10px !important;}
    .lblPrecio
{
    display:none;
}
	/* Sumario de errores */
	.fieldErrorsSummaryRsp
	{
		width: 93%;
	}		
	/* Contenedor general de sección */
	.content	
	{
		width:968px;
		margin:0 auto;
		padding-bottom:32px;
		background-color:white;
		position:relative;
	}	
	.content span
	{
		color:#999999;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:0.8em;
		margin:20px 0 0 17px;
		display:inline-block;
		cursor:default;
	}
	.rangeslider .tooltipslider
    {
        top:-37px;
    }
	/* Right Bar */
	.rightBar-home	 
	{
		height:100% !important;
		width:220px;
		position:absolute;
		top:0;
		right:0;
	}
	.rightBar-home .infoContactBar	
	{
		position:relative;
		top:45px;
	}		
	.rightBar-home .infoContactBar div p	
	{
		width:145px;
	}
	.rightBar-home .infoContactBar h3	
	{
		background-image:url('img/ECIS-home-separador-flecha-gris.png');
	}	
	.SMECessAutos20 .rightBar-home .infoContactBar h3	
	{
		background-image:url('img/ECIS-home-separador-flecha-coche.png');
	}	
	.SMECessMotos20 .rightBar-home .infoContactBar h3	{
	background-image:url(img/ECIS-home-separador-flecha-moto.png);
	}
	.SMECessHogar20 .rightBar-home .infoContactBar h3 {
    background-image: url("img/ECIS-home-separador-flecha-hogar.png");
    }
    .SMECessSalud20 .rightBar-home .infoContactBar h3 {
        background-image: url("img/ECIS-home-separador-flecha-salud.png");
    }
	.presupuesto	
	{
		width:220px;
		height:45px;
		background-color:#005782;
		position:absolute;
		right:0;
		top:0;
	}	
	.presupuesto span	
	{
		display:inline-block !important;
		vertical-align:top !important;
		height:45px !important;
		width:70px !important;
		margin-top:0 !important;
		color:white !important;
		line-height:45px !important;
	}	
	.idPresupuesto	
	{
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		color:white !important;
		text-transform:uppercase;
		display:inline-block;
		vertical-align:top;
		height:45px;
		margin-top:0;
		margin-left:10px;	
		line-height:45px;
	}	

	/*Migas y telefono*/
	.pageInfoWrapper
	{
		height:62px;
		width:100%;
		background-color:white;
	}
	.pageInfo
	{
		width:968px;
		height:100%;
		margin:0 auto;
		background-color:white;
	}	
	.pageInfo h2	
	{
		line-height:62px;
		color:#a8a8a8;
		font-size:0.95em;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		cursor:default;
		display:inline-block;
		vertical-align:top;
	}	
	.pageInfo h2 em	
	{
		color:#666666;
	}	
	.pageInfo h2 a	
	{
		color:#a8a8a8;
		font-size:0.9em;
		cursor:auto;
		text-decoration:none;
		border-bottom:1px solid #DCDCDC;
		transition:color 0.3s;
	}
	.pageInfo h2 a:hover	
	{
		color:#777777;
	}
	.pageInfo h3 	
	{
		display:none;
	}
	.pageInfo div	
	{
		display:inline-block;
		width:150px;
		vertical-align:top;
		float:right;
		text-align:right;
		position:relative;
	}		
	.pageInfo div img	
	{
		position:absolute;
		top:16px;
		left:0;
	}	
	.pageInfo div a	
	{
		text-decoration:none;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:1.2em;
		color:#7f7f7f;
		margin-left:15px;
		line-height:62px;
	}
	/*Progress Bar*/	
	.PBar	
	{
		width:768px;
		height:10px;
		background-color:#dce0c7;
	}

	/*Botones Tarificador*/		
	.PageComparativa .botones
	{
		margin-top:0px;
		bottom:0px;
	}
	.botones	
	{
		width:600px;
		position:absolute;
		margin-top: 60px;
		left:40%;
		text-align:center;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
	}
	.continuarButton	
	{
		display:inline-block;
		vertical-align:top;
		width:166px;
		height:36px;
		background-color:#005782;
		border:2px solid #005782;
		border-radius:50px;
		color:white;
		line-height:36px;
		font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		font-weight:600;
		position:relative;
		transition: all .2s;
	}
	.continuarButton:hover	
	{
		border:2px solid #afc457;
		background-color:#afc457;
		cursor:pointer;
	}
	.continuarButton:active	
	{
		border:2px solid #c7d66e;
		background-color:#c7d66e;
		cursor:pointer;
	}
	.retrocederButton:after	
	{
		content:"";
		display:block;
		width: 12px;
		height: 12px;
		position: absolute;
		top:31px;
		left:10px;
		border-bottom: 2px solid #005782;
		transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-webkit-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-moz-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-ms-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-o-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);  
	}	
	.retrocederButton:before	{
	content:"";
	display:block;
	width: 12px;
	height: 12px;
	position: absolute;
	top:23px;
	left:11px;
	border-bottom: 2px solid #005782;
	transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);
	-webkit-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg); 
	-moz-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg); 
	-ms-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);
	-o-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);  
	} 
	.retrocederButton, .guardarButton, .anadirAsegurado	{
	display:inline-block;
	vertical-align:top;
	width:166px;
	height:36px;
	border:2px solid #005782;
	background-color:white;
	border-radius:50px;
	color:#777;
	line-height:36px;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	font-weight:600;
	position:relative;
	margin-right:20px;
	transition: all .2s;
	}
	.guardarButton a	{
	text-decoration:none;
	color:#777;
	line-height:36px;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	transition: all .2s;
	}
	.guardarButton a:hover 	{
	color:#005782;
	cursor:pointer;
	}
	.guardarButton a:active	{
	color:#c7d66e;
	cursor:pointer;
	}
	.anadirAsegurado a	{
	text-decoration:none;
	color:#777;
	line-height:36px;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	transition: all .2s;
	}
	.anadirAsegurado a:hover 	{
	color:#005782;
	cursor:pointer;
	}
	.anadirAsegurado a:active	{
	color:#c7d66e;
	cursor:pointer;
	} 
	.anadirAsegurado 
	{
	    width: 180px;
	}
	.continuarButton:before	{
	content:"";
	display:block;
	width: 12px;
	height: 12px;
	position: absolute;
	top:23px;
	right:11px;
	border-bottom: 2px solid white;
	transform:
	translateY(-20px)
	translateX(5px)
	rotate(45deg);
	-webkit-transform:
	translateY(-20px)
	translateX(5px)
	rotate(45deg); 
	-moz-transform:
	translateY(-20px)
	translateX(5px)
	rotate(45deg); 
	-ms-transform:
	translateY(-20px)
	translateX(5px)
	rotate(45deg);
	-o-transform:
	translateY(-20px)
	translateX(5px)
	rotate(45deg);  
	}	
	.continuarButton:after	{
	content:"";
	display:block;
	width: 12px;
	height: 12px;
	position: absolute;
	top:31px;
	right:10px;
	border-bottom: 2px solid white;
	transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);
	-webkit-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg); 
	-moz-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg); 
	-ms-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);
	-o-transform:
	translateY(-20px)
	translateX(-5px)
	rotate(-45deg);  
	} 
	.retrocederButton:hover	, .guardarButton:hover, .anadirAsegurado:hover	{
	color:#005782;
	background-color:white;
	cursor:pointer;
	} 
	.retrocederButton:active	, .guardarButton:active, .anadirAsegurado:active {
	color:#c7d66e;
	background-color:white;
	cursor:pointer;
	} 
  
	/*Formulario Trificador*/
		
	/* Estilos comunes en todos los formularios */
	.formWrapper{
	width:700px;
	margin:40px 0 0 20px;
	}
	
	.formWrapper h2	{
	color:#666;
	font-family:ProximaNova-Bold, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	}	
	
	.campoForm	{
	margin-top:30px;
	
	}
	.campoForm label:nth-child(3) 	{
	border-radius:6px 0 0 6px;
	border-right-color:transparent;
	}
	.campoForm label:last-child 	{
	border-radius:0 6px 6px 0;
	border-left-color:transparent;
	} 
	
	
	.tituloTablaAsegurados{ font-weight: bold;color: #595856 !important;}
	.tableAsegurados 
	{
	    font-family: ProximaNova-Regular, Helvetica, sans-serif !important;
	    text-align: center !important;
	    color: #666 !important;
	    border-top: medium solid rgb(241, 241, 241);
        padding-top: 10px;
        margin-top: 30px;
	}
	.tableAsegurados span {
	    font-size: 1em;
	    margin: 0 !important;
	    color: #666 !important;
	}
	.tableAsegurados ul li {
	    height: 40px;
	}
	.tableAsegurados ul li span {
	    padding-top: 5px;
	}
	.tableAsegurados ul li img {
	    width: 20px;
	}
	.tableAsegurados .ulTableAseguradosTitle {
	    color: #009bdd !important;
	}
	.tableAsegurados .ulTableAseguradosTitle li span{
	    font-family: ProximaNova-Regular, Helvetica, sans-serif !important;
	    text-align: center !important;
	    color: #009bdd !important;
	    font-weight: bold;
	}
	.tableAsegurados .ulTableAsegurados{
	    float: left; 
	    /*margin-right: 3%;*/
	    width: 22%;
	}
	.tableAsegurados .ulTableAseguradosLast {
	    width: 12%;
	}
	
	.aseguradoTitle {
	    color: #009bdd !important;
	    font-family: ProximaNova-Regular, Helvetica, sans-serif !important;
	    font-weight: bold !important;
	    font-size: 25px !important;
	    margin-left: 36% !important;
	}
	
	.hrAsegurados {
	    margin-top: 30px !important; 
	    width: 96% !important; 
	    margin-right: 4% !important; 
	    height: 3px !important; 
	    border: none !important; 
	    color: #f1f1f1 !important; 
	    background-color: #f1f1f1 !important;
	}
	
	.tableAseguradosEditButton {
	    background: transparent url('img/el-corte-ingles-seguros-editar.png') no-repeat 0 top;
	    height: 25px;
	    float: left;
	    width: 25px;
	    cursor: pointer;
	}
	.tableAseguradosDeleteButton {
	    background: transparent url('img/el-corte-ingles-seguros-eliminar.png') no-repeat 0 top;
        float: left;
        height: 25px;
        margin-left: 15px;
        width: 25px;
        cursor: pointer;
	}
	
	.tableAseguradosEditButton:hover 
	{
	    background: transparent url('img/el-corte-ingles-seguros-editar-hover.png') no-repeat 0 top;
	}
	
	.tableAseguradosDeleteButton:hover 
	{
	    background: transparent url('img/el-corte-ingles-seguros-eliminar-hover.png') no-repeat 0 top;
	}
	
	.parrafoProductoHelp
	{
	    line-height: 120% !important;
        margin-bottom: 40px !important;
        margin-top: 20px !important;
    }
	
    .parrafoProductoHelp b 
    {
        font-weight: bold !important;
    }
    
    .SMECessSalud20 .modalDialog div
    {
        width: 52%;
    }
    
	form label	{
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	font-size:15px;
	line-height:40px;
	color:#666;
	margin-right:20px;
	display:inline-block;
	width:32%;
	text-align:right;
	}
	
	.labelSelect	{
	position:relative;
	}
	input[type=radio] {
	display:none; 
	}
		
	input[type=radio] + label {
	border:1px solid #ccc;
	display:inline-block;
	width:20%;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0px;

	}
	input[type=radio]:checked + label {
	background-image: none;
	outline: 0;
	color:white;
	background-color:#ccc;
	font-weight:700;
	}


	select	{
	width:116%;
	height:40px;
	display:inline-block;
	cursor: pointer;
	background-color: #f1f1f1;
	border:1px solid transparent;
	font-size: 14px;
	line-height: 40px;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	color:#666;
	outline:0;
	}
	
	div.select-pers	{
	width:52%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0px;
	}
	
	.select-pers select	{
	display:inline-block;
	vertical-align:top;
	height:40px;
	border:1px solid #ccc;
	border-radius:6px;
	background-image:url(img/flecha-select.png);
	background-repeat:no-repeat;
	background-position:right;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	overflow:hidden;
	padding-left:20px;
	padding-right: 30px;
	text-overflow: ellipsis;
	}	

	.radios4campos input[type=radio] + label	{
	width:15%;	
	}
	.radios4campos label:nth-child(5)	{
	border-right-color:transparent;
	}	
	
	.campoForm:last-child	{
	margin-bottom:60px;
	}/* Margen inferior del formulario a los botones*/ 
	
		
	div.select-pers.comboDate	{
	width:16%;
	display:inline-block;
	margin-right:4.5%;
	}
	div.select-pers.comboDate:first-child	{
	margin-right:0;
	}
	.fecha2campos input[type=radio] + label	{
	width:30%;	
	}
	.fecha2campos label:nth-child(3)	{
	border-right-color:#ccc;
	}
		
	.radios2campos input[type=radio] + label	{
	width:30%;	
	}
	.radios2campos label:nth-child(3)	{
	border-right-color:#ccc;
	}
	
	div.select-pers.mesMatric 	{
	width:30%;
	display:inline-block;
	}	
	div.select-pers.yearMatric	{
	width:18.5%;
	display:inline-block;
	margin-left:8%;
	}
	.rangeslider
	{
	    top: 3px;
	    width:60.6%;
	    display:inline-block;
	}
	.campoForm input[type=text],.campoForm  input[type=number],.campoForm  input[type=tel],.campoForm  input[type=email] ,.campoForm  input[type=password] {
	border:1px solid #ccc !important;
	border-radius:6px;
	display:inline-block;
	width:57.6%;
	height:40px;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	padding-left:15px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0;
	outline:0;
	}	

	input[type=text]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus {
	
	background-color: #fbfbfb;
	
	}

	.check-finalizar	{
	}
	.check-fin	{
	display:inline-block;
	width:33%;
	}

	.check-finalizar span	{
	width:62%;
	text-align:left;
	font-size:13px;
	}
	.colCheck {position:relative; top:14px;}
	.check-finalizar span a	{
	font-size:13px;
	color:#005782;
	}

	input[type=submit] {
	font-size:16px;
	line-height:30px;
	}

}

@media screen and (min-width: 768px) and (max-width: 968px)  
{
footer	{
	margin-top:700px;
	}


/*                 TARIFICADOR: COCHE                    */		
.rangeslider .tooltipslider
    {
        top:-37px;
    }
/*Contenedor general de sección*/
	.content	{
		max-width:968px;
		margin:0 auto;
		padding-bottom:32px;
		background-color:white;
		position:relative;
		}
		
	.content span{
		color:#999999;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:0.8em;
		margin:22px 0 0 17px;
		display:inline-block;
		cursor:default;
			}
/*ID Presupuesto*/		
	.presupuesto	{
		width:200px;
		height:45px;
		background-color:#005782;
		position:absolute;
		right:0;
		top:10px;
		}	
	.presupuesto span	{
		display:inline;
		vertical-align:top;
		height:45px;
		width:70px;
		color:white;
		margin-top:0;
		line-height:45px;
		}	
	.idPresupuesto	{
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		color:white !important;
		text-transform:uppercase;
		display:inline-block;
		vertical-align:top;
		height:45px;
		margin-top:0;
		margin-left:10px;	
		line-height:45px;
		}	
/*Right Bar*/	
div.rightBar-home	 {
	display:block;
	height:0;
	
	}
	.rightBar-home .infoContactBar	{
		width:100%;
		height:700px;
		background-color:#f7f7f7;
		position:absolute;
		bottom:-700px;
		}
		.rightBar-home .infoContactBar h2	{
			margin-left:40px;
			margin-top:40px;
			line-height:24px;
			cursor:default;
			}
			.rightBar-home .infoContactBar h3	{
			margin-left:40px;
			cursor:default;
			
			}
			.breadcumbsquare span{margin-left:40px;}
			.infoContactBar hr	{
				display:none;
				}
			.horario1	{
				display:inline-block;
				vertical-align:top;
				width:30%;
				margin-left:5%;
				margin-top:20px;
				margin-bottom:10px;
				}
				.horario1 div	{
				display:inline-block;
				vertical-align:top;
				margin-right:0;
					}	
				.horario1 span	{
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}
			.horario2	{display:inline-block;
				vertical-align:top;
				width:30%;
				margin-top:20px;
				margin-bottom:10px;
				}	
				.horario2 div	{
				display:inline-block;
				vertical-align:top;
					}	
				.horario2 span	{
				display:block;
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}	
				.horario3	{display:inline-block;
				vertical-align:top;
				width:30%;
				margin-top:32px
				}	
				.horario3 div	{
				display:inline-block;
				vertical-align:top;
					}	
				.horario3 span	{
				display:block;
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}		
/*Migas y telefono*/
	.pageInfoWrapper{
		height:62px;
		width:100%;
		background-color:white;
		position:relative;
		}
	.pageInfo{
		width:968px;
		height:100%;
		margin:0 auto;
		background-color:white;
		}	
	.pageInfo h2	{
		line-height:62px;
		color:#a8a8a8;
		font-size:0.95em;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		cursor:default;
		display:inline-block;
		vertical-align:top;
		margin-left:20px;
		}	
	.pageInfo h2 em	{
		color:#666;
		}	
	.pageInfo h2 a	{
		color:#a8a8a8;
		font-size:0.9em;
		cursor:auto;
		text-decoration:none;
		border-bottom:1px solid #DCDCDC;
		transition:color 0.3s;
		}
		.pageInfo h2 a:hover	{
		color:#777
		}	
	
		.pageInfo h3 	{
		display:none;
		
		}
	.pageInfo div	{
		display:inline-block;
		width:150px;
		vertical-align:top;
		right:30px;
		text-align:right;
		position:absolute;
		}	
	.pageInfo div img	{
		position:absolute;
		top:16px;
		left:0;
		}	
	.pageInfo div a	{
		text-decoration:none;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:1.2em;
		color:#7f7f7f;
		margin-left:15px;
		line-height:62px;
		}
/*Progress Bar*/	
	.PBar	{
		width:100%;
		height:10px;
		background-color:#dce0c7;
		}
	#PBar_pag1	{
		width:12.5%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pag1 span{
		position:absolute;
		top:-29px;
		right:0;
		border:3px solid #005782;
		border-radius:5px;
		padding:4px 4px;
		background-color:white;
		color:#005782;
		font-family:ProximaNova-Bold, Helvetica, sans-serif;
		font-weight:bold;
		font-size:0.8em;
		z-index:2;
		}
/*Botones Tarificador*/	
	.PageComparativa .botones
	{
		bottom:-20px;
		margin-top:0px;
	}	
	.botones	{
		z-index:5;
		   width:600px;
		   position:absolute;
		   margin-top:60px;
		   left:50%;
		   text-align:center;
		   transform:translateX(-50%);
		   -webkit-transform:translateX(-50%);
		   }
	   .continuarButton	{
		   display:inline-block;
		   vertical-align:top;
		   width:166px;
		   height:36px;
		   background-color:#005782;
		   border:1px solid #005782;
		   border-radius:50px;
		   color:white;
		   line-height:36px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   font-weight:600;
		   position:relative;
		   transition: all .2s;
		   }
		   .continuarButton:hover	{
			border:2px solid #afc457;
			background-color:#afc457;
			cursor:pointer;
		   }
		   .continuarButton:active	{
			border:2px solid #c7d66e;
			background-color:#c7d66e;
			cursor:pointer;
		   }
			.retrocederButton:after	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:31px;
			left:10px;
			border-bottom: 2px solid #005782;
			transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-o-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);  
			}	
			.retrocederButton:before	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:23px;
			left:11px;
			border-bottom: 2px solid #005782;
			transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);  
			} 
		.retrocederButton, .guardarButton, .anadirAsegurado	{
		   display:inline-block;
		   vertical-align:top;
		   width:166px;
		   height:36px;
		   border:2px solid #005782;
		   background-color:white;
		   border-radius:50px;
		   color:#777;
		   line-height:36px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   font-weight:600;
		   position:relative;
		   margin-right:20px;
		   transition: all .2s;
		   }
		   .guardarButton a	{
			   text-decoration:none;
			   color:#777;
		   line-height:36px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   transition: all .2s;
			   }
			 .guardarButton a:hover 	{
		   color:#005782;
		   cursor:pointer;
		   }
		   .guardarButton a:active	{
		   color:#c7d66e;
		   cursor:pointer;
		   }  
		   .anadirAsegurado a {
		       
		    text-decoration:none;    
		    color:#777;
		    line-height:36px;
		    font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		    transition: all .2s;
			}
			 .anadirAsegurado a:hover 	{
		   color:#005782;
		   cursor:pointer;
		   }
		   .anadirAsegurado a:active	{
		   color:#c7d66e;
		   cursor:pointer;
		   }
			.continuarButton:before	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:23px;
			right:11px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-o-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);  
			}	
			.continuarButton:after	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:31px;
			right:10px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);  
			} 
		   .retrocederButton:hover 	{
		   color:#005782;
		   background-color:white;
		   cursor:pointer;
		   } 
		   .retrocederButton:active	{
		   color:#c7d66e;
		   background-color:white;
		   cursor:pointer;
		   } 

/*Formulario Trificador*/
				
	/* Estilos comunes en todos los formularios */
.formWrapper{
	width:90%;
	margin:80px 0 0 20px;
	}
	
.formWrapper h2	{
	color:#666;
	font-family:ProximaNova-Bold, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	}	
	
.campoForm	{
	margin-top:30px;
	}
	.campoForm label:nth-child(3) 	{
	border-radius:6px 0 0 6px;
	border-right-color:#CCCCCC;
	}
	.campoForm label:last-child 	{
	border-radius:0 6px 6px 0;
	border-left-color:transparent;
	} 
	
form label	{
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	font-size:16px;
	line-height:40px;
	color:#666;
	margin-right:20px;
	display:inline-block;
	width:32%;
	text-align:right;
	position:relative;
	}

input[type=radio] {
	display:none; 
	}
		
input[type=radio] + label {
	border:1px solid #ccc;
	display:inline-block;
	width:20%;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0px;

}
input[type=radio]:checked + label {
   background-image: none;
	outline: 0;
	color:white;
	background-color:#ccc;
	font-weight:700;
}


select	{
	width:116%;
	height:40px;
	display:inline-block;
	cursor: pointer;
	background-color: #f1f1f1;
	border:1px solid transparent;
	font-size: 14px;
	line-height: 40px;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	color:#666;
	outline:0;
	}
	
div.select-pers	{
	width:52%;
	display:inline-block;
	vertical-align:top;
	}
	
.select-pers select	{
	display:inline-block;
	vertical-align:top;
	height:40px;
	border:1px solid #ccc;
	border-radius:6px;
	background-image:url(img/flecha-select.png);
	background-repeat:no-repeat;
	background-position:right;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 -ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
	overflow:hidden;
	padding-left:20px;
	padding-right: 30px;
	text-overflow: ellipsis;
	}	
.labelSelect	{
	position:relative;
	}	

.radios4campos input[type=radio] + label	{
	width:15%;	
	}
	.radios4campos label:nth-child(5)	{
		border-right-color:transparent;
		}	

.campoForm:last-child	{
	margin-bottom:60px;
	}/* Margen inferior del formulario a los botones*/ 
	
	
div.select-pers.comboDate	{
	width:16%;
	display:inline-block;
	margin-right:4.5%;
	}
	div.select-pers.comboDate:first-child	{
	margin-right:0;
	}
	
.dos-campos input[type=radio] + label	{
	width:30.35%;	
	}
.dos-campos label:nth-child(3)	{
		border-right-color:#ccc;
		}
	
div.select-pers.mesMatric 	{
	width:30%;
	display:inline-block;
	}	
div.select-pers.yearMatric	{
	width:18.5%;
	display:inline-block;
	margin-left:8%;
	}
.rangeslider
	{
	    top: 3px;
	    width:60.6%;
	    display:inline-block;
	}
input[type=number], input[type=tel], input[type=email], input[type=text],input[type=password] {
	border:1px solid #ccc;
	border-radius:6px;
	display:inline-block;
	width:57.6%;
	height:40px;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	padding-left:15px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0;
	outline:0;
}	

input[type=number]:focus,input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus {
	
	background-color: #fbfbfb;
	
}

.check-finalizar	{
	}
.check-fin	{
	
	width:34%;
	position:relative
	}
 input[type=checkbox]	{
	margin-right:15px;
	position:absolute;
	right:0;
	}
.check-finalizar label	{
	width:62%;
	text-align:left;
	margin-left:35%;
	font-size:13px;
}

.check-finalizar label a	{
	font-size:13px;
	color:#005782;
}

input[type=submit] {
	font-size:16px;
	line-height:30px;
	}	
		
}

@media screen and (max-width: 767px)  
{
    .aseguradoTitle {
	    color: #009bdd !important;
	    font-family: ProximaNova-Regular, Helvetica, sans-serif !important;
	    font-weight: bold !important;
	    font-size: 25px !important;
	    margin-left: 36% !important;
	}
    .rangeslider .tooltipslider::before
    {
        bottom: 24px;
        left: 35px;
        border-width: 0px 10px 10px;
    }
    .rangeslider .tooltipslider
    {
        top:27px;
    }
    .rangeslider .tooltipslider::after
    {
        bottom: 21px;
        left: 36px;
        border-width: 0px 9px 10px;
    }
footer	{
	margin-top:540px;
	}

/*                 TARIFICADOR: COCHE                    */		
.fieldErrorsSummaryRsp
{
	width: 88%;
	}
/*Contenedor general de sección*/
	.content	{
		width:100%;
		margin:auto;
		padding-bottom:32px;
		background-color:white;
		position:relative;
		}
		
	.content span{
		color:#999999;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:0.8em;
		margin:22px 0 0 17px;
		display:inline-block;
		cursor:default;
			}
/*ID Presupuesto*/		
	.presupuesto	{
		width:200px;
		height:45px;
		background-color:#005782;
		position:absolute;
		right:0;
		top:11px;
		}	
	.presupuesto span	{
		display:inline-block;
		vertical-align:top;
		height:45px;
		width:70px;
		color:white;
		margin-top:0;
		line-height:45px;
		}	
	.idPresupuesto	{
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		color:white;
		text-transform:uppercase;
		display:inline-block;
		vertical-align:top;
		height:45px;
		margin-top:0;
		margin-left:10px;	
		line-height:45px;
		}	
/*Right Bar*/	
div.rightBar-home	 {
	display:block;
	height:0;
	
	}
	.rightBar-home .infoContactBar	{
		width:100%;
		height:720px;
		background-color:#f7f7f7;
		position:absolute;
		bottom:-540px;
		}
		.rightBar-home .infoContactBar h2	{
			margin-left:40px;
			margin-top:40px;
			line-height:24px;
			cursor:default;
			}
			.rightBar-home .infoContactBar h3	{
			margin-left:40px;
			cursor:default;
			}
			.breadcumbsquare span{margin-left:40px;}
			.infoContactBar hr	{
				display:none;
				}
			.horario1	{
				display:inline-block;
				vertical-align:top;
				width:30%;
				
				margin-top:20px
				}
				.horario1 div	{
				display:inline-block;
				vertical-align:top;
				margin-right:0;
					}	
				.horario1 span	{
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}
			.horario2	{display:inline-block;
				vertical-align:top;
				width:30%;
				margin-top:20px;
				}	
				.horario2 div	{
				display:inline-block;
				vertical-align:top;
					}	
				.horario2 span	{
				display:block;
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}	
				.horario3	{display:inline-block;
				vertical-align:top;
				width:30%;
				margin-top:32px
				}	
				.horario3 div	{
				display:inline-block;
				vertical-align:top;
					}	
				.horario3 span	{
				display:block;
				text-align:center;
				display:block;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
					}	
/*Migas y telefono*/
	.pageInfoWrapper{
		height:62px;
		width:100%;
		background-color:white;
		position:relative;
	}
	.pageInfo{
		width:968px;
		height:100%;
		margin:0 auto;
		background-color:white;
		}	
	.pageInfo h2	{display:none;}	
	.pageInfo h3	{
		line-height:62px;
		color:#a8a8a8;
		font-size:0.95em;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		cursor:default;
		display:inline-block;
		vertical-align:top;
		margin-left:20px;
		}	
	.pageInfo h3 em	{
		color:#666;
		}	
	.pageInfo h3 a	{
		color:#a8a8a8;
		font-size:0.9em;
		cursor:auto;
		text-decoration:none;
		border-bottom:1px solid #DCDCDC;
		transition:color 0.3s;
		}
		.pageInfo h3 a:hover	{
		color:#777
		}
	
	.pageInfo div	{
		display:inline-block;
		width:150px;
		vertical-align:top;
		right:30px;
		text-align:right;
		position:absolute;
		}	
	.pageInfo div img	{
		position:absolute;
		top:16px;
		left:0;
		}	
	.pageInfo div a	{
		text-decoration:none;
		font-family:ProximaNova-Regular, Helvetica, sans-serif;
		font-size:1.2em;
		color:#7f7f7f;
		margin-left:15px;
		line-height:62px;
		}
		
/*Progress Bar*/	
	.PBar	{
		width:100%;
		height:10px;
		background-color:#dce0c7;
		}
	#PBar_pag1	{
		width:12.5%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pag1 span{
		position:absolute;
		top:-29px;
		right:0;
		border:3px solid #005782;
		border-radius:5px;
		padding:4px 4px;
		background-color:white;
		color:#005782;
		font-family:ProximaNova-Bold, Helvetica, sans-serif;
		font-weight:bold;
		font-size:0.8em;
		z-index:2;
		}
/*Botones Tarificador*/		
	.botones	{
		z-index:6;
		   width:420px;
		   position:absolute;
		   margin-top:60px;
		   left:50%;
		   text-align:center;
		   transform:translateX(-50%);
		   -webkit-transform:translateX(-50%);
		   font-size:14px;
		   }
		.PageComparativa .botones
		{
			bottom:15px;
			margin-top:0px;
		}
	   .continuarButton	{
		   display:inline-block;
		   vertical-align:top;
		   width:115px;
		   height:32px;
		   background-color:#005782;
		   border:2px solid #005782;
		   border-radius:0 50px 50px 0;
		   color:white;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   position:relative;
		   transition: all .2s;
		   margin-left:-6px;
		   }
		  
		   .continuarButton:hover	{
			border:2px solid #afc457;
			background-color:#afc457;
			cursor:pointer;
		   }
		   .continuarButton:active	{
			border:2px solid #c7d66e;
			background-color:#c7d66e;
			cursor:pointer;
		   }
		 
			.retrocederButton:after	{
			content:"";
			display:block;
			width: 10px;
			height: 10px;
			position: absolute;
			top:29px;
			left:6px;
			border-bottom: 2px solid #005782;
			transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-o-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);  
			}	
			.retrocederButton:before	{
			content:"";
			display:block;
			width: 10px;
			height: 10px;
			position: absolute;
			top:23px;
			left:9px;
			border-bottom: 2px solid #005782;
			transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);  
			} 
		.retrocederButton	{
		   display:inline-block;
		   vertical-align:top;
		   width:115px;
		   height:32px;
		   border:2px solid #005782;
		   background-color:white;
		   border-radius:50px 0 0 50px;
		   color:#777;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   
		   position:relative;
		   transition: all .2s;
		   margin-right:-6px;
		   }
		  .guardarButton a	{
			  font-size:14px;
			   text-decoration:none;
			   color:#777;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   transition: all .2s;
			   }
			 .guardarButton a:hover 	{
		   color:#005782;
		   cursor:pointer;
		   }
		   .guardarButton a:active	{
		   color:#c7d66e;
		   cursor:pointer;
		   }  
		   .anadirAsegurado a	{
			  font-size:14px;
			   text-decoration:none;
			   color:#777;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   transition: all .2s;
			   }
			 .anadirAsegurado a:hover 	{
		   color:#005782;
		   cursor:pointer;
		   }
		   .anadirAsegurado a:active	{
		   color:#c7d66e;
		   cursor:pointer;
		   } 
			.continuarButton:before	{
			content:"";
			display:block;
			width: 10px;
			height: 10px;
			position: absolute;
			top:24px;
			right:11px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-o-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);  
			}	
			.continuarButton:after	{
			content:"";
			display:block;
			width: 10px;
			height: 10px;
			position: absolute;
			top:30px;
			right:8px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);  
			} 
		   .retrocederButton:hover	, .guardarButton:hover, .anadirAsegurado:hover {
		   color:#005782;
		   background-color:white;
		   cursor:pointer;
		   } 
		   .retrocederButton:active	, .guardarButton:active, .anadirAsegurado:active	{
		   color:#c7d66e;
		   background-color:white;
		   cursor:pointer;
		   }
		   .imprimirButton
		   {
		       border-radius: 0px 50px 50px 0px !important;} 
		   .guardarButton	{
		   display:inline-block;
		   vertical-align:top;
		   width:145px;
		   height:32px;
		   border:2px solid #005782;
		   background-color:white;
		   color:#777;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   
		   position:relative;
		   transition: all .2s;
		   }
		   .anadirAsegurado	{
		   display:inline-block;
		   vertical-align:top;
		   width:145px;
		   height:32px;
		   border:2px solid #005782;
		   background-color:white;
		   color:#777;
		   line-height:32px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		  
		   position:relative;
		   transition: all .2s;
		   }
		   

/*Formulario Trificador*/
				
	/* Estilos comunes en todos los formularios */
.formWrapper{
	width:90%;
	margin:70px 0 0 20px;
	}
	
.formWrapper h2	{
	color:#666;
	font-family:ProximaNova-Bold, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	}	
	
.campoForm	{
	margin-top:30px;
	}
	.campoForm label:nth-child(3) 	{
	border-radius:6px 0 0 6px;
	
	}
	.campoForm label:last-child 	{
	border-radius:0 6px 6px 0;
	border-left-color:transparent;
	} 
	
form label	{
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin-bottom:18px;
	display:block;
	width:100%;
	
	position:relative;
	}

input[type=radio] {
	display:none; 
	}
		
input[type=radio] + label {
	border:1px solid #ccc;
	display:inline-block;
	width:32%;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0px;

}
input[type=radio]:checked + label {
   background-image: none;
	outline: 0;
	color:white;
	background-color:#ccc;
	font-weight:700;
}

select	{
	width:116%;
	height:40px;
	display:inline-block;
	cursor: pointer;
	background-color: #f1f1f1;
	border:1px solid transparent;
	font-size: 14px;
	line-height: 40px;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	color:#666;
	outline:0;
	}
	
div.select-pers	{
	width:83%;
	display:inline-block;
	vertical-align:top;
	}
	
.select-pers select	{
	display:inline-block;
	vertical-align:top;
	height:40px;
	border:1px solid #ccc;
	border-radius:6px;
	background-image:url(img/flecha-select.png);
	background-repeat:no-repeat;
	background-position:right;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 -ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
	overflow:hidden;
	padding-left:20px;
	padding-right:30px;
	text-overflow:ellipsis;
	}	
	

.radios4campos input[type=radio] + label	{
	width:24%;	
	}
	.radios4campos label:nth-child(5)	{
		border-right-color:transparent;
		}	
	
.campoForm:last-child	{
	margin-bottom:60px;
	}/* Margen inferior del formulario a los botones*/ 
	
	
.dos-campos input[type=radio] + label	{
	width:48%;	
	}
.dos-campos label:nth-child(3)	{
		border-right-color:#ccc;
		}
	
div.select-pers.mesMatric 	{
	width:52%;
	display:inline-block;
	}	
div.select-pers.yearMatric	{
	width:27%;
	display:inline-block;
	margin-left:12%;
	}
	
div.select-pers.comboDate	{
	width:26.2%;
	display:inline-block;
	margin-right:6%;
	}
	div.select-pers.comboDate:first-child	{
	margin-right:0;
	}	
	.rangeslider
	{
	    top: 3px;
	    width:94%;
	    display:inline-block;
	}
input[type=text], input[type=number], input[type=tel], input[type=email],  input[type=password]{
	border:1px solid #ccc;
	border-radius:6px;
	display:inline-block;
	width:94%;
	height:
	40px;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	padding-left:15px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f1f1f1;
	margin:0;
	outline:0;
}	

input[type=text]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus {
	
	background-color: #fbfbfb;
	
}

.check-finalizar	{
	
	}
.check-fin	{
	
	width:30px;
	position:relative
	}
 input[type=checkbox]	{
	
	position:absolute;
	right:0;
	}
.check-finalizar label	{
	width:85%;
	text-align:left;
	margin-left:8%;
	font-size:13px;
}

.check-finalizar label a	{
	font-size:13px;
	color:#005782;
}

input[type=submit] {
	font-size:14px;
	line-height:24px;
	}	
	
		
}


@media screen and (max-width: 554px) { 
footer	{
	margin-top:570px;
	}

.rightBar-home .infoContactBar {
    background-color: #f7f7f7;
    bottom: -569px;
    height: 602px;
}
.infoContactBar a	{
	text-align:center;
	}
.rightBar-home .infoContactBar .horario1, .rightBar-home .infoContactBar .horario2, .rightBar-home .infoContactBar .horario3  {
	margin-top:0;
	
	}	
	
.rightBar-home .infoContactBar div img{
	display:block;
	vertical-align:top;
	margin:22px auto 0;
	}


}
@media screen and (max-width: 346px)  
{
    

.rightBar-home .infoContactBar {
    bottom: -949px;
    height: 981px;
}
footer	{
	margin-top:940px;
	}
}

@media screen and (max-width: 360px) { 

.rightBar-home .infoContactBar h2	{
	margin-left:15px;
	}	
.rightBar-home .infoContactBar h3	{
	margin-left:15px;
	}	
}

@media screen and (max-width: 527px) { 

.infoContactBar	{
	height:380px;
	}


.otrasMarcas ul	{
font-size:12px;
margin:50px 0 21px 25px;
	}
.pageInfo div	{
display:none;
}	

.botones	{
   z-index:6;
   width:420px;
   position:absolute;
   margin-top:60px;
   left:50%;
   text-align:center;
   transform:translateX(-50%);
   -webkit-transform:translateX(-50%);
   }
.botones .retrocederButton	{
	width:100px;
	text-align:right;
	padding-right:10px;
	font-size:16px;
	}
.botones .continuarButton	{
	width:100px;
	text-align:left;
	padding-left:10px;
	font-size:16px;
	}
.botones .guardarButton, .botones .anadirAsegurado {
	width:90px;
	overflow:hidden;
	}	
	.botones .guardarButton a	{
	font-size:16px;
	}
	.botones .anadirAsegurado a	{
	font-size:16px;
	}
		
div.select-pers.comboDate	{
	width:26%;
	display:inline-block;
	margin-right:6%;
	}
	div.select-pers.comboDate:first-child	{
	margin-right:0;
	}
	.rangeslider
	{
	    width:93%;
	    top: 3px;
	}
input[type=text], input[type=number], input[type=tel], input[type=email] {
	
	width:93%;
   
}
.pageInfo h2 	{display:none;}
.pageInfo h3 	{
		display:block;
		float:left;
		line-height:62px;
		color:#aaa;
		font-size:1.1em;
		font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		cursor:default;
		margin-left:20px;
		}
.pageInfo h3 em {
	font-weight:bold;
	color:#666;
	}	
		
}

@media screen and (max-width:346px)	{
	.rightBar-home .infoContactBar .horario1, .rightBar-home .infoContactBar .horario2, .rightBar-home .infoContactBar .horario3  {
	display:block;
	width:100%;
	
	}	
	.rightBar-home .infoContactBar div div	{
		display:inline-block;
		}	
	}




/* Clase para campos ocultos */
.campos-ocultos	{display:none}


/*Estilo PAG01: Selección de marcas*/

/* Es necesario identificar con una clase la <label> del radio de cada marca para luego incluirle el logotipo de la marca mediante un background-image por CSS*/

	   
	
		.formWrapper .selectorMarcas input[type=radio] + label	{
			width:100px;
			height:100px;
			border-radius:100px;
			border:2px solid #CCCCCC;
			margin: 0 0 60px 25px;
			opacity:0.65;
			}
		.formWrapper .selectorMarcas input[type=radio]:checked + label {
			   opacity:1;
			   border:2px solid #005782;
				}
			
			
			
			.formWrapper .selectorMarcas span	{
			position:relative;
			top:100px;
			margin:0;
			text-transform:uppercase;
			}
	
	#PBar_pg12	{
		width:12.5%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg14	{
		width:14%;
		height:10px;
		background-color:#005782;
		position:relative;
		}   
	#PBar_pg30	{
		width:30%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg33	{
		width:33%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg37	{
		width:37%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg44	{
		width:44%;
		height:10px;
		background-color:#005782;
		position:relative;
		}   
	#PBar_pg50	{
		width:50%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg56	{
		width:56%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg60	{
		width:60%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg63	{
		width:63%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg66	{
		width:66%;
		height:10px;
		background-color:#005782;
		position:relative;
		}	
	#PBar_pg73	{
		width:73%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg77	{
		width:77%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg83	{
		width:83%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg87	{
		width:87%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg92	{
		width:92%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	#PBar_pg100	{
		width:100%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
	.PgBar span{
		position:absolute;
		top:-19px;
		right:0;
		border:3px solid #005782;
		border-radius:5px;
		padding:4px 4px;
		background-color:white;
		color:#005782;
		font-family:ProximaNova-Bold, Helvetica, sans-serif;
		
		font-size:0.8em;
		z-index:2;
		} 
	 .actionButtonRsp	{
		   display:inline-block;
		   vertical-align:top;
		   width:166px;
		   height:36px;
		   background-color:#005782;
		   border:2px solid #005782;
		   border-radius:50px;
		   color:white;
		   line-height:36px;
		   font-family:ProximaNova-Semibold, Helvetica, sans-serif;
		   
		   position:relative;
		   transition: all .2s;
		   cursor:pointer;	
	 }
	 .Width52pct div.select-pers
	 {
	     width:52% !important;
	     }
	 .Font15px{font-size:15px;}
	 .actionButtonRsp:hover	{
			border:2px solid #afc457;
			background-color:#afc457;
			cursor:pointer;
		   }
		   .actionButtonRsp:active	{
			border:2px solid #c7d66e;
			background-color:#c7d66e;
			cursor:pointer;
		   }
		   .actionButtonRsp:before	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:23px;
			right:11px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);
			-o-transform:
			translateY(-20px)
			translateX(5px)
			rotate(45deg);  
			}	
			.actionButtonRsp:after	{
			content:"";
			display:block;
			width: 12px;
			height: 12px;
			position: absolute;
			top:31px;
			right:10px;
			border-bottom: 2px solid white;
			transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);  
			} 
@media screen and (max-width: 767px) { 

.wizardRspPage .actionButtonRsp {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 32px;
	background-color: #005782 ;
	border: 2px solid #005782 ;
	border-radius: 0px 50px 50px 0px;
	color: #FFF;
	line-height: 32px;
	font-family: ProximaNova-Semibold,Helvetica,sans-serif;
	position: relative;
	transition: all 0.2s ease 0s;
	cursor: pointer;
	margin-left: -6px;
	padding-left: 10px;
	text-align: left;
	font-size: 16px;
}
div.wizardRspPage	{
		height:950px;
		
		   }
}	 

@media screen and (max-width: 576px) { 




div.wizardRspPage	{
		 
		height:900px;
		
		   }
	
.formWrapper .selectorMarcas input[type=radio] + label	{
			width:70px;
			height:70px;
			margin: 0 0 40px 25px;
			
			}	
.wizardRspPage .formWrapper .selectorMarcas span	{
			position:relative;
			top:70px;
			margin:0;
			text-transform:uppercase;
			line-height:20px;
			font-size:11px;
			white-space:nowrap;
			}	
 .wizardRspPage .actionButtonRsp	{
		   display: inline-block;
			vertical-align: top;
			width: 100px;
			height: 32px;
			background-color: #005782;
			border: 2px solid #005782;
			border-radius: 0px 50px 50px 0px;
			color: #FFF;
			line-height: 32px;
			font-family: ProximaNova-Semibold,Helvetica,sans-serif;
			position: relative;
			transition: all 0.2s ease 0s;
			cursor: pointer;
			margin-left: -6px;
			padding-left: 10px;
			text-align: left;
			font-size: 16px;
		   }						
}

@media screen and (max-width: 440px) { 


.fieldErrorsSummaryRsp
{width:79%;}

div.wizardRspPage	{
		 
		height:1104px;
		
		   }
}
@media screen and (max-width: 320px) { 




div.wizardRspPage	{
		 
		height:1110px;
		
		   }
}

/*Estilo PAG02: Datos del coche*/	
			
.tarificadorCoche-Pag-02	{
		display:block;
		background-color:white;
		height:675px;
		width:100%;
		
		 }
	.tarificadorCoche-Pag-02	{
		display:none;
		 }
	#PBar_pg25	{
		width:25%;
		height:10px;
		background-color:#005782;
		position:relative;
		}	 
				
@media screen and (max-width: 320px) { 



.fieldErrorsSummaryRsp
{
	width:74%;
	}
div.tarificadorCoche-Pag-02	{
		 
		height:760px;
		
		   }
}				
/*Estilo PAG03: Más datos del coche*/	
			
.tarificadorCoche-Pag-03	{
		display:block;
		background-color:white;
		height:675px;
		width:100%;
		 }
	.tarificadorCoche-Pag-03	{
		display:none;
		 }
	#PBar_pag03	{
		width:37%;
		height:10px;
		background-color:#005782;
		position:relative;
		}			 
@media screen and (max-width: 320px) { 




div.tarificadorCoche-Pag-03	{
		 
		height:720px;
		
		   }
}				 
			 
/*Estilo PAG04: Datos del conductor*/	
			
.tarificadorCoche-Pag-04	{
		display:block;
		background-color:white;
		height:690px;
		width:100%;
		
		 }
	.tarificadorCoche-Pag-04	{
		display:none;
		 }
	#PBar_pag04	{
		width:50%;
		height:10px;
		background-color:#005782;
		position:relative;
		}
			
		
	
	
	
							 
/*Estilo PAG04 parte02: Datos del titular del seguro*/	
			
.tarificadorCoche-Pag-04-02	{
		display:block;
		background-color:white;
		height:675px;
		width:100%;
		
		 }
	.tarificadorCoche-Pag-04-02	{
		display:none;
		 }
	#PBar_pag04-02	{
		width:56%;
		height:10px;
		background-color:#005782;
		position:relative;
		}		 
				 
.tarificadorCoche-Pag-04-02 .conductor-ocasional-si		{
		font-family:ProximaNova-regular, Helvetica, sans-serif;
		color:#005782;
		border:1px solid #ccc;
		border-radius:6px 0 0 6px;
		display:inline-block;
		width:31%;
		height:38px;
		font-size: 14px;
		line-height: 38px;
		color: #333;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #f1f1f1;
		margin:0;
		outline:0;
			} 
	

.PageComparativa	{
		display:block;
		height:1080px;
		width:100%;
		background-color:#eeefea;
		 }
@media screen and (max-width: 967px) { 
	.PageComparativa	{
		
		height:1100px;
		
		 }				
}	


/*Pop up ayuda (común en todas las resoluciones)*/
	
.botonFAQ	{
	display:inline-block;
	margin-right:15px;
	}

.botonFAQ a	{
	width:25px;
	height:25px;
	border:2px solid #005782;
	display:block;
	border-radius:100px;
	text-decoration:none;
	font-size:18px;
	color:#005782;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	text-align:center;
	line-height:25px;
	transition:all 0.3s;
	}
	.botonFAQ a:hover	{
		color:#bdd363;
		border-color:#bdd363
	}
	

.modalDialog {
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
    visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1000;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	overflow-y: auto;
	
}
/* Make the modal appear when targeted */
	.modalDialog:target 
	{
		opacity: 1;
		visibility: visible;
	}
.modalDialog h2	{
	
	color:#005782 !important;
	width:100%;
	font-size:36px;
	font-weight:bold;
	margin:30px 20px;
	text-align:left !important;
	line-height:100%;
}
.modalDialog hr	{
	height:1px;
	border:0;
	background-color:#ccc;
	width:100%;
}

.modalDialog p 	{
	color:#666;
	margin:40px 20px 50px;
	text-align:left !important;
	}

.modalDialog:target {
	
	pointer-events: auto;
}

.modalDialog > div {
	
	position: relative;
	margin: 10% auto;
	border-radius: 10px;
	width: 40%;
	background-color: #f9f9f9;
	border:7px solid #005782;
}
.modalDialog input[type=email]	{
	border:1px solid #ccc;
	border-radius:6px;
	width:50%;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	cursor: pointer;
	background-color: #f1f1f1;
	outline:0;
	padding-left:15px;
	margin:20px
	}
.modalDialog input[type=submit]	{
	width:120px;
	height:42px;
	background-color:#005782 ;
	border:2px solid #005782;
	border-radius:50px;
	color:white;
	font-size:14px;
	line-height:36px;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	
	position:relative;
	outline:0;
	transition:all 0.25s
		}
.close {
	
	color: #999;
	line-height: 20px;
	padding-top:8px;
	position: absolute;
	right: 8px;
	font-size:28px;
	text-align: center;
	top: 10px;
	width: 40px;
	height:30px;
	text-decoration: none;
	font-family:ProximaNova-Semibold, Helvetica, sans-serif;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	transition: color 0.2s ease-in;
}

.close:hover { 
color: #005782;

 }	
.resultServicios-mini,.btnResultMeinteresa2	{display:none}

@media all and (max-width:1067px) {

.modalDialog > div {
	width: 70%;
}
.resultServicios-mini	{display:none}	
}

@media all and (max-device-width:767px) {

.botonFAQ	{
	position:absolute;
	right:10%;
	bottom:1px;
	}
.botonFAQ a	{
	margin-left:8px;
}


.modalDialog h2	{
	font-size:28px;
}	
.modalDialog input[type=submit]	{
	display:block;
	width:120px;
	height:32px;
	line-height:26px;
	margin:0 auto 30px;
}
.modalDialog input[type=email]	{
	width:70%;	
}
 


}



/*Estilo checkbox de pantalla final*/
.check-fin input[type=checkbox]	{
	display:none
	
	}

.check-fin input[type=checkbox] + label	{
	display:inline-block;
	height:35px;
	width:35px;
	border:2px solid #ccc;
	border-radius:50px;	
	position:relative;
	float:right;
	margin:0;
	cursor: pointer;
	}
.check-fin input[type=checkbox]:checked + label	{
	
	border:2px solid #005782;
	}
.check-fin input[type=checkbox]:checked + label:before	{
	content:"";
	display:block;
	width: 25px;
	height: 25px;
	border-bottom: 2px solid #005782;
	position:absolute;
	top:15px;
	right:1px;
	transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-webkit-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-moz-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-ms-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-o-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);	
	}	
.check-fin input[type=checkbox]:checked + label:after	{
	content:"";
	display:block;
	width: 25px;
	height: 25px;
	border-bottom: 2px solid #005782;
	position:absolute;
	bottom:-7px;
	left:1px;
	transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);	
	}

.check-finalizar	{
	}
.check-fin	{
	display:inline-block;
	width:33%;
	}

.check-finalizar span	{
	width:62%;
	text-align:left;
	font-size:13px;
}
.colCheck {position:relative; top:14px;}
.check-finalizar span a	{
	font-size:13px;
	color:#005782;
}

@media all and (max-width:680px) {
	.check-fin	{
	display:inline-block;
	width:20%;
	}
	.check-finalizar span	{
	width:72%;
	text-align:left;
	font-size:14px;
}
 .valWrap .validacion	{
			width:33px;
			height:33px;
			border:2px solid crimson;
			border-radius:50px;
			position:absolute;
			top:-40px;
			
			}
			 .valWrap .validacion:before {
			top: 19px;
			right: 6px;
			}
			 .valWrap .validacion:after {
			bottom: -6px;
			left: 6px;
			}
	}

/*Iconos redes sociales (común en todas las resoluciones)*/

	.bannerRRSS #facebookECI	{background-image:url(img/ECIS-facebook.png)}
		.bannerRRSS #facebookECI:hover	{background-image:url(img/ECIS-facebook-hover.png)}
		.bannerRRSS #facebookECI:active	{background-image:url(img/ECIS-facebook-active.png)}
	.bannerRRSS #youtubeECI	{background-image:url(img/ECIS-youtube.png)}
		.bannerRRSS #youtubeECI:hover	{background-image:url(img/ECIS-youtube-hover.png)}
		.bannerRRSS #youtubeECI:active	{background-image:url(img/ECIS-youtube-active.png)}
	.bannerRRSS #googleECI	{background-image:url(img/ECIS-google.png)}
		.bannerRRSS #googleECI:hover	{background-image:url(img/ECIS-google-hover.png)}
		.bannerRRSS #googleECI:active{background-image:url(img/ECIS-google-active.png)}
	.bannerRRSS #twitterECI	{background-image:url(img/ECIS-twitter.png)}
		.bannerRRSS #twitterECI:hover	{background-image:url(img/ECIS-twitter-hover.png)}
		.bannerRRSS #twitterECI:active	{background-image:url(img/ECIS-twitter-active.png)}

/*Icono que indica los campos que se no se han rellenado o que se han rellenado de forma errónea*/
.valWrap{
			display:block;
			position:relative;
			margin-left:97%;
			}
		.validacion	{
			width:33px;
			height:33px;
			border:2px solid crimson;
			border-radius:50px;
			position:absolute;
			top:-40px;
			
			}
				
		.validacion:after	{
	content:"";
	display:block;
	width: 23px;
	height: 23px;
	border-bottom: 2px solid crimson;
	position:absolute;
	bottom:-8px;
	left:1px;
	transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);	
	}
	.validacion:before	{
	content:"";
	display:block;
	width: 23px;
	height: 23px;
	border-bottom: 2px solid crimson;
	position:absolute;
	top:16px;
	right:2px;
	transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-webkit-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-moz-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-ms-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-o-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);	
	}
	@media all and (max-width:968px) {	
	   .validacion	{
			
			
			}
	}
	@media all and (max-width:767px) {
	 
			   .validacion	{
			width:26px;
			height:26px;
			}
		.validacion:after	{
	
	width: 18px;
	height: 18px;
	bottom:-10px;
	left:3px;
		}
	.validacion:before	{
	
	width: 18px;
	height: 18px;
	  
		}
	}
	@media all and (max-width:680px) {
	
		
	}
		
		
		
/*Estilo para sección de resultados*/		
		
.PageComparativa .resultadosTarifWrapper	{
	top:70px ;
	position: absolute ;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	cursor:default;
	}	
	
.PageComparativa .BtnResultadosTarif {
	height: 730px ;
	font-size: 0 ;
	}

.PageComparativa .BtnResultadosTarif li	{
	padding:10px ;
	width:159px;
	height: 66px;
	opacity:0.4;
	display: inline-block ;
	vertical-align: top ;
	background-color: white;
	border-radius:6px 6px 0 0;
	margin-right: 10px ;
	cursor: pointer ;
	transition:all 0.2s;
	}
.PageComparativa .BtnResultadosTarif li span	{
	font-size:17px ;
	color: #666 ;
	margin:0;
	cursor: pointer ;
	}
.PageComparativa .BtnResultadosTarif li span em	{
	font-size:15px ;
	color: #005782 ;
	display:inline-block;
	margin-top:10px;
	font-weight:600;
	cursor: pointer ;
	}
.PageComparativa .resultadoTarif 	{	
	box-sizing:border-box;
	width:768px;
	position: absolute ;
	top: 85px ; 
	left: 0 ;
	padding:20px;
	background-color:white ;
	min-height: 570px;
	display: none ;
	}
.PageComparativa .resultadoTarif h2	{
	font-size: 18px ;
	margin-bottom:15px;
	font-weight:600;
	}
.PageComparativa .resultadoTarif h2 em	{
	color: #005782 ;
	}	

	.PageComparativa .resultadoTarif ul:nth-child(2) 	{
		width:115px;
		
		}
		.PageComparativa .resultadoTarif ul:nth-child(2):hover	{
		background-color:#fff;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) li 	{
		text-align:left;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) li p 	{
		line-height:16px;
		margin-top:10px;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(3) p	{
			padding-top:8px;
			}
		
		.PageComparativa .resultadoTarif ul:nth-child(2) hr 	{
		position:absolute;
		border:0;
		height:1px;
		width:94%;
		background-color:#ddd;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) hr:nth-child(4) 	{
		top:315px;
		}
				
.PageComparativa .resultadoTarif ul li	{
	padding:20px 10px;
	font-size:13px;
	height:25px;
	line-height:67px;
	color:#808080;
	text-align:center;
	position:relative;
	}
	
	


	.PageComparativa .resultadoTarif li:nth-child(1) ,.PageComparativa .resultadoTarif li:nth-child(2), .PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(1), .PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(3)	{
		
		
		}
		
.PageComparativa .resultadoTarif .imgResultComp	{
	width:100px;
	height:70px;
	
	margin: 20px auto 5px;
	}	
.PageComparativa .resultadoTarif>div:first-child {
	position:relative;
	}	
.PageComparativa .resultadoTarif .nombreResultComp	{
	display:block;
	width:100%;
	text-align:center;
	color: #999;
	font-size:13px;
	margin:0;
	}	


	.PageComparativa .resultadoTarif .btnResultMeinteresa a	{
	display:block;
	background-color: #005782 ;
	width:90px;
	height:28px;
	text-align:center;
	line-height:28px;
	color:white;
	font-size:12px;
	border-radius:20px;
	margin-left:-3px;
	text-decoration:none;
	transition:all 0.4s;
	opacity:1;
	}
	.PageComparativa .resultadoTarif .btnResultMeinteresa a:hover	{
	transition:all 0.2s;
	background-color: #afc457 ;
	}
	.PageComparativa .resultadoTarif .btnResultMeinteresa a:active	{
	transition:all 0.2s;
	background-color: #c7d66e ;
	}
	
	.PageComparativa .resultadoTarif strong	{
	color: #005782 ;
	font-size:17px;
	font-weight:bold;
	}

.PageComparativa .iconResult-SI-Incluido	{
	display:inline-block;
	width:28px;
	height:28px;
	border-radius:40px;
	
	position:relative;
	}
	
	.PageComparativa .iconResult-SI-Incluido:before	{
	content:"";
	display:block;
	width: 8px;
	height: 20px;
	border-bottom: 2px solid #005782;
	position:absolute;
	top:20px;
	right:13px;
	transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-webkit-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-moz-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-ms-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-o-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);	
	}
	.PageComparativa .iconResult-SI-Incluido:after	{
	content:"";
	display:block;
	width: 17px;
	height: 20px;
	border-bottom: 2px solid #005782;
	position:absolute;
	bottom:-11px;
	left:7px;
	transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);	
	}
	
	
	
.PageComparativa .iconResult-NO-Incluido	{
	display:inline-block;
	width:28px;
	height:28px;
	border-radius:40px;
	
	position:relative;
	}

.PageComparativa .iconResult-NO-Incluido:after	{
	content:"";
	display:block;
	width: 17px;
	height: 17px;
	border-bottom: 2px solid #ddd;
	position:absolute;
	bottom:-10px;
	left:5px;
	transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-webkit-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-moz-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg); 
			-ms-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);
			-o-transform:
			translateY(-20px)
			translateX(-5px)
			rotate(-45deg);	
	}


.PageComparativa .iconResult-NO-Incluido:before	{
	content:"";
	display:block;
	width: 17px;
	height: 17px;
	border-bottom: 2px solid #ddd;
	position:absolute;
	top:19px;
	right:4px;
	transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-webkit-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-moz-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg); 
		-ms-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);
		-o-transform:
		translateY(-20px)
		translateX(5px)
		rotate(45deg);	
	}		
.PageComparativa .botones div{visibility: hidden;}		
.PageComparativa .botones	{
	
	height:78px;
	width:748px;
	margin-top:0px;
	margin-left:-13px;
	background-color:white;
	z-index:999;
	}		
.PageComparativa .botones .retrocederButton, .PageComparativa .botones .guardarButton	{
	top:15px;
	}		
.PageComparativa .resultadoTarif  .btnMarcaComp	{
	position:relative;
	}
.liOferta{margin-top:10px;}
.PageComparativa .ofertaResultIcon img{
	
	width: 34px;
	
	}
	
.popupMeinteresa > div	{
	width:70%;
}
	
.popupMeinteresa .botonesMeInteresa	{
	text-align:center;
	
}	




.popupMeinteresa .botonesMeInteresa div	{
	display:inline-block;
	text-align:center;
	width:170px;
	margin:0 20px 20px 0;
}

.popupMeinteresa .botonesMeInteresa div	img	{
	width:44px;
	margin-bottom:20px
}


.popupMeinteresa .botonesMeInteresa div	p	{
	margin:6px 0 20px;
	color:#005782;
	font-size:18px;
	text-align:center !important;
}

			
.popupOferta > div {
	width:40%;
	border:7px solid #005782;
}

.popupOferta h2{
	color: #44B054 !important;
}

.popupOferta .close:hover { 
color: #44B054;

 }

@media all and (min-width:1299px) {
.btnResultMeinteresa2	{
	display:none;
	}
.popupMeinteresa > div  {
	width: 50%;
}
.PageComparativa .resultadoTarif ul li .resultServicios-mini		{display:none}	
.PageComparativa .resultadoTarif  .btnMarcaComp	{
	position:relative;
	}
}


@media all and (max-width:967px) {
.PageComparativa .resultadosTarifWrapper	{	
	width:100%;
	}	
.btnResultMeinteresa2	{
	display:none;
	}
.PageComparativa .resultadoTarif 	{	
	box-sizing:border-box;
	width:100%;
	position: absolute ;
	top: 85px ; 
	left: 0 ;
	padding:20px;
	background-color:white ;
	display: none ;
	}


	
	
.PageComparativa .botones	{
	border-top:1px solid #ccc;
	height:80px;
	width:100%;
	bottom:0;
	margin-left:0;
	}

.botones-result-despl	{
	bottom:-330px;
	}	
	
.popupOferta > div  {
	width: 70%;
}

.PageComparativa .resultadoTarif  .btnMarcaComp	{
	position:relative;
	}
	
.PageComparativa .imgResultComp	{
	margin:0 auto 5px;
	}	
.PageComparativa .resultadoTarif  .btnResultMeinteresa a 	{
	margin:0 auto;
	}
.PageComparativa .resultadoTarif ul li .resultServicios-mini		{display:none;}		

.btnResultMeinteresa2	{
	display:none;
	}
	.lblPrecio
{
    display:none;
}
}


@media all and (min-width:768px)	{
	.PageComparativa .resultadoTarif ul	{
	display:inline-block;
	vertical-align:top;
	width:180px;
	transition:all 0.4s;
	}
	.PageComparativa .resultadoTarif ul	{	
	width:16%
	}
	.SMECessHogar20 .PageComparativa .resultadoTarif ul.ulHogar {
        width: 18%;
    }
    .PageComparativa .ulHogar .ofertaResultIcon {left:-5px;}
    .PageComparativa .resultadoTarif .ulHogar .btnResultMeinteresa a {margin-left:12px;}
	}
	
	
@media all and (max-width:767px) 
{

.popupMeinteresa .botonesMeInteresa  div	{
	border-radius:20px;
}
.lblPrecio
{
    display:inline !important;
}
.PageComparativa .botones .retrocederButton	{
	width:150px
	}	

.PageComparativa .botones div:last-child	{
	border-radius:0 50px 50px 0;
	margin-left:-6px;
	font-size:16px;
	}	



/*Estilo para sección de resultados*/		
		
.PageComparativa .resultadosTarifWrapper	{
	top:70px ;
	position: absolute ;
	font-family:ProximaNova-Regular, Helvetica, sans-serif;
	cursor:default;
	height:100%;
	}	
	
.PageComparativa .BtnResultadosTarif {
	height: 100% ;
	font-size: 0 ;
	background-color:white;
	}

.PageComparativa .BtnResultadosTarif li	{
	padding:10px ;
	width:100%;
	height: 30px;
	opacity:0.4;
	display:inline-block;
	background-color: white;
	border:1px solid #ccc;
	margin-right: 10px ;
	cursor: pointer ;
	transition:all 0.2s;
	}
.PageComparativa .BtnResultadosTarif li span	{
	font-size:16px ;
	color: #666 ;
	margin:0;
	cursor: pointer ;
	}
.PageComparativa .BtnResultadosTarif li span br	{
	display:none;
	}	
.PageComparativa .BtnResultadosTarif li span em	{
	font-size:15px ;
	color: #005782 ;
	display:inline-block;
	margin:10px 0 0 10px;
	font-weight:600;
	cursor: pointer ;
	}
.PageComparativa .resultadoTarif 	{	
	box-sizing:border-box;
	width:100%;
	position: absolute ;
	top: 280px ; 
	left: 0 ;
	padding:20px;
	background-color:white ;
	display: none ;
	}
		
.PageComparativa .resultadoTarif h2	{
	font-size: 18px ;
	margin-bottom:35px;
	font-weight:600;
	}
.PageComparativa .resultadoTarif h2 em	{
	color: #005782 ;
	}	
.PageComparativa .resultadoTarif ul	{
	position:relative;
	transition:all 0.4s;	
	width:100%;
	}
	
	.PageComparativa .resultadoTarif .resultServicios 	{
		display:none;
		}
		
	.PageComparativa .resultadoTarif ul .resultServicios-mini 	{
		position:absolute;
		left:0;
		top:60px;
		height:100%;
		width:170px;
		
		}	
	
	.PageComparativa .resultadoTarif ul .resultServicios-mini p 	{	
	padding:12px 10px;
	font-size:13px;
	display:block;
	height:40px;
	width:100%;
	line-height:40px;
	color:#808080;
	text-align:left;
	position:relative;
	}
		
		
		.PageComparativa .resultadoTarif ul:nth-child(2) li 	{
		text-align:left;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) li p 	{
		line-height:16px;
		margin-top:10px;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(3) p	{
			padding-top:2px;
			}
		
		.PageComparativa .resultadoTarif ul  hr 	{
		display:none;
		}
		.PageComparativa .resultadoTarif ul:nth-child(2) hr:nth-child(4) 	{
		top:285px;
		}
				
.PageComparativa .resultadoTarif ul li	{
	padding:12px 10px;
	font-size:13px;
	display:none;
	height:40px;
	width:100%;
	line-height:40px;
	color:#808080;
	text-align:center;
	position:relative;
	}
	.PageComparativa .resultadoTarif .resultServicios li 	{
		
		display:block;
		}	

.PageComparativa .resultadoTarif  .btnMarcaComp	{
	display:block;
	vertical-align:top;
	width:100%;
	height:50px;
	border: 1px solid #bbb;
	background-color:#f4f4f4;
	position:relative;
	}
		
	.PageComparativa .resultadoTarif li:nth-child(1) ,	.PageComparativa .resultadoTarif li:nth-child(3), .PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(1), .PageComparativa .resultadoTarif ul:nth-child(2) li:nth-child(3)	{
		line-height:76px;
		height:60px;
		}	
		
	
.spanLinkCoberturas, .spanLinkCoberturas a{ display:none;}	
.PageComparativa .resultadoTarif .imgResultComp	{
	display:none;
	width:0;
	height:0;
	}	

.PageComparativa .resultadoTarif .btnMarcaComp>img	{
	display:none;
	width:0;
	height:0;
	}		
	
.PageComparativa .resultadoTarif .nombreResultComp	{
	display:block;
	width:100%;
	height:20px;
	line-height:46px;
	text-align:center;
	color: #666;
	font-weight:600;
	font-size:18px;
	margin:0;
	}	

    .PageComparativa .resultadoTarif li.liPrecio,
	.PageComparativa .resultadoTarif .btnResultMeinteresa a	{
	display:none !important;
	}
	
	.PageComparativa .resultadoTarif strong	{
	color: #005782 ;
	display:block;
	font-size:18px;
	font-weight:600;
	}
.PageComparativa .resultadoTarif .btnResultMeinteresa2{height:85px !important;}
.PageComparativa .resultadoTarif .btnResultMeinteresa2 a:last-child	{
	width:40%;
	background-color: #005782 ;
	height:40px;
	text-align:center;
	line-height:40px;
	color:white;
	font-size:18px;
	border-radius:20px;
	margin-left:-3px;
	text-decoration:none;
	position:absolute;
	right:60%;
	}
	
}
@media all and (max-width:360px) {
.PageComparativa .botones .retrocederButton {
  width: 120px;
}
.PageComparativa .botones .retrocederButton:before {
  display:none;
}	
.PageComparativa .botones .retrocederButton:after {
  display:none;
}
}

@media all and (max-width:620px) {

.popupMeinteresa .botonesMeInteresa > div	{
	display:block;
	margin:40px auto;
}
	
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}