/*
CSS escrito por
rickshira
26/02/09

*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* Link Geral
----------------------------------------------------------------------------- */
a{color:#555B77;}
a:hover{ text-decoration:underline;}
 


/* MAIN
----------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#61AAE4 url(../imagens/bg.gif) top center; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#555B77; }
.bgExtra { background:url(../imagens/bgExtra.gif) top center no-repeat;}
.main { position:relative; width:950px; margin: 0 auto; }
.innerBg{width:950px; background:#fff url(../imagens/contentBg.gif) top left repeat-x;}

/* HEADER
----------------------------------------------------------------------------- */
.header {
	position: relative;
	height: 198px;
	overflow:hidden;
	background:url(../imagens/headerBg.jpg) top center no-repeat;
	background-color: #000066;
}
.header h1 { float:left; padding:20px 0 0 4px;}
.header .headerFone{ float:right; padding:12px 16px 0 0;}


/* sideBar
----------------------------------------------------------------------------- */
.sideBar{ float:left; padding:0 0 0 11px; width:193px;}

.sideBar .BtOnline{ padding:10px 0; text-align:center;}

/* MENU
----------------------------------------------------------------------------- */
.sideBar .menu { font-weight:bold; color:#666;}

.sideBar .menu dl dt{ height:34px; overflow:hidden; background:url(../imagens/menuBt1Bg.gif) no-repeat;}
.sideBar .menu dl dt a { display: block; padding: 5px 0 0 53px; width:140px; height:24px; overflow:hidden; background:no-repeat 53px 5px;}
.sideBar .menu dl dt a img{ display:block; width:116px; height:19px;}
.sideBar .menu dl dt a.on img,
.sideBar .menu dl dt a:hover img{opacity:0; filter: alpha(opacity=0); -moz-opacity:0;}

.sideBar .menu dl dt.m001 a{ background-image:url(../imagens/menuBt001Over.gif);}
.sideBar .menu dl dt.m002 a{ background-image:url(../imagens/menuBt002Over.gif);}
.sideBar .menu dl dt.m003 a{ background-image:url(../imagens/menuBt003Over.gif);}
.sideBar .menu dl dt.m004 a{ background-image:url(../imagens/menuBt004Over.gif);}
.sideBar .menu dl dt.m005 a{ background-image:url(../imagens/menuBt005Over.gif);}
.sideBar .menu dl dt.m006 a{ background-image:url(../imagens/menuBt006Over.gif);}

.sideBar .menu dl dd{ font-size: 12px; line-height: 16px; }
.sideBar .menu dl dd ul li{ background: url(../imagens/menuBt2Bg.gif) no-repeat 30px 50%; padding:0 0 0 50px; margin:0 0 7px;}
.sideBar .menu dl dd ul li a{ color:#003;}
.sideBar .menu dl dd ul li a.on,
.sideBar .menu dl dd ul li a:hover{ color:#F00; text-decoration:none;}


/* CONTENT
----------------------------------------------------------------------------- */
.content{ float:right; width:738px;}

.content h2{ margin:0 11px 0 0; height:28px; background: url(../imagens/titleBg.gif) top left repeat-x; font-size:14px; color:#003;}
.content h2 span{ display:block; padding:5px 0 5px 30px; background: url(../imagens/titleIcon.gif) no-repeat 5px 50%;}

.content h3{ height:28px; background: url(../imagens/titleBg.gif) top left repeat-x; font-size:16px; color:#52597A;}
.content h3 span{ display:block; padding:5px 0 5px 30px; background: url(../imagens/titleIcon.gif) no-repeat 5px 50%;}

.content .artigoBox{ padding: 10px 11px 20px 5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.content .artigoBox p{ margin:15px 0;}
.content .artigoBox h4{ font-size:12px;}
.content .artigoBox ul{ padding:15px 0 30px;}


/* FOOTER
----------------------------------------------------------------------------- */
.footer{ position:relative; padding:10px 100px 40px;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}

.footer .menuFoo{ background: url(../imagens/bg_foo.gif) no-repeat 50% 10px; text-align:center; color:#fff;}
.footer .menuFoo a{ font-size:12px;}
.footer .menuFoo span{padding:0 3px;}

.footer .autor{ position:absolute; top:10px; right:10px; font-size:10px;}


/* HOME
-------------------------------------------------------------------------- */
#home .content .homeBox{ padding: 0 11px 0 0;}
#home .content .homeBox p{ margin:10px 0;}
#home .content .homeBox .box01{ float:left; width:363px; height:186px; margin:10px 0; border-bottom:1px solid #DBDBDB; overflow:hidden;}
#home .content .homeBox .box01 a{ display:block;}
#home .content .homeBox .box01 ul{ padding:15px 15px 0 100px; background: url(../imagens/homeBox01.jpg) no-repeat 2px 20px;}
#home .content .homeBox .box01 li{ font-size:12px; line-height:1.3em;}
#home .content .homeBox .box01 .mais{ padding:0 20px; font-weight:bold; text-align:right;}
#home .content .homeBox .box01 .mais a{ color:#FF6600;}

#home .content .homeBox .box02{ float:right; width:355px; height:186px; margin:10px 0; border-bottom:1px solid #DBDBDB; overflow:hidden;}
#home .content .homeBox .box02 a{ display:block; width:355px;}
#home .content .homeBox .box02 ul{ padding:90px 0 0 0; background: url(../imagens/homeBox02.jpg) no-repeat 2px 3px;}
#home .content .homeBox .box02 li{ padding:0 0 0 10px;}

#home .content .homeBox .box03{ clear:both; padding:0 0 20px; background: url(../imagens/homeBox03.jpg) no-repeat 10px 40px;}
#home .content .homeBox .box03 h3{margin:0 0 15px;}
#home .content .homeBox .box03 a{ display:block;}
#home .content .homeBox .box03 p{ padding: 0 0 0 100px;}
#home .content .homeBox .box03 p strong{ display:block; padding:10px 0 0; font-size:14px;}

#home .content .homeBox .box04{ padding:10px 0 20px;}
#home .content .homeBox .box04 img{ float:left; margin:10px 0 0;}

/* Outros
-------------------------------------------------------------------------- */