@charset "utf-8";

/*
	Theme Name: Animados Zoo
	Theme URI: www.iwwa.com.br
	Author: Iwwa Agência Digital
	Author URI: http://www.iwwa.com.br/
	Description: Template Wp para uso exclusivo da Propeg-BA
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- *

/* CSS Document */

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, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin:0;padding:0;border:0;outline:0;
                  font-size:100%;vertical-align:baseline;
                  background:transparent;text-decoration:none;}
body              {line-height:1;overflow-x:hidden;font-size:14px;font-family:'omnesregular';}
html,body{
	height:100%;	
}
ol, ul            {list-style:none;}
blockquote, q     {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';	content:none;}
:focus            {outline:0;}
ins               {text-decoration:none;}
del               {text-decoration:line-through;}
table             {border-collapse:collapse;border-spacing:0;}


body.after_load{
	background:url("images/bg_color.jpg") repeat-x scroll center 312px #DFE6DE;
}

p{
	margin:0 0 25px 0;
	word-spacing:5px;
	}
#tudo{
	display:none;
	}
#loader{
	padding:100px;
	text-align:left;
	width:100px;
	margin:0 auto;
	}
/*Font-Face - - - - - - - - - - - - - - -*/
@font-face {
    font-family: 'safregular';
    src: url('fonts/saf-webfont.eot');
    src: url('fonts/saf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/saf-webfont.woff') format('woff'),
         url('fonts/saf-webfont.ttf') format('truetype'),
         url('fonts/saf-webfont.svg#safregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'omnessemibold';
    src: url('fonts/omnes_semibold-webfont.eot');
    src: url('fonts/omnes_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/omnes_semibold-webfont.woff') format('woff'),
         url('fonts/omnes_semibold-webfont.ttf') format('truetype'),
         url('fonts/omnes_semibold-webfont.svg#omnessemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'omnesregular';
    src: url('fonts/omnes-webfont.eot');
    src: url('fonts/omnes-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/omnes-webfont.woff') format('woff'),
         url('fonts/omnes-webfont.ttf') format('truetype'),
         url('fonts/omnes-webfont.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
/*DIVs - - - - - - - - - - - - - - - - - */
#bgCorpo{
	/*background:#dfe6de url(images/bg_color.jpg) center 615px repeat-x;*/
}
#barraTop{
	background:url(images/bgTop.png) top center repeat-x;
	height:65px;
	position:absolute;
	z-index:20;
	width:100%;
	}
.login{
	width:300px;
	float:right;
	margin:5px 30px 0 0;
	text-align:right;
	}
.btLogado img{
	left: -3px;
    position: relative;
    top: 7px;
}
.btLogado span,
.btLogado span a{
	color: #FFFFFF;
    font-family: 'safregular';
}
.loginBt{
	float:left;
	padding:0 30px 0 54px;
	background:url(images/ponto.png) right 20px no-repeat;
	}
.cadastro{
	}
#geral{
	
	}
.centro{
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:15;
	}
#corpo{
	padding-top:120px;
	width:100%;
	/*min-height:1010px;*/
	position:relative;
	z-index:10;
	}
#centroCorpo{
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:30;
	}
#folhas, #folhas2, #folhas3, #folhas4, #folhas4home{
	width:100%;
	/*height:1700px;*/
	position:absolute;
	z-index:5;
	background:url(images/folhas.png) center 400px no-repeat;
	}
#folhas2{
	background:url(images/folhas2.png) center 400px no-repeat;
	z-index:6;
	}
#folhas3{
	background:url(images/folhas3.png) center 400px no-repeat;
	z-index:7;
	}
#folhas4{
	background:url(images/folhas4.png) center 400px no-repeat;
	z-index:8;
	}
#folhas4home{
	background:url(images/folhas4_home.png) center 400px no-repeat;
	z-index:8;
}
#topo{
	height:545px;
	padding-top:70px;
	background:url(images/banner1.jpg) top center no-repeat;
	}
.logoRichester{
	margin:5px;
	float:left;
	}
.logoFace{
	float:left;
	margin:13px 0 0 30px;
	}
#logoAnimados{
	margin-left:100px;
	position:absolute;
	z-index:15;
	top:-300px;
	}
	
#menu{
	float:left;
	margin:-16px 0 0 -10px;
	position:relative;
	z-index:2;
	}
#menu2{
	float:right;
	margin:-16px -25px 0 0;
	position:relative;
	z-index:2;
	}
#menu li{
	display:inline-block;
	float:left;
	}
#menu2 li{
	display:inline-block;
	margin-left:-15px;
	float:left;
	}
#menu li a, #menu2 li a{
    font-family: 'safregular';
	color:#fff;
	font-size:15px;
	font-weight:normal;
	display:block;
	height:50px;
	padding:40px 15px 0 15px;
	text-shadow:1px 1px 2px #000;
	background:url(images/hoverMenu.png) center -70px no-repeat;
	}
#menu2 li a{
	padding:40px 25px 0 25px;
	}
#menu li.current-menu-item a, #menu2 li.current-menu-item a{
	background:url(images/hoverMenu.png) center 10px no-repeat;
	}
