/* CSS Document */

/*El cuerpo de la pagina principal */
body {
	text-align:center;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
	/*background-image: url(../../../images/fondo_red_0_0.jpg);*/
} 

/*El contenedor, en el cual se encuentran los siguientes estilos*/
#contenedor{
	text-align: center;
	height : 100%;
	width: 100%;
} 

/*Contiene a la cabecera y el central principal*/
#cuerpo{
	height: 100%;
	width: 99%;  
	float: left;
}  

/*Contiene la presentacion principal (en flash) */
#cabecera{
	height : 210px;
	width: 99.5%;
    /*background-color: #030;*/
	background-image: url(../../../images/fondo_red_0_0.jpg);
	padding:0px;
	margin-bottom:3px;
	float:left;
} 

/*Contiene la presentacion principal (en flash)*/ 
#cabecera_1{
	height : 40%;
	width: 100%;
	text-align:left;
	float:left;
		
} 

#cabecera_1_1{
	height : 50%;
	padding:10px 0px 0px 10px;
	width: 100%;
	float:left;	
} 

#cabecera_1_2{
	height : 50%;
	width: 93%;
	text-align: center;
	float:left;
} 

#cabecera_1_2_1{
	height : 100%;
	width: 25%;
	float:left;	
} 

#cabecera_1_2_2{
	height : 100%;
	width: 25%;
	float:left;	
} 

#cabecera_1_2_3{
	height : 100%;
	width: 25%;
	float:left;	
} 

#cabecera_1_2_4{
	height : 100%;
	width: 25%;
	float:left;		
} 


/* Contiene la presentacion basad en imagenes- en este casose usa el slideshow */ 
/* http://electricprism.com/aeron/slideshow */

#cabecera_2{
	height : 60%;
	width: 100%;
	float:left;
	
} 

/*Contiene la parte lateral izquierda, logo principal y costado izquierdo con sus respectivos iconos y enlaces*/ 
#lateral_izq{
	height: 100%;
	width: 20%;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float:left;
}

/* Costado izquierdo*/

#lateral_izq_0{
	width: 100%;
	height: 10%;
	padding: 0px 2px 10px 2px;
	float:left;	
}

#lateral_izq_1{
	width: 100%;
	height: 90%;
	padding: 0px 5px 0px 5px;
	float:left;	
}

#lateral_izq_2{
	width: 100%;
	height: 0%;
	float:left;
}


/*Es el que contiene a los siguientes estilos los cuales se encuentran en la parte central de la pagina(noticias, eventos, articulos, publidad*/
#central{
	width: 58%;
	height: 100%;
	float: left;	
}

/*Este estilo contiene el bloque de noticias*/ 
#central_1{
	width: 60%;
	height : 100%;
	float: left;
}

/*Este estilo contiene a los 2 estilos que contienen el bloque de eventos y el bloque de articulos*/
#central_2{
	width: 39%;
	height : 100%;
	margin-left: 3px;
	float: left;
}

/*Estilo que contiene el bloque de eventos*/
#central_2_1{
	width: 98%;
	height : 48%;
	margin-bottom: 1px;	
	float: left;
}

/*Estilo que contiene el bloque de articulos*/
#central_2_2{
	width: 97%;
	height : 52%;
	padding-bottom:1px;
	float: left;
}

/*Estilos paginas centrales */

#central_11{
	width: 93.5%;
	height : 100%;
	padding: 20px;
	float: left;
}

/*Estilos de los 3 gif / flash de la parte derecha del central principal*/
#lateral_der{
	width: 20%;
	height: 100%;
	float: left;
}

/*Estilo que contiene el primerbloque de publicidad */
#lateral_der_1{
	width: 100%;
	height: 40%;
	padding: 0px;
	float: left;
		
}

/*Estilo que contiene el segundo bloque de publicidad */
#lateral_der_2{
	width: 100%;
	height: 20%;
	float: left;
}

/*Estilo que contiene el tercer bloque de publicidad*/
#lateral_der_3{
	width: 100%;
	height: 20%;
	float: left;
}

