body {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: xx-small;
  margin: 0 auto;
  text-align: center;
  background-color: #000000;
}
input,textarea{
  border: 1px solid #999999;
  background-color: #FFFF99;
}
a{
  text-decoration : none;
}
A:hover {
  text-decoration : underline;
}

.input_plain{
  border: none;
  background-color: transparent;
}


.imagen_borde_dotted{
  border: 2px #FFFFFF dotted;
  width: 106px;
  margin: 2px;
  margin-top: 6px;
  margin-left: 4px;
  float: left;
}

.boton_verde_search{
  background-image: url(../images/boton_verde_search.gif);
  height: 29px;
  background-repeat: repeat-x;
  border: 1px solid #679800;
  font-family: Arial Black;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #ABC835;
}

.boton_gris{
  background-image: url(../images/boton_gris.gif);
  background-position: top;
  background-repeat: repeat-x;
  height: 27px;
  border: 1px solid #CCCCCC;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  background-color: #CCCCCC;
}

.boton_naranja_big{
  background-image: url(../images/boton_naranja_big.gif);
  background-position: top;
  background-repeat: repeat-x;
  height: 27px;
  border: 1px solid #DC6B00;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  background-color: #DC6B00;
}

.boton_naranja_small{
  background-image: url(../images/boton_naranja_small.gif);
  background-position: top;
  background-repeat: repeat-x;
  height: 21px;
  border: 1px solid #DC6B00;
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #DC6B00;
}

.boton_verde_medium{
  background-image: url(../images/boton_verde_medium.gif);
  height: 27px;
  background-repeat: repeat-x;
  border: 1px solid #333333;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  background-color: #333333;
}

#main_container{
    width: 776px;
    margin: 0 auto;
}
#main{
  width: 766px;
  /*overflow: auto;*/
  margin: 0 auto;
  text-align: center;
  padding-right: 4px;
  padding-left: 4px;
  /*background-color: #161616; */
  background-image: url(../images/fondo_main.gif);
  background-repeat: repeat-y;
  float: left;
}
#top{
  width: 100%;
  height: 371px;
  float: left;
}
#slideshow_autos{
  width: 100%;
  height: 150px;
  float: left;
  padding: 4px;
  margin: 0 auto;
  text-align: center;
}
#medio{
  width: 100%;
  /*padding: 5px; */
  text-align: center;
  float: left;
  padding-left: 8px;
}
#separador_horizontal_footer{
  background-image: url(../images/separador_hor_footer.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: 764px;
  height: 2px;
  float: left;
  background-color: #161616;
}

#footer{
  width: 764px;
  text-align: left;
  float: left;
  background-color: #161616;
  padding-top: 8px;    
  padding-bottom: 20px;
}


#cuadro_buscador_container{
  width: 225px;
  float: left;
  margin: 0 auto;
}

#cuadro_buscador_top{
  background-image: url(../images/cuadro_buscador_top.gif);
  width: 225px;
  height: 10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  float: left;
}
#cuadro_buscador_medio{
  background-image: url(../images/cuadro_buscador_medio.gif);
  width: 225px;
  background-repeat: repeat-y;
  background-position: left;
  float: left;
}
#cuadro_buscador_footer{
  background-image: url(../images/cuadro_buscador_footer.gif);
  width: 225px;
  height: 9px;
  float: left;
  background-position: top left;
  background-repeat: no-repeat;
}

.borde_negro{
  border: 1px solid #000000;
}
.borde_blanco{
  border: 1px solid #FFFFFF;
}

.mensajes{
  width: 350px;
  float: left;
  padding: 8px;
  border: 1px dashed #B2B2B2;
  text-align: left;
  margin: auto
}


.borde_gris_no_continuo{
  border: 1px dashed #B2B2B2;
}

.cuadro_buscador_division_lineal{
  border-bottom: solid 2px #666666;
  border-left: solid 2px #666666;
  border-right: solid 2px #666666;
  background-color: #010101;
  width: 221px;
  float: left;
}

.cuadro_buscador_contenido{
  width: 210px;
  float:left;
  padding:7px;
  text-align:left;
}

.cuadro_contenido_general{
  width:100%;
  float:left;
  padding:1px;
  text-align:left;
  margin: 0 auto;
}

.contenido_normal{
  width:100%;
  float:left;
  padding:7px;
  padding-left: 0px;
  text-align:left;
}

.contenido_extra_coverage{
  width: 255px;
  float:left;
  padding:2px;
  padding-left: 10px;
  text-align:left;
}


.contenido_auto{
  width: 200px;
  padding: 3px;
  text-align:left;
  margin: 0 auto;
  float: left;
  height: 20px;
}

