@import url('reset.css');
@import url('programacao/programacao.css');
@import url('locais.css');
@import url('hoteis.css');
* { padding: 0px; margin: 0px; list-style: none; text-align: left;  font-family: arial;}
img { border: 0 ; text-align: center; background-color: #069; }
body { margin: 0 auto; background-color: #069;  text-align: center; letter-spacing: -1px; background: url('imgs-site/fundo-site.jpg') repeat-x;}

#site { width: 1000px; height: auto; margin: 0 auto; background-color: #006699;}

#topo { width: 1000px; height: 460px;  margin: 0 auto; background: url('imgs-site/topo.jpg') no-repeat; padding: 0; }

#facebook { width: 30%; height: 10%; text-align: left; padding: 148px 0 0 70px;  } 

#icon-facebook { width: 980px; height: 50px; float: right ; margin: 20px 20px 0 0 ;}
#icon-facebook img { width: 980px; height: 50px; }

#sesc-10-anos { width: 135px; height: 50px; float: left ; margin: 0px 20px 0 0 ; padding: 0 ; }
#sesc-10-anos img { width: 135px; height: 50px; }

#caixa-facebook { width: 20%; height: 10%; text-align: left; padding: 205px 0 0 734px;  }

#menu { width: auto; height: 92px; font-family: arial; background: url('imgs-site/fundo-menu-2.jpg') repeat-x; color: #fff; }
#menu ul { height: 80px; }
#menu li { float: left ; font-size: 24px; letter-spacing: -2px; font-weight: bold; margin: 25px 0 0 39px; }
#menu li a { color: #fff; text-decoration: none ; }
#menu li a:hover { color: #A3C3DB; text-decoration: none; }
#menu li:hover { border-bottom: 0px solid #3cf ; height: 57px;}

#miolo { width: 1000px; height: auto;  margin: 0 0 0px 0;  padding: 0; }

#conteudo { width: 620px; height: auto ; float: left ; text-align: left; margin: 20px; border-left: #4F95B9 dashed 1px; padding: 0 20px 0 20px; border-right: #4F95B9 dashed 0px;  }
#conteudo h1 { font-size: 28px; font-weight: bold; color: #3cf; padding: 0 0 15px 0 ; text-shadow: #005782 2px 2px 2px; letter-spacing: -1px;  }
#conteudo h2 { font-size: 20px; font-weight: bold; color: #fff; padding: 0 0 15px 0 ; text-shadow: #00557D 1px 1px 1px;}
#conteudo p { font-size: 16px; font-weight: none; color: #fff; padding: 0 0 15px 0 ; letter-spacing: 0px; }
#conteudo h3 { font-size: 18px; font-weight: bold; color: #fff; padding: 0 0 15px 0 ; }
#conteudo .foto { margin: 0 0 20px 0 ; }

#comentarios { width: 580px; height: auto; background-color: #ABCCDE; padding: 20px;}

#coluna-direita { width: 290px; height: auto ; float: right ; }

#calendario { width: 290px; height: 380px; float: right ;  background: url('imgs-site/fundo-calendario.gif') no-repeat; font-family: arial; padding: 0 0 15px 0 ; margin: 10px 0 0 0; }   
#calendario h1 { color: #069;font-size: 22px; font-weight: bold; letter-spacing: -1px; padding: 20px 20px 10px 20px; text-align: left; }
#calendario ul { width: 270px; height: auto; margin: 0 10px 0 14px ;  }
#calendario li { color: #f60; float: left; padding: 10px ;  margin: 15px 10px 0 5px; 
border: 1px solid #AACBDD; }
#calendario li:hover { border: 1px solid #f60; }
#calendario li a { color: #f60 ; text-decoration: none; }

#coluna-facebook { width: 290px; height: 380px; float: right ;  background: url('imgs-site/fundo-facebook.gif') no-repeat; font-family: arial; padding: 0 0 15px 0 ; margin: 10px 0 0 0; } 
#coluna-facebook h1 { color: #069; font-size: 18px; font-weight: bold; letter-spacing: -1px; padding: 20px 20px 10px 18px; text-align: left; }

#coluna-facebook-usuarios { width: 250px; height: auto; padding: 10px 20px 20px 20px; }

#rodape { width: 1000px; height: 280px;  margin: 100px 0 0 0 ; background: url('imgs-site/rodape.jpg') no-repeat; padding: 0; }
#cx-fb-rodape { width: 500px; height: auto ; text-align: left ; padding: 80px 0 0 20px; }
#cx-fb-rodape iframe { border: 0px; }

#hotel-restaurante { width: 290px; height: 76px; float: right ;  background: url('imgs-site/fundo-hoteis-restaurantes.gif') no-repeat; font-family: arial; padding: 0 0 15px 0 ; margin: 10px 0 0 0; }   
#hotel-restaurante h1 { color: #069;font-size: 22px; font-weight: bold; letter-spacing: -1px; padding: 22px 0 30px 100px; text-align: left; }

#hotel-restaurante .hotel { background: url('imgs-site/icon-hotel.jpg') no-repeat; background-position: 22px 13px  ; }
#hotel-restaurante .restaurante { background: url('imgs-site/icon-restaurante.jpg') no-repeat; background-position: 22px 13px  ; }
#hotel-restaurante a { color: #069 ; text-decoration: none; }
#hotel-restaurante a:hover { color: #008FD5 ; text-decoration: none ; }