/*Estilo que contiene el cuarto bloque de publicidad*/
#lateral_der_4{
	width: 100%;
	height: 20%;
	float: left;
}

/*Pie de pagina - Copyright + iconos RSS + consulta clima"*/
#pie{
	color : #808000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left:0px;
}

/* OJO - Los siguientes estilos manejan los estados en los iconos y textos en la pagina, como son internet, e-mail*/

a, a:visited, a:active, a:focus, a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666600;
	text-align: left;
	text-decoration: none;	
}

a:hover{
	color: #999999;
	text-decoration: none;
	text-align: left;
}

a.enlace_1, a.enlace_1:VISITED, a.enlace_1:ACTIVE, a.enlace_1:FOCUS, a.enlace_1:LINK{ 
    color: #000 ;
    font-size: 10px;
    font-weight: bold;
	text-decoration: none;	
} 

a.enlace_1:HOVER{ 
	font-size: 11px;
	color:#FB5709;
} 

a.enlace_2, a.enlace_2:VISITED, a.enlace_2:ACTIVE, a.enlace_2:FOCUS, a.enlace_2:LINK{
	color: #000 ;
    font-size: 11px;
    font-weight: bold;
    text-align:center;
	text-decoration: none;
}

a.enlace_2:HOVER{
	font-size: 11px;
	color: #FB5709;
}

a.enlace_3, a.enlace_3:VISITED, a.enlace_3:ACTIVE, a.enlace_3:FOCUS, a.enlace_3:LINK{
	/*color: #fc6;*/
	color:#FFFFFF;
    font-size: 30px;
    font-weight: bold;
    text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.enlace_3:HOVER{
    font-size: 32px;
	/*color: #F8E5AB ;*/
	color:#FFFFFF;
    text-align:left;
	text-decoration: none;
}

a.enlace_4, a.enlace_4:VISITED, a.enlace_4:ACTIVE, a.enlace_4:FOCUS, a.enlace_4:LINK{
	color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align:left;
	text-decoration: none;
	vertical-align: top;
}

a.enlace_4:HOVER{
    font-size: 12px;
	color: #FFFFFF;
}

a.enlace_12, a.enlace_12:VISITED, a.enlace_12:ACTIVE, a.enlace_12:FOCUS, a.enlace_12:LINK{
	color: #000 ;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
	text-decoration: none;
}

a.enlace_12:HOVER{
	font-size: 12px;
	color: #FB5709;
}

a.enlace_14, a.enlace_14:VISITED, a.enlace_14:ACTIVE, a.enlace_14:FOCUS, a.enlace_14:LINK{
	color: #000 ;
    font-size: 14px;
    font-weight: bold;
    text-align:center;
	text-decoration: none;
}

a.enlace_14:HOVER{
	font-size: 14px;
	color: #FB5709;
}


/* boton styling */
.enlaceboton {
  	font-family: verdana, arial, sans-serif;
   	font-size: 10pt;
    font-weight: bold;
    padding: 4px;
    background-color: #99AE6A;
    color: #005100;
    text-decoration: none;
}
.enlaceboton:link,
.enlaceboton:visited {
    border-top: 1px solid #cccccc;
    border-bottom: 2px solid #666666;
    border-left: 1px solid #cccccc;
    border-right: 2px solid #666666;
}
.enlaceboton:hover {
    border-bottom: 1px solid #cccccc;
    border-top: 2px solid #666666;
    border-right: 1px solid #cccccc;
    border-left: 2px solid #666666;
	text-decoration: none;	
}

/*Las siguientes clases van referidos a distintos atributos de los textos en la pagina*/
.Estilo4 {
	font-size: 10px;
	color: #999999;
}

.Estilo5 {
	font-size: 8pt;
	text-align: left;
	color: #FFF194 ;
    font-weight: bold;
}

.Estilo5a {
	 border-width: 0px 0px 0px 0px;
     margin-left: 45px;

}

.Estilo6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #006633;
	font-weight: bold;
}

