img {padding: 4px; border: solid 1px #CCC; margin-left: 4px;}

body {margin:0; background: #FFFFFF url('/Images/imgBackground.gif') repeat-y center;}
div.GeneralContainer {position:absolute; width: 822px; height: 300px; left: 50%; margin-left: -429px; padding: 15px;}

div.Header {height: 75px; background: url('/Images/imgHeaderBackground.jpg') repeat-x;}
div.Header div.Logo {height: 75px; width: 240px; background: url('/Images/imgLogo.jpg') no-repeat;}
div.Header div.Banner {margin-top: 56px; position:absolute; height: 19px; overflow:hidden; z-index:-10; margin-left: 7px;}


div.HomeLeft {width: 256px; height: 385px; float:left; background: url('/Images/imgLeftBackground.jpg') no-repeat;}
div.HomeRight {/*border-left: solid 1px #CCCCCC;*/ float:left; width: 562px;}

div.Left {width: 256px; height: 385px; float:left; background: url('/Images/imgLeftBackground.jpg') no-repeat;}
div.Right {/*border-left: solid 1px #CCCCCC;*/ float:left; width: 562px;}

div.TopBackground {height: 51px; background: url('/Images/imgTopBackground.jpg') repeat-x; display:block;}

h1.SectionTitle { font: bold 14px  Geneva, Arial, Helvetica, sans-serif; color:#333333; text-transform:uppercase; height: 39px; background: url('../Images/imgSectionTitle.jpg') no-repeat; padding: 18px 0px 0px 15px; margin:0;}
h2.SubsectionTitle {font: normal bold 13px Arial; color:red; border-bottom: solid 1px #999999; margin:0;}

/* HOME */

div.HomeHeader {height: 226px; background: url('/Images/imgHome.jpg') repeat-x;} 
div.HomeContent {margin-top: 10px; margin-left: 5px;}
div.HomeContent div {width: 170px; margin-right: 5px;}

div.HomeContent div h1 {display:block; height: 25px; background: url('/Images/imgTitle.jpg') no-repeat bottom;font: bold 12px  Geneva, Arial, Helvetica, sans-serif; color:#333333; text-transform:uppercase; margin:10px 0px 8px 0px;  padding: 2px 0px 0px 5px;}
div.HomeContent div h2 {display:block; background: url('/Images/imgBullet2.jpg') no-repeat left; font: normal bold 11px Arial; margin:0; margin-top:4px; margin-left:6px; padding-left: 12px; color: #656565;}
div.HomeContent div p {margin:0; margin-left:6px;margin-bottom:13px;  font: normal 11px Arial;}

div.HomeContent div.item1 div.Image{height: 70px; background: url('/Images/item1.jpg') no-repeat center; clear:both;}
div.HomeContent div.item2 div.Image{height: 70px; background: url('/Images/item2.jpg') no-repeat center;}
div.HomeContent div.item3 div.Image{height: 70px; background: url('/Images/item3.jpg') no-repeat center;}

/* REALIZACIONES */

div.Realizaciones {margin-top: 10px; margin-left: 15px; min-height: 400px;}
div.RealizacionesHeader {height: 139px; background:  url('/Images/imgRealizaciones.jpg') no-repeat; margin: 22px 0px 0px 22px;}

ul#Realizaciones {list-style:none;padding:0; height: 30px; width:100%; margin:0; border-top: solid 3px red;}
ul#Realizaciones li {padding: 7px 0px; float:left; width: 182px; text-align: center; background: url('/Images/imgInactiveBackground.jpg') repeat-x; font: normal 14px Arial; color: Black;}
ul#Realizaciones li a {text-decoration: none; color: #333333;}
ul#Realizaciones li a:hover {color:white;}

ul#Realizaciones li:hover  {background: url('/Images/imgActiveBackground.jpg') repeat-x; color: White; cursor:pointer}
ul#Realizaciones li.Active {background: url('/Images/imgActiveBackground.jpg') repeat-x; color: White;}

div.RealizacionesLeft {width: 166px; float:left;} 
div.RealizacionesRight {width: 380px; float:left; }

ul#RealizacionesItems {list-style:none; margin: 0;padding:0; height: 30px; }
ul#RealizacionesItems li {font: normal 12px/12px Arial; margin: 10px 0px; color: #999999;}
ul#RealizacionesItems li span {padding: 0px 4px; text-align: center; margin-right: 5px; height: 10px; }
ul#RealizacionesItems a {text-decoration:none; color: #999;}
ul#RealizacionesItems a:hover {color:red;}

ul#RealizacionesItems li.Active {color:red;}
ul#RealizacionesItems li.Active span {background-color: red; color:white;}

ul#ProyectInfo {margin-left: 15px;padding:0; list-style:none; list-style:}
ul#ProyectInfo li {font: normal 12px/17px Arial; margin: 10px 0px; color: #333; list-style-image: url('/Images/imgBullet2.jpg'); text-align:justify}
ul#ProyectInfo li p { line-height: 17px; text-align:justify; }

ul#SubMenu {list-style:none; padding-left:20px; background-color: #999999; height: 20px; margin:0; margin-top:2px; padding-top: 1px;}
ul#SubMenu li {float:left; font: normal 12px Arial; color: White; background-image: url('/Images/imgBullet3.jpg');background-repeat:no-repeat; background-position:left; padding-left:15px; padding-top:2px; margin-right: 30px;}
ul#SubMenu li a { text-decoration:none; color:#ffffff;}
ul#SubMenu li a:hover { text-decoration:none; color:#FF0000;}
ul#SubMenu li.Active{ color:#FF0000;}

div.Footer {height: 57px; background: url('/Images/imgFooterBackground.jpg') repeat-x;}
div.Footer div {float:left; }
div.Footer div.FooterLeft {width: 470px; height: 57px;}
div.Footer div.FooterLeft p {color: #8f8f8f; font: normal 12px Arial; margin:5px 15px;}
div.Footer div.FooterRight {width: 340px; height: 57px;}

ul.Footer {list-style:none; margin-top: 0;padding:0;}
ul.Footer li {padding: 10px 0px; float:left; padding: 0px 4px; color: #8f8f8f;}
ul.Footer li a {text-decoration: none; color: #8f8f8f; font: normal 12px Arial;}
ul.Footer li a:hover {color: red;}


/*EMPRESA*/
div.EmpresaHeader{height: 139px; background: url('/Images/imgEmpresa.jpg') no-repeat; margin: 22px 0px 0px 22px;}
div.Empresa {margin-top: 10px; margin-left: 15px; min-height: 400px;}
div.Empresa h3 {display:block; background: url('/Images/imgBullet2.jpg') no-repeat left; font: normal bold 13px Arial; padding-left: 12px; color: #656565; margin:0; margin-left:15px;}
div.Empresa p { font: normal 12px Arial; margin-top:5px; margin-left:27px; text-align:justify;} 

/*SERVICIOS*/
div.ServiciosHeader{height: 139px; background: url('../Images/imgServicios.jpg') no-repeat; margin: 22px 0px 0px 22px;}
div.Servicios {margin-top: 10px; margin-left: 15px; min-height: 400px;}
div.Servicios h3 {display:block; background: url('../Images/imgBullet2.jpg') no-repeat left; font: normal bold 13px Arial; padding-left: 12px; color: #656565; margin:0; margin-left:15px;}
div.Servicios p { font: normal 12px Arial; margin-top:5px; margin-left:27px; text-align:justify;} 

/* MENU */


a.Inicio {position:absolute; margin-left: 63px; *margin-left: 38px; margin-top: 15px;display:block; height: 20px; width: 120px; background: url('../Images/btnInicio.gif') no-repeat; background-position:top left; }
a.Inicio:hover {background-position: bottom left;}

ul.Menu {list-style:none; margin: 0;padding:0; margin-left: 28px; margin-top: 52px;}
ul.Menu li {padding: 12px 0px; *padding:11px 14px; margin-left:10px; *margin-left:5px; list-style-position:}

ul.Menu a.Empresa {display:block; height: 20px; width: 125px; background: url('/Images/btnEmpresa.gif') no-repeat; background-position:top left; }
ul.Menu a.Servicios {display:block; height: 20px; width: 125px; background: url('/Images/btnServicios.gif') no-repeat; background-position:top left;}
ul.Menu a.Realizaciones {display:block; height: 20px; width: 125px; background: url('/Images/btnRealizaciones.gif') no-repeat; background-position:top left;}
ul.Menu a.Contacto {display:block; height: 20px; width: 125px; background: url('/Images/btnContacto.gif') no-repeat; background-position:top left;}

ul.Menu a:hover {background-position: bottom left;}

div.Clear {clear:both; display:block; height: 1px;}

/* CONTACTO */

div.ContactoHeader{height: 139px; background: url('/Images/imgContacto.jpg') no-repeat; margin: 22px 0px 0px 22px;}

TABLE.contact{width:550px;}
TABLE.contact TH{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:normal; padding-left:5px; text-align:left;}
TABLE.contact TH a{ color:#666666; text-decoration:none;}
TABLE.contact TH a:hover{ color:#FF0000; text-decoration:none;}

TABLE.contact TD{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:normal; padding-left:5px; text-align:left; vertical-align:top;}

TABLE.contact TD input.text{ font-family:Arial, Helvetica, sans-serif; font-size:12px;border:1px solid #C5A8A0; height:18px; width:250px;color:#999999;}
TABLE.contact TD textarea{font-family:Arial, Helvetica, sans-serif; width:250px; height:100px; font-size:12px;border:1px solid #C5A8A0;color:#666666;}

button.submit { margin-top:10px; display:block; width:238px; border:none; height:15px; background:url('/Images/btnFormContacto.jpg') no-repeat; background-position:top left;}
button.submit:hover{ background-position:bottom; cursor:pointer;}

/* CONTACTO - MENSAJE */

.MessageResult {border: solid 1px #EEE; background-color: #FAFAFA; padding: 5px; font: normal 13px Arial; text-align:center;}
#jump_base {
  overflow-y:hidden;
  width: 200px;
  height: 17px;
  padding: 0 10px 0 10px;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  margin-top: 60px;
  position:absolute;
  
}

#jump_base a {
  color: #000;
  background-color: inherit;
}

.news {
  color: inherit;
}