/* CSS Document */

/*Definicao de pagina e tags*/
html { 
min-height : 100%px; 
font-family : Tahoma, Verdana; 
font-size : 10px; 
background-color : #eeeff1; 
} 
* { 
margin : 0; 
padding : 0; 
} 
ul { 
margin-left : 0; 
vertical-align : bottom; 
} 
li { 
list-style-type : none; 
} 
a { 
color : #666666; 
text-decoration : none; 
} 
a:hover { 
color : #0b2444; 
text-decoration : none; 
}
img { 
border : 0; 
} 
.clearer { 
clear : both; 
} 
.left { 
float : left; 
} 
.right { 
float : right; 
} 
/* --x-- */

/*topo do site*/
.topo { 
padding : 8px; 
} 
.baner { 
background-color : #FFFFFF; 
height : 104px; 
margin : 0 auto; 
padding : 8px 8px 5px; 
width : 778px; 
} 
.baner .left, .baner .right { 
background : transparent url(../images/bgtopo.jpg) repeat-x top left; 
color : #000; 
height : 104px; 
} 
.baner .left { 
background : transparent url(../images/logo.jpg) no-repeat top left; 
width : 225px; 
} 
.baner .left div { 
padding-right : 16px; 
padding-top : 16px; 
} 
.baner .right { 
width : 553px; 
font : bold 12px Verdana; 
text-align : left; 
line-height : 105px; 
} 
/*Fim do topo*/

/*Define todo o meio fora(container)*/
.todoconteudo { 
background-color : #FFFFFF; 
font-size : 10px; 
margin : 0 auto; 
padding : 0 8px 8px; 
width : 778px; 
}

/*Define o meio dentro(main)*/ 
.main { 
float : left; 
border-top : 8px solid #FFFFFF;
/*define a marcacao (linha branca divisoria entre menu e conteudo*/ 
background : url(../images/bgmeio.jpg) repeat-y; 
}
/*Define o meio dentro(content)*/ 
.meio { 
float : right; 
width : 450px; 
} 
.meio { 
color : #666; 
font-size : 10px; 
margin-bottom : 6px; 
margin : 5px 0 0 5px; 
} 
.meio .img { 
padding : 5px; 
border : 1px solid #666666;
}
.meio2 { 
float : right; 
width : 365px; 
} 
.meio2 { 
color : #666; 
font-size : 10px; 
margin-bottom : 6px; 
margin : 5px 0 0 5px; 
} 
.meio2 .img { 
padding : 5px; 
border : 1px solid #666666;
}
.limite{

height: auto;
}
/* Fim definição meio */

/* Definição Direita */
.direita { 
float : right; 
width : 165px;
height: 100%; 
background-color : #FFFFFF;
/*topo / direita /  baixo / esquerda*/ 
margin : 5px 5px 0 0; 
} 
.direita { 
color : #666666; 
font-size : 10px; 
margin-bottom : 6px; 
}
.direita2 { 
float : right; 
width : 250px;
height: 300; 
/*topo / direita /  baixo / esquerda*/ 
margin : 0px 5px 0 0; 
} 
.direita2 { 
color : #666666; 
font-size : 10px; 
margin-bottom : 6px; 
}
/* Fim definição direita */

/* Menu do Meio(navigation) */ 
.menumeio { 
background : url(../images/bgmenucima.jpg) no-repeat; 
width : 778px; 
height : 40px; 
} 
.menumeio a { 
color : #FFFFFF; 
float : left; 
font-family : Tahoma, Verdana; 
font-size : 12px; 
font-weight : bold; 
line-height : 23px; 
padding : 0 18px; 
} 
.menumeio a:hover { 
font-weight : bold; 
color : #00FF00; 
}
/* Fim Menu Meio */

/* Menu Esquerda */ 
.menu { 
float : left; 
vertical-align : top; 
width : 150px; 
background-image : url(../images/bgmenu.jpg); 
} 
.menu ul { 
padding : 0; 
border-top : 1px solid #e4e4e4; 
} 
.menu li { 
border-bottom : 1px solid #e4e4e4; 
} 
.menu li a { 
font-family : Tahoma; 
font-size : 10px; 
color : #000; 
font-weight : bold; 
display : block; 
padding : 4px 0 4px 5%; 
text-decoration : none; 
width : 95%; 
} 
.menu li a:hover { 
background-image : url(../images/bgmenu2.jpg); 
font-weight : bold; 
color : #FFFFFF; 
}
/* Fim Menu Esquerda */

/* rodapé */ 
.rodape { 
background : url(../images/rodape2.jpg) repeat-x; 
color : #FFFFFF; 
font : bold 1em sans-serif; 
line-height : 39px; 
text-align : center; 
}
/* Fim Rodapé */
.miti {
width:778px; 
vertical-align:top;
margin : 0 auto; 
padding : 8px 8px 5px;
background:#fff;
}
.titulodesc{
font: bold 12px Tahoma;
color:#666666;
text-align:center;
width: 420px;
}
.desc{
font: normal 12px Tahoma;]
text-align:justify;
color:#666666;
width: 420px;

}
.p1{
font: bold 12px Tahoma;
color:#666666;
text-align:center;
}
.p2{
font: normal 10px Tahoma;
color:#666666;
}
/* FORMULARIO */
.formulario{
clear:left;
display:block;
float:left;
margin-top:3px;
width:130px;
}
.caixa{
border: solid 1px;
border-style:solid;
display:block;
margin-bottom:5px;
margin-left:135px;
font: normal 10px Verdana;
width: 170px;
background-color:#FFFFFF;
}
.caixa:hover {
background-color:#FFFFCC;
}
.botao{
display:block;
margin-bottom:5px;
margin-left:135px;
font: normal 10px Verdana;
width: 80px;
}
.caixapequena{
border: solid 1px;
border-style:solid;
display:block;
margin-bottom:5px;
margin-left:135px;
font: normal 10px Verdana;
width: 100px;
background-color:#FFFFFF;
}
.caixapequena:hover {
background-color:#FFFFCC;
}
.caixagrande{
border: solid 1px;
border-style:solid;
display:block;
margin-bottom:5px;
margin-left:135px;
font: normal 10px Verdana;
width: 170px;
height:100px;
background-color:#FFFFFF;
}
.caixagrande:hover {
background-color:#FFFFCC;
}
/* \FORMULARIO */