/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body{
	background: #a6a6a6 url(../images/bg.jpg) no-repeat top center;
	height: 100%;
}

a {
	color: #FFF;
	text-decoration: underline;
}

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

.OnzeCinza {font: 11px Verdana, Arial, Helvetica, sans-serif;color: #787878;}
.OnzeCinza a {color: #787878;text-decoration: none;}
.OnzeCinza a:hover {color: #000;text-decoration: none;}

.OnzeBranco {font: 11px Verdana, Arial, Helvetica, sans-serif;color: #000;}
.OnzeBranco a {color: #000;text-decoration: none;}
.OnzeBranco a:hover {color: #f00;text-decoration: none;}

.onzeBrancoCur {font: 11px Verdana, Arial, Helvetica, sans-serif;color: #fff;}
.onzeBrancoCur a {color: #fff;text-decoration: none;}
.onzeBrancoCur a:hover {color: #fff;text-decoration: none;}

.OnzeAmarelo { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #fcff00;}
.OnzeAmarelo a {color: #fcff00;text-decoration: none;}
.OnzeAmarelo a:hover {color: #000;text-decoration: underline;}

.OnzeVinho { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #660000;}
.OnzeVinho a {color: #660000;text-decoration: none;}
.OnzeVinho a:hover {color: #000;text-decoration: underline;}

.CatorzeLaranja {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:bold}
.CatorzeLaranja a {color: #000;text-decoration: none;}
.CatorzeLaranja a:hover {color: #000;text-decoration: underline;}

h1 {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; font-weight:bold}
h1 a {color: #FF9900;text-decoration: none;}
h1 a:hover {color: #000;text-decoration: underline;}




/***************    divs     *****************/
div#container{
	width: 750px;
	margin: 0 auto 0 auto;
}
div#header{
	width: 750px;
	height: 141px;
	background: url(../images/bg_top.jpg) no-repeat;
}
div#logo {
	float: left; 
	height: 92px; 
	width: 295px; 
	margin-top: 49px 
}
div#menu {
	float: left; 
	height: 47px;
	width: 750px; 
	background: url(../images/bg-menu.jpg) no-repeat
}
div#menu ul {
	margin-top: 17px;
	margin-left: 17px
}
div#menu ul li {
	display: inline;
	padding: 7px
}

div#content{
	width: 730px;
	height: 415px;
	background-color: #FFFFFF;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: left
}

div#contentInternal{
	width: 730px; 
	background-color: #FFFFFF;
	margin: 10px 0 10px 0;
	padding: 10px;
	float: left;
}

div#section-content{
	width: 730px;
	background-color: #FFFFFF;
	margin: 57px 0 10px 0;
	*margin: 10px 0 10px 0;
	padding: 10px;
	float: left
}

div#teaser {
	float: left;
	height: 125px; 
	width: 254px;
	margin:-40px 0px 0px -48px;
	_position: absolute
}

div#topLine{
	width: 100%;
	height: 40px;
	background: repeat-x url(../images/top-bg.jpg);
}

div#bottomLine{
	position: relative;
	width: 100%;
	height: 40px;
	padding: 15px 0 0 0;
	margin-top: 500px;
	*margin-top: 10px;
	background: repeat-x url(../images/bottom-bg.jpg);
}

div#bottomLineInternal{
	width: 100%;
	height: 40px;
	float: left;
	padding: 15px 0 0 0;
	*margin-top: 10px;
	background: repeat-x url(../images/bottom-bg.jpg);
}

div#footer{
	width: 750px;
	height: 40px;
	margin: 0 auto 0 auto;
} 

/***************    home     *****************/
div#contentOne {
	float: left;
	background: #e1d9cd url(../images/bg_content_one.jpg) no-repeat top right;
	width: 445px;
	height: 174px;
}
img#bannerUm{
	float: left;
	padding: 10px 10px 10px 0;
}
img#bannerDois{
	float: left;
	padding: 10px 0 10px 0;
}
div#contentThree {
	margin-top: 10px;
	float: left;
	background-color:#b2b382;
	width: 437px; 
	height: 118px;
}

div#contentThree ul li {
	float: none;
	background-color:#babb8f;
	width: 410px;
	height: 21px;
	padding: 1px 15px 1px 12px;
	border-bottom: 1px solid #b2b382;
	overflow: hidden
}

img#imgVerNoticias {padding: 5px 15px 0px 12px;}
img#imgVejaMais {padding: 5px 15px 0px 12px;}
div#contentOneDetail {padding: 5px 15px 0px 12px;}

div#contentOver {
	position: relative;
	background: url(../images/cursos_bg.jpg) no-repeat top left;
	width: 267px;
	height: 338px;
	top: -20px;
	float: right;
	padding: 106px 0 0 18px;
	
	_position: absolute;
	_margin: 248px 0 0 445px;
}
.imgTitle {
	padding: 13px 0 5px 13px;
}
.imgSeta {
	height: 17px;
	width: 12px;
}
.imgSeta img {
	margin-top: 3px
}
.nomeCurso {
	height: 22px;
	border-bottom: 1px solid #c16666
}

/***************    home     *****************/
div#contentSection {
	float: left;
	background: url(../images/bg_content_section.gif) no-repeat top right;
	width: 445px;
	min-height: 390px;
}
div#contentSection p{
	padding: 5px 0 5px 0;
}
div#contentOverSection {
	background: url(../images/cursos_bg_section.jpg) no-repeat top left;
	width: 267px;
	height: 338px;
	float: right;
	padding: 106px 0 0 18px;
	margin: -20px -1px 0px 0px;
	
	_position: absolute;
	_margin: -20px 0 0 445px;
}
div#spacerContainer {
	width: 1px;
	/*background-color:#0033CC;*/
	height: 338px;
	float: right;
	padding: 106px 0 0 0px;
	margin: -20px 0px 0px 0px;
}
ul#ContentList li {
	float: none;
	background-color:#eae5dd;
	width: 360px;
	height: 21px;
	padding: 6px 15px 0px 12px;
	border-bottom: 1px solid #e5dfd4;
	overflow: hidden
}
.ItemList {
	background-color: #eae5dd;
	float: left;
	padding: 15px 20px 15px 10px;
	margin: 2px;
	width: 167px;
}
.ItemList img {
	margin-right: 3px;
}
div#ContentSimpleList {
	margin-bottom: 10px;
	float: none
}

div#ContentSimpleList ul li {
	background-color:#EAE5DD;
	float:left;
	margin:2px;
	padding:3px;
	width:120px;
}

div#bodyContent {
	width: 400px;
}