@CHARSET "ISO-8859-1";
* {
	margin:0;
	padding:0;
}
div.todo {
	position: relative; 
	z-index: 1;
	}
div.fondo {
	position: absolute; 
	z-index: 0;
	}
/* div vacio para que el contenido no se coloque a la izquierda al cargar la página */
div.menu2 {
	float: left;
	width:290px;
}

div.izq {
	float:left;
}
div.spacer {
	height: 18px;
	width: 100%;
	}

div.spacer2 {
	height: 28px;
	width: 100%;
	}
div.spaceremp {
	height: 40px;
	width: 100%;
	}	

div.contenido {
	float:right;
	width: 690px;
/*	margin-left: 300px;*/
	padding-right: 14px;
	}

#menu {
	float: left;
	padding-top: 0px;
	margin-left: 320px;
	}
#cabecera {
	border-style: groove;
	border-color: rgb(215,212,219);
	border-bottom-width: 3px;
	border-right-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-left-width: 1px;
	height: 56px;
}

#cabeccentro {
	width: 550px;
	margin-left: 120px;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

#azul {
	width: 370px;
	float:left;
	background-color: rgb(211, 230,244);
	padding: 10px 10px 10px 10px;
	text-align: justify;
	color: rgb(0,34,110);
	font-size: 9pt;
	margin-right: 20px;
	}
	
#analisis {
	margin-left: 10px;
	text-align: right;
	}
#noflash {
	margin-top: 100px;
}
a.noflash {
	color: navy;
	text-decoration: underline;
}
td.col1 {
	text-align: left;
	border-bottom-color:navy;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#tbazul {
	background-color: rgb(0,56,139);
	font-size: 11px;
	text-indent: 23px;	
	width: 98%;
	height: 23px;
	font-weight: bold;
}
#tbazul tr td {
	border-left-color:white;
	border-left-width:2px;
	border-left-style: solid;
	background: url(img/estrelita_borde.jpg);
	background-repeat: no-repeat;
	}

tr.tranalisissup td {
	border-bottom-color:navy;
	border-bottom-width:2px;
	border-bottom-style: solid;
	font-weight: bold;
	/*text-align: left;*/
}
td.tdanalisis2,td.tdanalisis3, td.tdanalisis4 {
	text-align: center;
	width: 50px;
	padding: 0px 0px 0px 10px;
}
td.tdanalisis1 {
	text-align: left;
}
td.tdanalisis3 {
	padding: 0px 0px 0px 4px;
}
td.tdanalisis4, td.tdanalisis5 {
	text-align: right;
	padding: 0px 10px 0px 0px;
	border-bottom-color:navy;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
td.tdanalisis5 {
	padding: 0px 2px 0px 0px;
}
#span1 tr td {
	border-bottom-color:navy;
	border-bottom-width:1px;
	border-bottom-style:solid;
	}

#indicaciones {
	float: left;
	width: 46%;
	padding: 4px 0px 0px 10px; 
	height: 390px;
	vertical-align: top;
	text-align: left;
}

#indicaciones img {
	float: left;
	padding-right: 12px;
}
	
#indicaciones div {
	padding-bottom: 10px;
}
#imgempresa {
	float: left;
	width: 100%;
}
#imgempresa div {
	float: left;
	margin: 5px 1px 5px 1px;
	}
#bajo {
	float: left;
	/*width: 415px;*/
	width: 425px;
	padding-right: 15px;
	}
#bajo table {
	font-size: 13px;
	font-weight: bold;
	}
#indicac {
	font-size: 11px;
	margin-top: 4px;
	padding-left: 8px;
	}
#indicac table {
	vertical-align: top;
	text-align: justify;
	/*width: 400px;*/
}
#filasup{
	height: 26px;
}
#indicac table tr td {
	vertical-align: top;
	padding-right: 12px;
}
#indicac table tr td div img {
	float: left;
	padding-right: 8px;
}

#indicac table tr td div {
	padding-bottom: 10px;
}
#formatos {
	/*width: 675px;*/
	text-align: center;
	font-weight: bold;
	margin-left: 38px;
	/*margin-right: 18px;*/
}

#formatossup td, tr.amarillo td {
	border-bottom-color: navy;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}

