body {
	
	margin-bottom: 0;

	padding:0;

	background-color: #F7FFF4;

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

	background-repeat:repeat-y;

	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif; 

}

/*class*/
.titulo{
	font-weight:bold;
	}
.titulo2{
	font-weight:bold;
	font-size:14px;
	color:#01478D;

}
.obras{
	font-size:11px;
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif; 
	padding:5px 5px 5px 5px;
}
.obras2{
	background-color: #25315B;
	color:#CCCCCC;
	font-weight:bold;
	font-size:12px;

}

		

/*links*/

a:link, a:visited {

	color: #cc0033;

	text-decoration:none;

	margin: 0 0 0 0;

	padding: 0;

		

}

a.sel, a:hover.sel {

	text-decoration:underline;

	color:#636363;

}

	

a:hover {

	text-decoration:underline;

	color:#444444;

}



/*elementos do fundo*/

#fundo{

	position:absolute;

	height:30px;

	width:100%;

 left:0;

	top:0;

	margin:0;

	padding:0;

	

}



#fundodir{

	position:relative;

	float:right;
   background-color:#203260;
	/*background-image: url("images/fundo_direito.jpg");
   background-repeat: repeat;                       */
	border-right:0px solid #F7FFF4;

	height:30px;

	width: 195px;

	

}

#tabela{

	position:relative;
	top:10px;
	width:100%;
	margin: 0;
	padding:0;
}

/*elementos de baixo*/

#conteudo{

	position:absolute;
	top:151px;
	width:100%;
	padding:0;
	background-image:url(images/fundo_direito.jpg);
	background-position:right;
	background-repeat:repeat-y;
	/*background-color:#FF9933;*/
	left: 0px;
}
#contguia{
	position:absolute;
	top:151px;
	width:100%;
	margin: 0;
	padding:0;
 background-image:url(images/fundo_direito.jpg);
	background-position:right;
	background-repeat:repeat-y;
	/*background-color:#FF9933;    */
	left: 0px;
}
#contguia p{
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	margin: 10px 265px 10px 210px;
	color:#666666;
	line-height:20px;
}
/*test
#conteudo img {
	border: 1px solid #636363;
	margin:0px 10px 5px 177px;
}
*/
.fotocurso{
	position:absolute;
	top:210px;
	padding:10px;
	margin:0 0 0 170px;
	background-color:#666666;
	width:170px;
	height:142px;
	float:left;
}
#texto{
	top:0;
	left:146px;
	margin: 0;
	padding:0;
 /*background-image:url(images/fundo_direito.jpg);
	background-position:right;
	background-repeat:repeat-y;    */
}
#baixo{
	position:relative;
	height:37px;
	padding: 0;
	margin: 0;
	background-color: #E5E5E5;
}

#baixo ul, #menu li {

	margin: 5px 5px 5px 5px;

	padding: 2px;

}



#baixo li {

	display: inline;

	list-style-type:none;

	}



#baixo a:link, #baixo a:visited {

	height:auto;

	color: #000000;

	text-decoration:none;

	text-align: left;

	margin: 30px 0 0 15px;

	font-size:12px;

	font-weight:normal;

	letter-spacing: 0px;

	

	}

#baixo a.sel, #menu a:hover.sel {

	text-decoration:underline;
  background-color:#25315B;
	/*color: #7E0001*/

}

	

#baixo a:hover {
	text-decoration:underline;
	background-color:#25315B;
	color: #cccccc;
}
#esq{

	position: relative;
	display: block;
	height: 37px;
	width: 145px;
	float:left;
	margin: 0 0 -10px 0;
	padding:0;
	border-right: 4px solid #F7FFF4;
	background-color:#FEE300;
}

#baixo2{
  text-align:justify;
	position:relative;

	height: 37px;
	
	width: 100%;

	float: left;

	display:block;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	border-top: 4px solid #F7FFF4;

	background-color:#25315B;
}
#baixo2 a:link{
	color:#F7FFF4;
	background-color:#25315B;
}
#baixo2 a:hover{
	color:#CCCCCC;
	text-decoration:underline;
	background-color:#25315B;
	
}

