/*
Theme Name: Materia de Negocios
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Ruben Araiza
Author URI: http://trostme.com/
Tags: blue
*/

* { margin:0px; padding:0px; }
html { overflow: -moz-scrollbars-vertical; }
body { background:#073360 url(images/bk_header.jpg) repeat-x; font:normal 12px/18px Arial, Helvetica, Verdana, Helvetica, sans-serif; color: #555;}
a, a:visited, a img {color:#000; border:none; outline:none;}
a:hover {color:#6da61d;}
h1, h2, h3, h4, ul, p { margin-bottom:13px; }
.inputtext { border:1px solid #ccc; padding:5px; }
.line_title { border-bottom:1px solid #0e6eb8; padding-bottom:8px; }
.tags a {color:#19a1da; }
.search-text { padding:3px; float:left; margin-right:6px; }
.search-submit { float:left; }
.searchbox div { overflow:hidden; margin: 7px 0 0 15px;  }
.size-thumbnail { border:1px solid #999; }

/* >>> Header <<< 
----------------------------------------------------- */
#header_container, #nav_container, #carousel_container, #content_container, #footer_container { width:100%;}
.header {  overflow:hidden; position:relative; width:920px; height:115px; margin:0 auto;}
.logo a { float:left; width:243px; height:67px; background:url(images/logo.png) no-repeat top left; margin-top:25px; }
.logo h1 { margin: 0; }
.logo span { display:none; }
.busqueda { float:right; margin:25px 10px 0 0; }
.publicidad {float:right; margin:17px 0 0 0;}

/* >>> Nav <<< 
----------------------------------------------------- */
#nav_container { background:#0c3d6e;  border-bottom:2px solid #6eaeea;    }
ul.nav { width:920px; list-style-type:none; height:32px; line-height:32px; margin:0; padding:0; background:url(i/bk_nav.png) no-repeat; margin:0 auto; }
ul.nav li {float:left;}
ul.nav li a { text-decoration:none; color:#FFF; display:block; padding:0 12px; border-right:1px solid #0d5592;}
ul.nav li a:hover, ul.nav li:hover,  ul.nav li.sfhover { text-decoration:none; background:#0e6eb8;}
ul.nav li ul { position: absolute; width: 195px; left: -999em; text-align:left; list-style-type:none; background-color:#0e6eb8;  }
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 "Lucida Sans", Arial, Helvetica; text-decoration:none; border-bottom:1px solid #0d5592; }
ul.nav li li a:hover {  color:#fff; background:#0d5592; }
.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul { left: auto; }
ul.nav .first { border-left:1px solid #0d5592; }

/* >>> Banner <<< 
----------------------------------------------------- */
.rotatorWide { background: url(images/bk-rotator.jpg) repeat-x; width:100%; height:300px; }
.rotatorContainer { width:920px; height:300px; margin:0 auto; position:relative; }
.navslide { font:bold 11px Arial, Helvetica, Sans-serif;  position:absolute; bottom:20px; right:20px; 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:url(images/normal.png) no-repeat; color:#fff;  }
.navslide a:hover { background:url(images/normal.png) no-repeat; }
.navslide a.activeSlide, #navslide a:active { background:url(images/on.png) no-repeat;  }

/* >>> Content <<< 
----------------------------------------------------- */
#content_container { background:#fff url(images/bk_content.png) no-repeat center top; padding-bottom:25px;  }
.content { width:920px; margin:0 auto; overflow:hidden; border-top:1px solid #fff; padding-top:30px; position:relative; }
h1.title_contenido { color:#000; font: normal 26px/31px Arial, Helvetica; margin:10px 0 10px 0; }
.searchbox { position:absolute; right:5px; top:0; width:272px; height:42px; background:url(/wp-content/themes/materia/images/bk_busqueda.png) no-repeat; }

/* >>> Col en el home <<< 
----------------------------------------------------- */
.col { width:315px; float:left; margin-right:20px;  }
.col h2 { font:normal 20px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000;  }
.col h3 { font:bold 12px/16px Arial, sans-serif; color:#0d5592; margin-bottom:8px; }
.col h3 a { color:#0d5592; text-decoration:none;  } .col h3 a:hover { color:#000; text-decoration:underline;   }
.col ul {list-style:none; margin:0; padding:0;}
.col li {  }
.col li a { color:#555; text-decoration:none; display:block; padding:0 0 0 13px; margin:12px 0; background:url(images/bullet_content.gif) no-repeat 0 4px; line-height:18px; }
.col li a:hover  { text-decoration:underline; color:#6da61d;}
.post { background:url(images/separador_destacados.gif) repeat-x bottom left; margin-bottom:10px; padding-bottom:5px; }

/* >>> Tools <<< 
----------------------------------------------------- */
.tools { width:250px; margin:0; float:right; margin:40px 0 0 0; }
.tools h2 { font-size:18px; margin-bottom:7px; }
.banner_tool {width:230px; height:70px; margin:15px auto; overflow:hidden;}
.banner_tool_vertical {width:230px; margin:15px auto; overflow:hidden;}
.banner_tool_first {width:230px; height:70px; margin:80px auto 15px auto; overflow:hidden;}

/* >>> Widecol <<< 
----------------------------------------------------- */
.widecol { width:650px; float:left; overflow:hidden; }
.widecol h1 { color:#000; font: normal 26px/31px Arial, Helvetica; margin:20px 0 10px 0; }
.widecol h2 {color:#79a23f; font: normal 22px/26px Arial, Helvetica;}
.widecol h3 {margin-bottom: 15px; color: #19a1da; font:normal 16px/20px Arial, Helvetica; }
.widecol h3.intro { color: #777; }
.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_content.gif) 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;}
small {font:normal 10px/14px Arial, Helvetica;}
.valor {font-weight:700; color:#000;}
.entry { overflow:hidden; }

/* >>> Breadcrumb <<< 
----------------------------------------------------- */
.breadcrumb { font-size:11px; color:#555; margin-bottom:10px; }
.breadcrumb a, .breadcrumb a:visited  { color:#19a1da; }
.breadcrumb a:hover { color:#666; }

/* >>> Descarga revista <<< 
----------------------------------------------------- */
.descarga_revista { background:url(images/bk_descarga_revista.png) no-repeat bottom left; clear:both; }
.revista { margin:0 auto; width:196px; display:block; }
.btn_descarga a { float:left; width:250px; height:64px; background:url(images/btn_decarga_revista.png) no-repeat bottom left; margin-bottom:25px; }
.btn_descarga a:hover { background:url(images/btn_decarga_revista.png) no-repeat top left; }
.btn_descarga a:active { background:url(images/btn_decarga_revista.png) no-repeat bottom left; }
.btn_descarga span { display:none; }

/* >>> Footer <<< 
----------------------------------------------------- */
#footer_container { background: url(images/bk_footer.jpg) no-repeat center top; border-top:1px solid #073360;  }
.footer { font-size:11px; color:#90cbf0; width:920px; margin:0 auto; overflow:hidden;  padding-top:30px; }
.footer p { text-align:left; padding-bottom:30px;}
.col_footer { width:290px; float:left; margin-right:25px; min-height:200px; height:auto;  }
* html .col_footer { height:200px; } 
.col_footer h3 { color:#fff; font:normal 14px/18px; margin-bottom:5px; }
.col_footer ul { list-style:none; margin:0; padding:0; }
.col_footer li a, .col_footer li { display:block; background:url(images/bullet_footer.gif) no-repeat 0 50%; width:275px; padding:0 3px 0 12px }

/* >>> Fotos <<< 
----------------------------------------------------- */
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; margin: 0 0 15px 15px; }
.alignleft { float: left; margin: 0 15px 15px 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; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 15px; padding: 4px; margin: 0;}

.thumbnail {float:right; padding: 3px; margin: 3px 0 6px 6px; background-color: #edeae0;}
.last { margin:0; }

table#consejo td {padding:10px; text-align:center;}
table#consejo p {margin:0; font-size:10px; line-height:14px; }
table#consejo img {margin-bottom:15px;}