#tbgrande {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	}
	
#tbgrande tr td {
	width: 60px;
	}

/* obliga a q la col de formatos tenga esa anchura */
td.colformatos {
	width: 251px !important;
	text-align: left;
	text-indent: 3px;
}

#tbgrandesup td {
	background-color: rgb(253, 216,14);
	font-size: 8px;
	border-left: 2px solid white;
	}
	
tr.amarillo td{
	border-bottom-color: rgb(253, 216,14);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	}
	
#contacto {
	width: 550px;
	margin-left: auto;
	margin-right: auto;	
}
#contacto table tr td {
	font-weight: bold;
}
#contacto a {
	color: navy;
	text-decoration: underline;
}

#contacto2 {
	width: 350px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	}
body {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: navy;
	text-align: justify;
	background-position: top;
	background-repeat: no-repeat;
	width: 1002px;
	height: 775px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
p.pgris {
	color: gray;
}
p.negrita {
	font-weight: bold;
	}
a {
	text-decoration: none;
	color: white;
}
div.porfin {
	width:100%;
	color: rgb(184,174,198);
	font-size: 60px;
	text-align: center;
	}

	/* pagina de inicio*/
#index {
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: auto;
	margin-top: auto;
	height: 795px;
}

#inicio {
	position: absolute;
	margin-bottom: auto;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	height: 794px;
	width:998px; /*poner 998*/
	max-height: 775px;
	max-width: 1002px;
	/*min-height: 775px;
	min-width: 1002px;*/
	/*border-color: red;
	border-width: 1px;
	border-style: solid;*/
	}

div.list {
	width: 330px;
}	
#list1 {
	padding: 0 0 0 15px;
}
#list1 li {
	list-style-image: url(img/estrellita2.gif);
}

#list2 li {
	list-style-type: none;
}
/* para que en agua.html se vea un espacio entre el texto y las certificaciones */
#certificaciones {
	margin-top: 12px;
	width: 100%;
}
/* posicionamiento de los elementos de la pagina de inicio */
div.links {
	color: red;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
}

div.links:hover {
	cursor: pointer;
}
#link1 {
	/*top: 15%;
	left:19%;*/
	top: 118px;
	left: 188px;
}
#link2 {
	/*top: 51%;
	left: 33%;*/
	top: 400px;
	left: 338px;
}
#link3 {
	/*top: 69%;
	left: 33%;*/
	top: 538px;
	left: 332px;
}
#link4 {
	/*top: 87%;
	left:89%;*/
	top: 680px;
	left:886px;
}
div.texts {
	color: navy;
	position: absolute;
}
#text1 {
	font-size: 12px;
	width: 402px;
	top: 395px;
	left: 580px;
	text-align: justify;
}

#text2 {
	font-size: 11px;
	width: 130px;
	top: 650px;
	left:18px;
	text-align: justify;
}
#text3 {
	font-size: 12px;
	width: 130px;
	top: 624px;
	left:157px;
	text-align: center;
}
/*posicionamiento enlaces de menu en agua.html*/
#agua1 {
	top: 120px;
	left: 62px;
}
#agua2 {
	top: 400px;
	left: 182px;
}
#agua3 {
	top: 538px;
	left: 185px;
}
#agua4 {
	top: 675px;
	left:50px;
}

/*posicionamiento enlaces de menu en empresa.html*/
#empr1 {
	top: 118px;
	left: 57px;
}
#empr2 {
	top: 408px;
	left: 46px;
}
#empr3 {
	top: 408px;
	left: 194px;
}
#empr4 {
	top: 698px;
	left:45px;
}

/*posicionamiento enlaces de menu en contacto.html*/
#cont1 {
	top: 118px;
	left: 60px;
}
#cont2 {
	top: 258px;
	left: 40px;
}
#cont3 {
	top: 258px;
	left: 192px;
}
#cont4 {
	top: 542px;
	left:188px;
}

/*posicionamiento enlaces de menu en formatos.html*/
#form1 {
	top: 118px;
	left: 60px;
}
#form2 {
	top: 118px;
	left: 183px;
}
#form3 {
	top: 410px;
	left: 198px;
}
#form4 {
	top: 700px;
	left:46px;
}