f@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
	}



body {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	}

form {
	}
	
img {
	border:0px;
	float:left;
	}

img.line {
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	}

a {
	text-decoration:none;
	color: #666;
	cursor: hand;
	cursor: pointer;
}

h1,h2,h3,h4,h5 {	
	margin:0px;
	padding:0px;
	}
	
h1 {
	font-size:20px;
	color:#ED1C24;
}

h2 {
	font-size:16px;
	font-weight:bold;
	color: #999;
	}
	
h2.azul {
	color:#006;
}
	
h3 {
	font-size:12px;
	color:#999;
	}

h4 {
	font-size:9px;
	color: #666;
	margin-bottom:5px;
	}
	
h4.azul {
	color:#006;
}
	
ul {
	list-style:none;
	margin-left:5px;
}
	
p {
	margin:0px;
	margin-top:5px;
	font-size:12px;
	color: #666;
	text-align:justify;
	line-height:15px;
}

p.left { text-align:left;}

p.red {
	color:#ED1C24;
	margin:0px;
	float:left;
}

p.aviso {
	color: #FFF;
	font-size:11px;
	background-color: #999;
	padding:5px;
	text-align:left;
}

p.rodape {
	font-size:9px;
}

p.table { 
	text-align:left;
}



/* ----------------------------------------- estrutura do site ----------------------------------------- */

#full {
	width:100%;
	height:auto;
	margin:0px;
	border:0px;
	padding:0px;
	float:left;
	background-image:url(../img/fundo_menu_topo.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#pagina {
	width:700px;
	height:auto;
	position: relative;
	/* Centralizar a pagina */
	left: 42%;	    
	margin-left: -350px;
	height:inherit;
	text-align:left;
	padding: 0;
	float: left;
	}
	
#menutopo {
	margin:0px;
	border:0px;
	padding:0px;
	width:900px;
	height:30px;
	float:left;
	}

	#menutopo_esq {
		width:820px;
		float:left;
	}
	
	#menutopo_dir {
		width:192px;
		height:25px;
		background-image:url(../img/fundo_busca.jpg);
		background-position:top;
		background-repeat:no-repeat;
		width:250px;
		float:left;
		}
	
#cabecalho {
	width:820px;
	height:120px;
	float:left;
	}

#menu {
	width:820px;
	height:23px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 5px solid #BE1E2D;
	float:left;
	}
	
#conteudo_esq {
	padding-top:0px;
	width:400px;
	height:auto;
	float:left;
	}
	
#conteudo_dir {
	width:400px;
	height:auto;
	float:right;
	}

#conteudo_dir_2 {
	width:300px;
	height:auto;
	float:left;
	margin-left:140px;
	}
	
#conteudo_dir_3{
	width:350px;
	height:auto;
	float:right;
	padding:15px;
	margin-left:20px;
	background-color:#F2F2F2;
	border:1px dotted  #CCC;
}

#conteudo_dir_4{
	width:200px;
	height:auto;
	float:right;
	padding:15px;
	background-color:#F2F2F2;
	border:1px dotted  #CCC;
	margin-left:40px;
}

#conteudo_extecamp {
	width:900px;
	height:auto;
	margin-top:20px;
	padding-bottom:30px;
	float:left;
	border-bottom: 5px solid #21409A;
	}
	
#conteudo_extecamp_interna {
	width:820px;
	height:auto;
	margin-top:20px;
	padding-bottom:30px;
	float:left;
	}

	#conteudo_noticias {
		width:320px;
		height:auto;
		margin-right:26px;
		float:left;
		}
	
	#conteudo_matricula {
		width:320px;
		height:auto;
		margin-right:26px;
		float:left;
		}
	
	#conteudo_info {
		width:200px;
		height:auto;
		float:left;
		background-color:#E6E6E6;
		border:4px solid #e6e6e6;
		}
		
	#conteudo_info_corporativo {
		width:180px;
		height:auto;
		float:left;
		background-color:#E6E6E6;
		border:0px solid #e6e6e6;
		text-align:center;
		padding:5px;
		}
	
#conteudo_cursos {
	width:900px;
	height:auto;
	margin-top:20px;
	padding-bottom:20px;
	float:left;
	border-bottom: 5px solid #BE1E2D;
	}

	#conteudo_cursos_esq {
		width:50%;
		height:auto;
		margin-top:10px;
		float:left;
		}
	
	#conteudo_cursos_dir {
		width:50%;
		height:auto;
		margin-top:10px;
		float:right;
	}
	
#conteudo_alunos {
	width:auto;
	height:auto;
	float:left;
	padding:20px;
	}	
	
