body{
background:#000 url(../img/fondo2.jpg) top center no-repeat;
font-family:Trebuchet Ms, Century, "Trebuchet MS";
}
img{_behavior: url(iepngfix.htc);}

#todo{
width:980px;
display:block;
margin:auto;
text-align:center;
}
#cabecera{
height:260px;
}

#cabecera_chica{
height:120px;}

#tienda{
margin:30px 50px 0 0;
text-align:right;}

#slogan{

float:right;
margin:30px 50px 0 0;}

#slogan h2{
text-indent:-9999px;
}
#sergio{
float:left;
margin:30px 50px 0 0;}

#sergio h1{
text-indent:-999px;
}


/**********************************************navegacion****************************************************************************/


#todo .nav{
list-style:none;
display:inline;
width:980px;
text-align:center;
margin:auto;
margin:0 0 0 5px;
}





.default, .MooTrans, .defaultMooButton, .MooButton { 
	display:block; 
	position:relative; 
	float:left;
	margin-right:15px;
	height:56px; 
	background:url(../img/bg_boton.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:36px; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	padding:0 5px 0 5px;

}
.default a, .MooTrans a, .defaultMooButton a, .MooButton a{ 

	color:#000; 
    font-weight:bold;

}
/**
	set the background for our buttons
*/
.MooTrans, .MooButton { 
	display:block; 
	position:relative; 
	float:left;
	margin-right:15px;
	height:56px; 
   
	background:url(../img/bg_boton_hover.png); 
    _background:#fff; 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:36px; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	padding:0 5px 0 5px;
 
}


.nav .current{
display:block; 
	position:relative; 
	float:left;
	margin-right:15px;
	height:56px; 
	background:url(../img/bg_boton.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:36px; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	padding:0 5px 0 5px;
}

.actual{
color:#000 !important;}


/**********************************************termina navegacion****************************************************************************/

#contenido{
margin:120px 0 20px 0;
_margin:10px 0 20px 0;
float:left;
}

#contenido2{
margin:50px 0 20px 0;
_margin:10px 0 20px 0;
float:left;
}
#izquierda{
width:330px;
float:left;
}

#agenda{
background:url(../img/bg_titulo1.png) top center no-repeat;
_behavior: url(iepngfix.htc);
}

#noticias{
background:url(../img/bg_titulo2.png) top center no-repeat;
_behavior: url(iepngfix.htc);
}

.nav .current{
background:url(../img/bg_boton_hover.png);
_behavior: url(iepngfix.htc);
}

.actual{
color:#000 !important;}

/******************************************************MODULO IZQUIERDA*****************************************************/
.modulo_izquierda{
width:348px;
float:left;
}
.modulo_izquierda #contenido_modulo{
background:url(../img/bg_modulo.png);
_behavior: url(iepngfix.htc);
border:1px solid #474747;

float:left;
margin:0 0 0 15px;
color:#FFFFFF;
padding:0 0 20px 0;}

.raya{
background:#464646;
width:290px;
margin:auto;
text-align:center;
display:block;
height:1px;
float:left;
margin:10px 0 0 20px;}

#todo  .h3_top{
float:left;
width:240px;
color:#000;
font:bold 30px Trebuchet Ms;
text-transform:uppercase;
text-align:left;
margin:14px 0 0 18px;
_margin:8px 0 0 10px;}

#todo  .h3_down{
float:left;
width:340px;
color:#000;
font:bold 30px Trebuchet Ms;
text-transform:uppercase;
text-align:left;
margin:5px 0 0 18px;
_margin:0px 0 0 10px;}

.mas a{
color:#ffeb10 !important;
float:right;
margin-right:10px;}

.modulo_izquierda #contenido_modulo .fecha{
float:left;
color:#FFFFFF;
font:normal 22px Trebuchet Ms;
height:25px;
width:330px;
text-align:left;
margin:10px 0 0 5px;
}

