@charset "utf-8";
/*

	This document is created by Jasper 'amygdela' van der Meer for Open Source WebDesign @ http://oswd.org.
	You are free to alter, build upon or delete parts of the code used in this free opensource template.
	You are free to remove the copyrights from this template, but it would be cool if you left it there.
	If you use this template and you like it, drop by my site sometimes @ http://www.amygdela.com ... 

	This is my second template for OSWD. I've created this template again with no images.
	The charset used is utf-8, for easily translating or implementing this template in a file in any language.
	The HTML is XHTML 1.0 Strict valid, and the CSS valids as CSS2. Please be aware that some hacks were made 
	to display this template correct on the infamous Internet Explorer. How I hate the darn thing... Enjoy!!!
	
	All HTML and CSS is well commented, so you won't get stuck when editing the template. All divs have logical
	names and semantics were kept in mind when designing this template. | August 15th, 2005 Jasper van der Meer.
	Because I talk so much this CSS is 10k. Sorry about that dear 56k users :-)

*/
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {
	text-decoration: none;
	color: #900;
}

html,body {

}
body {
	margin-top: 0%; /* Fresh and white! */
	font-family: "Trebuchet MS"; /* Monaco = iMac, Calibri = Windows Vista */
	font-size: small/100%;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(images/fundo.jpg);
}
.promo_1 {
	color: #000;
	font-size: 9px;
	background-position: 10px bottom;
	background-repeat: no-repeat;
	height: 200px;
	width: 230px;
	vertical-align: bottom;
	text-align: center;
	left: auto;
	right: auto;
	margin-right: 18px;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.promo_2 {
	color: #000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	height: 200px;
	width: 230px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 18px;
	margin-left: 18px;
}
.promo_3 {
	color: #000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 230px;
	width: 230px;
	vertical-align: bottom;
	margin-top: 0px;
	padding-right: 18px;
	padding-left: 18px;
}

/* ************************* END GENERAL STYLING ************************* */


/* *************************  START DIV STYLING  ************************* */

#container { /* <DIV #1> */
	width: 805px;  /* This keeps the template centered. */
	margin-right: auto; /* This keeps the template centered. */
	border: 0px solid #0F0; /* Crazy about dotted and dashed borders! */
	margin-left: auto;
	text-align: right;
}
#header { /* <DIV #2> */
	width: auto; /* Just as wide as the container, ofcourse. */
	height: 166px; /* Couldn't resist. Used an image */
	padding-top: 4px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	text-align: left;
}
	#header h1 { /* The first line of text in the header, the big orange one. */
		font-size: 150%; /* Big font! 150% of the font-size of the body! */
		color: #DD8200; /* Orange color for textline one. */
		display: inline; /* This trick will display the both lines of text next to eachother instead of under eachother* */
		letter-spacing: 4px; /* A thick amount of spacing between the letters, to create a nice effect on the text. */
	}
	#header h2 {
	position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
	display: inline; /* The trick will only work if you add display: inline here as well, and add a <br /> between them in the HTML code. */
	vertical-align: center; /* Appear in the center of the #header. */
	font-size: 70%; /* 70% of the size of the font-size from the body. */
	font-weight: 100; /* a very sleek and lightweight font. 600 for big font. */
	text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
	color: #333; /* Ocean blue color... */
	letter-spacing: 1px; /* spread those letters over your screen a bit more */
	font-family: "Trebuchet MS"; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	
#core_container { /* <DIV #3> */
	height: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#core_left { /* <DIV #4> */
	width: 190px; /* A fixed width to display the images correctly below eachother. */
	float: left; /* 12px space inside this div before anything happens. */
	_padding: 6px; /* IE HACK. 6px space for IE, because of the boxmodel error. Remove this and check the page in IE... :( */
	height: 100%;
	text-align: center;
}
	#core_left img { 
		border: 0; /* The images on the left may not have a border. */
	}
	#core_left p {
	font-size: 9px; /* The fontsize is 70% of the fontsize of the body tag. */
	font-family: "Trebuchet MS";
	color: #DA251D;
	}
	#core_left a, #core_left a:link, #core_left a:visited {
		color: #000000; /* All links, visited or not are black. */
		text-decoration: none; /* with no line under it. */
	}
	#core_left a:hover {
	color: #900; /* Oceanblue linktext on hover. */
	}
	#core_left h3, #core_left h4 {
	position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
	display: inline;
	vertical-align: center; /* Appear in the center of the #header. */
	font-size: 90%; /* 90% of the size of the font-size from the body. */
	font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
	text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
	color: #666; /* Ocean blue color... */
	letter-spacing: 1px; /* spread those letters over your screen a bit more */
	font-family: "Trebuchet MS"; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	#core_left li { /* The contents of core_left is presented in an unordered list. Here it is. */
	font-size: 10px; /* Fontsize and styling. */
	font-family: "Trebuchet MS";
	}
	.litxt { /* This is the text in the unordered list within core_left, with 5% space on the left. */
	padding-bottom: 10px;
	width: 95%;
	padding-left: 0%;
	}
	#core_left ul { /* this is the ul styles for core_left. */
		list-style: none; /* No dot in the list please. */
		padding-left: 0px; /* Get yourself to the left of the page. */
		margin-left: 0; /* IE needs this to do the same as stated above... */
	}
	
