/*
///////////////////////////////
// TODO
/////////////////////////////// 
*/
body{background-color:#000000; color:#e0e0e0; font-family:Arial, Tahoma, Verdana; font-size:12px; text-align:center}
.cuerpo{text-align:center; margin:30px auto 0 auto; width:800px;}
#contenido{ float:left;margin-top:20px; width: 100%; min-height:350px;  height:auto !important; overflow: auto; margin-bottom: 10px;}
#columnaizq { 
 display: inline;
 width: 205px;
 float: left;
 text-align:left;
}
#columnadrcha { 
text-align:justify;
 float: right;
 padding: 5px;
 margin-right:18px;
 width: 550px;
 display: inline;
 position: relative;
}
.seccion{width:100%; text-align:center;}
.seccion img{border:1px #FFFFFF solid;width:175px; height:131px;}
.descripciones{margin:10px; height:40px; max-height:40px;}
.fotos-proyecto{width:100%; text-align:center;}
.fotos-proyecto img{border:1px #FFFFFF solid;width:130px; height:110px; margin:5px;}
a{color:#999999; font-weight:bold; text-decoration:none}
/*img { behavior: url(scripts/iepngfix.htc); }*/



/*
///////////////////////////////
// MENU IZQUIERDO
/////////////////////////////// 
*/
#menuv {
	margin-top:5px;
	width: 205px;
}
#menuv img{
border:0;
height:7px;
width:6px;
}
#menuv ul, li {
	list-style-type: none;
}
#menuv ul {
	margin: 0;
	padding: 0;
	/*background: #0e0e0e;*/
}
#menuv li {
	border-bottom: 1px #b5b5b5 dashed;
}
li#primero {
	border-top: 1px #b5b5b5 dashed;
}
#menuv a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 7px;
}
#menuv a:hover {
	/*background: #1a1a1a;*/
	background: #0e0e0e;
}

.seccion-residencial{color:#05a700; font-size:26px; margin:50px auto auto 10px; font-weight:bold;}
.seccion-industrial{color:#0801e1; font-size:26px; margin:50px auto auto 10px; font-weight:bold;}
.seccion-servicios{color:#cf052d; font-size:26px; margin:50px auto auto 10px; font-weight:bold;}
.seccion-gestion_de_suelo{color:#cdcdcd; font-size:26px; margin:50px auto auto 10px; font-weight:bold;}
.seccion-obra_civil{color:#f4cd16; font-size:26px; margin:50px auto auto 10px; font-weight:bold;}
.proyectoMenu{font-size:22px; margin:20px auto; font-weight:bold; text-align:center;}
.separacion{width:100%; height:5px;border-top:1px #CCCCCC solid; margin-top:2px; text-align:left}
.descripcion-proyecto{text-align:justify; margin-top:10px;}


/* MENU VERTICAL SECCIONES*/
.menu-colores{width:205px; height:33px; margin-top:162px;}
.menu-seccion-residencial{color:#05a700; font-size:26px; margin:160px auto auto 10px; font-weight:bold; display:none}
.menu-seccion-industrial{color:#0801e1; font-size:26px; margin:160px auto auto 10px; font-weight:bold; display:none}
.menu-seccion-servicios{color:#cf052d; font-size:26px; margin:160px auto auto 10px; font-weight:bold; display:none}
.menu-seccion-gestion_de_suelo{color:#cdcdcd; font-size:26px; margin:160px auto auto 10px; font-weight:bold; display:none}
.menu-seccion-obra_civil{color:#f4cd16; font-size:26px; margin:160px auto auto 10px; font-weight:bold; display:none}
#menu-secciones {
	margin-top:5px;
	width: 205px;
}
#menu-secciones img{
border:0;
height:7px;
width:6px;
}
#menu-secciones ul, li {
	list-style-type: none;
}
#menu-secciones ul {
	margin: 0;
	padding: 0;
	/*background: #0e0e0e;*/
}
#menu-secciones li {
	/*border-bottom: 2px #b5b5b5 solid;*/
}
li#primero {
	border-top: 1px #b5b5b5 dashed;
}
#menu-secciones a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 7px;
	font-weight:bold;
	padding-left:12px;
	background: url(../imagenes/libgb.jpg) repeat-x center bottom;
}
#menu-secciones a:hover {
	/*background: #1a1a1a;*/
	background: #0e0e0e;
	background: url(../imagenes/libgvb.jpg) no-repeat left bottom;
}
#menu-secciones ul li a.active {
	background: url(../imagenes/libgr.jpg) repeat-x center bottom;
}
#menu-secciones ul li a.active:hover{ 
	text-decoration: none;
	Color: white;
	background-color:#000000;
	background: url(../imagenes/libgvr.jpg) repeat-x center bottom;
}
#realizado{ margin-top:20px;}
#realizado a.realizadopor{text-decoration: none;font-weight: bold;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#929292}

/*
///////////////////////////////
// CABECERA
/////////////////////////////// 
*/
.cabecera{width:100%;}
.logo{float:left; width:210px; height:75px;}
.logo img{border:0;}
.menusuperior{float:right; width:545px; height:35px;margin-top:30px;}
.menu ul { 
	width: 545px; /*If your links text is bigger you will have to adjust this value*/
    height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
}
.menu ul li{ 
	width: 130px;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
.menu ul li a { 
	font-weight: bold;
	display: block;
	cursor:pointer;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #e0e0e0;
	background: url(../imagenes/libgb.jpg) repeat-x center bottom;
}
.menu ul li a:hover{ 
	text-decoration: none;
	Color: white;
	cursor:pointer;
	background-color:#000000;
	background: url(../imagenes/libgbef.jpg) repeat-x center bottom;
}
.menu ul li a.active {
	background: url(../imagenes/libgr.jpg) repeat-x center bottom;
}
.menu ul li a.active:hover{ 
	text-decoration: none;
	Color: white;
	background-color:#000000;
	background: url(../imagenes/libgref.jpg) repeat-x center bottom;
}


/*
///////////////
// PIE
///////////////
*/
.pie{float:left; width:98%;border-top:1px #CCCCCC solid;margin-top:15px; margin-bottom:10px;}
.pie table{margin-top:5px;color:#c4c4c4; font-family:Arial, Tahoma, Verdana; font-size:10px; text-align:left;}
.pie table td{padding-left:20px;}
#menupie{float:left; padding:5px; font-size:10px; text-align:left;}
#menupie a{text-decoration: none;font-weight: bold;font-family:Arial, Tahoma, Verdana; font-size:12px; color:#929292}
#menupie a.avisolegal{text-decoration: none;font-weight: bold;font-family:Arial, Tahoma, Verdana; font-size:11px; color:#FFFFFF}