@charset "utf-8"/*CSS Document 
Autor: Aarão da Silva Cupertino
Empresa: Quarteto Informática
Data: Outubro/2009
*/
@font-face { font-family:GraublauWeb; src:url(fonts/GraublauWeb.otf) format("opentype") }
@font-face { font-family:GraublauWeb; src:url(fonts/GraublauWebBold.otf) format("opentype"); font-weight:bold }
@font-face { font-family:Zag; src:url(fonts/Zag.otf) format("opentype") }
@font-face { font-family:Zag; src:url(fonts/ZagBold.otf) format("opentype"); font-weight:bold }

* html #bastidor{width:100%;height: 100%;margin:0}
html, body{width:100%;height: 100%;margin:0} 
body{margin:0;padding:0;background: url(images/bgbody.png);color:#000;	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;text-align:center}
#bastidor{position:relative;top:0px;margin:0 auto;width:910px;min-height:100%; background:#fff url(images/bgbastidor.gif) center repeat-y;text-align:left}
#pagina{margin:0 6px}
#topo{text-align:center}
#player{height:25px;line-height:25px;background:#252525;color:#666;border-bottom:1px solid #c1c1c1;text-align: right;font-size:9px; }
#banner{height:260px;background:url(images/bgtopo.jpg) no-repeat}
#menu{position:relative;background:url(images/bgmenu.jpg) center no-repeat;font:10px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;z-index:100}
#menu ul{height:50px;list-style:none;margin:0;padding:0}
#menu li{float:left;	padding:0px}
#menu li a{	color:#cccccc;display:block;font-weight:normal;line-height:50px;margin:0px;padding:0px 25px;text-align:center;text-decoration:none}
#menu li a.ativo{
	display:block;margin:0px;padding:0px 25px;line-height:50px;font-weight:300; font-size:12px;text-align:center;text-decoration:none;
	background:transparent url("images/bgMenuOn.gif") top center no-repeat;color:#FFCC00}
#menu li a:hover, #menu ul li:hover a{	background: url("images/bgMenuOn.gif") top center no-repeat;color:#FFFFFF;text-decoration:none}
#menu li ul{background:#333333;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200}
#menu li:hover ul{display:block}
#menu li li{background:url('images/sub_sep.gif') bottom left no-repeat;display:block;margin:0px;padding:0px;width:225px}
#menu li:hover li a{background:none}
#menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left}
#menu li ul a:hover, #menu li ul li:hover a{background:#2580a2 url('images/hover_sub.gif') center left no-repeat;border:0px;color:#ffffff;text-decoration:none}
#menu p{clear:left}	
/* -----------------------------------------------------*/	
#corpo{float:left;width:100%;position:relative;background:#550606 url(images/bgCorpo.jpg) top center no-repeat}
#corpo .coltext{ margin:7% 50px 0 80px;padding-bottom:25px; color:#fff;}
#corpo .coltext .coluna{ width:360px; margin-left:10px;margin-bottom:10px;padding:5px;border:1px solid #660000; color:#000}
#corpo .coltext h1, h2{font-size:30px}
#corpo .coltext h2.subtitnormal{font-weight:normal;font-family: "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;color:#000}
#corpo .coltext h2.subtitbold{font-weight:normal;font-family: "GraublauWeb", Georgia, "Times New Roman", serif;color:#000}
#corpo .coltext h1.festejar{position:relative;left:-5%;height:70px;background:url(images/vaifestejar.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.sobre{position:relative;left:-5%;height:70px;background:url(images/sobre.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.servicos{position:relative;left:-5%;height:70px;background:url(images/servicos.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.clientes{position:relative;left:-5%;height:70px;background:url(images/clientes.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.eventos{position:relative;left:-5%;height:70px;background:url(images/eventos.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.galeria{position:relative;left:-5%;height:70px;background:url(images/galeria.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.contato{position:relative;left:-5%;height:70px;background:url(images/contato.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.obrigado{position:relative;left:-5%;height:70px;background:url(images/obrigado.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h1.trabalheconosco{position:relative;left:-5%;height:70px;background:url(images/trabalheconosco.gif) no-repeat;text-indent: -9999px}
#corpo .coltext h2 span{color:#FFFFFF;}
#corpo .coltext h2.sublinha{padding-left:10px;color:#330000;background:url(images/sublinha.png) left  no-repeat}
#corpo .coltext p{padding-left:5%;background:url(images/seta1.png) left top no-repeat}
#corpo .coltext .logos{margin-left:10px; margin-bottom:10px;}
#corpo .coltext a{font-weight:600;color:#000;text-decoration:none}	
#corpo .coltext a:hover{text-decoration: underline;background:#000;color:#fff}
#corpo .coltext .images{position:relative;right:0px;top:-25px;width:380px;height:280px;padding:17px}
#corpo .coltext .home-image{background:url(images/bg-image.png) no-repeat}
#corpo .coltext .sobre-image{background:url(images/galleriacampinas.png) no-repeat}
#corpo .coltext .contato-image{width:280px; height:113px; top:200px; right:-50px;padding:0;z-index:0}
#corpo .coltext .silhueta{position:absolute;bottom:0px;right:0px;width:428px;background:transparent}
#corpo .coltext .home-silhueta{height:154px;background:transparent url(images/silhueta-home.png) bottom right no-repeat}
#corpo .coltext .sobre-silhueta{height:152px;background:transparent url(images/silhueta-sobre.gif) bottom right no-repeat}
#corpo .coltext .servicos-silhueta{height:380px;background:transparent url(images/silhueta-servicos.png) bottom right no-repeat}
/*--------------------------------------------------------*/
#corpo .coltext .contact-form {position:relative;margin-bottom:0;padding:0}
#corpo .coltext .contact-form .text,
#corpo .coltext .contact-form .textarea{padding-left:5px;font:16px "Trebuchet MS";background:#FFFF99;color:#003399;border:1px solid #333333}
#corpo .coltext .contact-form .text{width:65%;}
#corpo .coltext .contact-form .text:hover,.text:focus{background:#fff}
#corpo .coltext .contact-form .textarea{width:100%}
#corpo .coltext .contact-form .textarea:hover,#contact-form .textarea:hover{background:#fff}
#corpo .coltext .contact-form .button{margin-top:10px; margin-left:10px;background:#000; color:#fff;border:1px solid #FFFF00}
#corpo .coltext .contact-form .button:hover{background:#FFFF00; color:#000}
/* -----------------------------------------------------*/	
#rodape{background-color:#181818;border-top:2px solid #000}
#rodape .content{height:100%}
#rodape h1, #rodape h2{font-family: "Zag", Georgia, "Times New Roman", serif;margin:0px;padding-top:10px; color:#212121}
#rodape ul{list-style: none;margin-bottom: 15px;padding-left:0}
#rodape p, #rodape ul{font-size: 10px;line-height: 24px; margin:0;color: #ccc}
#rodape a:link, #rodape a:visited{color: #707070;text-decoration: none}
#rodape a:hover{text-decoration: underline}
#rodape span{color: #fff}
#rodape .title{font-weight: bold;line-height: 16px;color: #fff;margin-top:10px}
#rodape .coltext{float: left;width: 30%;padding:0 14.25px}
#rodape .empresas ul li{line-height: 16px;width: auto;height: 46px;padding-right:70px;margin-bottom: 20px}
#rodape .empresas ul li.fazenda{background:url(images/stefanosfazenda.gif) right no-repeat}
#rodape .empresas ul li.express{background:url(images/stefanosexpress.gif) right no-repeat}
#rodape .contato ul li{line-height: 17px;width: auto;padding-right:60px;margin-bottom: 20px}
#rodape .contato ul li.estewan{background:url(images/estewan.jpg) right 0 no-repeat}
#rodape .contato ul li.kirchner{background:url(images/kirchner.jpg) right 0 no-repeat}
#rodape .separa{float:left;width:1px;height:200px;margin:10px 0;background:url(images/verticalline.png)}
#rodape .creditos{color:#151515;background:#252525;text-align:center}
#rodape .creditos p{margin:0;padding:0;line-height:40px}
/* -----------------------------------------------------*/	
.alpha{
	display:inline-block;padding:5px 10px 5px 10px;
	background-color:#fff;/* IE */filter:alpha(opacity=25);/* FF */-moz-opacity:0.25;/* CSS3 standard */opacity:0.25}
.block{display:block}
.clear{clear:both}
.left{float:left}
.right{float:right}
.cinza{background:url(images/alpha.png)}