/*Tags HTML*/
body{
font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 18px;
 background:#F3FAFE;
	margin: 0px;
}

h2, h3{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
		font-weight:normal;
}

html{
	position:relative;
	width:100%;
}

*{
  margin: 0px;
	padding: 0px;
	border: 0px;
}

a{
  color: black;
	text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

ol, ul{
  list-style: none;
}

label{
  display: inline-block;
  width: 120px;
  vertical-align: top;
	text-align: right;
	font-weight: bold;
  margin: 2px;
}

input[type=text], input[type=email], select{
  padding: 2px;
  margin: 2px;
	width: 200px;
	border: 1px solid #CCC;
}

input[type=tel]{
  padding: 2px;
  margin: 2px;
	width: 140px;
	border: 1px solid #CCC;
}

input[type=button], input[type=submit]{
  color: #000000;
  font-size: 12px;
  border: 1px solid #C8C8C8;
  padding: 7px 0px 7px 0px;
  background: #fafafa url(../imgs/layout/img04.gif) repeat-x;
  margin-top: 2px;

		padding: 3px 10px;
  font-family: Verdana, Geneva, sans-serif;
}

textarea{
  padding: 2px;

  background: #fafafa url(../imgs/layout/img04.gif) repeat-x;
  margin: 2px;
	width: 800px;
	height: 100px;
	border: 1px solid #CCC;
}
/*Fim das Tags HTML*/

/*Classes*/
.both{
  clear: both;
}

.titulo{
  color: #663333;
	font-size: 14px;
}

.erro{
  color: #FF0000
}

.sucesso{
  color: #0E7700;
}

.error{
  border: 1px solid #FF0000 !important;;
}

.paginacao{
  padding: 4px;
	background: #F0F0F0;
	border: 1px solid #E3E3E3;
}.campo1{

	border:1px solid red !important;

}

/*Fim das Classes*/

/*IDs*/
#centraliza{
  margin: 0px auto;
	width: 990px;
	position:relative;
}

#centro{
  float: left;
	width: 970px;
	padding: 10px;
  background: #FFF;
}

#title, h1{
	font-size: 30px;
	margin:20px 0px;
	font-family: 'Anton', sans-serif;
}

h1 span{
	color: #A1A244 !important;
}

#voltar{
	float:left;
	width:990px;
	text-align:center;
	font-size:25px;
	margin-top:40px;
}

#voltar a{
	text-decoration:none;
	color:#A1A244;
}

#voltar svg{vertical-align:middle;}#conteudo{
 float:left;
	width:990px;
	font-size: 18px;
	line-height:25px;
	color:#555;
	text-align:justify;
	margin: 10px 0px;
	min-height: 400px;
}

#pagTexto{
  width:100%;
	margin: 10px 0px 0px 0px;
	padding: 5px;
}

#bg01{
	position:absolute;
	top:0px;
	width:100%;
	height:65px;
	background:#F1F1F1;
}

#bg02{
	position:absolute;
	top:65px;
	width:100%;
	height:65px;
	background:#E4B536;
	z-index:-1;
}

#bg03{
	position:absolute;
	top:130px;
	width:100%;
	height:500px;
	background:#d5d6d8;
	z-index:-1;
}
#bg04{
	position:absolute;
	top:630px;
	width:100%;
	height:353px;
	background:url(../imgs/layout/bgTopo.jpg) repeat-x center;
	z-index:-1;
}

#bgRod{
	position:absolute;
	bottom:0px;
	width:100%;
	height:166px;
	background:url(../imgs/layout/bgTopo.jpg) repeat-x center;
	z-index:-1;
}

/*Fim das IDs*/
/*Topo*/
#topo{
	float:left;
	position:relative;
	width:990px;
 height: 130px;
}

#logo{
	position:absolute;
 top:25px;
	z-index:10;
}

#menuTop{
	float:left;
	font-size:18px;
	margin-left:259px;
}

