﻿/*CSS RESET*/
*{padding:0; border:0; margin:0;}

/*==============================================
				CONFIGURAÇÕES GERAIS
===============================================*/
/*CONFIGURAÇÕES GERAIS*/
body{background:#F4F4F4;
padding: 0px; /* required for Opera to have 0 margin */}
#geral{
	position:absolute;
	width:792px;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;	color:#333333;
	border:1px solid #999999;	
	left:50%;	
	margin: 15px 0 15px -396px;
}
.strong{ font-weight:bold;}

a img{border:0;}
a:link{border:0; text-decoration:none;}
a:visited{border:0; text-decoration:none;}
a:hover{border:0; text-decoration:none;}
a:active{border:0; text-decoration:none;}
/*FIM CONFIGURAÇÕES GERAIS*/

#calendario{ float:right; margin:3px 0 0 0; text-align:right; padding: 0 10px 0 0; width:95%; font-size:10px; color:#666666; background:#FFFFFF;}

/*TOPO*/
#topo{ width:100%; height:170px; background-image:url(../images/fundo_topo.jpg); }
#topo .logomarca { width:487px; height:85px; float:left; margin:18px 0 0 150px; }
#topo .slogan{font-size:10px; float:left; color:#666666; width:200px; margin:0; width:100%; text-align:center; font-size:11px; }
/*FIM TOPO*/

/*PRINCIPAL*/
#principal{ overflow:hidden; float:left; width:100%; background-color:#FFFFFF; }
/*FIM PRINCIPAL*/

/*CONTEÚDO*/
#conteudo{	width:600px; overflow:auto; float:left; position:relative; }
#conteudo p{float:left; font-size:11px; line-height:15px; word-spacing:4px; margin:20px 0 5px 35px; width:500px; text-align:justify;}
#conteudo .caixa{
  width:245px; height:180px; float:left; background-image:url(../IMAGES/janela.jpg); z-index:1; background-repeat:no-repeat; 
  margin:10px 0 5px 25px; 
}
#conteudo .titulo{
  font-size:11px; color:#FFFFFF; font-weight:bold; font-size:11px; float:left; text-decoration:none; margin:2px 0 0 10px; width:100%;
}
#conteudo .titulo:hover{
  color:#F5E3A7;
}
#conteudo .titulo_pagina{font-size:14px; font-weight:bold; color:#666666; width:530px; border-bottom:1px solid #CCCCCC; text-transform:uppercase; margin: 15px 0 0 20px; }
#conteudo .navegacao{float:left; text-align:right; font-size:10px; color:#999999; width:90%; margin:10px 0 15px 20px;}
.imagem{ /*width:126px; height:84px;*/ float:left; margin:10px 0 0 10px; z-index:3; }
#conteudo .descricao{ font-size:10px; color:#666666; float:left; width:210px; margin:3px 0 0 9px; text-decoration:none;}
#conteudo .descricao:hover{ color:#3399CC;}
#conteudo #tablet{float:left; width:250px; margin:20px 0 0 0;}
#conteudo #tablet img {width:248px; height:170px; float:left; margin:0; }
#conteudo #tablet p{font-size:11px; float:left; width:170px; color:#333333; text-align:center; font-weight:bold; margin:10px 0 0 30px;}
/*FIM CONTEÚDO*/


/*BARRA LATERAL*/
#barra_lateral{	width:190px; float:right; margin:0 5px 0 0; }
/*---login---*/
#login{ width:190px; height:160px; border:1px dashed #CCCCCC; margin:10px 0 10px 0px; float:right; }
#login h1, #newsletter h1{ width:100%; font-size:11px; color:#FFFFFF; background-color:#666666; float:left; text-align:center; margin:0 0 0 0;}
#login form, #newsletter form{border:0; float:left; width:100%; margin:5px 0 0 0; padding:5px 0px 10px 7px; 
width:180px; }
#login form label, #newsletter form label{width:165px; float:left; margin:5px 0 0 5px;}
#login form label input, #newsletter form label input{font-family:Arial, Helvetica, sans-serif; font-size:11px; width:160px; float:left; margin:0 0 0 0; border:1px solid #999999; }
#login form button, #newsletter form button {float:right; border:1px solid #333333; font-size:10px; height:15px; margin:5px 15px 0 0;}
/*---/login---*/

