body{
	color: white;
	font-family: Verdana;
	font-size: 12px;
	background-color: #999999;
}

h1{
	font-size: 15px;
	color: gray;
}

a{
	text-decoration: none;
	color: white;
	font-size: 12px;
}

img{
	border: 0px;
}


ul{
	list-style: none;
	margin-left: 0px;
}

#tabla_principal{
	margin: auto;
	width: 810px;
	height: 540px;
	background-color: #000000;
	border: 0px;
	padding: 0px;
}

#sombra_lateral{
	width: 10px;
	background-image: url(img/sombra_lateral.png);
	background-repeat: repeat-y;
	vertical-align: top;
}


#sombra_esquina{
	width: 10px;
	height: 10px;
	background-image: url(img/sombra_esquina.png);
	background-repeat: no-repeat;

}

#sombra_inferior{
	height: 10px;
	background-image: url(img/sombra_inferior.png);
	background-repeat: repeat-x;
	text-align: left;
}



#cabecera{
	vertical-align: middle;
	height: 104px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#vacio{
	width: 160px;
	height: 385px;
}

#tabla_inferior{
	width: 810px;
	height: 385px;
}


#tabla_secundaria{
	margin-right: 20px;
	margin-bottom: 20px;
	width: 650px;
	height: 385px;
	text-align: right;
}




/*-------- inicio estilo elementos MENU -------*/

#menu{
	width: 671px;
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CC0033;
}

#menu td{
	background-image: url(img/menu.png);
	background-repeat: repeat-x;
	padding-right: 1px;
	text-align: center;
}


#seleccionado a{
	text-decoration: none;
	color: #CC0033;
}

#no_seleccionado a{
	text-decoration: none;
	color: white;
}



/*--------- fin estilo elementos MENU ------*/





/*-------- dimensiones CONTENIDO ---------*/

#contenido{
	height: 290px;
	width: 671px;
	border-bottom: 1px solid #CC0033;
	padding-bottom: 10px;
	padding-top: 10px;
}

#contenido_izquierda{
	height: 270px;
	width: 170px;
	text-align: left;
	border-right: 1px solid #CC0033;
	padding-right: 10px;
}

#contenido_derecha{
	height: 270px;
	width: 450px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 20px;
	border-right: 10px solid #333333;
}

#contenido_doble{
	height: 270px;
	width: 671px;
	text-align: center;
	border-right: 10px solid #333333;
}


#contenido_doble2{
	height: 270px;
	width: 671px;
	text-align: center;
	background-color: black;
}


/*-------- fin dimensiones CONTENIDO ---------*/






/*-------- inicio estilo CONTENIDO ---------*/

#titulo{
	height: 42px;
}

#texto{
	height: 220px;
	width: 450px;
	padding: 0px;
}


#barra{
	height: 220px;
	width: 450px;
	padding-right: 15px;
	overflow: auto;
}

#barra_pavimentos{
	height: 210px; width: 290px;
	padding-right: 15px; padding-left: 15px;
	overflow: auto;
}


#pavimentos{
	text-align: left;
	margin: auto;
	line-height: 25px;
	max-width: 450px;
}

.titulo_pavimentos{
	color: gray;
	font-size: 13px;
	font-weight: bold;
}

#pavimentos_columna1{
	padding-right: 40px;
}

#pavimentos ul{
	margin-left: 8px;
	padding-left: 8px;
}

#pavimentos li{
	list-style: disc;
}


#tabla_proyectos{
	height: 150px;
	width: 450px;
	padding: 0px;
	margin: 0px;
}

.foto_proyectos{
	height: 58px; 
}

.titulo_proyectos{
	font-weight: bold;
	line-height: 23px;
	color: gray;
}

#productos{
	padding: 5px;
}

#proyectos{
	padding-top: 10px;
	padding-left: 10px;
}

.titulo_contactar{
	color: gray;
	font-size: 15px;
	font-weight: bold;
}

.subtitulo_contactar{
	color: gray;
	font-size: 12px;
}

