/* CSS Document */
#principal {
	width:85%;
	height:auto;
	margin:0 auto;
	margin:10px auto;
} 

body	{
	background-color:#000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	
}	
/*
h1 {
	
	margin:0px;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;	
	font-size:15px;
	font-weight:lighter;
	color:#fff;
	text-align: left;
	padding-left:100px;
	padding-right:100px;
	padding-bottom:7px;
	padding-top:7px;
	background-color:#000000;
}*/

p {
	font-family:  Trebuchet, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight:lighter;
	font-size: 11px;
	color: #000;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	margin:0;	
	
	/*text-indent: 1.5em;*/
}

ul {
	font-family:  Trebuchet, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
	line-height: normal;
	text-align:left;
	padding-left:60px;
	padding-right:60px;
	padding-top:10px;
	padding-bottom:10px;
	color:#7b1148;
	background-color:#fff;
	margin:0;
	list-style-type: square;	/*list-style-position: inside;
	list-style-image:url(../../../../DSGI/sitio_dsgi/img/iconolista.gif);*/
}

.estadistica {
clear:none;
width:500px;
}


.logo	{
	float:right;
	position:fixed;
	width:100px;
	height:100px;
	background-color:#000000;
	
}

.foto	{

	border-style:solid;
	
	border-width:15px;
	border-color: #000;
	
}

.titulo	{
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#fff;
	background-color:#000;
}

.descripcion	{
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	background-color:#fff;
}

.enlace	{
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	/*background-color:#000;*/
	
}

.contenedorfoto {
	float:left;
	width:230px;
	height:230px;
	margin:10px;
	padding:5px;
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	background-color:#FFFFFF;
/*	border-style:solid;
*/}

.contenedortexto {
	margin:13px;
	padding:15px;
	background-color:#000;
	border:15px;
	border:#000;
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:80%;
	height:auto;
	margin:0 auto;
	margin:10px auto;
	
}

.menu	{
	text-align:right;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#fff;
	position: relative;
}

.portada	{
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-background: #000;
	position: absolute;
/*	background-color:#FFFFFF;
*/	background-image: url(../images/portadas/port.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/		
}


.nov08	{

	position: absolute;
	background-image: url(../images/portadas/nov08-port.gif);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
		
}
.verano08	{

	position: absolute;
	background-image: url(../images/portadas/verano08-port.gif);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
		
}

.may08	{

	position: absolute;
	background-image: url(../images/portadas/may08-port.gif);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
		
		}

.abr08	{

	position: absolute;
	background-image: url(../images/portadas/abr08-port.gif);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
		
		}

.mar08	{
	
	position: absolute;
	background-image: url(../images/portadas/mar08-port.gif);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
}

.feb08	{
	
	position: absolute;
	background-image: url(../images/portadas/feb08-port.jpg);
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
}

.ene08	{
	
	position: absolute;
	background-image: url(../images/portadas/ene08-port.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
}

.dic07	{
	
	position: absolute;
	background-image: url(../images/portadas/dic07-port.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
}

.nov07	{
	
	position: absolute;
	background-image: url(../images/portadas/nov07-port.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/	
}


.pie	{
	
	background-image:url(../images/portadas/pie.gif);
	height:196px;
	width: 800px;
	float:left;
	
}


.fondo	{
	text-align:right;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-background: #000;
	position: absolute;
/*	background-image:url(../images/portadas/cab.gif);*/
	background-repeat: no-repeat;
	background-position:top;
	height: 600px;
	width: 800px;
	
	left:50%; 
			
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*
		/*indicamos que el margen superior, es la mitad de la altura*/
		
}

.menupie	{
	text-align:center;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background-color:#fff;
	background-image:;
}

.menuportada	{
	text-align: right;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color:#666;
	background-color:#fff;
}

h1	{
	font-size: 1em;
	background-color: #00FF33;
}