#contador{

 top:0px;
 left:0px;
 margin: -12px 0px 0px 15px;
 /*height: 0px;*/

 background-image:url(http://php.coperve.ufsc.br/contador/index.php?id=33&status=S&r=255&g=255&b=255);
 background-repeat:no-repeat;
}

#dir{

	position: relative;

	float:right;

	margin: 0 0 0px 0;

	padding: 0;

	height: 37px;

	width: 195px;


	border-left: 4px solid #F7FFF4;
	
   	/*background-image: url("images/fundo_direito.jpg");*/
   /*	background-repeat: repeat;*/
	background-color:#25315B;



}






#cabdir{
	position: relative;
	top: 0;

	height:125px;
	width: 198px;
	float:right;
		background-image: url("images/fundo_direito.jpg");
		background-repeat: repeat;
	 background-color: #25315B;
}


/*elementos da cabeca*/

#cabeca{

	position: absolute;
	/*background-color:#7E0001;          */
	background-image: url("images/cabecalho.jpg");
	background-repeat:no-repeat;
	background-position:left;
	top: 15px;
	left: 10px;
	width:100%;
	height: 122px;

}

#cabeca2 {

	position:absolute;
	margin: 0;
	padding:0;
	border:0;
	top: 15px;
	right: 0px;
	width:195px;
	height:440px;
	background-image:url(images/marcas_bloco.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
		
}

/* #cab2dir{

	position: relative;

	top: 0;
	margin: 0;
	padding: 0;

	height:27px;

	width: 218px;

	float:right;


} */

#branco{

	position: absolute;


	top: 23px;

 left: 0px;

	width:100%;

	height: 128px;

}

#brancodir{


	position: relative;

	background-color:#25315B;
		/*background-image: url("images/fundo_direito.jpg");
		background-repeat: repeat;         */

	top: 0;

	float:right;
	

	width:195px;

	height: 129px;

}

#cinza{

	position:absolute;

	width:30px;

	height:129px;

	/*background-color: #630100; */

	top: 23px;

}

/*menu*/

#menu {

	position: absolute;
	display: block;
	left: 0px;
	top:172px;
	width: 150px;
	text-align:	right;
	padding:0;
	margin:0;
	z-index:500;

	

}



#menu ul, #menu li {

	margin: 0 5px ;

	padding: 0;

}



#menu li {

	display: list-item;

	list-style-type:none;

	}



#menu a:link, #menu a:visited {

	height:auto;

	color: #222222;

	text-decoration:none;

	text-align:right;

	margin: 0 0 0 0;

	font-size:13px;

	font-weight:bold;

	letter-spacing: 0px;


	

}

#menu a.sel, #menu a:hover.sel {

	text-decoration:underline;

	color:#cccccc;

	background-color:#FEE300;

}

	

#menu a:hover {

	text-decoration:underline;

	color:#cccccc;
   background-color:#FEE300;

	

}



/*sub-menu*/

#sub{
	position:absolute;
	top: 450px;
	right: 20px;
	width: 160px;
	margin: 0;
	border:0;
	padding: 0;
	text-align:center;
}

#submenu{
	position: relative;
	top: 0;
	width: 160px;
	/*padding: 4px 4px 4px 4px;
	border-bottom:4px solid #F7FFF4;
	border-right: 4px solid #F7FFF4;*/
	float:right;
	margin: 0 0 0 0;
	/*background-color:#019934;  */
}
#subcursos{
	position: relative;
	top: 0;
	padding:0;
	padding: 0 0 0 0;
	border-bottom: 0;
	float:right;
	margin: 0 0 0 0;
	
}
#subcursos img{
	border-top:0;
	border-left:4px solid #F7FFF4;
	border-right:4px solid #F7FFF4;
	border-bottom:4px solid #F7FFF4;

}

#sub ul, #sub li {

	margin: 0 ;

	padding: 0;

}



