BODY, H1, H2, H3, H4, H5, UL, OL, P, FORM, HR {margin:0; padding:0;}


BODY {background:#4d4d4c; color:#4d4d4c; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif}
/*DIV {border:1px solid #000}*/
A {text-decoration:none;}
A IMG {border:0;}
STRONG {font-weight:bold;}

/*********** PERSONALIZAR YAHOO CSS **************/
#doc {width:765px;}
#hd, #bd {background:#FFF;}

#hd {background:#FFF url(../images/comun_cabecera_bgr.jpg) no-repeat top right; border-bottom:2px solid #4d4d4c; margin-top:4px; height:220px;}
#bd {padding:15px 0;}
#ft {background:#000; color:#FFF; text-align:right; border-top:15px solid #FFF}





/********** CABECERA *******************/
H1 {margin-left:15px;}
H1 SPAN {display:none;}





#menu {background:#383838; color:#FFF; padding:3px; width:151px;}
#menu H3 {background:#FFF; color:#383838}
#menu UL {margin-top:3px; border-top:1px solid #FFF;}
#menu LI {border-bottom:1px solid #FFF;}
#menu LI A {display:block; width:100%; line-height:19px;}
#menu LI A SPAN {/*display:none;*/ visibility:hidden}
#menu LI .somos {background:url(../images/comun_menu_btnSomos.gif) no-repeat bottom left;}
#menu LI .servicios {background:url(../images/comun_menu_btnServic.gif) no-repeat bottom left;}
#menu LI .portfolio {background:url(../images/comun_menu_btnPortfolio.gif) no-repeat bottom left;}
#menu LI .contacto {background:url(../images/comun_menu_btnContacto.gif) no-repeat bottom left;}
#menu LI A:HOVER { background-position:top left;}


#yui-main #ultimos { width:370px; border-right:1px solid #4d4d4c; border-left: 1px solid #4d4d4c; padding-left:5px; }
#yui-main #ultimos DIV {width:360px; margin:0 5px; overflow:hidden; border-bottom:1px solid #4d4d4c; padding-bottom:5px; padding-top:10px}
#yui-main #ultimos DIV A {color:#4d4d4c;}
#yui-main #ultimos DIV A:HOVER {color:#828281;}
#yui-main #ultimos H5 { background:url(../images/portada_trabajos_pto.gif) no-repeat top left; font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:10px; padding-left:20px;}
#yui-main #ultimos P {font-size:11px; margin:5px 170px 5px 10px;}
#yui-main #ultimos DIV IMG {float:right;}
#yui-main #ultimos, #yui-main #noticias {float:left;}

#yui-main #noticias {width:170px; margin:0 8px;}
#yui-main #noticias UL {margin-top:12px; font-size:11px; }
#yui-main #noticias LI {border-bottom:1px solid #c3b39a; padding:5px;}
#noticias LI A {color:#876836;}
#noticias LI A:HOVER {color:#b5a182;}
#noticias LI STRONG {display:block; font-weight:bold;}


#somos {margin-right:20px;}
#somos P {font-size:11px; color:#4d4d4c; line-height:1.4em; margin:10px 210px 10px 0px; text-align:justify}
#somos H2 {padding-bottom:10px;}
#somos IMG {float:right; margin-left:10px;}

#servicios {font-size:11px;}
#servicios H2 {padding-bottom:10px;}
#servicios #destacados {background:#ffd300; color:#000; font-weight:bold; width:195px; float:right; margin-right:15px; padding:10px 5px;}
#servicios #destacados UL {margin-left:10px;}
#servicios #destacados LI {margin-bottom:5px;}
#servicios #tipos {/*margin-right:210px;overflow:hidden;*/ width:320px; }
#servicios #tipos DIV {float:left; font-weight:bold; margin:10px 5px; text-align:center; width:90px;}
#servicios #tipos DIV IMG {/*display:block;*/}


#portfolio {font-size:11px;}
#portfolio P { line-height:1.4em; margin:10px 20px 10px 0px; }
#portfolio .webs {float:left; margin:10px 2px 10px 10px; text-align:center; width:120px; }
#portfolio .webs IMG {display:block; margin-bottom:5px; border:1px solid #444}
#portfolio .webs A {font-weight:bold; color:#4d4d4c;}
#portfolio .webs A:HOVER {color:#828281;}
#portfolio .webs A IMG:HOVER {border:1px solid #828281}

#contacto {font-size:11px;}
#contacto H2 {padding-bottom:10px;}
#contacto H2 IMG, #contacto DIV IMG {float:none;}
#contacto FIELDSET {margin-top:15px;}
#contacto LEGEND {display:none;}
#contacto BR {display:block; clear:both;}
#contacto INPUT, #contacto TEXTAREA  {border:1px solid #727272; width:170px; vertical-align:middle; margin:2px 0;}
#contacto LABEL {font-weight:bold; float:left; width:105px; margin:2px 0 2px 25px;}
#contacto IMG {float:right; margin-left:10px;}
#contacto DIV { text-align:right; width:300px; padding-top:10px; padding-right:25px;}

#aviso {font-size:11px;}
#aviso H2 {padding-bottom:10px;}
#aviso P {line-height:1.4em; margin:5px 20px 15px 0px; }
#aviso H6 {text-transform:uppercase; font-size:12px; font-weight:bold; margin-top:10px; margin-bottom:0; padding:0; }