/* Reset */

/*POPUP SESI*/
#newoverlay {background-color: #000;display: none;DDDvisibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 9000;opacity:0;filter: alpha(opacity=0); -moz-opacity: 0;}
#newSiteMessage {position: absolute;width:600px;height:452px;left:50%;top:50%;margin-left:-384px;margin-top:-210px;padding: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;line-height: 23px;display:none;}
a.fechar {float: right; text-align:center; display: block; width:25px; height: 25px; background: #000; color: #fff !important; text-decoration: none;}
#popup{margin-left:149px}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
strong {
	font-weight:bold;
}
em{
	font-style:italic;
}
body {
	font-size:62.5%;
	font-family:Tahoma;
	line-height:62.5%;
}
/* ************************************************************************************************************** FONTES E LINKS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	/* definiçao da fonte padrao do projeto */
	font-family:Tahoma, Arial;
} 
.colMiddle a:active, .colMiddle a:visited, .colMiddle a:link{
	color:#00448d;
	text-decoration:none;
}
.colMiddle a:hover{
	background:#00448d;
	color:#FFF;
}
p{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#666 ;
	line-height:18px;
	margin-bottom:1em;
}
#inicial p{
	margin-bottom:0.5em;
}

#dados p{
	margin-bottom:0.5em;
}

.colMiddle h1{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	height:27px;
	overflow:hidden;
	padding:5px 8px 0 8px;
	margin-bottom:25px;
	line-height:normal;
	background:url(../imagens/bg_h1.gif);
}
.twitter{
	margin-top:30px;
}
#inicial .colMiddle h1{
	margin-bottom:10px;
}

#dados .colMiddle h1{
	margin-bottom:10px;
}

.colCorner h1{
	color:#3d3d3d;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:0.3em;
	text-transform:uppercase;
	line-height:normal;
}
h2{
	font-size:20px;
	color:#333;
	line-height:normal;
	margin-bottom:0.7em;
}
#inicial h2{
	font-size:17px;
	margin-bottom:0.1em;
}

#dados h2{
	clear:both;
	margin-bottom:5px;
	font-size:17px;
	margin-bottom:0.1em;
}

.vermelho h2, .vermelho a{
	color:#f90000!important;
}
.vermelho a:hover{
	color:#FFF!important;
	background:#f90000;
}
.verde h2, .verde a{
	color:#4e9e00!important;
}
.verde a:hover{
	color:#FFF!important;
	background:#4e9e00;
}
h3{
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	margin-bottom:1em;
}
#inicial h3{
	margin:0;
}

#dados h3{
	margin:0;
}

.linkImg a:hover{
	background:none!important;
}
/* ************************************************************************************************************** FORMULÁRIO */
#site #top .bar .inputText{
	width:202px;
	height:22px;
	padding:0 4px 0 4px;
	border:solid 2px #ecab00;
	background:#FFF;
	margin-right:6px;
	font-size:12px;
	color:#be8900;
}
#site #content .inputText{
	width:340px;
	height:18px;
	padding:2px 3px 0 3px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
	font-size:12px;
}
textarea.inputText{
	height:80px!important;
	background:url(../imagens/bg_form2.gif) repeat-x!important;
}
#site #content .colCorner .inputText{
	width:192px;
}

/******FORMULÁRIO DE INSCRIÇÃO**/

#queroMeInscrever .colDupla{
	float:left;
	width:208px;
	margin-right:23px;
	height:50px;
}

#queroMeInscrever .colCheck{
	float:left;
	width:208px;
	margin-right:23px;
	height:15px;
}

#queroMeInscrever .colDupla2{
	float:left;
	width:330px;
	margin-right:13px;
	height:50px;
}

#queroMeInscrever .input{
	width:320px;
	height:16px;
	padding:4px 3px 0 3px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
	font-size:12px;
}

#queroMeInscrever .inputText2{
	width:200px;
	height:16px;
	padding:4px 3px 0 3px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
	font-size:12px;
}

#queroMeInscrever select{
	width:670px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
}

#queroMeInscrever option{
	background:#FFF;
}

#divLogin{
	float:left;
	width:200px;
	height:95px;
}
#divLogin2{

	float:left;
	width:200px;
	height:95px;
	margin-left:275px;
	
}
#divLogin2 h2{
	color:#FFF;
	float:left;
	width:200px;
	height:95px;
	margin-left:20px;
}
#divLogin2 p a{
	color:#FFF;
	
}
#divEsqueciSenha{
	float:left;
	width:200px;
	height:95px;
}

