/*
Colgio Santa Ines 2004, Porto alegre, RS.
Folha de estilo de controle visual do site
*/

body {
	background: #eec url(../imagens/wrapbg3.gif) top center repeat-y ;
}

img {border:0px;}

/*************** Di Mestre, corpo geral ***************/
#mestre {
	background: white;
	text-align: left;
	border-left: 1px solid #99B8F0;
	border-right: 1px solid #99B8F0;
}

/*************** Formularios ***************/
form {
	font:90% Verdana, Arial, Sans-Serif;
}

.inputext, textarea {
	border:1px solid #CCC;
	margin:0px 0px 7px;
	font:100% Verdana, Arial, Sans-Serif;
}

textarea {
	height:150px;
}

/*************** Titulos ***************/

#mestre h1 a {
	text-decoration:none;
}


/***************  Menu  superior azul ***************/
#menu {
	border-top: 1px solid silver;
	border-bottom: 1px solid #FFA500;
}

#menu ul {
	font: 80% Verdana, arial, "Trebuchet Ms", helvetica, sans-serif;
	BACKGROUND: url(../imagens/fundomenu2.jpg) repeat-X top left;
}

#menu ul li a {
	color: White;
	text-decoration: none;
	BORDER-RIGHT: 1px solid #9DBCE4;
}

#menu ul li a:hover {
	background-color: #F0F8FF;
	color: #5A8ED1;
}

#menu ul li a:active {
	background-color: #F0F8FF;
	color: #FF8C00;
}


/***** Boxes (classe caixas de texto - usado no conteudo e direita)***************/
.box {
	background:#ffffff;
}

.box li a{
	color: #6992C8;
	font: 90% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
	BACKGROUND: url( ../imagens/bullet.gif) no-repeat left center;
	LINE-HEIGHT: 15px;
}

.box li a:hover {
	color: #554987;
	text-decoration: underline;
}

.box h3{
	color: #6495ED;
	font: 600 90% Trebuchet Ms, Verdana,  helvetica, Arial,sans-serif;
	letter-spacing: 0px;
	border-bottom: #E9F0D2 1px solid ;
}

.box p {
	color: #999999;
	font:90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration:none;
}
.box li {
	color: #999999;
	font:90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration:none;
}

.box p a {
	color:#666666;
	font:90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration:none;
}

.box p a:hover {
	color: #999900;
	text-decoration:underline 1px dotted #AFAF61;
}

/*****   coluna da direita    ***/
#direita {
	color: #3F3F3F;
	border-left: 1px dotted Silver;
	background-color: #FAFAFA;
}

#direita li a {
	padding:0px 1px; }
	
.direita p {
	color: #677885;
	font: 90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
.direita p a {
	color: #52616D;
	font: 90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
.direita h3 {
	color: #FF8C00;
	font: 600 80% Verdana, Trebuchet Ms, helvetica, Arial,sans-serif;
	letter-spacing: 0px;
	
}

.direita p a:hover {
	color: #00519F;
	text-decoration: underline;
		
}

.direita ul li {
	color: #677885;
	font: 90% "Trebuchet Ms", Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	
}
#direita .botao {
	font: 96% Tahoma, Trebuchet MS, arial, helvetica;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #EAF4F7;
	background-color: #3C709D;
}
#direita p a{
	BACKGROUND: url( ../imagens/bullet1.gif) no-repeat left center;
}

#direita .radio {
	font: 96% Tahoma, Trebuchet MS, arial, helvetica;
	background-color: #3C709D;
	border: 1px solid #DCDCDC;
}

.direita form {
	border: 1px solid #E9E9E9;
	padding: 5px 0 15px 0;
	background: #F9F9ED;
	
}
/*********   form de busca *************/

#busca .inputext {
	border: 1px solid #33638D;
	background: #E8F1F6; 
	font: 75% Tahoma, Trebuchet MS, arial, helvetica;
}
form {
	font:90% Verdana, Arial, Sans-Serif;
}

#busca .botao {
	font: 85% Tahoma, Trebuchet MS, arial, helvetica;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #EAF4F7;
	background-color: #3C709D;
}

#busca h3 {
	color: #5C5689;
	font: normal 85% Trebuchet Ms, Verdana, helvetica, Arial,sans-serif;
}


/***** coluna dos menus da esquerda  *****/
#esquerda {
	border-right: 1px solid #E9F0D2;
	background: #F9F9ED;
}


#esquerda h3 {
	color: #FFA500;  /* #E5B33E; */
	/*background: #F1F4DF;*/
}
/***** coluna dos menus da esquerda  *****/
#esquerdamini {
	border-right: 1px solid #E9EDCD;
	background: #F9F9ED;
}


#esquerdamini p {
	font:  90% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: blue;
}

#esquerdamini h3 {
	color: #FFA500;
	font: 110% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	background: #F1F4DF;
}

#esquerdamini ul {
	
	background: #F9F9ED;
}
#esquerdamini li {
	
	
	color: gray;
	font: 90% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration: smallcaps;
}
#esquerdamini li a{
	color: #453D62;
	font: 90% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	text-decoration: underline;
	BACKGROUND: url( ../imagens/bullet1.gif) no-repeat left center;
	
}

