/* CSS Document */
html {
overflow: -moz-scrollbars-vertical;
}

body {
margin:0;
behavior: url(estilos/csshover.htc);
}

/*ESTRUTURA*/
#geral {
width:780px;
margin: 0 auto;
}

#cab {
position:relative;
height:120px;
background:url(../imagens/testeira.jpg) no-repeat center center;
}

#esq {
width:180px;
float:left;
}

#ctd {
width:590px;
float:right;
position:relative;
z-index:0;
}

#rod {
height:20px;
background:#cc0000;
margin-top:5px;
clear:both;
}

#flag {
position:absolute;
top:10px;
right:10px;
}

/*NAVEGAÇÃO - MENU*/
#nav {
margin:0 0 0 5px;
background:url(../imagens/faixa_esq_nav.gif) repeat-y left center;
z-index:1;
position:relative;
}
#nav dt span {
display:block;
width:158px;
border:1px solid #ccc;
margin:4px 0 4px 10px;
padding:4px 0;
}
#nav dt span a, .submenu a {
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
margin-left:5px;
}
#nav dt span:hover {
border:1px solid #ff0000;
}
.submenu {
width:230px;
background:#fff;
border:1px solid #ccc;
padding:5px;
}
.submenu a:hover {
color:#ff0000;
}
#installations, #enseignements, #horaires, #inscriptions, #contacts {
position:absolute;
right:-240px;
}
#installations {
top:145px;
}
#inscriptions {
top:202px;
}
#horaires {
top:115px;
}
#enseignements {
top:87px;
}
#contacts {
top:58px;
}

/*FOTOS DE APRESENTAÇÃO*/
#fotosdeapresentacao {
margin:10px 0 0 5px;
}

#fotosdeapresentacao dt {
margin:15px 0;
}

/*FORMATAÇÃO DO RODAPÉ*/
#rod address {
line-height:20px;
font-size:11px;
font-family:"Trebuchet MS",Arial, Helvetica;
font-style:normal;
font-weight:bold;
color:#fff;
text-align:center;
}

#rod address a {
margin:0 10px;
color:#fff;
font:bold 11px "Trebuchet MS",Arial, Helvetica;
}

/*TAGS*/
h1 {
margin:3px 0;
}

h2 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#03c;
margin:10px 0;
}

h3 {
font:bold 13px Arial, Helvetica, sans-serif;
color:#333;
}

p {
margin:0;
padding:0;
}

#info p, #ctd p { /*parágrafos dos textos internos*/
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
margin:8px 0;
text-align:justify;
}
#info ul {
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
}

a {
color:#06C;
text-decoration:none;
font:normal 12px Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration:underline;
}

/*CLASSES*/
.limpar {
clear:both;
}
.rolagem {
/*height:370px;
overflow:auto;*/
}
.center {
text-align:center;
}

.retorna {
text-align:right !important;
}

.retorna a {
color:#FF0000;
}