.homeColEsq{
	width:330px;
	float:left;
	}
.homeColDir{
	width:630px;
	float:right;
	}
#produtos{
	width:400px;
	height:380px;
	padding:56px 0 0 155px;
	margin:-28px 0 0 -136px;
	position:relative;
	background:url(images/bgProdutos.png) top left no-repeat;
	}
#produtos h3{
	width:200px;
    font-family: 'safregular';
	font-size:14px;
	color:#207626;
	margin:40px 0 0 30px;
	font-weight:normal;
	}
.elefanteHome{
	margin:30px 0 0 -110px;
	}
#gameCenter{
	width:630px;
	height:570px;
	padding:52px 0px 0px 80px;
	margin:-33px 0 0 -30px;
	position:relative;
	background:url(images/bgGames.png) top left no-repeat;
	}
#gameCenter h2{
	margin:0 0 0 40px;
	}
.gameEsq{
	width:335px;
	float:left;
	}
.gameEsq h3{
	width:200px;
    font-family:'safregular';
	font-size:14px;
	color:#ba1317;
	margin:40px 0 10px 0px;
	font-weight:normal;
	}
.imgJogoHome{
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border:2px solid white;
	overflow:hidden;
	height:230px;
	}
.seloNovo{
	position:absolute;
	margin:-31px 0 0 265px;
	}
.gameDir{
	width:235px;
	margin:65px 0 0 15px;
	float:left;
	}
.gameDir h3{
	width:200px;
    font-family:'safregular';
	font-size:14px;
	color:#000;
	margin:10px 0px;
	font-weight:normal;
	}
.imgThumbHome{
	margin:0 0 20px 0;
	}
.linkApp{
	margin:0 5px 0 0;
	}
#conhecaTurma {
	margin:30px 0 0 0;
	width:630px;
	position:relative;
	}
#conhecaTurma h2 {
	margin:0 0 20px 0;
	}
.fadePersEsq{
	position:absolute;
	left:55px;
	z-index:3;
	}
.fadePersDir{
	position:absolute;
	right:55px;
	z-index:3;
	}

.btVerTurma{
	margin:5px 0 0 0;
	float:right;
	}
#maisTurma{
	margin:50px 0 0 0;
	width:1050px;
	}
.content_3{
	width:600px;
	height:380px;
	overflow:auto;
	}
.maisTurmaBox{
	width:365px;
	height:276px;
	padding: 50px 0 0 0;
	margin-left:-20px;
	float:left;
	text-align:center;
	background:url(images/bgBox1.png) left top no-repeat;
	}
.maisTurmaBox:hover{
	background:url(images/bgBox1.png) left -335px no-repeat;
	}
.maisTurmaBox h2{
	margin:0 0 20px 0;
	}
.maisTurmaBox h3{
    font-family:'safregular';
	font-size:16px;
	color:#ba1317;
	margin:5px 0px 15px 100px;
	font-weight:normal;
	text-align:left;
	}

/*Rodape - - - - - - - - - - - - - - - -*/
#rodape{
	width:1100px;
	height:260px;
	margin:0 auto;
	background:url(images/bgRodape.png) bottom right no-repeat;
	position:absolute;
	z-index:9;
	left:50%;
	margin-left: -550px;
	}
.rodapeEsq{
	width:275px;
	padding:40px 0 0 20px;
	float:left;
	}
.rodapeEsq ul{
	margin:0 0 30px 20px;
	}
.rodapeEsq ul li{
	color:#3d6800;
	list-style:disc;
	margin:0 0 5px 0;
	}
.rodapeEsq ul li:first-child a{
	font-weight:bold;
	}
.rodapeEsq ul li a{
	font-size:14px;
	color:#3d6800;
	text-decoration:underline;
	text-transform:lowercase;
	}
.logoRicBase{
	margin:0 30px 0 0;
	}
.logoFaceBase{
	}
.rodapeDir{
	float:right;
	margin:202px 80px 0 150px;
	color:#fff;
	font-size:14px;
	}
.logoGrupo{
	float:right;
	margin:-35px 0 0 22px;
	}

/*INTERNAS - - - - - - - - - - - - - - -*/
h1{
	margin:0 0 30px 0;
	}
#conhecaTurma.interna{
	width:895px;
	margin:30px 0 50px 0px;
	position:relative;
	}
.fadePinEsq{
	position:absolute;
	left:54px;
	z-index:3;
	}
.fadePinDir{
	position:absolute;
	right:58px;
	z-index:3;
	}
#bgCorpoInternas{
	/*background:#dfe6de url(images/bg_color.jpg) center 313px repeat-x;*/
	}
#topoInternas{
	height:242px;
	padding-top:70px;
	background:url(images/topoInternas.jpg) top center no-repeat;
	min-height:100px;
	}
#topoInternas .centro{
	height:242px;
	position:relative;
	}
#imgPersonagemInterna{
	position:absolute;
	z-index:1;
	bottom:0;
	left:-50px;
	}

#turmaBox{
	background:url(images/turmaBox.png) top left no-repeat;
	width:687px;
	height:500px;
	padding:40px 10px 0 86px;
	margin:0 0 0 -30px;
	float:left;
	position:relative;
	z-index:-1; /*codigo novo*/
	}
.maskTurmaTop{
	position:absolute;
	z-index:10;
	top:89px;
	left:66px;
	}
.maskTurmaBottom{
	position:absolute;
	z-index:10;
	bottom:32px;
	left:66px;
	}
#turmaBoxTxt{
	color:#4a4957;
	font-size:16px;
	line-height:17px;
	}
.letraCap{
	margin:0 20px 10px 0;
	float:left;
	}
.internaFabrica{
	float:right;
	margin:100px -168px 0 -180px;
	position:relative;
	z-index:15;
	/*margin:100px -140px 0 -180px;*/
	}
.personagemImg{
	float:left;
	margin-left:-60px;
}
#contPersonagemTxt{
	background:url(images/boxContPers.png) top left no-repeat;
	width:340px;
	height:440px;
	padding:50px 0 0 60px;
	margin-right:-30px;
	margin-left:250px;
	float:left;
	font-size:16px;
	line-height:17px;
	position:relative;
	z-index:-1; /*codigo novo*/
	}
#contPersonagemTxt h2{
    font-family:'safregular';
	font-size:20px;
	color:#342c96;
	font-weight:normal;
	margin:0 0 35px 30px;
	}
.maskPersTop{
	position:absolute;
	z-index:10;
	top:100px;
	left:52px;
	}
.maskPersBottom{
	position:absolute;
	z-index:10;
	bottom:60px;
	left:57px;
	}

#contPersonagemTxt .content_3{
	width:280px;
	height:310px;
	color:#4a495b;
	padding-top:15px;
	line-height:20px;
	}

#prodRelacionados{
	width:335px;
	float:right;
	margin:90px 0 0 0;
	}
#prodRelacionados li{
	font-size:14px;
	margin-bottom:15px;
	color:#cb010e;
}
#prodRelacionados .tbImage{
	border: 2px solid #FFFFFF;
   	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    display: block;
    float: left;
    height: 110px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 125px;
	margin-right:10px;
	/*background:#416C00;*/
	background:#F6F8F5;
}
#prodRelacionados li a{
	color:#cb010e;
	}
#prodRelacionados li.produtos, #prodRelacionados li.produtos a{
	color:#3f8829;
	}
#prodRelacionados li.mais, #prodRelacionados li.mais a{
	color:#3e358f;
	}
#prodRelacionados li h3{
    font-family:'safregular';
	font-size:16px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	}
#prodRelacionados li img{
	float:left;
	margin:0 10px 0 0;
	}
.circCurtir{
	background:url(images/circCurtir.png) top left no-repeat;
	width:75px;
	height:24px;
	padding-top:50px;
	margin-top:393px;
	text-align:center;
	position:absolute;
	left:192px;
	color:#342c96;
	font-style:italic;
	cursor:pointer;
	}

/*GAME CENTER - - - - - - - - - - - - - */
#conjuntoGames{
	width:1200px;
	}
#rankingGeral{
	height:70px;
	margin:-85px 0 40px 0;
	}
.fixoTopo{
	position:fixed;
	top:0;
	margin:0 0 0 0 !important;
	width: 100%;
	z-index:3000;
	}
#ranking{
	width:960px;
	height:70px;
	margin:0 auto;
	background:url(images/ranking.png);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	}
.boxGame{
	background:url(images/bgBoxGame.png) left top no-repeat;
	width: 313px;
	height: 326px;
	padding: 45px 25px 0 23px;
	margin: 0 5px 10px -33px;
	float:left;
	position:relative;
	}
.boxGame:hover{
	background:url(images/bgBoxGame.png) left -400px no-repeat;
	}
.boxGame.selecionado{
	background:url(images/bgBoxGame.png) left -790px no-repeat;
	padding-bottom:70px;
	}
.boxGame.selecionado p{
	color:#fff;
	}
.boxGame h2{
    font-family:'safregular';
	color:#c00f15;
	font-weight:normal;
	font-size:14px;
	margin:0 0 30px 77px;
	height:40px;
	}
.noteVerde, .noteVermelho, .noteRoxo{
	background:url(images/noteVerde.png) left top no-repeat;
	width:233px;
	height:123px;
	padding:7px 0 0 0;
	margin:0 auto;
	text-align:center;
	}
.noteVermelho{
	background-image:url(images/noteVermelho.png);
	}
.noteRoxo{
	background-image:url(images/noteRoxo.png);
	}
.btNovo{
	position:absolute;
	top:325px;
	right:107px;
	}
.containerCoracao{
	width:100%;
	float:left;
	text-align:center;
	height:22px;
	display:block;
}
.gameCurtir{
	background:url(images/curtirMais.png) left top no-repeat;
	width:77px;
	height:49px;
	position:absolute;
	padding:25px 0 0 0;
	top:311px;
	right:33px;
	color:white;
	}