.modulo_izquierda #contenido_modulo .titulo{
float:right;
width:230px;
color:#FFFFFF;
font:bold 12px Trebuchet Ms;
text-align:left;
margin:5px 0 0 0;}

.modulo_izquierda #contenido_modulo .descripcion{
float:left;
width:207px;
color:#FFFFFF;
font:normal 12px Trebuchet Ms;
text-align:left;
margin:0 0 0 25px;
}

.modulo_izquierda #contenido_modulo img{
float:left;
width:80px;
height:80px;
margin:5px 0 0 5px;
}

/******************************************************DERECHA	*****************************************************/
#derecha{
float:right;
width:557px;
}
/******************************************************MODULO FOTOS*****************************************************/
.fotos{
background: url(../img/bg_fotos.png);
_behavior: url(iepngfix.htc);
width:557px;
height:182px;
border:1px solid #474747;
padding:20px 0 0 0;
}


.banner{
margin:20px 0 0 0;
width:557px;
}


/******************************************************MODULO PEQUEÑO*****************************************************/

.modulo_pequeno{
width:265px;
height:100px;
float:left;
margin:0 0 0 0;
color:#FFFFFF;
padding:20px 0 20px 10px;
text-align:left;
}
.videos{
float:left;
margin:65px 0 0 10px;}



.videos .titulo{
font:normal 30px Trebuchet Ms;
text-align:left;
margin-bottom:-20px;
}


.reproductor{
float:left;
margin-top:0px;}
.fondo1{
background:url(../img/bg_modulo2.jpg) bottom center no-repeat;}

.fondo2{
background:url(../img/bg_modulo3.jpg) bottom center no-repeat;
}

.modulo_pequeno p{
margin:20px 0 5px 0;
width:255px;
font:normal 13px Trebuchet Ms;
}

.modulo_pequeno .titulo{
font:normal 30px Trebuchet Ms;
text-align:left;
float:left;
}

.modulo_pequeno .submit{
background-color:#d8a120;
border:none;
color:#FFFFFF;
width:50px;
}

.modulo_pequeno input{
background-color:#000;
border:1px solid #474747;
color:#FFFFFF;
width:190px;
font:normal 13px Trebuchet Ms;
}

#pie{
width:980px;
height:50px;
border-top:2px solid #474747;
float:left;
margin:20px 0 0 0;
}
#pie h3{
color:#FFFFFF;
float:left;
margin:15px 3px 0 0;
padding:10px 0 0 0;
line-height:30px;
font-size:30px;}

#pie .info{
color:#FFFFFF;
float:left;
margin:15px 5px 0 23px;
padding:10px 0 0 0;

font-size:13px;}

#pie img{
padding:20px 0 0 0;
float:left;
}



.titulos_secciones{
color:#fff;
float:left;
font-size:26px;
padding:20px 20px 20px 0;
}

strong{
color:#f8d684;
}
a{
color:#ffeb10;}


#ventana{
	display: none;
	position: absolute;
	top: 20px;
	left: 24%;
    right: 24%;
	width: 50%;
	height: 300px;
	z-index: 999;
    border:1px solid #fff;
    background:url(../img/bg_modulo.png);
    _behavior: url(iepngfix.htc);
}

.contenido_ventana{
background:#000;}

.cerrar{
color:#ffeb10 !important;
float:right;
margin-right:10px;}

/*//////////////////////////PAGINADOR//////////////////////////////////////////////*/

.paginador{ float: left; padding-left: 10px; margin-top: 15px; text-align: center; width:860px;  }
.paginador li{ float: left; margin-right: 10px }


.paginador .actual{ color: #000 !important; padding: 0 3px 0 3px; background:#ffeb10; }

.paginador a{ padding: 0 3px 0 3px;border: 1px solid #666;}
.paginador a:hover{ color: #fff !important; padding: 0 3px 0 3px;border: 1px solid #666; border: 1px solid #ffeb10;}