@charset "utf-8";
/* CSS PEAR GRID MOBILE  */

/********************************** Configurações Gerais da Página **********************************/

html, body {
	/*** Alinhamentos Padrão ***/
	
	margin: 0px;
	width: 100%;
	height: 100%;
    
	/*** Background ***/
	
	background-image: url(/img/fundo.jpg);
	background-size:100% 100%;
    background-position: center 580px;
	background-repeat: repeat;
	background-color: #fff;
	background-attachment: roll;
    
	/*** Fontes ***/
	
	color: #777777;
	font-size: 14px;
	font-family: 'OpenSansRegular', Arial;
}
a {
	text-decoration: none;
	color: #777777;
}
a:hover {
	color: #333;
}
.clear {
	clear: both;
	background-color: transparent;
}
* {
    box-sizing: border-box;
    border-collapse:separate;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
/*** PLANOS DE FUNDO ***/
.cabecalho {
	background-image: url(/img/bg-menu.jpg);
	background-repeat: repeat-x;
    background-color:#000;
    background-position: center bottom;
    height:95px;
    margin-top:0px;
    width: 100%;
	display: table;
    z-index:999;
}
.logotipo {
	background-image: url(/img/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none!important;
	background-size: 100%;
    margin-top:-120;
    left:50%;
    margin-left:-460px;
	width: 100%;
	max-width: 452px;
    position:absolute;
	height: 298px;/* Altura da Imagem*/
    Z-index:999;
}
.slider {
    display:table;
    margin: 0 auto;
    width:100%;
    margin-top:0px;
}
.boneco {
    width: 379px;
    height:467px;
    margin-top:35px;
    left:50%;
    margin-left:100px;
    position: absolute;
    background-image: url(/img/mascote.png);
    background-repeat: no-repeat;
	background-position: center top;
	background-color: #cccnone!important;  
    
    z-index:999;
}
.lampada-um { 
    width: 235px;
    height:295px;
    margin-top:570px;
    left:50%;
    margin-left:475px;
    position: absolute;
    background-image: url(/img/balao.png);
    background-repeat: no-repeat;
	background-position: center top;
	background-color: #cccnone!important;  
    z-index:999;
}
.lampada-dois { 
    width: 235px;
    height:295px;
    margin-top:570px;
    left:50%;
    margin-left:-710px;
    position: absolute;
    background-image: url(/img/balao.png);
    background-repeat: no-repeat;
	background-position: center top;
	background-color: #cccnone!important;  
    z-index:999;
}

/*** POSIÇÃO E TAMANHO ****/


.box-interno {
	max-width: 960px;
	padding: 20px;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	margin-top: 0px;
	display: table;
}

#box-telefones {
	position: static;
	max-width: 250px; /*Mesmo valor da largura do logotipo*/
	width: 100%;
	float: right;
	margin: 20px;
	margin-left: 0px;
	display: table;
}

.limite {           /*Centraliza o conteúdo Desk e Mobi*/
    margin:0 auto;
    padding:0px;
    display:block;
	max-width: 960px;
	border: 0px solid #000;
}
/*---------------------------- CAIXAS ------------------------*/
.titulo-page {
    font-family: "gabriola", arial;
    font-size: 50px;
    font-weight:bold;
    text-shadow: 1px 1px 1px #000;
    color:#c00;
    line-height:1;
    padding-bottom:10px;
}
.titulo-tribox {
    font-family: "gabriola", arial;
    font-size: 35px;
    font-weight:bold;
    margin:0 auto;
    text-align:center;
    padding-top:10px;
    margin-bottom:20px;
    text-shadow: 1px 1px 1px #000;
    color:#fff;
    line-height:1;
    padding-bottom:10px;
}

.texto{margin:15px;}
.unobox, .duobox, .tribox, .unobox-diferente 
{   
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size:14px;
	float: left;
    width: 100%;
    margin: 9px;
    border-radius:5px;
	overflow:inherit;
    border: 0px solid #ccc;
    background-color:transparent;
 
}
.unobox, .duobox, .tribox, .unobox-diferente, img {border-radius:2px;}
.unobox {max-width: 940px;}
.duobox { max-width: 460px; background-image: url(/img/bg-box.jpg); background-size:100% 100%;}
.tribox {
    
    text-align:center;
    height:300px;
    color:#000;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    max-width: 300px;
    background-image: url(/img/bg-box.jpg);
    background-size:100% 100%;
}
.tribox img {margin-bottom:15px;}

.unobox-diferente {
    text-align:center;
    max-width:940px!important;
    color:#000;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    max-width: 300px;
    display:table;
    height:250px;
    background-image: url(/img/bg-box-g.jpg);
    background-size:100% 200px;;
    margin-bottom:20px;
}
/*---------------------------- RODAPÉ ------------------------*/

.rodape {
	width: 100%;
	margin: 0 auto;
	display: table;
    height:330px;
    background-image: url(/img/bg-rodape.jpg);
	background-repeat: repeat;
    background-position: center top;
	background-color: none!important;
}
.rodape-conteudo {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: table;
	background-color: #bfbfbf;
}
.duobox-do-rodape {
	display: table;
	width: 90%;
	max-width: 460px;
	height: 220px;
	float: left;
	color: #fff;
	background-color: transparent !important; /*Roxo*/
	padding: 10px;
}
.titulo-do-rodape {
	font-size: 35px;
	max-width: 100px;
}
.subtitulo-do-rodape {
	font-size: 22px;
	margin-top: -5px;
	margin-bottom: 10px;
	max-width: 400px;
}
.direitos {
	width: 100%;
    height:0px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	margin-top: 0px;
	display: table;
    color:#fff;
    background-image: url(/img/bg-menu.jpg);
	background-repeat: repeat;
    background-position: center top;
}
#pear a:link {

	width: 90%;
	background-color: #000
}

