@charset "utf-8";
body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../imagen/fondoweb.jpg);
	background-repeat:  repeat-x;
    }
#container {
	width: 990px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: 2px solid #666666;
    }
#header {
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	height: 230px;
    } 
#marcosup {
	background-image: url(../imagen/marcosup.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 990px;
	margin: 0px;
	vertical-align: top;

	} 	
#marcocentro {
	background-image: url(../imagen/fondomarco.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	margin: 0px;
	top: 0px;
	vertical-align: top;
	padding: 0px;

	} 
#marcoizq {
	background-image: url(../imagen/marcoizq.gif);
	background-repeat:  repeat-y;
	background-position: 0px 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	} 		
#marcoder {
	background-image: url(../imagen/marcoder.gif);
	background-repeat:  repeat-y;
	background-position: right 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding-bottom: 10px;
	} 
#marcoinf {
	background-image: url(../imagen/marcoinf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	width: 990px;
	margin: 0px;
	top: 0px;

	} 
#titulosec {
	font-size: 20px;
	background-image: url(../imagen/fondotitulo.gif);
	background-repeat:  repeat-x;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	height: 30px;
	padding: 5px;
	} 	
	
	
#contenidos {
	margin-right: 25px;
	margin-left: 25px;
	} 
#sidebar1 {
	width: 160px;
	padding: 0px;
	float: left;
	margin: 0px;
	text-align: left;
    }
#sidebar2 {
	right: 0;
	width: 180px; /* el relleno mantiene el contenido del div alejado de los bordes */
	float: right;
	padding: 0px;
    }

#mainContent {
	margin: 0px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 28px;
	min-height: 300px;
	}

#footer {
	padding: 0;
	margin-top: auto;

}
#pie {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	vertical-align: top;
	background-color: #C72223;
	padding-bottom: 5px;
}
#menupie {
	margin-top: 5px;
	margin-bottom: 10px;
}
.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;
		}
/************************************************************************************************************************/	
/************************************************************************************************************************/
/* link */
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #4EB92B;
	text-decoration: none;
}/* link */
/***********************************************************************************************************************/
/* link */
#pie a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#pie a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#pie a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#pie a:hover {
	color: #CCCCCC;
	text-decoration: none;
}/* link */
/************************************************************************************************************************/
/* link */
#menupie a:link {
	color: #333333;
	text-decoration: underline;
}
#menupie a:visited { 
	color: #333333;
text-decoration: underline;
}
#menupie a:active {
	color: #333333;
	text-decoration: underline;
}
#menupie a:hover {
	color: #C72223;
	text-decoration: none;
}/* link */
/***********************************************************************************************************************/
/************************************************************************************************************************/
/* link */
a.link2:link {
	color: #333333;
	text-decoration: underline;
}
a.link2:visited { 
	color: #333333;
text-decoration: underline;
}
a.link2:active {
	color: #333333;
	text-decoration: underline;
}
a.link2:hover {
	color: #C72223;
	text-decoration: none;
}/* link */
/***********************************************************************************************************************/