html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%;}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:230px;}

/*** HEADER ***/
#header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x top;}
#header-in {height:148px; background:url(../pics/bg-header_in.jpg) no-repeat bottom; z-index:2; }

#icones {background:url(../pics/bg-icones.jpg) no-repeat; width:92px; height:34px; position:absolute; top:0; right:20px;}
#icones ul {margin:8px 0 0 0;}
#icones ul li {float:left; display:inline; margin-left:12px;}
#icones ul li a {display:block;}

/*** MAINCONTENT GERAL ***/

/* home */
#mainContent {margin:0 auto; height:auto; min-height:500px;}

#jquery {width:949px; height:382px; margin:0 auto; position:relative;}
.seta-proximo {background:url(../pics/setas.jpg) no-repeat 0 -46px; width:56px; height:37px; position:absolute; bottom:0; right:0; z-index:1000;}
.seta-anterior {background:url(../pics/setas.jpg) no-repeat 0 0; width:56px; height:37px; position:absolute; bottom:0; left:0; z-index:1000;}
#anima {position:relative;}
#anima p {font:normal 12px arial; color:#fff; margin:-25px 0 0 90px; position:absolute;}

#informativo {float:left; display:inline;}
#informativo h1 {width:158px; height:37px; text-indent:-9000em; overflow:hidden; 
background:url(../pics/tt-informativo.jpg) no-repeat; margin:13px 0 0 26px;}
#informativo p {font:normal 11px arial; color:#3c3838; margin:-14px 0 0 97px;}

#informativo-campos {float:left; display:inline; margin:22px 0 0 23px;}
.input-informativo {background:none; border:none; font:10px arial; color:#033253; width:156px; height:18px; padding:9px;}
.form_info {background:url(../pics/bg-input.jpg) no-repeat; width:184px; height:29px; float:left; display:inline;}

.bt-incluir {background:url(../pics/bt-incluir.jpg) no-repeat; width:63px; height:29px; cursor:pointer;
 border:none; margin-left:16px;}
 
.bt-excluir {background:url(../pics/bt-excluir.jpg) no-repeat; width:63px; height:29px; cursor:pointer;
 border:none; margin-left:13px;}
 
#climatempo {float:left; display:inline; margin:5px 0 0 75px;}
#climatempo h1 {width:158px; height:37px; text-indent:-9000em; overflow:hidden; border:none;
background:url(../pics/tt-climatempo.jpg) no-repeat; }	
#climatempo img {margin:-25px 0 0 27px; float:left; display:inline;} 
#climatempo ul {margin:-25px 0 0 100px;}
#climatempo ul li {color:#666; font:normal 11px arial;}

/* internas */
#interna {width:640px; height:auto; min-height:500px; margin:40px 40px 0 30px; float:left; display:inline;}
#interna p {font:normal 12px arial; color:#3c3838; margin-bottom:12px; text-align:justify; line-height:15px;}

/* formulário de contato */

/*** SIDEBAR ***/
#sidebar {float:left; display:inline; width:260px; margin-top:40px}

#informativo-sidebar {float:left; display:inline;}
#informativo-sidebar h1 {width:158px; height:37px; text-indent:-9000em; overflow:hidden; 
background:url(../pics/tt-informativo.jpg) no-repeat; margin:13px 0 20px 0;}
#informativo-sidebar p {font:normal 11px arial; color:#3c3838;}

#informativo-campos02 {float:left; display:inline; margin-bottom:45px;}
.input-informativo02 {background:none; border:none; font:10px arial; color:#033253; width:156px; height:18px; padding:9px;}
.form_info02 {background:url(../pics/bg-input.jpg) no-repeat; width:184px; height:29px; margin-bottom:3px;}
.bt-incluir02 {background:url(../pics/bt-incluir.jpg) no-repeat; width:63px; height:29px; cursor:pointer;
 border:none;}
.bt-excluir02 {background:url(../pics/bt-excluir.jpg) no-repeat; width:63px; height:29px; cursor:pointer;
 border:none; margin-left:13px;} 

#navegacao {float:left; display:inline;}
#navegacao ul li {float:left; display:inline; font:normal 12px arial; color:#5e5e5e;}
#navegacao ul li a {display:block; color:#5e5e5e; padding-left:20px;}
#navegacao ul li a:hover {color:#000;}
#navegacao ul li.divisoria {background:url(../pics/divisoria.jpg) no-repeat; width:256px; height:3px; margin:12px auto;}
#navegacao ul li.home {background:url(../pics/lista-home.jpg) no-repeat; height:10px;}
#navegacao ul li.contato-sidebar {background:url(../pics/contato.jpg) no-repeat; height:10px;}
#navegacao ul li.mapa {background:url(../pics/mapa.jpg) no-repeat; height:10px;}

/*** FOOTER ***/

#end {background:#005884; width:350px; position:absolute; bottom:3px; left:330px; height:36px;}

#footer-out {position:absolute; bottom:0; width:100%; background:url(../pics/bg-footer_out.jpg) repeat-x;}
#footer-in {height:219px; background:url(../pics/bg-footer_in.jpg) no-repeat;}