#divLogin p a{
	color:#666;
	text-decoration:none;
}
#divLogin p a:hover{
	background:#004997;
	color:#FFF;
}

.inputLogin{
	width:149px;
	height:18px;
	margin-left:8px;
	padding:2px 3px 0 3px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
	font-size:12px;
}

.inputSenha{
	width:148px;
	height:18px;
	margin-left:3px;
	padding:2px 3px 0 3px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
	font-size:12px;
}

.btnEntrar{
	float:right;
}
.btnEntrar2{
	float:right;
	
}



/* ************************************************************************************************************** ESTRUTURA BÁSICA */

#topSenai{
	width:100%;
	height:50px;
	background:#291770 url(../imagens/bg_topo_new2.jpg);
	text-align:center;
}
#div100{
	float:left;
	width:100%;
	background:#FFF url(../imagens/bg.gif) repeat-x center top;
}
#site{
	margin:0 auto;
	width:964px;
}
#site #top{
	float:left;
	margin:26px 2px 18px 2px;
	height:102px;
	width:960px;
}
#site #destaque{
	float:left;
	width:954px;
	height:214px;
	padding:5px 5px 26px 5px;
	overflow:hidden;
	background:url(../imagens/bg_destaque_internas.gif) no-repeat;
}
#inicial #site #destaque{
	background-image:url(../imagens/bg_destaque_home.gif);
}

#dados #site #destaque{
	background-image:url(../imagens/bg_destaque_home.gif);
}

#site #destaque #destaqueImg{
	float:left;
	width:737px;
	height:214px;
}

#site #destaque #destaqueTexto, #site #destaque #destaqueTexto li{
	float:left;
	width:217px;
	height:214px;	
	text-align:center;	
}
#site #content{
	float:left;
	display:inline;
	margin:0 2px;
	width:960px;
	padding:0 0 20px 0;
	background:url(../imagens/bg_content_internas.gif);
}
#inicial #site #content{
	background:url(../imagens/bg_content_home.gif);
}

#dados #site #content{
	background:url(../imagens/bg_content_home.gif);
}

#footer{
	float:left;
	width:100%;
	height:102px;
	background:url(../imagens/bg_footer.gif);
}
#footer .footerContent{
	width:960px;
	margin:0 auto;
	margin-top:20px;
}
#footer .footerContent .senai{
	float:left;
}
#footer .footerContent p{
	color:#dedede;
	text-align:center;
}
#footer .footerContent p img{
	margin-top:8px;
}
#footer .footerContent p span{
	font-size:17px;
}
/* ************************************************************************************************************** GLOBAIS */
.pCenter{
	text-align:center;
}
.pRight{
	text-align:right;
}
.btn{
	padding:1px 6px 3px 6px;
	color:#FFF!important;
	font-size:12px;
	border:solid 1px #004288;
	background:#003e7f url(../imagens/btn_bg.gif) repeat-x top;
	text-decoration:none;
}
.bottomLine{
	float:left;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../imagens/bg_line.gif) repeat-x bottom;
}
.block{
	float:left;
	width:710px;
}
#inicial .block{
	width:480px;
}

#dados .block{
	width:480px;
}

.block2{
	float:left;
	width:235px;
}

#noticias .colMiddle .block.bottomLine img{
	float:left;
	padding:3px;
	background:#FFF;
	border:solid 1px #aeaeae;
	margin-right:8px;
}
.imgLeft{
	float:left;
	padding:3px;
	background:#FFF;
	border:solid 1px #aeaeae;
	margin-right:8px;
}
.listP p{
	line-height:18px;
	margin-bottom:0.6em;
	background:url(../imagens/marc_azul.gif) no-repeat 0 4px;
	padding-left:15px;
}
.listP p span{
	color:#FFF;
	background:#00448d;
}
p.citacao{
	padding-left:100px;
	font-style:italic;
	font-size:11px;
}
/* ************************************************************************************************************** GERAL */
body{
	background:#002a56;
}

#site #top .logo{
	float:left;
	margin:0 35px 0 2px;
}
#site #top .bar{
	width:644px;
	height:26px;
	padding:38px;
	float:left;
	overflow:hidden;
	background:url(../imagens/bg_bar_top.jpg);
}
#site #top .bar *{
	float:right;
}




