/* CSS Document */ /*   Ato Interativo - 2014
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
XHTML+CSS: Felipe Marcelino
Programação: Mateus Fiereck
Last CSS update: 11/2014
Notes: Folha padrao
***********************************************
;)
***********************************************
*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #000;
	background:url(../images/fundos/bgVermelhoRepeat.jpg) center top repeat;
	overflow-x:hidden;
}
.wpAll{
width:100%;	
float:left;
position:relative;

}
#wpBgVermelho{
background:url(../images/fundos/bgVermelho.jpg) center top no-repeat;
	background-attachment:fixed;	
	background-size:cover;	
	
}
#pulodogato{
background:#30302E url(../images/fundos/fundoDivGatinho.jpg) center top no-repeat;
overflow:hidden;
overflow:hidden;
background-attachment:fixed;	
background-size:cover;		
}
#divParceiros{
background:#30302E url(../images/fundos/fundoParceiros.jpg) center top no-repeat;
background-attachment:fixed;	
background-size:cover;	
overflow:hidden;
}
#divContato{
background:#282828 url(../images/fundos/contato.jpg) center bottom no-repeat;	
}
#divContatoRodape{
background:#1D1D1D url(../images/fundos/contatoRodape.jpg) center top no-repeat;	
background-attachment:fixed;	
background-size:cover;	
padding:0;
overflow:hidden;	
}
#divPortfolio{
background:#292927 url(../images/elementos/trabalhe.jpg) right bottom no-repeat;	
overflow:hidden;	
}
#wpRodape{
width:100%;
height:115px;
float:left;
background:#F55523;
color:#FFF;	
padding:15px 32px;
margin:20px 0 0 0;
}
.boxRodape{
width:480px;
float:left;
padding:50px 0;	
margin:0 0 0 32px;	
}
.boxRodape#bxMaior{
width:960px;
padding:0;
}
.wpNossoTrabalho{
width:470px;
float:left;	
margin:0 7.5em 0 0;
}
.wpNossoTrabalho#tecnologia{
margin:0;	
}
.wpNossoTrabalho#tecnologia ul li{
margin:0 0 0 6em;	
}
.wpNossoTrabalho#tecnologia ul li:first-child{
margin:0;		
}
.wpNossoTrabalho h2.tt-branco{
text-align:left;
font-family: 'Yeseva One', cursive;
margin:1.5em 0 0 0;	
}
.fb-like-box{
background:#FFF;	
}
.boxRodape p{
width:100%;
float:left;
font-size: 1.5em;	
color:#F2C30B;	
margin:1em 0;
font-family: 'Yeseva One', cursive;
font-weight:lighter;
font-style:italic;
}
#wpRodape p{
width:816px;
float:left;	
font-size:1.5em;
padding:50px 0;
}
#wpRodape span{
width:176px;
float:left;	
padding:10px 0;
}
.boxRodape p.icones{
padding:3px 40px;
background:url(../images/fundos/tel.png) left top no-repeat;	
}
.boxRodape p.icones span{
color:#EB7004;	
}
.boxRodape#direita p{
color:#FFF;	
}
.boxRodape p.icones#telefone{
background-position:0 -43px;	
padding:0 40px;
margin:0;
}
.boxRodape h2{
font-size:3.5em;
color:#F2C30B;	
text-transform:uppercase;
}
.elementosPedra{
width:100%;
float:left;
z-index:9;
position:relative;
overflow:hidden;
text-align:center;
}
#wpCtrlGota{
width:100%;
height:0;
float:left;
}
.gota{
position:relative;
top:0;
height:35px;	
z-index:9;
}
.elementosPedra#pedra img{
z-index:9;
position:relative;	
}
#respingo{
width:100%;
height:157px;
z-index:8;
top:-210px;
display: none;
float:none;
}
.conteudo{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
img, a img {
	outline: none;
	border:nonr;
}
/* Div */
#menu{
width:100%;
height:159px;
position:fixed;
top:-25px;
z-index:8;
background:url(../images/fundos/marcador3.png) center bottom no-repeat;
}

#peDaLetra h2, #menuLateral h2{
width:100%;
float:left;
font-size:8em;	
color:#A93729;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
letter-spacing:-1px;
margin:70px 0 0 0;
}
h2.tt-branco{
width:100%;
text-align:center;
float:left;
margin:1.5em 0;
color:#FFF;
font-size:3em;
font-weight:lighter;	
font-family: 'Lato', sans-serif;	
}
#divParceiros h2.tt-branco{
margin:1.5em 0 0.5em 0;	
}
#divPortfolio h2.tt-branco{
margin:2em 0 1em 0;	
}
#divContato h2.tt-branco{
margin-bottom:2em;	
}
#menuLateral h2{
font-size:6.5em;
padding:10px 20px;	
text-transform:uppercase;
text-shadow:none;
color:#a9382a;
font-weight:lighter;
margin:0;
}
a#fechaMenu{
width:100%;
float:left;
padding:5px 0;
border-bottom:1px solid #da860d;
margin:2em 0;
}

