/* =================  SECCION ====================== */

/* estilos para destacar en el submenu de seccion
la pagina actual */
body.presentacion ul.submenu li.presentacion a,
body.datos ul.submenu li.datos a,
body.calidad ul.submenu li.calidad a,
body.futuro ul.submenu li.futuro a,
body.quienes ul.submenu li.quienes a,
body.mision ul.submenu li.mision a,
body.valores ul.submenu li.valores a {
	color: #2F9879 !important;
	border-bottom: none;
}



* html body.empresa #contenido {
	padding-bottom: 5.5em;
}

body.empresa #relacionado li {
	top: -1em;
}
body.empresa #relacionado ul > li {
	top: 0 !important;
}


body.empresa #secundario ul.submenu h4 {
font-size: 1.8em;
margin-left: 0.5em;
margin-bottom: 0.3em;
margin-top: 0.7em;
}


/* =================  presentacion ====================== */


body.presentacion #principal p {
	margin-top: 0;
	margin-bottom: 0.2em;
	position: relative;
	top: -10px;
}

body.presentacion #principal h1 {
	position: relative;
	top: -0.1em;
}

body.presentacion #principal #primerparrafo {
		margin-top: 0.5em;
}

body.presentacion #secundario_second {
	padding-bottom: 1px !important;
}

body.presentacion #secundario_resto {
	padding-top: 1px !important;
}

body.presentacion #secundario_resto h3 {
	font-size: 2.6em;
	margin-top: 0 !important;

}





body.presentacion #contenido {
	padding-bottom: 0 !important;
}

*html body.presentacion { /* para ie6 que de otro modo corta la página */
	height: 120%;
}

/* =================  datos ====================== */



body.datos #principal p {
	color: #2771C6;
}

body.datos #principal p#primerparrafo {
	margin-bottom: 0 !important; /* si no se añade al del div inferior y rompe composición */
}

body.datos h1 {
	margin-top: 0.2em !important;
}

*html body.datos { /* para ie6 que de otro modo corta la página */
	height: 130%;
}

body.datos #contenido {
	padding-bottom: 0 !important;
}

body.datos  .inferior h3 {
	font-size: 1.9em !important;
}

body.datos #principal .inferior p {
	margin-bottom: 0.8em !important;
}

body.datos #secundario_second li {
	margin-bottom: 1.3em;
}

/* =================  calidad ====================== */
 

body.calidad #principal p {
	margin-bottom: 1.0em;
}

body.calidad #secundario_second li {
	margin-top: 0.8em;
}

body.calidad #secundario_second h3 {
	font-size: 2.5em;
}


body.calidad #contenido {
	padding-bottom: 0 !important;
}

* body.calidad { /* para ie6 que de otro modo corta la página */
	height: 120% !important;
}

body.calidad #contenido #principal img {
	float: left;
	margin-right: 1em;
	position: relative;
}
* html body.calidad #contenido #principal img {
	float: none !important;
}

body.calidad #contenido #principal h2 {
	
}


/* =================  pasado y futuro ====================== */

body.futuro #secundario_second li {
	margin-top: 0.8em;
}


body.futuro #relacionado {
	margin-top: 1em;
}
/* el margen dado arriba se queda corto en navegadores modernos (osea, todos menos ie 6) */
body.futuro #contenido>#relacionado {
	margin-top: 1.7em;
}

body.futuro #relacionado li ul li {
	position: relative;
	top: 0;
	left: 0;
}

* body.futuro {
	height: 145% !important;
}



/* dejamos a iexplorer de lado porque ya le da espaciado por alguna desconocida razon que solo en MS sabran */
body.futuro #relacionado ul>li { 
	margin-bottom: 0.5em;
}


/* =================  conocenos ====================== */

body.quienes #principal p.ultimoparrafo {
	margin-bottom: 0 !important; /* si no se añade al del div inferior y rompe composición */
}

/* =================  misión ====================== */
body.mision #principal h2 {
	font-size: 1.5em;
}

body.mision #principal h3 {
	font-size: 1.3em;
}

body.mision #principal ul {
	margin-bottom: 1em;
	font-size: 0.8em;
	list-style-type: circle;
	margin-left: 2em;
}
body.mision  #principal li {
	margin-bottom: 1em;
}

body.valores #principal li {
	margin-left: 2em;
	margin-bottom: 1em;
}

body.valores #principal h2 {
	margin-top: 0.5em;
}