/*  
Theme Name: grylanev
Theme URI: http://www.groloff.com
Description: Theme for Grylan Eventos site.
Author: Gerardo Roloff
Author URI: http://www.groloff.com
Version: 1.0
Tags: black, white, two-columns, fixed-width, right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */

* {
margin: 0;
padding: 0;
}
body {
font-family: Tahoma;
font-size: 11px;
color: #333333;
background: #d0d8d7 url(images/body_bg.jpg) top left repeat-x;
}
h3 {font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;}
p { margin-bottom: 10px;}
.alt {
background: #e9eaea;
display: block;
clear: both;
margin: 10px 0 0 0;
padding: 5px;
}
img a{ border: none;}
.alignleft { border: none; display: block; float: left; margin-right: 10px;}
ul {
list-style: none;
list-style-position: inside;
}
li {list-style: none;}
.top_nav li{
display: inline;
margin-left: 20px;
}
.menu_marcas li{
display: inline;
}
#top_bar {
width: 100%;
height: 107px;
background: url(images/top_bg.png) top left repeat-x;
}
#header {
width: 900px;
height: 97px;
margin: 0 auto;
}
#barra_negra {
width: 900px;
height: 33px;
}
.site_logo {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
padding-top: 6px;
width: 300px;
height: 27px;
display: block;
float: left;
text-transform:uppercase;
}
#barra_negra a {
color: #FFFFFF;
text-decoration: none;
}
#barra_negra a:hover {
color: #ff9900;
text-decoration: none;
}
#content a {
color: #333333;
text-decoration: none;
}
#content a:hover {
color: #ff9900;
text-decoration: none;
}
#post_teaser a {
color: #FFFFFF;
text-decoration: none;
}
#post_teaser a:hover {
color: #ff9900;
text-decoration: none;
}
#menu_pages {
width: auto;
height: 15px;
margin-top: 10px;
display: block;
float: right;
}
#barra_marcas {
width: 900px;
height: 64px;
display: block;
}
.wilson_link {
width: 161px;
height: 64px;
display: block;
float: left;
margin-right: 62px;
background: url(images/btn_wilson.jpg) top left no-repeat;
text-indent: -999em;
}
.salomon_link {
width: 208px;
height: 60px;
display: block;
float: left;
margin-right: 62px;
background: url(images/btn_salomon.jpg) top left no-repeat;
text-indent: -999em;
}
.atomic_link {
width: 199px;
height: 60px;
display: block;
float: left;
margin-right: 62px;
background: url(images/btn_atomic.jpg) top left no-repeat;
text-indent: -999em;
}
.suunto_link {
width: 145px;
height: 60px;
display: block;
float: left;

background: url(images/btn_suunto.jpg) top left no-repeat;
text-indent: -999em;
}
#page {
width: 920px;
height: auto;
margin: 0 auto;
}
.closer {
}
#borde_top_blanco {
width: 920px;
height: 22px;
background: url(images/bg_borde_top_blanco.png) top left no-repeat;
}
.page_title {
font-family: Arial, Helvetica, sans-serif;
color: #ff9900;
font-size: 18px;
border-bottom:1px solid #CC6600;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: normal;
}
.page_title_home {
display: none;}
.page_title a{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
text-decoration: none;
font-weight: normal;
}
.page_title a:hover{
font-family: Arial, Helvetica, sans-serif;
color: #ff9900;
font-size: 18px;
text-decoration: none;
font-weight: normal;
}
#content {
width: 880px;
height: auto;
background: url(images/bg_content.png) top left repeat-y;
padding: 0 20px;
}
.closer {
width: 100%;
height: 2px;
display: block;
clear: both;}
#borde_bottom_blanco {
width: 920px;
height: 31px;
background: url(images/bg_borde_bottom_blanco.png) top left no-repeat;
}
#footer {
width: 880px;
min-height: 40px;
display: block;
clear: both;
padding-top: 10px;
border-top: 1px solid #999999;
}
#content_main {
width: 610px;
min-height: 200px;
display: block;
float: left;
}
#sidebar {
width: 252px;
min-height: 200px;
display: block;
float: right;
}
#widget_box_left {
width: 298px;
margin-top: 10px;
min-height: 150px;
display: block;
float: left;
}
#widget_box_right {
width: 298px;
margin-top: 10px;
min-height: 150px;
display: block;
float: right;
}
.widget_title {
height: 21px;
width: 281px;
display: block;
padding-left: 16px;
padding-top: 6px;
position: absolute;
z-index: 100;
margin-top: 118px;
background: url(images/bg_widget_title.png) top left repeat-x;
color: #ff8604;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#post_teaser {
width: 609px;
height: 337px;
display: block;
float: left;
clear: both;
}
.entry {
margin-bottom: 20px;
border-bottom: 1px solid #CC6600;
}
.wp-post-image { float: left; margin: 0 10px 0 0;}



/* Estilos del teaser */
.col4top{
	height: 337px;
	margin: 0;
	width: 609px;
	padding: 0;
	z-index:5;
	
}
.col5top{
background: url(images/overlay.png);
position: absolute;
left:0;
z-index: 50;
width: 599px;
bottom: 0;
height: 70px;
color: #ccc;
text-indent: 0;
overflow: hidden;
padding:0 5px 5px 5px;
font-size:12px; 
font-weight:normal;
}

#featuredpost{
clear:both;
display:block;
width: 609px;
height: 337px;
text-align:left;
}

.featureditem {
	height: 337px;
	max-height: 337px;
	width: 609px;
	margin: 0 0 0 0px;
	margin:0;
	padding:0px 0px 0px 0px;
	background: #fff !important;
	overflow:hidden;
}
.col5top h3 {
text-align:left;
margin:0;
padding:0;
}
.col5top .more a { 
color:#FF6600;
font-weight: bold;
}
.col5top h3 a { 

	color: #fff;
	font-size:18px; 
	font-weight: normal;
}

.col5top h3 a:hover { 
	text-decoration: none;
}

.clear {
clear: both;
}
/*  Fin de Estilos del teaser */