/*
-----------------------------------------------
Expertu Comércio Virtual e Marketing Ltda.
Autor:	Fernando Malaquias
Versão: 07 de agosto de 2006
----------------------------------------------- 
*/

* { margin: 0; padding: 0; list-style:none;} /* Zerando as margens e preenchimentos de todas as tags */

body {
font: normal 0.8em Arial,verdana,tahoma; 
color:#333333;
background:#EEEEEE;
}


/* Estrutura da página
----------------------------------------------- */

#borda {
text-align:left;
width:777px;
border:solid 1px #999999;
margin:0;
padding:0;
overflow:hidden;
}

#borda #topo {
float:left;
text-align:right;
width:767px;
height:21px;
padding:0 10px 0 0;
margin:0;
background:#FFFFFF;
}
  

#borda #page {
float:left;
width:777px;
margin:0;
padding:0;
background: #ffffff;

/*background: #ffffff url('../imgsite/page_fnd.jpg') no-repeat left bottom;*/


overflow:hidden;
}

#borda #page #esquerda {
float:left;
width:189px;
padding:0;
margin:0;
background:url('../imgsite/menu_fnd.jpg') no-repeat left top;
}

#borda #page #esquerda #menu {
float:left;
text-align:left;
width:189px;
padding:40px 0 0 0;
margin:0;
}

#borda #page #direita {
float:right;
width:588px;
padding:0;
margin:0;
}

#borda #page #direita #flash {
float:left;
width:588px;
height:175px;
padding:0;
margin:0;
}

#borda #page #direita #coluna1 {
float:left;
width:206px;
padding:10px 3px 3px 3px;
margin:0;
}

#borda #page #direita #coluna2 {
float:left;
width:200px;
padding:10px 3px 3px 6px;
margin:0;
}

#borda #page #direita #coluna3 {
float:left;
width:162px;
padding:10px 0 0 5px;
margin:0;
}

#borda #page #direita #topo_internas{ width:547px; height:35px; padding:20px 0 0 30px; background:url('../imgsite/topo_internas.jpg') no-repeat left bottom; text-align:left; clear:both; }
#borda #page #direita #meio_internas{ width:565px; padding:0 7px 0 5px; background: url('../imgsite/internas_fnd.gif') no-repeat right top; text-align:left; position:relative;}

#rodape {
clear:both;
text-align:right;
width:777px;
height:53px;
margin:0; 
padding:0;
line-height:1.2em;
overflow:hidden;
background: url('../imgsite/rdp_fnd.jpg') no-repeat left top; 
}


.espacamento { 
line-height:1.4em;
}

/*
html>body #titulo { height:20px; }

hack para q o FF, Opera, etc, deixem o tamanho correto do layout, pois não colocando ele adicionaria 
o valor do padding ao width das divs, totalizando width + padding, que iria bagunçar o layout */


/* Tables */
table { font-size:1em; }

/* Paragrafos */

p { 
margin:0 0 15px 0;
padding:0;
} 



/* ########################## */
#divContainer {
position:absolute;
width:136px; 
height:146px;
overflow:hidden; 
clip:rect(0,136,146,0); 
visibility:hidden; 
}

#divContent {
position:relative;
top:0; 
left:0; 
}
/* ########################## */


/* Links */

a:link  { color: #333333; text-decoration: none;}
a:visited  { color: #333333; text-decoration: none;}
a:hover  { color: #333333; text-decoration: underline;}
.linkmenu { font: bold 1.0em Arial,verdana,tahoma; letter-spacing:0.1em; }
	A.linkmenu:link { text-decoration: none; color: #393532; }
	A.linkmenu:visited { text-decoration: none; color: #393532;}
	A.linkmenu:hover { text-decoration: none;}
.linkmenutopo { font: bold 11px Arial,verdana,tahoma; letter-spacing:0.2em; }
	A.linkmenutopo:link { text-decoration: none; color: #686262; }
	A.linkmenutopo:visited { text-decoration: none; color: #686262;}
	A.linkmenutopo:hover { text-decoration: underline;}
.linknoticias { font: bold 1.0em Arial,verdana,tahoma; }
	A.linknoticias:link { text-decoration: none; color: #E67817; }
	A.linknoticias:visited { text-decoration: none; color: #E67817;}
	A.linknoticias:hover { text-decoration: underline;}

		
/* Estilos Gerais */

.titulobranco { font: bold 1.0em Arial,verdana,tahoma; color: #ffffff; }
.tituloazul { font: bold 1.2em Arial,verdana,tahoma; color: #007CC2; }
.tituloroxo { font: bold 1.0em Arial,verdana,tahoma; color: #8D5C8B; }
.titulolaranja { font: bold 1.0em Arial,verdana,tahoma; color: #E67817; }
.textoazul { font: normal 0.8em Arial,verdana,tahoma; color: #007CC2; }
.textocinza { font: normal 0.9em Arial,verdana,tahoma; color: #5A5859; }
.textorodape { font: normal 13px Arial,verdana,tahoma; color: #F3E82A; }


/* Noticias home */
#not { width:180px; margin:30px 0 0 15px;}
#not td { text-align:left; padding:0; overflow:hidden;}
#not td h3 a { color:#e67817; font-size:11px;}
#not td h3 a:link,
#not td h3 a:visted { text-decoration:none;}
#not td h3 a:hover { text-decoration:none;}

#not td h4 { overflow:hidden; font-size:10px;}
#not td h4 a { color:#000000; font-weight:normal; font-size:10px;}
#not td h4 a:link,
#not td h4 a:visted { text-decoration:none;}
#not td h4 a:hover { text-decoration:underline;}

#not .detalhe_lista { border-bottom:dotted 2px #CCCCCC;}

#img { width:179px; margin:0 0 10px 0; position:relative;}
#img #dt_mais { width:16px; height:107px; position:absolute; right:6px; bottom:-6px; background:url(../imgsite/dt_mais.gif) no-repeat right bottom; z-index:900;}

#retrato { width:70px; height:70px; padding:9px 0 0 0; position:relative;}
#retrato #retr { width:70px; height:79px; background:url(../imgsite/retrato.gif) no-repeat left top; position:absolute; left:0px; top:0px; z-index:900;}

/* Eventos home */
#eventos { width:180px; margin:30px 0 0 9px;}
#eventos td { text-align:left; padding:0; overflow:hidden;}
#eventos td h3 a { color:#e67817; font-size:11px;}
#eventos td h3 a:link,
#eventos td h3 a:visted { text-decoration:none;}
#eventos td h3 a:hover { text-decoration:none;}

#eventos td h4 { overflow:hidden; font-size:10px;}
#eventos td h4 a { color:#000000; font-weight:normal; font-size:10px;}
#eventos td h4 a:link,
#eventos td h4 a:visted { text-decoration:none;}
#eventos td h4 a:hover { text-decoration:underline;}

#eventos .detalhe_lista { border-bottom:dotted 2px #CCCCCC;}

/*## page imprimir horario aula*/
#hr_imprimir { width:600px; font-size:11px;}
.dia { font-weight:bold; text-align:center; font-size:12px;}
/*##*/