#area_info {
	width:900px;
	height:300px;
	float:left;
	margin-top:30px;
}

#box_square {
	width:100px;
	height:100px;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	padding:5px;
}

	#box_square h2 {
		background-color:#F2F2F2;
		width:100px;
	}

#rodape {
	width:100%;
	height:auto;
	margin-top:20px;
	padding-bottom:20px;	
	float:left;
	background-color:#e6e6e6;
	border-top:#000 3px solid;
	
}	
		#rodape_esq {
			width:300px;
			float:left;
			padding-top:10px;
		}
		
		#rodape_center {
			width:190px;
			padding-top:10px;
			float:left;
		}
		
		#rodape_dir {
			width:300px;
			padding-top:10px;
			float:left;
			margin-left:40px;
		}
		
/* ----------------------------------------- elementos da estrutura do site ----------------------------------------- */

img.destaque {
	margin-bottom:5px;
}

img.conteudo {
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
}

img.estatistica {
	float:left;
	border:2PX #CCC solid;
	margin-right:20px;
}

table.equipe {
	width:900px;
	height:auto;
}

table.equipe td {
	border-bottom:1px #CCC solid;
	height:30px;
}

ul.galeria {
	float:left;
}

li.galeria {
	float:left;
	margin-right:10px;
	display:inline;
}

/* ----------------------------------------- menu topo ----------------------------------------- */

ul.menutopo {
	display:inline;
	margin:0px;
	padding:0px;
}

li.menutopo {
	display:inline;
	margin-right:20px;
}

#menutopo a {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color: #666;
}

#menutopo a:hover {
	border-bottom: 5px solid #900;
}

/* ----------------------------------------- conteudo noticias ----------------------------------------- */

img.noticia2 {
	border:0px;
	margin-right:10px;
	margin-bottom:10px;
}

a.titulonoticia {
	color: #666;
}

img.noticiafull {
	float:left;
	border:#CCC 3px solid;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:10px;

}

/* ----------------------------------------- conteudo matriculas ----------------------------------------- */

a.ncursos {
	color: #FFDE17;
	font-size:30px;
	margin-bottom:10px;
	background-color:#BE1E2D;
}

ul.conteudo_matricula {
	margin:0px;
	padding:0px;
}

li.conteudo_matricula  {
	list-style-type:none;
	font-size:14px;
	margin-bottom:10px;
}

a.conteudo_matricula_lista {
	background-color:#E6E6E6;
	color: #666;
	font-weight:bold;
	padding:2px;
}

a:hover.conteudo_matricula_lista {
	background-color:#CCC;
}

input.matricula {
	margin-top:5px;
	padding:0px;
	border:1px solid #999;
	height:18px;
	width:230px;
}

input.busca {
	border:0px;
	background-color:#FFF;
	height:auto;
	margin-left:17px;
	font-size:10px;
	color:#999;
	
}

.botaobusca {
	color:#666;
	height:20px;
	background-color:#E6E6E6;

}

.botaonews {
	float:left;
	margin-top:5px;
	color:#666;
	height:auto;
	background-color:#CCC;

}

/* ----------------------------------------- conteudo lista classificacao ----------------------------------------- */

ul.classificacao {
	margin:0px;
	padding:0px;
	border:0px;
	float:left;
}

li.classificacao {
	list-style-type:square;
	list-style-position:inside;
	margin-bottom:5px;
	font-size:12px;
	color:#666;
	}

a.classificacao {
	color:#666;
}
								  
/* ----------------------------------------- cursos destaques ----------------------------------------- */

ul.menudestaques {
	float:right;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	}

li.menudestaques {
	display:inline;
	margin:3px;
	font-size:12px;
}

#conteudo_cursos_dir a {
	text-decoration:none;
	color:#333;
}																								


#boxdestaques {
	width:170px;
	height:120px;
	margin-top:12px;
	margin-right:10px;
	margin-bottom:12px;
	float:left;

}

/* ----------------------------------------- conteudo esq ----------------------------------------- */

ul.conteudoesq {
	}
	
li.conteudoesq {
	color: #333;
	font-size:11px;
	text-align:left;
	margin-bottom:10px;
	line-height:15px;
	}


