@charset "UTF-8";
body  {

    	font: 100% Verdana, Arial, Helvetica, sans-serif;

    	background: #000000;

    	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;

    }

    .thrColFixHdr #container {
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	height: 800px;
	width: 1000px;
	background-position: center top;
	text-align: center;
	background-image: url(imagenes/bggaleria1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
    } 

    .thrColFixHdr #header { 

    	

    	padding: 0 0px 0 0px;  /* 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. */

    } 


    .thrColFixHdr #mainContent {
	background-image: url(imagenes/bggaleria.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: right;	
	height: 597px;
	
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    } 
	
    .thrVideo  {
	background-image: url(/videos/fondo.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: right;	
	height: 409px;
	width:640px;
	vertical-align:middle;
	
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    } 	

    .thrColFixHdr #footer { 

    	padding: 0 0px 0 0px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */

    	

    } 

  
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.barra{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-weight:bold;
}

a.barra:link{
color:#FFFF00;
font-size: 11px;
font-weight:bold;
}
a.barra:hover{
color:#FFFF00;
font-size: 11px;
font-weight:bold;
text-decoration:underline;
}
a.barra:visited{
color:#FFFF00;
font-size: 11px;
font-weight:bold;
}
a.barra:active{
color:#FFFF00;
font-size: 11px;
font-weight:bold;
}

