@charset "utf-8";

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Sugerencias para mainContent:
1. Si asigna a este div #mainContent un valor de tamaño de fuente distinto del que tiene el div #sidebar1, los márgenes del div #mainContent se basarán en su tamaño de fuente y el ancho del div #sidebar1 se basará en su tamaño de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
3. Para evitar la caída de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamaño máximo aproximado de la imagen/el elemento, ya que este diseño se basa en el tamaño de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamaño de fuente inferior al normal, habrá menos espacio disponible en el div #mainContent del que observará al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas específicos de IE.
*/
.twoColElsLtHdr #mainContent {
	margin: 0 1.5em 0 13em; /* el margen derecho puede asignarse en ems o píxeles. Éste crea el espacio a lo largo de la parte derecha de la página. */
} 
/* CSS Document */
* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}
#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}
#focus-stealer      { position: absolute; left: -9999px; }
.logo {
	background-image: url(imga/logo.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 160px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
}
.menu {
	background-color: #901014;
	width: 1024px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-decoration: none;
}
.index {
	background-color: #FFF;
	width: 1024px;
	color: #333;
	text-align: center;
	margin: auto;
	float: none;
	height: auto;
}
.lang {
	float: right;
	width: 100px;
}
.men1 {
	float: left;
	background-color: #CCC;
	width: 230px;
	margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	line-height: 25px;
}


.logo1 {
	background-image: url(imga/logo1.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 55px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	margin: auto;
	clear: none;
	float: none;
	color: #FFF;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: top;
}
a {
	font-family: Verdana, Geneva, sans-serif;
}
a:link {
	text-decoration: none;
	color: #09F;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.noticia {
	background-image: url(imga/noticia.png);
	background-repeat: no-repeat;
	margin: auto;
	height: 24px;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	color: #FFF;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	font-style: normal;
	line-height: 21px;
	float: right;
}
.noticia1 {
	margin: auto;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	float: right;
	background-color: #CCC;
	text-align: left;
}
.noticia4 {
	margin: auto;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	float: right;
	text-align: left;
	height: 207px;
	line-height: 200px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}
.noticia5 {
	margin: auto;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	float: right;
	background-color: #FFF;
	text-align: left;
}
.1 {
	margin: auto;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	float: right;
	text-decoration: none;
}
.historia {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	text-align: justify;
	font-style: normal;
	font-weight: lighter;
	width: 760px;
	margin: auto;
}
.construccion {
	margin: auto;
	width: 793px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: right;
	font-weight: bolder;
	margin: auto;
}
.quienessomos {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.contacto {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-style: normal;
	float: left;
	width: 793px;
}