@charset "utf-8";
/* CSS Document */

html, input, select, textarea{
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;

	font-family: "Lucida Sans Unicode";
	font-size: 10px;
	color: #333;

}


a{
	color: #006699;
	cursor: pointer;
	text-decoration: none;
}

blockquote {
	color:#006600;
	margin:0 0 20px 40px;
}

body{
	margin: 0px;
	background-color: #CCC;
	background-image: url(../img/pattern.gif);
}

/*
body, input, select, textarea{
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #333;
}
*/


input, select, textarea{
	border: 1px solid #999;
}

input.error, textarea.error{
	border: 1px dotted #f00;
}

.enlace{
	cursor: pointer;
}

h1{
	border-bottom:1px solid #DDDDFF;
	color:#102368;
	font-size:1.3em;
	font-weight:normal;
	text-decoration:none;
	margin: 0px 0px 20px 0px;
}

h2 {
	color:#102368;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
	margin: 0px 0px 20px 0px;
}

#cuerpo strong{
	color: #E17009;
	font-weight: normal;
}

p{
	margin: 0px 0px 20px 0px;
}

#cuerpo ul.lista{
	margin-top: 0px;
	margin-bottom: 20px;
}

#cuerpo ul.lista li{
	margin: 0px 0px 8px 0px;
}

img{
	border: 0px solid #fff;;
}

img.izquierda{
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 4px;
	border: 1px solid #ddd;
}

img.derecha{
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 4px;
	border: 1px solid #ddd;
}

ul.lista{
	margin-bottom: 20px;
}

.azul{
	background-color: #102368;
}



	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  C O N T E N E D O R */
	.contenedor{
		margin: auto;
		background-color: #fff;
		border-collapse: collapse;
	}
	.contenedor tbody{
		margin: 0px;
		padding: 0px;
	}
	.contenedor tbody td{
		margin: 0px;
		padding: 0px;
		vertical-align: top;
	}

/**/

table.formulario{
	margin: 0px auto 20px auto;
}

table.formulario td, table.formulario th{
	padding: 6px;
	vertical-align: top;
}

table.formulario thead th{
	font-weight: normal;
	color: #102368;
	vertical-align: top;
	font-size: 1.1em;
}

table.formulario tfoot td{
	text-align: right;
	vertical-align: top;
}







table.lista{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
}

table.lista td, table.lista th{
	padding: 6px;
	vertical-align: top;
}

table.lista thead th{
	font-weight: normal;
	color: #3385CF;
	text-align: left;
	border-bottom: 1px solid #DDECF7;
	font-size: 1.1em;

}

table.lista tbody tr{
	border-bottom: 1px solid #ddd;
}

table.lista tfoot td{
	text-align: right;
	color: #6FA7D1;
	vertical-align: top;
}

table.lista strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}









table.horario{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
	width: 100%;
	font-size: 0.9em;
}

table.horario td, table.horario th{
	padding: 6px;
	vertical-align: top;
	border: 1px solid #ddd;
}

table.horario thead th{
	font-weight: normal;
	color: #3385CF;
	text-align: left;
	border-bottom: 1px solid #DDECF7;
	font-size: 0.9em;

}

table.horario tbody tr{
/*	border-bottom: 1px solid #ddd; */
}

table.horario tfoot td{
	text-align: right;
	color: #6FA7D1;
	vertical-align: top;
}

table.horario strong{
	color: #6FA7D1;
	font-weight: normal;
}









#cuerpo{
	padding: 20px 20px 0px 20px;
	font-size: 1.1em;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - aqui vienen los estilos generales melas!!!*/

div.resumen{
	clear: both;
	margin: 0px 0px 20px 0px;
}

div.resumen h1{
	font-family: "Lucida Sans Unicode";
	font-size: 1.1em;
	margin: 0px;
	font-weight: normal;
	color: #006699;
	border: none;
	clear: none;
}

div.resumen h1 a{
	text-decoration: none;
	color: #006699;
}


div.resumen p.fecha{
	margin: 0px 0px 9px 0px;
	color: #999;
	font-size: 1em;
}

div.resumen img.miniatura{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ddd;
	padding: 4px;
}


div.resumen p{
	color: #333;
	margin: 0px 0px 20px 0px;
	font-size: 1em;
}

div.resumen p.descarga{
		text-align: right;
	}