#sub li {

	display:list-item;

	list-style-type:none;

	}



#sub a:link, #sub a:visited {

	height:auto;
	

	color: #F7FFF4;

	text-decoration:none;

	text-align:left;

	margin: 0 0 0 0;

	font-size:15px;

	font-weight:bold;

	padding: 1px 10px 1px 10px;

	letter-spacing: 0px;

	

	

}

#sub a.sel, #sub a:hover.sel {

	text-decoration:none;

	color:#cccccc;

	background-color:#FEE300;

	padding: 1px 10px 1px 10px;

}

	

#sub a:hover {

	text-decoration:none;

	color:#cccccc;

	background-color:#25315B;

	padding: 1px 10px 1px 10px;

		

}



#submenu2{

	position: relative;

	top: 0;

	width: 140px;

	padding: 4px 4px 4px 4px;

	border-bottom:4px solid #E5E5E5;

	border-right: 4px solid #E5E5E5;

	float:right;

	margin: 0 0 0 0;

	background-color:#CCCCCC;

	

}

/*estilos de texto*/



p{
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	margin: 10px 250px 10px 210px;
	color:#666666;
	line-height:20px;
}
h1{
	text-align:left;
	margin: 18px 240px 2px 175px;
	font-size:18px;
	color: #01478D;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2{

	text-align:right;

	font-size:10px;

	font-weight:normal;

	margin: 5px 230px 5px 0;

	color:#E5E5E5;

	letter-spacing:1px;

}

h3{

text-align:left;

	margin: 15px 240px 5px 175px;

	font-size:14px;

	color: #01478D;

	text-decoration:none;

	font-weight:bold;

	line-height:25px;

}

h4{
	text-align:left;
	margin: 0px 240px 20px 175px;
	font-size:13px;
	color: #636363;
	text-decoration:none;
	font-weight:bold;
}
h5{
	text-align:left;
	margin: 10px 240px 10px 175px;
	font-size:14px;
	color: #01478D;
	text-decoration:none;
	font-weight:bold;
}
h6{
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	margin: 10px 265px 10px 210px;
	color:#666666;
	line-height:20px;
}
/*tabelas*/
#obras{
	position: relative;
	top:5px;
	left: 175px;
	width:52%;
	font-size:12px;
}
#obras3{
	position: relative;
	top:5px;
	left: 175px;
	width:370px;
	font-size:12px;
}
#setores{
    position: relative;
	top:5px;
	left: 175px;
	width:390px;
	font-size:10px;
}

#contato {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 12px;
	position: absolute;
	display: block;
	text-align: left;
	z-index: 1000;
	top: 105px;
	left: 50px;
}

#numeros{
	position:relative;
	top:0;
	left: 210px;
	padding:0px;
	background-color:#EEEEEE;
	width:308px;
	height:auto;
	z-index:800;
}
#numeros p{
	text-align:left;
	font-size:11px;
	font-weight:normal;
	margin: 3px 3px 3px 3px;
	color:#222222;
	line-height:17px;
}
#numeros h1{
	font-size:12px;
	color: #636363;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:3px;
	
	background-color:#ccc;
}
#numeros a:link, #numeros a:visited{
	text-decoration:underline;
	color: #000000;
}
#numeros a:hover{
	text-decoration:none;
	background-color:#F7FFF4;
	color:#01478D;
}
#popdown{
	float:right;
	border-right:198px solid #F7FFF4;
	padding:0;
	z-index:990;
	}	
#popdown p{
	font-size:13px;
	font-weight:bold;
	color:#01478D;
	margin:0 0 0 0;
	padding:0;
	word-spacing:2px;
}

.tabnumeros {
vertical-align:top;
border-bottom:4px solid #F7FFF4;
}
.tabnumeros p {
	padding: 4px;
}

.tabnumeros strong{
	margin-top: 3px;
	color: #014780;
}

.tabcandvaga {
font-size:12px;
	color: #434343;
	text-align:left;
}