/* principal.css - Estilos de la página principal */

body { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, sans-serif, helvetica;
	font-size: 10px;
	text-align: center;
	color: white;
	background: #DBEFF8;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

a { color: white; text-decoration: none; }
a:active { color: white; }
a:hover { color: #FF8110; }

/* Contenedor de toda la web */

#pagina {
	position: absolute;
	background: url("img/tira_fondo.jpg") repeat-x;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 570px;
	margin-top: -288px;
}

#contenedor {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -392px;
	margin-top: -279px;
	width:784px; 
	height:576px; 
}

/*-----------------------------------------------*/

/* Botonera */

#botonera {
	position: absolute; top: 78px; left: 0px;
	margin: 0px; padding:0px;
	width: 784px; height: 25px;
	background-image: url("img/botonera.jpg");
	background-repeat: no-repeat;
    }

#botonera li {
	top: 0px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#botonera li, #botonera a {
	height: 25px; display: block;
}

#boton_ppal { 
	margin: 0px;
	padding:0px;
	top:0px; left:0px; position: absolute; 
	width: 136px;
}

#boton_empresa { 
	margin: 0px;
	padding: 0px;
	top:0px; left:136px; position: absolute; 
	width: 130px;
}

#boton_productos { 
	margin: 0px;
	padding:0px;
	top:0px; left:266px; position: absolute; 
	width: 130px;
}

#boton_servicios { 
	margin: 0px;
	padding:0px;
	top:0px; left:396px; position: absolute; 
	width: 128px;
}

#boton_calidad { 
	margin: 0px;
	padding:0px;
	top:0px; left:524px; position: absolute; 
	width: 129px;
}

#boton_contacto { 
	margin: 0px;
	padding:0px;
	top:0px; left:654px; position: absolute; 
	width: 131px;
}


#boton_ppal a:hover { 
	background-image: url("img/boton_ppal_resalte.jpg");
	background-repeat: no-repeat;
}


#boton_empresa a:hover { 
	background-image: url("img/boton_empresa_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_empresa.activo { 
	background-image: url("img/boton_empresa_resalte.jpg");
	background-repeat: no-repeat;
}


#boton_productos a:hover { 
	background-image: url("img/boton_productos_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_productos.activo { 
	background-image: url("img/boton_productos_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_servicios a:hover { 
	background-image: url("img/boton_servicios_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_servicios.activo { 
	background-image: url("img/boton_servicios_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_contacto a:hover { 
	background-image: url("img/boton_contacto_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_contacto.activo { 
	background-image: url("img/boton_contacto_resalte.jpg");
	background-repeat: no-repeat;
}


#boton_calidad a:hover { 
	background-image: url("img/boton_calidad_resalte.jpg");
	background-repeat: no-repeat;
}

#boton_calidad.activo { 
	background-image: url("img/boton_calidad_resalte.jpg");
	background-repeat: no-repeat;
}


/*----------------*/

/* Cajas de texto */

#direccion {
	position: absolute; left:35px; top:496px; 
	text-align: left;
}

#datos_contacto {
	position: absolute; left:284px; top:496px; 
	text-align: left;
}

#copyright {
	position: absolute; left: 581px; top:508px; 
	text-align: right;
}

#copyright a { color: white; text-decoration: none; }
#copyright a:hover { color: #FF8110; text-decoration: underline; }
#copyright a:active { color: #FF8110; }

.texto_barra_inf {
	line-height: 12px;
}


#desc1 {
	position: absolute; left:521px; top:166px;
	height: 45px; width: 220px;
	text-align: left;
}

#desc2 {
	position: absolute; left:376px; top:285px;
	height: 45px; width: 230px;
	text-align: left;
}
#desc3 {
	position: absolute; left:521px; top:397px;
	height: 45px; width: 215px;
	text-align: left;
}
/*----------------*/

#logo { 
	position:absolute; left:0px; top:0px; width:299px; height:78px; 
	background: url("img/logo.jpg");
}

#tira_sup {
	position:absolute; left:299px; top:0px; width:248px; height:78px;
	background: url("img/tira_sup.jpg");
}

#logo_iso {
	position:absolute; left:547px; top:0px; width:237px; height:78px;
	background: url("img/logo_iso.jpg");
}


#marco_sup {
	position:absolute; left:0px; top:103px; width:784px; height:22px;
	background: url("img/marco_sup.jpg");
}

#marco_izq {
	position:absolute; left:0px; top:125px; width:23px; height:342px;
	background: url("img/marco_izq.jpg");
}

#marco_inf {
	position:absolute; left:0px; top:467px; width:784px; height:21px;
	background: url("img/marco_inf.jpg");
}

#marco_dcha {
	position:absolute; left:760px; top:125px; width:24px; height:342px;
	background: url("img/marco_dcha.jpg");
}

#marco_izq_ppal {
	position:absolute; left:0px; top:125px; width:23px; height:342px;
	background: url("img/marco_izq_ppal.jpg");
}


#fondo_ppal11 {
	position:absolute; left:23px; top:125px; width:279px; height:115px;
	background: url("img/fondo_ppal11.jpg");
}

#fondo_ppal12 {
	position:absolute; left:302px; top:125px; width:230px; height:115px;
	background: url("img/fondo_ppal12.jpg");
}


#fondo_ppal13 { 
	position:absolute; left:532px; top:125px; width:228px; height:115px; 
	background: url("img/fondo_ppal13.jpg");
}

#fondo_ppal21 {
	position:absolute; left:23px; top:240px; width:279px; height:114px; 
	background: url("img/fondo_ppal21.jpg");
}

#fondo_ppal22 {
	position:absolute; left:302px; top:240px; width:230px; height:114px; 
	background: url("img/fondo_ppal22.jpg");
}

#fondo_ppal23 {
	position:absolute; left:532px; top:240px; width:228px; height:114px;
	background: url("img/fondo_ppal23.jpg");
}

#fondo_ppal31 {
	position:absolute; left:23px; top:354px; width:279px; height:113px;
	background: url("img/fondo_ppal31.jpg");
}

#fondo_ppal32 {
	position:absolute; left:302px; top:354px; width:230px; height:113px; 
	background: url("img/fondo_ppal32.jpg");
}

#fondo_ppal33 {	
	position:absolute; left:532px; top:354px; width:228px; height:113px; 
	background: url("img/fondo_ppal33.jpg");
}

#barra_inf_1 {
	position:absolute; left:0px; top:488px; width:266px; height:70px; 
	background: url("img/barra_inf_1.jpg");
}

#barra_inf_2 {
	position:absolute; left:266px; top:488px; width:281px; height:70px; 
	background: url("img/barra_inf_2.jpg");
}

#barra_inf_3 {
	position:absolute; left:547px; top:488px; width:237px; height:70px; 
	background: url("img/barra_inf_3.jpg");
}

#banderas {
	position: relative;
	margin: 0 auto 0 auto;
	top: 558px;
	width: 142px;
	height: 18px;
	padding-bottom: 3px;
	background-color: transparent;
}

#banderas img {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0;
}

.separador {
	float: left;
	width: 2px;
	height: 18px;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #91CEE8;
}