div.resumen p.descarga img{
	float: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - LISTAAAAAAAAAAAAAAAAAAAAAAAA!!!*/

ul.resumen_lista {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px;
padding:0;
}
ul.resumen_lista li {
margin:0 0 10px;
}
ul.resumen_lista li h1 {
border:0 none;
color:#336699;
font-size: 1em;
margin:0;
}
ul.resumen_lista li p {
color:#999999;
margin:0;
font-size: 0.9em;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - GALERIAAAAAAAAAAAAAAAAAAAAAA!!!*/

p.galeria{
	text-align: center;
	margin: 0px 0px 20px 0px;
}

p.galeria img{
	border: 1px solid #CCCCCC;
	margin: px;
	padding: 4px;
	margin: 0px 6px 0px 6px;
}


p.paginacion{
	text-align: center;
	margin: 0px 0px 0px 20px;
}

p.paginacion span{
	padding: 8px;
}

p.paginacion a{
	padding: 8px;
}

label.error{
	color: #f00;
	margin: 0px 0px 0px 8px;
	display: none;
}




p.archivo_adjunto{
	margin: 0px auto;
	width: 200px;
	background-color: #6FA7D1;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

p.archivo_adjunto a{
	padding: 10px;
	color: #fff;
	margin: 20px;
}

p.archivo_adjunto strong{
	color: #fff;
	font-weight: bold;
}

/* sub menu */
#menu ul.menu_izquierdo li a.toggle {
}
#menu ul.sub_menu_izquierdo {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu ul.sub_menu_izquierdo li {
    border-color: -moz-use-text-color -moz-use-text-color #FFFFFF;
    border-style: none none solid;
    border-width: 0 0 1px;
}
#menu ul.sub_menu_izquierdo li a {
    color: #666666;
    display: block;
    font-size: 1em;
    padding: 0 0 6px 24px;
}
#menu ul.sub_menu_izquierdo li a.ultimo {
    padding: 3px 0 12px 24px;
}
#menu ul.sub_menu_izquierdo li a:hover {
    color: #102368;
}
/* NOTICIAS */
#noticias{ 
	width:350px; 
	padding-right:180px; 
	position:relative; 
	border:5px solid #ccc; 
	height:265px; 
	background:#fff;
}
#noticias ul.noticia-nav{ 
	position:absolute; 
	top:8px; 
	left:350px; 
	list-style:none; 
	padding:0; margin:0; 
	width:180px; 
}
#noticias ul.noticia-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#noticias ul.noticia-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#noticias ul.noticia-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#noticias li.noticia-min a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#noticias li.noticia-min a:hover{ 
	background:#f2f2f2; 
}
#noticias li.noticia-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#noticias ul.noticia-nav li.noticia-selected a{ 
	background:#ccc; 
}
#noticias .noticia-panel{ 
	width:350px; height:250px; 
	background:#999; position:relative;
}
#noticias .noticia-panel img{
	width:350px;
	height:250px;

}
#noticias .noticia-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:85px; 
	background: url('images/transparent-bg.png'); 
}
#noticias .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#noticias .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#noticias .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#noticias .info a:hover{ 
	text-decoration:underline; 
}
#noticias .noticia-hide{ 
	display:none; 
}
/*OTRas NOTICIAS */
/* CSS Document */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:550px;
	height:300px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
	margin-right:auto;
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	height:100%;
	width:550px;
	position:relative;
	overflow:hidden;
}

.lof-main-wapper .lof-main-item{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	position:absolute;
}
.lof-main-wapper .lof-main-item img{
	padding:0px;	
	width:330px;
}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:200px;
	left:00px;
	width:330px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:220px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
	background:url(../images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#FFF;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	background:url(../images/transparent_bg.png);
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	background:url(../images/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.lof-next{
	position:absolute;
	top:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
.lof-previous{
	position:absolute;
	bottom:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
/* MAs Ultima*/ 
#noticias						{ background: white; width: 510px; margin: 0 auto; 
								  padding: 5px 0; }
#slider							{ background: white url(../images/slider-bg.jpg); height: 240px; overflow: hidden;
								  position: relative; margin: 20px 0;  }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 510px; position: relative; }

.slide							{ padding: 10px 5px; width: 510px; float: left; position: relative; height:250px;}
.slide h2						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 240px; width:250px; height:200px; border:1px solid #DDDDDD; padding: 4px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }