/* CSS Document */



@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);


@-ms-viewport{
  width: device-width;
  initial-scale:0;
}


a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{

    background:transparent;

    border:0 none;

    font-size:100%;

    margin:0;

	padding:0;

	border:0;

	outline:0;

    vertical-align:top;

	-webkit-font-smoothing:antialiased;

	   -moz-font-smoothing:antialiased;

		 -o-font-smoothing:antialiased;

			   font-smooth:antialiased;



			   

}



::-webkit-input-placeholder {   color:inherit;}

:-moz-placeholder { /* Firefox 18- */   color: inherit;}



::-moz-placeholder {  /* Firefox 19+ */   color: inherit;}



:-ms-input-placeholder {     color: inherit;}





a:link, a:visited, a:active{color:inherit;}



ol, ul{list-style:none;}

blockquote, q{quotes:none;}



table, table td{padding:0;border:none;border-collapse:collapse;}

img{vertical-align:top;}

embed{vertical-align:top;}

*{border:none;padding:0;margin:0;}

input, textarea, select{outline:none;font-family:'Lato';color:#333;line-height:20px;font-size:13px;}

a, a:hover, input, .conheca-estrutura, .cursos-home ul li, .cursos-dir ul li, .dat-nav ul li, .it-1, .it-2, .it-3, .gal-img img{text-decoration:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}



.clear{clear:both;}





#mask {position:absolute;z-index:9997;background-color:#000;display:none;}

#boxes .window {position:absolute;display:none;z-index:9998;background-color:#fff;width:1050px;height:687px; background-size:100% !important;}

#boxes .window .light-close{width:100px;height:27px;background:url(img/btn-voltar.png);cursor:pointer;    margin-top: 640px;    margin-left: 20px;float:left;}

#boxes .window .botao-produto{width:181px;height:69px;background:url(img/placa-home.png);display:block;    margin-top: 600px;

    margin-right: 40px;float:right}



