/* Basic  ---------------------------------------- */
.clear { clear: both; }
.border{	border-bottom: 1px dotted #ddd;}
.error{color :#c00; line-height :1.6em; font-weight: bold;}
html{font-family: Trebuchet, Arial, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 18px}
body {background: #909090 url(../img/body_bg.jpg) top center repeat-y; margin: 0; padding: 0}

div#titulo,div.titulo{width: 580px; height: 30px; display: block; float: none; clear: both; line-height: 30px; padding: 0 0 8px 30px; font-size: 13px; font-weight: bold; color: #333; text-decoration: none; overflow: hidden; background: url(../img/titulo.jpg) left top no-repeat; text-transform: uppercase;}

h1{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 24px; display: inline; width: 290px; font-weight: bold; line-height: 32px;}
h2{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 20px; display: inline; width: 290px; font-weight: normal; line-height: 24px;}
h3{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 16px; display: block; width: 290px; font-weight: bold; line-height: 24px;}

h4{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; font-size: 14px; display: block; width: 290px; font-weight: bold; line-height: 24px; display: block; float:none; clear: both; width: 99%; color: #666}
h4 span{color: #497915; font-weight:bold; float: right; clear: none;}

h5{width: 250px; height: 18px; padding: 7px 10px 5px 35px; line-height: 18px; color: #fff; font-size: 12px; text-transform: uppercase; display: block; float: left; clear: right; text-align: left; padding: 0; margin: 0}
h5.destacado{background: url(../img/h3_destacado.jpg) left top no-repeat;padding: 7px 10px 5px 35px; }
h5.ultimo{background: url(../img/h3_ultimo.jpg) left top no-repeat;padding: 7px 10px 5px 35px; }
h5.proyecto{background: url(../img/h3_proyecto.jpg) left top no-repeat;padding: 7px 10px 5px 35px; }
a.vermas{ width: 50px; height: 14px; background: url(../img/mas.jpg) left top no-repeat; float: right; color: #6c0a06; text-align: left; padding-left: 15px; margin-top: 20px; text-decoration: none; font-size: 12px;}
.light{font-weight: normal;}

#wrapper{width: 958px; height: auto;  margin: 0px auto; overflow: hidden; position: relative;}
#headhouse{ width:540px; height: 220px; position: absolute; z-index: 2; top: 0; left: 498px; }

#header{width: 938px; height: 180px;margin: 0 auto; overflow :hidden; padding :0; position: relative; padding: 0 10px; background: url(../img/head_bg.jpg) repeat-x; padding-bottom: 41px}
#header a.logo{width: 400px; height: 80px; display: block; float: none; clear: both; overflow: hidden; margin: 37px 0 0 54px;}
#header #menu{width:650px;  height: 40px; display: block; float: none; clear: both; margin-top: 22px; z-index: 3; position: absolute;}
#header #menu a{display: inline; height: 40px; line-height: 40px; padding: 0 10px 0 0; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold;}
#header #menu a:hover{color: #79b431;}

#main{width: 610px; height: auto;margin: 0 auto; overflow :hidden; padding :20px; position: relative; float: left; clear: none; color: #333; padding-right: 15px; padding-top: 0;font-size: 13px}
#main img{display: block; float: left; border: 1px solid #ccc; margin: 0 10px 10px 0;}
#main #imageContainer{width: 312px; height: auto; float: left; clear: none; margin:0; padding: 0 }
#main #imageContainer a{ display: block; float: left; clear: none; margin: 0 12px 8px 0; padding: 0; width: 92px; height: 70px; overflow: hidden; text-align: center;}
#main #imageContainer a img{ margin: 0; border: 1px solid #ccc; margin: 0px auto;}
#main #imageContainer p.small{font-size: 10px; text-align: center; display: block; margin: 0; padding: 0; float: none; clear: both;}
#main p{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #333; font-size: 13px; display: inline; font-weight: normal; line-height: 18px; text-align: justify;}

#sub{width: 590px; height: auto;margin: 0 auto; overflow :hidden; padding :10px; position: relative; float: left; clear: none; color: #333; background: url(../img/sub.jpg) repeat-x; padding-top: 25px; }
#sub ul{display: block; float: none; clear: both; margin: 10px 0}
#sub ul li{ display: list-item; line-height: 20px; list-style: url(../img/bullet.gif); padding-left: 12px; clear: both; list-style-position:  inside; font-weight: bold;}


#columna{width: 300px; height: auto;margin: 0 auto; overflow :hidden; padding :0px; position: relative; float: left; clear: none;color: #333; margin-bottom: 20px}

#strip{width: 918px; height: auto;margin: 0 auto; overflow :hidden; position: relative; padding: 20px; background: url(../img/strip.jpg) repeat-x; float: left; clear: both; padding-top: 30px}

ul#proyectos{width: 930px; height: auto; display: block; float: left; clear: both;}
ul#proyectos li{width: 300px; height: auto; float: left; clear: none; margin: 0; margin-right: 10px;}
ul#proyectos li img{display: block; float: left; border: 1px solid #ccc; margin: 0 10px 10px 0;}
ul#proyectos li h3{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 16px; display: block; width: 300px; font-weight: normal; line-height: 20px; margin-bottom: 10px}
ul#proyectos li h5{float: none; clear: both; display: block;}
ul#proyectos li p{line-height: 18px;}

ul#miniproyectos{width: 300px; height: auto; display: block; float: left; clear: both;}
ul#miniproyectos li{width: 300px; height: auto; float: none; clear: both; margin: 0; }
ul#miniproyectos li img{display: block; float: left; border: 1px solid #ccc; margin: 0 10px 10px 0;}
ul#miniproyectos li h3{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 16px; display: block; width: 300px; font-weight: normal; line-height: 20px; margin-bottom: 10px}
ul#miniproyectos li h5{float: none; clear: both; display: block;}
ul#miniproyectos li p{line-height: 18px;}


ul#vertical{width: 590px; height: auto; display: block; float: left; clear: both;}
ul#vertical li{width: 590px; height: auto; float: left; clear: both; margin: 0; border-bottom: 1px dotted #ccc; min-height: 100px !important; padding: 5px; }
ul#vertical li img{display: block; float: left; border: 1px solid #ccc; margin: 0 10px 10px 0;}
ul#vertical li a.imglista{	width: 120px; height: 90px; display: block; float: left; clear: none; overflow: hidden; margin: 0 10px 10px 0; text-align: center; border: none;}
ul#vertical li a{	color: #333; text-decoration: none; border-bottom: 1px dotted #999; font-weight: bold;}
ul#vertical li a:hover{color: #c50000}
ul#vertical li h3{ font-family: Trebuchet, Arial, Helvetica, Sans-serif; color: #497915; font-size: 16px; display: block; width: 300px; font-weight: normal; line-height: 20px; margin-bottom: 10px}
ul#vertical li p{line-height: 18px;}

a.volver{width: 80px; height: 30px; display: block; float: none; clear: both; background: url(../img/prev.jpg) left top no-repeat; line-height: 30px; color: #fff; text-decoration: none; text-align: center; margin: 5px auto; padding:0 2px }

form#contacto{padding: 0; margin: 0;}
form#contacto fieldset{width: 490px; height: auto; float: none; clear: both; margin: 20px auto; border: none}
form#contacto fieldset legend.bloque{width: 460px; height: 20px; background: transparent url(../img/legend.jpg) left top no-repeat; padding: 12px 10px; margin: 0; display: block;  position: relative; font-size: 12px; font-weight: bold; color: #fff;}

form#contacto fieldset.login{height: 105px; background: url(../img/loginbox.jpg) left top no-repeat; width:460px; padding: 40px 10px 10px 10px;}

form#contacto fieldset label,form#contacto fieldset input[type="text"],form#contacto fieldset input[type="password"],form#contacto fieldset textarea,form#contacto fieldset select{width: 450px; display: block; float: none; clear: both; height: 25px; color: #333; line-height: 24px; border: none;}
form#contacto fieldset input[type="text"],form#contacto fieldset input[type="password"],form#contacto fieldset textarea,form#contacto fieldset select{background: url(../img/field.jpg) left top no-repeat; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #ddd}
form#contacto fieldset label{ color: #333; font-size: 13px; margin-top: 10px; font-weight: bold;}
form#contacto fieldset label.mid,form#contacto fieldset input[type="text"].med,form#contacto fieldset input[type="password"].med,form#contacto fieldset select.med{width: 218px; float: left; clear: none; margin-right: 10px;}
form#contacto fieldset label.corta,form#contacto fieldset input[type="text"].corto,form#contacto fieldset input[type="password"].corto,form#contacto fieldset select.corto{width: 130px; float: left; clear: none; margin-right: 10px;}
form#contacto fieldset textarea{	height: 120px; overflow: auto;}
form#contacto fieldset input[type="submit"],form#contacto fieldset input[type="reset"], form#contacto fieldset input[type="button"]{float: right; clear: none;width: 73px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: url(../img/botones.jpg) left top no-repeat; overflow: hidden; font-weight: bold; border: none; margin:10px 20px;}
form#contacto fieldset input[type="reset"], form#contacto fieldset input[type="button"]{background-position: 0 -30px;}

div.dark{background: #ddd; padding: 8px 0; width: 448px; border: 1px solid #ddd;}

#footer{width: 918px; height: 82px;margin: 0 auto; overflow :hidden; padding :0; padding: 0 20px; background: url(../img/footer.jpg) repeat-x; padding-top: 5px; position: relative; display: block; float: none; clear: both;}
#footer ul{	width: 930px; height: auto; float: left; clear: both; padding-top: 7px;}
#footer ul li{	width: 300px; display: block; float: left; clear: none; margin: 10px 10px 0 0; color: #fff;}
#footer ul li h6,#footer ul li p{font-size: 16px; text-align: right; color: #fff; display: block; float: none; clear: both; line-height: 20px;}
#footer ul li p{font-size: 13px; line-height: 16px}
#footer a.powered{display: block; color: #497915; width: 250px; height: 20px; background: #fff; position: absolute; bottom: 0; text-align: center; clear: both; color: #ccc; background: url(../img/powered.png) 0 -20px no-repeat; text-indent: -9999px; margin-left: 30px}
#footer a.powered:hover{background-position: 0 0}

#Conyuge,#edadesHijos,#datosAuto,#datosPropiedad,#amedida,#datosAlquiler,.datosTrabajo{background: #ECE9D8; border: 1px solid #ccc; float: left; clear: both; padding: 10px; margin: 10px 0}
#edadesHijos{float: left; clear: none; width: 280px; margin-top: 30px}

ol{display: block;}
ol li{display: list-item; float: none; clear: both; list-style: decimal; list-style-position: inside; padding-left: 15px; line-height: 24px; }


ul#porAgente{width: 610px; height: auto; float: left; clear: both; display: block; list-style: none; padding: 0}
ul#porAgente li{width: 600px; display: block; float: left ; clear: both; border-bottom: 1px solid #999;border-right: 1px solid #999; margin-bottom: 15px}
ul#porAgente li p, ul#porAgente li em, ul#porAgente li strong, ul#porAgente li span{text-decoration: none; font-size: 12px; text-transform: none; font-style: normal; padding: 2px; border-left: 1px solid #ccc; display: block; float: left; clear: none; height: 24px;border-top: 1px solid #ccc; }
ul#porAgente li strong{width: 295px;}
ul#porAgente li span{width: 145px;}


/* GALERIA */

ul#gal{width: 610px; display: block; float: left; clear: both; overflow: hidden; list-style: none; }
ul#gal li{width: 180px; height: 200px; display: block; float: left; clear: none; margin: 5px; background: #FAFAFA; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;border-left: 1px solid #f8f8f8;border-top: 1px solid #f8f8f8; padding: 5px}
ul#gal li span{width: 160px; height: 120px; display: block; float: none; clear: both; overflow: hidden; margin: 5px auto;border: 1px solid #aaa; border-bottom: 1px solid #999; border-right: 1px solid #999;}
ul#gal li a{color: #333; text-decoration: none; width: 160px; margin: 5px auto; height: auto; display: block; text-align: center;}

#pagination{display: block; float: none; clear: both; margin: 10px auto; width: 100%; text-align: center;}
#pagination a,#pagination span{font-size: 20px; text-decoration: none; color: #c80000; padding: 0 10px}
#pagination .disabled{	color: #ccc;}
#pagination .current, .red{color: #333;}


a.powered{
}