@charset "utf-8";
/* CSS Document */

a{text-decoration:none; color:#006CB7}
a:hover{text-decoration:underline;}
h1,h2,h3,ul,ol,li,p
{
	margin:0px;
	padding:0px;
}
ul,li{list-style:none;}
{
	margin:0px;
	padding:0px;
}
h1
{
	font-size:24px;
	font-family:"Trebuchet MS", Verdana, Arial;
}
h2
{
	color:#FFF;
	font-size:20px;
	line-height:38px;
	background-color:#72728A;
	padding-left:20px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:normal
}
h3
{
	font-size:17px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:normal
}
p{line-height:14px; }
img{border:0; margin:0;}
hr{height:1px; border: none; border-top: 1px solid #CFCFCF; margin-top:17px; margin-bottom:17px; *margin-top:9px; *margin-bottom:9px}
body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/************************** ID ***********************/

#root
{
	width:1000px;
	margin:0 auto;
	text-align:left;
	font-size:11px;
	color:#333333;
}
#menu
{
	width:987px;
	height:26px;
	border-bottom:solid 5px #FFFFFF;
	border-top:solid 8px #FFFFFF;
	background-color:#417BB5;
	padding-left:13px;
}
	#menu p
	{
		float:left;
		padding:0 10px 0 10px;
		line-height:24px;
	}
	#menu a {color:#FFFFFF}
#topo
{
	width:1000px;
	height:260px;
	border-bottom:solid 5px #FFFFFF;
}
#latDir
{
	width:290px;
	margin-left:5px;
	background-color:#9898B0;
	float:right;
	color:#FFFFFF;
}
#latDir h3{color:#FFFFFF}
#latDir img {float:left; padding-right:25px;}

#footer
{
	width:960px;
	height:40px;
	color:#999999;
	font-size:10px;
	padding:20px;
}
#footer a{color:#999999;}
#carrossel
{
	width:705px;
	height:185px;
	background-color:#75889B;
}
#menuCursos
{
	margin:0 5px 0 5px;
	width:219px;
	float:left;
}
#menuCursos h3{background-color:#A9A8A5; padding-left:17px; color:#FFFFFF; line-height:32px;}
#menuCursos ul {padding-left:17px;}
#menuCursos p {padding-left:17px; background-color:#E1E0DB; line-height:22px}
#menuCursos li {line-height:16px}
#menuCursos a {color:#333333}

#conteudo
{
	width:580px;
	float:left;
}
#conteudo div
{
	width:540px;
	padding:20px 20px 20px 20px;
	background-color:#B7B7C8;
	min-height:550px; height:auto !important; height:550px;
	border-top:solid 2px #FFFFFF;
}

#conteudoInternas
{
	width:580px;
	background-color:#B7B7C8;
	float:left;
}

#conteudoTrabalhe
{
	width:580px;
	background-color:#B7B7C8;
	float:left;
}

.conteudoInternasTrabalhe
{
	width:540px;
	padding:20px 20px 20px 20px;
	border-top:solid 2px #FFFFFF;
	background:#D5BFBF;
	
}
	
	
.conteudoInternasBox
{
	width:540px;
	padding:20px 20px 20px 20px;
	border-top:solid 2px #FFFFFF;
	
}
	


.boxTrabalhe
{
	width:498px;
	height:473px;
	background:url(../images/img_fundo_box_trabalhe.jpg) no-repeat top left scroll;
	padding-left:42px;
	padding-top:27px;
}

.boxCursos
{
	width:515px;
	height:453px;
	background:url(../images/img_fundo_box_cursos.jpg) no-repeat top left scroll;
	padding-left:25px;
	padding-top:27px;
}


#latDir2
{
	width:184px;
	float:left;
	margin-left:5px;
}

/************************** CLASS ***********************/

.box1
{
	width:404px;
	border:solid 1px #B1B1B1;
	height:343px;
	float:left;
	margin-top:5px;
	padding:1px;
}
.box1 a {color:#333333}

.box2{background-color:#D4D4DE; padding:15px;}
.box3{background-color:#A4A4B4; padding:10px;}
.box4{padding:10px;}
.box5
{
	width:256px;
	height:75px;
	color:#FFFFFF;
	border-top: solid 5px #8686A2;
	border-bottom:  solid 5px #8686A2;
	padding:17px;
}
.box6
{
	width:100%;
	height:720px;
	color:#FFFFFF;
}
.box6 h3{background-color:#72728A; padding-left:17px; line-height:34px;}
.box6 p{padding:0 17px 17px 17px;}


#conteudo .fundoBranco {background-color:#FFFFFF; width:720px;}
#conteudo .fundoAzul {background-color:#B6C0CD;}
#conteudo .fundoRosa {background-color:#D5BFBF;}
.fundoAzulEscuro{background-color:#7489A0}
.fundoRosaEscuro{background-color:#B79494}


.font14 {font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif}

.font12 {font-size:12px; line-height:23px; font-weight:bold;}
.colorRoxo {color:#5E5E71;}

.clearBoth{clear:both}
.colorPreto{color:#000000}
.floatLeft{float:left}
.floatRight{float:right}
.lineHeight23{line-height:23px;}
.marginLeft1{margin-left:1px;}
.marginLeft2{margin-left:2px;}
.twitter{float:left; margin:5px;}
#conteudo.widht675{width:767px;}
.txt24{
	font-size:24px;
	font-family:"Trebuchet MS", Verdana, Arial;
}
.font16 {font-size:16px;}
.colorBranco {color:#FFFFFF;}

/************************** FORMS ***********************/

.form
{
	font-size: 11px;
	color: #FFFFFF;
	background-color: #83839C;
	height: 15px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formCurso1
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 15px;
	width: 30px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px;
}

.formCurso2
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 15px;
	width: 200px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px;
}

.formCurso3
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 15px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px; margin-left:-3px;
}


.formCurso4
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 15px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px; margin-left:1px;
}

.formCurso5
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 15px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px; margin-left:-1px;
}

.formCurso6
{
	font-size: 11px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 19px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px; margin-left:-1px;
}

.formMensagem2
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #83839C;
	height: 99px;
	width: 300px;
	border: 1px solid #B7B7C8;	
	margin-top:6px; *margin-top:3px; margin-left:3px;
}

.formTrabalhe
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 300px;
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}

.formTrabalhe1
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 380px;
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}
.formTrabalhe2
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 298px; 
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}
.formTrabalhe3
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 380px; 
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}

.formTrabalhe4
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 380px; 
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}

.formTrabalhe5
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 298px; 
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}

