﻿
/* COLORES

#286488 (Azul de flecha)
#4D6184 (Azul Oscuro de TOP) 
#E1EFFF (Azul claro)
#F04E00 (Naranja) 1
#F47D1F (Naranja) 2
#FF8040 (Naranja logo)
#585858 (Gris texto)
#3C3C3C (Gris texto oscuro)
#F7F7F7 (Gris claro)
#CC0000 (MarRojo)
#CA0000 (Rojo)
********* */

/* General */

.tableCaract
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal; 
	font-size: 11px; 
	color: #3C3C3C; /* gris texto */
	line-height: 1.2;
	/*background-color: #F7F7F7; /* Gris claro */
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



body 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal; 
	font-size: 12px; 
	color: #3C3C3C; /* gris texto */
	line-height: 1.2;
	/*background-color: #F7F7F7; /* Gris claro */
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;


	/*SCROLL*/
	SCROLLBAR-FACE-COLOR: #DDDDDD; 
	SCROLLBAR-HIGHLIGHT-COLOR: #F7F7F7; 
	SCROLLBAR-TRACK-COLOR: #F7F7F7; 
	SCROLLBAR-DARKSHADOW-COLOR: #616161;
	SCROLLBAR-SHADOW-COLOR: #DDDDDD; 
	SCROLLBAR-3DLIGHT-COLOR: #DDDDDD; 
	SCROLLBAR-ARROW-COLOR: #F7F7F7; 

}

.tabla_principal
{
	width:100%;
	border:0px; 
	padding:0px; 
	/*cellspacing:10; */
	background-color:#FFFFFF;
}
.fondo_claro{
	background-color:#F7F7F7;
	width:628px;
}
.cerrar{
	background-color:#F7F7F7;
	font-size:15px;
	padding-right:10px;
	padding-left:10px;
	border-bottom:1px solid #DDDDDD;
	cursor:pointer;
	height:25px;
} 

/* Estilos nuevos */
.tabla_menu{
	width:250px;
}

/* Internet Explorer */
* html .tabla_menu {
	width:250px;
	height:600px;
}

/* resto de navegadores */
.tabla_menu {
	width:250px;
	min-height:600px;
	height:auto;
}

.titulo_menu
{
	color: #CC0000; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 16px; 
	text-align: left; 
	padding: 0px;
	background-color: #F7F7F7; /* Gris claro */
}

.navegacion
{
	color: #B90A00; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 12px; 
	cursor:pointer;
}

.celda_interior{
	vertical-align:top;
	/*border:solid #DDDDDD 1px*/
}

.linea_separador{
	border-right:1px solid #DDDDDD;
}

.fondo_blanco{
	background-color:#FFFFFF;
}

.titulo_peq{
	font-weight: bold; 
	font-size: 14px; 
	text-align: left; 
}

.color_rojo{color: #CC0000 }
.color_gris{color: #585858 }


#contenidoFormularios{
	height:360px;
	overflow:auto;
}

.listaSelect
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	border-bottom: solid 1px #585858;
	/*border-top:none;*/
}


.selectMostrar{
	background-color: #F7F7F7;
	border: solid 1px #585858;
	color: #585858;
	/*
	cursor:pointer;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(../imgs/interfaz/flechaNaranja.jpg);
	background-position:right;
	background-repeat:no-repeat;
	*/
	width:100%;
}

.interiorSelect{
	margin-left:3px;
	width:100%;
}
.contenedorSelectMostrar{
	float:left;
	margin-left:5px;
}

.contenedorFotos{
	height:360px;
	overflow:auto;
}
.contenedorTextos{
	height:360px;
	overflow:auto;
}



#marcas div
{
	float:left;
	display:inline;
	margin:2px;
	cursor: pointer;
	border: dotted 2px #E0E0E0; /* Borde blanco que se cambia en el mouseover*/
	padding-top: 3px;
	width:80px;
}

#marcas td
{
	text-align:center;
	vertical-align:middle;
}

/* Menú superior */
a.menu_superior
{
	text-align:left;
	text-decoration: underline; 
	color: #3C3C3C;
	line-height: 20px;
	font-size: 10px;
}
a:hover.menu_superior
{
	text-align:left;
	text-decoration: underline;
	color: Black; 
	line-height: 20px;
	font-size: 10px;
}
/* Menú superior */

.tiposVehiculo
{
	cursor: pointer;
	border: dotted 2px #FFFFFF; /* Borde blanco que se cambia en el mouseover*/
	text-align: center;

}

.titulo_tabla_seguros
{
	color:  #4D6185;  /*Azul logo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 12px; 
	text-align: left; 
}

.recuadro 
{
	border: solid 2px #585858;
	padding: 20px;
}
.recuadroComparar
{
	width:100px;
	
	border: solid 2px #585858;
	padding: 20px;
}