#menuTop li{
	float:left;
	padding:20px 15px 23px 15px;
}

#menuTop .bg{
	background:#E6E7E8;
}

#topo #redeSocial{
	position:absolute;
	right: 0px;
	top:0px;
 width:95px;
}

#topo #redeSocial li{
	float:left;
	padding:2px 3px;
}

#topo #redeSocial li img{
	opacity:0.55;
	-moz-opacity: 0.55;
	filter: alpha(opacity=55);
}

#topo #redeSocial li img:hover{
	opacity:0.99;
	-moz-opacity: 0.99;
	filter: alpha(opacity=99);
}

#menuColegio{
	float:left;
	width:730px;
	margin:1px 0px 0px 259px;
}

#btColegio{
	float:left;
	background:url(../imgs/layout/bgMColegio.png) no-repeat top left;
	color:#fff;
	padding: 15px 44px 19px 35px;
	font-size: 25px;
	  overflow: visible;
  position: relative;
}

#btColegio li > span{
  float: left;
}
#btColegio li > a:hover, #btColegio li > span:hover{
  color: #d0d0d1;
}

#btColegioli a{
	color:#fff;
}

#btColegio ol.select{
	display: none;
	background: #A2A143;
	width: 130px;
	position: absolute;
	top: 63px;
	left: 0px;
	z-index: 101;
	padding: 0px 0px 10px 0px;
}
#btColegio ol.select li{
	display: inline;  
	float: left;
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
	clear: left;
	border-bottom: 1px solid #87863a;
	border-left:none !important;
	margin: 0px 0px !important;
	font-size:18px !important;
}
#btColegio ol.select li a{
  text-align: left;
  float: left;
		color:#fff;
  margin: 7px 0px 0px 20px;
  width: 110px;
}
#btColegio ol.select li.select-first{
  margin: 6px 0px 0px 0px;
}

#btColegio ol.select li:first-child{
	background:none;
	font-size:11px;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	text-align:center;
}#menuColegio ol{
	float:left;
	font-size:19px;
	padding: 20px 0px 21px 0px;
}

#menuColegio ol li{
	float:left;
	border-left:1px solid #fff;
	padding:0px 7px;
}

#menuColegio ol li:first-child{
	border-left:none;
}

#menuColegio a{
	color:#fff;
}

#bannerTopo{
	float:left;
	position:relative;
	width:990px;
	height:500px;
}

#baseBanner{
	float:left;
	width:990px;
	height:352px;
	position:relative;
}

#bannerVertibul{
	position:absolute;
	top:-163px;
	left:-19px;
	z-index:10;
}

#quadroBase{
	float:left;
	width:570px;
	margin-left:418px;
}

#quadroBase ol{
	float:left;
	width: 251px;
 margin: 6px 17px;
}

#quadroBase ol li{

	width: 251px;

	color:#fff;

	text-align:justify;

	font-size: 15px;

	height: 114px;

}

#quadroBase ol li:first-child{

	color:#8A733B;

	font-size:18px;

	font-family: 'Anton', sans-serif;

 max-height:27px !important;

}

#quadroBase ol li:last-child{

height:22px !important;

}
#quadroBase ol li:last-child a{
	background:#a2a144;
	padding: 5px 10px;
	color:#fff;
 height:20px !important;
}
/*Fim topo*/

/*Rodape*/
#rodape{
	float:left;
	position:relative;
	width:990px;
	height:166px;
}

#logoRod{
	float:left;
	margin-top: 20px;
}

.rodMenu{
	float:left;
	margin: 20px 43px 10px 43px;
}

.rodMenu li{
	padding-bottom:5px;
}

#rodSocial{
	float:left;
	margin-top: 40px;
}

#rodSocial li{
	float:left;
	padding: 5px;
}

#rodProv{
	position:absolute;
	bottom: 10px;
	left: 400px;
}

#rodProv li{
	float:left;
	padding:0px 10px;
	border-left:1px solid #000;
}