.cuadro_convert_currency{
  border: 1px solid #FFFFFF;
  width: 250px;
  float: left;
  padding: 3px;
  text-align: center;
  margin-left: 10px;
}


#cuadro_pasos_container{
  width: 249px;
  float: left;
  margin: 0 auto;

}

#cuadro_pasos_top{
  background-image: url(../images/cuadro_pasos_top.gif);
  width: 249px;
  height: 9px;
  float: left;
  background-position: bottom left;
  background-repeat: no-repeat;

}
#cuadro_pasos_medio{
  background-image: url(../images/cuadro_pasos_medio.gif);
  width: 239px;
  float: left;
  background-position: left;
  background-repeat: repeat-y;
  text-align: center;
  padding-left: 10px;

}
#cuadro_pasos_footer{
  background-image: url(../images/cuadro_pasos_footer.gif);
  width: 249px;
  height: 8px;
  float: left;
  background-position: top left;
  background-repeat: no-repeat;
}

#cuadro_paso1{
  background-image: url(../images/cuadro_step_1.jpg);
  width: 165px;
  height: 80px;
  background-position: left center;
  background-repeat: no-repeat;
  float: left;
  padding-bottom: 2px;
  padding-top: 13px;
  padding-right: 1px;
  padding-left: 62px;
  text-align: left;
}

#cuadro_paso2{
  background-image: url(../images/cuadro_step_2.jpg);
  width: 165px;
  height: 80px;
  background-position: left center;
  background-repeat: no-repeat;
  float: left;
  padding-bottom: 2px;
  padding-top: 13px;
  padding-right: 1px;
  padding-left: 62px;
  text-align: left;
}

#cuadro_paso3{
  background-image: url(../images/cuadro_step_3.jpg);
  width: 165px;
  height: 80px;
  background-position: left center;
  background-repeat: no-repeat;
  float: left;
  padding-bottom: 2px;
  padding-top: 13px;
  padding-right: 1px;
  padding-left: 62px;
  text-align: left;
}

.division_lineal{
  border-bottom: solid 2px #666666;
  width: 100%;
  float: left;
}

.division_puntos{
  border-bottom: dotted 3px #666666;
  width: 100%;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 10px;
  height: 2px;
}

.separador_general{
  width: 100%;
  float: left;
  height: 10px;
  float: left;
}

.separador_amarillo_top{
  border-top: 2px solid #FFFF99;
  width: 242px;
  float: left;
  font-family: Verdana;
  font-size: 12px;
  color: #FFFF99;
  padding: 4px;
  text-align: left;
}

.div_rate_descripcion_top_amarillo{
  border-top: 2px solid #FFFF99;
  width: 194px;
  float: left;
  padding: 2px;
  text-align: left;
  margin: auto;
  font-family: Verdana;
  font-size: 12px;
  color: #FFFF99;
}

.div_rate_descripcion{
  width: 194px;
  float: left;
  padding: 2px;
  text-align: left;
  margin: auto;
  border: none;
}

.div_rate_precio{
  width: 64px;
  float: left;
  background-color: #FFFF99;
  border: #FFFF99 solid 2px;
  padding: 2px;
  text-align: right;
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  margin: 0px;
}