.gameCurtir p{
	padding-top:2px;
	margin:0 !important;
	width:100%;
	display:block;	
	color:#FFF !important;
	float:left;
}
.boxGame p{
	color:#7e5658;
	margin:0 30px;
	text-align:center;
	}
.tablet{
	background:url(images/tabletAmarela.png) left top no-repeat;
	width:220px;
	height:120px;
	padding:10px 0 0 12px;
	position:relative;
	margin:0 auto;
	}
.appStore{
	position:absolute;
	right:0;
	top:15px;
	}
.googlePlay{
	position:absolute;
	right:0;
	top:58px; 
	}
.gameAberto{
	background:#fff;
	padding:45px 0;
	margin:0 0 50px -10px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	display:none;
	text-align:center;
	width:980px;
	position: relative;
}

.gameAberto h3{
    font-family:'safregular';
	color:#c00f15;
	font-size:24px;
	font-weight:normal;
	float:left;
	padding-left:40px;
	}
.gameAberto iframe{
	background: #fff;
}
.fecharGame{
	float:right;
	margin:0 40px 20px 0;
	}
.activeRanking{
	background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 100%;
    position: relative;
    top: -52px;
    width: 100%;
}

.activeRanking .topoRanking{
	margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
    width: 92%;
}

.activeRanking .topoRanking h4{
	color: #237529;
    float: left;
    font-family: 'safregular';
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

.activeRanking .topoRanking .fecharRanking{
	float: right;
}

.activeRanking .corpoRanking{
	background: none repeat scroll 0 0 #F4F3F1;
    margin: 0 auto;
    width: 92%;
}

.activeRanking .filtroRanking{
	border-bottom: 1px dashed #1F7627;
    margin: 0 auto 15px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 25px;
    width: 92%;
}

.activeRanking .filtroRanking .gameRanking{
	background: url("images/img_game_ranking.jpg") no-repeat scroll center top transparent;
    display: block;
    float: left;
    height: 103px;
    padding-left: 3px;
    padding-top: 7px;
    width: 181px;
}

.activeRanking .filtroRanking .gameRanking img{
	
}

.activeRanking .filtroRanking .dados{
	float: left;
    margin-left: 8px;
}

.activeRanking .filtroRanking .dados h5{
	color: #CA121E;
    font-family: 'safregular';
    font-size: 18px;
    font-weight: normal;
    margin: 18px 0;
    text-align: left;
    text-transform: uppercase;
}

.activeRanking .filtroRanking .dados .filtros{
	overflow: hidden;
}

.activeRanking .filtroRanking .dados .filtros .ranking{
	background: url("images/ico_ranking.jpg") no-repeat scroll left top transparent;
    color: #19791F;
    display: block;
    float: left;
    height: 20px;
    margin-top: 12px;
    padding-top: 2px;
    text-align: left;
    text-indent: 25px;
}

.activeRanking .filtroRanking .dados .filtros .listaSelect{
	background: url("images/seta_lista_ranking.jpg") no-repeat scroll 112px 3px #e4ebe4;
    float: left;
    height: 25px;
    margin-left: 25px;
    margin-top: 5px;
    padding: 9px 2px 3px 15px;
    text-align: left;
    width: 135px;
}

.activeRanking table{
	margin: 0 auto;
    padding: 0;
}

.activeRanking table tr{
	background: none repeat scroll 0 0 #DEE8DF;
    display: block;
    padding: 7px 0;
}
.activeRanking table tr.cor{
	background: #f4f4f4;
}

.activeRanking table td{
	color: #237529;
    padding-left: 15px;
    text-align: left;
    width: 52%;
}

.activeRanking table td .colocacao{
	font-family: 'omnessemibold';
}

.activeRanking table td.pontuacao{
	font-family: 'omnessemibold';
}

/*MAIS DA TURMA - - - - - - - - - - - - -*/
.pTurma{
	color:#c00f15;
	font-size:16px;
	margin:-10px 0 30px 0;
	}
#boxWallPaper{
	background:url(images/boxMais.png) top left no-repeat;
	width:1000px;
	height:470px;
	padding:53px 0 0 70px;
	margin:0 0 0 -25px;
	}
#boxWallPaper h2{
    font-family:'safregular';
	color:#c00f15;
	font-size:16px;
	font-weight:normal;
	margin:0 0 0 30px;
	}
#noteWall{
	background:url(images/note.png) top left no-repeat;
	width:625px;
	height:300px;
	padding:20px 0 0 0;
	margin:45px 0 0 -30px;
	text-align: center;
	float:left;
	}
#linksResolucoes{
	left: 263px;
    position: absolute;
    top: 301px;
    width: 134px;
    z-index: 10;
	}
#linksResolucoes li{
	}
#linksResolucoes a{
	width:106px;
	height:20px;
	padding:15px;
	background:url(images/btResolucao.png) left top no-repeat;
	color:#fff;
	text-align:center;
	float:left;
	}
#linksResolucoes a:hover{
    font-family: 'omnessemibold';
	}

#boxesMais{
	width:1000px;
	}
