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

body { margin: 0px; padding: 0px; background: #f0f0f0;}

#wrapper-head { background:url(../img/wrapper-head-bak.gif) repeat-x top; height: 133px; width: 100%; float: left;}  
#wrapper-pill { background:url(../img/wrapper-pill-bak.gif) repeat-x top; height: 54px; width: 100%; float: left; margin-bottom:8px;} 
#wrapper { width: 100%; float: left; margin-bottom:8px;}  
#wrapper-cont {
	width: 100%;
	float: left;
	margin-bottom:8px;
}  
#wrapper-foot {
	background:url(../img/wrapper-foot-bak.gif) repeat-x top;
	height: 312px;
	width: 100%;
	float: left;
	padding-top: 15px;
}   

#wrap {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap2 {
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrap .col {
	width: 100%;
	float: left;
	background-image: url(../img/footer-line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#wrap .col1 {
	width: 220px;
	margin-right: 20px;
	float: left;
	margin-top: 5px;
}
#wrap .col2 {
	width: 740px;
	float: left;
}

#slider {width: 980px; height: 350px; float:left; margin-bottom:12px;}

#sideleft {
	width: 195px;
	float: left;
	margin-top: 0px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#content_center {
	width: 489px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#content_center1 {
	width: 489px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 815px;
}

#sideright {
	width: 240px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
	background-position: top;
	margin-right: 5px;
}


.logo {margin: 10px 15px; border: none; float:left;}
.header {margin: 0px; border: none; float: right;}


/*MENU*/

.buscador {
width: 181PX;
height: 51px;
background: url(../img/back-busc.gif) no-repeat top;
float: right;
}

.buscador input {
	width: 144px;
border: none;
background: none;
margin: 14px 9px 5px 20px; 
color:#CCCCCC;
}

#menu {
	list-style-type:none; 
	margin:0px; 
	padding:0;
	z-index:100;
	position: absolute;
}

#menu li {
	float:left; 
	padding:0px; 
	margin: 0px; 
	position:relative; 
	height:54px; 
	z-index:100;
}

#menu li#aje {	width: 95px;}
#menu li#proy { width: 95px;}
#menu li#agen {	width: 75px;}
#menu li#noti {	width: 75px;}
#menu li#asoc { width: 100px;}
#menu li#serv {	width: 95px;}
#menu li#inter { width: 105px; background:url(../img/bandera.png) no-repeat bottom left; }
#menu li#gale { width: 50px;}
#menu li#cont {	width: 85px;}
#menu li#0{	width: 165px;}


#menu li li {
	float:left; 
	padding:0px; 
	margin: 0px; 
	position:relative; 
	width:160px; 
	height:42px; 
	z-index:100;
}

#menu li dl {
	position:absolute; 
	top:0; 
	left:0;
	padding:0px;
}

#menu li a, #menu li a:visited {
	text-decoration:none;
}

#menu li dd {
	display:none;
}

#menu dt a:hover {
	color: #ffffff;
}

#menu li a:hover {
	border:0;
}

#menu li:hover dd, #menu li a:hover dd {
	display:block;
}

#menu li:hover dl, #menu li a:hover dl {
	padding-bottom:0px;
}

#menu table {
	border-collapse:collapse; 
	padding:0; 
	margin:-1px; 
	font-size:10px;
}

#menu dl {
	margin: 0; 
	padding: 0; 
}

#menu dt {
	color: #2c487d;
	margin:0px 0px 1px 0px; 
	height: 54px;
	width: 161px;	 
	font-size: 11px; 
	text-align: center;
	font-weight:normal;
	
}
 
