@charset "UTF-8";
/* CSS Document */
/* CINZA #686868 VERM #A22A2A  */
body {
	background-image: url(imagens/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;
	}
* {margin:auto; padding: 0;}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
a {
	outline:0;
	text-decoration: none;
}
a, a:visited {
	color:#686868;
	}
a:hover {
	color: #000;
	}
p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	line-height: 120%;
	}
object {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
/*fim zerando navegador*/
#bgp {
	display: block;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(imagens/bgp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#geral {
	display: block;
	padding: 0px 0px 30px;
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#topo {
	display: block;
	height: 80px;
	width: 960px;
	padding-top: 30px;
	}
#menu {
	height: 40px;
	width: 958px;
	border: 1px solid #DDD;
	-moz-border-radius: 10px; /*firefox*/
	-webkit-border-radius: 10px; /*Safari e Chrome*/
	-o-border-radius: 10px; /*opera*/
	-ms-border-radius: 10px; /*Internet Explorer*/
	border-radius: 10px;
	background:#EDEDED url(images/menu_item_bg.png) repeat-x;
	display: block;
	margin-bottom: 20px;
	z-index: 99;	/* allows menu to overlap slideshow*/
	}
#conteudo, #conteudointerno, #menusecundario, .map {
	display: block;
	height: auto;
	width: 928px;
	border: 1px solid #E8E8E8;
	-moz-border-radius: 10px; /*firefox*/
	-webkit-border-radius: 10px; /*Safari e Chrome*/
	-o-border-radius: 10px; /*opera*/
	-ms-border-radius: 10px; /*Internet Explorer*/
	border-radius: 10px;
	background-color: #FBFBFB;
	margin-bottom: 30px;
	background-image: url(imagens/gradienteconteudo.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	}
#conteudointerno {
	height: auto;
	width: 665px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
	float: left;
	}
#conteudointerno h1{
	font-size: 16px;
	color: #444;
	display: block;
	width: 665px;
	height: 16px;
	padding-bottom: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
#conteudointerno h2, #conteudointerno h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
	}
#conteudointerno h3{
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
#conteudointerno p{
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 15px;
	}
#conteudointerno ul {
	margin: 0px 0px 15px 15px;
	padding: 0px;
	list-style-position: outside;
	}
#conteudointerno li {
	font-size: 12px;
	line-height: 150%;
	list-style-type: disc;
	list-style-position: inside;
	}
#conteudointerno img.left {
	margin: 10px 20px 10px 0px;
	}
#conteudo div {
	display: block;
	margin: 0px 19px 0px 0px;
	float: left;
	height: auto;
	width: 170px;
	text-align: center;
	}
#conteudo div h1 {
	font-size: 16px;
	display: block;
	height: 25px;
	width: 170px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	}
#conteudo div.sem_margem {
	margin: 0px;
	}
#conteudo div p {
	font-size: 11px;
	width: 160px;
	height: 60px;
	line-height: 150%;
	display: block;
	margin: 0px 0px 5px;
	padding: 5px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EDEDED;
	}
#conteudo div a.botao, #conteudo div a:visited.botao,
#menusecundario a.botao, #menusecundario a:visited.botao {
	background: url(imagens/bt.png) no-repeat 0px top;
	display: block;
	color: #FFF;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	height: 14px;
	width: 74px;
	margin: 2px auto;
	padding: 4px 0px 0px;
	font-size: 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
#conteudo div a:hover.botao,
#menusecundario a:hover.botao {
	background-position: 0px -18px;
	}
#menusecundario a.botao, #menusecundario a:visited.botao, #menusecundario a:hover.botao {
	margin-right: 0px;
	margin-left: 0px;
	}
.right {
	float: right;
	}
img.right {
	margin-left: 5px;
	margin-bottom: 5px;
	}
.left {
	float: left;
	}
img.left {
	margin-right: 5px;
	margin-bottom: 5px;
	}
#barralateral {
	height: auto;
	width: 203px;
	float: right;
	margin-bottom: 30px;
	}
#menusecundario, #icones {
	height: auto;
	width: 171px;
	float: none;
	margin: 0px 0px 20px;
	padding: 15px 15px 20px;
	}
#menusecundario h2 {
	font-size: 16px;
	margin: 0px 0px 15px;
	padding: 0px;
	line-height: 101%;
	}
#menusecundario p {
	font-size: 11px;
	padding-bottom: 10px;
	}
#icones {
	padding-top: 0px;
	padding-bottom: 0px;
	}
#icones p {
	font-size: 12px;
	width: 171px;
	height: 18px;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-image: url(imagens/nav_linha.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-top: 8px;
	}
