/* 
    Document   : estilos
    Created on : 27/10/2010, 11:02:15
    Author     : andre
    Description: Purpose of the stylesheet follows.
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background-image: url(../imagens/bkgsite2.png);
    background-repeat: repeat-x;
    background-color: #A2A2A2;
}
/*Estilos para a página inicial*/
div#container{
    width: 776px;
    left: 50%;
    margin-left:-388px;
    position:relative;
}
div#topo{
    float: left;
    width: 770px;
    height: 100px;
    background-image: url(../imagens/Topo.png);
}
div#sombratopor{
    float: left;
    width: 3px;
    height: 100px;
    background-image: url(../imagens/sombra2.png);
    background-repeat: repeat-y;
}
div#sombratopol{
    float: left;
    width: 3px;
    height: 100px;
    background-image: url(../imagens/sombra.png);
    background-repeat: repeat-y;
}
div#menu{
    float: left;
    width: 770px;
    height: 30px;
    margin-top: 2px;
    background-color: transparent;
}
div#sombramenur{
    margin-top: 2px;
    float: left;
    width: 3px;
    height: 30px;
    background-image: url(../imagens/sombra2.png);
    background-repeat: repeat-y;
}
div#sombramenul{
    margin-top: 2px;
    float: left;
    width: 3px;
    height: 30px;
    background-image: url(../imagens/sombra.png);
    background-repeat: repeat-y;
}
div#menu > div:hover{
    background-image: url(../imagens/rmenu1.jpg);
}
div#menuitem1{
    width: 100px;
    height: 30px;
    margin-right:2px;
    text-align: center;
    line-height: 30px;
    float: left;
    color: white;
    font-size: 13px;
    font-family: Arial;
    background-image: url(../imagens/rmenu.jpg);
    background-repeat: repeat-x;
}
div#menuitem2{
    width: 128px;
    height: 30px;
    margin-right:2px;
    text-align: center;
    line-height: 30px;
    float: left;
    color: white;
    font-size: 13px;
    font-family: Arial;
    background-image: url(../imagens/rmenu.jpg);
    background-repeat: repeat-x;
}
div#menuitem3{
    width: 87px;
    height: 30px;
    margin-right:2px;
    text-align: center;
    line-height: 30px;
    float: left;
    color: white;
    font-size: 13px;
    font-family: Arial;
    background-image: url(../imagens/rmenu.jpg);
    background-repeat: repeat-x;
}
div#menuitemfim{
    width: 87px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: left;
    color: white;
    font-size: 13px;
    font-family: Arial;
    background-image: url(../imagens/rmenu.jpg);
    background-repeat: repeat-x;
}
div#container-meio{
    width: 776px;
    height: auto;
    float: left;
    margin-top: 2px;
    background-image: url(../imagens/bgcm.png);
    background-repeat: repeat-y;
}
div#container-cima{
    width: 776px;
    height: auto;
    float: left;
    margin-top: 2px;
}
div#conteudo{
    margin-right: 2px;
    width: 572px;
    padding: 10px 10px 5px 10px;
    height: auto;
    float: left;
    background-color: white;
    text-align: justify;
    font-size: 13px;
    color: #403c3c;
    font-family: Arial;
	/*border:#A2A2A2 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
}
div#titulocont{
    color:#FFF;
    margin-bottom: 10px; padding-left: 5px;
    width: 572px; height: 21px; float: left;
    background-image: url("../imagens/titulobg.png");
    font-size: 16px; font-weight: bold; font-family: Arial;
    text-align: justify; text-transform: uppercase;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
div#sombraconteudo{
    margin-top: 2px;
    float: left;
    width: 3px;
    height: auto;
}
div#lateral{
    width: 176px;
    height: auto;
    float: left;
    background-color: white;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
}
div#titulolaterais{
    width: 174px;
    height: 15px;
    float: left;
    background-image: url(../imagens/tlateralbg.png);
    text-align: justify;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: white;
    padding-left: 2px;
}
div#apresentacao{
    margin-right: 2px;
    width: 592px;
    height: 150px;
    float: left;
}
div#sombraapresentacaor{
    float: left;
    width: 3px;
    height: 150px;
    background-image: url(../imagens/sombra2.png);
    background-repeat: repeat-y;
}
div#sombraapresentacaol{
    float: left;
    width: 3px;
    height: 150px;
    background-image: url(../imagens/sombra.png);
    background-repeat: repeat-y;
}
div#clubes{
    width: 176px;
    height: 150px;
    float: left;
    background-color: white;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
}
div#rodape{
    width: 770px;
    height: 30px;
    float: left;
    margin-top: 2px;
    margin-bottom: 5px;
    background-image: url(../imagens/rmenu.jpg);
    background-repeat: repeat-x;
    color: white;
    text-align: left;
    line-height: 30px;
    font-size: 13px;
    font-family: Arial;
}
div#sombrarodapel{
    margin-top: 2px;
    float: left;
    width: 3px;
    height: 30px;
    background-image: url(../imagens/sombra.png);
    background-repeat: repeat-y;
}
div#sombrarodaper{
    margin-top: 2px;
    float: left;
    width: 3px;
    height: 30px;
    background-image: url(../imagens/sombra2.png);
    background-repeat: repeat-y;
}
a#linkmenu{
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
a#linkmenu1{
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
img#fotohome{
    width: 134.6px;
    height: 350px;
    text-align: left;
    margin-right: 10px;
}

div#container-unico{
    width: 756px;
    height: auto;
    float: left;
    margin-top: 2px;
    background-image: url(../imagens/bgcunico.png);
    background-repeat: repeat-y;
    padding: 10px 10px 5px 10px;
    text-align: center;
    color: #403c3c;
    font-family: Arial;
}
h2#unico{
    text-align: left;
    color: #403c3c;
    font-family: Arial;
}


div#menuentidades{
    width: 176px;
    height: auto;
    float: left;
    background-color: white;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    border-right-width: 2px;
    border-right-style: dotted;
    border-right-color: white;
}
div#conteudoentidades{
    width: 572px;
    padding: 10px 10px 5px 10px;
    height: auto;
    float: left;
    background-color: white;
    text-align: justify;
    font-size: 13px;
    color: #403c3c;
    font-family: Arial;
}
div#container-unico2{
    width: 776px;
    height: auto;
    float: left;
    margin-top: 2px;
    background-image: url(../imagens/bgcunico.png);
    background-repeat: repeat-y;
}
ul#listadetitulos{
    list-style: none;
    padding: 0;
    margin: 0;
}
li#elementomenu{
    border-bottom-color:whitesmoke;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    background-color: #153c75;
}