#menu .one dt {
	width: 95px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .two dt {
	width: 105px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .three dt {
	width: 90px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .four dt {
	width: 95px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .five dt {
	width: 120px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .six dt {
	width: 100px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .seven dt {
	width: 100px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu .eight dt {padding:1px 0px 0px 0px; width: 70px;}
#menu .nine dt {padding:1px 0px 0px 0px; width: 105px; margin-left: 10px;}
 
#menu dd {
	width: 180px;
	padding:0px;
	line-height: 20px;
	height: 27px;
	text-align: left;
	margin: 0px;
	text-indent: 10px;
}
#menu .one dd {}
#menu .two dd {}
#menu .three dd {}
#menu .four dd {}
#menu .five dd {}
#menu .six dd {}
#menu dd.last {}
 
#menu dt a, #menu dt a:visited {display:block; color:#b11f2f; height: 54px; line-height: 48px;}
 
#menu dd a, #menu dd a:visited {
	margin:0px;
	height: 27px;
	line-height: 27px;
	text-decoration:none; 
	display:block; 
	padding:0px; 
	width:190px;
}


 
#menu .one dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .two dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .three dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .four dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .five dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .six dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .seven dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .eight dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff;}
#menu .nine dd a {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #ffffff; margin-left: 28px;}

 
#menu .one dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .two dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .three dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .four dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .five dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .six dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .seven dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .eight dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;}
#menu .nine dd a:hover {background: url(../img/menu-back-despleg.png) no-repeat left top; color: #b11f2f;  margin-left: 28px;}





/*SLIDER*/

.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:none;
	width:980px;
	height:349px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#f0f0f0;
	position:absolute;
	top:0;
	left:0;
	z-index:80;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../img/slider/load-indicator.gif) no-repeat scroll 50% 50%;
}


.lof-main-back{
	position:relative;
	height:100%;
	width:752px;
	z-index:3px;
	overflow:hidden;
	padding: 14px 16px;
	background:url(../img/slider/back-outer.gif) no-repeat;
}

.lof-main-outer{
	position:relative;
	height:100%;
	width:724px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;

	/* 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;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	padding:0px;
	margin:0;
	height:320px;
	width:724px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:320px;
	width:724px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:724px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

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

/* item navigator */
ul.lof-navigator{
	top:0;
	padding: 10px 0px 0px 0px;
	margin:0px;
	position:relative;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	background:url(../img/slider/btn.png) no-repeat scroll left center;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0px;
	z-index:80;
	height:340px !important;
	width:310px;
	overflow:visible;
	color:#FFF
}
.lof-navigator li.active{
	background:url(../img/slider/btn-h.png) no-repeat scroll left top; 
	color:#FFF
}
.lof-navigator li:hover{
	
}




.lof-navigator li div{
	color:#858585;
	height:100%;
	position:relative;
	margin-left:10px;
	padding-left:10px;
}

.lof-navigator li.active div{
	color:#FFF;
	margin-left:5px;
	padding-left:5px;
}
.lof-navigator li img{
	height:64px;
	width:84px;
	margin:5px 5px 4px 0px;
	float:left;
	padding:3px;
	position: relative;
	z-index: 2;
}

.lof-navigator li.active img.mask {
	z-index: 100;
	left: 5px;
	position: absolute;
}

.lof-navigator li img.mask {
	z-index: 100;
	left: 10px;
	position: absolute;
}

.lof-navigator li.active img{
}
.lof-navigator li.active h3{
	color:#FFF;
}


/*CONTENIDO*/

.module {width: 100%; margin-bottom: 20px;}
.module-login {
	width: 225px;
	background-image: url(../img/back-login.png);
	height: 125px;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 7px;
}

.module-login .input {
	width: 140px;
	background: url(../img/input-login.png) no-repeat;
	height: 16px;
	border: 0;
	margin-bottom: 5px;
	padding: 5px;
}

.module-banner {
	width: 230px;
	margin-bottom: 10px;
	background-image: url(../img/banner-aje1.png);
	height: 100px;
	background-repeat: no-repeat;
	padding: 5px;
}

.module-banner .btn {
	width: 60px;
	height: 20px;
	padding-top: 74px;
	float: right;
	padding-bottom: 5px;
	padding-right: 3px;
}

.module-banner2 {
	width: 230px;
	margin-bottom: 10px;
	background-image: url(../img/banner-aje2.png);
	height: 100px;
	background-repeat: no-repeat;
	padding: 5px;
}

.module-banner2 .btn {
	width: 60px;
	height: 20px;
	padding-top: 74px;
	float: right;
	padding-bottom: 5px;
	padding-right: 3px;
}

.module-banners {
	width: 230px;
	margin-bottom: 10px;
	height: 100px;
}

.module .noticia {
	width: 490px;
	margin-bottom: 10px;
	float: left;
}

.module .noticia .top {
	width: 100%;
	background-image: url(../img/back-not-top.png);
	height: 12px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.module .noticia .cont {
	width: 475px;
	background-image: url(../img/back-not-cont.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top: 3px;
	float: left;
}
.module .noticia .cont1 {
	width: 460px;
	background-image: url(../img/back-not-cont.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top: 3px;
	float: left;
	font-size: 14px;
	color: #333;
	padding-right: 15px;
}

.module .noticia .cont .img{
	width: 222px;
	float: left;
}

.module .noticia .cont .txt{
	width: 230px;
	float: left;
	margin-left: 10px;
	vertical-align: top;
}

.module .noticia .bottom {
	width: 100%;
	background-image: url(../img/back-not-bottom.png);
	background-repeat: no-repeat;
	height: 15px;
	float: left;
	margin-bottom: 5px;
}
.module .noticia .bottom1 {
	width: 100%;
	background-image: url(../img/back-not-bottom_s.jpg);
	background-repeat: no-repeat;
	height: 30px;
	margin-bottom: 5px;
	float: left;
}


.module .noticia-dest {
	width: 490px;
	margin-bottom: 10px;
	float: left;
}

.module .noticia-dest .top {
	width: 100%;
	height: 12px;
	float: left;
	background-image: url(../img/back-not-top+.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.module .noticia-dest .cont {
	width: 475px;
	background-image: url(../img/back-not-cont+.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top: 3px;
	float: left;
}
.module .noticia-dest .cont .img{
	width: 222px;
	float: left;
}

.module .noticia-dest .cont .txt{
	width: 230px;
	float: left;
	margin-left: 10px;
	vertical-align: top;
}

.module .noticia-dest .bottom {
	width: 100%;
	background-image: url(../img/back-not-bottom+.png);
	background-repeat: no-repeat;
	height: 15px;
	float: left;
	margin-bottom: 5px;
}

/*TWITTER*/

#tweet {
	width: 175px;
	background: url(../img/back-tweet.png) no-repeat;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 150px;
}

#tweet ul {
	padding: 0px;
	margin: 5px;
	list-style-type:none;
}

/*CALENDARIO*/

.module .calendario {
	width: 490px;
	margin-bottom: 10px;
	float: left;
}

.module .calendario .top {
	width: 100%;
	background-image: url(../img/back-not-top.png);
	background-repeat: no-repeat;
	height: 12px;
	float: left;
	background-position: left bottom;
}

.module .calendario .cont {
	width: 475px;
	background-image: url(../img/back-not-cont.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top: 3px;
	float: left;
}

.module .calendario .cont .img{
	width: 112px;
	float: left;
}

.module .calendario .cont .txt{
	width: 335px;
	float: left;
	margin-left: 15px;
	vertical-align: top;
}

.module .calendario .dia{
	width: 132px;
	float: left;
}

.module .calendario .dia .num{
	float: left;
	background-image: url(../img/back-cal-num.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 132px;
	padding-top: 15px;
}

.module .calendario .dia .descr{
	float: left;
	background-image: url(../img/back-cal-descr.png);
	background-repeat: no-repeat;
	height: 62px;
	width: 122px;
	padding-left: 10px;
	padding-top: 8px;
}

.module .calendario .dia .descr2{
	float: left;
	height: 35px;
	width: 122px;
	padding-left: 10px;
	margin: 0px;
}

.module .calendario .mes{
	width: 350px;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.module .calendario .on{
	width: 43px;
	float: left;
	margin-right: 2px;
	vertical-align: top;
	background-image: url(../img/back-cal-on.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 3px;
	padding-top: 8px;
	padding-right: 5px;
}

.module .calendario .off{
	width: 43px;
	float: left;
	margin-right: 2px;
	vertical-align: top;
	background-image: url(../img/back-cal-off.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 3px;
	padding-top: 8px;
	padding-right: 5px;
}

.module .calendario .hoy{
	width: 43px;
	float: left;
	margin-right: 2px;
	vertical-align: top;
	background-image: url(../img/back-cal-hoy.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 3px;
	padding-top: 8px;
	padding-right: 5px;
}

.module .calendario .hoy-otr{
	width: 43px;
	float: left;
	margin-right: 2px;
	vertical-align: top;
	background-image: url(../img/back-cal-hoy-otr.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 3px;
	padding-top: 8px;
	padding-right: 5px;
}

.module .calendario .day{
	width: 48px;
	float: left;
	margin-right: 2px;
	vertical-align: top;
	background-repeat: no-repeat;
	height: 25px;
	margin-top: 3px;
}

.module .calendario .bottom {
	width: 100%;
	background-image: url(../img/back-not-bottom.png);
	background-repeat: no-repeat;
	height: 15px;
	float: left;
	margin-bottom: 10px;
}
.titulos_int {
	background-image: url(../img/bg_titulos_i.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 817px;
	font-size: 25px;
	color: #b11f2f;
	padding-top: 28px;
	padding-left: 158px;
}
/*TWITTER*/

#tweet {
	width: 175px;
	background: url(../img/back-tweet.png) no-repeat;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 150px;
	font-size:11px;
    font-weight:normal;
	color:#757575;
	text-decoration: none;
}

#tweet ul {
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	text-decoration: none;
}

#tweet li {
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	text-decoration: none;
	
}

#tweet a {
	font-size:11px;
    font-weight:normal;
	color:#757575;
	text-decoration: none;
	
}