/*
	project: internet sharing template
   	author: luka cvrk (www.solucija.com)
								*/

body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em;color: #454545; background: #ffffff url(images/bg.png) repeat-x !important; }


.centro{
	width:970px!important;
	height:auto !important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:10px!important;
	clear:both !important;
	padding:0px 0px 0px 7px;

}


/* links */
a { color: #003B6E; background: inherit; text-decoration: none; }
a:hover { color: #000; background: inherit; text-decoration: underline; }

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #3C0101; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }

input.button { padding: 1px; background: #fff url() no-repeat;}

/* content holder */
#content { margin:auto; width:976px; background-color:none !important; /* border-top-width:10px; border-top-style:solid;  border-top-color:#000033; !important;*/}

/* lado 1 e 2 */
#lado1 { float: left; width: 200px; background: #fff; margin: 0px; }
#lado2 { float: left; width: 276px; margin: 0px 5px 0px 0px; }
#lado3 { float: left; width: 276px; margin: 0px; }
#conteudo_artigo { float: left; background: #fff; border: 1px solid #3C0101; width: 727px; padding: 5px; margin: 0px; }
#ladog { float: left; width: 540px; background: #fff; margin: 0px; }

	.artboxtop { height: 14px; width: 740px; background: #fff url(images/artboxtop.gif) no-repeat; color: #000; }
	.artbox { background: #EBEBEB url(images/artbox.gif) no-repeat bottom left; width: 707px; color: #444; padding: 1px 23px 10px 10px;  }
	.artbox p { padding: 0; margin: 0; text-align:justify; }

/* header */
#header { height:134px; width:100%; margin:auto; background: #01458E url(images/bg.png) repeat !important;/*border-bottom-width:1px; border-bottom-style:solid;  border-bottom-color:#FFCC00 !important;*/  }
#logo { padding: 15px 0px 0px 0px; margin:0px 0px 0px 0px }
#logo p { margin: 0; padding: 0px; color: #ffffff; background: #01458E; }
#top_info { float: right; width: 570px; padding:30px 0px 0px 0px; margin: 20px 0px 0px 0px; text-align: right; color:#FFF !important; font-family:Arial, Helvetica, sans-serif !important; font-style:italic; font-size:12px; font-weight:600;  }

/* horizontal tabbed menu */
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0 0 0 210px; margin: 0 0 10px 0; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #3C0101; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }
.key { text-decoration: underline; }



/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}


/* left side */
.left { float:right; margin: 0px; clear:both !important; height:500px !important; width:200px; position:absolute; margin-left:767px;top:200px;}
	.left_articles { margin: 0px; padding: 0px; text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}

	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #3C0101;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
    .thirds {  width: 203px; background: #fff; margin: 0px; color: #5d5d5d; }
	.smallboxtop { height: 25px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px; margin:0px 0px 3px 0px  }
	.smallbox p { padding: 0; margin: 0; }


/* bottom thirds */

	.menuboxtop { height: 25px; background: #fff url(images/menuboxtop.gif) no-repeat; color: #000; }
	.menubox { background: #fff url(images/menubox.gif) no-repeat bottom left; color: #444; padding: 1px 23px 10px 10px; margin:0px 0px 45px 0px;  }
	.menubox p { padding: 0; margin:0px 0px 0px 0px;  }

	.menuboxtop1 { height: 14px; margin-top: 15px; background: #fff url(images/menuboxtop1.gif) no-repeat; color: #fff; }
	.menubox1 { background: #fff url(images/menubox.gif) no-repeat bottom left; color: #444; padding: 1px 23px 10px 10px; margin:0px 0px 25px 0px;  }
	.menubox1 p { padding: 0; margin: 0; }

/* right side */
.right {
	float: left;
	width: auto; margin: 0px; }
    .thirds2 { float: left; width: 265px; background: #fff; margin: 5px 0px 5px 0px; color: #5d5d5d; }
    .boxtop {  height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.box {  background: #fff url(images/box.gif) no-repeat bottom left; height:170px; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }


    .thirds3 { float: left; width: 540px; margin:0 ; color: #5d5d5d; }
    .catboxtop {  height: 19px; background: #fff url(images/catboxtop.gif) no-repeat; color: #000; }
	.catbox {  background: #fff url(images/catbox.gif) no-repeat bottom left; color: #5b5b5b; padding: 0px 10px 15px 10px; margin: 0 0 10px 0px; }
	.catbox p { padding: 0; margin: 0;}
	.catimage { float: left; margin: 0px 9px 3px 0px; }

    .catbox h3 {
    clear: both;
    color: #FFF;
	padding: 5px 0 5px 5px;
    font: 1em Tahoma, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
}
    .art { float: left; clear: both; padding: 0px 15px 0px 0px; border-right: 1px; width: 250px; }

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; width:100%;  text-align: center; line-height: 1.8em; padding: 10px 0px 0px 0px; margin:0px 0px 0px 0px !important; border-top: 1px solid #ccc; background-color:none; }







input.search2 {
	width: 230px;
	color: #3C0101;
	border: 1px solid #3C0101;
}


input.searchchat {
	width: 415px;
	border: 0;
	background: #FFF url(images/inputchat.gif) no-repeat;
	padding: 4px;
	color: #3C0101;
}

input.search 
	{background:url(images/bg_input5.gif) no-repeat;width:76px;height:22px;line-height:22px;margin:0;padding:4px 5px;border:none}


input.searchz {
	width: 155px;
	height:22px;
	background:#FFF url(images/input2.gif) no-repeat;
	line-height:22px;margin:0;padding:4px ;border:none
}

input.submit {
	background-image:url(images/bt_buscar.gif) no-repeat !important;
	border: 0 !important;
	padding:0 !important;
	width:auto!important;
	height:auto!important;
	margin: 0 0px 0px 0!important;
	color: #FFF !important;
	font: bold 1em Arial, Sans-Serif !important;
}

.caixa_texto{background:url(images/bg_input2.png) no-repeat;width:300px;height:22px;line-height:22px;margin:0;padding:4px 5px;;border:none}

.caixa_cnpj{background:url(images/bg_input3.gif) no-repeat;width:137px;height:22px;line-height:22px;margin:0;padding:4px 5px;;border:none}

.caixa_ramal{background:url(images/bg_input4.gif) no-repeat;width:35px;height:22px;line-height:22px;margin:0;padding:4px 5px;;border:none;}

.caixa_tel{background:url(images/bg_input5.gif) no-repeat;width:76px;height:22px;line-height:22px;margin:0;padding:4px 5px;;border:none}



.caixa_texto2{border:solid 1px #ccc;background:#fafafa;margin:3px 0;padding:5px; width:300px;}

.bt_buscar {
    background:url(images/bt_buscar.gif) no-repeat !important;
	border: 0px !important;
	padding:0px !important;
	width:74px!important;
	height:28px!important;
	margin: 0px 0px 0px 0px!important;
	color: #FFF !important;
	font: normal 13px Arial, Sans-Serif !important;
}


.bt_limpar {
    background:url(images/bg_button.png) no-repeat !important;
	border: 0px !important;
	padding:0px !important;
	width:74px!important;
	height:30px!important;
	margin: 0px 0px 0px 0px!important;
	color: #000 !important;
	font: normal 13px Arial, Sans-Serif !important;
}



input.login {
	width: 150px;
	border: none;

	padding: 4px;
}

/* layout
   ------ */



.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.bar {
	clear: both;
	font-size: 1.1em;
    color: #FFF;
    background:none;
    width:964px;
	height:42px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	
	

}

.bar ul {

		padding: 0px 0px 0px 0px;
		color: #FFEADC;
		background:none;
		float:left;
		background:url(images/bg_menu.gif) no-repeat center top;
		width:100%;
		height:42px;

		
	

		
		
	}

.bar li {
		margin: 0;
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background:none;
		float: left;
	
		
		
	}

.bar li.active {
		background: #4E5867 url(images/bar.gif) no-repeat center top;
		color: #fff;
		font-weight: bold;
		padding: 7px 10px 6px 10px;
	}

	.bar li a {
		font-weight: bold;
		color: #FFF;
		background: inherit;
		text-decoration: none;
	}

	.bar li a:hover {
		color: #c0c0c0;
		background: inherit;
	}

.search_field {
	background: #fff url(images/searchbg.gif) no-repeat right;
	color: #3C0101;
	clear: both;
	font-weight: bold;
    padding: 7px 25px 10px 10px;
	margin: 5px 0;
    width: 925px;
}

.grey {
	color: #3C0101;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }






.leftz {
	float: left;
	width: 98%;
	margin: 0 0 10px 0;
}

.leftz h3 {
	clear: both;
	background: #760000 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
 font: 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.leftz2 {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.leftz2 h3 {
	clear: both;
	background: #760000 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
 font: 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.exibeart {
padding: 2px 0px 2px 0px;
}

#ap {

	background: #fff url(images/grafico.jpg) no-repeat top left;
    width: 420px;
	height:110px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 120px;
    text-align: justify;
	float:left !important;
}