#esquerdamini li a:hover {
	color: #75A3D7;
	text-decoration: underline;
	
}


/****** contedo da pgina inicial*******/
#conteudo h2 {
	font: bold 90%  Verdana, Tahoma, Trebuchet Ms, Arial,  Helvetica, Sans-Serif;
	color: #6495ED;
	letter-spacing: 1px;
}
#conteudo h3 {
	color: #5C5689;
	font:bold 100%  Trebuchet Ms, Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
}
h3 small {
	display: block;
	font: 75% Trebuchet Ms, Tahoma, Verdana, Arial, Tahoma, 'Sans-Serif';
	margin-bottom: 3px;
	color: #FF8C00;
}


#conteudo p, #conteudo ul li{
	font: 90% Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
}

#conteudo p a{
	text-decoration:none;
	color: #05629C;
}
	


#conteudo li a:link {
	text-decoration: none;
	color: #4682B4;
}
#conteudo li a:hover {
	text-decoration: underline;
	color: Navy;
}

html>body #conteudo a {
	text-decoration:none;
	color: #05629C;
	/* border-bottom:1px dotted #426373 ;*/
	
}

#conteudo a:hover {
	color: #05629C;
	border: 0px;
	text-decoration: underline;
}



/********** conteudo geral, sem a coluna da esquerda  ***/
#conteudogeral h2 {
	font: bold 90%  Verdana, Tahoma, Trebuchet Ms, Arial,  Helvetica, Sans-Serif;
	color: #6495ED;
	letter-spacing: 1px;
}
#conteudogeral h3 {
	color: #0083AC;
	font: small-caps bold 90% Tahoma, Verdana, Trebuchet Ms, helvetica, Arial,sans-serif;
	BACKGROUND: url( ../imagens/bullet2.gif) no-repeat left center; /*font:bold 90% Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif; */
	border-bottom: thin solid #EBE9CD;
}

#conteudogeral p {
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
	letter-spacing: 0.8px;
}

#conteudogeral ul li {
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
	background: #E6F6F6;
}
#conteudogeral h4 {
	font: bold 90% "Trebuchet Ms", Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
	color: #6094BB;
	text-indent: 10px;
}

#conteudogeral ul li a {
	text-decoration: underline;

}
#conteudogeral ol li {
	text-decoration: none;
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: Silver;
	display: list-item;
}
#conteudogeral ul li a:hover {
	background-color: #DCDCDC;
	color: Blue;
}

html>body #conteudogeral a {
	text-decoration:none;
	/*border-bottom:1px dotted #426373 ;*/
}

#conteudogeral a:hover {
	color:#EA0000;
	border:0px;
	text-decoration:none;
}

#conteudogeral p.formula {
				 font: 100%  Trebuchet Ms,Arial, Verdana,Tahoma, Helvetica, Sans-Serif;
	color: darkgreen;
	}
	
#conteudogeral p.exercicio {
				 font: 100%  Trebuchet Ms,Arial, Verdana,Tahoma, Helvetica, Sans-Serif;
				 color: darkblue;
				 letter-spacing: 0.8px;
	}	
#conteudogeral table { font: 75% Trebuchet MS, Arial, Verdana;
	

}	
/************ conteudogeral2 ***********/

#conteudogeral2 h2 {
	font: bold 90%  Verdana, Tahoma, Trebuchet Ms, Arial,  Helvetica, Sans-Serif;
	color: #6495ED;
	letter-spacing: 1px;
	background-color: #E9F2FC;
}
#conteudogeral2 h3 {
	color: #0083AC;
	font: small-caps bold 90% Tahoma, Verdana, Trebuchet Ms, helvetica, Arial,sans-serif;
	BACKGROUND: url( ../imagens/bullet2.gif) no-repeat left center; /*font:bold 90% Tahoma, Trebuchet Ms, Arial, Verdana, Helvetica, Sans-Serif; */
	border-bottom: 1px solid #EBE9CD;
	
}
#conteudogeral2 h4 {
	color: #ff9933;
	font: 600 80% Trebuchet Ms, helvetica, Arial,sans-serif;
	letter-spacing: 1px;
	BACKGROUND: url( ../imagens/bullet.gif) no-repeat left center;
	
}

#conteudogeral2 p {
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
	letter-spacing: 0.8px;
}

#conteudogeral2 ul li {
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
	list-style-image: url(../imagens/bullet1.gif);
	
}
#conteudogeral2 ol li {
	font: 90%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
	color: #3F3F3F;
		
}


#conteudogeral2 ul li a {
	text-decoration: none;
	color:#0066cc;

}
#conteudogeral2 ul li a:hover {
	text-decoration: underline;
	color: #BAB465;
}

html>body #conteudogeral2 a {
	color: #2A2451;
	
	}

#conteudogeral2 a:hover {
	color: #6D58ED;
	text-decoration:none;
}
#conteudogeral2 a:visited {
	color: #6D6930;
	
}


