/* CSS Document */

*{ margin:0; padding:0;}

body{ background:url(../imagens/fundo_lightbox.jpg) fixed left top #fff no-repeat; color:#59a9b2;  font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; 
 margin:30px; 
}
#wrapper2 { max-width:1500px; margin:0 auto; background:url(../imagens/grafismo.png) bottom left no-repeat;}
#wrapper{width:650px; height:330px; margin:0 auto;  overflow-y:auto; }
#marca{ width:300px; float:left;}
#menu{ background:url(../imagens/fundo_menu.png) center top no-repeat; height:53px; width:656px; float:right; color:fff;}

#topo{clear:both; height:250px;}

#menu ul{list-style:none; margin-left:20px;}
#menu li{ list-style:none; float:left; margin:10px 20px; text-align:center; line-height:36px; font-size:12px; font-weight:bold; }
#menu ul li a{ color:#fff; text-decoration:none} 
#menu ul li a:hover{ text-decoration:underline}

#rodape{ background:url(../imagens/fundo_rodape.png) center #140a36 no-repeat; height:230px; width:100%; clear:both; }
#rodape_conteudo{ width:940px; margin:0 auto; padding-top:20px; color:#fff;}

#pesquisa{ width:300px; height:80px; margin-top:20px; float:right; line-height:30px; color:#849CA9;}
#pesquisa input[type=text]{ padding:5px; width:200px; margin-right:10px; color:#84A4AF;}

#conteudo{ width:960px; clear:both; }
#direito{ background:url(../imagens/fundo_sombra.jpg) left top no-repeat; padding-top:40px; width:580px; float: left; height:700px; padding-left:150px;}
#direito h1{ color:#306086; font-size:20px; line-height:28px;}

#esquerdo{ width:225px; float:left; text-align:right; padding-top:40px;}
#esquerdo h1{ font-weight:normal; font-size:20px; line-height:28px;}
#esquerdo a{color:#849CA9; text-decoration:none}
#esquerdo a:hover{text-decoration:underline}

#esquerdo ul{ padding:0; margin:0; list-style:none; width:170px; float:right}
#esquerdo ul li{padding:0; margin:0; list-style:none}
#esquerdo ul li img{ padding-left:10px;}
#esquerdo ul li a{ border-bottom:1px dotted #849CA9; color:#849CA9 ;display:block; padding:10px 0;}
#esquerdo ul li a:hover{ color:#9D2E88; text-decoration:none}
#active{ color:#9D2E88 !important; text-decoration:none; font-weight:bold; }
#banner {
 width:960px; height:330px;  position:relative; margin:0 auto 50px; padding:0;
 clear:both;
}

.pf{ display:none}
.pf input[type=text],.pf textarea, .pf .submit{ padding:5px; width:350px;}
.pj{ display:none}
.pj input[type=text],.pj textarea, .pj .submit{ padding:5px; width:350px;}
.pf textarea, .pj textarea{ height:80px;}

fieldset{border:0}

#form_contato input[type=text], #form_contato textarea{ padding:5px; width:200px; margin-right:10px; color:#84A4AF;}


.coluna_noticias{ width:270px; margin:20px 0 20px 30px; border-right:1px solid #AAC2CD; height:200px; float:left}
.coluna_noticias h1{ font-size:18px; line-height:23px; padding-bottom:10px;}


.coluna_twitter{ width:260px; padding-right:30px;  margin:20px 0 20px 30px;  border-right:1px solid #AAC2CD; height:200px; float:left}
.coluna_twitter h1{ font-size:18px; color:#9CD7F1; line-height:23px; padding-bottom:10px;}


.coluna_enquete{ width:260px;  margin:20px 0 20px 30px;   height:200px; float:left}
.coluna_enquete h1{ font-size:18px;  line-height:23px; padding-bottom:10px;}
.coluna_enquete input[type=radio]{ margin-right:5px; }


.lista_produtos{ width:250px; float:left; margin:0 10px 10px 0; }
.lista_produtos a{color:#849CA9; text-decoration:none; border:0; }
.lista_produtos a:hover{ text-decoration:none}


.wallpaper{ width:250px; float:left; margin:0 10px 10px 0; }
.wallpaper a{color:#849CA9; text-decoration:none; border:0; }
.wallpaper a:hover{ text-decoration:underline}
.wallpaper a img{ border:5px solid #fff;}
.wallpaper a:hover img{border:5px solid #849CA9;}

#foto_produto{ float:left; width:340px;}

#descricao_produto{ float:left; width:200px; padding-top:25px;}
h1{ font-size:20px; font-weight:normal; text-transform:uppercase; color:#306086; line-height:26px; padding-bottom:5px;}
h2{ font-size:24px; font-weight:normal; line-height:24px; color:#306086; padding-bottom:10px;}
#descricao_produto h3 a{ color:#9D2E88; font-size:16px; font-weight:normal ; border:0; text-decoration:none;}
#descricao_produto h3 a:hover{text-decoration:underline}
#descricao_produto h4{}


#submit{border:0;line-height:30px; height:27px; width:121px; background:url(../imagens/enviar.png) no-repeat;}

.clear{ clear:both}


div#content{width:100%;overflow: hidden;}
		
ul#tabs {right: 0;height: 20px;width:100px;/*	-moz-box-shadow: 0px 0px 25px #333;-webkit-box-shadow: 0px 0px 25px #333;  box-shadow: 0px 0px 25px #333; */list-style: none;	}


ul#tabs li {font-size: 12px;font-family: Arial;	 float:left;	}
		
	
ul#tabs li a {	text-align:right; color: #859DAA;	text-decoration: none;	display: block;	padding: 0;	margin-right:10px;	height: 20px; outline: none;	font-family: arial, verdana;  font-size: 14px;  font-weight: bold;  text-decoration: none;  text-transform: none;  letter-spacing: 0.039em;  word-spacing: 0em;  line-height: 20px;}
		
ul#tabs li a:hover {color: #A4B8C1;	/*  text-shadow: 1px 1px 1px #082733;*/}

ul#tabs li a.current {color: #9D2E88;}

ul#tabs li a.current:hover {text-decoration: none;	/*		background-color:#1D4C68;filter:alpha(opacity=50);	-moz-opacity:0.5;	-khtml-opacity: 0.5;opacity: 0.5; */		}

ul#output {overflow:hidden;	height: 330px;	width:950px; position:absolute; text-align:center;}

ul#output li {height: 330px;}