body{ margin:0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #333; text-align: center; background: #FFF url(../img/bg.jpg) 0 0 repeat-x; line-height: 20px;}

#wrapper{ background: url(../img/bg-top.jpg) no-repeat center 0;}

a{ text-decoration: underline; color: #E31921;} 
a:hover{ text-decoration: none; color: #E31921;} 
h1{ font-weight: bold; font-size: 26px; margin-bottom: 15px; color: #E31921; border-bottom: 1px dotted #CCC; padding-bottom: 10px;}
h2{ font-weight: bold; font-size: 20px; margin-bottom: 15px; color: #666;}
h3{ font-weight: bold; font-size: 16px; margin-bottom: 10px; color: #999;}
h2 span{ color: #999;}
p{ margin: 15px 0;}
strong{ font-weight: bold; }
.f-left{ float: left;}
.f-right{ float: right;}
.detail{ min-height: 400px;}

/* top */
#header{ height: 205px; position: relative; z-index: 9999; }
#header .logo{ width: 505px; height: 79px; position: absolute; left: 0; top: 40px;}
#header .menu{ width: 942px; position: absolute; left: 0; top: 180px; display: block;}
#header .menu li{display: inline; padding: 0 7px 0 8px; }
#header .menu li.last{ padding-right: 0px; }
#header .menu li.selected a{ color: #E31921;}
#header .menu li.selected a:hover{ color: #E31921;}
#header .menu li.selected li a{ color: #737373;}
#header .menu li a{ color: #737373; font-weight: bold; font-size: 13px; text-decoration: none;}
#header .menu li a:hover{ color: #222;}

ul#navmenu-h { position: relative; }
ul#navmenu-h ul { display: none; left: 0; list-style: none outside none; margin: 0; position: absolute; top: 100%; width: 225px; background: #FFF; text-transform: uppercase; border: 1px solid #CCC;}
ul#navmenu-h li { display: inline; float: left; position: relative; }
ul#navmenu-h ul li { display: block; width: 100%; text-align: left; padding: 0px !important; }
ul#navmenu-h ul li a{ display: block; padding: 3px 5px; font-size: 11px !important; }
ul#navmenu-h ul li a:hover{ background: #333; color: #FFF !important; }
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul { display: block;}


/* slider */
#slider-home{ height: 460px; width: 933px; padding: 31px 0 0 29px; margin: 0 auto; background: url(../img/bg-slider.png) 0 0 no-repeat; }
#slider-small{ height: 216px; width: 933px; padding:31px 0 0 29px; margin: 0 auto; background: url(../img/bg-slider-small.png) 0 0 no-repeat; }

/* carrusel */
#carrusel { margin: 40px 22px 0; clear: both; background: #F6F6F7;}

/* contenido*/
.container-content{ padding: 0 30px}
#container{ min-height: 170px; overflow: hidden; text-align: left; padding: 20px 0 40px;}
.detail ul{ border: 1px solid #DDD; background: #F8F8F8; overflow: hidden; padding:15px 25px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.detail li{ background: url(../img/check.png) no-repeat 0 center; margin-bottom: 5px; padding-left: 20px; float: left; display: block; width: 390px;}

.detail .coberturas { border: 1px solid #DDD; background: #F8F8F8; overflow: hidden; padding:15px 25px 10px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.detail .coberturas img{ float: right;}
.detail .coberturas ul{ background: none; border: none; padding: 0 0 0 20px;}
.detail .coberturas ul li{ display: block; float: none; width: auto; background: url(../img/shield.png) no-repeat 0 1px;}

/* contacto */
.detail.contact{ overflow: hidden; }
.detail.contact .date{ }
.detail.contact .date .list { background: none; border: none; padding: 0px;}
.detail.contact .date .list li{line-height: 14px; margin-bottom: 12px; min-height: 20px; background: url(../img/icon-contact.png) no-repeat 0 0; padding-left: 25px;}
.detail.contact .date .list li.phone{ background-position: 0 -33px;}
.detail.contact .date .list li.email{ background-position: 0 -54px;}
.detail.contact .date .list li strong,
.detail.contact .date .list li a{ color: #E31921;}

.contenedor_form{ margin: 20px 0 0; padding: 0; }
.contenedor_form ul{background: none; border: none; padding: 0px;}
.contenedor_form ul li{background: none; padding: 0px; width: auto; float: none;}
.contenedor_form table{ background: #DFDFDF; border: 1px solid #DFDFDF; border-collapse: collapse;}
*+ html body .contenedor_form table{ border: none;}
.contenedor_form table td{ background: #FFF; padding:3px 7px; vertical-align: top; font-size: 11px; border: 1px solid #DFDFDF; }
*+ html body .contenedor_form table td{ border: none;}

.requerido_icono { color: #C00; }
.campos_requeridos{ color: #C00; margin: 5px; }
.contenedor_form table td input, .contenedor_form table td textarea{ width: 400px; border: #FFF solid 1px; color: #333; background-color: #FFF; padding: 2px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 16px;}
.contenedor_form table td textarea{ height: 125px;}
.requerido{ line-height: 14px; background: #FFF9F9; border:solid 1px #C8272D; color: #C8272D; font-weight: bold; text-align: center; padding: 3px 1px; display: none; width: 553px; margin: 0 0 10px 0; font-size: 11px;}

.contenedor_form table td textarea.error, .block-form table td textarea.error,
.contenedor_form table td input.error, .block_form table td input.error { background:  #FFF9F9; border:solid 1px #C00; color: #C00;}
.contenedor_form .boton{ background-color:#FFF; border:1px solid #DFDFDF; color: #777; margin:5px 10px 5px 0; cursor: pointer; padding: 0; width: 95px; height: 27px;}
.contenedor_form .boton:hover{ background-color: #FFF; border: 1px solid #111; color: #111;}

.contenedor_form table td.captcha img{ float: none; margin: 0 auto;}
.contenedor_form table td.captcha input{ font-size: 22px; margin: 3px 0;}
.contenedor_form table td.captcha .ajax-loader{background: url(../img/captcha.gif) no-repeat 0 0; padding-left: 20px;}
.contenedor_form table td.captcha .captcha-result-error{ color: #C00;}


/* home*/
.home{ text-align: left; padding: 0 0 0 22px; overflow: hidden; }
.home h2{ text-transform: uppercase; font-size: 24px; text-align: right; font-weight: bold; line-height: 17px; color: #C90017; border-bottom: 1px solid #C90017; padding-bottom: 3px;}
.home .block{ float: left; width: 302px; margin-left: 7px; }
.home .block.first{ margin-left: 0; }
.home .block a{ float: right; clear: both; color: #111; text-decoration: none; margin-right: 25px;}
.home .block a:hover{ color: #E31921;}
.home .block p{ padding: 0 0 0 23px; margin: 0px; line-height: 23px;}
.home .block ul{ padding: 0 0 0 23px; margin: 0px; line-height: 23px;}
.home .block ul{ overflow: hidden;}
.home .block ul li{ float:left; display: block; width: 130px; background: url(../img/li-homepage.jpg) no-repeat 0 center; padding-left: 10px; }
.home .block ul li.left{ width: 85px;}

.home .servicios, .home .coberturas, .home .cotizador{ height: 170px; padding: 20px 42px 0 0;}
.home .servicios{ background: url(../img/home-servicios.jpg) no-repeat 0 0; }
.home .coberturas{ background: url(../img/home-coberturas.jpg) no-repeat 0 0; }
.home .cotizador{ background: url(../img/home-cotizador.jpg) no-repeat 0 0; }


/* formularios */
.block-form{border: 1px solid #F0F0F0; background: #F7F7F7; overflow: hidden; padding:15px 25px 10px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.block-form table{ width: 100%}
.block-form table td{ padding-right: 20px;}
.block-form table td img{ float: right; margin-top: 3px;}
.block-form table.send td{ padding: 20px 0 0;}
.block-form label{font-weight: bold; color: #666;}
.block-form input{border: 1px solid #CCC; background: #FFF; padding:5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.block-form input.radio{border: none; background: none; padding:0px; margin:0 15px 0 3px; }
.block-form input.checkbox{border: none; background: none; padding:0px; margin: -3px 0 0 -3px; }
.block-form input.file{border: #F7F7F7; background: #FFF; padding:0px; margin:0 15px 0 0; }
.block-form span{ font-size: 11px;}
.block-form select{border: 1px solid #CCC; background: #FFF; padding:4px 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.block-form textarea{ border: 1px solid #CCC; background: #FFF; padding:4px 5px; margin-bottom: 5px; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.block-form .send input{ border: 1px solid #555; background: #C00; color: #FFF; padding:4px 10px;cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.block-form .send input:hover{ border: 1px solid #555; background: #222; }

.tooltip { background-color:#ffa; border:1px solid #cc9; padding:5px 8px; text-align: left; line-height: 13px;}

/* descargables */
.download{}
.download li{ padding-left: 25px; }
.download li a{ color: #333; text-decoration: none;}
.download li a:hover{ text-decoration: underline;}
.download li.pdf{ background-image: url(../img/icon-pdf.png)}
.download li.xls{ background-image: url(../img/icon-xls.png)}
.download li.doc{ background-image: url(../img/icon-doc.png)}


/* footer */
#footer{ background: url(../img/bg-footer.jpg) 0 0 repeat-x; color: #FFF; height: 140px; padding: 24px 0 0; }
#footer .text{ font-family: Georgia; font-style: italic; font-size: 16px; text-align: center; margin-bottom: 25px;}
#footer a{ text-decoration: none; }
#footer .menu { background: url(../img/bg-content-footer.gif) repeat-x 0 0; padding-top: 20px;}
#footer .menu li{display: inline; padding: 0 2px; }
#footer .menu li a{ color: #FFF; font-weight: bold; font-size: 11px; }
#footer .menu li a:hover{ color: #E31921; }
#footer .data{ font-weight: bold; }
#footer .data a{ color: #E31921; font-weight: bold;}
#footer .data a:hover{ text-decoration: underline; }
#footer .data strong{ color: #E31921; font-weight: bold;}




#frm_automotores input.error { background: #FFF9F9; border:solid 1px #C00; color: #C00;}
#frm_hogares input.error { background: #FFF9F9; border:solid 1px #C00; color: #C00;}
#frm_caucion input.error { background: #FFF9F9; border:solid 1px #C00; color: #C00;}

.detail #error.requerido.formularios{ background: #FFF9F9; border:solid 1px #C00; color: #C00; width: 100%; padding:10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.detail #error.requerido.formularios label{ display: block;}

/*#error.formularios ul{ border: none; background: none; overflow: hidden; padding:10px 25px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#error.formularios li{ background: none; margin-bottom: 5px; padding: 0px; float: none; width: 100%;}*/