.Estilo7 {color: #000099}

.Estilo9 {
	font-size: 14px;
	font-weight: bold;
	color: #006600;
}

.Estilo11 {text-decoration: none; font-family: arial, "Times New Roman", Times, serif; font-size: 11px;}

.Estilo13 {color: #000099; font-weight: bold; }


/* Estilos de las noticias, eventos y articulos */
td.cab {

	background-image:url('../../../images/boton_red_0_0.gif');
	background-repeat: repeat;
}

td.cab_1 {
	/*text-align: center;*/
	background-image:url('../../../images/boton_red_0_0.gif');
	background-repeat: repeat;
}

td.det {
	text-align: left;
	/*background-image: url(../../../images/fondo_red_0_0.jpg);*/
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

a.cab, a.cab:visited, a.cab:active, a.cab:focus, a.cab:link {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
/* 	background-color: #99AE6A; */
	text-decoration: none;
}

a.cab:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

a.cab_1, a.cab_1:visited, a.cab_1:active, a.cab_1:focus, a.cab_1:link {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
/* 	background-color: #99AE6A; */
	text-decoration: none;
}

a.cab_1:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

a.titrss, a.titrss:visited, a.titrss:active, a.titrss:focus, a.titrss:link {
	font-size: 12px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

a.titrss:hover {
	font-size: 13px;
}

a.mas, a.mas:visited, a.mas:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666600;
	text-align: left;
	text-decoration: none;	
}

a.mas:hover{
	color: #999999;
	text-decoration: none;
	text-align: left;
	text-decoration: none;	
}

.detalle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #494949;
	text-align: left;
	padding: 0px 20px 0px 10px;
}

.fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #646464;
	text-align: left;
}

/*  Estilo de los archivos del directorio paginas */

.tabla1 {
	color: #000000;
	width: 100%;
	padding: 2px 2px 2px 2px;
}

.foto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
    /*background:  url(../../../images/manchinga_f_1.png) repeat;*/
	vertical-align: middle;	
}

.datos {
	font-weight: normal;	
}

.negrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	font-weight: bold;
}

.titcontenido{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	font-weight: bold;
}

.contenido{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	text-align: justify;	
}

.titulo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.subtitulo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	border: solid black 1px;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px;
	color: #000000;
	width: 50%;
}

a.datos, a.datos:visited, a.datos:active, a.datos:focus, a.datos:link{ 
    color: #003300;
    font-size: 13px;
    text-align:left;
	text-decoration: none;	
} 

a.datos:hover{ 
	font-size: 14px;
	text-align:left; 
	text-decoration: none;
}

.img1 {
	margin: 10px 10px 10px 10px;
	border-color: #000000;
	border-width: 1px;	
	}

.img2 {
	margin: 0px 10px 0px 0px;
	border-color: #000000;
	border-width: 0px;

	}

.titulo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#000000;
	padding-left: 10px;
}

.parrafo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding: 5px 10px 5px 10px;
}

/*  Fondos de los archivos php (html) de los submenus principales - Inicio */
.fondo1 {
	/*background:  url(../../../images/fondo_ok_1.jpg) no-repeat;*/
}

.fondo2 {
	background-color: #C6AA71;	
}

.fondo3 {
	/*background:  url(../../../images/fondo3.jpg) no-repeat;*/
}

.fondo4 {
	/*background:  url(../../../images/fondo4.jpg) no-repeat;*/
}



/*  Fondos de los archivos php (html) de los submenus principales - Fin */

/*  Slideshow - Inicio */

#slideshow {
	padding: 0px 0px 0px 0px;

}

#ss_img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	}
/*  Slideshow - Fin */

#calendario_lista {
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	

}

#lista_calendario {
	text-align:left;
	margin: 0px 0px 0px -20px;	

}

#calendario_img {
	text-align:left;
	margin: 0px 0px 0px 0px;	

}

.centro{
	clear: both;
	padding:5% 20% 0% 30%;
	
}

.derecho  {
	float:right;
}

.izquierdo  {
	float:left;
}

#cabecera_moodle {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	
}