#pear img {
    position:absolute;
    right:0px;
	margin-top:-20px;
	text-decoration: none;
	border: 0px;
	padding: 10px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
#pear img:hover {
	border: 0px;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}  
   /************************************************************ MOBILE *******************************************************/

@media screen and (max-width:960px) {
 body {
       font-family:Arial!important;
   } 
  .titulo-tribox, .titulo-page {font-family:Arial!important; font-size:22px; color:#fff;}
   
  /*** POSIÇÃO E TAMANHO ****/

    .logotipo {
	background-image: url(/img/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none!important;
	background-size: 100%;
    margin-top:10;
    border:0px solid #c00;
   
    left:auto;
    margin-left:10px;
	width: 90%;
	max-width: 300px;
    position:relative;
	height: 190px;/* Altura da Imagem*/
    Z-index:999;
}
.limite {boder: 0px solid #c00; margin:0px; height:auto!important;}
.cabecalho {
	width: 100%;
	height: 200px;
	margin: 0px;
	display: none;
}
 .slider, 
 .lampada-um,
 .lampada-dois,
 .boneco
    
{display:none!important;}
.box-interno {
	max-width: 960px;
	padding: 20px;
	width: 90%;
	text-align: left;
	margin: 0 auto;
	margin-top: 0px;
	display: table;
}

#box-telefones {
	position: static;
	max-width: 100%; /*Mesmo valor da largura do logotipo*/
	width: 100%;
	float: none;
    margin:0 auto;
	text-align:center;
    padding-bottom:10px;
	display: table;
    color:#fff;
}
.corpo {
	width: 100%;
	display: table;
	border: 0px solid #828282;
}
.limite {           /*Centraliza o conteúdo Desk e Mobi*/
    margin:0 auto;
    padding:15px;
    display:block;
	max-width: 100%;
	border: 0px solid #000;
}  
    
/*---------------------------- CAIXAS ------------------------*/

.texto{margin:15px;}
.unobox, .duobox, .tribox 
{   
	float: left;
    width: 100%;
    margin:0px;
    margin-top: 10px!inportant;
	margin-bottom: 10px;
    border-radius:0px;
	overflow:inherit;
    border: 0px solid #ccc;
    background-color:#fff;
    padding:5px;
    background-repeat: no-repeat;
}
.unobox {max-width: 100%; color:#000; text-shadow: 1px 1px 1px #fff; padding:15px;  background-color:#E5D0A4;}
.unobox img {max-width:100%;}
.duobox {max-width: 100%;}
.tribox {max-width: 100%;}
.unobox-diferente { background-repeat: no-repeat; background-color:#E5D0A4; padding:10px 10px 10px 10px;} 
.facebook {display:none;}    
br {line-height:0px;}   
#pear img {
	margin: 0 auto!important;
    float:none!important;
    display:table;
    position:relative;
	text-decoration: none;
	border: 0px;
	padding: 10px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
#pear img:hover {
	border: 0px;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
 .direitos {
	
    background-size:100% 100%!important;
    background-image: url(/img/bg-menu.jpg);
	background-repeat: no-repeat;
  
}   
    
}