.borde_cuadro_policies{
  background-image: url(../images/fondo_cars_mouseover.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #161616;
  border: 1px solid #9DB0BC;
}

.borde_cuadro_autos{
  border: 1px solid #9DB0BC;
  float: left;
  background-color: #000000;
  width: 540px;
  min-height: 101px;
  _height: 101px;
  margin-bottom: 9px;
  padding: 2px;
}

.borde_cuadro_autos:hover{
  background-image: url(../images/fondo_cars_mouseover.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #161616;
  border: 1px solid #9DB0BC;
  float: left;
  width: 540px;
  min-height: 101px;
  _height: 101px;
  margin-bottom: 9px;
  padding: 2px;
}

.form_titulos{
  width:120px;
  float:left;
  padding:2px;
  text-align:left;
  margin-top: 6px;
}

.form_campos{
  width:155px;
  float:left;
  padding:2px;
  text-align:left;
  margin-top: 6px;
}





/* c. letras */

.letra_normal{
  font-family: Verdana;
  font-size: 11px;
  color: #FFFFFF;
}

.letra_normal_negra{
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
}

.letra_normal_naranja{
  font-family: Arial;
  font-size: 12px;
  color: #FF6600;
}

.letra_arial_12_negra{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}


.arial_black_11_blanca{
  font-family: Arial Black;
  font-size: 11px;
  color: #FFFFFF;
}

.letra_footer{
  font-family: Verdana;
  font-size: 10px;
  color: #CCCCCC;
}

.letra_titulos_blancos{
  font-family: Verdana;
  font-size: 20px;
  color: #FFFFFF;
}

.letra_titulos_negros{
  font-family: Verdana;
  font-size: 16px;
  color: #000000;
}

.letra_titulos_grises{
  font-family: Verdana;
  font-size: 14px;
  color: #FFFFFF;
}


.letra_titulos_blancos_small{
  font-family: Verdana;
  font-size: 12px;
  color: #FFFFFF;
}

.letra_titulos_naranjas{
  font-family: Verdana;
  font-size: 20px;
  color: #FF6600;
}
.letra_titulos_naranjas_steps{
  font-family: Verdana;
  font-size: 24px;
  color: #FF6600;
}

.letra_titulos_amarillos{
  font-family: Verdana;
  font-size: 12px;
  color: #FFFFCC;
}

.letra_titulos_amarillos2{
  font-family: Verdana;
  font-size: 12px;
  color: #FFFF99;
}

.letra_nombre_autos{
  font-family: Arial;
  font-size: 14px;
  color: #FF9900;
  font-weight: bold;
}


/* t. letras */

/* c. fondos */

.fondo_amarillo{
  background-color: #FFFF99;
}

.fondo_contenido{
  background-image: url(../images/fondo_contenido.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 739px;
  min-height: 407px;
  _height: 407px;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 7px;
  /*margin-left: 10px; */
}

.fondo_detalles_rate_quote{
  background-image: url(../images/fondo_detalles_rate_quote.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
  padding: 0px;
  width: 280px;
  margin-left: 5px;
  /*border: 1px solid #FFFFFF;*/
}

.fondo_titulos{
  background-image: url(../images/fondo_titulos.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #1B1B1B;
  float: left;
  height: 20px;
  padding: 4px;
  padding-top: 8px;
}

.fondo_titulos_tb{
  background-image: url(../images/fondo_titulos.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #1B1B1B;
  height: 20px;
  padding: 4px;
  padding-top: 8px;
}

.fondo_titulo_naranja{
  background-image: url(../images/fondo_naranja.jpg);
  background-position: top;
  background-repeat: repeat-x;
  float: left;
  width: 193px;
  height: 22px;
  border: 1px solid #DC6B00;
  text-align: center;
  /*padding: 3px; */
  padding-top: 6px;
  background-color: #FF7D00;
}

.fondo_titulo_naranja_degradado{
  background-image: url(../images/fondo_naranja_degradado.jpg);
  background-position: top;
  background-repeat: repeat-x;
  width: 189px;
  min-height: 147px;
  _height: 147px;
  float: left;
  text-align: left;
  padding: 3px;
}


/* este no lo estoy usando por ahora */
.fondo_cars_mouseover{
  background-image: url(../images/fondo_cars_mouseover.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #000000;
  border: 1px solid #9DB0BC;
}


/* t. fondos */

/* c. pasos top */

.pasos_top_container{
  width: 100%;
  float: left;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 11px;
  padding-left: 60px;
}
.pasos_top_cuadro{
  width: 160px;
  float: left;
  margin: 0 auto;
  text-align: center;
}
.pasos_top_texto{
  width: 100%;
  float: left;
  text-align: center;
}
.letra_pasos_top{
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
}


.pasos_top_1_off{
  background-image: url(../images/pasos_top_1_off.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_2_off{
  background-image: url(../images/pasos_top_2_off.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_3_off{
  background-image: url(../images/pasos_top_3_off.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_4_off{
  background-image: url(../images/pasos_top_4_off.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}

.pasos_top_1_on{
  background-image: url(../images/pasos_top_1_on.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_2_on{
  background-image: url(../images/pasos_top_2_on.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_3_on{
  background-image: url(../images/pasos_top_3_on.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}
.pasos_top_4_on{
  background-image: url(../images/pasos_top_4_on.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 160px;
  height: 56px;
  float: left;
}


/* t. pasos top */




/* c. modal massage: #1 */

#mainContainer{
  width:500px;
  margin:0 auto;
  margin-top:10px;
  border:1px double #000;
  padding:5px;

}

/* Alternative layout for the message box - used by one of the messages */

.modalDialog_contentDiv_error{
  border:3px solid #FFF;
  padding:2px;
  z-index:100;/* Always needed	*/
  position:absolute;	/* Always needed	*/
  background-color:#F00;	/* White background color for the message */
  color:#FFF;
}
.modalDialog_contentDiv_error a{
  color:#FFF;
}
h1{
  margin-top:0px;
}

.modalDialog_transparentDivs{
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */
}
/* t. modal massage: #1 */


.borde_naranja{
  border: 1px solid #F66013
}