#icones span a, #icones span a:visited, #icones span a:hover {
	font-size: 12px;
	width: 171px;
	height: 31px;
	display: block;
	background-image: url(imagens/nav_bt_contato.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 33px;
	margin-bottom: 20px;
	}
#icones span a:hover {
	background-position: left bottom;
	}
/* Get in Touch */
.getInTouch {line-height:15px;}

.getInTouch p {
	margin-top:5px;
	margin-bottom:10px;
	font-size: 12px;
	}

.getInTouch. {
	margin-top:10px;
	padding:5px 20px 5px 20px;
	}
	
.getInTouch h6 {
	color:#444;
	font-size: 20px;
}

.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:35px;
	padding-top:10px;
	margin-bottom:10px;
	list-style-type: none;
	display: block;
	width: 169px;
	font-size: 11px;
	}
	
.getInTouch ul li.phoneContact {
	background:transparent url(imagens/phone_gray.png) no-repeat 3px 10px;
}
.getInTouch ul li.emailContact {background:transparent url(imagens/email_gray.png) 0 10px no-repeat;}
.getInTouch ul li.skypeContact {background:transparent url(imagens/skype_gray.png) 0 11px no-repeat;}
.getInTouch ul li.addressContact {background:transparent url(imagens/home_gray.png) 0 10px no-repeat;}
/* fim get */

#chamada {
	display: block;
	height: 70px;
	width: 958px;
	border: 1px solid #E8E8E8;
	-moz-border-radius: 10px; /*firefox*/
	-webkit-border-radius: 10px; /*Safari e Chrome*/
	-o-border-radius: 10px; /*opera*/
	-ms-border-radius: 10px; /*Internet Explorer*/
	border-radius: 10px;
	background-color: #FBFBFB;
	background-image: url(imagens/gradientechamada.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 25px;
	}
#chamada .img1chamada {
	background-image: url(imagens/chamada.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	height: 70px;
	width: 150px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
#chamada p {
	color: #F90;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 25px;
	display: block;
	height: 50px;
	width: 760px;
	float: left;
	margin-left: 20px;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	}
#rodape {
	width:100%;
	height:auto;
	clear:both;
	background:#F60 url(imagens/rodape.jpg) center top;
	padding-bottom: 20px;
	}
#menurodape{
	clear: both;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	}
#menurodape p a, #menurodape p a:visited, #menurodape p a:hover {
	color: #FF0;
	}
#menurodape p a:hover {
	color: #005B9F;
	}
#menurodape div{
	display: block;
	float: left;
	height: auto;
	width: 131px;
	text-align: right;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
#menurodape div.grande{
	width: 255px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 20px;
	}
#menurodape div h2,
#menurodape div h2 a, #menurodape div h2 a:visited {
	color:#333;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FC0;
	}
#menurodape div h2 a:hover {
	color: #000;
	}
#menurodape div p{
	font-size: 11px;
	line-height: 200%;
	color: #FAFAFA;
	}
#menurodape div ul li,
#menurodape div ul li a, #menurodape div ul li a:visited{
	font-size: 11px;
	list-style-type: none;
	line-height: 200%;
	color:#FAFAFA;
	}
#menurodape div ul li strong a, #menurodape div ul li strong a:visited {
	color:#005B9F;
	}
#menurodape div ul li a:hover{
	color:#000;
 	}
#copyright {
	clear: both;
	height: 20px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-size: 11px;
	text-align: center;
	padding-top: 15px;
	color: #333;
	background-image: url(imagens/logo-copyright.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
#copyright a, #copyright a:visited{
	color: #DDD;
	}
#copyright a:hover{
	color: #000;
	}
.nome {display:none;}
span#logo {
	height: 72px;
	width: 105px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	display: block;
	float: left;
}
span#logo a, span#logo a:visited, span#logo a:hover {
	height: 72px;
	width: 105px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	text-indent: -9000px;
	background-image: url(imagens/logo-acqua-print.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
span#logo a:hover {
	background-image: url(imagens/logo-acqua-print.png);
	background-repeat: no-repeat;
	background-position: center -78px;
}
span#contato {
	height: 28px;
	width: 37px;
	margin: 45px 15px 0px 0px;
	*margin: 31px 0px 0px 20px; /*hack ie7*/
	padding: 0px;
	display: block;
	float: right;
}
span#contato a, span#contato a:visited, span#contato a:hover {
	height: 28px;
	width: 37px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	text-indent: -9000px;
	background-image: url(imagens/contato.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
span#contato a:hover {
	background-image: url(imagens/contato.png);
	background-repeat: no-repeat;
	background-position: center -29px;
}
/*botoes*/
div.topocontato {
	height: 68px;
	width: 205px;
	float: right;
	display: block;
	}