.formTrabalhe6
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 15px;
	width: 153px; 
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}

.formMensagem3
{
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 150px;
	width: 430px;
	border: 1px solid #C4A5A5;	
	margin-top:6px; *margin-top:3px;
}



.form1
{
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	height: 14px;
	width: 400px;
	border: 1px solid #FFFFFF;	
	margin-top:6px; *margin-top:3px;
}

.form2
{
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	height: 140px;
	width: 400px;
	border: 1px solid #FFFFFF;	
	margin-top:6px; *margin-top:3px;
}

.formBotao
{
	font-size: 11px;
	color: #000;
	background-color: #B6C0CD;
	height: 24px;
	width: 60px;
	border: none;	
	margin-top:6px; *margin-top:3px; margin-left:355px;
	font-weight:bold
}
.formBotao2
{
	font-size: 11px;
	color: #000;
	background-color: #D5BFBF;
	height: 24px;
	width: 60px;
	border: none;	
	margin-top:6px; *margin-top:3px; margin-left:385px;
	font-weight:bold
}

.formBotao3
{
	font-size: 11px;
	color: #FFF;
	background:url(../images/bot_enviar.jpg) no-repeat top left scroll;
	height: 20px;
	width: 54px;
	border: none;	
	font-weight:bold
}
/************************** IMAGE REPLACE ***********************/

#botLogo a{text-decoration:none;}	
#botLogo a:hover{text-decoration:none;}	
h1#botLogo
{
	width: 150px;
	height: 175px;
	background:url(../images/logo_escola_equilibrium.jpg) top left scroll no-repeat;
	margin:37px 0 0 43px;
	float:left;
}
h1#botLogo span {
	display: none;
}

#botCurriculo a{text-decoration:none;}	
#botCurriculo a:hover{text-decoration:none;}	
h3#botCurriculo
{
	width: 294px;
	height: 184px;
	background:url(../images/banner_seja_professor.jpg) top left scroll no-repeat;
	float:left;
}
h3#botCurriculo span {
	display: none;
}
#botLocalizacao a{text-decoration:none;}	
#botLocalizacao a:hover{text-decoration:none;}	
h3#botLocalizacao
{
	width: 411px;
	height: 184px;
	background:url(../images/banner_localizacao.jpg) top left scroll no-repeat;
	float:left;
}
h3#botLocalizacao span {
	display: none;
}

#botVideos a{text-decoration:none;}	
#botVideos a:hover{text-decoration:none;}	
h3#botVideos
{
	width: 184px;
	height: 134px;
	background:url(../images/banner_videos.jpg) top left scroll no-repeat;
}
h3#botVideos span {
	display: none;
}
#botLocalizacaoP a{text-decoration:none;}	
#botLocalizacaoP a:hover{text-decoration:none;}	
h3#botLocalizacaoP
{
	width: 184px;
	height: 138px;
	background:url(../images/banner_localizacao_p.jpg) top left scroll no-repeat;
}
h3#botLocalizacaoP span {
	display: none;
}


/************************** CARROSSEL ***********************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	height:160px;
	float:left;
	
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	background-color:#25303D
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 590px;
    padding: 12px 53px 0 59px;
	
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  590px; 
}
.jcarousel-skin-tango img{padding-bottom:5px;}
.jcarousel-skin-tango .jcarousel-item {
    width: 225px;
    height: 158px;
	padding:6px 30px 0 35px;
}
.jcarousel-skin-tango .jcarousel-item a{color:#FFFFFF}
.jcarousel-skin-tango .jcarousel-item img{margin:5px 0 5px 0}
.linhaCarrossel{background:url(../images/carrossel/img_linha.jpg) top left no-repeat scroll}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrossel/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -37px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -74px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -115px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 6px;
    width: 37px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carrossel/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -71px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -111px 0;
}