#rodProv li:first-child{
	border-left:none;
}
/*Index*/
.homeItem{
	float:left;
	width:295px;
}

.homeItem li:first-child{
	font-size: 30px;
	margin:20px 0px;
	font-family: 'Anton', sans-serif;
}

.homeItem li:first-child span{
	color: #A1A244;
}

.txtHomeItem{
	height:115px;
	text-align:justify;
}

.spaceHomeItem{
	margin: 0px 52px;
}

.homeItem li:last-child a{
	background:#a2a144;
	padding: 5px 10px;
	color:#fff;
 height:27px;
}

/*Contato*/
#horario{
	float:left; 
 font-size: 18px;
 width: 310px;
	margin: 0px 20px 25px 240px;
}

#horario svg, #endereco svg{
	vertical-align:middle;
}

#endereco{
	font-size:18px;
	float:left;
	width:279px;
	margin-bottom:25px;
}
#txtContato{
	float:left;
	width:990px;
	font-size:16px;
	margin: 20px 0px;
	text-align:center;
}

div#form ul,div#form p.form {
  margin: 10px 0px 0px  0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana, Geneva, sans-serif;
  color: #000000;
  font-size: 12px;
}
div#form input.form,div#form input.formsubmit,div#form select.form,div#form option.form,div#form textarea.form {
  color: #000000;
  font-size: 12px;
  border: 1px solid #C8C8C8;
  padding: 7px 0px 7px 0px;
  background: #fafafa url(../imgs/layout/img04.gif) repeat-x;
  margin-top: 2px;
  font-family: Verdana, Geneva, sans-serif;
}
div#form {
  width: 391px;
  margin: auto;
  padding: 0px 0px 20px 0px;
}
div#form input.formsubmit{
  width: 60px;
  margin: auto;
}
/*Fim do Contato*/
/*Infraestrutura*/
.infraItem{
	float:left;
	width:200px;
	margin:10px;
	text-align:center;
	height:230px;
	padding:5px;
}

.infraItem img{
	border:2px solid #A1A244;

	border-radius: 20px;
}

#infraestrutura{
	float:left;
	width:660px;
}

.galeria{
	float:left;
	width:990px;
	font-size:20px;
	margin:20px 0px;
	border-bottom:1px solid #A1A244;
}

.galeria i{
	vertical-align:middle;
}

.fotoGaleria{
	float:left;
	width:200px;
	height:113px;
	margin: 13px 21px;
	border:2px solid #A1A244;
	border-radius: 10px;
}

.fotoGaleria img{
	border-radius: 10px;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.fotoGaleria img:hover{
	opacity:0.99;
	-moz-opacity: 0.99;
	filter: alpha(opacity=99);
}
/*Prova*/

#divComboAluno{
    float: left;
    width: 100%;
}

#infoAluno{
    float: left;
    display: inline;
}

#comboAluno{
    float: right;
    display: inline;
}

#questionarioDivPrincipal{
    float: left;
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.tituloQuestionario{
    float: left;
    display: inline;
    padding: 0.4em;
    width: 300px;
}

.validade{
    float: left;
    display: inline;
    padding: 0.4em;
    width: 100px;
}

.perguntas{
    float: left;
    display: inline;
    padding: 0.4em;
    width: 100px;
}

.tentativas{
    float: left;
    display: inline;
    padding: 0.4em;
    width: 70px;
}

.status{
    float: left;
    display: inline;
    padding: 0.4em;
    width: 70px;
    text-align: center;
}

.itensQuestionarios{
    float: left;
    width: 100%;
}
/*Questionario*/
#divPergunta{
	float:left;
	width: 980px;
	margin-top: 20px;
}

.tabQuestPerg{
	float: left; 
	width: 980px;
	padding: 15px 5px;
	background:#EBEBEB;
}

.tabQuest{
	float: left; 
	width: 980px;
	padding: 5px 0px;
}
/*Fim Questionario*/

/*FAQ*/

