@charset "utf-8";
/* Reset CSS */

html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
     margin: 0;  
     padding: 0;  
     border: 0;  
     outline: 0;  
     font-size: 100%;  
     vertical-align: baselinebaseline;  
     background: transparent;  
 }  
 body {  
     line-height: 1;  
 }  
 ol, ul {  
     list-style: none;  
 }  
 blockquote, q {  
     quotes: none;  
 }  
 blockquote:before, blockquote:after,  
 q:before, q:after {  
     content: '';  
 }  
   
 /* remember to define focus styles! */  
 :focus {  
     outline: 0;  
 }  
   
 /* tables still need 'cellspacing="0"' in the markup */  
 table {  
     border-collapse: collapse;  
     border-spacing: 0;  
 }
a{ text-decoration:none;color: #1d5a7f; font: 1em Calibri, Arial,Verdana,sans-serif;}

/*Reset End*/

h1 { font: 30px Arial, Helvetica, sans-serif; font-weight:normal;}
h2 { font: 24px Arial, Helvetica, sans-serif; font-weight:bold; color: #333333; padding: 20px 0 0 0;}
h3 { font: 18px Arial, Helvetica, sans-serif; font-weight:normal; color: #9f9e9e;margin-bottom:10px;}
h4 { font: 24px Arial, Helvetica, sans-serif; font-weight:normal; color: #fff;}
h5 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #AFD26E;
}
p  { font: 14px Arial, Helvetica, sans-serif; font-weight:normal; color: #555; text-align:justify; margin:10px 0;}


body {background: #FFF url(../images/top_bg.jpg) repeat-x left top;}
#header{
	margin:0 auto;
	width: 960px;
	height:190px;
	padding:0px;
	background: transparent url(../images/header_bg.jpg) no-repeat top center;
}
.logo{padding: 95px 0 0 20px; }

#content_wrap_top{height:30px;;width: 960px; margin:0 auto; background: transparent url(../images/content_top.png) no-repeat top center;}
#content_wrap_bottom{height:30px;;width: 960px; margin:0 auto; background: transparent url(../images/content_bottom.png) no-repeat top center; padding-bottom: 30px;}
#content_wrap{height:100%;width: 960px; margin:0 auto; background: transparent url(../images/content_bg.jpg) repeat-y top center;}

#content{width: 630px; height: 100%; float:left;}
#sidebar{width: 300px; height: 100%; float:left; padding:0px 10px; background: transparent;}

.banner_box {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	height:300px;
	margin-left:10px;
	padding:0;
	width:590px;
}
.box2 {
  background-color:#EEEEEE;
  border:1px solid #DDDDDD;
  margin:20px 0;
  padding:0 0 20px;
  width:590px;
}
.box3 {
  background-color:#EEEEEE;
  border:1px solid #DDDDDD;
  margin-top:20px;
  padding:0 10px 10px 10px;
  width:570px;
}
#banner{width: 590px;}
.banner_box2{
	border:1px solid #a5a5a5;
	background-color:#FFF;
	padding:10px;
	margin-bottom: 10px;
}


.coluna1{width: 280px; overflow:hidden;float:left;}
.coluna2{width: 280px; overflow:hidden;float:left; margin-left: 30px;}
.resumo{height:350px;}
.parceiro{border:1px solid #CCC;}
.parceiro_detail{font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #333; padding-left:10px; float:left;}


.box{width: 630px; height:100%;}
.box .top{height:100%; padding: 0 10px;}
.box .mid{height:100%;padding:0px 20px;}

.clear{clear:both;}

.sidebar_box{
	width: 280px;
	border:1px solid #CCC;
	padding: 0 10px;
	margin-bottom: 20px;
	background: url(../images/sidebar_header_bg.jpg) no-repeat center top;
}

.sidebar_box_header{
	height: 40px;
}
.box_header{margin-top:10px;}

.sidebar_box p{margin: 0px;}
.clima_widget{
	padding-top: 20px; 
	padding-left:65px;
	margin-bottom: 10px;
}
.parceiro_link{
	height: 54px;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.parc_icon{
	margin-right: 10px;
	border:1px solid #ccc;
}

.produto_link{
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.first{	
	background: url(../images/sidebar_box_first.png) no-repeat center top;
	padding-top: 30px;
}

.blue{
	color:#0A62CC;
}

.div_line {border-top:1px dotted #888888;margin-top:30px;}
.logo_bottom{
	height:50px;
}
.share_addthis{width:200px; float:right;}


li#connect-twitter  a { background-position: 0 50%; }
li#connect-orkut a { background-position: -750px 50%; }
li#connect-facebook a { background-position: -250px 50%; }


#footer_wrap{
	
	border-top: 2px solid #01778a;
	background: #FFF url(../images/footer_bg.jpg) repeat-x;
}
#footer{
	margin:0 auto;
	width: 920px;
	height: 300px;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#footer .logo{float: left; margin-right:40px}

.footer_links{
	float:left;
	margin: 20px 50px 0 0;
}
.footer_links li a{
	color:#333;
}
.footer_text{
	width:250px;
	color:#333;
}
#share_tool{margin-top:45px;}

/* Everything CSS Sprite Menu */
	ul#topmenu{margin-top:10px;; padding:0; list-style:none; clear:both; float:right;}
		#topmenu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#topmenu li a{background:url(../images/topmenu.png) no-repeat; width:100%; height:100%; display:block;}

			/* Empresa Button */
			#topmenu li.empresa{width:140px; height:50px;}
				#topmenu li.empresa a{background-position:0px 0px;}
				#topmenu li.empresa a:hover{background-position:0px -50px;}
				#topmenu li.empresa a.selected{background-position:-5px -145px;}

			/* Produtos Button */
			#topmenu li.produtos{width:125px; height:50px;}
				#topmenu li.produtos a{background-position:-140px 0px;}
				#topmenu li.produtos a:hover{background-position:-140px -50px;}
				#topmenu li.produtos a.selected{background-position:-125px -145px;}

			/* Eventos Button */
			#topmenu li.eventos{width:125px; height:50px;}
				#topmenu li.eventos a{background-position:-265px 0px;}
				#topmenu li.eventos a:hover{background-position:-265px -50px;}
				#topmenu li.eventos a.selected{background-position:-250px -145px;}
				
			/* Noticias Button */
			#topmenu li.noticias{width:125px; height:50px;}
				#topmenu li.noticias a{background-position:-390px 0px;}
				#topmenu li.noticias a:hover{background-position:-390px -50px;}
				#topmenu li.noticias a.selected{background-position:-250px -145px;}
				
			/* Contato Button */
			#topmenu li.contato{width:140px; height:50px;}
				#topmenu li.contato a{background-position:-515px 0px;}
				#topmenu li.contato a:hover{background-position:-515px -50px;}
				#topmenu li.contato a.selected{background-position:-250px -145px;}