#conteudogeral2 table { font: 75% Trebuchet MS, Arial, Verdana; }


/******************/

#cont h3 {
	color: #FFA500;
	font: 110% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;

}

#cont li {
font: 80%   Trebuchet Ms, Arial,Verdana,Tahoma, Helvetica, Sans-Serif;
}

#cont li img {
border:2px solid #ccc;
}
#cont table { font: 75% Trebuchet MS, Arial, Verdana;
	
}


.topo {
	color: #FF8C00;
	font:  90% Arial, Trebuchet Ms, tahoma; 
	BACKGROUND: url( ../imagens/topo1.gif) no-repeat left center;
}


.picleft {
float:left;
border:1px solid #DCDCDC;
margin:5px 15px 5px 5px;
/*margin-bottom:5px;*/
padding:5px;
background-color:white;
}

.picright{
float:right;
padding:5px;
border: 1px solid #DCDCDC;
margin:5px 10px 5px 5px;

background-color:white;
}

.piccenter{
background-position: center;
border:1px solid #E9EDCD;
margin:5px 10px 15px 15px;
padding:5px;
background-color:white;
}



/*************** Rodape ***************/
#rodape {
/*	background: #F4F4F4; */
	background:#F9F9ED;
	border-top: 2px solid #FFA500;
	
}


#rodape address {
	text-align: left;
	padding: 5px;
	font: 70% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #156282;
}

/***********  **************/
#data {
	text-align: right;
	padding: 5px;
	font: 70% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #FF8C00;
}

#data a {
	
	color: gray;
	
}


/**********menu de salto ***********/
#menusalto option{
	border: 1px dotted #33638D;
	background: #E8F1F6;
	font: 75% Trebuchet MS, Tahoma, arial, helvetica;
	color: #483D8B;
}
#menusalto  form {
	
	
}
/***************  Inputs  ***************/
form#comentario .inputtexto { border:1px solid #CCC; }

/****************  estilo do formulario de contato *************************/
.contato {
	}
td.modelo1{border:1px solid #ffffff;background-color:#fefefe;font-family:tahoma,arial,verdana;font-size:9pt;color:#4f4f4f;}
td.modelo2{
	border: 1px solid #ffffff;
	background-color: #F2F8F9;
	font-family: tahoma,arial,verdana;
	font-size: 9pt;
	color: #696969;
	
}
input.modelo2{ border:1px solid #ADD8E6;background-color:#F4FAFB;font-family:tahoma,arial,verdana;font-size:9pt;color:#4f4f4f;
letter-spacing: 1px;}
textarea.modelo2{
	border: 1px solid #ADD8E6;
	background-color: #F4FAFB;
	font-family: tahoma,arial,verdana;
	font-size: 10pt;
	color: #696969;
	letter-spacing: 1px;
}
select.modelo1{background-color:#F4FAFB;font-family:tahoma,arial,verdana;font-size:9pt;color:#4f4f4f; letter-spacing: 1px;}
input.modelo1{
	font: 10pt Trebuchet MS, arial, helvetica;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #EAF4F7;
	background-color: #3C709D; 
}
td.direita {
	font: 10pt Trebuchet MS, Arial;
	color: #056FB2;
	text-align: right;
}


/******** estilo das tabelas dos horrios ********/
tr.dia { font: bold;
	color: #696969;
	background: #DCDCDC;
}
tr.mes {
	font: small-caps bold 14pt Trebuchet MS, Arial, Verdana;
	color: #F4A000;
	background: #F3F3F3;
	letter-spacing: 3px;
	border-bottom: double ;
	text-align: center;
}
tr.intervalo {
	color: #6E8FBA;
	background: #E4E4E4;
}
td.hora { 	color: Navy; background: #D3D3D3; }
tr.cont {
	color: #1F64DE;
	background: #F6F6F6;
}
tr.atividade {
	padding-left: 5px;
	text-align: left;
	color: #1F64DE;
	background: #F6F6F6;
}
tr.feriado {
	margin-left: 5px;
	text-align: left;
	color: #1F64DE;
	background: Silver;
}
tr.nome {
	font: 110% bold Trebuchet MS, Arial, Verdana;
	color: #F4A000;
	text-align: left;
}

#conteudogeral p.aviso {
	font: 70% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #F4A000;
	background: #FBFBFB;
}
#conteudogeral p.links {
	font: 85% Trebuchet Ms, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: Gray;
	background-image: url(../imagens/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#conteudogeral p.links a{
text-decoration: underline;
color: Gray;
}

#conteudogeral p.links a:hover{
	color: #37668F;
	background: #F5F5F5;
}
#conteudogeral p.serie {
	background-color: #F5F5F5;
	font: small-caps bold 100% Trebuchet Ms, Tahoma, Arial;
	color: #FF8C00;
}
.AvisoVermelho { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; color: red;}

#conteudogeral p a{
text-decoration:none;
color: #7699C7;
}

#conteudogeral p a:hover{
	color: #37668F;
	text-decoration: underline;
	
}