/* Estilos generales */

html,body {
	padding:0;
	margin:0;
	border:0;
	background-color:#FFEED5;
	background-image: url(images/fondo_repeat.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height:100%;
	width:100%;
	behavior:url("csshover.htc");
}

#lateral {
	width: 178px;
	height: 100%;
	position:absolute;
	left:0px;
	background-image: url(images/fondo_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1;
}

#lateral2 {
	width: 183px;
	position:absolute;
	left:617px;
	z-index:2;
}

.cab_noticias { width:183px; height:28px; margin-top:122px;}
.cab_actividades { width:183px; height:28px; margin-top:0px;}
.not {
	background-image: url(images/back_noticia02.jpg);
	background-repeat: repeat-y;
	width: 175px;
}

.not_foto {	width:61px; height: 69px; float:left; }
.not_text {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 0 10px 0 13px;
	margin:0;
}
.not_ver {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 10px 0 0;
}
.not_ver a:link, .not_ver a:visited, .not_ver a:active {text-decoration:none;} 

.fecha {	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#CC0000;
}

#cabecera {
	width: 622px;
	height: 225px;
	position:absolute;
	left:178px;
	background-image: url(images/fondo_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contenedor {
	position:absolute;
	top:140px;
	left:195px;
	width:400px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

#menu {
	position:absolute;
	top:180px;
	left:14px;
	width:149px;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}

#menu a {
	color: #FFF;
	text-decoration: none;
	width:100%;
	cursor: hand;
}

#first_level a {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/back_selection_off.png');
}

	/* IE no soporta los estilos con > */
#first_level>a {
  background-image:url(images/back_selection_off.png);
  background-repeat: no-repeat;
  background-position: left top;
}

#first_level a:hover {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/back_selection.png');
}

/* IE no soporta los estilos con > */
#first_level>a:hover {
	background-image: url(images/back_selection.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#no_first_level a{
	background-image: none;
    filter:none;
	}

#no_first_level a:hover {
	background-image: none;
	color:#FFCC00;
    filter:none;
	background-color:#990000;
	}

ul,li,a { /* quita los margenes y los simbolos a la lista */
		display:block;
		margin:0;
		padding:1px 3px 3px 3px;
		border:0;
	}
	
ul {
		width:150px;
		list-style:none;
	}
	
	
ul li { /* estilo para ul seguido de li */
	position:relative;
	padding:1px;
	z-index:8;
	}
	
li ul {
	position:absolute;
	left:140px;
	top:0px;
	width:180px;
	padding:2px;
	background-color: #A00;
	border: 1px solid #FFF;
	text-align: left;
	background-image: url(images/back_back2.gif);
	background-repeat: repeat;
}

li ul li ul { position:absolute; left:170px; top:-2px; z-index:16; }

li>ul {
	left:140px;
	top:0px;
	width:180px;
	padding:0px;
	background-color: #A00;
	border: thin solid #FFF;
	background-image: url(images/back_back2.gif);
	background-repeat: repeat;
}

li a.submenu{
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/back_selection_off_sub.png') !important;
	}


li a:hover.submenu{
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/back_selection_sub.png') !important;
	}

	
/* estilos con especificidad
	aquí se define los estilos para encender y apagar las capas y se ordenan por la especifidad de los nombres
	http://www.w3.org/TR/CSS2/cascade.html#specificity
	ul ul = 2 , li:hover ul ul =13 , li:hover li:hover ul ul = (11+11+1+1) = 24;
	li:hover ul =12 , li:hover li:hover ul = 23 , li:hover li:hover ul ul = (11+11+11+1) = 34
	Así prevalecen unos estilos sobre otros
	Aquí podemos tener hasta 3 subniveles
*/
	
ul ul, li:hover ul ul, li:hover li:hover ul ul{ 
		display:none;
	}
	
li:hover ul, li:hover li:hover ul, li:hover li:hover li:hover ul{
		display:block;
	}
	
/* definición de estilos generales */

h1 {
	font-size: 23px;
	color: #990000;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
}

h2 {
	font-size: 14px;
	line-height: 15px;
	color: #990000;
	padding-bottom: 10px;
	font-weight: normal;
}

a:active, a:link {
	text-decoration:none;
	font-weight: bold;
	color: #990000;
}

a:visited {
	text-decoration:none;
	font-weight: bold;
	color:#660000;
}

a:hover {
	text-decoration:none;
	font-weight: bold;
	color:#660000;
}