#capaBloqueo
{
	z-index:15;
	display: none;
	float:left;
     margin: 0;
	left: 0px;
	background-image: url(../../../Auto/img/fondo_elmejorseguro.gif);
	cursor: default;
	position: absolute;
	top: 0px;
	text-align:center;
	/*cursor:wait;*/
	elevation:higher;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

#capaReloj
{
	z-index:16;
	display: none;
	float:left;
     margin: 0;
	left: 0px;
	background-image: url(../../../Auto/img/fondo_elmejorseguro.gif);
	cursor: default;
	position: absolute;
	top: 0px;
	text-align:center;
	cursor:wait;
	elevation:higher;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.lista_seguros
{
	font-weight: bold;  
}

.linea_inferior_lista{
	border-bottom:1px solid #DDDDDD;
	height:58px;
}

.linea_inferior_lista_seleccionado{
	border-bottom:1px solid #DDDDDD;
	height:58px;
	background-color:#F7F7F7;
}

.precio
{
	color: #CC0000; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 23px; 
	text-align: left; 
	margin-top: 10px;
	margin-left: 10px;
	/* background-color: #CC0000; /* MarRojo */
}
.precioPeq
{
	color: #CC0000; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 20px; 
	text-align: left; 
	margin-top: 0px;
	margin-left: 0px;
}
.franquicia
{
	color: #CC0000; /* MarRojo */
	font-family: Arial; 
	font-weight: bold; 
	font-size: 10px; 
	text-align: left; 
	margin-top: 10px;
	margin-left: 10px;
	/* background-color: #CC0000; /* MarRojo */
}

.borde_comparativa
{
	border:#3C3C3C solid 1px;
}

.texto_comparativa
{
	color: #3C3C3C;
	font-family: Arial; 
	font-weight: bold; 
	font-size: 16px; 
	text-align: left; 
	background-color: #F7F7F7;
	padding: 3px;
	
}

.pestana{
	width:165px;
	height:29px;
	background-image:url(../imgs/interfaz/pes_gris.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
}

.menu_tipologias{
	display:none;
	z-index:41;
	position:absolute;
	border: #3C3C3C solid 1px;
}

#tablaTelefono{
	/*display:none;
	z-index:55;
	position:absolute;*/
	color: #3C3C3C;
	font-weight: bold; 
	font-size: 16px; 
	text-align: center; 
}

.telefonoGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #A81100;
}
.telefonoMuyGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #A81100;
}
.referencia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #A81100;
}

.tablaSelect{
	display:inline;
	float:left;
	padding:5px;
	margin:5px;
	/*border: #3C3C3C solid 1px;*/
	/*height:275px;*/
	/*min-height:250px;
	overflow:auto;*/
	/*width:170px;*/
}
.capaFormulario{
	float:left;
	width:100%;
	display:block;
	/**/height:660px;
	overflow:auto;
}
.capaDetalles{
	float:left;
	width:100%;
	display:block;
	/**/height:620px;
	overflow:auto;
}
.cabeceraTarifas
{
	/*background-color: #FFFFFF;
	height:20px;
	overflow:auto;*/
	
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;*/
	border: solid 0px #585858;
	/*background-color:#F7F7F7;*/
} 

.cabeceraVersion
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;*/
	border: solid 1px #585858;
	background-color:#F7F7F7;
}
.tituloCampo{
	background-color:#F7F7F7;
	color:#CA0000;
	font-size: 14px;
	font-weight: bold;
}
.tituloPoliza{
	background-color: #FFFEC1 ; /*#FFFF66;#FFFEC1;*/
	color:#CA0000;
	font-size: 18px;
	font-weight: bold;
}
.textoPoliza
{
	
	color: black; /* (Gris texto) */
	font-family: Verdana;
	font-size: 12px; 
    font-weight: normal;
    line-height: 1.5;
    margin: 3px 3px 3px 3px;
    padding: 5px;
	
}

.tituloCampoPeq
{
	background-color:#F7F7F7;
	color:#CA0000;
	font-size: 12px;
	font-weight: bold;
	width:150px;
}


.celdaCampo{
	height:250px;
	vertical-align:top;
	border:1px solid #C0C0C0;
}

.alturaMarcas {
	float:left;
	display:inline;
	margin:1px;
	text-align:center;
	cursor: pointer;
	border: dotted 2px #E0E0E0; /* Borde blanco que se cambia en el mouseover*/
	padding-top: 3px;
	min-height:90px;
	height:auto;
	-height: 90px;
	width:80px;
	
}

