/*	
Documento de estilo de Jeep Club
Criado por Lorran Tejada dos Santos - 18/09/2014
www.legulas.com.br
*/

/*------------------------------------------------------------------------------------------------------------------------------------------FONTS*/
@font-face {
    font-family: 'klavika_lightplain';
    src: url('fonts/klavikalight-plain.eot');
    src: url('fonts/klavikalight-plain.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavikalight-plain.woff2') format('woff2'),
         url('fonts/klavikalight-plain.woff') format('woff'),
         url('fonts/klavikalight-plain.ttf') format('truetype'),
         url('fonts/klavikalight-plain.svg#klavika_lightplain') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'klavika_boldbold';
    src: url('fonts/klavika-bold.eot');
    src: url('fonts/klavika-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavika-bold.woff2') format('woff2'),
         url('fonts/klavika-bold.woff') format('woff'),
         url('fonts/klavika-bold.ttf') format('truetype'),
         url('fonts/klavika-bold.svg#klavika_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'klavika_mediummedium';
    src: url('fonts/klavikamedium-tf.eot');
    src: url('fonts/klavikamedium-tf.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavikamedium-tf.woff2') format('woff2'),
         url('fonts/klavikamedium-tf.woff') format('woff'),
         url('fonts/klavikamedium-tf.ttf') format('truetype'),
         url('fonts/klavikamedium-tf.svg#klavika_mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*------------------------------------------------------------------------------------------------------------------------------------------CSS RESET*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ display:block;}
*{margin:0; padding:0; border:0; text-decoration:none; list-style:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
color: #2b414e;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: 'klavika_lightplain';
vertical-align: baseline;}
:focus { outline: 0;}
a{color: #2b414e}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul, li {list-style:none;padding:0px;margin:0px;}
input, textarea, select, button{font-size: 100%; font-family: inherit;}
select {margin: inherit;}
html, body{height:100%;}
/*---------------------------------------------------------------------------------------------------------------------------------------------ALL*/
.body{background: url(../images/body.jpg) no-repeat top center;}
.body-index{background: url(../images/body-index.jpg) no-repeat top center;}
::-webkit-input-placeholder {color: #2b414e;}
:-moz-placeholder {color: #2b414e; }
::-moz-placeholder {color: #2b414e; }
:-ms-input-placeholder {color: #2b414e;}
.container{margin:0 auto; position:relative; width: 960px}
.left{float:left;}
.right{float:right;}
.margin-auto{margin: 0 auto;}
.vertical{display: table-cell; top: 50%; vertical-align: middle;}
.block{display: block;}
.absolute{ position: absolute;}
.clear{clear: both;}
.all{position: relative; min-height: 100%;}
.table{display: table;}
.text-center{text-align: center !important;}
.justify{text-align: justify;}
/*----------------------------------------------------------------------------------------------------------------------------------------HEADER*/
.header{position: relative;}
.small-logo{left: 36px; position: absolute; top: 14px;}
/*-------------------------------------------------------------NAV*/
.nav {background: url(../images/nav.png) repeat-x top center; height: 54px;}
.nav .list-nav{display: table; margin-left: 210px;}
.nav .list-nav > li{display: table; float: left; height: 54px; margin: 0 8px; position: relative; }
.nav .list-nav > li a{color: #FFFFFF;}
.nav .list-nav > li a:hover{text-decoration: underline;}
/*--------------------------------------------------------SUB-NAV*/
.sub-nav{background: url(../images/sub-nav.png) no-repeat top center; height: 46px; margin:0 auto; width: 100%;}
.sub-nav .provas-menu{margin-left: 1px;}
.sub-nav .provas-menu > li{display: table; float: left; height: 46px; margin: 0 15px; position: relative;}
.sub-nav .provas-menu > li a{color: #FFFFFF; font-family: 'klavika_boldbold'; font-size: 1.187em;}
.sub-nav .provas-menu > li a:hover{text-decoration: underline;}
.sub-nav .social{height: 46px; width: 210px;}
.sub-nav .social > li{display: table; float: left; height: 46px; margin: 0 3px; position: relative;}
.sub-nav .social-txt{color: #FFFFFF;}
.sub-nav .icon{height: 27px; width: 27px;}
.sub-nav .icon a{display: block; height: 27px; width: 27px;}
.sub-nav #face{background: url(../images/social.png) repeat-x 0px 0px;}
.sub-nav #twit{background: url(../images/social.png) repeat-x -60px 0px;}
.sub-nav #plus{background: url(../images/social.png) repeat-x -30px 0px;}
/*------------------------------------------------------DESTAQUES*/
.destaques{height: 166px; position: relative;}
.destaques #logo{left: 31px; position: absolute; top: 24px;}
.destaques #jeep{position: absolute; right: -24px; top: -10px;}

.destaques-index{height: 300px; position: relative;}
.destaques-index #logo-index{left: 31px; position: absolute; top: 24px;}
.destaques-index #destaque-index{left: 0px; margin: 0 auto; position: absolute; right: 0px; top: 0px; z-index: -1;}
.destaques-index #jeep-index{position: absolute; right: -24px; top: 106px;}
.destaques-index .new-destq{height: 250px; margin-left: 278px; position: relative; width: 378px;}
.destaques-index .new-destq .item{padding-left: 30px !important; padding-top: 60px !important;}
.destaques-index .new-destq .new-destq-tt{display: block;}
.destaques-index .new-destq .new-destq-sub-tt{display: block; font-size: 2em; font-family: 'klavika_boldbold'; margin-bottom:2px;  margin-top: 4px;}
.destaques-index .new-destq .new-destq-txt{display: block; height:90px; text-align: justify; width:305px; overflow:hidden;}
.destaques-index i.next{background: url(../images/next.png) no-repeat top center; display: block; height: 42px; position: absolute; right: -25px; top: 120px; width: 42px;}
.destaques-index .provas-destq{bottom: 0; height: 284px; left: 0; margin: 0 auto; position: absolute !important; right: 0; overflow: hidden; width: 870px;}
.destaques-index .provas-destq li.item{background: url(../images/destaque-provas.png) repeat-y top right; float: left; height: 244px; margin:0 5px; padding: 20px 0 0 10px; width: 253px;}
.destaques-index .provas-destq-date{display: block; font-size: 0.812em;}
.destaques-index .provas-destq-tt{display: block; font-size: 1.187em; font-weight: bold;}
.destaques-index .provas-destq-img{height: 158px; width: 235px;}
.destaques-index .provas-destq-button{background: url(../images/button-provas.png) no-repeat top left; display:table; height:18px; margin: 8px 15px 0 0px; padding-left: 20px; position: relative;}
.destaques-index .provas-destq-button > a {font-size: 0.875em; vertical-align: bottom; }
.destaques-index .provas-destq-button > a:hover {text-decoration: underline;}
.destaques-index .provas-destq .owl-controls{text-align: center;}
.destaques-index .provas-destq .owl-dot {background: #bfc6c9; border-radius: 50px; display: inline-block; height: 16px; margin: 0 2px; width: 16px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.destaques-index .provas-destq .owl-dot.active {background: #f2bc00;}
/*-------------------------------------------------------------------------------------------------------------------------------------CONTENT*/
.main{padding-bottom: 314px;}
.titulo-destaque{display:block; font-family: 'klavika_boldbold'; font-size: 2em; }
.button-leiamais{background: #2b414e url(../images/button-leiamais.jpg) no-repeat top left; display: table; height: 30px; margin-top: 5px; position: relative; width: 142px;}
.button-leiamais:hover >.vertical > .txt-leiamais{text-decoration: underline;} 
.button-leiamais > .vertical > .txt-leiamais{color: #FFFFFF; display: block; margin-left: 30px; font-family: 'klavika_mediummedium'; text-align: center; width: 112px;}
.hr{background: url(../images/hr.jpg) repeat-x top center;  height: 2px; margin-bottom: 5px; width: 262px;}
.hr-aside{background: url(../images/hr.jpg) repeat-x top center;  height: 2px; width: 304px;}
.content{min-height:200px; padding-top:30px; width:626px;}
.content-padding{padding: 25px 50px 0 0;}
.paginacao{clear: both; display: table; float: right; padding: 5px 45px 20px 0px}
.paginacao-lista{}
.paginacao-lista > li{display: inline-block;}
.paginacao-lista > li > a:hover{text-decoration: underline;}
/*-------------------------------------------------------INDEX*/
.news-home{background: url(../images/noticias-destaque.jpg) repeat-x top center; height:261px; }
.news-home .news-home-list > li{float: left; width: 480px;}
.news-home-img{display: table; float: left; height: 261px; position: relative; text-align: center; width: 206px;}
.news-home-box{float: left; padding-top: 65px; width: 264px;}
.news-home-tt{display:block; font-family: 'klavika_boldbold'; font-size: 2em; }
.news-home-sub-tt{display:block;}
.news-home-txt{display:block; text-align: justify; overflow:hidden;}
.main .main-left, .main .main-center, .main .main-right{float: left; height:250px; padding-top: 30px; width: 320px;}
.patrocina-bottom{background: url(../images/bg-patrocina.jpg) no-repeat top center; height: 145px;}
.patrocina-left, .patrocina-center, .patrocina-right{float: left; height: 117px; margin-top: 28px; width: 320px;}
.patrocina-left > span, .patrocina-center > span, .patrocina-right > span{margin-bottom: 14px;}
.videos-index{height:242px; position:relative;}
.videos-index-img{height: 165px; position: relative; overflow: hidden; width: 230px;}
.videos-index-img:hover .icon-youtube{opacity: 0.8}
.icon-youtube{background: url(../images/youtube.png) no-repeat top center; height: 30px; left: 40%; position: absolute; top: 40%; z-index: 999; width: 45px;}
.depoimentos-index{height:242px; position:relative;}
.patrocinadores-index{height:242px; position:relative;}
.link-vejamais{bottom: 0; left: 0;position: absolute;}
.link-vejamais:hover{text-decoration: underline;}
.depoimentos-index-top{height: 85px; position: relative;}
.depoimentos-index-tt{bottom:12px; display: block; padding-left: 5px; position: absolute; right:0; width:240px;}
.depoimentos-index-bottom{background: url(../images/dialog.png) no-repeat top center; height: 48px; padding: 25px 15px 22px 15px;}
/*----------------------------------------------------NOTICIAS*/
.noticias > li
.noticias .noticias-link{display: block; font-weight:bold; text-align: justify;}
.noticias .noticias-link:hover{text-decoration: underline;}
.noticias .noticias-date{display: block; float: left; width: 95px;}
/*----------------------------------------------------EVENTOS*/
.eventos > li {
display: table;
padding-bottom: 40px;
}
.eventos-img {
height: 126px;
border: 1px solid #2b414e;
padding: 5px;
}
.eventos-info {
height: 138px;
padding-left: 10px;
position: relative;
width: 350px;
}
.eventos > li .eventos-info > span {
display: block;
margin: 2px 0;
}
.button-evento{
    position: absolute;
    bottom: 0;
    left: 10px;
}
/*----------------------------------------------------NOTICIA*/
.noticia-box > p, .evento-box > p{margin-bottom:8px; text-align: justify; overflow:hidden;}
.noticia-data, .evento-data{display: block; font-size: 0.875em; font-weight: bold; margin-right: 50px; text-align: right;}
.titulo-limite{padding-right: 50px; width: 576px;}
.compartilha{margin: 20px 0;}
.compartilha-mail{display: block; height: 20px; padding-left: 40px}
.compartilha-mail:hover .compartilha-mail-txt{text-decoration: underline;}
.compartilha-mail-txt{line-height:20px; margin-left: 5px;}
/*----------------------------------------------------GALERIA*/
.galeria{display: table; padding: 25px 50px 0 0;}
.galeria > li {display: inline-block; margin: 5px 10px 15px 0; vertical-align: top; width: 172px;}
.galeria > li > .galeria-link > span, .galeria > li > .galeria-videos > span{display: block; margin-top: 5px; text-align: center;}
.galeria > li > .galeria-link:hover > span, .galeria > li > .galeria-videos:hover > span{text-decoration: underline;}
.galeria > li > a > .galeria-box{ border: 1px solid #2b414e; height: 110px; padding: 5px; width: 160px;}
.galeria > li > a > .galeria-box-video{ border: 1px solid #2b414e; height: 120px; position: relative; width: 170px;}
.galeria > li > a > .galeria-box-video:hover > .icon-youtube{opacity: 0.8}
.galeria > li > a > .galeria-box-video > .icon-youtube{left: 37% !important; top: 38% !important;}
/*---------------------------------------------------CONTATO*/
form.form-contato > fieldset > .input-group{margin: 10px 0;}
form.form-contato > fieldset > .input-group > label{display: block;}
form.form-contato > fieldset > .input-group > input, form.form-contato > fieldset > .input-group > textarea{background: #f3f1ee; border: 1px solid #2b414e; padding: 5px 0 5px 5px; width: 478px;}
form.form-contato > fieldset > .input-group > textarea{height: 145px; padding-right: 5px; resize: none;}
form.form-contato > fieldset > .input-group > button#enviar{cursor: pointer; margin-right: 85px;}
/*-------------------------------------------------INSCRIÇÃO*/
form.form-inscricao{display: table; margin-bottom: 50px;}
form.form-inscricao > fieldset .form-tt{display: block; font-size: 1.125em; font-weight: bold; padding: 20px 0 10px 0}
form.form-inscricao > fieldset > .input-group{margin: 10px 0;}
form.form-inscricao > fieldset > .input-group > label{display: block;}
form.form-inscricao > fieldset > .input-group > input, form.form-inscricao > fieldset > .input-group > textarea, form.form-inscricao > fieldset > .input-group > select{background: #f3f1ee; border: 1px solid #2b414e; padding: 5px 0 5px 5px; width: 478px;}
form.form-inscricao > fieldset > .input-group > textarea{height: 145px; padding-right: 5px; resize: none;}
form.form-inscricao > .input-group > button#enviar{cursor: pointer; }
.input-half{width: 230px !important;}
/*-------------------------------------------------INSCRITOS*/
form.form-inscritos > fieldset > .input-group > select, #select-categoria{background: #f3f1ee; border: 1px solid #2b414e; padding: 5px 0 5px 5px; width: 478px;}
.inscritos-lista{ margin-top: 20px;}
.inscritos-lista .tr{overflow: hidden;}
.inscritos-lista .tdhead {background: #e8e5df; display: block; float:left; margin-right: 2px; margin-top: 2px; text-align: center;}
.inscritos-lista .td {background: #f3f1ee; display: block; float:left; margin-right: 2px; margin-top: 2px; text-align: center;}
.tdhead > .td01{height: 30px; width: 78px;}
.tdhead > .td02{height: 30px; width: 108px;}
.tdhead > .td03{height: 30px; width: 218px;}
.tdhead > .td04{height: 30px; width: 218px;}
.tdhead > .td05{height: 30px; width: 120px;}
.tdhead > .td06{height: 30px;  width: 200px;}
.tdhead > .td07{height: 30px;  width: 100%;}
.td > .td01{ height: 60px;  width: 78px;}
.td > .td02{height: 60px;  width: 108px;}
.td > .td03{height: 60px;  width: 218px;}
.td > .td04{height: 60px;  width: 218px;}
.td > .td05{height: 60px;  width: 120px;}
.td > .td06{height: 60px;  width: 200px;}
.td > .td07{height: 60px;  width: 100%;}
.center{display: table; position: relative;}
.vertical{display: table-cell; vertical-align: middle;}
/*--------------------------------------------------PROVAS*/
.provas > li{display: table; padding-bottom: 40px;}
.provas-img{height: 126px; border: 1px solid #2b414e; padding: 5px;}
.provas-info{padding-left: 10px;}
.provas > li .provas-info > span{display: block; margin: 2px 0;}
.provas > li .provas-buttons{width:350px; display: table; margin-top: 10px; padding-left: 10px;}
.provas > li .provas-buttons > a{margin-bottom:10px; background: #89b55e; color: #FFFFFF; display: block; float: left; margin-right: 10px; padding: 5px 15px;}
.provas > li .provas-buttons > a:hover{text-decoration: underline;}
/*---------------------------------------------------PROVA*/
.prova-folder{float: left; width: 290px}
.prova-border-folder{border: 1px solid #2b414e; height: 182px; padding: 5px; width: 244px;}
.prova-info{float: right; width: 284px}
.prova-box-into{height: 114px; width: 100%; overflow:hidden;}
.prova-box-buttons{height: auto; width: 100%;}
.prova-buttons{display: table; margin:0 auto; text-align: center; position: relative; width: 280px}
.prova-buttons > .vertical {color: #FFFFFF;}
a.prova-link{display: block; margin-top: 7px;}
a.prova-link:hover > .prova-buttons > .vertical {text-decoration: underline;}
.prova-button-inscric{background: #d2322d; height: 44px;}
.prova-button-lista{background: #89b55e; height: 22px;}
.prova-conteudo{padding: 20px 0 40px 0; overflow:hidden;}
.prova-conteudo > p {text-align: justify;}
/*-----------------------------------------------RESULTADO*/
.resultado-lista{}
.resultado-lista > li{clear: both; display: table; margin: 10px;}
.resultado-img{height: 40px; width: 40px;}
.resultado-tt{display: block; line-height: 40px;}
.resultado-tt:hover{text-decoration: underline;}
/*---------------------------------------------COMPARTILHA*/
form.form-compartilha > fieldset > .input-group{margin: 10px 0;}
form.form-compartilha > fieldset > .input-group > label{display: block;}
form.form-compartilha > fieldset > .input-group > input{background: #f3f1ee; border: 1px solid #2b414e; padding: 5px 0 5px 5px; width: 478px;}
form.form-compartilha > fieldset > .input-group > button#enviar{cursor: pointer; margin-right: 85px;}
/*----------------------------------------------------------------------------------------------------------------------------------------ASIDE*/
.aside{float:left; width:334px;}
.aside-box{background: #f3f1ee; min-height: 20px; padding-bottom: 30px; position: relative; width:334px;}
.aside-link{bottom: 10px; font-size: 0.875em; right: 20px; position: absolute;}
.aside-link:hover{text-decoration: underline;}
.aside-box .aside-list-noticia{margin: 0 15px;}
.aside-box .aside-item-noticia{padding:10px 0; transition:0.2s; cursor: pointer;}
.aside-box .aside-item-noticia:hover{opacity: 0.8; transition:0.2s;}
.aside-box .aside-item-noticia .aside-item-top{overflow:hidden;}
.aside-box .aside-item-noticia .aside-item-bottom{height: 36px;}
.aside-box .aside-item-noticia .aside-item-top .aside-item-box-img{border: 1px solid #000; height: 70px; margin-right: 5px; width: 99px;}
.aside-box .aside-item-noticia .aside-item-top .aside-item-tt{display:block; font-weight: bold; margin-bottom:2px;}
.aside-box .aside-item-noticia .aside-item-top .aside-item-txt{font-size: 0.937em;}
.seletor-box{background: #ece9e3; display:table; height: 44px; position:relative; width: 167px}
.seletor-box:hover > .vertical > span.seletor-tt{color: #2b414e !important; text-decoration: underline;}
.seletor-box-ativo{background: #f3f1ee; border-bottom: 3px solid #86b567; height: 41px;}
.seletor-box-ativo > .vertical > span.seletor-tt{color: #2b414e !important;}
.seletor-box-ativo:hover > .vertical > span.seletor-tt{color: #2b414e !important; text-decoration: none;}
.seletor-tt{color: #6a7a83; cursor:pointer; display:block; font-weight: bold; text-align: center;}
.margin-button{margin: 5px 0;}
/*---------------------------------------------------------------------------------------------------------------------------------------FOOTER*/
.footer{bottom: 0; height: 314px; position: absolute; width: 100%;}
.footer-top{background: url(../images/footer-top.jpg) repeat-x top left; height: 260px;}
.footer-top-center, .footer-top-right{float: left; height: 260px; position: relative; width: 320px;}
.footer-top-left{ float: left; height: 260px; position: relative; width: 320px;}
.footer-top-right .facebook-box{position: absolute; right: 0; top: 60px;}
.footer-bottom{background: url(../images/footer-bottom.png) repeat-x top center; height: 54px;}
.footer-bottom-vertical{display: table; height: 54px; position: relative;}
.footer-bottom .copyright, .footer-bottom .copyright > a{color: #FFFFFF;}
.footer-bottom .copyright > a:hover{text-decoration: underline;}
.footer-top-center .fale-conosco-box{top: 98px; left:0; position:absolute;}
.footer-top-center .fale-conosco-tt{font-family: 'klavika_boldbold'; font-size: 2.06em; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.footer-top-left .newsletter{position: absolute; top: 98px; left: 0;}
.footer-top-left .newsletter-tt{font-family: 'klavika_boldbold'; font-size: 2.06em; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.footer-top-left .newsletter-form{display:block; height:35px;}
.footer-top-left .newsletter-form .news-input{height: 30px; padding-left:10px; width: 221px}
.footer-top-left .newsletter-form .news-button{background: url(../images/button-leiamais.jpg) no-repeat top center; cursor:pointer; height:30px; width:30px;}
.like-box-custom{border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top: 1px solid #315c99; background: #FFFFFF;}