.maisTurmaInterna{
	width:300px;
	height:360px;
	padding:58px 0 0 58px;
	margin-left: -19px;
	margin-right: -10px;
	float:left;
	background:url(images/boxHoverMais.png) left top no-repeat;
	}
.maisTurmaInterna:hover{
	background:url(images/boxHoverMais.png) left -402px no-repeat;
	}
.maisTurmaInterna.selecionado{
	background:url(images/boxHoverMais.png) left -810px no-repeat;
	}
.maisTurmaInterna h2{
    font-family:'safregular';
	color:#c00f15;
	font-size:16px;
	font-weight:normal;
	margin:0 0 50px 30px;
	}
.maisTurmaInterna a{
	text-align:center;
	display:block;
	margin-right:45px;
	}

#maisTurmaAberto{
	background:url(images/bgBrancoMais.png);
	padding:50px 0 50px 60px;
	float:left;
	width:887px;
	margin-left:18px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	}
#contMaisAberto{
	}
#contMaisAberto h2{
	font-family:'safregular';
	color:#C00F15;
	font-size:20px;
	font-weight:normal;
	margin:0 0 30px 0;
	float:left;
	}
.fecharBoxMais{
	float:right;
	padding:9px 39px 15px 0;
	margin:0 55px 0 0;
	color:#C00F15;
    font-family:'omnesregular';
	background:url(images/fecharMais.png) right top no-repeat;
	}
.fecharBoxMais:hover{
	text-decoration:underline;
	}
.boxItemMais{
	background:url(images/boxItemMais.png) left top no-repeat;
	width:346px;
	height:346px;
	position:relative;
	float:left;
	text-align:center;
	margin:0 -10px 0 -50px;
	}
.boxItemMais:hover{
	background:url(images/boxItemMais.png) left -345px no-repeat;
	}
.boxItemMais h3{
	font-size:16px;
	font-weight:normal;
	color:#C00F15;
    font-family:'omnessemibold';
	margin:10px 0 30px 0;
	}
.curtirMaisAberto{
	text-align:center;
	position:absolute;
	bottom:45px;
	right:45px;
	width:63px;
	height:42px;
	padding:21px 0 0 0;
	color:#fff;
	font-style:italic;
	font-size:11px;
	background:url(images/curtirMenor.png) left top no-repeat;
	}
.curtirMaisAberto img{
	border:0 !important;
	margin-right:0 !important;	
}
.coracaoMenor{
	padding:0 0 5px 2px;
	}
.contMaisAbertoCont{
	display: none;
}

.contMaisAbertoImprimaEPinte img{
	border:1px #d2d2d2 solid;
	margin-right:10px;
}
/*PRODUTOS - - - - - - - - - - - - - - - */
#boxSelect{
	background:url(images/boxSelect.png) left top no-repeat;
	width:465px;
	height:185px;
	float:left;
	padding:47px 0 0 85px;
	margin:-50px 0 0 -20px;
	}
#boxSelect h1{
	margin-bottom:25px;
	}
#selectProdutos{
	margin-left:-30px;
	}
#selectProdutos li{
	display: block;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 80px;
	}
#selectProdutos li a{
	width:180px;
	display:block;
	}
#selectProdutos li img{
	float:left;
	margin:0 10px 0 0;
	}
#selectProdutos li a h2{
    font-family:'safregular';
	font-size:14px;
	font-weight:normal;
	float:left;
	padding-top:20px;
	width:90px;
	}
.selectProd1 a h2{
	color:#13791a;
	}
.selectProd2 a h2{
	color:#c00f15;
	}
.selectProd3 a h2{
	color:#e79c00;
	}
.selectProd4 a h2{
	color:#221188;
	}
.selectProd1{
	width:160px;
	}
#pProdutos{
	width:400px;
	float:left;
	color:#13791a !important;
	font-size:16px;
	margin:70px 0 0 0;
	}
.produto, .produto.amarelo, .produto.roxo, .produto.vermelho{
	background:url(images/boxProduto.png) left top no-repeat;
	width:255px;
	height:255px;
	padding:50px;
	float:left;
	text-align:center;
	margin:0 -20px 20px -20px;
	position:relative;
	}
.produto.amarelo{
	background:url(images/boxProdutoAmarelo.png) left top no-repeat;
	}
.produto.roxo{
	background:url(images/boxProdutoRoxo.png) left top no-repeat;
	}
.produto.vermelho{
	background:url(images/boxProdutoVermelho.png) left top no-repeat;
	}
.produto:hover, .produto.amarelo:hover, .produto.roxo:hover, .produto.vermelho:hover{
	background-position:left -390px;
	}
.produto h2{
	color:#13791a;
    font-family:'safregular';
	font-size:14px;
	font-weight:normal;
	margin:10px 0;
	}
	.produto.amarelo h2{
		color:#E79C00;
		}
	.produto.roxo h2{
		color:#218;
		}
	.produto.vermelho h2{
		color:#C00F15;
		}
.produto p{
	color:#13791a;
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 0 !important;
	}
	.produto.amarelo p{
		color:#AE7600;
		}
	.produto.roxo p{
		color:#218;
		}
	.produto.vermelho p{
		color:#C00F15;
		}