#site #content .colCorner{
	float:left;
	width:200px;
	padding:0 10px;
	margin-bottom: 10px;
}

#site #content .colCorner .menu{
	float:left;
	margin-bottom:15px;
}
#site #content .colCorner .menu li, #site #content .colCorner .menu li a{
	float:left;
}
#site #content .colCorner .menu li a{
	width:180px;
	padding-left:20px;
	color:#919191;
	font-size:12px;
	height:26px;
	line-height:23px;
	text-decoration:none;
	background:url(../imagens/bg_menu.gif) no-repeat 0 0;
	margin-bottom:4px;
}
#site #content .colCorner .menu li a:hover{
	background-position:0 -52px;
	color:#004997;
	font-weight:bold;
}

#dados .menu li#mDados a,
#inicial .menu li#mInicial a,
#cursosOnline .menu li#mCursosOnline a,
#depoimentos .menu li#mDepoimentos a,
#noticias .menu li#mNoticias a,
#salaDeImprensa .menu li#mSalaDeImprensa a,
#downloads .menu li#mDownloads a,
#sobreEAD .menu li#mSobreEAD a,
#secretaria .menu li#mSecretaria a,
#salaAulaVirtual .menu li#mSalaAulaVirtual a,
#suporteTecnico .menu li#mSuporteTecnico a,
#perguntasFrequentes .menu li#mPerguntasFrequentes a,
#contato .menu li#mContato a{
	background-position:0 -26px!important;
	color:#fba400!important;
	font-weight:bold;
	cursor:default;
}


#site #content .colCorner .menuSocial{
	float:left;
	margin-bottom:15px;

}


#site #content .colCorner .menuSocial li{
	float:left;
	width:198px;
	height:60px;
	border-right:solid 2px #d6d6d6;
	border-bottom:solid 2px #d6d6d6;
	margin-bottom:5px;
	line-height:16px;
}
#site #content .colCorner .menuSocial li a{
	float:left;
	width:134px;
	height:50px;
	background:#FFF no-repeat 4px 4px; 
	padding:4px;
	border:solid 1px #FFF;
	color:#666;
	font-size:12px;
	text-decoration:none;
	padding-left:58px;
}
#site #content .colCorner .menuSocial li.socialOrkut a{
	background-image:url(../imagens/social_orkut.gif);
}
#site #content .colCorner .menuSocial li.socialOrkut a strong{
	color:#ce00b2;
}
#site #content .colCorner .menuSocial li.socialOrkut a:hover{
	border-color:#ce00b2;
}
#site #content .colCorner .menuSocial li.socialTwitter a{
	background-image:url(../imagens/social_twitter.gif);
}
#site #content .colCorner .menuSocial li.socialTwitter a strong{
	color:#1d66b6;
}
#site #content .colCorner .menuSocial li.socialTwitter a:hover{
	border-color:#1d66b6;
}
#site #content .colCorner .menuSocial li.socialBlog a{
	background-image:url(../imagens/social_blog.gif);
}
#site #content .colCorner .menuSocial li.socialBlog a strong{
	color:#00bcff;
}
#site #content .colCorner .menuSocial li.socialBlog a:hover{
	border-color:#00bcff;
}
#site #content .colCorner .menuSocial li.socialComunidade a{
	background-image:url(../imagens/social_comunidade.gif);
}
#site #content .colCorner .menuSocial li.socialComunidade2 a{
	background-image:url(../imagens/cadeado_mon.jpg);
}
#site #content .colCorner .menuSocial li.socialComunidade2 a strong{
	color: #006;
}
#site #content .colCorner .menuSocial li.socialComunidade2 a:hover{
	border-color:#006;
}

#site #content .colCorner .menuSocial li.socialComunidade a strong{
	color:#1d66b6;
}
#site #content .colCorner .menuSocial li.socialComunidade a:hover{
	border-color:#1d66b6;
}

#site #content .colCorner .btnSala{
	float:left;
	margin-bottom:1px;
}
#site #content .colCorner .btnOrientacoes{
	float:left;
	margin-bottom:15px;
}
#site #content .colCorner .newsletter p{
	margin-bottom:0.5em;
}
#site #content .depoimentos li{
	float:left;
	width:200px;
	overflow:hidden;
	background:url(../imagens/dep_sem_foto.gif) no-repeat;
	margin-bottom:12px;
}
#inicial #site #content .depoimentos li{
	height:50px;
}

#dados #site #content .depoimentos li{
	height:50px;
}