/*---Newslatter---*/
#newsletter{ width:190px; height:160px; border:1px dashed #CCCCCC; float:right; margin:15px 0 10px 0px; }
#newsletter p{ font-size:10px; color:#666666; float:left; }
#marketing{width:100%; height:400px; float:right; border:1px dashed #cccccc; margin:15px 0 10px 0px; }
/*---/Newslatter---*/

/*---Enquete---*/
#enquete{width:190px; height:160px; border:1px dashed #CCCCCC; float:right; margin:15px 0 10px 0px; }
#enquete h1{width:100%; background:#666666; height:15px; color:#FFFFFF; font-size:11px; text-align:center; }
#enquete button { border:1px solid #333333; font-size:10px; height:15px;  float:left; }
.poll { font-size:10px; color:#666666; float:left; margin: 10px 5px 5px 10px;}
.poll a:link{ margin: border:0; text-decoration:none; color:#000}
.poll a:visited{border:0; text-decoration:none; color:#000}
.poll a:hover{border:0; text-decoration:underline; color:#666666;}
.poll a:active{border:0; text-decoration:none; color:#3399CC;}
.pollt{margin: 0px 7px 0px 0px; }
/*---/Enquete---*/

/*FIM BARRA LATERAL*/


/*MENU2*/
#menu2{	float:left; margin:30px 0 5px 28%; width:100%; }
#menu2 ul{ float:left;}
#menu2 ul li {float:left; list-style:none;  margin:0 25px 0 0; font-size:10px;}
#menu2 ul li a{ color:#999999; text-decoration:none; font-weight:bold;}
#menu2 ul li a:hover{ font-weight:bold; color:#666666;}
/*FIM MENU2*/


/*RODAPÉ*/
#rodape{ width:100%; height:60px; background:#E0E0E0; float:left; clear:both; border-top:3px solid #999999;}
#rodape p{ font-size:10px; color:#333333; margin:4px 0 0 5%; text-align:center; }
/*FIM RODAPE*/
/*==============================================
			FIM	CONFIGURAÇÕES GERAIS
===============================================*/
/*------------------------------------------------------------------------------------------------------------*/
/*==============================================
					CURSOS
===============================================*/
/*CONTEUDO QUE ESTA LOCALIZADO DENTRO DAS PAGINAS DE CURSOS*/
#conteudo{ 	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#333333;}
#conteudo .descricao_cursos{
	float:left;
	margin:5px 0 0 40px;
	width:510px;
	word-spacing: 5px;
	font-size: 12px;
}

#publico{float:left; width:500px; position:relative; height:auto;}


#conteudo .publico_alvo{width:130px; height:118px; float:right; margin:0 0 0 0; position:absolute; bottom:20px; right:-10px; }
#conteudo .img_curso{
	width:130px;
	height:118px;
	float:right;
	margin:0 0 0 0;
	position:absolute;
	bottom:82px;
	right:238px;
}

#conteudo h3{font-size:13px; color:#A88B2B; float:left; margin:20px 0 0 50px; width:90%;}
#conteudo ul{float:left; margin:10px 0 0 70px;}
#conteudo ul li{margin: 0 0 5px 0; font-weight:bold; width:90%; list-style:none;}

#conteudo .desc_item{float:left; margin:10px 0 0 70px; font-weight:bold; width:70%;}

#conteudo #lista_cursos{float:left; margin:15px 0 0 40px; width:500px; }
#conteudo #lista_cursos h1{float:left; margin:0 0 0 0; font-size:12px; font-weight:bold; border-bottom:1px solid #999999;}
#conteudo #lista_cursos p{float:left; font-size:12px; font-weight:bold; color:#0066CC;}
#conteudo #lista_cursos .paceiros a{font-size:12px; color:#666666; text-decoration:none;}
#conteudo #lista_cursos .paceiros a:hover{color:#FF6633; font-style:italic;}
#conteudo #lista_cursos ul{float:left; margin:10px 0 0 20px; width:90%;}
#conteudo #lista_cursos ul li a{margin:5px 0 0 0; font-size:12px; color:#666666; text-decoration:none;}
#conteudo #lista_cursos ul li a:hover{color:#FF6633; font-style:italic;}
#conteudo #lista_cursos a img{border:0;}
#conteudo #lista_cursos a:link{border:0; text-decoration:none; color:#000}
#conteudo #lista_cursos a:visited{border:0; text-decoration:none; color:#000}
#conteudo #lista_cursos a:hover{border:0; font-weight:bold; color:#666666;}
#conteudo #lista_cursos a:active{border:0; text-decoration:none; color:#3399CC;}

#perfil_curso{
	width:530px; height:500px; float:left; margin:10px 0 0 20px; font-family:Arial, Helvetica, sans-serif;
	font-size:13px; color:#333333; padding:10px 0 0 10px;
}
#perfil_curso h1{ width:100%; color:#006666; font-family:Arial, Helvetica, sans-serif; float:left;  font-size:14px; font-weight:bold; color:#0099CC; margin:0 0 15px 0 ; }
#perfil_curso .tit_perfil{ font-weight:bold; border-bottom:1px solid #99CCFF; width:500px; float:left; margin:10px 0 0 20px;}
#perfil_curso p{width:450px; font-weight:400; float:left; margin:10px 0 0 40px;}
#perfil_curso ul{float:left; margin:0 0 0 30px; width:90%; padding:10px 0 0 10px;}

#ex_separador {clear: both;}
#ex_tabela{width: 550px; text-align:center; left:15px; top:130px; position:absolute;}
#ex_titulo {float: left; width: 130px; height:25px; color:#FFFFFF; background-color:#000000;border:1px solid; border-color:#333333; font-size:16px}
#ex_cur {float: left; width: 130px; height:35px; color:#333333; background-color:#DEDEDE;border:1px solid; border-color:#333333; font-size:12px}


/*==============================================
					FIM	CURSOS
===============================================*/
/*-------------------------------------------------------------------------------------------------*/
/*==============================================
					CONTATO
===============================================*/
#formcontato{width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin:15px 0 0 100px;}
#formcontato p{font-size:11px; float:left; margin:10px 0 15px 0;}
#formcontato label{width:270px; float:left; margin:10px 0 3px 0; }
#formcontato label input {border:1px solid #666666; font-size:11px; color:#666666; margin:0 0 0 0; width:250px;}
#formcontato label textarea{position:inherit; left:100px; top:255px; width:270px;  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px;
margin:0; border:1px solid #666666;}
#formcontato button{ border:1px solid #999999; font-size:11px; color:#666666; background-color:#FFFFFF; margin:10px 0 0 0;}

#telefone_email{ float:left; width:30px; margin:-200px 0 0 50px; padding:0 0 0 50px;}
#telefone_email .titulo_item{float:left; margin:10px 0 5px 0; color:#333333; font-size:12px; font-weight:bold; width:100%;}
#telefone_email p{float:left; margin:0 0 5px 0; color:#666666; width:100%; }

/*==============================================
					FIM	CONTATO
===============================================*/

/*==============================================
					INSCRIÇÃO
===============================================*/
#forminsc{width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin:20px 0 0 100px;}
#forminsc p{font-size:11px; float:left; margin:10px 0 15px 0;}
#forminsc label{width:270px; float:left; margin:10px 0 3px 0; }
#forminsc label input {border:1px solid #666666; font-size:11px; color:#666666; margin:0 0 0 0; width:250px;}
#forminsc label textarea{ width:250px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px;
margin:0; border:1px solid #666666;}
#forminsc button{ border:1px solid #999999; font-size:11px; color:#666666; background-color:#FFFFFF; margin:10px 0 0 0;}

#telefone_email{ float:left; width:300px; margin:20px 0 0 50px; padding:0 0 0 50px;}
#telefone_email .titulo_item{float:left; margin:10px 0 5px 0; color:#333333; font-size:12px; font-weight:bold; width:100%;}
#telefone_email p{float:left; margin:0 0 5px 0; color:#666666; width:100%; }

/*==============================================
					FIM	INSCRIÇÃO
===============================================*/

/* MENU SUPERIOR TOPO */
#bgmenu{ position:absolute; height:40px; background:transparent url(bgOFF.gif) repeat-x top left; border-top:1px solid #707070; 
left: 0px; top: 127px;	width:100%;z-index:9999;}


/* FIM MENU SUPERIOR TOPO */