.descProd{
	color:#13791a;
	}
.curtirProduto{
	position:absolute;
	width:75px;
	height:49px;
	color:white !important;
	text-align:center;
	bottom:10px;
	right:15px;
	font-size:14px;
	font-style:italic;
	padding:25px 3px 0 0;
	cursor:pointer;
	background:url(images/curtirVerde.png) left top no-repeat;
}
.curtirProduto p{
	color:#FFF;
}
.curtirProduto.vermelho{
	background:url(images/curtirMais.png) left top no-repeat;
	}
.curtirProduto.amarelo{
	background:url(images/curtirAmarelo.png) left top no-repeat;
	}
.curtirProduto.roxo{
	background:url(images/curtirRoxo.png) left top no-repeat;
	}
.curtirProduto img{
	padding:0 0 5px 0;
	}

.infoNutri{
	position:absolute;
	color:#13791a;
	bottom:0px;
	left:100px;
	}
.produto.amarelo .infoNutri{
	color:#E79C00;
	}
.produto.roxo .infoNutri{
	color:#218;
	}
.produto.vermelho .infoNutri{
	color:#C00F15;
	}

#lightBoxProduto{
	display:none;
	position:fixed;
	z-index:100;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:url(images/light.png);
	}
#fecharLight{
	float:right;
	margin:0 158px 0 0;
	background:url(images/fecharLight.png);
	width:63px;
	height:26px;
	}
	#centroLightBox.vermelho #fecharLight{
		background:url(images/fecharLightVermelho.png) !important;
	}
	#centroLightBox.amarelo #fecharLight{
		background:url(images/fecharLightAmarelo.png) !important;
	}
	#centroLightBox.roxo #fecharLight{
		background:url(images/fecharLightRoxo.png) !important;
	}
	
#centroLightBox{
	background:url(images/bgLightSombra.png) -45px -30px no-repeat;
	width:1100px;
	height:530px;
	margin:-265px 0 0 -550px;
	padding:50px 0 0 0;
	position:absolute;
	top:35%;
	left:50%;
	}
	#centroLightBox.vermelho{
		background:url(images/bgLightSombraVermelho.png) -45px -30px no-repeat !important;
	}
	#centroLightBox.amarelo{
		background:url(images/bgLightSombraAmarelo.png) -45px -30px no-repeat !important;
	}
	#centroLightBox.roxo{
		background:url(images/bgLightSombraRoxo.png) -45px -30px no-repeat !important;
	}
#contLightProduto{
	background:url(images/lightInterna.png) left top repeat-y;
	width:790px;
	height:540px;
	margin:20px auto 0 auto;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	}
	#centroLightBox.vermelho #contLightProduto{
		background:url(images/lightInternaVermelho.png) left top repeat-y !important;
	}
	#centroLightBox.amarelo #contLightProduto{
		background:url(images/lightInternaAmarelo.png) left top repeat-y !important;
	}
	#centroLightBox.roxo #contLightProduto{
		background:url(images/lightInternaRoxo.png) left top repeat-y !important;
	}
	
#prodEsq, #prodDir{
	width:355px;
	height:485px;
	padding:20px;
	float:left;
	position:relative;
	text-align:center;
	}
#prodDir{
	float:right;
	text-align:left;
	}
#prodEsq h2{
	text-align:center;
	color:#207626;
    font-family:'safregular';
	font-size:16px;
	font-weight:normal;
	margin:0 0 10px 0;
	}
	#centroLightBox.vermelho #prodEsq h2{
		color:#C00F15 !important;
	}
	#centroLightBox.amarelo #prodEsq h2{
		color:#E79C00 !important;
	}
	#centroLightBox.roxo #prodEsq h2{
		color:#221188 !important;
	}
#prodEsq p{
	text-align:center;
	color:#207626;
	margin:0 0 20px 0;
	}
	#centroLightBox.vermelho #prodEsq p{
		color:#C00F15;
	}
	#centroLightBox.amarelo #prodEsq p{
		color:#E79C00;
	}
	#centroLightBox.roxo #prodEsq p{
		color:#221188;
	}
.prodPrincipal{
	}
#prodEsq .curtirProduto{
	position:absolute;
	left:10px;
	bottom:10px;
}
.curtirProduto p{
	color:#FFF !important;
	display:block;
}
#ilustrativa{
	position:absolute;
	bottom:0px;
	right:20px;
	font-size:14px;
	}

#prodDir h3{
	color:#207626;
	font-size:16px;
	margin:0;
	text-transform:uppercase;
	}
	#centroLightBox.vermelho #prodDir h3{
		color:#C00F15 !important;
	}
	#centroLightBox.amarelo #prodDir h3{
		color:#E79C00 !important;
	}
	#centroLightBox.roxo #prodDir h3{
		color:#221188 !important;
	}
	
#prodDir p{
	color:#207626;
	}
	#centroLightBox.vermelho #prodDir p{
		color:#C00F15 !important;
	}
	#centroLightBox.amarelo #prodDir p{
		color:#E79C00 !important;
	}
	#centroLightBox.roxo #prodDir p{
		color:#221188 !important;
	}
	