/* THIS NAVIGATIONBAR IS COURTESY OF MAXDESIGN > http://css.maxdesign.com.au/listamatic */

#navcontainer {
	text-align: right;
	margin-top: 0px;
}

ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	font-family: "Trebuchet MS";
}

#navlist li {
	display: inline;
	list-style-type: circle;
}
#current {
	width: 100ex;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #F00;
}
#navlist a {
	font-size: 14px;
	font-family: "Trebuchet MS";
	text-decoration: none;
}

#navlist a:link, #navlist a:visited {
	color: #FFF;
	text-decoration: none;
}

#navlist a:hover {
	color: #FF0;
	text-decoration: none;
}

#navlist a:active {
	color: #666;
	text-decoration: none;
	width: 100%;
}

/* THIS NAVIGATIONBAR IS COURTESY OF MAXDESIGN > http://css.maxdesign.com.au/listamatic */

	
#core_right { /* <DIV #5> */
	width: 592px; /* this div is 476px wide and contains all contents on the right of the page. */
	float: right;
}
	#core_right h5, #core_right h6 { /* The headers in #core_right */
	position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
	vertical-align: center; /* Appear in the center of the #header. */
	font-size: 12px; /* 90% of the size of the font-size from the body. */
	font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
	text-transform: none; /* ALL CAPS ON THIS LINE OF TEXT */
	color: #333; /* Ocean blue color... */
	letter-spacing: 1px; /* spread those letters over your screen a bit more */
	font-family: "Trebuchet MS";
	}
	#core_right p, #core_right h5, #core_right h6  {
		padding-left: 5%; /* The headers and paragraphs in core_right should stay 5% off the edge of div #core_right. */
		
	}
	#core_right p { /* The paragraphs in #core_right should have this styling: */
	font-family: "Trebuchet MS"; /* Font... */
	font-size: 12px; /* 80% of the font-size from the body tag. */
	line-height: 15px; /* The whitespace between the lines. */
	text-align: left;
	}
	
.bottom_ul { /* The small list of links on the bottom of the page. */
	list-style: none; /* no dot next to the list. */
	padding-left: 20px; /* 20px of the leftside of #core_right. */
	width: 200px; /* Always be 420px wide, to get that cool hover effect. */
	height: 12px; /* 10px fontsize, 12px height. Seems enough. */
	margin: 0; /* No extra margins anywhere. It's tight enough */
}
	.bottom_ul li { /* The actual list on the bottom. */
	padding: 0px 10px; /* Fresh white! */
	}
	.bottom_ul a { /* The links in the list stated above. */
	font-size: 70%; /* small fontsize. */
	display: block; /* Get that hover effect, display your links in a block with fixed height and width... */
	padding: 3px; /* 3px whitespace everywhere. */
	width: 420px; /* Hey, there's that 420px again! */
	color: #AAAAAA; /* Lightgrey fontcolor. */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Font. */
	}
	.bottom_ul a:hover { /* Mouseover that list and you'll see... */
	color: #999; /* Oceanblue fontcolors. */
	width: 420px; /* Hey, there it is again! */
	background: #F8F8F8 url(../arrow_right.jpg) 98% 50% no-repeat; /* And an even lightergrey background! */
	}

#footer { /* The bottom, with the copyright notice. */
	clear: none; /* Appear UNDER core_right, not next to it. Not even with changed width on #container. */
	width: 805px; /* 680px? Yep, the same width as #container. */
	height: 25px; /* Give it some height! */
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-family: tahoma;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 20px;
	vertical-align: middle;
}
	#footer p { /* The <p> within the footer is styled here. */
	text-transform: uppercase; /* Those cool diagonal lines in the back. */
	font-size: 9px; /* An even smaller font then the list we just did. */
	color: #333; /* Ocean blue color... */
	letter-spacing: 1px; /* spread those letters over your screen a bit more */
	font-family: "Trebuchet MS"; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	#footer a { /* The <a href="... tags in the footer are styled here. */
	text-decoration: none; /* No lines under the text. */
	color: #900; /* Black beauty. */
	font-family: "Trebuchet MS";
	}