.alturaMarcas a:link, .alturaMarcas a:visited
{
	font-size:10px;
	text-decoration:none;
	color:#3C3C3C;

}
.alturaMarcas50x50
{
	float:left;
	display:inline;
	margin:1px;
	text-align:center;
	cursor: pointer;
	border: dotted 2px #E0E0E0; /* Borde blanco que se cambia en el mouseover*/
	padding-top: 4px;
	/*min-height:70px;
	height:auto;*/
	height: 70px;
	width:80px;
}

.alturaMarcas50x50 a:link, .alturaMarcas50x50 a:visited
{
	font-size:10px;
	text-decoration:none;
	color:#3C3C3C;

}

.texto_tipo_vehiculo
{
	color: #3C3C3C;
	font-weight: bold;
	font-size: 20px; 
	text-align: center; 
}

.texto_destacado
{
	color: Black; 
	font-family: Verdana;
	font-size: 13px; 
    font-weight: bold;
    padding: 5px;
    margin: 3px 3px 3px 3px;
}

.texto 
{
	color: #3C3C3C; /* (Gris texto) */
	font-family: Verdana;
	font-size: 12px; 
    font-weight: normal;
    line-height: 1.5;
    margin: 3px 3px 3px 3px;
    padding: 5px;
}
.interiorBotonRojo{
	background-color: #AD0B00;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px; 
	text-align: center; 
}

.interiorBotonFinalizar{
	background-image:url(../imgs/interfaz/fina_fondo.jpg);
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px; 
	text-align: center;
	vertical-align:top;
	padding-top:4px;
}





/* GRUIZ 05/02/09 */

.ddl{
	border:1px solid #D2D2D2;
	color:#B90A00;
	font-size:11px;
	height:18px;	
}
.obli {
	background-color:#FBFAC6;
	border:solid 1px #CC0000;
		
}
.table select{
	border:1px solid #D2D2D2;
	color:#CC0000; /* #CA0000;*/
	float:left;
	font-size:11px;
	height:18px;
	width:240px;
	
}
.table td{
	height:16px;
	margin-bottom:5px;
	padding-top:3px;
	width:220px;
	font-size : 12px;
}
.table .txtbox {
	border:1px solid #D2D2D2;
	color:#CA0000;
	float:left;
	font-size:10px;
	height:16px;
	margin:0 !important;
	padding-left:3px;
	width:60px;
}
.table .localidad
{
	border:1px solid #D2D2D2;
	color:#CA0000;
	float:left;
	text-align:left;
	font-size:10px;
	height:16px;
	margin:0 !important;
	padding-left:3px;
	width:160px;
}
.table input {
	vertical-align:middle;
}
.table .radio {
	float:left;
	font-size:11px;
	vertical-align:text-bottom;
}

.table .dia {
	float:left;
	width:60px;
}
.table .mes {
	float:left;
	width:90px;
}
.table .anno {
	float:left;
	width:70px;
}
.oculto
{
	visibility:collapse;
	
}
.ocultoIE
{
	display:none;
}
.visible
{
	visibility:visible;
}
.visibleIE
{
	display:inline;
}

.resaltada
{
	background-color:#CC0000;
	color:#FFFFFF;
}

.noResaltada
{
	background-color:#FFFFFF;
	color:#585858;
}

.bordeResaltado
{
	background-color:#585858;
	color:#FFFFFF;
	/*font-weight:bold;*/
	text-align:center;
	border:solid 1px #CC0000;
	cursor:pointer;
}

.bordeNoResaltado
{
	background-color:#FFFFFF;
	color:#585858;
	font-weight:normal;
	text-align:center;
	border:solid 1px #FFFFFF;
	cursor:default;
}

.noSeleccionado
{
	background-color: #FFFFFF;
	color:#585858;
}
.seleccionado
{
	background-color: #585858;
	color:#FFFFFF;
}		


.cabeceraCalendario
{
	text-align:center;
	font-weight:bold;
	border: solid 1px #CC0000; /*rojo*/
	color:#FFFFFF;
	background-color:#CC0000;
}
.calendarioIni
{
	text-align:center;
	border:solid 1px #CC0000; /*rojo*/
	background-color:#CC0000; /*rojo*/
	color:#FFFFFF;
}
.calendario
{
	text-align:center;
	cursor:pointer;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
}

.cambioTipologia{
	color: #66CCFF; /*Mar Rojo*/
	/*color: #CC0000;*/
	font-size: 11px;
	font-weight: bold; 
	text-decoration:underline;
	padding-left :10px;
	cursor:pointer;	
}

.compara
{
	padding :5px;
	cursor:pointer;	
	text-align:center;
	
	/*background-color:#FFFEC1;
	color:#CA0000;*/
	color:#585858;
	font-size: 12px;
	font-weight: bold; 
	text-decoration:none;
	
}


