/***********************************************************************************/
/*                                                                                 */
/*                        HOJA CSS DE CARNEROS  FEBRERO 2010                       */
/*                                                                                 */
/***********************************************************************************/

/***********************************************************************************/
/*                            CARACTERÍSTICAS GENERALES                            */
/***********************************************************************************/


/* Características de la página web */
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: #000000;
	aling:center;
}

/* Caracteristísticas de los enlaces enla página web en general */
a:link, a:visited { color: #ffc64a; text-decoration:none; } 
a:active, a:hover { color: #ffc64a; text-decoration: underline; }

/* Características de los tipos de encabezados */
h1 {
	margin: 0px;
	padding: 10px 0;
	font-size: 26px;
	color: #d77707;
	font-weight: normal;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #ff9d11;
	
}

h3 {
	margin: 10 0 10px 15;
	padding: 0 5 10px 0;
	font-size: 15px;
	color: #ffc64a;
	text-align: center;
	
}

/* Características de los parrafos */
p {
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: justify;
	color: #ffc64a;
}

.formato_tabla { 
    
	font-size: 11px;
	color: #ffc64a; 
	text-align:center;
	
	}
	/***********************************************************************************/
/*                                 SECCIÓN DE MENÚ                                 */
/***********************************************************************************/

/* DEFINICION de la seccion del contenedor del menu */
#contenedor_menu{
	width:960px;
	height: 59px;	
	margin: 0 auto;
	color: #ffffff;
	background: #000000; 
  
}

/* DEFINICION del menu dentro del contenedor menu */
#contenedor_menu #seccion_menu{
	width: 960px;
	height: 59px;	
	margin:0 auto;
	padding: 0 0 0 30px;
	color: #03a0a6;
	background:  url(images/menu_panel_bg.jpg) no-repeat;	
      
}

/* DEFINICION de las listas dentro de seccion_menu para hacer el menu horizontal*/
#seccion_menu ul {
	float: left;
	width: 930px;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#seccion_menu ul li{
	display: inline;
}

#seccion_menu ul li a{
	float: left;
	width: 110px;
	padding: 5px 0;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fbe270;
	border-right: 1px solid #5f3b11;	
}

#seccion_menu li a:hover, #seccion_menu li .current{
	color: #ffffff;
}

/***********************************************************************************/
/*                                 CONTENEDOR PRINCIPAL                            */
/***********************************************************************************/

/* DEFINICION de del contenedor de la pagina, aquí es donde iran los contenidos y el pie de pagina */
#contenedor_pagina {
	clear: both;
	overflow: hidden;
	width:960px;
	height:auto;
	margin: 0 auto;
	background: #000000 url(images/fondo_encabezado.jpg) top center no-repeat; 
   /*border: 1px solid #cccccc; */  
}
#contenedor_pagina1 {
	clear: both;
	overflow: hidden;
	width:960px;
	height:auto;
	margin: 0 auto;
	background: #000000 url(images/fondo_encabezado1.jpg) top center no-repeat; 
}
   /*border: 1px solid #cccccc; */ 

/***********************************************************************************/
/*                                 SECCIÓN DE BANNER                               */
/***********************************************************************************/

/* DEFINICION del banner dentro del contenedor principal */
#contenedor_pagina #banner{
	clear: both;
	width: 960px;
	height: 232px;
	margin:0 auto;
       	 
}

#contenedor_pagina1 #banner{
	clear: both;
	width: 960px;
	height: 232px;
	margin:0 auto;
       	 
}

/* DEFINICION de la imagen varable segun menu dentro del banner */
#banner #imagen_var{
	float: left;
	width: 400px;
	padding: 70px 0 15px 60px;
	font-size: 40px;
	color: #ffffff;
	
}


/***********************************************************************************/
/*                                 SECCIÓN DE CONTENIDO                            */
/***********************************************************************************/

/* DEFINICION del contenedor del elemento contenido */
#contenido{
	
	width:960px;
	height: 300px;
	margin: 0 auto;
	background: #050702 url(images/cuerpo-de-pagina.gif) center no-repeat;	
    
}

/* DEFINICION de la columna para la nota principal dentro del contenido */
#contenido .columna_principal {
	
	float: left;
	height: 240px;
	width: 700px;
	padding-right: 20px;
	text-align:center;
	
}
.columna_principal .redaccion1{
	float: left;
	height: 240px;
	width: 350px;
	padding-right: 0px;
	padding-top:50px;
	}
.columna_principal .redaccion2{
	float: right;
	height: 240px;
	width: 350px;
	padding-right: 0px;
	
}
/* DEFINICION de la columna para la nota secundaria dentro del contenido */
#contenido .columna_secundaria {
	
	float: right;
	width: 200px;
	padding-right: 20px;
	margin:0 0 5px 5px;
    background:url(images/evento-titulo1.jpg) no-repeat;
}


/***********************************************************************************/
/*                         SECCIÓN DE CONTENIDO INFERIOR                           */
/***********************************************************************************/

/* DEFINICION contenedor del contenido inferior */
#contenido_inferior{
	width:960px;
	height: 100px;
	margin: 0 auto;
	background: #050702 url(images/cuerpo-de-pagina-2.gif) center no-repeat;	
    
}
#contenido_inferior .opcion {
	
	float:right;
	width: 200px;
	padding-right: 20px;
	margin:15px 14px 10px 5px;
	background:url(images/cuadro-de-menu-pie.jpg) no-repeat;


}

/***********************************************************************************/
/*                         SECCIÓN DE PIE DE PAGINA                                */
/***********************************************************************************/

/* DEFINICION del contenedor del pie de pagina */
 #pie_de_pagina{
	width: 960px;
	height: 50px;
	margin:0 auto;
    text-align: center;
	background: #040500 url(images/footer_bg.jpg) top center no-repeat;

}