#texto_contactar{
	height: 220px;
	width: 450px;
}

#oficinas{
	width: 200px;
	text-align: left;
	line-height: 20px;
	vertical-align: top;
	padding-top: 10px;
}

#equipo{
	width: 250px;
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
}

#titulo_equipo{
	color: #CC0033;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	height: 30px;
	vertical-align: top;
}


#cargo{
	color: gray;
	text-align: right;
	vertical-align: top;
	width: 280px;
}

#nombre{
	text-align: right;
	vertical-align: top;
	height: 30px;
}


.mapa{
	width: 207px;
	height: 165px;
}


#logo_enlaces{
	background-color: white;
	padding-left: 60px;
	padding-right: 60px;
	text-align: center;
	width: 661px;
	height: 50px;
}


#web_enlaces{
	vertical-align: top;
	width: 280px;
	height: 175px;
	text-align: left;
	font-size: 13px;
	line-height: 30px;
	padding-left: 200px;
}

#boton_enlaces{
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 50px;
	vertical-align: bottom;
	text-align: right;
	width: 121px;
}

#boton_enlaces a{
	color: gray;
}

#web_enlaces ul{
	list-style: circle;
}

#web_enlaces a{
	font-size: 13px;
}

.gris{
	color: gray;
}

.rojo{
	color: #CC0033;
}

/*-------- fin estilo CONTENIDO --------*/







#direccion{
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(img/direccion.png);
	background-repeat: repeat-x;
	width: 661px;
	height: 50px;
	font-size: 12px;
}

#direccion_1{
	padding-top: 8px;
	width: 100px;
	padding-right:20px;
	text-align: right;
	color: black;
}

#tabla_direccion_2{
	padding-top: 8px;
	width: 630px;
	text-align: left;
	padding-right:30px;
}

#direccion_2{
	text-align: left;
	width: 630px;
}




/* ------  ESTILO FORMULARIO -----------*/


#lightbox{
	background-color: black;
	width: 400px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.ok{
	color: white;
}

div.error{
	color: red;
}

#formulario{
	color: white;
	background-color: black;
	width: 400px;
}




/* --------- ESTILO PRODUCTOS_DETALLE lightbox ---------- */




#lightbox_detalle{
	background-color: black;
	width: 500px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; margin-top: 20px;
	height: 500px; padding-left: 
	vertical-align: middle; text-align: center;
}

#lightbox_detalle table{
	width: 350px; height: 450px; margin: auto;
	font-size: 13px;
	line-height: 19px;
	vertical-align: top;
}

#lightbox_detalle h1{
	color: gray;
}


#lightbox_titulo{
	color: gray;
	font-size: 15px;
	font-weight: bold;
	text-align: justify;
	vertical-align: top;
	height: 40px;
	width: 420px;
	border-bottom: solid 1px #CC0033;
	padding-bottom: 15px;
	padding-top: 15px;
}


#izquierda{
	width: 200px;
	vertical-align: top;
	padding-bottom: 15px;
	padding-top: 15px;
}

#derecha{
	width: 420px;
	vertical-align: top;
	text-align: justify;
	padding-top: 15px;
}



/* --------- ESTILO CONTACTAR_DETALLE lightbox ---------- */


#contactar_detalle{
	background-color: black;
	width: 650px;
	height: 400px;
	margin-bottom: 0px; margin-left: 20px; margin-right: 0px; margin-top: 20px;
	vertical-align: middle;
}

#contactar_detalle table{
	color: white;
	font-size: 13px;
	line-height: 19px;
	vertical-align: middle;
	margin-top: 20px; margin-left: 20px;
}

#contactar_detalle h1{
	color: #CC0033;
}

.mapa_detalle{
	width: 414px;
	height: 330px;
}


#contactar_detalle_izquierda{
	width: 120px;
	vertical-align: top;
	padding-right: 40px;
}

#contactar_detalle_derecha{
	width: 420px;
	vertical-align: top;
	text-align: left;
}