/**
*
* Css padrão do site Colégio Anchieta
*
*@author        Diego Eyer <diego@friwebdesign.com>
*@empresa       Friweb <www.friweb.com.br>
*@package       Estilos
*subpackage     Principal
*/


/* CSS PADRÃO */

* {
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}

body {
	text-align:center;
	background:url(../imagens/layout/bg-geral.jpg) repeat top left;
	
}

div, table, input, textarea {
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
} 
	
p {
	line-height:150%;
	padding:0px 10px 10px 10px;
	text-align:justify;
}

p.forma1 {
	margin-top:6px;
}

p.centralizar {
	text-align:center;
	line-height:150%;
	padding:0px 0px 5px 0px;
}

a {
	margin:0px auto;
	color:#002d8a;
		
}

a:hover {
	color:#d21034;
}

a.um {
	margin:0px auto;
	color:#304d5a;
	font-weight:bold;	
	background:url(../imagens/layout/seta.gif) no-repeat 0px 4px;
	padding:0px 0px 0px 10px;
}

a.um:hover {
	color:#d21034;	
}

a.dois {
	margin:0px auto;
	font-weight:normal;
	color:#ffffff;
}

a.dois:hover {
	color:#cecece;	
}

img.space {
	margin-right:5px;
	vertical-align:1px;
}

#geral {
	margin:0px auto;
	width:980px;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin-top:15px;
}

/*TOPO*/
#geral #topo {
	height:35px;
	width:980px;
	background:url(../imagens/layout/topo.gif) no-repeat top left;
	padding:40px 0px 0px 0px;
}

#geral #topo #login {
	margin-left:500px;
	background:url(../imagens/titulos/login.gif) no-repeat center left;
	padding:0px 0px 0px 105px;
}

#geral #topo #login .nome_aluno {
	font-size:12px;
	color:#fcfcfc;
	font-weight:bold;
}

#geral #topo #login input {
	background:#f6f6f6 url(../imagens/layout/bg-input.gif) repeat-x top left;
	padding:2px 2px 2px 2px;
	border:1px solid #470c0c;
	margin-right:5px;
	width:120px;
}

#geral #topo #login input.botao {
	background:none;
	border:0px;
	width:26px;
	vertical-align:-6px;
}

#geral #topo #bemvindo {
	margin-left:500px;
	background:url(../imagens/titulos/bem-vindo.gif) no-repeat center left;
	padding:0px 0px 0px 105px;
}

#geral #topo2 {
	width:980px;
	display:table;
}

#geral #conteudo {
	width:976px;
	background:#ffffff url(../imagens/layout/bg-cont.gif) no-repeat top left;
	padding:0px 2px 0px 2px;
	
}

#geral #conteudo #fix {
	display:table;
}

#geral #conteudo #firefox {
	display:block;
}

#geral #conteudo #left {
	float:left;
	width:217px;
}

#geral #conteudo #right {
	float:right;
	width:711px;
	background:#ffffff url(../imagens/layout/bg-cont-dir.gif) no-repeat top left;
	margin-right:14px;
	margin-top:5px;
	padding:10px 17px 10px 17px;
}


#geral #conteudo #right #grid_notas table tr td {
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	padding:2px 2px 2px 2px;
	font-size:10px;
}


#geral #conteudo #left #menusup {
	height:29px;
}

#geral #conteudo #left #menu {
	width:217px;
	margin-top:2px;
	margin-bottom:15px;
}

