*{margin:0px; padding:0px;}

@font-face {
	font-family: 'GreyscaleBasicBold';
	src: url('greyscale_basic_bold-webfont.eot');
	src: local('?'), url('greyscale_basic_bold-webfont.woff') format('woff'), url('greyscale_basic_bold-webfont.ttf') format('truetype'), url('greyscale_basic_bold-webfont.svg#webfontq7udLLwD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VaniRegular';
	src: url('vani-webfont.eot');
	src: local('?'), url('vani-webfont.woff') format('woff'), url('vani-webfont.ttf') format('truetype'), url('vani-webfont.svg#webfontzp2zin5B') format('svg');
	font-weight: normal;
	font-style: normal;
}


a{ text-decoration:none; color:#4b4a44; }
a:hover{ text-decoration:underline; }

p{ margin:5px 0 5px 0; }

h1,h3{ font-size:12px; }

img { float:left; border:0px; }

.content{ width:1020px; margin:auto; height:auto; overflow:hidden; text-align:left; padding:0px 0px 0px 0px; float:none; }

fieldset{ border:none; }
ul { list-style:none; }

div, ul, li { float:left; }

.animacao{ width:945px; }
.animacao2{ width:960px; height:145px; color:#FFFFFF; margin-bottom: 50px; }
.animacao2 h1{ margin-top:60px; color:#FFFFFF; font-size:29px; text-shadow: -1px 2px 1px #bc9f1a; }
.animacao2 h1 span {font-size:12px; float:right; color:#ab4624;  text-shadow: -1px 1px 1px #ffffff; }
.animacao2 h1 span b {color:#000000; }


.header{ float:left; width:100%; height:154px; }
.header span{ float:right; margin:80px 0 0 0; }

#logo{ width:200px; margin:60px 0 0 0; }

ul#menu{  width:530px; margin:75px 0 0 100px; height:30px;}
ul#menu li{  width:auto; margin-right:17px; }
ul#menu li a{ color:#404041; }
ul#menu li a:hover, ul#menu li a.hover {border:1px; border-top-style:solid; border-color:#e15e26; padding-top:7px; text-decoration:none;}

ul#menu li a,h1,.data,ul#menurodape li a,.lateral h1, .servicos span,h3{ font-family: 'GreyscaleBasicBold'; }

h2{ font-family: 'Arimo'; }



.main{ width:100%; }

.coluna1{ width:410px; }
.coluna1 p, .slide p{ color:#df5826; font-size:20px; margin-bottom:20px; padding-right:50px; }
h1{ margin-bottom:20px; }


.saibamais{ font-style:italic; background:url(imgs_site/seta2.jpg) no-repeat right center; padding:0 25px 0 0; color:#404041; }


ul.lista{ width:600px; margin-left:5px; }
ul.lista li img{ margin:0 5px 10px 10px; }
ul.lista li{ width:71px; text-align:center; min-height:60px; }
ul.lista li a{ color:#646361; clear:both; }

.meio{ width:100%; margin-top:52px; }

ul#ultimostrabalhos{ width:100%; margin-bottom:10px; margin-left:40px; }
ul#ultimostrabalhos li{ margin-left:10px; }
ul#ultimostrabalhos li a {width:37px; height:43px; background-color:#ffd619;}


.navegacao{ margin:50px 0 0 40px; width:180px; text-align:center; }

/* slide */
.slide{ margin-left:50px; width:290px; padding:0 0 0 460px; position:relative; }
.notebook{ background:url(imgs_site/notebook.png) no-repeat; width:385px; height:244px; top:18px; left:-15px; padding:15px 0px 20px 70px; position:absolute; }
.img-slide{position: absolute; left:1px; display: block; z-index: 4;}

.txt-slide1{position:absolute; left:425px; top:8px; width:350px;}
.txt-slide2{position:absolute; left:425px; top:40px; width:250px; }
.txt-slide3{position:absolute; left:425px; top:150px; width:120px;}
/* fim slide */

.ver{ border:2px solid #ffd619; padding:2px 30px 2px 10px; color:#404041; position:relative; width:90px; background:url(imgs_site/seta.jpg) right center no-repeat; }
.ver2{ border:2px solid #ffd619; padding:2px 30px 2px 0px; color:#404041; position:relative; width:70px; background:url(imgs_site/setablank.jpg) right center no-repeat; text-align:left; }



.ver3{ border:2px solid #ffd619; padding-right:30px; color:#404041; position:relative; }

.coluna2{ width:615px; padding:50px 50px 0 0;}
.coluna3{ width:270px; margin-top:50px; padding:0 0 0 80px; border-left:1px dashed #a6a6a6; min-height:370px; }
.coluna3 h3{ background:url(imgs_site/linha.jpg) left center repeat-x; font-size:12px; color:#333333;}
.coluna3 h3 span {background:url(imgs_site/twiit.gif) left center no-repeat #ffffff; padding:0px 5px 0px 25px; }


.time {width:590px; background:url(imgs_site/backequipe.gif) repeat-x top left; margin-top:20px; overflow:hidden; clear:both;}
.time .pessoa {width:180px; float:left;}
.time .pessoa .foto {margin:10px 0px 0px 10px;}
.time .pessoa .desc { margin:25px 0px 0px 15px; }
.time .pessoa .desc h3 {font-family: 'GreyscaleBasicBold';}
.time .pessoa .desc p {color:#eb6c2a;}
.time .pessoa .desc p img { margin-right:5px;}

.rodape{ width:100%; margin:50px 0 0 0; background:url(imgs_site/line.png) repeat-x; height:95px; }
.rodape .content{ background:#FFFFFF; width:1050px; padding:0 25px 0 25px; }
.rodape .content img{ margin-left:100px; }
.rodape .content p{ float:left; display:block; }
.rodape .content div{ width:580px; float:left; }
.rodape dl dt {font-family: 'GreyscaleBasicBold'; }
.rodape .menubx p {margin-top:-10px;}


.dicas{ padding-right:10px; width:660px; margin-bottom:30px;}
.dicas h1{ margin:0 0 0 80px; }
.data{ width:60px; font-size:35px; height:80px; margin-left:20px; line-height:40px; }
.data span{ display:block; font-size:15px;  }
.dicas dl{ float:left; width:485px; border-bottom:1px dashed #a6a6a6; padding:0 0 20px 0; }
.dicas dl dt a{ color:#e26126; font-size:15px; }
.dicas dl dt dd{ font-size:12px; }

ul#menurodape{ width:530px; margin:0 0 10px 0; }
ul#menurodape li{  width:auto; margin-right:8px; }
ul#menurodape li a{ color:#404041; }
ul#menurodape li a:hover{ color:#df440b; text-decoration:none; }


.rodape dl, .lateral dl{ float:left; width:210px; background:url(imgs_site/marcador.png) no-repeat left top; padding:0 0 0 20px; }



.navegali {padding:10px 40px 10px 0px; background:url(imgs_site/projetvai.jpg) right center no-repeat; display:block; margin-right:5px;}
.navegali:hover { background:url(imgs_site/projetvai2.jpg) right center no-repeat; display:block; text-decoration:none;}

.navegali2 {padding:9px 0px 10px 40px; background:url(imgs_site/projetvolta.jpg) left center no-repeat; display:block;}
.navegali2:hover { background:url(imgs_site/projetvolta2.jpg) left center no-repeat; display:block; text-decoration:none;}



fieldset.form{ float:left; width:630px; padding:0 20px 80px 0; }
fieldset.form label{ float:left; width:100%; margin:0 0 10px 0; }
.input{ border:3px solid #ffd619; width:340px; height:38px; padding:0 5px 0 5px; font-family: 'VaniRegular'; }
.submit{ width:116px; height:35px; color:#404041; background:#ffd619; font-style:italic; cursor:pointer; text-align:left; padding-left:8px; border:0px; }
fieldset.form label textarea{ border:3px solid #ffd619; width:428px; height:129px; }

#contato{ position:relative;}
#contato p{ margin-bottom:30px;}

.lateral{ width:335px; padding:0 0 0 30px;  border-left:1px dashed #a6a6a6;  }
.lateral h1{ font-size:34px; line-height:35px; font-weight:bold;}
.lateral p { padding:5px 0 10px 0; }
.lateral dl{ margin:20px 0 20px 0; padding-right:80px; }
.lateral a{ margin:10px 0 10px 20px; }

.lateral ul{ width:100%; margin:30px 0 0 0; }
.lateral ul li{ width:100%; margin:10px 0 5px 0; }
.lateral ul li a{ margin:0; }
.lateral ul li img{ margin-right:8px; }
.lateral ul li img{ float:none; }
.lateral iframe{ margin-top:30px; }


.main h2 {color:#f25f0f; font-size:20px; letter-spacing:-1px; font-family: 'Arimo'; font-weight:normal; padding-bottom:20px;}

.servicos{ width:300px; margin-top:60px; padding-right:30px; min-height:200px; }
.servicos span a{ font-size:15px; margin-right:10px; color:#f25f0f; font-weight:bold;  }
.servicos span img { margin-right:8px;}
.servicos p { margin-top:15px;}




.coluna{ width:650px; }
.coluna h1{ margin-bottom:2px; }
.coluna h2 {color:#f25f0f; font-size:20px; letter-spacing:-1px; font-family: 'Arimo'; font-weight:normal; padding-bottom:20px;}


.quemsomos{ margin:30px 30px 0 0; width:120px; min-height:240px;}

.qs{ border:none; background:url(imgs_site/logolateral.jpg) no-repeat center top; padding:240px 0 0 0; margin-left:20px; }


.tw{ margin:30px 0 0 0;  border-left:1px dashed #a6a6a6; padding-left:30px; }
.tw h1{ font-size:12px; }

.tw h3{ background:url(imgs_site/linha.jpg) left center repeat-x; font-size:12px; color:#333333;}
.tw h3 span {background:url(imgs_site/twiit.gif) left center no-repeat #ffffff; padding:0px 5px 0px 25px; }
.tw .twitter {margin-top:-30px;}


ul.trabalho {
  width: 219px;
  margin: 5px 15px 25px 5px;
}
ul.trabalho li{float:none;  }
ul.trabalho li.nome-trabalho{ font-size:14px; font-family: 'GreyscaleBasicBold'; clear:both; padding-left: 5px; }
ul.trabalho li.nome-trabalho a{ color:#f25f0f; }
ul.trabalho li:last-child {
  padding-left: 5px;
}


ul.nav{ width:80px; text-align:center; margin-right:30px; }
ul.nav li{ width:100%; }
ul.nav li img{ margin-left:20px; }
ul.nav li.lista{ padding-top:10px; margin-top:20px; border-top:1px dashed #a6a6a6; width:40px; margin-left:15px;}

.lateral h3{ margin:20px 0 10px 0;}

.foto-trabalho{
  background: url(imgs_site/sombra.png) bottom no-repeat;
  height: 150px;
}
.foto-trabalho img {
  border: transparent 5px solid;
}
img.trabhover {
  border-color: #FFD619;
}

.geral {
height:auto;
width:100%;
float:left;
}

#recebe-erro {
background:#ffd619;
width:200px;
height:auto; 
position:absolute; 
right:40px; 
display:none;
color:#f25f0f;
font-size:14px;
font-family: 'GreyscaleBasicBold';
padding:15px;
}
.seta {
position:absolute;
right:5px;
bottom:7px;
}
.cem {
width:100%;
height:auto;
float:left;
margin-bottom:10px;
}


/* TOPO */
.topo{
width:100%;
height: 300px;
float:left;
position:relative;
overflow: hidden;
}
.topo ul, .topo ul li {
  width: 100%;
  height: 300px;
  position:relative;
}
.topo ul li#topslide1 {
  background: #FFD619;
  border-color: #FFD619;
}
.topo ul li#topslide1 img {
  position: absolute;
  left: -20%;
  top: -110%;
}
.topo ul li#topslide2 {
  background: #C8E8E9;
  border-top: #FFFFFF 15px solid;
}
.topo ul li#topslide2 img {
  position: absolute;
  left: 5%;
  top: 100%;
}
.topo ul li#topslide3 {
  background: #9A4424;
  border-color: #9A4424;
}
.topo ul li#topslide3 img {
  position: absolute;
  left: -50%;
  top: 0%;
}

.texto_topo1 {
position:absolute;
top:70px;
left:750px;
width:450px;
height:auto;
float:left;
text-align:left;
text-shadow: -1px 1px 1px #fff1b2;
}
.texto_topo1 h1 {
color:#000000;
margin-bottom:10px;
}
.texto_topo1 span{
color:#90790f;
font-family: 'VaniRegular';
font-size:18px;
}

.texto_topo2 {
position:absolute;
top:70px;
left:750px;
width:450px;
height:auto;
float:left;
text-align:left;
text-shadow: -1px 1px 1px #FFFFFF;
}
.texto_topo2 h1 {
color:#9A4424;
margin-bottom:10px;
}
.texto_topo2 span{
color:#373232;
font-family: 'VaniRegular';
font-size:18px;

}

.texto_topo3 {
position:absolute;
top:70px;
left:750px;
width:450px;
height:auto;
float:left;
text-align:left;
text-shadow: -1px 1px 1px #000000;
}
.texto_topo3 h1 {
color:#FFD619;
margin-bottom:10px;
}
.texto_topo3 span{
color:#FFFFFF;
font-family: 'VaniRegular';
font-size:18px;
}
p#topNav {
  margin: 0px;
  padding: 0px;
}
p#topNav > a {
  font-size: 25px;
  margin: 5px;
}
p#topNav > a.cur {
  color: #FFD619;
}
p#timetopo {
  height: 5px;
  margin: 0px auto;
  background: #F25F0F;
}
/* END TOPO */


#compartilhe {margin:0px; border:1px solid white;}
#compartilhe ul { float:left; border:1px solid white;}
#compartilhe ul li {display:inline; float:left; border:1px solid white; padding:0px;margin:0px; width:100px; }


div#workslide {
  top: 25px;
  display: table;
  width: 510px;
}
div#workslide > img.fotosite {
  display: none;
  padding-bottom: 19px;
  width: 500px;
  background: url(imgs_site/sombratramp.jpg) bottom center no-repeat;
}
div#minis {
  width: 510px;
  position: absolute;
  overflow: hidden;
}
div#minis > div.crop {
  overflow: hidden;
  float: left;
  margin: 12px;
  border: transparent 1px solid;
  cursor: pointer;
}
div#minis > div.crop:hover {
  border-color: #FFD619;
}

#minilista > img {
  cursor: pointer;
}

a#livezilla {
  position: absolute;
  top: -50%;
  right: 0px;
}