body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bg_body.jpg) no-repeat top left #003366;
}

a {outline:none;}

#exponor {
position:fixed; top:25px; left:; z-index:50;
width:169px; height:69px;
background:url(../images/exponor2.png) no-repeat top left;
}

#exponor a:hover {
position:fixed; top:25px; left:0; z-index:50;
width:169px; height:69px;
background:url(../images/exponor.png) no-repeat -25px top;
}
#contenedor {
	height: 580px;
	width: 975px;
	float: left;
}
#marca {
	background-image: url(../images/marca.png);
	height: 114px;
	width: 358px;
	position: relative;
	top: 0px;
	float:left;
	z-index: 100;
}
html>body #marca {
	background-image: url(../images/marca.png);
	height: 114px;
	width: 358px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#nav {
	float: right;
	height: auto;
	width: 300px;
}
#main {
	height: 450px;
	width: 975px;
	position: absolute;
	z-index: 1;
	top: 62px;
	left: 0px;
	background: url(../images/bg_main.jpg) no-repeat top left;
}
#contenidos {
	float: right;
	height: 349px;
	width: 376px;
	background: #333;
	overflow: auto;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	padding: 0 0 10px 0;
	border-bottom: 10px solid #333;
}
#idioma {
	float: right;
	height: auto;
	width: 130px;
	background: url(../images/bg_idioma.png) no-repeat left bottom;
	margin: -7px 0 0 0;
}
#sitios {
	float: right;
	height: auto;
	width: 257px;
}
#idioma a {
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	padding: 0;
	margin: -4px 0 0 0;
}
#idioma a:hover {
	color: #0066CC;
}
#menu {
	height: 179px;
	width: 329px;
	position: absolute;
	top: 48px;
	z-index: 11;
	left: 0px;
}
#titulos {
	float: right;
	height: 77px;
	width: 617px;
	margin: 4px 0 0 0;
}
ul#botones {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
ul#botones li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 29px;
	width: 329px;
	margin: 0 0 1px 0;
}
ul#botones li a {
	float: left;
	height: 22px;
	width: 240px;
	font: bold italic 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	padding: 7px 0 0 89px;
}
ul#botones li a:hover {
	background: url(../images/btn_over.png) no-repeat top left;
}
li#empresa a {
	background: url(../images/btn_amarillo.png) no-repeat top left;
}
li#productos a {
	background: url(../images/btn_azul.png) no-repeat top left;
}
li#servicios a {
	background: url(../images/btn_rojo.png) no-repeat top left;
}
li#obras a {
	background: url(../images/btn_verde.png) no-repeat top left;
}
li#contacto a {
	background: url(../images/btn_blanco.png) no-repeat top left;
}
li#inicio a {
	background: url(../images/btn_celeste.png) no-repeat top left;
}
#titulos h1 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 48px;
	width: 617px;
}
ul.subnav {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 29px;
	width: 617px;
	list-style-type: none;
	text-align: left;
}
#title_celeste {
	background:url(../images/bgtitle_celeste.png) no-repeat top left;
}
#title_amarillo {
	background:url(../images/bgtitle_amarillo.png) no-repeat top left;
}
#title_azul {
	background:url(../images/bgtitle_azul.png) no-repeat top left;
}
#title_rojo {
	background:url(../images/bgtitle_rojo.png) no-repeat top left;
}
#title_verde {
	background:url(../images/bgtitle_verde.png) no-repeat top left;
}
#title_blanco {
	background:url(../images/bgtitle_blanco.png) no-repeat top left;
}
#contenidos h1 {
	font: italic 30px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	padding: 5px 0 15px 15px;
	margin: 0;
}
#contenidos p {
	font: bold 10px/15px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: justify;
	padding: 0 20px 8px 20px;
	margin: 0;
}
#footer {
	float: left;
	height: auto;
	width: 975px;
	position: absolute;
	z-index: 2;
	top: 512px;
	left: 0px;
}
#footer p {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 0 0 0;
	margin: 0px;
}
#footer a {
	color: #0099FF;
	text-decoration: none;
}
ul.subnav li {
	float: left;
	height: 22px;
	width: auto;
}
ul.subnav li a {
	font: bold italic 14px Arial, Helvetica, sans-serif;
	padding: 3px 15px 0 15px;
	border-right: 1px solid #333;
	margin: 4px 0 0 0;
	height: 20px;
	float: left;
	color: #333;
	text-decoration: none;
}
ul.subnav li a:hover {
	color:#FFFFFF;
}
#fotos {
	height: 143px;
	width: 598px;
	position: absolute;
	left: 0px;
	top: 302px;
}
.fotofooter {
	float: left;
	height: 143px;
	width: 96px;
	padding: 0 0 0 3px;
}
.flecha {
	background: url(../images/btn_selector.gif) top center no-repeat;
}
.datos {
	float: left;
	height: auto;
	width: 135px;
	padding: 0 0 0 15px;
}
.datos_b {
	float: left;
	height: auto;
	width: 205px;
	padding: 0 0 6px 5px;
	border-bottom: 1px dotted #666;
}
#contenidos a {
	color: #FFCC00;
}.datos_c {
	float: left;
	height: auto;
	width: 345px;
	padding: 4px 0 4px 15px;
	border-bottom: 1px dotted #666;
}
.clear {
	float: left;
	height: 20px;
	width: 100%;
}
#subnav_lateral {
	height: 200px;
	width: 240px;
	position: absolute;
	left: 359px;
	top: 81px;
	padding: 10px 0 0 0;
	z-index: 1000;
}
ul#subnav_menu {
	float: left;
	height: auto;
	width: 240px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul#subnav_menu li {
	float: left;
	height: 28px;
	width: 240px;
	padding: 0;
	margin: 0 0 1px 0;
	background:#cc0000;
}
ul#subnav_menu li a {
	color: #FFFFFF;
	float: left;
	height: 22px;
	width: 220px;
	font: bold italic 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 6px 0 0 20px;
	text-align: left;
}
ul#subnav_menu li a:hover {
	background: url(../images/flecha_submenu.gif) no-repeat right 4px #990000;
}
.submenu_active {
	background:url(../images/flecha_submenu.gif) no-repeat right 4px;
}
#contenidos h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 5px 0 0 20px;
}
strong{
	color: #FF9900;
}
.campo {
	float: left;
	height: auto;
	width: 100px;
	padding: 0 0 0 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.input {
	float: left;
	height: auto;
	width: 240px;
	padding: 0 0 6px 0;
}
.input_box {
	float: left;
	height: auto;
	width: 200px;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #333;
	border: 1px solid #999;
	padding: 0;
	color: #ccc;
}
.enviar {
	float: left;
	height: auto;
	width: 240px;
	padding: 5px 0 0 120px;
}
.btn_enviar {
	float: left;
	height: 20px;
	width: 150px;
	padding: 0;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: url(../images/btn_enviar.jpg) no-repeat top center;
	color: #999999;
	border: none;
}
.gracias {
	float: left;
	height: auto;
	width: 340px;
	padding: 0 0 0 20px;
	font: bold 10px Arial, Helvetica, sans-serif;
}
#animaciones {
	height: 215px;
	width: 270px;
	position: absolute;
	top: 81px;
	left: 329px;
}
#portada {
	height: 369px;
	width: 593px;
	position: absolute;
	left: 6px;
	top: 81px;
}
.noticias {
	float: left;
	height: auto;
	width: 340px;
	padding: 0 0 20px 20px;
}
.img_noticia {
	float: left;
	height: 70px;
	width: 100px;
	padding: 0 10px 0 0;
}