/* 
	Theme Name: Trilhas de Bike
	Theme URI: http://www.trilhasdebike.com.br
	Description: Desenvolvimento do Tema do site em wordpress.
	/*
	Programador: Flavio Henrique 
	(c) 2011 SIERTI - Desenvolvimento de Sites e Portais Web 
	URL: http://www.sierti.com.br
	E-Mail: atendimento@sierti.com.br 
	*/
	/*
	Version: 2.0
	Author: Flavio Henrique - SIERTI
*/

@font-face {
	font-family: 'KlavikaCHMediumCondensed';
	src: url('css/fonts/klavikach-mediumcond-webfont.eot'); /* caso o navegador seja Internet explorer */
	src: local('☺'), url('css/fonts/klavikach-mediumcond-webfont.woff') format('woff'), url('css/fonts/klavikach-mediumcond-webfont.ttf') format('truetype'), url('css/fonts/klavikach-mediumcond-webfont.svg#webfontwcszJLF0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaCHRegularCondensed';
	src: url('css/fonts/klavikach-regularcond-webfont.eot');
	src: local('☺'), url('css/fonts/klavikach-regularcond-webfont.woff') format('woff'), url('css/fonts/klavikach-regularcond-webfont.ttf') format('truetype'), url('css/fonts/klavikach-regularcond-webfont.svg#webfontkNj0nsaB') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { padding:0; margin:0; list-style-type:none; border:none; outline:none; font-family:Arial, Helvetica, sans-serif;  }

body { 
	font-size:12px; 
	color:#a8a7a5; 
	background:#925E40 url(images/layout/fundo.png) no-repeat top center;
	background-size: 100% 65%;  
	width: 100%;
}

a { text-decoration:none; color:#fff }
a.saiba { color:#fff; text-decoration:underline }
a.rodape { color:#B7B0AB; font-weight:bold; text-decoration:underline; }

/* classes .css */

#opacity, #content, #header { background:url(images/layout/alpha.png) }
#alinha, #content, #header, #header-top { margin:0 auto }
#alpha, #slide, #blog, #modalidades, #content-interna, #widget { background:url(images/layout/alpha_content.png); }
ul, li { list-style-type:none; }
.clear { clear:both; }
.replace { display:block; overflow:hidden; text-indent:-9999px; background-image:url(images/layout/img-sprites.png); background-repeat:no-repeat; }

/* form */

.input-text { background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
.input-textarea, .comments textarea {  background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
.input-text2 { width:250px; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
.input-textarea2 { width:250px; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
label { color:#B7B0AB; height:20px; width:100px; float:left }
#btn { width:161px; height:36px; margin-top:4px; margin-left:38px; }
.wpcf7-submit, #submit { width:113px; height:26px; background:url(images/layout/btn-bg.png) no-repeat; font-family:'KlavikaCHRegularCondensed'; color:#703A0A; font-size:19px; cursor:pointer}

/* content */

#content { width: 854px; padding:15px 33px 28px 33px; }
#content-interna { width:560px; height:100%; float:left; padding:9px; margin-bottom:28px;  }
#content-interna-titulo { width:100%; height:23px; float:left; border-left:3px solid #E97610; padding:9px; }
#content-interna-titulo span { color:#E97610; font-family:'KlavikaCHRegularCondensed'; font-size:22px; text-transform:uppercase }
#conteudo-interna-dados { margin-left:15px; margin-right:15px; margin-top:20px; }
#conteudo-interna-dados hr { border:1px dotted #fff; }

/* header */

#header { width:920px; height:156px; }
#header-top { width:920px; height:40px; /*margin-top:25px;*/ }
.header-logo { width:271px; height:99px; margin-left:33px; }
#header-menu { width:850px; height:33px; margin:0 auto; border-bottom:3px solid #E97610 }  
#header-menu ul.menu { margin-top:15px; list-style:none; width:850px; margin:0 auto }			
#header-menu ul.menu li { float:left; margin-left:45px; display:inline; position:relative; }
#header-menu ul.menu li a { font-size:20px; text-transform:uppercase; display:block; text-align:center; padding-top:3px; color:#fff !important; font-weight:normal; font-family:'KlavikaCHMediumCondensed'; }

/* sub-menu */

#header-menu ul.menu li ul { display: none; position: absolute; top: 25px; left: -45px; z-index:1 } 
#header-menu ul.menu li:hover ul { display: block; width: 200px; } 
#header-menu ul.menu li ul li { clear: both; width: 200px; height: 26px; border-bottom: 1px solid #CCCCCC; position: relative; top:6px }
#header-menu ul.menu li ul li a { width: 190px !important; background-image: none; display: block; text-align: left; padding-left: 10px; background-color:#C8C8C8; color: #FFF; text-transform:none; font-size:20px; font-weight:normal; background:url(images/layout/alpha_content.png) }										
#header-menu ul.menu li ul li a:hover, ul.menu li ul li:hover a { background-color: #B6B6B6; }							

/* slide destaque imaagem e textos */

#slide { width:530px; height:313px; float:left; padding:9px; }
#slide div.container { width:530px; height:315px; overflow:hidden; position:relative; background:url(images/layout/alpha_content.png) }
#slide div.slides { position:absolute; top:0; left:0; }
#slide div.slides div { position:absolute; top:0; width:520px; display:none; }
#slide div.slide-txt { width:517px; float:left; margin-left:10px; margin-top:8px; overflow: hidden; }
#slide div.slide-txt h1, #slide div.slide-txt h1 a { font-size:22px; color:#E97610 !important; font-weight:normal; font-family:'KlavikaCHRegularCondensed'; }
#slide div.slide-txt p { color:#FFF; margin-top:7px; }
#slide div.slide-txt a.more-link { color:#fff; text-decoration:underline; margin-top: 2em; display: block; }
#slide div.slide-txt h1 a:hover {text-decoration: underline; }

/* box de noticias do blog */

#blog { width:293px; height:330px; float:right; color:#FFF }
#blog-titulo { width:100px; height:23px; float:left; border-left:3px solid #E97610; padding:9px; margin:9px; }
#blog-titulo span { color:#E97610; font-family:'KlavikaCHRegularCondensed'; font-size:22px; text-transform:uppercase }
.slider-blog { width:293px; height:200px; float:left }
.slider-blog .container { width:244px; height:200px; overflow:hidden; position:relative; margin-left:20px; }
.slider-blog .slides { position:absolute; top:0; left:0; }
.slider-blog .slides div { width:244px; display:none; overflow: hidden; }
.slider-blog .slides div hr { border-bottom:1px dotted #FFF; margin-top:10px; }
.slider-blog .data { color:#E97610; }
.slider-blog a.data:hover { text-decoration: underline; }
.slider-blog p { margin-top:6px; }
.navegacao-blog { width:100px; height:40px; margin:0 auto; clear:both }
.navegacao-blog li { float:left; padding-left:1px; }
.navegacao-blog li a { width:29px; height:29px; }
.navegacao-blog li a.previous { background-position:-312px 0; }
.navegacao-blog li a.previous:hover { background-position:-312px -30px; }
.navegacao-blog li a.next { background-position:-342px 0; }
.navegacao-blog li a.next:hover { background-position:-342px -30px; }

/* widget */

#widget { width:270px; height:100%; display:table; float:right; margin-top:15px; margin-right:33px; color:#fff }
#widget-titulo { width:100%; height:23px; float:left; border-left:3px solid #E97610; padding:9px; margin:9px; }
#widget-titulo span { color:#E97610; font-family:'KlavikaCHRegularCondensed'; font-size:22px; text-transform:uppercase  }
#widget ul { margin-left:24px; margin-bottom:15px; }
#widget p { margin-left:24px; margin-bottom:10px; }
#widget div.a { margin-left:24px; margin-right:24px; margin-bottom:10px; }
#widget #newsletter-btn { width:161px; height:36px; margin-top:4px; margin-left:50px; }
.searchform {text-align: center;}
.searchform * { margin: 0.5em 0 0 0; text-align: justify; }
.searchform input[type="text"] { width: 90%; margin: 0 auto;}
.searchsubmit { width:113px; height:26px; background:url(images/layout/btn-bg.png) no-repeat;
font-family:'KlavikaCHRegularCondensed'; color:#703A0A; font-size:19px; cursor:pointer; margin: 2em 0 0 0; text-align: center;}

/* newsletter */

#newsletter { float: left; width: 250px;height: 280px; color:#FFF; }
#newsletter .input-text { width:240px; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
#newsletter .input-textarea { width:820px; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666; padding:10px; }
#newsletter label { color:#B7B0AB; height:20px; width:100px; float:left }
#newsletter-btn { width:161px; height:36px; margin: 30px auto 0 auto; display: block; }
#newsletter-titulo { width:100%; height:23px; float:left; border-left:3px solid #E97610; padding:9px; margin:9px; }
#newsletter-titulo span { color:#E97610; font-family:'KlavikaCHRegularCondensed'; font-size:22px; text-transform:uppercase  }

/* modalidades */

#modalidades { width:542px; height:250px; float:right; color:#FFF }
#modalidades-titulo { width:200px; height:23px; float:left; border-left:3px solid #E97610; padding:9px; margin:9px; }
#modalide-containerA { width:235px; height:100%; float:left; margin-left:20px; }
#modalide-containerB { width:235px; height:100%; float:right; margin-right:20px; }
.modalide-img-B { width:235px; height:58px; margin-bottom:10px; }
.modalide-img-B img { vertical-align: middle; margin-right: 1em; }
#modalidades span.modalidade-title {
    font-family: 'KlavikaCHRegularCondensed';
    font-size: 22px;
    text-transform: capitalize;
    color: #f5b478;
}
#modalidades span { color:#E97610; font-family:'KlavikaCHRegularCondensed'; font-size:22px; text-transform:uppercase }

/* footer */

#footer { width:920px; height:30px; margin:0 auto; color:#B7B0AB }
#footer div.left { float:left; margin-left:33px; margin-top:10px; }
#footer div.right { float:right; margin-right:33px; margin-top:10px; }

.comments {
	margin: 2em 0;
	background: transparent url(images/layout/alpha_content.png) repeat scroll center center;
	padding: 1ex;
}

.comments textarea {
	margin-top: 1em;
}

.comments .comment-body {
	padding: 1ex;
	margin: 1em 0;
	color: #A8A7A5;
	border-left: 1px dotted #A8A7A5;
}

.comments .comment-body a {
	text-decoration: underline;
	letter-spacing: 1px;
	color: #A8A7A5;
}

.comments .comment-body a:hover {
	color: #fff;
}

.comments .comment-body p {
	padding: 1ex 0 1em 0;
	font-size: small;
}

#submit {
	margin-top: 2em;
}

#commentform p {
	padding: 1em 0;
	float: left;
	clear: both;
}

#commentform label{
	float: left;
	margin-right: 1em; 
}

#commentform input {
	padding: 0.5ex;
}

#commentform #submit {
	font-size: 14px;
}

.children {
	padding-left: 2em;
}

.form-allowed-tags {
	display: none;
}

/* Saibre additions */
.sbr-general-sidebar {
	float: right;
	width: 250px;
	height: 100%;
	padding: 9px;
 	overflow: hidden;
	background: transparent url(images/layout/alpha_content.png) repeat center center; 	
}

.sbr-widget-container {
	clear: both;
	width: 100%;
	margin-top: 15px;
	padding: 0 10px 10px 10px;
	background: transparent url(images/layout/alpha_content.png) repeat center center;		
}

.sbr-widget {
	margin: 10px 5px 0 5px;
	padding: 9px;
	background: transparent url(images/layout/alpha_content.png) repeat center center;	
	height: 280px;
	overflow: hidden;
}

.sbr-small-widget {
	width: 256px;	
	float: left;
}

.sbr-medium-widget {
	width: 399px;
	float: left;
}

.sbr-general-sidebar .sbr-widget {
	margin: 0 0 1ex 0;
}

.sbr-widget .textwidget {
	text-align: justify;
}

.sbr-widget-title {
	width:100%; 
	height:23px; 
	text-align:left; 
	border-left:3px solid #E97610; 
	padding:9px; 
	margin:0 0 9px 0;
 	color:#E97610; 
 	font-family:'KlavikaCHRegularCondensed'; 
 	font-size:22px; 
 	text-transform:uppercase; 
 	font-weight: normal;	
}

.sbr-body {
	width: 920px;
	overflow: hidden;
	display: block;
	clear: both;
	margin:0 auto;
}