body, td, th { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000 }
body { background:#fff url(../img/mainbg.png) repeat-x; margin:0 }
#sitio { /*background:url(../img/fcabecera.gif) repeat-x;*/ font-size:1em }
#contenido { width:960px; margin:0 auto; }
#contenido .imprimible ul, #contenido .imprimible ol { margin-left:10px;}
#contenido .imprimible ul li { margin-left:20px; padding-left:5px; list-style:disc; padding:2px 0;}
#contenido .imprimible ol li { margin-left:20px; padding-left:5px; list-style:decimal; padding:2px 0;}
#cabecera h1 { text-indent:-9999px; width:231px; height:82px; background:url(../img/logo-mjt.gif) no-repeat; margin-left:2px; margin-top:4px; }
#cabecera img#telefono { position:absolute; float:right; margin-top:10px; margin-left:800px }
*:first-child+html { }
* html #cabecera img#telefono { margin-top:15px; }
*:first-child+html #cabecera img#telefono { margin-top:15px; }
#cabecera img#ppt { position:absolute; float:left; margin-left:360px; margin-top:4px; }
*:first-child+html { }
* html #cabecera img#ppt { margin-top:8px; }
*:first-child+html #cabecera img#ppt { margin-top:8px; }
#fecha { height:20px; background:url(../img/fondo_cabecera.jpg) bottom no-repeat; font-size:15px; color:#fff; font-weight:700; font-style:italic; padding:6px 5px }
#fecha span { float:right; font-style:normal }
#principal { height:100%; background-color:#FFF; }
#bli, #desarrollo { float:left }
#bli { width:200px; /*padding-top:8px;margin-left:4px*/ }
#bld { float:right; width:280px; padding-top:8px; margin-right:4px }
#desarrollo { width:450px; padding:8px; font-size:1em; }
#desarrollo ol, #desarrollo ul { margin-left:10px;}
#desarrollo li { margin-left:10px; padding:4px 0;}
#desarrollo ol li { list-style:decimal; }
#desarrollo ul  li { list-style:disc; }

*:first-child+html { }
* html #desarrollo { padding:4px }
div.wide { width:720px !important; padding-left:20px !important; }
#desarrollo h1 { font-weight:bold; font-size:18px; padding:10px 0; line-height:20px; }
#desarrollo h2 { font-weight:bold; font-size:16px; padding:10px 0 0; line-height:18px; }
div.wide p { padding:10px 0; line-height:18px; }
div.wide span { text-align:right; }
.right { text-align:right; }
.left { text-align:left; }
.floatleft { float:left; }
.floatright { float:right; }
.borde { border:#ccc solid 1px; padding:1px; margin-right:4px; }
.hidden { display:none; }
#nota_principal { background:url(../img/fondo-foto.jpg) bottom repeat-x; border:#0CF 1px solid; width:460px; }
#nota_principal div#foto { text-align:center; padding:5px; }
#nota_principal div#foto img { border-bottom:#036 solid 3px; }
#nota_contenido { overflow:hidden; padding:4px; color:#036; }
#nota_contenido a { text-decoration:none; color:#000 }
#nota_contenido a:hover { color:#036 }
#nota_contenido .fecha { padding-top:3px; background:url(../img/ffun.gif) no-repeat; text-align:center; width:58px; height:49px; color:#036; font-size:10px; float:right; }
*:first-child+html { }
* html .fecha { margin-bottom:4px; }
#nota_contenido h2 { padding:0; margin:0; font-weight:700; text-align:justify; width:365px }
#nota_contenido p { text-align:justify; clear:both; width:100%; padding-top:5px; }
.nota_contenido { margin:15px 0 }
.nota_contenido a { text-decoration:none; color:#000 }
.nota_contenido a:hover { color:#036; text-decoration:underline; }
.nota_contenido .fecha { padding-top:2px; background:url(../img/ffon.gif) no-repeat; text-align:center; width:58px; height:49px; color:#fff; font-size:10px; float:right; }
.nota_contenido h2 { padding:0 !important; margin:0 !important; color:#000; font-weight:700; text-align:justify; width:365px }
.nota_contenido p { text-align:justify; padding-top:2px; padding-bottom:10px; border-bottom:#0CF 1px dashed; }
#nota_gacetilla { margin:15px 0 }
#nota_gacetilla a { text-decoration:none; color:#000 }
#nota_gacetilla a:hover { color:#036 }
#nota_gacetilla .fecha { padding-top:4px; background:url(../img/ffon.gif) no-repeat; text-align:center; width:58px; height:49px; color:#fff; font-size:10px; float:left }
#nota_gacetilla h1 { margin:0; padding:0; color:#000; font-weight:700; margin-left:75px; line-height:18px; text-align:justify !important; }
#nota_gacetilla p { margin-left:75px; text-align:justify; margin-bottom:15px !important }
#utilidades ul li { list-style:none; padding:0;}
ul#opciones  { background:url(../img/fondo-opciones.gif) bottom left no-repeat; margin:0; padding:0;}
#opciones li { width:107px; height:21px; float:left; margin:2px 4px 4px 2px; }
#opciones a { width:107px; height:21px; display:block; text-indent:-9999px; }
#opciones a.disminuir { background:url(../img/opciones2.png) 0 -21px }
#opciones a.disminuir:hover { background-position:right -21px;}
#opciones a.aumentar { background:url(../img/opciones2.png) 0 -42px }
#opciones a.aumentar:hover { background-position:right -42px;}
#opciones a.suscribir { background:url(../img/opciones2.png) 0 -63px }
#opciones a.suscribir:hover { background-position:right -63px;}
#opciones a.enviar { background:url(../img/opciones2.png) 0 -84px }
#opciones a.enviar:hover { background-position:right -84px;}
#opciones a.imprimir { background:url(../img/opciones2.png) 0 -105px }
#opciones a.imprimir:hover { background-position:right -105px;}
#opciones a.descargar { background:url(../img/opciones2.png) 0 -126px }
#opciones a.descargar:hover { background-position:right -126px;}
#opciones a.reproducir { background:url(../img/opciones2.png) 0 -147px }
#opciones a.reproducir:hover { background-position:right -147px;}
#opciones a.addthis_button { background:url(../img/opciones2.png) 0 -252px }
#opciones a.addthis_button:hover { background-position:right -252px;}
#utilidades { float:right; width:112px; z-index:1000; margin-top:15px; margin-right:15px; }
#utilidades:hover { background:url(../img/fondo-opciones.gif) top left no-repeat;}
* html #utilidades { margin-top:11px; margin-right:0; }
*:first-child+html #utilidades { margin-top:8px; }
#utilidades #opciones li { float:none; }
a.opciones { margin:5px 15px 2px 2px; width:107px; height:21px; display:block; text-indent:-9999px; background:url(../img/opciones2.png) 0 -168px; }
a.subir { width:107px; height:21px; display:block; text-indent:-9999px !important; background:url(../img/opciones2.png) top left; }
a.subir:hover { background-position: top right; }
a.bvermas {width:107px; height:21px; display:block; text-indent:-9999px !important; background:url(../img/opciones2.png) 0 -189px; }
a.bvermas:hover { background-position: right -189px; }
#utilidadespie { float:right; margin-top:-30px; margin-right:10px; }
#videos li { float:left; width:120px; margin-right:8px; margin-bottom:10px; font-size:10px; color:#fff; background:url(../img/video.jpg) no-repeat }
#videos li a { position:absolute; width:66px; height:16px; margin-top:70px; margin-left:50px }
#vervideo { background-color:#000 }
div#vervideo { float:left; clear:both; margin-left:-10px; margin-bottom:5px; padding:0; padding-bottom:5px; }
#infovideo { text-align:center; color:#fff; background-color:#000; margin-left:-10px; width:272px; float:left; clear:both; display:none; padding:4px }
#infovideo h3 { font-weight:700 }
#infovideo p { color:#CCC; padding:4px 0 }
ul.albumes { margin:0; padding:0; }
ul.albumes li { float:left; width:120px; margin-right:8px; margin-bottom:10px; font-size:10px; color:#fff; text-align:center; }
#vinculos h3 { background-color:#036; color:#fff; font-weight:700; margin:15px 0; padding:4px }
#vinculos li { float:left; margin-right:8px; margin-bottom:10px }
.multimedia h3 { background-color:#036; color:#fff; font-weight:700; margin:15px 0; padding:4px }
.multimedia h4 { font-weight:900; }
.multimedia ul { margin:10px 0; }
.naranja { background-color:#F90 !important; }
#pie { background-color:#0CF; background:url(../img/fondo-pie.jpg) bottom repeat-x; height:103px; text-align:right; padding:10px; }
#contenido-pie { width:960px; margin:5px auto; }
#pie span { float:left; text-align:left; width:500px }
br { clear:both }
.salto { clear:left; }
strong { font-weight:700; }
em { font-style:oblique; }
small { font-size:80%; }
.espacio { margin-top: 20px; padding:.7em; }
.barracp { margin-top:10px; padding:0.7em !important; background:url(../img/fondo-foto.jpg) center repeat-x; border:#0CF 1px solid; }
.ui-state-video { background-color:#FAF2FF; border:#999 solid 1px; }
.audios { padding:3px; padding-left:18px; background:#FAF2FF url(../img/audio.png) center left no-repeat; line-height:16px; margin-bottom:4px; }
.audios a { display:block; }
#nota_contenido .fecha strong, .nota_contenido .fecha strong, #nota_gacetilla .fecha strong { font-size:28px; }
#videos ul, #vinculos ul { margin:0; padding:0 }
#videos li em, .hidden { display:none }
#txt-buscar, #f-inicio, #f-fin, #busqueda-avanzada, #busqueda-fecha { border:#CCC 1px solid; padding:5px; }
#txt-buscar { padding-left:15px; background:url(../img/buscar.gif) center left no-repeat; }
.default {color:#aaa; }
fieldset { padding:10px; margin:4px; }
.alerta { background: #fff6bf url(../img/alerta.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px !important; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; color:#000000; }
.info { background: #E7F9F8 url(../img/info.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px !important; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; color:#000000; }
.importante { background: #FDD1C5 url(../img/importante.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px !important; border-top: 2px solid #FBAB95; border-bottom: 2px solid #FBAB95; color:#000000; }
/* Galeria de fotos */
ul#galeria { clear:left; display:block; float:none; }
ul#galeria li { float:left; padding:2px; margin:5px; list-style:none; }
ul#galeria li img { padding:1px; border:#ccc solid 1px; }
/* Mapa del Sitio */
ul#mapa { list-style:none; margin:0; padding:0; line-height:18px; }
ul#mapa li { list-style:none; border:#CCC solid 1px; float:left; width:165px; margin:2px; padding:2px; line-height:16px; }
* html ul#mapa li { width:150px; }
* html ul#mapa li ul li, * html ul#mapa li ul li ul li { width:auto; }
ul#mapa li li, ul#mapa li ul { border:none; float:none; margin:0; padding:0; padding-left:0px; }
ul#mapa li ul { padding-left:5px; margin:0; }
ul#mapa li ul li ul { padding-left:5px; margin:0; }
ul#mapa a[href^='javascript:void(0);'], ul#mapa a[href^='javascript:void(0);']:hover, ul#mapa a[href^='index'], ul#mapa a[href^='index']:hover {
text-decoration:none;
cursor:default;
font-weight:bold;
color:#000;
text-transform:uppercase;
}
/* Dialog Message */
#dialog { font-size: 62.5%; display:none; }
#dialog label, #dialog input { display:block; }
#dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
#dialog fieldset { padding:0; border:0; margin-top:25px; }
#dialog h1 { font-size: 1.2em; margin: .6em 0; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none !important;cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em; }
/* Estilos para gacetillas*/
.fotoepigrafederecha, .fotoepigrafeizquierda { float:right; margin-left:10px; margin-bottom:10px; padding:4px; width:auto; font-size:11px; color:#333; font-style:oblique; }
.fotoepigrafeizquierda { float:left; margin-left:0; margin-right:10px; }
.borde { border:#CCC solid 1px; }
.bordepie { padding-bottom:5px; margin-bottom:4px; border-bottom:#CCC solid 1px; }
p#tema { margin:0; padding:0; color:#666; font-weight:bold; }
/*Estilos Actividades*/
.newsticker-jcarousellite, .newsticker-lite {  }
.newsticker-jcarousellite ul li, .newsticker-lite ul li { list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .news-text, .newsticker-lite .news-text { }
.newsticker-jcarousellite .news-text span.cat, .newsticker-lite .news-text span.cat { display: block; font-size:10px; color:#808080; }
.clear { clear: both; }

/*Encuesta*/
div#encuestas {}
div#encuestas ul { margin:10px 0;}
div#encuestas ul li { margin:5px 0;}
input#bencuesta { border:none; background:url(../img/opciones2.png) 0 -210px; height:21px; width:107px; text-indent:-9999px; font-size:1px; cursor:pointer;}
input#bencuesta:hover { background-position: right -210px;}
#brencuesta { float:right; background:url(../img/opciones2.png) 0 -231px; height:21px; width:107px; text-indent:-9999px;}
#brencuesta:hover { background-position: right -231px;}
#brencuesta a { text-indent:-9999px; display:block;height:21px; width:106px;}
div.barra { width:400px; border:#DADADA solid 1px;}
div.barra span { line-height:19px; font-size:9px; margin-left:350px; position:absolute;}
div.barraencuestas { background:url(../img/barras-encuestas.gif) repeat-x; height:19px; line-height:19px; text-align:center; font-size:9px}

/*Preguntas Frecuentes*/
a.faq { text-decoration:none; font-weight:700;}
hr.faq { border:#999 solid 1px;}
a.faq:hover { border-bottom:1px dashed #0CF }
h2.faq { margin-bottom:0; padding-bottom:0; color:#069}
div.faq { padding:6px 6px; background-color:#6FF; border-color:#6FF }

/*Enlaces de Interes*/
a.enlaces { text-decoration:none; font-weight:700;}
hr.enlaces { border:#999 solid 1px;}
a.enlaces:hover { border-bottom:1px dashed #0CF }
h2.enlaces { margin-bottom:0; padding-bottom:0; color:#069}
div.enlaces { padding:6px 6px; background-color:#6FF; border-color:#6FF }

/*Actividades*/
div.actividades { padding:6px 6px; background-color:#6FF; border-color:#6FF }
div.actividades { margin:15px 0 }
div.actividades a { text-decoration:none; color:#000 }
div.actividades a:hover { color:#036; text-decoration:underline; }
div.actividades div.fecha { padding-top:1px; background:url(../img/ffon.gif) no-repeat; text-align:center; width:58px; height:49px; color:#fff; font-size:10px; float:right; margin-left:4px; }
div.actividades div.fecha strong { font-size:28px; }
div.actividades h2 { padding:0 !important; margin:0 !important; color:#000; font-weight:700; text-align:justify; width:365px }