@charset "UTF-8";
/*
Theme Name: Escoteiros do Brasil
Theme URI: www.escoteiros.org.br
Description: Escoteiros do Brasil - EducaþÒo e lazer para crianþas e jovens
Author: Escoteiros do Brasil - ComissÒo Nacional de Imagem e ComunicaþÒo
Author URI: Escoteiros do Brasil - ComissÒo Nacional de Imagem e ComunicaþÒo
*/
/* ------- GERAL ------- */
* { margin: 0; padding: 0; text-decoration: none; border: none; line-height: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, Geneva, sans-serif; }

/*************************************************************************************** FONTES
****************************************************************************************/
@font-face { font-family: 'Museo300-Regular-webfont'; src: url(../fonts/Museo300-Regular-webfont.eot); src: url(../fonts/Museo300-Regular-webfont.ttf) format("truetype"), url(../fonts/Museo300-Regular-webfont.woff) format("woff"), url(../fonts/museosans-300-webfont.svg) format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Museo500-Regular-webfont'; src: url(../fonts/Museo500-Regular-webfont.eot); src: url(../fonts/Museo500-Regular-webfont.ttf) format("truetype"), url(../fonts/Museo500-Regular-webfont.woff) format("woff"), url(../fonts/museosans-500-webfont.svg) format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Museo700'; src: url(../fonts/Museo700-Regular-webfont.eot); src: url(../fonts/Museo700-Regular-webfont.ttf) format("truetype"), url(../fonts/Museo700-Regular-webfont.woff) format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'museo900'; src: url("../fonts/museo900-regular-webfont.eot"); src: url("../fonts/museo900-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo900-regular-webfont.woff2") format("woff2"), url("../fonts/museo900-regular-webfont.woff") format("woff"), url("../fonts/museo900-regular-webfont.ttf") format("truetype"), url("../fonts/museo900-regular-webfont.svg#museo900") format("svg"); font-weight: normal; font-style: normal; }
/* ------- FONTS ------- */
/* ------- COLORS ------- */
/* ------- FUNCTIONS ------- */
/* ------- CLASSES ------- */
.clear { position: relative; clear: both; width: 100%; height: 0px; }

.center { margin: 0 auto; float: none; text-align: center; }

.modal-open { overflow: hidden; padding-right: 0px !important; }

.modal-dialog { z-index: 99999 !important; }

/*************************************************************************************** BASE ***************************************************************************************/
body { width: 100%; margin-top: -2px; overflow-x: hidden !important; overflow-y: hidden !important; background: url(../img/bkg.jpg) center bottom fixed; }

img { max-width: 100%; }

li{list-style: none;}

.imgcenter { display: block; margin: 0px auto; }

h1, h2, h3, p, a { font-family: "Museo300-Regular-webfont"; }