.capa
{
	/*
	background:transparent url(../imgs/interfaz/Bocadillo.gif) no-repeat scroll 0 0;
	color:#333333 !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	
	margin-left:-10px !important;
	margin-top:20px !important;
	
	#margin-left:-20px !important;
	#margin-top:20px !important;
	
	padding-left:0px;
	padding-right:10px;
	padding-top:30px;
	position:absolute;
	
	width:142px;
	height:92px;
	z-index:1;
	*/
	
	background-color:#FFFFFF; /*F9FBF8;*/
	border: solid 2px #E1EFFF;
	padding: 20px;
	
}



/*clases genéricas para simular redondeo de bordes, NO MODIFICAR*/
b.niftycorners *
{
    display:block;
    height: 1px;
    line-height:1px;
    font-size: 1px;
    overflow:hidden;
    border-style:solid;
    border-width: 0 1px;
}
/*
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0; height:2px}
*/
b.rb1{margin: 0 4px;border-width:0 2px}
b.rb2{margin: 0 3px}
b.rb3{margin: 0 2px}
b.rb4{margin: 0 1px}
b.rb5{margin: 0 0px;height:1px}
b.rb6{margin: 0; height:1px}

/*botom azul*/
.niftycornersColor
{
    BACKGROUND-COLOR: #3367A6; /* #009900; --> verde tarifica */
    border-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
}
.niftycornersCentroColor
{
    BACKGROUND-COLOR: #3367A6;
    FONT-SIZE: 12px;
    font-weight: bold; 
	color:White;
    text-align:center;
    vertical-align:top;
    height:15px;
   
}
.niftycornersCentroPeqColor
{
    BACKGROUND-COLOR: #3367A6;
    FONT-SIZE: 11px;
    font-weight: bold; 
	color:White;
    text-align:center;
    vertical-align:top;
    height:12px;
   
}

/*boton gris*/
.niftycornersGris
{
    BACKGROUND-COLOR: #A5A5A5;
    border-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
}
.niftycornersCentroGris
{
    BACKGROUND-COLOR: #A5A5A5;
    FONT-SIZE: 12px;
    font-weight: bold; 
	color:#FFFFFF;
    text-align:center;
    vertical-align:top;
    height:15px;
   
}
.niftycornersCentroPeqGris
{
    BACKGROUND-COLOR: #A5A5A5;
    FONT-SIZE: 11px;
    font-weight: bold; 
	color:#FFFFFF;
    text-align:center;
    vertical-align:top;
    height:12px;
   
}

.divBoton
{
    cursor:pointer;
}



/*boton rojo*/
.niftycornersRojo
{
    BACKGROUND-COLOR: #CC0000;
    border-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
}
.niftycornersCentroRojo
{
    BACKGROUND-COLOR: #CC0000;
    FONT-SIZE: 12px;
    font-weight: bold; 
	color:#FFFFFF;
    text-align:center;
    vertical-align:top;
    height:15px;
   
}
.niftycornersCentroPeqRojo
{
    BACKGROUND-COLOR: #CC0000;
    FONT-SIZE: 11px;
    font-weight: bold; 
	color:#FFFFFF;
    text-align:center;
    vertical-align:top;
    height:12px;
   
}

.privacidad
{
	font-family: Verdana; 
	font-size: 12px;
	font-weight: normal;
	color: Red; /* #286488; /* Azul */
	text-align:left;
	line-height: 1.4;
	cursor:pointer;
}



/*BOTONES en IMAGENES*/

.botonON
{
    background:transparent  url(../images/botonOn.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:pointer;

}
.botonOFF
{
    background:transparent  url(../images/botonOff.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:default;

}
.botonTfnoON
{
    background:transparent  url(../images/botonTfnoOn.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:pointer;

}
.botonTfnoOFF
{
    background:transparent  url(../images/botonTfnoOff.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:default;

}

.botonTfnoPeqON
{
    background:transparent  url(../images/botonTfnoPeqOn.png) no-repeat scroll;
    width:80px;
    height:27px;
	color:White;

	cursor:pointer;

}
.botonTfnoPeqOFF
{
    background:transparent  url(../images/botonTfnoPeqOff.png) no-repeat scroll;
    width:80px;
    height:27px;
	color:White;

	cursor:default;

}
.botonWebON
{
    background:transparent  url(../images/botonWebOn.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:pointer;

}
.botonWebOFF
{
    background:transparent  url(../images/botonWebOff.png) no-repeat scroll;
    width:110px;
    height:27px;
	color:White;

	cursor:default;

}
.txtBoton
{
	padding-top:7px;
	height:27px;
	text-align:center;
}

.noObli {
	/*background-color:#FBFAC6;*/
	border:solid 1px #D2D2D2;
		
}