/*
	default.css

	(c) 2010 Gobierno del Estado de Nuevo León
	
*/


/* TEMPLATE */
.hide {display:none;}
.space {height:1em; clear:both;}
.left {float: left;}
.right {float: right;}
.align-center {text-align: center; margin: 0 auto;}
.cero { padding:0 !important; margin:0 !important; }
.block { display:block; }

/* ------------------------------------ */

/* BACKGROUND DEL SITIO */
body	{background-color:#fff; color:#333; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:18px;}

/* HEADER */
#wrapper-header {height:60px; background:url(../images/bg_header.png) top left repeat-x; color:#fff; background-color:#49be3b;}
#logo img {margin-top:12px; margin-left:12px;}
#search img {margin-right:48px;}
#search input[type='text'] {background:url(../images/bg_text-search.png) top left no-repeat; border:none; width:280px; height:24px; margin-top:6px; float:left;}
#search input[type='image'] {position:relative; right:24px; float:left;}
#search fieldset {border:none;}

/* MENU */
#wrapper-menu,
#wrapper-footer-menu {height:32px; background:url(../images/bg_menu.png) top left repeat-x; color:#fff; background-color:#005530;}
ul.menu {text-transform:uppercase; font-weight:bold; font-family: "Arial Narrow", Helvetica, sans-serif; margin-left:15px;}
ul.menu a {color:#fff; text-decoration:none; background-color:inherit;}
ul.menu a:hover {text-decoration:underline;}
ul.menu li {margin-right:55px; margin-top:8px; float:left;}

/* BREADCRUMB */
#breadcrumb {color:#999; background-color:#fff; font-size:11px; margin-top:10px;}
#breadcrumb a {text-decoration:none; color:#999; background-color:#fff;}
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb span {margin-right:10px;}
span.where {color:#f80; background:url(../images/bg_breadcrumb.png) 47px 2px no-repeat; background-color:#fff; padding-right:10px; margin-left:15px; margin-right:15px !important;}
#breadcrumb li {margin-right:15px;}

/* FOOTER */
#wrapper-footer {height:200px; background-color:#333; color:#fff;}
#footer-content {border-bottom:2px solid #444; margin-top:30px; padding-bottom:15px; font-size:11px;}
#footer-content img {margin-left:15px;}
p.footer-title {font-size:14px; margin-bottom:10px;}
.clima {float:right; margin-right:15px;}
ul.footer-links-left a {color:#f80; text-decoration:none; background-color:#333; font-size:12px;}
ul.footer-links-right a {color:#f80; text-decoration:none; background-color:#333; font-size:12px; font-weight:bold;}
ul.footer-links-left a:hover,
ul.footer-links-right a:hover {text-decoration:underline;}
ul.footer-links-left li {margin-right:20px; margin-top:52px; float:left;}
ul.footer-links-right li {margin-left:20px; margin-top:52px; float:right;}
ul.footer-links-right {margin-right:15px;}

/* ------------------------------------ */

/* FEATURED */
#featured { width: 990px; position: relative; z-index: 1; background-color: #fff; color:#333;}
#campanias-group {}
.campania img { float: left; margin-right: 15px; margin: 0; padding: 0;}
.campania h1 { font-family: "Arial Narrow", Helvetica, sans-serif; font-weight: normal; float: left; width: 400px; font-size: 30px; margin: 55px 0px 10px 15px; line-height: 33px; }
.campania p { float: left; width: 400px; font-size: 18px; font-family: "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #333; margin-left: 15px; line-height: 24px; background-color: #fff;}
.campania h1 a { text-decoration:none; color: #ff8600; background-color: #fff;}
.campania h1 a:hover { text-decoration:underline;}
#nav { z-index: 2000; position: relative; clear:both; float: right; margin-right: 15px; margin-top: -50px; }
#nav li { float: left; margin-right: 7px; border: 1px solid #f5f5f5;}
#nav li a { display: block; padding: 2px;}
#nav li.activeSlide { border: 1px solid #fe8a04; background-color: #fe8a04; color:#333;}
.featured-overlay { float: left; height: 260px; width: 550px; background: url(featured-overlay.png) repeat-y right; position: absolute; z-index: 1999;}

/* TELÉFONOS */
#telefonos {height:54px; padding-top:4px; border-top:2px solid #49be3b; background:url(bg_green.png) top left no-repeat; background-color:#f0fee8; color:#333;}
#telefonos h2 {font-size:16px; margin-left:15px; margin-top:10px; margin-right:15px;}
#telefonos li {margin-right:22px;margin-top:10px; font-size:11px; float:left;}
#telefonos li a {color:#999; text-decoration:none; padding-left:35px; padding-bottom:3px; background-color:#f0fee8;}
#telefonos li a:hover {text-decoration:underline;}
a.tel065 {background: url(bg_065.png)  0px 3px no-repeat;}
a.tel066 {background: url(bg_066.png)  0px 3px no-repeat;}
a.tel070 {background: url(bg_070.png)  0px 3px no-repeat;}
a.tel075 {background: url(bg_075.png)  0px 3px no-repeat;}
a.tel089 {background: url(bg_089.png)  0px 3px no-repeat;}
a.teldenuncia {background: url(bg_denuncia.png)  0px 3px no-repeat; padding-left:80px !important; padding-bottom:15px !important; display:block;}

/* NOTICIAS */
#noticias {padding:4px 0px; border-top:2px solid #49be3b; background:url(bg_green.png) top left no-repeat; background-color:#f0fee8; color:#333;}
p.rss {margin:20px;}
p.rss a {color:#4cb8d7; text-decoration:none; font-size:11px; background:url(bg_rss.png) top left no-repeat; padding-left:25px; padding-top:3px; padding-bottom:3px; background-color:#f0fee8;}
p.rss a:hover {text-decoration:underline;}
#noticias h2 {font-size:28px; margin:20px; font-weight:bold;}
#noticias h2 a {text-decoration:none; color:#333; background-color:#f0fee8;}
#noticias h2 a:hover {text-decoration:underline;}
#noticias h3, #noticias h4 {color:#333 !important; width: 290px; float: right; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0px 0px 10px 20px; background-color:#f0fee8;}
#noticias h3 a, #noticias h3 a:visited, #noticias h4 a, #noticias h4 a:visited {color: #333 !important; text-decoration: none; background-color:#f0fee8;}
#noticias h3 a:hover, #noticias h4 a:hover {color: #333 !important; text-decoration: underline; background-color:#f0fee8;}
#noticias h4 {width: 350px; font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px; line-height: 14px;}
#noticias .first p {width: 290px; float: right; margin: 0px 0px 10px 20px;}
#noticia-destacada {display: block; float: left;}
ul.noticias {list-style-type: none; margin: 0; padding: 0;}
ul.noticias li {float: left; padding: 0 10px 0 0; margin: 0 0 10px 0;}
ul.noticias li a.imagen-thumbnail {display: block; float: left; margin-left: 20px;}
ul.noticias li p.fecha {width: 350px; float: right; margin: 0px;}
#noticias p.balazo, #noticias abbr, #noticias a.galeria {font-family: Arial, sans-serif; font-size: 11px; }
#noticias abbr {color:#999; background-color:#f0fee8;}
#noticias p.balazo {color:#777; line-height: 14px; background-color:#f0fee8;}
#noticias .first a.galeria {display: block; color: #4cb8d7; text-decoration: none; padding-left: 25px; background: url('bg_galeria.png') left no-repeat; background-color:#f0fee8;}
#noticias .first a:hover.galeria {text-decoration: underline;}

/* ------------------------------------ */

/* CONTENT */
#content {height:525px; background:url(bg_content.png) top left repeat-y;}
#servicios,
#content #eventos,
#temas {padding-top:4px; border-top:2px solid #49be3b; background:url(bg_green.png) top left no-repeat; }
#content h2 {font-size:28px; margin:15px;}
#content h2 a {text-decoration:none; color:#333; background-color:#fff;}
#content h2 a:hover {text-decoration:underline;}

/* SERVICIOS */
#servicios li {margin-left:15px; margin-bottom:5px;}
#servicios li a {text-decoration:none; color:#333; background-color:#fff;}
#servicios li a:hover {color:#49be3b; background-color:#fff;}
#servicios ul {margin-bottom:25px;}
p.subtitle {margin-left:15px; text-transform:uppercase; color:#999; margin-bottom:10px; background-color:#fff;}
#servicios p a {font-size:11px; margin-left:15px; color:#4cb8d7; text-decoration:none; display:block; margin-bottom:10px; background-color:#fff;}
#servicios p a:hover {text-decoration:underline;}
p.subtitle-2 {font-size:11px; margin-left:15px;}
p.subtitle-2 strong {font-size:12px;}

/* EVENTOS */
#content #eventos abbr {color:#999; font-size:11px; background-color:#fff;}
#content #eventos p {font-size:11px;}
#content #eventos p a {text-decoration:none; color:#333; background-color:#fff;}
#content #eventos p a:hover {color:#49be3b; background-color:#fff;}
#content #eventos img {margin-left:15px; margin-bottom:10px;}
p.conarte {font-size:11px; margin-left:15px; margin-top:10px;}
p.conarte a {color:#4cb8d7 !important; text-decoration:none; background:url(bg_conarte.png) top left no-repeat; padding-left:70px; padding-bottom:25px; padding-top:5px; background-color:#fff;}
p.conarte a:hover {text-decoration:underline !important; color:#4cb8d7 !important; background-color:#fff;}

/* TEMAS */
#temas li {background:url(bg_bullet.png) 0px 4px no-repeat; padding-left:12px; margin-left:15px; margin-bottom:10px;}
#temas li a {text-decoration:none; color:#333; background-color:#fff;}
#temas li a:hover {color:#49be3b; background-color:#fff;}

/* SIDEBAR */
#sidebar {padding-top:4px; border-top:2px solid #a3db94; background:url(bg_light-green.png) top left no-repeat}
#encuesta, #participa {margin: 10px 0 10px 20px;}
#encuesta  h3, #participa  h3 {text-transform: uppercase; margin-bottom: 10px; font-family: "Arial Narrow", Helvetica, sans-serif;}
#encuesta p.pregunta {color: #4CB8D7; font-size: 16px; font-weight: bold; line-height: 21px; margin-right: 10px; background-color:#f5f5f5;}
#encuesta p.pregunta a {color: #4CB8D7; text-decoration: none; background-color:#f5f5f5;}
#encuesta p.pregunta a:hover {text-decoration: underline;}
#encuesta p.enlace {color: #4CB8D7; text-align: right; margin-right: 10px; background-color:#f5f5f5;}
#encuesta p.enlace a {color: #4CB8D7; text-decoration: none; background-color:#f5f5f5;}
#encuesta p.enlace a:hover{text-decoration: underline;}
#participa {margin-bottom: 20px;}
#participa-rd {list-style-type: none; margin-left: 20px;}
#participa-rd li {float: left; margin-bottom: 15px;}
#participa-rd a.icon {display: block; float: left; height: 50px; margin-right: 5px;}
#participa-rd h4, #participa-rd p {float: left; width: 120px; }
#participa-rd p {font-size: 11px; color: #999; background-color:#f5f5f5;}
#participa-rd h4 {font-size: 12px;}
#participa-rd h4 a {color: #333; text-decoration: none; background-color:#f5f5f5;}
#participa-rd h4 a:hover {text-decoration: underline;}
#redes-sociales {margin-left: 30px;}
#redes-sociales li {float: left; margin: 15px 17px 0 0;}

/* ------------------------------------ */

/* CONTENT-SIDEBAR */
#content-sidebar {height:200px; background-color:#49be3b; color:#333;}
#gobierno,
#transparencia,
#legislacion,
#nuevoleon {padding-top:4px; background:url(bg_orange.png) top left no-repeat;}
#content-sidebar h2 {font-size:22px; margin:15px; height:45px; color:#fff; background-color:#49be3b;}
#content-sidebar h2 a {text-decoration:none; color:#fff; background-color:#49be3b;}
#content-sidebar h2 a:hover {text-decoration:underline;}
#content-sidebar p {margin-left:15px;}
#content-sidebar p a {text-decoration:none; color:#F0FEE8; background-color:#49be3b;}
#content-sidebar p a:hover {text-decoration:underline;}