#menuLateral h2 a{
text-decoration:none;
color:#FFF;	
}
#peDaLetra h2 span{
width:100%;
float:left;
text-align:center;	
line-height:65px;
}
#peDaLetra h2 strong{
color:#FFAA3B;	
float:left;
text-align:center;
margin:0 0 0 560px;
transition-duration:0.5s;
}
#pulodogato h3{
width:100%;
color:#FFF;
font-size: 2.2em;	
margin:2em 0;
height:25px;
transition-duration:1s;
}
#pulodogato h3.hideTxt{
height:0px;
margin:0;
overflow:hidden;
}
ul#listParceiros{
width:1024px!important;
float:left;

}
ul#listParceiros li{
width: 160px;
min-height:420px;
float:left;
margin:0.5em 2em;	
text-align:center;
}
ul#listParceiros li img{
float:left;
margin:1em 0;
}
#divPortfolio ul li{
position:relative;
float:left;
margin:0 0.5em 0 0;	
}
#divPortfolio ul li img{
width:100%;	
}
#divPortfolio ul li.doisCases img{
float:left;
margin:2px 0 10px 0;	
}
#divPortfolio ul li.doisCases{
margin:0 4em 0 0;		
}
#pulodogato ul{
width:100%;
float:left;
margin:2em 0;	
}
#pulodogato ul li{
float:left;	
margin:0;
}
#pulodogato ul.puloAtivo{
margin:5em 0 0 0;	
}
#pulodogato ul li a{
width:95px;
height:20px;
float:left;
font-family: 'Lato', sans-serif;	
border:4px solid #000;
background:#FFF;
border-radius:100px;
font-size:1.3em;
text-transform:uppercase;
font-weight:bolder;
text-align:center;
padding:40px 0 35px 0;
margin:0 0.5em;
transition-duration:0.5s;
color:#000;
opacity:0.85;
}
#pulodogato ul li#convergencia a{
font-size:1.1em;	
}
#pulodogato ul li a.selected, #pulodogato ul li a:hover{
background:#EAE42F;	
}{
background:#ECAB4E;	
}
#pulodogato ul li.selected{
background:#d7cb0e	
}
.wpConteudoServico{
width:94%;
min-height:140px;
padding:3%;
border:5px solid #000;
font-family: 'Lato', sans-serif;	
background:#FFF;	
border-radius:25px;
font-size:1.5em;
color:#000;
margin: 0;
}
#pulodogato ul.puloAtivo li a{
font-size: 1.4em;
height: 20px;
padding: 50px 0;
width: 120px;
}
#pulodogato ul li:first-child a{
margin-left:0;
transition-duration:0.5s;
}
#pulodogato ul.puloAtivo li:first-child a{
margin-left:70px;
}
span.gato{
position:absolute;
right:-430px;
top:-100px;
transition-duration:0.3s;
opacity:0;
z-index:7;
}
span.info{
width:100%;
height:68px;
position:absolute;
top:410px;
left:0;
text-align:center;
z-index:6;
font-family: 'Yeseva One', cursive;
font-size:2.6em;
color:#FFF;
text-shadow:-2px 0 black, 0 1px black, 1px 0 black, 0 -2px black;
}
span.info#load{
top:36%;
text-transform:uppercase;	
}
span.info#click{
top:290px;	
}
span.gato img{
visibility:hidden	
}
span.gatoAtivo{
opacity:1;
right:0;
top:30px;
}
span.gatoAtivo img{
visibility:visible
}
#valor{
width:100px;
height:100px;
position:fixed;
left:0;
top:0;
background:#000;
color:#FFF;
z-index:99999999;	
}
span#birdAto{
position:absolute;
top:0;
right:0;
display: none;
z-index:7;
}
span#birdAto img{
width:100%;	
}
#wpEvento{
width: 450px;
margin: 0 287px;
position:relative;
z-index:9;
text-align:center;
}
a#itemMenu{
float:right;	
margin:45px 0 0 0;
}
#menuLateral{
width:0px;
height:100%;
position:fixed;
right:0;
top:0;
text-align:left;
background:#E89E33 url(../images/fundos/fundoMenu.jpg) left bottom no-repeat;
box-shadow:-2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
transition-duration:0.5s;
z-index:9;
}
#menuLateral ul li{
font-size:2em;
font-family:"Lato",sans-serif;		
font-style:italic;
font-weight:lighter;
}
#menuLateral ul li a{
width:100%;
float:left;
text-decoration:none;	
color:#2f1e09;
padding:5px 20px;
margin:3px 0;
}
#menuLateral ul li a:hover, #menuLateral ul li.selected a{
background:#f08a04;
opacity:0.8;	
}
#extrapolarLimites h2{
width:100%;
float:left;
text-align:center;
color:#932121;	
font-size:4.4em;
text-shadow: -2px 0 black, 0 -2px black, 2px -1px black, 0 1px black;
}
#bocaRoma h3{
width:495px;
font-size:2.2em;
color:#EAB359;
text-transform:none;
position:absolute;
left:529px;
top:70px;
text-align:left;
z-index:7;
}
span#aBocaRoma h2{
width:100%;
float:left;	
position:relative;
z-index:8;
text-align:center;
}
span#mapaRoma{
width:471px;
height:260px;
position:absolute;
z-index:6;
right:0;	
top:0;
}
span#mapaRoma img{
width:100%;
bottom:0;
position:absolute;
}
#bocaRoma strong{
text-transform:uppercase;
font-size:32px;	
}
#peDaLetra h3 strong{
color:#FFAA3B;		
}
#wpMenu{
width:1024px;
position:relative;
margin:0 auto;	
}
.bgAtivo#menu{
background:url(../images/fundos/marcador.png) center top no-repeat;	
}
#peDaLetra, #extrapolarLimites{
background:url(../images/fundos/amareloGrande.jpg) left top no-repeat;	
background-attachment:fixed;	
background-size:cover;
}
.wpPedaletraAtivo{
margin-top:25px;	
}
#logoExtrapolando{
margin:5% 0;
float:left;
position:relative;
z-index:7;
}
#logoExtrapolando img#base{
position:relative;
z-index:8;
}
#logoExtrapolando img#atoA{
height:30%;
position:absolute;
z-index:9;
}
#logoNova{
position:absolute;
}
#bocaRoma{
background:url(../images/fundos/fundoRoma.jpg) left top no-repeat;
background-attachment:fixed;	
background-size:cover;
}
#extrapolarLimites h3{
position:absolute;
right:0;
font-size:2.8em;
color:#932121;	
text-align:left;
text-transform:none;
top:18%;
}
span#aBocaRoma{
position:absolute;
left:0;
bottom:10px;
z-index:7;
}
span#aBocaRoma h2 img{
width:0%;	
}
span.logoAto a{
height: 76px;
left: 10%;
position: absolute;
top: 25px;
transition-duration: 0.5s;
width: 152px;
}
/*Listas*/
ul {
	list-style-type: none;
}
ul#menu {
	text-align: center; width : 100%;
	background: #666;
	font-size: 14px;
	width: 100%;
}

