@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'century_gothicregular';
    src: url('fonts/century_gothic-webfont.woff2') format('woff2'),
         url('fonts/century_gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  
*{ margin:0 auto; padding:0; font-family:'century_gothicregular', Arial, Helvetica, sans-serif;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a,body,input,p,ul{color:#000}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}a,input,p,textarea,ul{font-family:'century_gothicregular',Arial,Helvetica,sans-serif;font-size:14px}body{line-height:normal}table{border-collapse:separate;border-spacing:0}caption{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}address{font-style:normal}
a{text-decoration:none}
img,object,embed,video, iframe,iframe[style]{max-width:100%;}
 
.centro{ max-width:1200px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

 @font-face {
    font-family: 'nexa_boldregular'; 
    src: url('fonts/nexa_bold-webfont.woff2') format('woff2'),
    	 url('fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

#header{height:160px; position:relative; float: left; width: 100%; background: url(../img/bg/header.jpg) center top no-repeat; background-size: 100%;}

.logo{ position: relative; display: block; width: 318px; margin: 0 auto; z-index: 101; }

 
.midias{float: right; margin-top: -28px;}
.midias img{float: left; width: 30px; height: 30px; margin: 0 2px;}

.flags {position: absolute; right: 20px; top: 20px; z-index: 2000;}


/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		
#menu{ height:45px; width:100%; float: right; right:0; top:115px; position:absolute; z-index:99; border-bottom: 2px solid #2d29c6;
background: rgb(45, 41, 198);
background: -moz-linear-gradient(90deg, rgb(45, 41, 198) 30%, rgb(36, 33, 160) 70%);
background: -webkit-linear-gradient(90deg, rgb(45, 41, 198) 30%, rgb(36, 33, 160) 70%);
background: -o-linear-gradient(90deg, rgb(45, 41, 198) 30%, rgb(36, 33, 160) 70%);
background: -ms-linear-gradient(90deg, rgb(45, 41, 198) 30%, rgb(36, 33, 160) 70%);
background: linear-gradient(180deg, rgb(45, 41, 198) 30%, rgb(36, 33, 160) 70%);
 }
 .centermenu{max-width: 1036px; display: block; margin: 0 auto;}
#menu ul li{ float:left; height: 45px; position: relative;}
#menu ul li a{ font-size:17px; display: block; height: 45px; padding: 0px 15px; font-family: 'nexa_boldregular', sans-serif; line-height: 47px; color:#fff; text-transform: uppercase; } 
#menu ul li a:hover{ background: #e83758; transition: all 0.6s;} 
.sep{width: 10px; background: url(../img/icones/sep.png) no-repeat center; visibility: hidden;}
 .sepnone{display: none;}
.menu-right{float: right;}


/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 50px; left:0px; display: none; width:195px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width:195px; background:#027f01; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; padding: 8px 10px; font-size:15px; background: #027f01; border-bottom:1px dotted #fff;}
#menu li ul li a:hover{background: #025601;}

@media only screen and (min-width: 1200px) { 
	.nav-fixed {position: fixed !important; left: 0; top:0 !important; z-index: 99992 !important; }
	.nav-fixed .centermenu{ display: block; margin: 0 auto; float: none !important; max-width: 610px; }
	.nav-fixed .sepnone{display: block;}
	.sombra{position: relative; display: block; width: 305px; height: 46px; top: -46px; margin: 0 auto; z-index: 100; background:url(../img/bg/sombra.png); }
}
/********************** Inicio titulos *******************************/ 

.titulos{background:#2c28c3 url(../img/bg/footer.jpg) -375px center; padding: 20px 0; margin: -1em 0 2em 0;}
.titulos h1{color: #fff;  font-family: 'nexa_boldregular'; font-size: 2em; text-transform: uppercase; text-shadow: 2px 2px 2px rgb(25, 25, 25);}

.titulos h1 span {font-size: 16px; text-transform: none;}

.tthome{text-align: center; color: #000; font-size: 20px; margin-bottom: 30px; font-family: 'nexa_boldregular', sans-serif; }


/********************** Inicio Conteiner *******************************/

#conteiner {padding: 1.5em 0 1em 0; clear: both; }
#conteiner p, #conteiner li {line-height: 22px;} 


#painel-home{float: left; clear: both; width: 100%; margin: 3px 0 25px 0; overflow: hidden; background: #181818; text-align: center; position: relative;} 
#painel-home img{vertical-align: middle;}
.capahome{ position: relative; z-index: 1; max-width: 744px; display: block; margin: 0 auto;
-webkit-box-shadow: 0px 0px 32px 3px rgba(0, 0, 0, 0.82);
-moz-box-shadow:    0px 0px 32px 3px rgba(0, 0, 0, 0.82);
box-shadow:         0px 0px 32px 3px rgba(0, 0, 0, 0.82);
}
.bg-1, .bg-2{width: 50%; height: 100%; position: absolute; top: 0; opacity: 0.40; background-size: cover; background-repeat: no-repeat; background-position: center;}
.bg-1{left: 0;}
.bg-2{right: 0;}

.caption-painel {position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 10px; background: linear-gradient(to top, rgba(0,0,0,.7), transparent); color: #FFF; font-weight: bold; font-size: 20px;}
  
 

.boxe-home{ /*float:left;*/     vertical-align: top;
    display: inline-block;  width:18.3333333%; overflow: hidden; height: auto; text-align: center; margin:0 .5% 2% .5%; }
.boxe-home img{width: 100%;transition: all .5s;}
/*.boxe-home:hover img {transform: scale(1.3); outline-offset: -100px; outline: 100px solid rgba(0,0,0,0.4); }*/
.boxe-home:nth-of-type(5n+0){margin:0 0 3% 0;} 

.btn{background:#e84b44; display: inline-block; border-radius: 20px; padding: 10px 15px; color: #fff; font-family: 'nexa_boldregular', sans-serif; transition: all 0.6s; }
	.btn:hover{background:#2c28c3; }
.mb{margin-bottom: 2em;}

.ico-coment:before{ content: ""; display: inline-block; margin: 5px 5px -7px 0; width: 20px; height: 20px; background: url(../img/icones/comentario.png) no-repeat; background-size: 100%;}
.ico-coment{color: #4A4A4A; float: right; font-size: 12px;}

/*---------------------- Formulários --------------------*/
.col {float: left; width: 48%;}
.fr {float: right;}
/*#form {width: 585px; float: left; }*/
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; }
#form input,#form textarea{background: #fff; width: 100%; border: 1px solid #c3c2c2; height: 35px; font-size:14px; padding: 1%; border-radius: 5px;}
#form .lr {float: right;} 
.cmp-maior{width: 100%;}
.cmp-medio{width: 48%;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 18px; color:#141947; font-family: 'nexa_boldregular', sans-serif; }
#form textarea{  height:190px; }
#form input[type=submit]{ cursor:pointer; background:#121645; color:#fff; border:none; font-family: 'nexa_boldregular', sans-serif;
 width: auto; padding: 0 15px; font-size:16px; height:40px; float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#e84b44;}


/*Footer Rodapé*/
#footer{ background:#2c28c3 url(../img/bg/footer.jpg) center; height:auto; clear: both; padding: 25px 0; text-align: center; } 
.copyright{ color: #fff; font-size:18px; text-align: center; font-family: 'nexa_boldregular', sans-serif;}

.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px; clear: both;}
 

/********************** Inicio Interna *******************************/
.main{min-height: 300px;}
	.main p{margin-bottom: 25px; font-size: 16px; color: #666;}

 
.main h2{color: #2c28c3; font-family: 'century_gothicregular','nexa_boldregular', sans-serif; margin-bottom: 25px; font-size: 20px; font-weight: bold;}

.personagens {background: #f4f4f4; margin-bottom: 30px;}
.personagens img {float: left; margin: 0 30px 0 0;}
.sec-tt {background: #fff; margin: 0 0 20px; padding-bottom: 8px;}
.personagens h2 {color: #000;padding: 10px 30px; margin: 0 0 0 -30px; display: inline-block;}
.personagens .t1 { background: #fff;}
.personagens .t2 {background: #fff;}
.personagens .t3 {background: #fff;}

.capa-gal {float: left; width: 32%; margin: 0 1% 30px 0;}
.capa-gal:last-child {margin-right: 0;}


.ttcoment{margin-top: 25px;}
.ttcoment:before{content: ""; display: inline-block; margin: 0px 5px -7px 0; width: 30px; height: 25px; background: url(../img/icones/comentario.png) no-repeat; background-size: 100%;}
.item-not {position: relative; padding: 0 15px 15px 10px; margin-bottom: 25px; border-bottom: 1px dotted #2c28c3; float: left; width: 100%;}
.item-not:before{content: ""; width: 3px; height: 90%; background: #2c28c3; position: absolute; left: 0; top: 0; border-radius: 10px;}
.item-not h3 {color: #0e235f; font-size: 22px; font-family: 'century_gothicregular','nexa_boldregular', sans-serif; padding: 0; margin: 0;}
.tt-not{margin-bottom: 0px !important;}
.item-not time { color: #9A9A9A; display: block; margin-bottom: 8px; font-size: 14px;}
.item-not a:hover{text-decoration: underline;}
.data-not {color: #193483; margin-bottom: 10px; display: block;}
.data-not{border-bottom: 1px dotted #193483;padding-bottom: 5px; } 
.item-not p{margin-bottom: 0px;}
/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}#header .maia-teleport { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px} [dir=rtl] #maia-header .maia-teleport {left:auto; right:-10000px} #header .maia-teleport:active,#header .maia-teleport:focus,#header .maia-teleport:hover {background:#f9edbe; border:1px solid #f0c36d; -moz-border-radius:2px;
-webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 2px 4px rgba(0,0,0,.14); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.14); box-shadow:0 2px 4px rgba(0,0,0,.14);
height:auto; left:0; margin:5px auto; max-width:180px; padding:6px; right:0; text-align:center;	width:auto;	z-index:3} 
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0; clear:both; padding: 5px; width:100%; height:auto; text-align:center; vertical-align:middle; float:left;}
#paginacao a{color:#333; text-decoration: none; border:1px solid #1a5764; line-height:20px; padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao p {padding: 0;}
#paginacao strong{background:#1a5764;border:1px solid #1a5764;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3879bb;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url(../js/bxslider/images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next {right: 10px; background: url(../js/bxslider/images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover {background-position: 0 0; }
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}


#dp_swf_engine, #fb-root,.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}


.fancybox-caption {
    font-size: 18px !important;
    text-align: center !important;
}	

@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;} 
	#menu {background: #2d29c6; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #2783d1;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.3em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	#menu ul li.sep,#menu img{display: none;} 
	#menu ul li ul{position:relative; top:0px; margin:0px; } 
	.menu-right{float: left; }
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99999; background: #2c28c3; }	
	.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
	.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

	#header{margin-top: 35px; padding: 0 2%;  background-size: auto;}
	.carousel{width: 85%; display: block; margin: 0 auto; float: none;}
	#footer{padding: 15px 2%;}
	#conteiner {padding: 1.5em 2%;}
	.boxe-home{height: auto; min-height: 10px;}
	.boxe-home img{vertical-align: middle;}
	.titulos {padding: 20px 2%; margin: -1em -2% 2em -2%;}
	 
}
@media only screen and (max-width: 960px) {
	.pratica{clear: both; margin-top: 10px;}
}
@media only screen and (max-width: 767px) {
	#form{width:100%;}
	#form .lr{float: left;} 
	.boxe-home{width: 23.5%;} 
	.boxe-home:nth-of-type(4n+0){margin: 0 0 2% 0;}
	/*.boxe-home:nth-of-type(5n+0){display: none;}*/

	.col {float: none; width: auto;} 
}

@media screen and (max-width: 600px) {
	.personagens img {float: none; margin: 0; width: 100%;}
	.personagens h2 {margin: 0; display: block;}
	.personagens p {padding: 0 20px 20px;}

	.capa-gal {float: none; margin: 0 0 30px; width: auto; text-align: center;}
	.midias{display: block; width: 30px; margin: 10px auto 0 auto; float: none;}
}

@media only screen and (max-width: 470px) {
	.boxe-home{width: 48%; margin: 0 .5% 2% .5% !important;} 
	.tthome{font-size: 1.1em;}

}