.geral{width:100%;height:900px;background:url(img/bg-terra-zoopers.jpg) center top; min-width:1000px;     background-size: cover !important;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.geral-interna{width:100%;height:900px;background:url(img/bg-interna.jpg) center top;  background-size: cover !important;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.geral-interna p.text-interna{text-align:center;font-family:'Raleway';color:#000;font-size:12px;font-weight:700;margin-top:215px;}







.content{width:1000px; margin:auto;display:table; height:auto;}



.logo{margin:auto;width:362px;    position: absolute;    margin-top: 167px;    margin-left: 285px;}

.logo .texto-logo{width:428px;height:324px;background:url(img/logo-texto.png);position:absolute;margin-top: -305px;

    margin-left: 260px;z-index: 1;display:none;}

.logo img{position:relative;z-index:2}

.logo:hover .texto-logo{display:block;}



.content .barra-share{width:240px; height:100px;background:#000;position:fixed;border-radius:0 0 12px 12px;padding-top:13px;z-index:9999;font-family:'Raleway';color:#dee9e7;font-size:12px;font-weight:bold}

.content .barra-share p{padding-left:10px;padding-top:5px;}

.content .barra-share .first-link{margin-left:12px;}

.content .barra-share form{    margin-top: 10px;    margin-left: 5px;}

.content .barra-share input[type="text"]{    background: url(img/OK_01.png);    padding-top: 10px;    padding-bottom: 9px;    padding-left: 15px;    font-family: Raleway;    font-size: 11px;    width: 176px;}

.content .barra-share input[type="submit"]{background:url(img/OK_02.png);text-indent:-9999px;width:39px; height:39px;    margin-left: -4px;}



.content .personagem-peg{width:230px;height:177px;position:absolute;background:url(img/person3.png) no-repeat;     background-position: 15px 0;    margin-left: 244px;    margin-top: 20px; cursor:pointer;}/**/

.content .personagem-peg:hover{background:url(img/peg.gif) no-repeat;    background-position: -24px -44px;}


.content .personagem-peg a{width:195px;height:177px;display:block;}



.content .personagem-leao{width:265px;height:277px;position:absolute;background:url(img/person4.png) no-repeat;    margin-left: 600px;    margin-top: 100px;cursor:pointer;}/**/

.content .personagem-leao:hover{background:url(img/leao.gif) no-repeat;    background-position: -18px -12px; background-size:300px;}
.content .personagem-leao:hover .frase{    margin-top: -32px;    margin-left: 37px;}


.content .personagem-leao a{width:265px;height:277px;display:block;}





.content .personagem-lobo{width:265px;height:277px;position:absolute;background:url(img/person2.png) no-repeat;    margin-left:0px;    margin-top:165px;cursor:pointer;}/**/

.content .personagem-lobo:hover{background:url(img/lobo.gif) no-repeat;    background-position:-32px -26px; }
.content .personagem-lobo:hover .frase{margin-top:-95px;}

.content .personagem-lobo a{width:265px;height:277px;display:block;}





.content .personagem-gato{width:235px;height:280px;position:absolute;background:url(img/person1.png) bottom no-repeat;    margin-left:0px;    margin-top:411px;cursor:pointer;background-size: 174px;}/**/

.content .personagem-gato:hover{background:url(img/gato.gif) no-repeat;  background-position:7px 87px;background-size:220px; }
.content .personagem-gato:hover .frase{    margin-left: 30px;margin-top:20px;}

.content .personagem-gato a{width:235px;height:280px;display:block;}



.content .personagem-ursa{width:155px;height:300px;position:absolute;background:url(img/person6.png) 0 114px no-repeat;    margin-left: 360px;    margin-top: 420px;cursor:pointer;z-index:9995;}/**/

.content .personagem-ursa:hover{background:url(img/ursa.gif) no-repeat;    background-position: -38px 2px;}

.content .personagem-ursa a{width:155px;height:300px;display:block;}
.content .personagem-ursa .frase{margin-top:30px;    margin-left: -25px;}


.content .personagem-macaco{width: 222px;    height: 229px;    position: absolute;    background: url(img/person5.png) no-repeat;    margin-left: 800px;    margin-top: 400px;    cursor: pointer;}/**/

.content .personagem-macaco:hover{background:url(img/macaco.gif) no-repeat;    background-position:-40px -28px;}

.content .personagem-macaco a{width: 222px;    height: 229px;display:block;}



.content .placa-produtos{width:181px;height:69px;float:right;background:url(img/placa-home.png); margin-top:630px; margin-right:88px;}



#boxes #lobo{background:url(img/personagens/lobo.jpg);}

#boxes #gato{background:url(img/personagens/gato.jpg);}

#boxes #macaco{background:url(img/personagens/macaco.jpg);}

#boxes #unicornio{background:url(img/personagens/unicornio.jpg);}

#boxes #urso{background:url(img/personagens/urso.jpg);}

#boxes #leao{background:url(img/personagens/leao.jpg);}

#boxes #home{background:url(img/texto-home.jpg);}



#boxes #produto1{background:url(img/produto/lightbox/produto1.png);}

#boxes #produto2{background:url(img/produto/lightbox/produto2.png);}

#boxes #produto3{background:url(img/produto/lightbox/produto3.png);}

#boxes #produto4{background:url(img/produto/lightbox/produto4.png);}

#boxes #produto5{background:url(img/produto/lightbox/produto5.png);}

.persona .frase{width:174px;height:24px;background:url(img/frase.png);position:absolute;display:none;z-index:9998;}
.persona:hover .frase{display:block;}
.logo .frase{width:174px;height:24px;background:url(img/frase.png);position:absolute;display:none;z-index:9998;    margin-left: 110px;}
.logo:hover .frase{display:block;}





@media screen and (max-width:780px)
{

#boxes .window{width:1000px !important;}
	
}


@media screen and (orientation:landscape)
{
 .geral{width:100% !important;height:900px;background:url(img/bg-terra-zoopers.jpg) center top;     background-size: cover !important;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width:1000px;

}
}