/*** GERAL ***/
html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content-out {width:100%; background:url(../pics/bg-contant_out.jpg) repeat-x top;}
#content-in, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content-in {padding-bottom:94px;}

#jQuery, #mainContent-int, #sidebar, .tt-side, .caixa {float:left; display:inline;}

/*** HEADER ***/
#header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x bottom;}
#header-in {height:146px;}

#tel {position:absolute; top:7px; right:13px; width:96px; height:15px; background:url(../pics/tel.jpg) no-repeat;}

/*** MAINCONTENT GERAL ***/
#mainContent-int {width:697px; background:url(../pics/bg-int.jpg) repeat-y left; margin-left:40px; margin-bottom:26px;}
#mainContent-top {width:697px; background:url(../pics/bg-top.jpg) no-repeat top;}
#mainContent-bot {width:661px; height:445px; background:url(../pics/bg-bot.jpg) no-repeat bottom; padding:21px 18px;}
html > body #mainContent-bot {height:auto; min-height:445px;}

/* home */
.caixa {position:relative; width:320px; height:192px;}
.tt-caixa {width:308px; height:31px; background:url(../pics/bg_h1_main.jpg) no-repeat; margin-bottom:14px; padding:10px 0 0 12px;}
#caixa01, #caixa03 {margin-right:21px;}

/* internas */
.tt-int {width:649px; height:31px; margin-bottom:14px; padding:10px 0 0 12px; background:url(../pics/bg_h2_main.jpg) no-repeat;}

/* jQuery */
#jQuery {position:relative; width:920px; height:254px; margin-top:6px; margin-bottom:24px;}
.h1_jQuery {width:117px; height:43px;} .h1_jQuery01 h1 {width:117px; height:32px; background:url(../pics/h1-jquery01.png) no-repeat;}
.h1_jQuery02 h1{width:117px; height:32px; background:url(../pics/h1-jquery02.png) no-repeat;}
.h1_jQuery03 h1{width:150px; height:32px; background:url(../pics/h1-jquery03.png) no-repeat;}
#animacao {position:absolute; width:865px; height:254px; top:0; left:89px; overflow:hidden;}
#animacao ul li {width:865px; height:254px; float:left;}

.img-jQuery, .txt-jQuery {float:left; display:inline;}
.img-jQuery {width:410px; height:254px;}
.txt-jQuery {width:385px; margin-left:25px; padding-top:51px;}
.txt-jQuery p {font:bold 11px tahoma !important; color:#fff !important; line-height:15px !important;}

a.arrow-Left, a.arrow-Right {position:absolute; width:64px; height:67px; top:70px;}
a.arrow-Left  {background:url(../pics/arrow_Left.jpg)  no-repeat; left:20px;  z-index:1;}
a.arrow-Right {background:url(../pics/arrow_Right.jpg) no-repeat; right:-64px; z-index:1;}

/*** SIDEBAR ***/
#sidebar {width:200px; margin-left:13px; padding-top:41px !important; background:#003d68; padding:0 10px;}
.tt-side {width:200px; height:30px; border-bottom:1px solid #336486;}

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

#ico {position:absolute; right:60px; bottom:40px; height:13px; font:normal 10px tahoma; padding-left:17px;
background:url(../pics/ico-mapasite.jpg) no-repeat;}
#ico a {color:#4a4a4a;}
#ico a:hover {text-decoration:underline;}