* {
	margin:0;
	padding:0;
}
body {
	background:#636363 url(../images/body_fondo.gif);
	text-align: center;
}
div#encabezado {
	background:url(../images/logo-trans.png) no-repeat;
	width:198px;
	height:45px;
	margin:30px auto 15px auto;
}
div#contenedor {
	width:770px;
	height:420px;
	margin:0 auto 0 auto;
	text-align: left;
	position: relative;
	z-index: 10;
}
div#fondo {
	width:770px;
	height:420px;
	margin:0 auto 0 auto;
	background:url(../images/fondo_contenedor-trans.png) no-repeat;
	text-align: left;
	position: relative;
	z-index: 1;
	top: -420px;
}
div#encabezado_secciones {
	background:url(../images/secciones_encabezado.png) no-repeat;
	width:564px;
	height:32px;
	position:absolute;
	top:28px;
	left:150px;
}
div#secciones_cierre {
	width:10px;
	height:105px;
	background:url(../images/home_marca_agua.png) top left no-repeat;
	position:absolute;
	bottom:25px;
	left:20px;
	padding: 0 0 0 110px;
}
ul#nav {
	font-family:"Myriad Web Pro", Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#8C8C8C;
	text-transform: uppercase;
	display: block;
	width: 150px;
	list-style: none;
	position: absolute;
	top: 47px;
	left: 0px;
	z-index:20;
}
ul#nav li {
	display:block;
	width:109px;
	height:18px;
	margin:0 0 12px 0;
	padding:0 0 0 41px;
	letter-spacing: -0.5px;
}
ul#nav li.home {
	background:url(../images/nav_home.png) no-repeat;
}
ul#nav li.home_activa {
	background:url(../images/nav_home.png) no-repeat 0 -30px;
}
ul#nav li.empresa{
	background:url(../images/nav_empresa.png) no-repeat;
}
ul#nav li.empresa_activa {
	background:url(../images/nav_empresa.png) no-repeat 0 -30px;
}
ul#nav li.productos {
	background:url(../images/nav_productos.png) no-repeat;
}
ul#nav li.productos_activa {
	background:url(../images/nav_productos.png) no-repeat 0 -30px;
}
ul#nav li.servicio {
	background:url(../images/nav_servicio.png) no-repeat;
}
ul#nav li.servicio_activa {
	background:url(../images/nav_servicio.png) no-repeat 0 -30px;
}
ul#nav li.contacto {
	background:url(../images/nav_contacto.png) no-repeat;
}
ul#nav li.contacto_activa {
	background:url(../images/nav_contacto.png) no-repeat 0 -30px;
}
ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	color:#8C8C8C;
	text-decoration:none;
}
ul#nav li a span {
	color:#3F3F3F;
}
ul#nav li a:hover {
	color:#3F3F3F;
	text-decoration:none;
}

/*----- HOME -----*/
div#encabezado_home {
	background:url(../images/home_encabezado.png) no-repeat;
	width:590px;
	height:35px;
	position:absolute;
	top:40px;
	left:150px;
}
div#texto_home {
	width:260px;
	position:absolute;
	top:90px;
	left:468px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
}
h2.home_es {
	color:#3F3F3F;
	font-size:11px;
	line-height: 18px;
}
h2.home_en {
	color:#666;
	font-size:11px;
	line-height: 18px;
	padding: 14px 0 0 0;
}
div#home_fotos {
	position:absolute;
	top:90px;
	left:172px;
	width:284px;
	height:216px;
}
div#home_fotos img {
	border:1px solid #CCC;
	margin:0 14px 14px 0;
	float: left;
}
h3#home_cierre {
	width:430px;
	height:105px;
	background:url(../images/home_marca_agua.png) top left no-repeat;
	position:absolute;
	bottom:25px;
	left:20px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#7B7B7B;
	line-height: 105px;
	padding: 0 0 0 110px;
}

h4#home_SitioAntiguo {
	font-size:12px;
	color:#7B7B7B;
	line-height: 18px;
	padding: 4px 0 0 0;
}