#depoimentos #content .depoimentos li{
	width:710px;
	background:url(../imagens/dep_sem_foto.gif) no-repeat;
	margin-bottom:20px;
	padding-bottom:12px;
	border-bottom:1px dashed #CCC;
}
#site #content .depoimentos li span{
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	margin-right:5px;
}
#site #content .depoimentos li p{
	text-indent:14px;
	background:url(../imagens/icon_aspas.gif) no-repeat 55px 0;
	line-height:17px;
}
#depoimentos #site #content .depoimentos li p{
	float:right;
	width:655px;
	background-position:1px 0;
}
#depoimentos #site #content .depoimentos li h2{
	margin-bottom:5px;
}
#site #content .depoimentos li p a{
	color:#666;
	text-decoration:none;
}
#site #content .depoimentos li p a:hover{
	background:#004997;
	color:#FFF;
}


#site #content .colMiddle{
	float:left;
	width:710px;
	padding:0 10px 0 20px;
}
#inicial #site #content .colMiddle{
	width:480px;
	padding:0 20px;
}

#dados #site #content .colMiddle{
	width:480px;
	padding:0 20px;
}

#dados #site #content .colMiddle ul{
	float:left;
	width:480px;
	height:26px;
	margin:15px 0 40px 0;
}

#dados #site #content .colMiddle ul li{
	float:left;
	line-height:18px;
	font-size:12px;
	margin:5px 10px 0 0;
	padding:6px 0;
	background:#EAEAEA;
}

#dados #site #content .colMiddle ul li a{
	padding: 8px;
}

#dados #site #content .colMiddle ul li a:hover{
	padding: 8px;
}

#dados #site #content .colMiddle ul li .ativo{
	background:#00448d;
	color:#FFF;
	padding: 8px;
}

#dados #site #content .colMiddle #cursos p{
	padding-left:15px;
	background:url(../imagens/marc_azul.gif) no-repeat 0 4px;
}


#site #content .colMiddle .list{
	float:left;
	width:235px;
	margin-top:10px;
}
#site #content .colMiddle .list li{
	font-size:12px;
	color:#666;
	line-height:18px;
	margin-bottom:0.8em;
	background:url(../imagens/marc_verm.gif) no-repeat 0 4px;
	padding-left:15px;
}
#site #content .colMiddle .verde .list li{
	background-image:url(../imagens/marc_verd.gif);
}

#site #content .colMiddle .abasCursos{
	float:left;
	width:705px;
	background:url(../imagens/bg_abas_cursos_ul.gif) bottom repeat-x;
}
#site #content .colMiddle .abasCursos li{
	float:left;
	margin-right:3px;
}
#site #content .colMiddle .abasCursos li a{
	float:left;
	width:136px;
	height:62px;
	padding-top:18px;
	border:solid 1px #e9e9e9;
	background:url(../imagens/bg_abas_cursos.gif);
	border-bottom:none;
	font-size:15px;
	line-height:normal;
	text-align:center;
	vertical-align:bottom;
}
#site #content .colMiddle .abasCursos li a:hover, #site #content .colMiddle .abasCursos li .ativo{
	background:url(../imagens/bg_abas_cursos2.gif);
	color:#666;
}
#site #content .colMiddle .abasCursos li .ativo:hover{
	cursor:default;
}

#site #content .colMiddle .cursosContent{
	float:left;
	width:673px;
	overflow:hidden;
	padding:15px;
	border:solid 1px #e9e9e9;
	border-top:none;
}

#site #content .colMiddle .cursosContent .cursoBar{
	float:left;
	width:643px;
	padding:10px;
	text-align:right;
}
#site #content .colMiddle .cursosContent .cursoBar a{
	font-size:12px;
	background:url(../imagens/icon_inscrever.gif) no-repeat 0 0;
	padding-left:18px;
	margin-left:12px;
	line-height:normal;
}
#site #content .colMiddle .cursosContent .cursoBar a:hover{
	text-decoration:underline;
	color:#00448d;
}
#site #content .colMiddle .cursosContent .cursoBar a.imprimir{
	background-image:url(../imagens/icon_imprimir.gif)
}
#site #content .colMiddle .cursosContent .cursoBar a.interesse{
	background-image:url(../imagens/icon_interesse.gif)
}
#site #content .colMiddle .cursosContent .cursosBlock{
	float:left;
	width:653px;
	padding:0 10px;
	background:url(../imagens/bg_abas_cursos.gif) repeat-x bottom;
	margin-bottom:20px;
	
	

}
#site #content .colMiddle .cursosContent h2{
	float:left;
	width:663px;
	padding:10px 0 15px 10px;
	background:url(../imagens/bg_cursos_bar_top.gif) repeat-x top;
}
#site #content .colMiddle .cursosContent h2 a{
	float:left;
	width:663px;
	background:url(../imagens/icon_mais.gif) no-repeat 640px 5px;
}
#site #content .colMiddle .cursosContent h2 a:hover{
	text-decoration:underline;
	color:#00448d;
}
#site #content .colMiddle .cursosContent h2 a.aberto, #site #content .colMiddle .cursosContent h2 a.aberto:hover{
	color:#333;
	background-image:url(../imagens/icon_menos.gif);
}


