/*

	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;

	background: #fff;

	color: #FFF;

}



/* links */

a {

	color: #fff;

	background: inherit;

}

a:hover {

	color: #FFF;

	background: inherit;

}



/* 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: #FFF;

	text-decoration: none;

}

h1 a:hover, h2 a:hover {



}

.title { color: #808080; background: #fff; }



/* lists and form elements */

ul { margin: 0; padding : 0; list-style : none; }

form {
	margin: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

input.search {

	width: 200px;

	padding: 4px 8px;

	color: #1E67A8;

	font-weight: bold;

	background-color: #8FD471;

	background-repeat: no-repeat;

	border: thin inset #FFF;

}

input.button { padding: 3px; }



/* content holder */

#content { margin: 10px auto; width: 960px; }



/* header */

#header { height: 75px; }

#logo { padding: 15px 0 0 8px; }

#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }

#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }



/* horizontal tabbed menu */

#tabs {

	color: #000;

	height: 72px;

	text-align: center;

	background-repeat: no-repeat;

	background-position: center top;

	background-image: url(images/bigbox.gif);

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 220px;

}

#tabs li {

	display: inline;

	height: 45px;

	background-color: #000000;

	background-image: url(images/barbg.gif);

}

#tabs li a {

	float: left;

	color: #808080;

	padding: 7px 0;

	width: 82px;

	text-align: center;

	font-weight: bold;

	text-decoration: none;

	background-color: #fff;

	background-image: url(images/barcurrent.gif);

	background-repeat: no-repeat;

}

#tabs li a:hover {

	color: #000;

	background-repeat: no-repeat;

	background-image: url(images/barbg.gif);

}

#tabs li a.current { background: #fff url(images\barcurrent.gif) no-repeat; color: #2C71AE; }

.key { text-decoration: underline; }



/* search form */

#search {

	float: left;

	clear: both;

	color: #000;

	padding: 14px 0 20px 5px;

	width: 500px;

	margin: 5px 0 0 0;

	background-color: #fff;

	background-repeat: no-repeat;

}

	#search p { padding: 0; margin: 0; color: #000; text-decoration: none;}

	#search p span { padding: 0; margin: 0; color: #000; text-decoration: none;}





/* grey subheader */

.gboxtop {

	clear: both;

	height: 10px;

	color: #000;

	background-repeat: no-repeat;

}

.gbox {

	background: #dedede url(images\gbox.gif) no-repeat bottom left;

	color: #444;

	height: 35px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	padding-top: 1px;

	padding-right: 13px;

	padding-bottom: 7px;

	padding-left: 13px;

}

.gbox p { padding: 7px 0; margin: 0;}





/* left side */

.left {
	float: left;
	width: 660px;
	margin: 0 0 10px 0;
}

	.left_articles {
	margin: 0 20px 15px 10px;
	padding: 10px 0 0 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	color: #FFF;
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;

	}



	.calendar { height: 50px; float: left; background: #fff url(images\calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}

	.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 {

	float: left;

	width: 203px;

	margin: 0 12px 0 0;

}

	.smallboxtop {
	height: 14px;
	color: #FFF;
	text-align: center;
	font-style: normal;
	font-variant: normal;

}

	.smallbox {
	color: #FFF;
	padding: 1px 10px 10px 10px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

	.smallbox p {

	padding: 0;

	margin: 0;

	text-align: justify;

}





	/* DW Addons */

	div.produto {

	    float: left;

	    text-align: center;

	    border: solid 1px #ebebeb;

	    margin-left: 1px;

	    margin-bottom: 1px;

	    width: 202px;

	    height: 250px;

	}



	.clearall {

	    clear: both;

	}

	/* Fim DW Addons*/





/* right side */

#right {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;

}

	.boxtop {

	height: 50px;

	color: #FFF;

	text-align: center;

}

	.box {
	color: #FFF;
	padding: 0 10px 15px 10px;
	margin: 0 0 10px 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

	.box p {
	padding: 0;
	margin: 0;
	text-align: left;

}

	.image { float: left; margin: 0 9px 3px 0; }





/* 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; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

S