/* menu styles */       
            ul.menuv, ul.menuv ul {
                margin: 0; 
				padding: 0; 
				border: 0px; 
				width: 217px; 
                z-index: 10000; 
            }            
            ul.menuv li {
                position: relative; 
				list-style: none;
				 
            }            
            ul.menuv li a {
                display: block; 
				text-decoration: none; 
                color:#a20c0c; 
				padding: 6px 10px 5px 35px;
				font-family:'trebuchet ms', verdana, arial;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				background:#f0e1e1 url(../imagens/layout/seta1.gif) no-repeat 20px 10px;
				border-top:1px solid #ffffff;
            }
            /* Fix IE. Hide from IE Mac \*/
            * html ul.menuv li {
                float: left; 
				height: 1%;
            }            
            * ul.menuv li a {
                height: 1%;
            }
            /* End */
            ul.menuv ul {
                position: absolute; 
				z-index: 10000; 
				display: none; 
				left: 216px; 
				top: -1px;
            }            
            ul.menuv li.submenu ul {
                display: none;
            }            
            ul.menuv a.seta {
				font-family:'trebuchet ms', verdana, arial;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				background-color:#f0e1e1;
            }            
            ul.menuv li a:hover {
                color: #fff; 
				background:#b1251d url(../imagens/layout/seta1-over.gif) no-repeat 20px 10px;
            }

#geral #conteudo #left #banner {
	width:197px;
	margin-bottom:15px;
	padding:10px 0px 10px 0px;
}

#geral #conteudo #left #informativo {
	width:197px;
	margin-bottom:15px;
	background-color:#b5cbd9;
	padding:10px 10px 10px 10px;
	color:#253743;
}

#geral #conteudo #left #informativo form {
	margin-top:10px;
}

#geral #conteudo #left #informativo input {
	background-color:#f6f6f6;
	padding:2px 2px 2px 2px;
	border:1px solid #748188;
	margin-top:5px;
	width:130px;
}

#geral #conteudo #left #informativo input.botao {
	background:none;
	border:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	width:70px;
	background-color:#384852;
	margin-left:70px;
}

#geral #conteudo #left #informativo label {
	width:100px;
}

h1 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
}

/*PG INICIAL */
#geral #conteudo #right #principal {
	display:table;
	width:711px;
}

#geral #conteudo #right #principal #ff {
	display:block;
}

#geral #conteudo #right #principal #cont {
	width:481px;
	float:left;
}

#geral #conteudo #right #principal #ultimas {
	width:215px;
	float:right;
}

#geral #conteudo #right #principal #cont #chama1 {
	display:block;
}

#geral #conteudo #right #principal #cont #chama1 #tour,
#geral #conteudo #right #principal #cont #chama1 #ensino {
	width:233px;
	margin-bottom:15px;
}

h1.title {
	padding:0px 0px 10px 7px;
}
h1.title2 {
	padding:0px 0px 3px 7px;
}

.title3 {
	padding:0px 0px 15px 0px;
}

#geral #conteudo #right #principal #cont #chama1 #tour {
	float:left;
	height:170px;
	background:url(../imagens/principal/bg-tour.gif) no-repeat bottom left;
}

#geral #conteudo #right #principal #cont #chama1 #tour p {
	margin-left:70px;
	margin-top:0px;
	font-size:10px;
	line-height:120%;
}

#geral #conteudo #right #principal #cont #chama1 #tour p.bto {
	text-align:right;
	margin-right:5px;
}

#geral #conteudo #right #principal #cont #chama1 #ensino {
	float:right;
}

#geral #conteudo #principal #ff #cont #evangelho{
	width:480px;
	padding:10px 0px 20px 0px;
    float: left;
    background-image: url("../imagens/layout/biblia.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #6a629b;
    min-height: 90px;
}

.p_evangelho
{
  padding: 0px 10px 0px 10px;
  float: left;
  text-align: left;
  text-decoration: none;
  color: #1b1143;
  font-size: 14px;
  font-weight: bold;
}

#eventos{
	margin-top:15px;
    margin-bottom:15px;
    float: left;
    width: 215px;
}

.lista_eventos
{
    width:220px;
    float: left;
    height: 100px;
    margin: 0px 5px 0px 10px;
}

.p_data_evento
{
    color: #90a855;
    width: 100%;
    font-size: 13px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.thumbs_eventos_destaque
{
  width: 93px;
  height: 70px;
  float: left;
  margin-right: 5px;
}

.titulo_eventos_destaque
{
    color: #7e8e56;
    font-size: 11px;
    text-align:left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.veja_mais_eventos
{
   float: right;
   color: #374b67;
   text-decoration: none;
   margin-top: 5px;
}


#geral #conteudo #right #principal #cont #chama2 #vest,
#geral #conteudo #right #principal #cont #chama2 #atividades {
	width:233px;
	margin-top:15px;
	margin-bottom:20px;
}

#geral #conteudo #right #principal #cont #chama2 {
	display:block;
}