/* ----------------------------------------- abas ----------------------------------------- */



        .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
        .tabs { list-style: none; }
        .tabs li { display: inline; }
        .tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
        .tabs li a:hover { background: #CCC; }
        
        /* Generic styles & example one */
        
        .tabbed-area { margin: 0 0 120px 0; }
        .box-wrap { position: relative; min-height: 250px; }
        .tabbed-area div div { background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
        .tabbed-area div div, .tabs li a { border: 1px solid #ccc; }
        #box-one:target, #box-two:target, #box-three:target, #box-four:target { z-index: 1; }
        
        
        
        /* Stuff for example two */
        
        .cur-nav-fix { margin-top: 60px; }
        .cur-nav-fix .tabs { position: absolute; bottom: 100%; left: -1px; }
        .cur-nav-fix .tabs li a { background: -moz-linear-gradient(top, white, #eee); }
        #box-four { z-index: 1; }
        #box-four:target .tabs,
        #box-five:target .tabs,
        #box-six:target .tabs { z-index: 4; }
        #box-four:target, #box-five:target, #box-six:target { z-index: 2; }
        .cur-nav-fix .tabs li.cur a { border-bottom: 1px solid white; background: white; }
        
        
        /* Stuff for example three */
        
        .cur-nav-fix-2 .tabs li a { background: -moz-linear-gradient(top, white, #eee); }
        .cur-nav-fix-2 .tabs { z-index: 2; position: relative; }
        #box-seven:target .box-seven,
        #box-eight:target .box-eight,
        #box-nine:target .box-nine { z-index: 1; }
        #box-seven:target a[href="#box-seven"],
        #box-eight:target a[href="#box-eight"],
        #box-nine:target a[href="#box-nine"] { border-bottom: 1px solid white; background: white; }
        
        
        /* Stuff for example four */
        
        .active-test { padding-top: 40px; }
        .active-test .single-tab em { background: white; width: 50px; font-style: normal; position: absolute; bottom: 100%; text-decoration: none; color: black; border: 1px solid #ccc; padding: 5px 10px; }
        .active-test .single-tab span { position: absolute; top: -1px; left: 0; width: 100%; display: block; padding: 20px; border: 1px solid #ccc; min-height: 250px; background: white; }
        .active-test .single-tab:active em { background: #ccc; }
        .active-test .single-tab:active span, .active-test .single-tab:focus span { z-index: 1; }
        .tab-ten em { left: 0; }
        .tab-eleven em { left: 70px; }
        .tab-twelve em { left: 140px; }
        
        
        /* Stuff for example five */
        
        .adjacent { position: relative; margin-top: 50px; min-height: 300px; }
        .adjacent div { border: 1px solid #ccc; background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
        .adjacent .tabs { position: absolute; bottom: 100%; left: 0; z-index: 2; }
        .adjacent .tabs li a { background: -moz-linear-gradient(top, white, #eee); }
        #box-thirteen:target,
        #box-fourteen:target,
        #box-fifteen:target { z-index: 1; }
        #box-thirteen:target ~ .tabs a[href='#box-thirteen'],
        #box-fourteen:target ~ .tabs a[href='#box-fourteen'],
        #box-fifteen:target ~ .tabs a[href='#box-fifteen'] { background: white; border-bottom: 1px solid white; }


        /* Stuff for example six */

        .w3c { min-height: 250px; position: relative; width: 100%; }
        .w3c > div { display: inline; }
        .w3c > div > a { margin-left: -1px; position: relative; left: 1px; text-decoration: none; color: black; background: white; display: block; float: left; padding: 5px 10px; border: 1px solid #ccc; border-bottom: 1px solid white; }
        .w3c > div:not(:target) > a { border-bottom: 0; background: -moz-linear-gradient(top, white, #eee); }	
        .w3c > div:target > a { background: white; }	
        .w3c > div > div { background: white; z-index: -2; left: 0; top: 30px; bottom: 0; right: 0; padding: 20px; border: 1px solid #ccc; }	
        .w3c > div:not(:target) > div { position: absolute }
        .w3c > div:target > div { position: absolute; z-index: -1; }
        
        
        /* Stuff for example seven - including conditionals below */
        
        #ie-test { position: relative; width: 100%; }
        #boxLinks { list-style: none; overflow: hidden; }
        #boxLinks li {  display: inline; }
        #boxLinks li a { padding: 5px 10px; color: black; text-decoration: none; border: 1px solid #ccc; float: left; display: block; margin-left: -1px; position: relative; left: 1px; }
        #boxLinks li a:hover { color: #000; background: #CCC; }
        #box { height: 250px; border: 1px solid #ccc; overflow: hidden; padding: 0px 30px 0px 30px; position: relative; top: -1px; }
        .box { display: none; height: 250px; overflow: auto; display: block; position: relative; overflow-x: hidden; }
        #box1:target, #box2:target, #box3:target { display: block; }
		
		.box { display: block; }
        #box { overflow: hidden;position: relative; }
		
		#box img {margin-right:20px;}
		
  	
/* ----------------------------------------- elemtenso rodape ----------------------------------------- */

#rodape a {
	color: #000;
}

#rodape a:hover {
	color:#900;
}

/* ----------------------------------------- menu drop down ----------------------------------------- */

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; display:inline; width:100%; float:left;}
ul.dropdown li                      { float: left; zoom: 1; font-size:12px; display:inline;}
ul.dropdown a:hover		            { color:#FFDE17; background-color:#BE1E2D; } /*cor do texto hover*/
ul.dropdown a:active                { color: #FFDE17; background-color:#BE1E2D;}
ul.dropdown li a                    { display: block; padding: 4px 8px; color: #666;}
ul.dropdown li:last-child a         { border-right: none;} /* Doesn't work in IE */
ul.dropdown li:hover                { color:#FFDE17; position: relative; background-color:#BE1E2D;}
ul.dropdown li.hover a	            {}



/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute;}
ul.dropdown ul li 					{ background:#BE1E2D; color:#FFDE17; float: none; height:30px; padding:5px; }
ul.dropdown ul li:hover				{ background-color:#BE1E2D;}									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#FFDE17;} 
ul.dropdown ul li a:hover			{ background-color: #900;}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; color: #FFDE17; }
ul.dropdown li:hover > ul 			{ visibility: visible; color: #FFDE17; }


/* ----------------------------------------- tabela de cursos ----------------------------------------- */

td.conteudo {padding:3px; border-bottom:1px #CCC solid;}
td.conteudocenter {padding:3px; border-bottom:1px #CCC solid; text-align:center;}
td.titletable {background-image:url(../img/fundo_title_table.jpg); background-position:left; background-repeat:repeat-x; padding-left:2px;}
/*tr:hover {background-color:#FFC;}*/


/* ----------------------------------------- thickbox ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* Efeito das Areas */ 

#page-wrap { margin-top:20px;}
.info-col { float: left; width: 132px; height: 100%; padding: 50px 0 0 0; }
.info-col h2 { text-align: center; font-weight: normal; padding: 25px 0; }

.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.batman { background: url(../catalogo/images/batman.jpg) center center no-repeat; }
.spiderman { background: url(../catalogo/images/spiderman.jpg) center center no-repeat; }
.aquaman { background: url(../catalogo/images/aquaman.jpg) center center no-repeat; }
.ironman { background: url(../catalogo/images/ironman.jpg) center center no-repeat; }
.superman { background: url(../catalogo/images/superman.jpg) center center no-repeat; }

dt { padding: 5px;  border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: #F2F2F2; }
dd:nth-of-type(1) { background: #E6E6E6; }

dt:nth-of-type(2) { background: #E6E6E6; }
dd:nth-of-type(2) { background: #CCCCCC; }

dt:nth-of-type(3) { background: #F2F2F2; }
dd:nth-of-type(3) { background: #E6E6E6; }

dt:nth-of-type(4) { background: #E6E6E6; }
dd:nth-of-type(4) {  background: #CCCCCC; }

dt:nth-of-type(5) { background: #F2F2F2; }
dd:nth-of-type(5) { background: #E6E6E6; }

dt:nth-of-type(6) { background: #E6E6E6; }
dd:nth-of-type(6) { background: #CCCCCC; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }


/* table area alunos ----------------------------------------*/

table.editaaluno {
	width:600px;
	height:auto;
	padding:10px;
	font-size:12px;
	}

td.editaaluno {
	border-bottom:1px #999 solid;
	padding-top:4px;
	padding-bottom:4px;
}
	
/* extecamp corporativo ------------------------------------------------------------------------------------------------------------------*/

hr.pontilhado {
	border:1px #CCC dotted ;
}

/* tela de login sitemas.asp ------------------------------------------------------------------------------------------------------------------*/

#box_login {
	height:380px;
	left:50%;
	margin:-190px 0 0 -320px;
	position:absolute;
	top:50%;
	width:640px;
	}
	
#box_login_logo {
		width:640px;
		height:auto;
		float:left;
		}
		
		#box_login_logo img { margin-left:36%; float:left;}

#box_login_conteudo {
		width:640px;
		height:auto;
		float:left;
		margin-top:30px;
		}
		
		#box_login_conteudo input.campo {
			background-color: #f6f6f6;
			border:0px;
			padding:10px;
			font-size:14px;
			font-weight:bold;
			color: #F00;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}