ul#menu li {
	display: inline-block;
	font-weight: bold;
}

ul#menu li a {
	display: block;
	color: #EEE;
	text-decoration: none;
	padding: 14px;
}

ul#menu li:HOVER, ul#menu li.selected {
	background: #EEE;
}
ul#menu li:HOVER a,ul#menu li.selected a {
	color: #666;
}
/*Tipografia*/
h1 {
visibility:hidden;
display:none;	
}
h2 {
font-family: 'Yeseva One', cursive;	
}

h3 {
width:80%;
margin:0 auto;
font-family: 'Lato', sans-serif;	
text-transform:uppercase;
font-size:3.2em;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;	
color:#A9382A;
text-align:center;
}
/*Formulario*/
form{
width:310px;
margin:0 auto;	
}
input,select,textarea {
	width: 280px;
	height: 20px;
	padding: 6px 15px;
	margin: 5px auto;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	background:#8D8D8D;
	color:#FFF;
	font-weight:bolder;
	font-style:italic;
	border:none;
	opacity:0.5;
}
input#botao{
width:auto;
height:25px;
float:right;
background:none;
text-align:right;
padding:0px 15px;	
cursor:pointer;
background:#F55523;
opacity:1;
}
textarea{
padding:15px;
height:85px;	
}
/*Gerais*/
img {
	border: none;
}

.clear {
	clear: both;
	font-size: 1pt;
	height: 1pt;
}

a {
text-decoration:none;
color:#F2C30B;
}
a:visited {
	
}

.paginacao {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	float: left;
	margin: 10px 0;
	text-align: center;
}

.paginacao span {
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.paginacao span a {
	text-decoration: none;
	padding: 12px;
	width: 10px;
	display: block;
	color: #666;
}

.paginacao span:HOVER, .paginacao span.atual {
	background-color: rgba(0, 0, 0, 0.15);
}

.paginacao span.atual a {
	color: rgba(0, 0, 0, 0.15);
}