#perguntasFrequentes #content .perguntas li{
	width:710px;
	margin-bottom:20px;
	padding-bottom:12px;
	border-bottom:1px dashed #CCC;
}
#perguntasFrequentes #content .perguntas li h2{
	margin-bottom:5px;
}

#downloads .listDownloads li{
	float:left;
	width:710px;
	margin-bottom:15px;
	padding-bottom:12px;
	border-bottom:1px dashed #CCC;
}
#downloads .listDownloads li span{
	font-size:12px;
	color:#666;
	display:inline-block;
	vertical-align:middle;
	line-height:17px;
}
#downloads .listDownloads li span.dIcon{
	width:60px;
	margin-right:10px;
}
#downloads .listDownloads li span.dIcon a:hover{
	background:none;
}
#downloads .listDownloads li span.dAplicativo{
	width:550px;
	margin-right:10px;
}
#downloads .listDownloads li span.dGratuito{
	width:65px;
}
#perguntasFrequentes li h2{
	background:url(../imagens/asterisco.gif) no-repeat;
	padding-left: 30px;
}




/**************************************************************************PÁGINA IMPRIMIR***/
body#div100Imprimir{
	float:left;
	background:#FFF;
	width:100%;	
}
#siteImprimir{
	margin:0 auto;
	width:720px;
}

/**********************************************************************BARRA DE PORCENTAGEM***/
#box{width:150px;border:1px solid #666;height:13px;}
#bar{width:50%;background:#CCC;height:10px;color:#666; text-align:right;padding:3px 0px 0px 0px;}

/* ************************************************************************************************************** TABELA ADM */


#tableDados{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#666 ;
	line-height:18px;
	margin-bottom:1em;
	border-collapse: collapse;
}
#tableDados tr{
	padding:7px;
	background: #f5f5f5;
	border-top: 1px solid #666;
}

#tableDados th{
	padding:7px;
}
#tableDados .noBg{
	padding:0;
	background: #FFF;
}

#tableDados .fristLine{
	background: #00356d;
	color:#FFF;
}
#tableDados2{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#666 ;
	line-height:18px;
	margin-bottom:1em;
	border-collapse: collapse;
}
#tableDados2 tr{
	padding:7px;
	background: #f5f5f5;
	line-height:35px;
}
#tableDados2 td{
	padding-left:15px;
}
#tableDados3{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#666 ;
	line-height:18px;
	margin-bottom:1em;
	border-collapse: collapse;
}
#tableDados3 tr{
	padding:7px;
	background: #f5f5f5;
	line-height:20px;
}
#tableDados3 td{
	padding-left:15px;
}
#site #content .colCorner .menuAdm{
	float:left;
	margin-bottom:15px;
	margin-top:5px;
}

#site #content .colCorner .menuAdm select{
	width:200px;
	color:#333;
	border:solid 2px #dcdcdc;
	border-left:none;
	border-top:none;
	background:url(../imagens/bg_form.gif) repeat-x;
}

#site #top .barAdm{
	width:644px;
	height:26px;
	padding:38px;
	float:left;
	overflow:hidden;
	background:url(../imagens/bg_bar_top_adm.jpg);
}

#tableDados .btnDetele{
	background:none!important;
	float:right;
	margin: 3px 15px 0 0;
}

/*******************************MENSAGEM DE VERIFICAÇÃO DE LOGIN TELA DE CADASTRO***/
.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:2px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:2px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:2px;
	font-weight:bold;
	color:#CC0000;
}
.messageboxEmpty{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #346495;
	background:#c9e0ff;
	padding:2px;
	font-weight:bold;
	color:#004880;
	
}