#geral #conteudo #right #principal #cont #chama2 #vest {
	float:left;
}
#geral #conteudo #right #principal #cont #chama2 #atividades {
	float:right;
}

#geral #conteudo #right #principal #cont #chama2 #atividades img,
#geral #conteudo #right #principal #cont #chama1 #ensino img {
	margin-top:1px;
	margin-bottom:1px;
}

#geral #conteudo #right #principal #cont #chama2 #vest #vestibular {
	background:url(../imagens/principal/vestibular.jpg) no-repeat top left;
	height:45px;
	padding:0px 0px 0px 70px;
	margin-bottom:22px;
}

#geral #conteudo #right #principal #ultimas #noticias {
	width:215px;
	background-color:#f1f1f1;
	font-size:10px;
}

.reducao
{
  width: 120px;
}

.junta_data_foto
{
  height: 70px;
  float: left;
}


#geral #conteudo #right #principal #ultimas #noticias p {
	margin-bottom:5px;
}

#geral #conteudo #right #principal #ultimas #noticias span {
	color:#c82c14;
	font-weight:bold;
}
#geral #conteudo #right #principal #ultimas #noticias span img {
	margin-right:5px;
}

#geral #conteudo #right #principal #ultimas #vejamais {
	width:195px;
	background-color:#716e6e;
	height:15px;
	padding:3px 20px 2px 0px;
	text-align:right;
	margin-bottom:24px;
}

#geral #conteudo #right .calendario_eventos {
	width:95%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
}

#geral #conteudo #right .calendario_eventos span.titulo_evento {
	display:block;
	font-size:12px;
	color:#c82c14;
	font-weight:bold;
	margin-top:10px;
}

#geral #conteudo #right .calendario_eventos img {
	float:left;
	background-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	margin-right:10px;
	border:1px solid #666666;
}

#geral #conteudo #right span.titulo_noticias {
	color:#c82c14;
	font-weight:bold;
}

#geral #conteudo #right span.titulo_noticias img {
	margin-right:5px;
}

#geral #conteudo #right #fotos_eventos {
  margin:10px 0px 10px 0px;
  width:100%;
}

#geral #conteudo #right #fotos_eventos img {
	padding:4px 4px 4px 4px;
	background-color:#FFFFFF;
	border:1px solid #bbbbbb;
	margin:6px 6px 6px 6px;
}

#geral #conteudo #right p.albunsEsco {
	background:#f1eded url(../imagens/eventos/camera.gif) no-repeat 5px center;
	padding:10px 0px 10px 55px;
	margin-bottom:5px;
}

.voltar {
	border-top:3px solid #eeeeee;
	text-align:right;
	margin:5px 5px 5px 5px;
	padding:5px 15px 0px 0px;
	text-transform:uppercase;
}

.voltar a {
	color:#ffffff;
	background-color:#b52121;
	padding:2px 8px 2px 8px;
	margin-left:2px;
	margin-right:2px;
	font-size:8px;
	font-weight:bold;
}

.voltar a:hover {
	color:#ffffff;
	background-color:#45517d;
}
h2 {
	color:#293564;
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;
	background:url(../imagens/layout/bg-subtitle.gif) no-repeat top left;
	padding:7px 5px 7px 30px;
}

h3 {
	font-weight:bold;
	font-size:11px;
	margin-bottom:5px;
	margin-top:10px;
	margin-left:10px;
	color:#be4545;
	padding:0px 0px 0px 9px;
	background:url(../imagens/layout/seta2.gif) no-repeat 0px 4px;
}

ul.geral {
	width:100%;
	margin-bottom:20px;
	margin-top:5px;
}