a { color: #777; }

:focus { outline: none !important; text-decoration: none !important; }

.btn-info { background: url(../img/pattern_incentive.png) repeat !important; border-color: #495e38; }
.btn-info:hover { background-color: #495e38; border-color: #495e38; }

.btn-green { background: url(../img/pattern_incentive.png) repeat !important; border: none; }

/*************************************************************************************** TOPO ***************************************************************************************/
.topo { background: #495e38; height: 30px; webkit-box-shadow: -3px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -3px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: -3px 2px 5px 0px rgba(50, 50, 50, 0.75); padding-top: 5px; }
.topo a { color: white; }

.topo-meio { margin-bottom: 20px; }
.topo-meio .bloco-logo { background: url(../img/papel_pattern_b.png) repeat !important; border-radius: 0px 0px 10px 10px; box-shadow: 0px 10px 20px 2px black; }
.topo-meio .bloco-logo img { padding: 10px; }

/*************************************************************************************** MENU ***************************************************************************************/
.navbar-toggle { background: url(../img/pattern_incentive.png) repeat !important; border: #00995d !important; }

.icon-bar { background: white !important; }

.navbar-collapse { padding-left: 0px !important; }

.navbar-default { background: url(../img/papel_pattern_b.png) repeat !important; border: none !important; -webkit-box-shadow: inset 0px -5px 7px -2px rgba(50, 50, 50, 0.38); -moz-box-shadow: inset 0px -5px 7px -2px rgba(50, 50, 50, 0.38); box-shadow: inset 0px -5px 7px -2px rgba(50, 50, 50, 0.38); /* overflow: hidden; */ border-radius: 10px; }
.navbar-default .active > a { background: url(../img/pattern_incentive.png) repeat !important; color: white !important; }
.navbar-default ul li:hover { background: url(../img/pattern_incentive.png) repeat !important; }
.navbar-default ul li:hover:first-child { border-radius: 10px 0px 0px 10px; }
.navbar-default ul a:hover { color: white !important; }
.navbar-default .dropdown-menu { background: url(../img/papel_pattern_b.png) repeat !important; }
.navbar-default .navbar-nav > li > .dropdown-menu { width: 100%; }
.navbar-default .dropdown-menu > li > a { text-transform: none; }
.navbar-default .dropdown-menu > li { list-style: none !important; display: block !important; margin-left: 0px; border-radius: 0px !important; }
.navbar-default .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-default .navbar-nav > .open > a:hover { color: white !important; background-color: #282828 !important; }
.navbar-default a.dropdown-toggle { padding-bottom: 12px !important; }
.navbar-default a.dropdown-toggle:hover { background: url(../img/pattern_incentive.png) repeat !important; }
.navbar-default a.dropdown-toggle:focus { background: url(../img/pattern_incentive.png) repeat !important; }
.navbar-default a.dropdown-toggle:active { background: url(../img/pattern_incentive.png) repeat !important; }
.navbar-default .nav .open > a { background: url(../img/pattern_incentive.png) repeat !important; color: white !important; }
.navbar-default .nav .open > a:hover { background: url(../img/pattern_incentive.png) repeat !important; color: white !important; }
.navbar-default .nav .open > a:focus { background: url(../img/pattern_incentive.png) repeat !important; color: white !important; }
.navbar-default .nav .open > a:active { background: url(../img/pattern_incentive.png) repeat !important; color: white !important; }
.navbar-default .dropdown-menu > li > a:hover { color: white !important; text-decoration: none; background: transparent; }

@media screen and (max-width: 990px) { .navbar-nav > li > a { margin-left: 30px; } }
/*************************************************************************************** SLIDE ***************************************************************************************/
.slide { position: relative;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 20px 5px #000; }
.slide i{position: relative;top: 130px;font-size: 50px;}

/*************************************************************************************** NEWS HOME
****************************************************************************************/
.noticias h2 { color: white; }
.noticias .box-home { margin-bottom: 10px; overflow-wrap: break-word; padding: 0 15px; height: 220px; overflow: hidden; }
.noticias .box-home figure { height: 190px; overflow: hidden; width: 100%; position: relative; }
.noticias .box-home figure img { min-height: 100%; min-width: 100%; width: auto; height: auto; }
.noticias .box-home figure figcaption { position: absolute; bottom: 0px; text-align: left; width: 100%; color: #ffffff; font-weight: bold; background-color: rgba(0, 0, 0, 0.8); padding: 10px 10px 15px; transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
.noticias .box-home figure figcaption p { margin: 0x; font-size: 16px; letter-spacing: 0.9px; }
.noticias .box-home figure figcaption a { background-color: transparent; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 10px 20px; }
.noticias .box-home figure:hover figcaption { bottom: 0; transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
.noticias .box-home .data { background: url(../img/pattern_incentive.png) repeat; width: 30%; height: 30px; border-radius: 10px 10px 0px 0px; }
.noticias .box-home .data p { padding: 10px; color: white; }
.noticias .box-home .redes { background: url(../img/papel_pattern_b.png) repeat; width: 40%; height: 30px; border-radius: 0px 0px 10px 10px; overflow: hidden; }
.noticias .box-home .redes ul { text-align: center; }
.noticias .box-home .redes li { display: inline-block; }
.noticias .box-home .redes li span { font-size: 20px; padding: 10px; }
.noticias .facebook a, .noticias .twitter a, .noticias .google-plus a { display: block; width: 100%; color: #4b6ea8 !important; }
.noticias .twitter a { color: #4fd5f8 !important; }
.noticias .google-plus a { color: #dd4b39 !important; }
.noticias .facebook:hover a { color: white !important; background-color: #4b6ea8 !important; }
.noticias .twitter:hover a { color: white !important; background-color: #4fd5f8 !important; }
.noticias .google-plus:hover a { color: white !important; background-color: #dd4b39 !important; }

/*************************************************************************************** 	EVENTOS HOME
****************************************************************************************/
.eventos h2 { color: white; }
.eventos .box-evento { height: 150px; margin-bottom: 20px; }
.eventos .box-evento .data { background: url(../img/pattern_incentive.png) repeat; border-radius: 10px 0px 0px 10px; height: 100%; }
.eventos .box-evento .data p { font-size: 24pt; font-weight: 900; line-height: 6; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); color: white; }
.eventos .box-evento .meio { height: 100%; background: url(../img/slide.jpg) no-repeat center; background-size: cover; padding: 0px; }
.eventos .box-evento .meio:hover .caption { opacity: 1; }
.eventos .box-evento .meio .caption-text { z-index: 10; color: #fff; position: relative; text-align: center; width: 100%; bottom: 15px; }
.eventos .box-evento .meio .caption-text h3 { font-size: 12px; }
.eventos .box-evento .meio .caption { position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; opacity: 0; }
.eventos .box-evento .meio .caption .blur { background-color: rgba(0, 0, 0, 0.7); height: 152px; z-index: 5; position: absolute; width: 100%; }
.eventos .box-evento .compartilhe { height: 100%; background: url(../img/papel_pattern_b.png) repeat; border-radius: 0px 10px 10px 0px; padding: 0px; overflow: hidden; }
.eventos .box-evento .compartilhe ul { text-align: center; margin-top: 15px; }
.eventos .box-evento .compartilhe li { display: inline-block; padding: 0px; width: 100%; }
.eventos .box-evento .compartilhe li span { font-size: 20px; padding: 10px; }
.eventos .box-evento .compartilhe .facebook a, .eventos .box-evento .compartilhe .twitter a, .eventos .box-evento .compartilhe .google-plus a { display: block; width: 100%; color: #4b6ea8 !important; }
.eventos .box-evento .compartilhe .twitter a { color: #4fd5f8 !important; }
.eventos .box-evento .compartilhe .google-plus a { color: #dd4b39 !important; }
.eventos .box-evento .compartilhe .facebook:hover a { color: white !important; background-color: #4b6ea8 !important; }
.eventos .box-evento .compartilhe .twitter:hover a { color: white !important; background-color: #4fd5f8 !important; }
.eventos .box-evento .compartilhe .google-plus:hover a { color: white !important; background-color: #dd4b39 !important; }

/*************************************************************************************** PAGE ***************************************************************************************/
.page article { background: url(../img/papel_pattern_d.png) repeat; width: 100%; webkit-box-shadow: 0px 0px 20px 5px rgba(1, 0, 2, 0.55); -moz-box-shadow: 0px 0px 20px 5px rgba(1, 0, 2, 0.55); box-shadow: 0px 0px 20px 5px rgba(1, 0, 2, 0.55); border-radius: 10px; padding: 10px; margin-bottom: 20px;}
.page article .redes li { display: inline-block; }
.page article .redes .facebook span { color: #4b6ea8 !important; }
.page article .redes .facebook:hover { opacity: 0.8; }
.page article .redes .twitter span { color: #4fd5f8 !important; }
.page article .redes .twitter:hover { opacity: 0.8; }
.page article .redes .google-plus span { color: #dd4b39 !important; }
.page article .redes .google-plus:hover { opacity: 0.8; }

/*************************************************************************************** DOWNLOADS ***************************************************************************************/
.downloads .nav-tabs-dropdown { display: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.downloads .well { background: url(../img/papel_pattern_d.png) repeat !important; }
.downloads .thumbnail { background: url(../img/papel_pattern_d.png) repeat !important; }
.downloads .nav-pills > li.active > a { background: url(../img/pattern_incentive.png) repeat !important; border: none; }

/*************************************************************************************** SOCIAL ***************************************************************************************/
.simula { position: fixed; z-index: 999; /* left: -260px; */ top: 140px; }

.simula li:hover { right: 10px; position: relative; }

.simula li.face { background: #4867aa; }

.simula li.you { background: #df4b38; }

.simula li.tw { background: #55acee; }

.simula li.ins { background: #8f3c1e; }

.simula li i { padding: 20px; color: white; }

/*************************************************************************************** BREAD ***************************************************************************************/
.bread { margin-bottom: 20px; }

/*************************************************************************************** PRE FOOTER
****************************************************************************************/
.prefooter { margin-top: 60px; background: url(../img/grama.png); height: 85px; }
.prefooter img { display: block; margin: 0px auto; }

/*************************************************************************************** FOOTER ***************************************************************************************/
footer { padding-top: 25px; z-index: 9999999; position: relative; min-height: 145px; background: url(../img/papel_pattern_b.png) repeat !important; -webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75); }
footer input[type="text"] { height: 30px; margin-top: 6px; text-indent: 15px; border-radius: 3px; opacity: 0.6; border: solid 1px; }
footer input[type="email"] { height: 30px; border-radius: 3px; opacity: 0.6; text-indent: 15px; margin-top: 6px; border: solid 1px; }
footer input[type="submit"] { border: none; width: 65px; height: 30px; position: relative; font-family: 'Museo500-Regular-webfont'; background: url(../img/pattern_incentive.png) repeat !important; color: white; border-radius: 4px; }
footer h2 { color: #686868; font-size: 18px; font-family: 'Museo500-Regular-webfont'; margin-top: 0px; }