/* Can't seem to fix something? Do not hesitate to email me on my Gmail account at amy2k5@gmail.com */
#table {
	width:589px;
	font-family: "Trebuchet MS";
	text-align: left;
	text-decoration: none;
	border: 1px 1 #CCC;
	margin-top: 30px;
		}
caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td,
tr.odd .column1 {

	}	
.column1	{
	text-align: left;
	}
thead th {
	background:#f4f9fe;
	text-align:center;
	color:#66a3d3;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	}				
tfoot th {
	text-align:center;
	}	
tfoot th strong {
	font:Trebuchet MS;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

#promo_1 {
	color: #000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: 10px bottom;
	background-repeat: no-repeat;
	height: 270px;
	width: 789px;
	vertical-align: bottom;
	margin-right: 0px;
	padding-right: 0px;
}
#promo_2 {
	color: #000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: 273px bottom;
	background-repeat: no-repeat;
	height: 270px;
	width: 789px;
	vertical-align: bottom;
}
#promo_3 {
	color: #000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 270px;
	width: 789px;
	vertical-align: bottom;
	margin-top: 0px;
}
.style9 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	padding: 2px;
	margin: 2px;
	color: #00F;
}

.style12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
}
.style4 {
	font-family: "Trebuchet MS";
	font-size: 19px;
	color: #C00;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	float: right;
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-top-color: #CCC;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	border-left-color: #CCC;
	margin: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	float: left;
}
#style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
#navcontainer2 {
	text-align: left;
	margin-top: 3px;
	padding-left: 5%;
}
#core_container2 {
	width: 805px;
	margin-right: auto;
	margin-left: auto;

}
#core_right2 {
	width: 100%; /* this div is 476px wide and contains all contents on the right of the page. */
	float: right; /* Always show up on the rightside of the screen, even when width is changed of the #container. */
	margin: 0; /* Fresh white! */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
#core_right2 h5, #core_right h6 {
	position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
	vertical-align: center; /* Appear in the center of the #header. */
	font-size: 90%; /* 90% of the size of the font-size from the body. */
	font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
	text-transform: none; /* ALL CAPS ON THIS LINE OF TEXT */
	color: #333; /* Ocean blue color... */
	letter-spacing: 1px; /* spread those letters over your screen a bit more */
	font-family: "Trebuchet MS";
}
#core_right2 p, #core_right h5, #core_right h6 {
	padding-left: 0%; /* The headers and paragraphs in core_right should stay 5% off the edge of div #core_right. */
	color: #900;
}
#core_right2 p {
	font-family: "Trebuchet MS"; /* Font... */
	font-size: 12px; /* 80% of the font-size from the body tag. */
	line-height: 15px;
	color: #666;
}
.style4_baixo {
	font-size: 12px;
	color: #009;
	text-decoration: none;
	width: 290px;
	padding-left: 3px;
	padding-right: 3px;
}
.style4_frente {
	font-family: "Trebuchet MS";
	color: #F00;
	height: 35px;
	background-repeat: repeat;
	font-size: 14px;
}
#current_titulo {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
	float: right;
	height: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: left;
	color: #000;
}
#table_iframe {
	font-family: "Trebuchet MS";
	text-align: left;
	text-decoration: none;
	border: 1px 1 #CCC;
	margin-top: 5px;
	margin-bottom: 10px;
}
.box_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-color: #CCC;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	border-left-color: #CCC;
	margin: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	float: left;
}
.box2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-top-color: #CCC;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	border-left-color: #CCC;
	margin: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #F2F2F2;
	padding: 5px;
	height: 135px;
	width: 180px;
		overflow-y:hidden; 
	overflow-x:hidden;
}
.video {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin-top: 5px;
}
#table_video {
	width:589px;
	font-family: "Trebuchet MS";
	text-align: left;
	text-decoration: none;
	border: 1px 1 #CCC;
	margin-top: 15px;
	height: 270px;
}
#container #core_container #core_right h6 iframe {
	color: #FFF;
}
#core_container2 {
	height: 248px;
}
#core_containerz {
	clip: rect(0px,auto,auto,auto);
	height: 232px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}