/* GENERAL ------------------------------ */
/* GENERAL ------------------------------- */
* {margin: 0; padding:0; }
html, body { height:100%; margin:0; } 
html { background:#658426 url(i/bk.jpg) repeat-x;}
body { font: normal 12px "Lucida Sans", Arial, Verdana, Helvetica; color:#555; }
#wrap {	width: 900px;	margin: 0 auto;}


#background { height:auto; min-height:100%;  background: url(i/bk_body.png) no-repeat  center 175px; }
* html #background {height:100%;}



a, a:visited, a img { color: #fff; text-decoration:underline; outline:none;}
a:hover { color:#000; }
img { border:none; }
p, h1, h2, h3, ul {margin: 0 0 12px 0;}
p {line-height: 18px;}
.inputtext { border:1px solid #ccc; padding:3px;  }
.clr { clear:both; height:0%; }
.line { height: 1px; margin:10px 0;  border-top: 1px Solid #D2D2D2; clear:both; display:block; }
.separador { border-bottom:1px solid #829a53; padding-bottom:8px; }
.wrap { width:900px; margin:0 auto;  }

/* HEADER ------------------------------------------------------*/
#header { height:153px; width:900px; position:relative; clear:both; }
.subnav { height:34px;}
.subnav2 { height:34px;}
.logo a { float:left; width:138px; height:124px; background:url(i/logo.png) no-repeat; margin:16px 0 0 25px; }
.logo h1 { margin: 0; }
.logo span { display:none; }

.subnav ul { list-style:none; margin:0; padding:0; height:34px; line-height:34px; float:left; margin-left:533px }
.subnav li { display:inline; }
.subnav li a { color:#deebc3; margin: 0 8px; text-decoration:none;  font-weight:bold;}
.subnav li a:hover { color:#fff; }

.subnav2 ul { list-style:none; margin:0; padding:0; height:34px; line-height:34px; float:left; margin-left:633px }
.subnav2 li { display:inline; }
.subnav2 li a { color:#deebc3; margin: 0 8px; text-decoration:none;  font-weight:bold;}
.subnav2 li a:hover { color:#fff; }

/* BASICS ------------------------------ */

h1, h2, h3, p { margin-bottom:13px; }

/* CONTENT ------------------------------ */
#content {  padding:30px 0 20px 0; overflow:hidden; width:900px; }
body#home #content .banner { margin-bottom:0; }


/* WIDECOL ------------------------------ */
.widecol { float:left; width:650px; color:#deebc3; }
.widecol h1 { font:normal 22px/26px "Lucida Sans", Arial, Helvetica; color:#fff; }
.widecol h2 { background:url(i/separador_hr.gif) repeat-x bottom left; padding-bottom:10px; font:normal 16px/18px "Lucida Sans", Arial, Helvetica; color:#44331d; margin-bottom:10px; }
.widecol h3 { font:bold 13px/18px "Lucida Sans", Arial, Helvetica; color:#44331d; margin-bottom:10px;}
.widecol ul { margin:0 0 13px 10px; padding:0; list-style:none; }
.widecol li { padding:3px 0 3px 21px; background:url(i/bullet.gif) no-repeat 0 50%; }

/* WIDECOL //  Este widecol es afectado por el body id que tenga asignado, en este caso es la pag. de proyectos de modo que utilizaré el id=proyectos para hacer la columna más ancha.  */
body#proyectos .widecol, body#casas .widecol { width:900px; overflow:hidden; }


/* WIDECOL2 ------------------------------ */
.widecol2 { float:left; width:610px; color:#deebc3; }
.widecol2 h1 { font:normal 22px/26px "Lucida Sans", Arial, Helvetica; color:#fff; }
.widecol2 h2 { background:url(i/separador_hr.gif) repeat-x bottom left; padding-bottom:10px; font:normal 16px/18px "Lucida Sans", Arial, Helvetica; color:#44331d; margin-bottom:10px; }
.widecol2 h3 { font:bold 13px/18px "Lucida Sans", Arial, Helvetica; color:#44331d; margin-bottom:10px;}
.widecol2 ul { margin:0 0 13px 10px; padding:0; list-style:none; }
.widecol2 li { padding:3px 0 3px 21px; background:url(i/bullet.gif) no-repeat 0 50%; }



/* NARROWCOL ------------------------------ */
.narrowcol { float:right; width:240px; color:#deebc3; font:normal 11px "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; }
.narrowcol h3 { color:#fff; font:bold 13px "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; margin:0;  }
.narrowcol h2 { color:#fff; font:bold 13px "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; margin:0 0 10px 0; text-transform:uppercase;  }
.narrowcol .modulo { padding:10px; background:#FFF; border:1px solid #dfe5ec; }
.narrowcol  ul { margin:0 0 13px 0; padding:0; list-style:none; font:bold 12px/15px "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; }
.narrowcol li { /* border-bottom:1px solid #dcdaca; */ }
.narrowcol li a { background:url(i/bullet.gif) no-repeat 8px 50%; width:245px; display:block; padding:4px 0 4px 25px; color:#333; text-decoration:none; margin:0; }
.narrowcol li a:hover { color:#427915; background: url(i/bullet.gif) no-repeat 8px 50%; text-decoration:underline; }

/* FOOTER ------------------------------ */
#footer { color:#deebc3; background:url(i/bk-footer.png) no-repeat bottom left; width:900px; border-top:1px solid #829a53; padding-top:12px;}
#footer a { color:#FFF; text-decoration:none;  }
#footer a:hover { text-decoration:underline;  }

/*- MENU TABS --------------------------- */
ul#tabs { margin:0;  clear:both; position:absolute; bottom:0; right:0; list-style:none; font:normal 13px "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;  color:#fff; }
ul#tabs li { display:inline; margin:0; padding:0; border-bottom:1px solid #cbbfa5; }  
ul#tabs li a { float:left; background:url("i/tab_left.jpg") no-repeat 0 -999px; margin:0 3px 0 0; padding:0 0 0 5px; text-decoration:none; }
ul#tabs li a span { foat:left; display:block; background:url("i/tab_right.jpg") no-repeat 0 -999px; padding:7px 10px 6px 6px; color:#828c97; white-space:nowrap; }

/* Commented Backslash Hack hides rule from IE5-Mac \*
ul#tabs a span {float:none;}
/* End IE5-Mac hack */

ul#tabs a:hover, ul#tabs a:hover .current { background-position:0% -29px; }
ul#tabs a:hover span {  background-position:100% -29px;}
ul#tabs li.selected {  background-position:100% 0;}

	  
/* TABS PRENDIDOS  */
body#inicio ul#tabs a#inicio { background:url("i/tab_left.jpg") no-repeat top left;}
body#inicio ul#tabs a#inicio span { background:url("i/tab_right.jpg") no-repeat 100% 0; color:#fff; } 

body#proyectos ul#tabs a#proyectos { background:url("i/tab_left.jpg") no-repeat 0% 0;}
body#proyectos ul#tabs a#proyectos span { background:url("i/tab_right.jpg") no-repeat 100% 0; color:#fff; } 

body#casas ul#tabs a#casas { background:url("i/tab_left.jpg") no-repeat 0% 0;}
body#casas ul#tabs a#casas span { background:url("i/tab_right.jpg") no-repeat 100% 0; color:#fff; }		 	  

body#nosotros ul#tabs a#nosotros { background:url("i/tab_left.jpg") no-repeat 0% 0;}
body#nosotros ul#tabs a#nosotros span { background:url("i/tab_right.jpg") no-repeat 100% 0; color:#fff; }

body#contacto ul#tabs a#contacto { background:url("i/tab_left.jpg") no-repeat 0% 0;}
body#contacto ul#tabs a#contacto span { background:url("i/tab_right.jpg") no-repeat 100% 0; color:#fff; }

/* ESTILOS FOTOS ------------------------- */
.picbr {float:right; border:1px solid #dfded4; padding: 5px; margin: 5px 0 0 10px; background-color:#ecebe2;}
.picbl {float:left; border:1px solid #dfded4; padding: 5px; margin: 5px 10px 0 0; background-color:#ecebe2;}
.picbcenter { display:block; width:100%; text-align:center; border:1px solid #dfded4; padding: 5px; background-color:#ecebe2; }
.picr {float: right; margin: 0 0 5px 10px; }
.picl {float: left; margin: 0 10px 5px 0;}
.piccenter { display:block; width:100%; text-align:center; }

.proyectos_th {  float:left; border:1px solid #dfded4; margin: 5px 10px 0 0; background-color:#b5cf84;  }