#prodDir p#recomendacoes{
	font-size:14px;
	position:absolute;
	bottom:0;
	width:340px;
	}
#tabelaNutricional{
	width:380px;
	color:#7aae28;
	font-style:italic;
	margin:0 0 20px 0;
	}
	#centroLightBox.vermelho #tabelaNutricional{
		color:#EF474B !important;
	}
	#centroLightBox.amarelo #tabelaNutricional{
		color:#AE7600 !important;
	}
	#centroLightBox.roxo #tabelaNutricional{
		color:#38579E !important;
	}
	
#tabelaNutricional td{
	padding:3px 10px 2px 0;
	}
.col1{
	border-right: 1px solid #FFFFFF;
    display: block;
    width: 174px;
	}
.col2{
	width:122px;
	border-right:1px solid #fff;
	padding-left:10px !important;
	}
.col3{
	width:40px;
	padding-left:10px !important;
	}

/*CONTATO - - - - - - - - - - - - - - - */
.pContato{
	color:#207626;
	font-size:16px;
	margin:-10px 0 30px 0;
	line-height:20px;
	}
#formSac{
	width:645px;
	float:left;
	}
#formSac input, .listaEstados, .mensagem,
#formCadastro input, .listaSelect{
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	background:#fff;
	color:#C0C0C0;
	font-size:16px;
	box-shadow:1px 1px 2px #cfd0ce inset;
	padding:15px;
	border:none;
	float:left;
	margin:0 10px 15px 0;
    font-family: 'omnessemibold';
	font-size:18px;
	}
#formCadastro input:focus,
#formCadastro input:hover{
	color: #207626;
}
.nome{
	width:265px;
	}
.email{
	width:300px;
	}
.email2{
	width:300px;
	margin-left:0px !important;
	}	
.listaEstados,
.listaSelect{
	width:185px;
	height:20px;
	background:#fff url(images/setaLista.png) 171px 5px no-repeat;
	}
.listaEstados .abreEstados,
.listaSelect .abreListaSelect{
	display:block;
	font-size:18px;
	}
.listaEstados a,
.listaSelect a{
	color:#207626;
	font-size:16px;
	}
.listaEstados ul,
.listaSelect ul{
	display:none;
	background:white;
	position:absolute;
	width:200px;
	max-height:300px;
	overflow:auto;
	margin:15px 0 0 -10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 99999999;
	}
.listaEstados ul li a,
.listaSelect ul li a{
	padding:10px !important;
	display:block;
	}
.listaEstados ul li a:hover,
.listaSelect ul li a:hover{
	color:#C60005;
	}
.cidade{
	width:380px;
	}
.assunto{
	width:605px;
	}
.mensagem{
	width:605px;
	height:200px;
	}
.lembrete{
	width:310px;
	}
.email_cad{
	width:615px;
	}
.data{
	float: right !important;
	}
.enviar{
	float:right !important;
	background:#207626 !important;
	box-shadow:0px 1px 2px #566454 !important;
	color:#fff !important;
	border-top:1px solid #33bd3d !important;
	padding:15px 25px !important;
	cursor:pointer !important;
 	
	}
#contatos{
	width:270px;
	margin:0 0 0 20px;
	padding:20px 0 0 20px;
	float:left;
	background:url(images/linhaContato.png) top left no-repeat;
	}
.emailAnimados{
	color:#207626;
	font-size:18px;
	background:url(images/iconEmail.png) left top no-repeat;
	padding:20px 0 35px 75px;
	margin:0 0 10px 0;
	float:left;
    font-family: 'omnessemibold';
	}
.telAnimados{
	color:#c60005;
	font-size:16px;
	background:url(images/iconTel.png) left top no-repeat;
	padding:20px 0 35px 75px;
	float:left;
    font-family: 'omnessemibold';
	}
.boxJogo{
	clear:both;
	width:100%;
	}
	
/*PAIS - - - - - - - - - - - - - - - */
.pPais{
	color:#207626;
	font-size:16px;
	margin:-10px 0 30px 0;
	line-height:20px;
	}	
