/*===========================
Autor : Rodrigo Ferrari
Email : rfdraw@gmail.com
criado e modificado dia 02/2007
===========================*/




* { margin: 0; padding: 0; }
html { overflow: -moz-scrollbars-vertical; }
body { font: 72.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center; background: url(../img/px.jpg) repeat-x #1BB8B4; }
p { color: #fff; text-align: left; margin: 0; padding: 0; }
span { display: none; }
img { float: left; margin: 5px; border: 2px solid #DEFDFF; }
img2 { float: center; margin: 100px; border: 2px solid #DEFDFF; }
.date { font-size: 112%; font-weight: bold; color: #D5EFEE; }
.clear { clear: both; }
.posted { display: block; margin: 0 5px 5px 50px; padding: 0 0 5px 0; font-weight: bold; font-size: 85%; color: #fff; }
h2 { color: #DEFDFF; font-size: 150%; }
h3 { color: #00FF00; font-size: 120%; }
h3.cob { width: 211px; height: 42px; background: url(../img/util.jpg) no-repeat left top; }
h3.cobg { width:211px; height: 42px; background: url(../img/utilg.jpg) no-repeat left top; }
h3.bb { width:211px; height: 42px; background: url(../img/bebedouro.png) no-repeat left top; }
h3.cp { width: 211px; height: 42px; background: url(../img/copo.png) no-repeat left top; }
h3.lista { width:100px; height: 42px; background: url(../img/lista.jpg) no-repeat left top; }
h3.puri { width: 111px; height: 42px; background: url(../img/puri.jpg) no-repeat left top; }
h3.ce { width: 211px; height: 42px; background: url(../img/central.png) no-repeat left top; } 
h3.links { width: 211px; height: 42px; background: url(../img/title_links.gif) no-repeat left top; float: left; }
h3.fot { width: 211px; height: 42px; background: url(../img/title_cine.gif) no-repeat left top; float: left; margin-left: 48px; }
h3.parceiros { width: 211px; height: 42px; background: url(../img/title_parceiros.gif) no-repeat left top; float: left; margin-left: 48px; }

#title { width: 100%; height: 42px;}

#header { width: 780px; height: 235px; display: block; background: url(../img/header.png) no-repeat center top; }
#wrapper { width:950px; margin: 0 auto; text-align: left; }
#navMain ul { margin: 0; padding: 0; list-style: none; width: 850px; float: left; }
#navMain ul li { float: left; }
#navMain ul a { display: block; float: left; padding: 0 0.6em; line-height: 0.8em; text-decoration: none; color: #fff; }
#navMain ul a:hover { color: #333; }

#agua { width:350; height:250px; background: url(../img/agua.jpg) no-repeat left top; }
#agenda { width:250; height:180px; background: url(../img/agua2.jpg) no-repeat left top; }
#agenda { margin: 60px 0 0 0; }
#player  { padding: 00px 0 0 10px; }
#player2 { padding: 0 0 0 10px; }

#cobertura, #button { width: 450px; height: auto; margin: 0 10px 0 10px; padding: 5px 0 5px 0; float: left; line-height: 170%; }
#cobertura2, #button { width: 300px; height: auto; margin: 0 10px 0 10px; padding: 5px 0 5px 0; float: left; line-height: 170%; }

#sorteio { width: 435px; height: auto; float: right; }
#links ul { list-style-type: none; width: 400px; margin-left: 5px; } 
#links li { border: 1px dotted #fff; border-width: 1px 0; margin: 0px 0; }
#links li a { color: #80FF00; display: block; font: bold 120% Arial, Helvetica, sans-serif; padding: 10px; text-decoration: none; }
* html #links li a { /* efeito hover no IE */ width: 350px; }
#links li a:hover { background: #DEFDFF; color: #37B9C5; }
#links a em { color: #FFFFFF; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%; }
#links a p { color: #FFFF00; font: normal 70% Verdana, Helvetica, sans-serif; line-height: 150%; }

#footerA { background: url(../img/px_footer.JPG) repeat-x left bottom #FFF; border-top: 5px solid #DEFDFF; }
#footerB { width: 780px; height: 25em; background: url(../img/conf_ser22.png) no-repeat center bottom; clear: both; margin: 0 auto; padding-top: 40px; text-align: left; list-style: none; }
#uteis, #parceiros, #cine { width: 250px; margin: 0; list-style: none; }
#uteis { float: left; }
#cine { float: right; }
#parceiros { float: right; margin: 0 8px 0 8px; } 
#uteis li a, #parceiros li a, #cine li a { display: block; border: 1px dotted #A75A58; border-width: 1px 0; margin: 5px 0; text-decoration: none; color: #A75A58; }
#uteis li a:hover, #parceiros li a:hover, #cine li a:hover { background: #A75A58; color: #DEFDFF ; }
* html #uteis li a, #parceiros li a, #cine li a { /* efeito hover no IE */ width: 200px; }

/*===========================
Fotos
===========================*/
h4 a:link, h4 a:visited { font-weight: normal; letter-spacing: 2px; display: block; text-decoration: none; color: #222; }
h4 a:hover, h4 a:active { color: #222; }
h4 { padding: 4px 10px; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #222; cursor: pointer; background-color: #FFFFFF; }

/*==========================
Trio
==========================*/
.tagInfo { margin: 0 10px 0 10px; padding: 5px 0 5px 0; border: none; line-height: 170%; }
.tagInfo img { border: none; }

.tagInfo p { margin: 0; padding: 0 5px 5px 80px; }
.box { margin: 15px 0 0 0; padding: 5px 0 5px 0; }

/*=========================
Contato
==========================*/
#contactFormArea { width: 450px; height: auto; margin-top: 35px; float: left; }
#contInt { width: 250px; margin-top: 35px; float: right; }
fieldset { border:0;margin:0;padding:0; }
label { display:block; color: #fff; }
input.text,textarea { width:440px;font:12px/12px 'courier new',courier,monospace;color:#37B9C5;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
.loading { border: none; }
.loadBar { margin: 10px 0 0 5px; }