body{ margin:0; padding:0; background-color:#fff; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:16px}
.clear{ clear:both; margin:0; padding:0}
.content{margin:0 auto; width:800px}
a{ text-decoration:none}
a:hover{ text-decoration:underline}

h3{ margin:0; padding:0; font:bold italic 16px "Trebuchet MS", Arial, Helvetica, sans-serif}

#header{ width:100%; height:77px;background-color:#fff;
background: #fff url(../img/fd-body.jpg) repeat-x top left}

#menu{ margin:0; padding:0 0 10px; list-style-type:none}
#menu a{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
#menu a div{width:100%; height:11px; margin:0 0 35px}
#menu a strong{padding:0}
#menu li{ text-align:center}
#menu li li{ text-align:left; border-bottom:1px solid #fff; color:#fff}
#menu .inicio div{ background-color:#f8c420; width:62px}
#menu .institucional div, #menu .institucional ul{ background-color:#eb8a2b; width:121px}
#menu .espacioc div, #menu .espacioc ul{ background-color:#d41f28; width:143px}
#menu .asistsoc div, #menu .asistsoc ul{ background-color:#802a8f; width:141px}
#menu .asisteco div, #menu .asisteco ul{ background-color:#48217a; width:168px}
#menu .acceso div, #menu .acceso ul{ background-color:#0088c4; width:79px}
#menu .contacto div{ background-color:#01a647; width:86px}
#menu a.current div{ height:30px; margin-bottom:15px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;-ms-border-radius-bottomleft: 12px;-ms-border-radius-bottomright: 12px;-moz-border-radius-bottomright: 12px;-moz-border-radius-bottomleft: 12px;-webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;-khtml-border-radius-bottomleft:12px;-khtml-border-radius-bottomright:12px; }
#menu li{position: relative;padding:0; text-decoration:none; margin:0 ; float:left; display:block}
#menu ul { z-index:100;display:none;float: none;position: absolute;list-style: none;margin: 0;padding:10px 6px 0;	top:0;	left: 0; padding-bottom:12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;-ms-border-radius-bottomleft: 12px;-ms-border-radius-bottomright: 12px;-moz-border-radius-bottomright: 12px;-moz-border-radius-bottomleft: 12px;-webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;-khtml-border-radius-bottomleft:12px;-khtml-border-radius-bottomright:12px; }
#menu ul li{list-style-type:none; float:none; padding:2px 0}
#menu ul li a{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff}
#menu ul li a:hover{ text-decoration:none}
#menu li:hover ul {display: block}
#menu li:hover ul li a,#menu ul li a{display: inline;padding: 0 6px 0 0;float: none;text-transform: lowercaes;color: #fff;}
#menu li:hover ul li a:hover,#menu ul li a:hover{background: none;color: #000;}

#destacado{ padding-bottom:20px; background:url(../img/sombra.png) bottom right no-repeat}
#destacado .destacado{ height:270px; width:100%; background:url(../img/dg-dest.jpg) repeat-y left}
#destacado .logo{background:#fff url(../img/logo.png) no-repeat 31px 42px;border-radius: 12px;-ms-border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;float:left; width:250px; height:245px; margin:12px 0 0 13px}

.slider{ position:relative; height:245px;width:529px;margin:12px 0 0 0; float:right; padding:0}
.slider #slider{width:529px; height:245px}
.slider ul{ margin:0; padding:0}
.slider li{ list-style-type:none}
.slider li a{ display:block; height:245px; width:529px;border-radius: 12px;-ms-border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px; background-color:#48217a;}
.slider li a img{ float:right; margin:0 5px 0 0}
.slider li a strong{ float:left; margin:20px 10px; width:140px; color:#fff; font-size:17px; line-height:20px; display:block}
.slider li a.escpaciocultural{ background-color:#d41f28}
.slider span{ bottom:6px; position:absolute}
.slider #nextBtn{left:44px}
.slider #nextBtn a{width:28px; height:28px; background:url(../img/bt-next.png); display:block}

.slider #prevBtn{left:10px}
.slider #prevBtn a{width:28px; height:28px; background:url(../img/bt-prev.png); display:block;}


.columnahome{height:318px;width:260px;border-radius: 12px;-ms-border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;margin:0 10px 0 0; float:left}
.columnahome h2{margin:0; padding:14px 0 6px; color:#fff; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;border-bottom:1px solid #fff; text-transform:uppercase}
.columnahome img{ margin:0; padding:0; border-bottom:1px solid #fff}
.columnahome ul{ margin:0; padding:0; list-style-type:none}
.columnahome li{ margin:0; padding:2px 0 2px 22px; list-style-type:none}
.columnahome li a{ text-decoration:none; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase}
.columnahome li a:hover{ text-decoration:none; color:#000}

#espaciocul{ background-color:#d41f28 }
#espaciocul ul{background: url(../img/dg-rj.jpg) repeat-x top}
#espaciocul li{ border-bottom:1px solid #c28a8d}

#asistsoc{ background-color:#752683 }
#asistsoc ul{background:url(../img/dg-vl.jpg) repeat-x top}
#asistsoc li{ border-bottom:1px solid #a58ca9}

#asiseco{ background-color:#48217a; margin:0 }
#asiseco ul{background: url(../img/dg-az.jpg) repeat-x top}
#asiseco li{ border-bottom:1px solid #958ca1}
#asiseco li.noBd, #asistsoc li.noBd{ border-bottom:none}


#footer{ border-top:1px solid #8d8d8d; width:100%; margin:20px 0 0; padding:14px 0; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000}
#footer #redes{ float:right}
#footer #redes a{ float:left; width:27px; height:29px; display:block; margin:0 0 30px 9px}
#footer #redes a.fb{ background:url(../img/ic-fb.png)}
#footer #redes a.tw{ background:url(../img/ic-tw.png)}
#footer #redes a.lk{ background:url(../img/ic-lk.png)}

#contenido{}
#contenido .left{width:182px; float:left}
#contenido .right{ float:right; width:600px}
#contenido .left h2{ height:30px; margin-bottom:20px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;-ms-border-radius-bottomleft: 12px;-ms-border-radius-bottomright: 12px;-moz-border-radius-bottomright: 12px;-moz-border-radius-bottomleft: 12px;-webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;-khtml-border-radius-bottomleft:12px;-khtml-border-radius-bottomright:12px; }

/*Generales por seccion*/
.content .destacadosec{ padding-bottom:15px;}
.content .destacadosec div{height:244px; width:100%; }
.content .left h2{
	width:100%;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.content .right ul { margin:0  0 0 30px; padding:0}
.content .right ol { list-style: none; padding-left: 10px; text-indent:30px; margin-left:5px;}
.content .left img { margin-bottom:17px}

/* Institucional*/
.inst .destacadosec {background:url(../img/fd-inst.png) bottom left no-repeat}
.inst .destacadosec div{background:#e98b2b url(../img/dest-inst.png) no-repeat 15px 15px}
.inst .left h2{background-color:#e98b2b;}
.inst .right a, .inst .right h3, .inst .right strong{ color:#e98b2b}
.inst .right ul li { list-style-image:url(../img/dot-nj.png)}
.inst .left img{ margin-left:20px}
.asociarse_tabla { width:184px; height:220px; float:left; margin-top:10px; }
.asociarse_tabla .encabezado { background:url(../img/bg_asociarseTabla.jpg) no-repeat top left; font-size:14px; color:#ffffff; width:184px; height:41px; padding-top:8px; text-align:center; margin-bottom:10px; }
.asociarse_tabla.separador { border-left:1px solid #E98A2B; border-right:1px solid #E98A2B; margin:10px; padding:0 10px; }

/*Asistencia Social*/
.asistsoc .destacadosec {background:url(../img/fd-asistsoc.jpg) bottom left no-repeat}
.asistsoc .destacadosec div{background:#802a8f url(../img/dest-asistsoc.png) no-repeat 15px 15px}
.asistsoc .left h2{background-color:#802a8f;}
.asistsoc a, .asistsoc .right a, .asistsoc .right h3, .asistsoc .right strong{ color:#802a8f}
.asistsoc .right ul li { list-style-image:url(../img/dot-vl.png)}
.asistsoc .right strong{font-size:16px; padding-bottom:10px; display:block}
.asistsoc .right  li strong{font-size:14px; padding-bottom:0; display:inline; text-transform:uppercase}
.asistsoc .right  .subsidio li{ padding-bottom:28px}
.asistsoc .tabla {background-color:#802a8f;margin-top:30px}
.asistsoc .tabla .fila{ border-top:1px solid #fff; background-color:#CCCCCC}
.asistsoc .tabla .par{background-color:#E2E2E2}
.asistsoc .tabla .fila .imagen{ padding:10px; border-right:1px solid #fff;width: 174px;height: 170px; float:left}
.asistsoc .tabla .fila .item{ padding:10px; width:190px; float:left; font-size:14px; color:#802a8f; font-weight:bold;}
.asistsoc .tabla .fila .item2{ padding:10px; border-left:1px solid #fff; float:left; width:569px !important; height:auto !important; }
.asistsoc .tabla .fila .contenido{ padding:10px; width:584px; height:170px; float:left; color:#313133}
.asistsoc .tabla .fila .contenido a{color:#802a8f}
.asistsoc .tabla .fila strong{ color:#4a1077}
.asistsoc .tabla .fila { line-height:15px}
.asistsoc .prestamos{ padding:0}
.asistsoc .tabla .referencias{background-color:#802a8f; color:#fff; font-weight:bold; text-align:center}
.asistsoc .tabla .referencias div.col1, .asisteco .tabla .referencias div.col2, .asisteco .tabla .referencias div.col3, .asisteco .tabla .referencias div.col4{height:15px}
.asistsoc .tabla .referencias .izq{ background:#802a8f url(../img/toptbvlc.png) no-repeat top left}
.asistsoc .tabla .referencias .der{ background:#802a8f url(../img/toptbvlc.png) no-repeat top right; border-right:1px solid #fff}
.asistsoc .tabla .first{border-top:none;}
.asistsoc .tabla .first .izq{ background:#CCCCCC url(../img/toptbvlgc.png) no-repeat top left}
.asistsoc .tabla .first .der{ background:#CCCCCC url(../img/toptbvlgc.png) no-repeat top right;}
.asistsoc .tabla .superior, .asistsoc .tabla .superior2 {background:#4a1077 url(../img/toptbvlc.png) left top no-repeat; height:16px}
.asistsoc .tabla .superior2 {padding:6px 0 6px 15px;}
.asistsoc .tabla .referencias .izq{ background:#4a1077 url(../img/toptbvlc.png) no-repeat top left}
.asistsoc .tabla .referencias .der{ background:#4a1077 url(../img/toptbvlc.png) no-repeat top right; border-right:1px solid #fff}
.asistsoc .tabla .encabezado { color:#ffffff; font-size:14px; }

/*Espacio Cultural*/
.espacio .destacadosec {background:url(../img/fd-espcul.jpg) bottom left no-repeat}
.espacio .destacadosec div{background:#e80229 url(../img/dest-espacio.png) no-repeat 15px 15px}
.espacio .left h2{background-color:#e80229;}
.espacio .right a, .espacio .right h3, .espacio .right strong{ color:#e80229}
.espacio .right ul li { list-style-image:url(../img/dot-ec.png)}
.espacio .left img{ margin-left:20px}
.espacio .columna{ width:176px; padding:0 16px 0 0; margin:0 18px 0 0; border-right:1px solid #e80229; float:left}
.espacio .columna2{ width:176px; padding:0; margin:0; float:left}
.espacio .tabla .fila td{ border-top:1px solid #fff; background-color:#CCCCCC}
.espacio .tabla .par td{background-color:#E2E2E2}
.espacio .tabla .fila strong{ color:#4a1077}
.espacio .tabla .fila div{}
.espacio .tabla .fila td { line-height:15px; padding:10px; border-right:1px solid #fff;}
.espacio .tabla .fila td a.pdf{ width:50px; text-align:center;color:#e80229; text-align:center; display:block }
.espacio .tabla .fila td a.pdf img{ border:none}
.espacio .tabla .fila .col4{ padding:10px; width: 179px;height: 128px; float:left}
.espacio .tabla .referencias{color:#fff; font-weight:bold; text-align:center; background-color:#e80229 }
.espacio .tabla .referencias td{border-right:1px solid #fff;}
.espacio .tabla .referencias .izq{ background:#e80229 url(../img/toptbrj.png) no-repeat top left}
.espacio .tabla .referencias .der{ background:#e80229 url(../img/toptbrj.png) no-repeat top right; border-right:1px solid #fff}
.espacio .tabla .first td{border-top:none;}
.espacio .tabla .first .izq{ background:#CCCCCC url(../img/toptbrjg.png) no-repeat top left}
.espacio .tabla .first .der{ background:#CCCCCC url(../img/toptbrjg.png) no-repeat top right;}
.imagenes { margin-left:-15px; }
.imagenes2 { margin-left:-20px; }


/*Abriendo caminos*/
.teleras .destacadosec {background:url(../img/fd-teleras.jpg) bottom left no-repeat}
.teleras .destacadosec div{background:#ef0068 url(../img/dest-teleras.png) no-repeat 15px 15px}
.teleras .left h2{background-color:#ef0068;}
.teleras .right a, .teleras .right h3, .teleras .right strong{ color:#ef0068}
.teleras .right ul li { list-style-image:url(../img/dot-ec.png)}
.teleras .left img{ margin-left:20px}
.teleras .columna{ width:176px; padding:0 16px 0 0; margin:0 18px 0 0; border-right:1px solid #ef0068; float:left}
.teleras .columna2{ width:176px; padding:0; margin:0; float:left}
.teleras .columna2 p, .teleras .columna p{ height:240px}
.teleras .tabla .fila td{ border-top:1px solid #fff; background-color:#CCCCCC}
.teleras .tabla .par td{background-color:#E2E2E2}
.teleras .tabla .fila strong{ color:#4a1077}
.teleras .tabla .fila div{}
.teleras .tabla .fila td { line-height:15px; padding:10px; border-right:1px solid #fff;}
.teleras .tabla .fila td a.pdf{ width:50px; text-align:center;color:#ef0068; text-align:center; display:block }
.teleras .tabla .fila td a.pdf img{ border:none}
.teleras .tabla .fila .col4{ padding:10px; width: 179px;height: 128px; float:left}
.teleras .tabla .referencias{color:#fff; font-weight:bold; text-align:center; background-color:#ef0068 }
.teleras .tabla .referencias td{border-right:1px solid #fff;}
.teleras .tabla .referencias .izq{ background:#ef0068 url(../img/topteleras.png) no-repeat top left}
.teleras .tabla .referencias .der{ background:#ef0068 url(../img/topteleras.png) no-repeat top right; border-right:1px solid #fff}
.teleras .tabla .first td{border-top:none;}
.teleras .tabla .first .izq{ background:#CCCCCC url(../img/topteleras.png) no-repeat top left}
.teleras .tabla .first .der{ background:#CCCCCC url(../img/topteleras.png) no-repeat top right;}
.imagenes { margin-left:-15px; }
.imagenes2 { margin-left:-20px; }

/*Asistencia Social*/
.asisteco .destacadosec {background:url(../img/fd-asisteco.jpg) bottom left no-repeat}
.asisteco .destacadosec div{background:#4a1077 url(../img/dest-asisteco.png) no-repeat 15px 15px}
.asisteco .left h2{background-color:#4a1077;}
.asisteco .right a, .asisteco .right h3, .asisteco .right strong{ color:#4a1077}
.asisteco .right ul li { list-style-image:url(../img/dot-ac.png)}
.asisteco .right strong{font-size:12px; padding-bottom:10px; display:block}
.asisteco .right  li strong{padding-bottom:0; display:inline; text-transform:none}
.asisteco .right li{ padding-bottom:28px}
.asisteco .right li li{ padding:0}
.asisteco .right h2{ color:#4a1077}
.asisteco .left, .asisteco .left a , .asisteco a {color:#4a1077; text-align:right}
.asisteco .tabla {background-color:#4a1077;margin-top:30px}
.asisteco .tabla .fila{ border-top:1px solid #fff; background-color:#CCCCCC}
.asisteco .tabla .par{background-color:#E2E2E2}
.asisteco .tabla .fila .imagen{ padding:10px; border-right:1px solid #fff;width: 174px;height: 128px; float:left}
.asisteco .tabla .fila .contenido{ padding:10px; width:584px; height:128px; float:left; color:#313133}
.asisteco .tabla .fila strong{ color:#4a1077}
.asisteco .tabla .paginador{ border-top:1px solid #fff; background-color:#CCCCCC}
.asisteco .tabla .paginador .imagen{ padding:10px; border-right:1px solid #fff;width: 174px;float:left; height:16px}
.asisteco .tabla .paginador .contenido{ padding:10px; width:584px; float:left; color:#313133; font-weight:bold}
.asisteco .tabla .paginador .contenido a{ color:#4a1077}
.asisteco .tabla .fila .col1,.asisteco .tabla .fila .col2, .asisteco .tabla .fila .col3{ padding:10px; border-right:1px solid #fff;width: 179px;height: 128px; float:left}
.asisteco .tabla .fila .col1{ font-weight:bold;color:#4a1077}
.asisteco .tabla .fila { line-height:15px}
.asisteco .tabla .fila .col4{ padding:10px; width: 179px;height: 128px; float:left}
.asisteco .prestamos{ padding:0}
.asisteco .tabla .referencias{background-color:#4a1077; color:#fff; font-weight:bold; text-align:center}
.asisteco .tabla .referencias div.col1, .asisteco .tabla .referencias div.col2, .asisteco .tabla .referencias div.col3, .asisteco .tabla .referencias div.col4{height:15px}
.asisteco .tabla .referencias .izq{ background:#4a1077 url(../img/toptbvl.png) no-repeat top left}
.asisteco .tabla .referencias .der{ background:#4a1077 url(../img/toptbvl.png) no-repeat top right; border-right:1px solid #fff}
.asisteco .tabla .first{border-top:none;}
.asisteco .tabla .first .izq{ background:#CCCCCC url(../img/toptbvlg.png) no-repeat top left}
.asisteco .tabla .first .der{ background:#CCCCCC url(../img/toptbvlg.png) no-repeat top right;}
.asisteco .tabla .superior{background:#4a1077 url(../img/toptbvl.png) left top no-repeat; height:16px}
.asisteco .tabla .referencias div.col1, .asisteco .tabla .referencias div.col2, .asisteco .tabla .referencias div.col3, .asisteco .tabla .referencias div.col4{height:15px}
.asisteco .tabla .referencias .izq{ background:#4a1077 url(../img/toptbvl.png) no-repeat top left}
.asisteco .tabla .referencias .der{ background:#4a1077 url(../img/toptbvl.png) no-repeat top right; border-right:1px solid #fff}

/* Institucional*/
.cont .destacadosec {background:url(../img/fd-cont.png) bottom left no-repeat}
.cont .destacadosec div{background:#01A647 url(../img/dest-contacto.png) no-repeat 15px 15px}
.cont .left h2{background-color:#01A647;}
.cont .right a, .cont .right h3, .cont .right strong{ color:#01A647}
.cont .right ul li { list-style-image:url(../img/dot-nj.png)}
.cont .left img{ margin-left:20px}
.cont .emails, .cont form{ margin:0; padding:0 0 20px; border-bottom:1px solid #ccc; margin-bottom:20px}
.cont .emails .coll, .cont form .coll{ float:left; width:280px}
.cont .emails .colr, .cont form .colr{ float:right; width:280px}

.cont form label{ width:270px; margin:0 0 15px; text-transform:uppercase; display:block}
.cont form input[type="text"] { border:1px solid #ccc; padding:5px; width:270px}
.cont form textarea{ border:1px solid #ccc; padding:5px; width:270px}
.cont form input[type="submit"] { background-color:#01A647;border:1px solid #ccc; padding:5px; width:270px; float:right; margin:20px 0 0; border:none; width:80px; color:#fff; text-transform:uppercase }

.css-panes {height: 410px;width: 702px;position:relative;overflow:hidden;clear:both;background-color: transparent;	}
 /* override single pane */
.css-panes div {float:left;display:block;width:660px;font-size:14px;background-color: transparent;} 
/* our additional wrapper element for the items */
.css-panes .items {width:20000em;position:absolute;clear:both;margin:0;padding:0;border:0;}
.css-panes .less, .css-panes .less a {color:#999 !important;font-size:11px;	}
.dnone{ display:none}


#mask {display: none;background: #000;position: fixed; left: 0; top: 0;z-index: 10;width: 100%; height: 100%;opacity: 0.8;z-index: 999;}
.login-popup{display:none;background: #333;border:none;float: left;position: fixed;top: 50%; left: 50%;z-index: 99999;	box-shadow: 0px 0px 20px #3a3a3a;
	-moz-box-shadow: 0px 0px 20px #3a3a3a; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #3a3a3a; /* Safari, Chrome */
	border-radius:10px 10px 10px 10px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
	width:360px; height:240px; background-color:#4C86BF
}

img.btn_close {float: right;margin:21px 25px 0 0}
.cont .login-popup .titulo, .login-popup .titulo{ border-bottom:1px solid #fff;}
.cont .login-popup .titulo div, .login-popup .titulo div{font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 18px;text-transform: uppercase;border-right: 1px solid #fff;color: #fff;height: 37px;padding: 10px;width: 273px;}
.login-popup fieldset{ border:none}
.cont .login-popup input[type="text"], .login-popup input[type="text"] { border:1px solid #ccc; padding:5px; width:327px}
.cont .login-popup input[type="password"] , .login-popup input[type="password"] { border:1px solid #ccc; padding:5px; width:327px}
.cont .login-popup label span, .login-popup label span{font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 18px;padding:0; color:#fff; display:block}

.login-popup .submit { background-color:#3B68A0;border:1px solid #97D5FC; padding:5px; width:270px; float:right; margin:0; border:none; width:80px; color:#fff; text-transform:uppercase; font-weight:bold}
.cont .login-popup form label, .login-popup form label{ border:none; margin:0 0 13px 0; text-transform:uppercase; display:block}
.cont .login-popup form , .login-popup form{ border:none; margin:13px 0}

#imageData #numberDisplay{ display:none}