#boxPaisDetaque {
    background: url("images/boxMais.png") no-repeat scroll left top transparent;
    height: 450px;
    margin: 0 0 0 -25px;
    padding: 53px 0 0 70px;
    width: 1000px;
}	
	#boxPaisDetaqueDir{
		width: 452px;
		height: 335px;
		float:left;
		margin:51px 0 0 15px;	
	}
	#boxPaisDetaqueEsq{
		width: 398px;
		height: 335px;
		float:left;
		margin:51px 0 0 18px;
		background-image:url(images/boxPaisDestaqueEsq.png);
		background-repeat:no-repeat;
		position: relative;
	}
		#boxPaisDetaqueEsq img{
			border:0;
			border-radius: 28px;
			-moz-border-radius: 28px;
			-webkit-border-radius: 28px;
		}
		#boxPaisDetaqueEsq p{
			color: #207626;
			font-family: 'safregular';
			font-size: 16px;
			font-weight: normal;
		}
	#boxPaisRedes{
		float:left;
		width:200px;
		height:80px;
	}
		#boxPaisRedes span{
			color:#250ba8 !important;
			font-size: 13px;
			font-weight: normal;
			display:block;
			float:left;
		}
		#boxPaisRedes a{
			display:block;
			float:left;
			margin-left:5px;
		}
		.maisPost{
			float:right;
			background-image:url(images/maisTodos.png);
			width:40px;
			height:40px;
		}
		.maisDestaque{
			margin-top:15px;
		}

	#boxPaisDetaque p{
	color:#207626;
	font-size:16px;
	line-height:20px;
	}
	#boxPaisDetaque h2 {
    color: #207626;
    font-family: 'safregular';
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 30px;
	text-transform:uppercase;
	}
	#boxPaisDetaqueDir .maisPost{
		background-position:center;
	}
#boxPaisPost{
    height: 318px;
    margin: 0 0 0 -25px;
    padding: 53px 0 0 64px;
    width: 1000px;
}	
	#boxPaisPostEsq{
		width: 232px;
		height: 213px;
		float:left;
		margin:45px 40px 0 0;
		position: relative;
	}
		#boxPaisPostEsq img{
			border:0;
			border-radius: 19px;
			-moz-border-radius: 19px;
			-webkit-border-radius: 19px;
		}
		#boxPaisPostEsq .botao_galeria,
		#boxPaisDetaqueEsq .botao_galeria{
			display: none;
		}
		#boxPaisPostEsq .temgaleria,
		#boxPaisDetaqueEsq .temgaleria{
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 100%;
		    left: 0;
		    position: absolute;
		    top: 0;
		    width: 100%;
		    opacity:.6;
		    filter:alpha(opacity=60);
		    border-radius: 19px;
			-moz-border-radius: 19px;
			-webkit-border-radius: 19px;
			cursor: pointer;
		}
		#boxPaisPostEsq .maisPost{
			left: 98px;
		    margin: 0;
		    position: absolute;
		    top: 90px;
		}
		#boxPaisDetaqueEsq .maisPost{
			left: 172px;
		    margin: 0;
		    position: absolute;
		    top: 135px;
		}
		#boxPaisDetaque #boxPaisPostEsq .maisPost{

		} 
	#boxPaisPostDir{
		width: 650px;
		height: 260px;
		float:left;
		margin:22px 60px 0 15px;
	}
	.postGeral{
		margin-right:48px;
	}
	
	.postVermelho{
		background: url("images/paisPostVermelho.png") no-repeat scroll left top transparent;
	}
	.postVermelho h2 {
		color: #C10F15;
		font-family: 'safregular';
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 0 30px;
		text-transform:uppercase;
	}
	.postVermelho p {
		color: #C10F15;
		font-size: 16px;
		font-weight: normal;
	}
	.postVermelho .maisPost{
		background-position:top;
	}
	
	.postAzul{
		background: url("images/paisPostAzul.png") no-repeat scroll left top transparent;
	}
	.postAzul h2 {
		color: #250BA8;
		font-family: 'safregular';
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 0 30px;
		text-transform:uppercase;
	}
	.postAzul p {
		color: #250BA8;
		font-size: 16px;
		font-weight: normal;
	}
	.postAzul .maisPost{
		background-position:bottom;
	}
	
	.postVerde{
		background: url("images/paisPostVerde.png") no-repeat scroll left top transparent;
	}
	.postVerde h2 {
		color: #207626;
		font-family: 'safregular';
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 0 30px;
		text-transform:uppercase;
	}
	.postVerde p {
		color: #207626;
		font-size: 16px;
		font-weight: normal;
	}
	.postVerde .maisPost,
	#boxPaisDetaqueEsq .maisPost{
		background-position:center;
	}
	
/*Classes comuns - - - - - - - - - - - -*/
.clear{
	clear:both;
	}
.boxTopoForm{
	display:none;
	background:url(images/ranking.png);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	position:absolute;
	padding:20px;
	z-index:999;
	top:60px;
	right:10px;
	width: 254px;
}

#formTopo input{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	color:#C0C0C0;
	font-size:16px;
	box-shadow:1px 1px 2px #cfd0ce inset;
	padding:8px;
	border:none;
	float:left;
	margin:0 0 15px 0;
    font-family: 'omnessemibold';
	font-size:16px;
	width:240px;
}
#formTopo.enviar{
	background:#207626 !important;
	box-shadow:0px 1px 2px #566454 !important;
	color:#fff !important;
	border-top:1px solid #33bd3d !important;
}

.facebook_share,
.twitter_share{
	cursor:pointer;
}

/* Cadastro */
#formCadastro {
    width: 100%;
}




#mCSB_draggerContainer{
	display:none;
}

/* Cadastro */
#lista_erros{
	padding-left: 5px;
	float: left;
}

#lista_erros li{
	color: red;
	margin:5px 0;
}

#lista_erros li.sucesso{
	color:#207626;
}

#contPersonagem > div[style] {
	
}