div.topocontato div {
	height: 25px;
	width: 205px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	clear: both;
	}
 a.btcliente,  a:visited.btcliente {
	background: url(imagens/bt-areacliente.png) no-repeat center top;
	display: block;
	color: #FFF;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	height: 19px;
	width: 76px;
	margin: 10px 0px 0px;
	padding: 9px 0px 0px 24px;
	font-size: 10px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 a:hover.btcliente {
	background-position: center -29px;
}
 a.btmail,  a:visited.btmail {
	background: url(imagens/bt-mail.png) no-repeat left center;
	display: block;
	color: #666;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	height: 19px;
	width: 52px;
	margin: 0px;
	padding: 6px 0px 0px 20px;
	font-size: 12px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}
 a:hover.btmail {
	color: #000;	
}
.redondoleft {
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.redondoright {
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#fone {
	height: 26px;
	width: 112px;
	margin: 0px;
	padding: 14px 15px 0px 0px;
	position: relative;
	color: #666;
	font-size: 11px;
	background-image: url(imagens/menufone.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	display: block;
	text-align: right;
	}
/*fim botoes*/
/* slide show */

#PageWrapper	{ position: relative; }	/* IE needs this to position content when using top panel (#ContentPanel) */

#PageWrapper {
	width: 960px;
	margin: 0px auto 25px;
	padding: 0px;
}
	
.pageTop {
	height: 10px;
	overflow: hidden;
	background: transparent url(images/pageBg-top.png) no-repeat center 0;
}

/* max width containers */
#Slides {
	margin: 0 15px;
	width: 930px;
	}

/* slide show */

#Slideshow { 
	height: 360px; 
	overflow: hidden;
	}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 10;} /*nivel 29*/
#SlideTop {
	height: 4px;
	overflow: hidden;
	background: transparent url(images/pageBg-slideTop.png) no-repeat center 0;
}
#SlideRepeat {
	height: 301px;
	overflow: hidden;
	background: transparent url(images/pageBg-slideRepeat.png) repeat-y center 0;
}
#SlideBottom {
	height: 55px;
	overflow: hidden;
	background: transparent url(images/pageBg-slideBottom.png) no-repeat center 0;
}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	background: #F4F5F6;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -235px;
	width: 51px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 0px;
	background: transparent url(images/slide-previous.png) no-repeat 0 0;
}
a.slideNext {
	float: right;
	margin: 0 0 0 0px;
	background: transparent url(images/slide-next.png) no-repeat 0 0;}

a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -348px;
	float: right;
	margin:0px -25px 0px 0px;}
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url(images/slide-pager.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;}
#slidePager a:hover {
	background-position: -16px 0;}
#slidePager a.activeSlide {
	background-position: -32px 0;}
	
/* rede social */
.addthis_toolbox {
	font-size: 14px;
	margin-top: 20px;
	clear: both;
	}
/* fim rede social */
/* Contato
------------------------------------------------------*/
form{
	margin:0;
	padding:0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
fieldset { border:0;margin:0;padding:0; }
label {  padding-right:15px; float:left; width:70px;}
#contactFormArea{
	width:416px;
	margin:49px auto 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
label{
	margin-bottom:3px;
}
.input{
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(border-radius.html);
	border:2px solid #ebebeb;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:406px; 
	padding:7px 5px; 
	margin:0px; 
	color:#939393;
}
.input-submit{
	background-image:url(imagens/enviar-agora.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	border:0px;
	width:97px;
	height:33px;
	cursor:pointer;
	float:right;
	margin-top:10px;
	background-color: transparent;
}
.textarea{
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(border-radius.html);
	border:2px solid #ebebeb;
	font-family:Tahoma, Arial, verdana;
	font-size:11px;
	overflow:hidden;
	width:406px; 
	padding:6px 5px; 
	margin:0px; 
	color:#939393;
}
#loadBar{	
	color:#797979;
	position:absolute;
	margin-left:43px;
	top:595px;
	z-index:100;
}
#emailSuccess{
	color:#797979;
	position:absolute;
	margin-left:86px;
	top:595px;
	z-index:100;
}
.loading-text{
	font-weight:bold;
	margin-left:43px;
	float:left;
}
.loading-form{
	width:128px;
	height:15px;
	background-image:url(imagens/loading-contact.gif);
	background-repeat:no-repeat;
	margin:3px 0px 0px 14px;
	float:left;
}
.map{
	margin:0px 0px 20px;
	padding:15px;
	display: block;
	height: 171px;
	width: 171px;
}

.contact-separator{
	width:52px;
	height:380px;
	margin-top:49px;
	background-image:url(imagens/dot-separator.png);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
}
#contact-left{
	width:395px;
	float:left;
}
#contact-right{
	width:513px;
	float:left;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
/*fim contato*/
