@charset "utf-8";
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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: #000000;
}
a:link {
	color:#069;
	text-decoration: none;
	border:0;
}
a:visited {
	text-decoration: none;
	color:#066;
}
a:hover {
	text-decoration: underline;
	color:#055;
}
a:active {
	text-decoration: none;
	color:#046;
}

h1 {
	text-align:right;
	padding-right:15px;
	font-size:36px;
	color:#FFF;
	}

h2 {
	font-size:18px;
}


#container {
	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
#mainContent {
	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	border:#FCF;
	margin-right: 4px;
	margin-left:110px;
	width:600px;
	margin-top:20px;
	
}
#cabecera {
	
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	height:165px;
	float:left;
	width:100%;
}

.col1 {



float:left;
position:relative;
left:0px;
width:121px;
margin-right: 10px;
margin-left:6px;
height:auto;
background-color:#F5F5F5;
}

#contenido
{ 

text-align:left;
width:656px;

}
.contenido1
{
	border:#FCF dotted 1px;
	width:500px;
	padding-bottom:5px;
	margin:5px;
	
	}
.contenido2
{
	
	width:100px;
	height:80px;
	padding-left:15px;
	padding-right:15px;
	
	}
#video {
	
	margin-left:30px;
	
	}
	
	 
#pages {
        	list-style:none;
	margin:0;
        
}
#pages li {
        display: inline;
        padding: 3px 6px 4px;
}
#pages li.page {
        border: 1px solid #CCC;
}
#pages li.current {
        background-color: #CCC;
}





#navi {  
	list-style:none;
	margin:0;
	padding:0;
	
}
#navi li {
	
	
	
	
	
}
#navi li a {
	display:block;
	font-family:"Arial Black", sans-serif;
	font-weight:bold;
    font-size:14px;
    line-height:130%;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	color:#333;
	background-image:url(../images/boton.jpg);
	height: 22px;
	
	
}
#navi li a:hover {
	font-weight:bold;
	display:block;
	color:#000;
	background-image:url(../images/boton2.jpg);
	height: 22px;
}