ul.geral li {
	padding:3px 5px 3px 15px;
	margin-left:20px;
	
	background:url(../imagens/layout/seta2.gif) no-repeat 5px 7px;
}

p.parag {
	width:85%;
	margin-left:50px;
	border:1px solid #eeeeee;
	padding:3px 3px 3px 15px;
	margin-top:1px;
	margin-bottom:1px;
	background:url(../imagens/layout/seta2.gif) no-repeat 5px 9px;
}

table.info {
	width:90%;
	margin:0px 0px 20px 30px;
	font-size:11px;
	color:#000000;
	font-weight: normal;
	text-align:left;
	border-collapse:separate;
	border-spacing:2px;
}

table.info th {
	color:#ffffff;
	font-weight:bold;
	background-color:#215072;
	border:1px solid #293551;
	text-transform:uppercase;
	padding:3px 0px 3px 0px;	
	text-align:center;
}

table.info td {
	border:1px solid #eeeeee;
	padding:3px 0px 3px 3px;
}

table.inscri {
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
}

table.inscri th {
	color:#ffffff;
	font-weight:bold;
	background-color:#215072;
	border:0px solid #293551;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;	
	text-align:center;
}

table.inscri td {
	border:0px solid #eeeeee;
	padding:0px 0px 0px 0px;
}

blockquote {
	text-align:center;
	font-style:italic;
	margin-top:20px;
}



/*Paginacao*/
#geral #conteudo #internas p.centralizar {
	text-align:center;
}

#geral #conteudo #internas ul.paginacao {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

#geral #conteudo #internas ul.paginacao li {
	display:inline;
	margin-left:5px;
	margin-right:5px;
}

#geral #conteudo #internas ul.paginacao li a {
	color:#8f0905;
	font-weight:bold;
}

#geral #conteudo #internas ul.paginacao li a:hover {
	color:#8f0905;
	font-weight:bold;
	text-decoration:underline;
}

#geral #conteudo #internas ul.paginacao li img {
	vertical-align:middle;
}

#geral #conteudo #internas ul.paginacao li.selecionado {
	color:#ffffff;
	background-color:#b5102f;
	padding:1px 2px 1px 2px;
	text-align:center;
}


/* CSS DOS FORMULÁRIOS */
form.interno {
	width:90%;
	margin:5px 0px 20px 10px;
	padding:10px 10px 10px 10px;
	border:1px solid #f2f2f2;
}

form.interno fieldset {
	padding:15px 15px 15px 15px;
	
	background-color:#f6f6f6;
}

form.interno legend {
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	padding:3px;
	margin-bottom:5px;
	background-color:#f6f6f6;
	width:100%;
}

form.interno label {
	text-align:right;
	/*width:100px;
	display:block;
	float:left;*/
	margin-top:1px;
	margin-right:5px;
	color:#4b4b4b;
}

form.interno input, textarea, select {
	color:#d21034;
	font-size:11px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	margin-bottom:10px;
	padding:2px 2px 2px 2px;
}

form.interno input.noborder {
	border:0px;
	background-color:#fafafa;
}

form.interno select {
	margin-top:6px;
}

form.interno span {
	font-size:9px;
}
form.interno .botaocontato,
form.interno .botaocadastro {
	border:0px;
	background-color:transparent;
}

form.interno .botaocontato {
	margin-left:90px;
	width:117px;
}

form.interno .botaocadastro {
	margin-left:242px;
	width:130px;
}

form.interno .botaocontato:hover,
form.interno .botaocadastro:hover {
	border:0px;
	background-color:transparent;	
}
form.interno .botaocontato:focus,
form.interno .botaocadastro:focus {
	border:0px;
	background-color:transparent;	
}

.error_form {
	border:1px solid #166137;
	background-color:#f8eeee;
}

#rodape {
	font-size:10px;
	color:#fafafa;
	padding:0px 0px 31px 0px;
	text-align:center;
	background:url(../imagens/layout/bg-rodape.gif) no-repeat 0px 58px;
}

#rodape a {
	color:#ffffff;
}

#rodape p {
	text-align:center;
	margin-top:10px;
}

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