html,body,div,span,applet,object,iframe,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;border:0;margin:0;padding:0}
:focus{outline:0}
body{background:#FFF;line-height:1;color:#000}
table{border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:""}

body,td,th { color: #000; font-family:Arial, Helvetica, sans-serif; }
body {  margin:0; background:#f4f4f4; }
div a { text-decoration:none; color:#039;}
div a:hover { color:#c60;}

/* Recursos de Diseño */
.clear { clear:both; display:block; }
.hide {display:none;}
.invisible {visibility:hidden;}
.floatleft, .float-left { float:left; }
.floatright, .float-right { float:right; }
.float-left { margin-right:5px; }
.float-right { margin-left:5px; }
.em { font-style:oblique;}
.top { margin-top:10px;}
.bottom { margin-bottom:10px;}
/* Estructura General */
#sitio {background:#f4f4f4 url(../img/cabecera-cabildo.jpg) center top no-repeat;}
/*#sitio {background:#f4f4f4 url(../img/fachada-cabecera.jpg) top center repeat-x;}*/

/* Cabecera */
#cabecera { height:80px; padding-top:20px; background:#f4f4f4 url(../img/cabecera-cabildo.jpg) center top no-repeat}
/*#cabecera { height:80px; padding-top:20px; background:#f4f4f4 url(../img/fachada-cabecera.jpg) top center no-repeat}*/
#cabecera h1 { width:306px; height:62px; background:url(../img/logoje2010.png) left top no-repeat; text-indent:-9999px; direction:ltr;}

#cabecera h1 a { display:block;width:368px; height:62px; }
#cabecera #opcionescabecera { width:190px; float:right; margin-top:3px;} /*width:200px; si se agrega el box de cabecerabusqueda u otro*/
#opcionescabecera h3 { color:#000;}
#cabecerabusqueda, #cabecerapadron { width:180px; float:left}
#cabecerabusqueda { float:right; clear:both; display:block;}
#opcionescabecera p { padding:2px; padding-top:4px; font-size:10px; line-height:20px;}
#opcionescabecera p img { float:right; margin:2px;}

#contenido { width:908px; margin:0 auto; background: url(../img/fondo-contenido.gif) center repeat-y;}/*background:url(../img/fondo-cabecera.jpg) top no-repeat;*/
#pie-contenido { background:url(../img/fondo-pie-contenido.gif) center bottom no-repeat; height:6px; line-height:0px; font-size:0px;}


/* Menu principal */
#menu-principal { background:#f4f4f4 url(../img/fondo-menu.gif) no-repeat; height:39px;}
#nav {height: 39px; float:left; padding-left:20px; font-family:arial, sans-serif; }

#menu {height:39px;position:relative;font-size:14px; margin:0; z-index:999;float:left; padding:0 5px;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left;padding:0 13px 0 0;text-decoration:none; color:#000; height:39px;line-height:38px;font-size:14px; background:url(../img/tabCenter.gif) no-repeat right top;}

#menu ul li a b {display:block; float:left;padding:0 0 0 13px; text-decoration:none; color:#036;text-transform:uppercase; height:39px;line-height:38px;font-size:12px;background:url(../img/tabCenter.gif) no-repeat left top; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left;background: url(../img/dropLeft.png) no-repeat left bottom;}
#menu ul li div .rightSide {float:left; margin-left:5px; display:inline; padding:0 10px 0 0; background: url(../img/dropRight.png) no-repeat right bottom;}


#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#910; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#910; background-position:left center;}
#menu ul li a.sub:hover {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#910; background-position:left bottom;}

#menu ul li:hover > a {color:#910; position:relative;}
#menu ul li:hover a.sub {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#910; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:39px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:3px; top:39px;}
#menu ul li.right:hover div.holder {left:auto; right:4px; top:39px;}

#menu ul dl {width:auto; margin:2px 0 5px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:0 5px; margin:0; line-height:22px; text-transform:uppercase; font-weight:bold; color:#000; white-space:nowrap; margin:5px 0;}
#menu ul dl dd {display:block; padding:0; margin:0;}

#menu ul dd a { background-image:none; display:block; height:22px; line-height:22px; color:#039; text-align:left; margin:0; padding:0 5px;font-weight:normal; white-space:nowrap; float:none;}
#menu ul dd a:hover {color:#c60;}
.borde { border-left:1px dotted #999; margin:5px;}
#menu ul table { margin:5px 0; padding:0;}
#menu ul table td {vertical-align:top; }
#menu ul td table { margin:0; padding:0;}


#menu ul li a.actual {display:block; float:left;padding:0 13px 0 0;text-decoration:none; color:#000; height:39px;line-height:38px;font-size:14px; background:url(../img/tabCenter.gif) no-repeat bottom right;}
#menu ul li a.actual b {display:block; float:left;padding:0 0 0 13px; text-decoration:none; color:#036;text-transform:uppercase; height:39px;line-height:38px;font-size:12px;background:url(../img/tabCenter.gif) no-repeat left bottom; cursor:pointer;}

#mapa table, #mapa table table { vertical-align:top !important; padding:1px !important; margin:1px; }
#mapa tr, #mapa td, #mapa tr tr, #mapa td td { vertical-align:top !important; padding:1px !important; margin:1px; margin-right:4px; }
#mapa dl { margin-bottom:4px;}

/* propiedades generales */
h3 { font-size:15px; color:#F60; background:url(../img/dash.gif) bottom left repeat-x; font-weight:900; padding-bottom:4px; line-height:18px; margin-bottom:5px; }
h3 img { vertical-align:bottom; margin-bottom:1px;}

/* Contenido principal */
#principal { padding-top:10px;}
#banners { width:880px; height:350px; margin:auto; background-color:#CCC; margin-bottom:10px; }
#desarrollo img { background:url(../img/loading.gif) center center no-repeat;}
#desarrollo h3 img, div#desarrollo .flecha img { background:none;}

/*#desarrollo { width:505px; float:left; background:url(../img/dash-vertical.gif) right top repeat-y; margin-left:2px; padding:0 15px; margin-bottom:15px; }*/
#desarrollo { width:505px; float:left; margin-left:2px; padding: 0 13px; margin-bottom:15px; }
#desarrollo #navegacion { font-size:12px; color:#666; line-height:16px; padding: 5px 0; margin-bottom:25px; background:url(../img/dash.gif) left bottom repeat-x;}
#desarrollo #navegacion strong { font-weight:900;}
div.noticia { margin-top:10px;}
div.noticia span { font:1.1em Georgia, Times New Roman, serif; font-size:12px; color:#666; margin:0; }
div.noticia span.noticia_tema { font-weight:900;}
div.noticia h2 { margin:5px 0;}
div.noticia h2 a { margin:0; margin-bottom:10px;font-size:18px; color:#039; font-weight:900; display:block; text-align:justify }
div.noticia p { font-size:14px; color:#333; margin:10px 0 15px; }
div.noticias a { padding-left:45px; text-align:justify; clear:right; margin-bottom:4px;}
div.noticias span { float:left; width:39px; font-size:11px; line-height:15px; height:16px; color:#666; padding-top:1px; padding-right:4px; margin-top:2px; background:#fff url(../img/fechas-noticias-anteriores.gif) right no-repeat; text-align:center;}
div.mas { height:21px; background:url(../img/dash.gif) center repeat-x;}
a.button { background: transparent url(../img/boton.gif) no-repeat scroll bottom right; color: #444;display: block;float: right;font: normal 12px arial, sans-serif;height: 21px;padding-right: 6px; text-decoration: none;}
a.button span {background: transparent url(../img/boton.gif) no-repeat;display: block;line-height: 14px;padding: 3px 0 4px 6px;}
#box-noticias-anteriores { margin-top:10px;}
div.noticias a { display:block; font-size:12px; font-weight:900; color:#039; line-height:18px;}
div.noticia div.mas a.button { color:#FFF !important;}

/*#columna-1 { width:186px; float:left; background:#F3EEE7 url(../img/dash-vertical.gif) right top repeat-y; padding:0 8px; }*/
#columna-1 { width:345px; float:left; padding: 0 8px; background-color:#F3EEE7; }
#columna-1 div.recursos { margin-bottom:15px;margin-top: 15px; clear: both; display:block;}
#columna-1 div.recursos strong { font-weight:900;}
#columna-1 h3 span { font-size:12px; color:#333; display:block; padding-left:20px; font-weight:normal; text-transform:uppercase; line-height:12px; }
.ok { background:url(../img/boton-ok.gif) center center no-repeat; border:none; width:28px; height:22px; padding:0; color:#039;}
div.dashed { background:url(../img/dash.gif) top left repeat-x; padding-top:5px;}
#columna-1 .ssee a { display:block; margin-bottom:8px;}
#columna-1 .ssee span { font-size:11px; color:#666; text-transform:uppercase;}
#columna-1 .cronograma { margin:2px; padding-top:0;}
#columna-1 ul.internas {padding:0; margin:0; margin-bottom:5px;}
#columna-1 .internas li { list-style:none; padding:0; margin:0; margin-bottom:5px; margin-left:3px; }
#columna-1 .internas span { font-size:11px; color:#666; text-transform:uppercase; }
#columna-1 ul.info {width:155px; float:left;}

/*
#columna-3 div.recursos { margin-bottom:15px;margin-top: 15px; clear: both; display:block;}
#columna-3 div.recursos strong { font-weight:900;}
#columna-3 h3 span { font-size:12px; color:#333; display:block; padding-left:20px; font-weight:normal; text-transform:uppercase; line-height:12px; }
.ok { background:url(../img/boton-ok.gif) center center no-repeat; border:none; width:28px; height:22px; padding:0; color:#039;}
div.dashed { background:url(../img/dash.gif) top left repeat-x; padding-top:5px;}
#columna-3 .ssee a { display:block; margin-bottom:8px;}
#columna-3 .ssee span { font-size:11px; color:#666; text-transform:uppercase;}
#columna-3 .cronograma { margin:2px; padding-top:0;}
#columna-3 ul.internas {padding:0; margin:0; margin-bottom:5px;}
#columna-3 .internas li { list-style:none; padding:0; margin:0; margin-bottom:5px; margin-left:3px; }
#columna-3 .internas span { font-size:11px; color:#666; text-transform:uppercase; }
#columna-3 ul.info {width:155px; float:left;}*/

div.boxcronograma { background-color:#F3F3F3; padding-bottom:4px;
border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
#columna-1 .cronograma a { display:block; margin-bottom:8px;}
#columna-1 .cronograma span { font-size:11px; color:#666; text-transform:uppercase;}
a.leermas { float:right; padding-left:10px; background:url(../img/mas.gif) left center no-repeat;}
#columna-2 { width:150px; float:left; padding:0 5px; margin-left:2px; }
input.xtamano { width:140px;}

/* Pie de Página */
#pie {width:900px; margin:0 auto; padding:15px 5px 0; }
#pie div.recursos { float:left; width:200px; margin-right:15px; margin-bottom:5px;}
#pie div.recursos h3 img { vertical-align:bottom; margin-bottom:1px;}
#pie div.copy { width:400px; float:right; text-align:right; background:url(../img/logotsjepie.jpg) top left no-repeat;}
#pie div.copy h2 { font-weight:700; font-size:1.07em;}
#pie div.copy p { font-size:12px; line-height:16px;}

#pie div.recursos div.social { font-size:12px; width:99px; float:left; line-height:20px; margin-bottom:5px;}
#pie div.recursos div.social a { display:block; font-size:11px; padding-left:24px; margin-right:1px; }
div.fb a { background:url(../img/social-fb.gif) left center no-repeat;}
div.tt a { background:url(../img/social-tt.gif) left center no-repeat;}
div.in a { background:url(../img/social-in.gif) left center no-repeat;}
div.yt a { background:url(../img/social-yt.gif) left center no-repeat;}
div.rss a { background:url(../img/social-rss.gif) left center no-repeat;}

#pie div.recursos div.galerias { font-size:12px; width:65px; float:left; line-height:20px; margin-bottom:5px;}
#pie div.recursos div.galerias a { display:block; font-size:11px; padding-left:24px; margin-right:1px; }
div.gfotos a { background:url(../img/galeria-fotos.gif) left center no-repeat;}
div.gvideos a { background:url(../img/galeria-videos.gif) left center no-repeat;}
div.gaudios a { background:url(../img/galeria-audios.gif) left center no-repeat;}

div.recursos { font-size:12px; line-height:16px; margin-bottom:10px;}
div.recursos a { text-decoration:none; color:#039;}
div.recursos a:hover { color:#c60;}
div.recursos ul { margin-left:15px; font-size:12px;}
div.recursos ul li { list-style:url(../img/li.gif); line-height:16px;}
.over { cursor:pointer;}

#contadorelecciones { border:1px dashed #999; text-align:right; font-size:14px; background:url(../img/tiempo.gif) left center no-repeat; padding:10px; margin-bottom:5px;border-radius: 5px;-ms-border-radius: 5px;-khtml-border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#contadorelecciones strong { font-weight:900; color:#F60; font-size:16px;}

.twtr-ft { display:none;}

#actasprocesadas { font-size:9px;}
#actasprocesadas tbody tr.even { background-color: #D0D0D0; }
#actasprocesadas tbody tr.odd { background-color: #E5E5E5; }
#actasprocesadas tbody .hover { background-color:#333; color:#FFF; }
#actasprocesadas thead td { background-color:#999; font-weight:800; color:#FFF; }