/*----- CONTACTO -----*/
div#contacto {
	width:580px;
	height:300px;
	position:absolute;
	left:150px;
	top:90px;
	background:url(../images/contacto_fondo.jpg) top right no-repeat;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#7A7A7A;
}
div#contacto ul {
	margin: 0 0 0 20px;
}
div#contacto ul li {
	list-style: none;
	padding: 0 0 0 35px;
	width: 145px;
	margin: 0 0 20px 0;
	display: block;
}
div#contacto ul li.direccion {
	background:url(../images/contacto_direccion.png) no-repeat;
}
div#contacto ul li.fono {
	background:url(../images/contacto_fono.png) no-repeat;
}
div#contacto ul li.fono span {
	width: 30px;
	display: block;
	float: left;
}
div#contacto ul li.mail {
	background:url(../images/contacto_mail.png) no-repeat;
}
div#contacto ul li.link {
	background:url(../images/contacto_link.png) no-repeat;
}
div#contacto ul li a:link, div#contacto ul li a:active, div#contacto ul li a:visited {
	color:#00A2E5;
	text-decoration:none;
}
div#contacto ul li a:hover {
	color:#00A2E5;
	text-decoration:underline;
}

/*----- EMPRESA y SERVICIO -----*/
div#empresa, div#servicio {
	width:535px;
	height:305px;
	position:absolute;
	top:70px;
	left:200px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#7A7A7A;
}
div#servicio {
	padding: 15px 0 0 0;
}
div#empresa ul {
}
div#empresa ul li {
	display: block;
	float:left;
	zoom: 1;
	list-style: none;
	padding: 0 3px 0 0;
}
div#empresa ul li a:link, div#empresa ul li a:active, div#empresa ul li a:visited {
	color:#7A7A7A;
	text-decoration:none;
}
div#empresa ul li a:hover {
	color:#00A2E5;
	text-decoration:underline;
}
div#empresa ul li a.activa {
	color:#00A2E5;
}
div#empresa div {
	width:535px;
	height:280px;
	overflow:auto;
	clear: both;
	padding: 25PX 0 0 0;
}
div#empresa h2, div#servicio  h2 {
	display: block;
	clear: both;
	font-size: 11px;
}
div#empresa h2.direccion {
	display: block;
	clear: both;
	font-size: 11px;
	color:#8C8C8C;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 5px 0;
}
div#empresa p, div#servicio p {
	margin: 5px 0 0 0;
	line-height: 16px;
}
div#empresa div ul {
}
div#empresa div ul li {
	display:block;
	clear:both;
	float:none;
	margin:0 0 10px 0;
}
div#empresa dl {
	width:235px;
	margin:0 10px 0 0;
	float:left;
}
div#empresa dt {
	color:#444;
	text-transform:uppercase;
	margin:2px 0 5px 0;
}
div#empresa dd {
	color:#8C8C8C;
	margin:0 0 5px 0;
}

/*----- PRODUCTOS -----*/
div#productos {
	width:535px;
	position:absolute;
	top:70px;
	left:174px;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#7A7A7A;
}
div#productos ul {
	width: 100px;
	display: block;
	float: left;
	margin-right: 15px;
	list-style: none;
	font-family:"Myriad Web Pro", Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
}
div#productos ul li {
	margin:0 0 5px 0;
}
div#productos ul li a:link, div#productos ul li a:active, div#productos ul li a:visited {
	color:#8C8C8C;
	text-decoration:none;
}
div#productos ul li a:hover {
	color:#3F3F3F;
	border-bottom:1px solid #ED3224;
}
div#productos ul li a.activa {
	color:#3F3F3F;
}
div#producto {
	display: block;
	width: 236px;
	float: left;
	margin: 0 10px 0 0;
}
div#producto h2 {
	font-family:"Myriad Web Pro", Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	margin:18px 0 0 0;
}
div#producto p {
	margin: 5px 0 0 0;
	line-height: 16px;
	color:#666;
}
div#fotos {
	display: block;
	float: right;
	width: 174px;
	text-align: right;
	padding: 3px 0 0 0;
}
div#fotos img {
	border:1px solid #8C8C8C;
	margin: 15px 0 0 0;
}
div#fotos img.inline_boxliner {
	position:absolute;
	bottom:0px;
	left:200px;
}
div#fotos img.inline_o2 {
	position:absolute;
	bottom:0px;
	left:285px;
}

/*----- FOOTER -----*/
div#footer {
	background:url(../images/footer_fondo-trans.png) top left no-repeat;
	height:22px;
	line-height:22px;
	font-family:"Myriad Web Pro", Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#FFF;
	text-align: left;
	padding: 0 0 20px 25px;
	width: 600px;
	margin: 24px auto 0 auto;
	position: relative;
	top: -420px;
}