#quadroFaq{

	float:left;

	width:990px;

}
.txtPergunta{

  cursor: pointer;

  font-style: italic;

  font-weight: bold;

  color: #A1A244;

  font-size: 22px;

  margin-top: 20px;

}
.txtResposta{

  display: none;

  margin: 10px 0px;

  text-align: justify;

  padding-left: 20px;

}

/*Fim - FAQ*/

/*Formulario Matricula*/

div#formMat ul,div#formMat p.formMat {

	margin: 10px 0px 0px  0px;

	padding: 0px;

	border: 0px;

	font-family: Verdana, Geneva, sans-serif;

	color: #000000;

	font-size: 12px;

}
div#formMat input.form,div#formMat input.formsubmit,div#formMat select.form,div#formMat option.form,div#formMat textarea.form {

	color: #000000;

	font-size: 12px;

	border: 1px solid #C8C8C8;

	padding: 7px 0px 7px 0px;

	background: #fafafa url(../imgs/layout/img04.gif) repeat-x;

	margin-top: 2px;

	font-family: Verdana, Geneva, sans-serif;

}
div#formMat {

	width: 990px;

	margin: auto;

	padding: 0px 0px 20px 0px;

}
div#formMat input.formsubmit{

	width: 60px;

	margin: auto;

}
/*Convenio*/

.convItem{
	float:left;
	width:300px;
	margin:10px;
	text-align:center;
	height:230px;
	padding:5px;
}

.convItem img{

 padding:5px;

	border:1px solid #d2d3d5;

	

}

#convenio{
	float:left;
	width:660px;
}

/*Notícias - noticias.php*/
.titNot{
    margin: 20px 20px 20px 5px;
    font-size:16px;
    color:#000099;
}

#fotoNotInt{
    text-align:center;
    font-size:10px;
}

#fotoNotInt-a{
    color:#000099;
    font-weight:900;
    text-align:center;
    font-size:10px;
}

.boxlegenda{
    text-align: center;
    background: #d2d2d2;
    width: 400px;
    margin-left: 75px;
    position: relative;
}

.legenda{
    position: absolute;
    text-align: center;
    background: #d2d2d2;
    width: 400px;
    padding: 3px 0px 3px 0px;
    bottom: -1px;
}

.legenda span{
    text-align: center;
    font-style: italic;
    font-size: 12px;
}


.notItem{
    float:left;
    width: 980px;
    padding-bottom: 40px;
    margin: 10px 0px;
    border-bottom:1px solid black;
}

.notItem a{
    text-decoration:none;
}


.notItem li{
    float:left;
    padding: 0px 5px;
    
    text-align:justify;
    height: 68px;
    list-style:none;
}


.dataNot{
    font-size:11px;
}

#noticiaIntegra{
    position:relative;
    float:left;
    width: 970px;
    text-align:justify;
    padding: 0px 10px;
}

#icoNot{
    position:absolute;
    top: -10px;
    right: 260px;
}

#icoNot li{
    float:left;
    padding: 0px 5px;
    list-style:none;
}

#galeriaNot{
    float:left;
    width: 860px;
    border-bottom:1px solid #666;
    font-size:20px;
    padding-bottom: 5px;
    margin: 40px 0px 10px;
    color:#000066;
}

#galeriaNot img{
    vertical-align:middle;
}

#noticias #galeria img{
    border: 2px solid #AAA;
}

#noticias #galeria img:hover{
    border: 2px solid #777;
}

#arqNot{
    float:left;
    width: 400px;
    margin: 20px 0px;
    font-size: 14px;
}

#arqNot a{
    color:#000099;

}


#txtVejaMais{
    font-size:18px;
    float:left;
    width:990px;
    color:#2e5399;
    font-weight:bold;
    text-align:center;
    margin: 20px 0px;
}

#noticias input[type=text]{
    border:1px solid #999;
    height: 20px;
    font-size:10px;
    font-style:italic;
}


/*Fim de Notícias - noticias.php*/