@charset "utf-8";
* {margin:0; padding:0;}
body {font: 100% Arial, Helvetica, sans-serif; background:#f0f0f0 url(generalBG.jpg) repeat-x left top}
img {border:0;}
p {font-size:11px; margin-bottom:10px; color:#58585A}
li {font-size:11px; color:#58585A;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both; height:1px;}
.center {text-align:center;}

#wrapper {width:988px; margin: 15px auto 0px;}

/* ============================
            HEADER
============================ */
#header {height:370px; background:url(topBG_plain.png) no-repeat left top; position:relative; padding-left:150px}
h1.logoSitio {width:107px; height:107px; position:absolute; top:10px; left:25px; z-index:1000}
#header h2 {float:left; width:450px; height:60px; margin-top:15px;}
.welcomeSubtit {font-size:15px; color:#3152ca;}
.welcomeTit {font-size: 20px; color:#58585a;}
#header li {list-style:none;}
/* HERRAMIENTAS */
.herramientas {float:right; font-size:11px; font-weight:bold; width:340px; height:71px; padding-top:4px; padding-left:40px; display:block}
.herramientas li {margin-right: 10px; float:left}
.herramientas li a {color:#fff; text-decoration:none;}
.herramientas li a:hover {color:#fff; text-decoration:underline;}
/* MAIN MENU */
.mainMenu {float:left; z-index:950;height:21px; position:relative; padding-top:10px}
.mainMenu li {font-size:13px; font-weight:bold; float:left;}
.mainMenu > li a {color:#58585a; display:block; padding-right:15px; height:22px}
.mainMenu li ul {background:url(transp_area.png) repeat left top; position:absolute; top:31px; left:-150px; width:888px; height:165px; padding:50px;}
.hiddenSubmenu {display:none}
#header .mainMenu li ul li {width:200px; height:55px; margin-bottom: 15px; margin-right: 20px; font-weight:bold; list-style:url(bullet_emergente.png); min-height:20px;}
.mainMenu li ul li, .mainMenu li ul li a {color:#3152ca; height:auto}
.mainMenu li ul li p {font-weight:normal; margin-left:-15px}

/* ----------HOME-------------*/
/* BANNER FLASH */
#flashBanner {z-index:-1; margin-left:-75px;}
/* iMENU */
#iMenu2 { width: 400px; height:100px; top:-40px; overflow: hidden; position:relative; display:block; margin:0 auto;}  
#iMenuContent { position:absolute; width:880px; text-align:left; margin: 0;}
.iCons {}
#moveBtnLeft {position:absolute; top:0px; left:20px;}
#moveBtnRight {position:absolute;  top:0px; left:900px;}

#iMenu {position: absolute; bottom:0px; left:0px; z-index:900; width:988px; background:url(BGiFrame.png) no-repeat left bottom;}
#iMenuContent {width:560px; margin:0px 174px; text-align:center}
.iCons {width: 80px; height:100px; float:left; text-align:center; font-size:11px; font-weight:bold}
.iCons:hover img {margin-top:-20px; margin-bottom: 20px;}
.iCons a {color:#fff;}
.iCons a:hover {text-decoration:none;}
/* ---------INTERNAS-----------*/
/* TITULO SECCION */
#headerInternas {min-height:190px; background:url(topBG_plainInterna.png) no-repeat left top; padding-left:150px; width:838px; position:relative}
#headerInternas .herramientas {margin-bottom:19px}
#headerInternas h1.logoSitio {top:10px; left:25px; position:absolute; z-index:1000}
.logoSitio_interna {float:left; position:relative; margin-top:10px; margin-left:-130px}
#headerInternas #tituloSeccion {clear:both; background:#384e65 url(BGseccionHead.jpg) repeat-x left bottom; width:988px; height:88px; margin-left:-150px;}
#headerInternas h2 {float:left; width:450px; height:60px; margin-top:15px; margin-bottom:19px}
#headerInternas li {list-style:none;}
.secTitle {width:988px}
.secTitle .idSeccion {width: 370px; float:left; background:url(bg_titSeccion.jpg) repeat-x; height:55px; padding-left: 30px; padding-top:30px; color:#fff}
.menuSeccion {width:550px; float:right; padding: 15px}
.menuSeccion li {}
.menuSeccion h4 {width: 400px; color:#fff; margin-bottom: 10px}
.menuSeccion li {float:left; width:135px; display:block; margin-right:10px}
.menuSeccion li:before {content:url(bullet_listWhite.png); padding-right:5px}
.menuSeccion li a {color:#fff;}

/* ============================
         CONTENIDO
============================ */
/* BUSCAR */
#herramientasContenido {background:#fff url(bg_herramientasContenido.jpg) no-repeat left top; height:53px; padding-top:7px;}
#herramientasContenido form {background:url(buscador.jpg) no-repeat left top; width:444px; height:25px; float:left; margin: 9px 60px 0px 30px;}
#herramientasContenido form label {display:none;}
#herramientasContenido input[type="text"] {border:0; margin-left:1px; width:412px; background:transparent; padding:4px; color:#444}
#herramientasContenido input[type="submit"] {border:0; width:23px; background:transparent; font-size:0; height:20px; color:#979797;}
#herramientasContenido h3 {color:#3152ca; font-size: 14px;}
#herramientasContenido a {color:#3c6489;}
/* CONTENIDO */
#contenido {padding: 10px; background:#fff}
#contenido h3 {color:#3152ca; margin-bottom:10px;}
#contenido h4 {color:#9faee6; font-weight:normal}
#contenido ul {margin-bottom:10px;}
#contenido li {list-style:none}
#contenido li a {color:#58585A;}
/* INDEX */
.columnaLeft {width:700px; float:left; margin-right:10px}
.followSection img {}
.info_follow {display:block; float:left; width: 290px;}
.ligaTwitter {text-align:right; background:url(tweet.jpg) no-repeat 265px top; height: 17px; padding-top:1px; padding-right: 30px;}
.ligaTwitter a {color:#9faee6;}
.bloqueColumna {width:47%; float:right; padding: 0 10px;}
.bloqueColumna #mesesCalendario {font-size:11px; width: 50%; margin: 0 25%; background:#666;color:#fff; height:17px; padding-top:3px;}
.atrasCalendario {width:15px; float:left; text-align:center}
.adelanteCalendario {width:15px; float:right; text-align:center}
.mesCalendario {float:left; width:130px; text-align:center;}
.mesCalendario a {color:#fff}
.bloqueColumna table {font-size:11px; width:50%; margin:0px 25% 10px;border:solid 1px #666;	border-collapse:collapse; color:#666177;	text-align:center; clear:both}
.bloqueColumna table td {border-color: #600; border: solid 1px #9dafbd}
.bloqueColumna table #mes {background:#666; color:#fff}
.bloqueColumna table th {background:#d9e2e1; color:#666177}
.activeAgenda {background:#e19597; color:#fff}
#contenido .bloqueColumna li {list-style-image: url(bullet_list.jpg); list-style-type: none; margin-left:15px}
.agendaGobernador {border:1px solid #b4b5b7; margin-bottom:10px; padding-top:10px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contenido .titAgenda {background:url(bgTitAgenda.jpg) no-repeat left top; height:30px; padding-top:8px; padding-left:8px; color:#3152ca; display:block; font-size:18px;}
.entradaAgenda {background:url(bg_agendaDate.jpg) no-repeat left bottom; padding:10px 10px 5px}
.leftAgenda {float:left; width:340px}
.rightAgenda {float:right; width:339px; margin: -10px -10px -10px 0px; padding-top:10px;}
.columnaRight {width:254px; float:right;}
.columnaRight ul {margin-bottom:10px}
.columnaRight li {margin-left:20px; list-style:url(bullet_list.png); font-weight:bold}
.columnaRight li a {color:#58585A; font-weight:normal}
.columnaRight h3 {color:#3152ca;}
#asiVamos {border: 1px solid #b4b5b7; margin-bottom:10px; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#asiVamos p {margin:0}
#asiVamos img {margin: 2px 0;}
.columnaRight .ligaMetas a {color:#3c6489;}
.secretarias img {margin:5px;}
/* INTERNA */
.breadcrumb {background:#f0f0f0; padding:5px 15px; border-bottom: 1px solid #d3d3d3; margin: 0px -10px 10px;}
.breadcrumb p {margin:0}
.breadcrumb a {color:#58585A}
.titBread {color:#0009c7; font-weight:bold}
#contenidoInterna {padding: 0 10px; background:#fff url(BGrightCol_interna.jpg) repeat-y right 10px;}
#contenidoInterna h3 {margin-bottom: 10px; font-size:16px;}
/* ============================
      BUSCADOR AVANZADO
============================ */
#searchResContainer {background: url(bg_resultadosBusca.gif); border-right: 1px solid #999; border-bottom: 2px solid #999; border-left: 1px solid #999;}
#searchResContainer p, #resultadoBusqueda p {margin: 0;}
#resultadoBusqueda {background:#fff;}
#searchResContainer {list-style: none;}
.resultado {background:#f0f0f0; border-bottom:solid 1px #999; border-top:solid 1px #999; display:block; padding: 5px;}
#typeResultCriteria {margin: 0; font-weight:bold; color:#3152ca;}
.txtLegend {}
div#utahRight {float:right; width:320px; padding: 10px; text-align:center}
div#utahMiddle {float:left; width:628px; padding: 10px 0;}
#utahMiddle ul {margin-left:0px;  width:260px; background:#fff url(flechaBloqueRES.png) no-repeat left top;}
#utahMiddle ul li ul{margin-left:280px; width:280px; margin-bottom: 10px; margin-top: -15px; background-image:none}
#utahMiddle ul li {list-style:none; color:#58585A; font-weight:bold; font-size:13px; padding-top:2px; padding-left:5px;}
#utahMiddle ul li ul li{list-style:circle; color:#3152ca; font-weight:normal; font-size:11px}
#utahMiddle li a {color:#fff}
#utahMiddle ul li ul li a {color:#58585A}

/* ============================
            FOOTER
============================ */
#footer {background:#7e7e7e; margin-top:5px; margin-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-bottom:10px}
#footer li, #footer a, #footer h3, #footer p {color:#fff;}
#footer h3 {font-size:13px; margin-bottom: 5px}
#footer li {margin-left: 15px; list-style:url(bullet_footer.jpg)}
#datosEstado {width:330px; float:left; padding:10px 20px;}
.seccionesFooter {width: 200px; float:left; margin-top:20px}
.herramientasFooter {width: 200px; float:left; margin-top:20px}
#escudoFooter {width: 70px; float:left}
#infoFooter {margin-top:10px;}
#infoFooter .direccion {font-size:10px;}
.maxmind {margin:10px 10px 0px; text-align:right; font-size:9px; color:#fff}

/* ============================
       SUBMENU INTERNAS
============================ */
#nav {width:840px; *margin-top:-23px}
#sheetHolder {background:#F1F1F1; border-bottom:1px solid #CFCFCF; border-top:1px solid #FFFFFF; display:none; width:988px; margin-left:-150px; margin-top:31px; *margin-top:0px; position:relative; clear:both}

#nav ul.tabs {list-style:none;}
#nav ul.tabs li {float:left; height:21px; padding-top:10px}
#nav ul.tabs li a {display:block; padding: 0px 10px 3px; color:#58585A; font-size:13px; font-weight:bold; height:21px;}

.sheet {display:none; width:968px; padding:0 10px; min-height:266px; display:block; clear:both}
#headerInternas .sheet h2 {font-size:20px; font-weight:bold; color:#3152CA; display:block; width:100%; height:20px; margin-left:15px}
.sheet ul {float:left; padding:15px; width:750px}
.sheet ul li {display:block; float:left; font-size:11px; list-style:none; width:250px; height:80px}
.sheet ul li a {color:#3152CA; display:block; font-size:13px; margin-bottom:0;}
.sheet ul li a:hover {}
.sheet ul li p {width:200px}
.sheetPhoto {background:white; border:1px solid #CFCFCF; float:right; margin:5px; padding:5px; position:absolute; top:0; right:0}
.imagenSubmenu {float:right}

/* contenidoContacto */
#contenidoContacto fieldset {border:0; margin-top:10px}
#contenidoContacto label {width:100px; text-align:right; display:block; float:left; padding-top:3px; margin-right:10px}
#contenidoContacto input[type="text"] {width:200px}
#contenidoContacto #direccion {width:200px}
#contenidoContacto legend {color:#3152ca; font-size: 14px; margin-bottom:10px; font-weight:bold}
#contenidoContacto input[type="reset"], #contenidoContacto input[type="submit"] {border:0; background:url(boton.png) no-repeat left top; width:65px; height:27px; color:#333333; margin-right:10px}
