/*
Theme Name: CMIC 2.0
Theme URI: http://wordpress.org/
Description: Theme hecho para CMIC Sonora.
Version: 1.0
Author: Michael Heilemann
Author URI: http://trostme.com/
Tags:
*/

@charset "utf-8";
/* CSS Document */

/* GENERAL ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {margin: 0; padding:0; list-style-type:none;}
body { margin: 0; font: normal 12px/17px  Arial, Verdana, Helvetica; color:#555; background: #f1f1f1 url(images/bg.gif) repeat-x;}
html { overflow: -moz-scrollbars-vertical;}
.wrap {	width: 960px; margin: 0 auto; overflow:hidden;}
a, a:visited, a img { color:#0187b9; text-decoration:none; font-weight:bold; outline:none;}
a:hover { color:#0187b9; text-decoration:underline; }
img { border:none; }
p, h1, h3 {margin: 0 0 12px 0;}
.line { height: 1px; border-top:1px Solid #e3e3e3; clear:both; display:block; }


/* HEADER  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#header {width:960px; height:98px; margin:0 auto; position:relative; z-index:50;}
.logo a {width:615px; height:76px; margin:0; background:url(images/logo.gif) no-repeat; position:absolute; left:0; top:13px; }
.logo h1 { margin: 0; }
.logo span { display:none; }
.info_fecha {position:absolute; right:0; top:13px; width:345px; }
.info_fecha p { font-size:11px; color:#0a5483; float:right; margin-bottom:3px; }
.info_fecha a { color:#0187b9;}
.buscador { position:absolute; right:0; top:60px; }



/* NAV  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav_container { position:relative; padding-left:15px;width:945px; height:39px; margin:0 auto; background:url(images/bg_menu.gif) no-repeat; border-bottom:1px solid #031f30; line-height:39px; z-index:50;}
ul#nav { float:left; list-style-type:none; line-height:39px; padding:0; background:url(i/bk_nav.png) no-repeat;  }
ul#nav li { float:left; }
ul#nav li a { text-decoration:none; color:#FFF; display:block; padding:0 12px;}
ul#nav li a:hover, ul#nav li:hover,  ul#nav li.sfhover { text-decoration:none; background:#0d8ebe;}
ul#nav li ul { position: absolute; margin:0; padding:0; width: 194px; left: -999em; text-align:left; list-style-type:none; background-color:#0d8ebe;  }
ul#nav li li { margin:0; padding:0; float:left;  }
ul#nav li li  a { background:transparent url(i/sub_ul_separador.png) repeat-x top left; padding:8px; border-right:none; width:178px; display:block; font-weight:normal; color:#fff;
font:normal 11px Arial, Helvetica; text-decoration:none;}
ul#nav li li a:hover {  color:#fff; background:#5cbee2; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

/* CONTENT  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#content {width:940px; padding:20px 0 0 20px; margin:0 auto; background-color:#FFFFFF; overflow:hidden}
.banner_secciones { width:960px; margin: 0 auto; }

/* DESTACADOS   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#destacados {width:920px; overflow:hidden; margin-bottom:20px; }
#destacados_wide {float:left; width:585px; }
.news { width:321px; float:right; overflow:hidden; background:url(images/round_news.gif) no-repeat top;}
.news .title {color:#FFFFFF; width:311px; height:26px; padding:0 0 0 10px; font:bold 10px/26px Arial, Verdana, Helvetica, sans-serif;}
.news h4 {color:#000;}
.texto_prensa {width:321px; background-color:#f2f2f2; font-size:11px; }
.texto_prensa img {margin:3px;}
.texto_prensa h4 a { color:#000; margin-bottom:12px; }
.texto_prensa h4 a:hover { color:#555; }
.texto_prensa ul {width:300px; margin:0 auto; list-style:none; padding:0;}
.texto_prensa li {padding:3px 0; margin:0; overflow:hidden; border-bottom:1px solid #e2e2e2;}
.texto_prensa li a { font-weight:300; color:#333; display:block;  padding:0 0 5px 0; margin:0; line-height:120%; }
.texto_prensa li a:hover { color:#0187b9; }
.texto_prensa li img {float:left; padding: 5px 5px 5px 0;}
.texto_prensa span { font-size:10px; color:#888; margin:0; padding:0; }



/* BANNER ------------------------------------------------------*/
#banner { width:585px; height:235px; float:left; position:relative; margin-bottom:30px; }
.rotate { position:relative; }
.navslide { font:bold 11px Arial, Helvetica, Sans-serif;  position:absolute; bottom:10px; right:10px; z-index:20; }
.navslide a {  line-height:20px; text-align:center;  float:left; display:block; margin-right:4px; width:20px; height:20px; text-decoration:none; background-color:#555555; color:#fff;  }
.navslide a:hover { background-color:#000; }
.navslide a.activeSlide, #navslide a:active { background-color:#000;  }

.icono_col {width:120px; float: left; margin:0 13px 20px 13px; text-align:center; display:block;}
.icono_col a {color: #333; font-size:14px; text-decoration:none; }
.icono_col a:hover {color: #333; font-size:14px; text-decoration:underline;}
.icono {margin-bottom:10px; width:120px; height:80px; color: #333; font-size:14px; text-decoration:none;}
.icono span {display:none;}

.newslet_ic a {background:url(images/icono_news.jpg) no-repeat top left; width:120px; height:100%; display:block;}
.newslet_ic a:hover {background:url(images/icono_news.jpg) no-repeat left bottom;}
.calendario_ic a {background:url(images/icono_calendario.jpg) no-repeat top left; width:120px; height:80px; display:block;}
.calendario_ic a:hover {background:url(images/icono_calendario.jpg) no-repeat left bottom; }
.socios_ic a {background:url(images/icono_socio.jpg) no-repeat top left;width:120px; height:80px; display:block;}
.socios_ic a:hover {background:url(images/icono_socio.jpg) no-repeat left bottom;}
.directorio_ic a {background:url(images/icono_directorio.jpg) no-repeat top left; width:120px; height:80px; display:block;}
.directorio_ic a:hover {background:url(images/icono_directorio.jpg) no-repeat left bottom ;}
 


/* NEWSTICKER   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.news_ticker { position:relative; margin:15px 0; width:910px; height:35px; padding-left:10px; background:url(images/news_ticker.png) no-repeat; font:normal 11px/35px Arial, Verdana, Helvetica, sans-serif; color:#000000;}
.news_ticker strong {color:#000;}

/* COLUMNAS_HOME   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#columnas_home {width:960px; overflow:hidden; margin-bottom:40px;}
.col {width:220px; margin-right:13px; float:left; overflow:hidden; background:url(images/round_top_col.gif) no-repeat top;}
.col h4 {color:#FFFFFF; margin:5px 0 10px 10px; font:bold 10px/15px Arial, Verdana, Helvetica, sans-serif;}
.last {margin-rigth:0;}
.col ul { margin:0; padding:0; list-style:none; }
.col li {}
.col li a{ width:195px; margin-left:5px; background: url(images/bullet_blue_small.png) no-repeat 0 50%; padding:0 5px 0 10px; font:normal 12px/19px Arial, Verdana, Helvetica, sans-serif; color:#555555; display:block;}

/* WIDECOL   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.widecol { width:655px; margin-right:20px;  float: right; padding:20px 0 25px 0;  overflow:hidden;   }
.widecol h1 { color:#333; font: normal 35px/40px Georgia, "Times New Roman", Serif; margin:13px 0; border:none;}
.widecol h2 { color:#79a23f; font: normal 22px/26px Arial, Helvetica;}
.widecol h3 { margin-bottom: 15px; color: #0187b9; font:normal 18px/22px Arial, Helvetica; }
.widecol h3 a { color: #000; font:normal 18px/22px Arial, Helvetica; }
.widecol h3.intro { margin-bottom: 15px; color: #999; font:normal 18px/22px Arial, Helvetica; }
.widecol h4 { margin-bottom: 0; color: #000; font:bold 13px/16px Arial, Helvetica; }
.widecol ul { list-style:none; line-height: 18px; margin-left:10px; margin-bottom:14px;}
.widecol ul li { margin:7px 0 0 0; background:url(images/bullet_blue_small.png) no-repeat 0 50%; padding:0 0 0 12px;}
.widecol ol { line-height: 18px; margin-left:30px; margin-bottom:14px; padding:0;}
.widecol ol li { margin:7px 0 0 0; padding:0;}
blockquote { font:normal 14px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; background-color:#ebefdb; padding:10px 10px 10px 15px; margin:0 15px 15px 20px; border-left:3px solid #acbe87; }
blockquote p { margin:0; }
.texto_padding {padding:0 15px 15px 15px;}
.breadcrumb { font-size:11px; color:#888; }
.breadcrumb a:hover { color:#333; }
 .views { font-size:11px; color:#333; }

/* NARROWCOL   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.narrowcol { float:left; width:230px; padding:20px 0; }
.narrowcol h3 { height:34px; font:normal 13px/34px Arial, Helvetica, Sans-serif; background:#3C3939 url(images/bk_titlenarrowcol.png) no-repeat; padding-left:10px; margin:0; color:#fff; }
.narrowcol ul { list-style-type:none; background:#f0f0f0 url(images/bottom_round_narrowcol.png) no-repeat bottom left; overflow:hidden; width:230px; padding:8px 0; margin:0 0 20px 0;}
.narrowcol li, .narrowcol li li { float:left; }
.narrowcol li a { font-weight:normal; color:#000; text-decoration:none; display:block; width:188px; padding:4px 10px 4px 22px; background:url(images/bullet-normal.png) no-repeat 8px 50%;  }
.narrowcol li a:hover { text-decoration:underline; }
.narrowcol ul ul { margin:0; background:none; }
.narrowcol li li a { color:#555; font-size:11px; padding:3px 3px 3px 35px; background:url(images/bullet_childlist.gif) no-repeat 22px 3px; }

/* BANNERS_BOTTOM   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#banners_bottom { margin-bottom:20px;}
#banners_bottom img{margin-right:4px;}

/* FOOTER   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer {width:960px; margin:0 auto 25px auto; padding:15px 0 15px 15px; position:relative; overflow:hidden;}
#footer a { color:#333; } #footer a:hover { color:#b10000; }
#footer h4 {color:#0187b9; font:bold 10px/15px Arial, Verdana, Helvetica, sans-serif; margin:0;}
#footer p {color:000; font:normal 10px/15px Arial, Verdana, Helvetica, sans-serif; margin:0;}
.social-net { width:251px; height:32px; float:right; margin:-37px 185px 0 0;}
.social-net img { float:left; margin-right:15px;}
.esr { position:absolute; background:url(/wp-content/uploads/esr.png) no-repeat; width:157px; height:58px; top:12px; right:15px; }
.esr span {display:none;}

/* TABLAS   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table#normal { margin:15px 0; border-left:1px solid #E2E2E2; border-top:1px solid #E2E2E2; border-collapse:collpase; }
table#normal td { padding:8px; border-bottom:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
table#normal th { color:#333; background-color:#e2e2e2; padding:8px; text-align:left; border-right:1px solid #E2E2E2; }

/* >>> Fotos <<< 
----------------------------------------------------- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { margin: 0 0 5px 10px; display: inline; }
img.alignleft {	margin: 0 10px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }

/* >>> Captions <<< 
----------------------------------------------------- */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.grid_people {border: 1px solid #333; text-align: center; background-color: #d2d2d2; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display:block;}
.grid_people { float:left;  }
.grid_people img { margin:5px; }
.grid_people p { margin:0;  }
.wp-caption img, .grid_people { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 15px; padding: 4px; margin: 0;}
.round { -moz-border-radius: 7px; -webkit-border-radius: 7px; }


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 810px;
position:absolute; right:10px;  top:3px;
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 780px;
overflow: hidden;
}
ul#ticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul#ticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul#ticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul#ticker span {
margin: 0 10px 0 0;
}