html {
height: 100%;
}
body {
text-align: left;
background-repeat:repeat-x;
font-family:Candara;
background-image:url(imagem/back.png);
height: 100%;
}
#principal {
width: 960px;
min-height: 100%;
margin-top:-10px;
height: auto;
margin-left: auto;
margin-right: auto;
}
#barra_topo {
height:40px;
width:950px;
font-size:13px;
text-align:right;
line-height:40px;
padding-right:10px;
color:#FFFFFF;
float:left;
}
#barra_logo {
height:70px;
width:960px;
padding-top:40px;
padding-bottom:40px;
float:left;
}
#logo {
width: 400px;
height:70px;
float:left;
}
#rede_social {
width:200px;;
height:70px;
line-height:70px;
text-align:right;
float:right;
}
#foto {
width: 960px;
height: 218px;
background-image: url(imagem/foto.png);
background-repeat: no-repeat;
margin-bottom:20px;
float: left;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
#rola {
width: 960px;
height: auto;
font-family: Candara;
font-size: 20px;
padding-bottom: 5px;
padding-top: 5px;
float: right;
}
#menu {
height:70px;
width:960px;
margin-bottom:20px;
font-family:Candara;
color: #fff;
float:left;
}
.menu1 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu1:hover
{
background-color: #c00;
color: #000;
}
.menu2 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu2:hover
{
background-color: #e7580c;
color: #000;
}
.menu3 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu3:hover
{
background-color: #f9a11b;
color: #000;
}
.menu4 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu4:hover
{
background-color:#93cc1d;
color:#000;
}
.menu5 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu5:hover
{
background-color: #2cad53;
color: #000;
}
.menu6 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu6:hover
{
background-color: #6ad4ca;
color: #000;
}
.menu7 {
color: #FFFFFF;
text-align:center;
font-size: 15px;
width: 140px;;
padding-left:10px;
padding-right:10px;
line-height:70px;
height: 70px;
float: left;
}
div.menu7:hover
{
background-color:#3cb8da;
color: #000;
}
#corpo {
width: 960px;
float: left;
}
#corpo2 {
width: 960px;
float: left;
}
#corpo3 {
width: 960px;
height: auto;
float: left;
}
#square1 {
width: 650px;
height: 280px;
float: left;
}
#square2 {
width: 290px;
height: 280px;
float: right;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#square2tit {
width: 285px;
font-family: Candara;
font-size: 22px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 3px solid #900E26;
color: #000000;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#square2corp {
background-color: #9f131e;
width: 280px;
font-family: Candara;
font-size: 14px;
padding-left: 10px;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #d13741;
color: #FFFFFF;
float: left;
}
#square2bottom {
background-color: #9f131e;
width: 280px;
font-family: Candara;
font-size: 12px;
text-align: right;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #d13741;
color: #FFFFFF;
float: left;
}
#destaque {
width: 650px;
height: 280px;
margin-top: 20px;
margin-bottom:20px;
float: left;
}
#destaque_tit {
width:650px;
height:30px;
font-family:Candara;
font-size:22px;
border-bottom: 3px solid #900E26;
float:left;
}
#destaque_corpo {
width:315px;
height:115px;
font-family:Candara;
font-size:12px;
padding:4px;
border-bottom: 2px solid #E4E4E4;
border-right: 2px solid #E4E4E4;
float:left;
}
#square6 {
width: 290px;
height: 280px;
float: right;
margin-top:20px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#banner {
width:960px;
height:120px;
margin-bottom:20px;
float:left;
}
#banner_1 {
width:320px;
height:80px;
margin-left:35px;
margin-top:20px;
float:left;
}
#banner_2 {
width:320px;
height:80px;
margin-left:35px;
margin-top:20px;
float:left;
}
#banner_3 {
width:320px;
height:80px;
margin-right:35px;
margin-top:20px;
float:right;
}
#like {
width: 960px;
margin-bottom: 3px;
height: auto;
float: left;
}
#mapa {
width:960px;
height:auto;
font-family:Candara;
margin-top:20px;
margin-bottom:30px;
font-size:12px;
float:left;
}
#mapa_1 {
width:450px;
height:auto;
border-right: 3px solid #EA4249;
float:left;
}
#mapa_2 {
width:450px;
height:auto;
float:right;;
}
#mapa_logo {
width:200px;
height:34px;
margin-left:125px;
margin-top:15px;
margin-bottom:25px;
float:left;
}
#mapa_corpo {
width:325px;
height:auto;
color:#EA4249;
font-family:Candara;
margin-left:125px;
font-size:12px;
float:left;
}
#rodape_patrocinio {
width:940px;
height:auto;
margin-bottom:20px;
padding-left:10px;
padding-right:10px;
float:left;
}
a.classe1:link {
text-decoration: none;
color: #ffffff;
}
a.classe1:visited {
text-decoration: none;
color: #ffffff;
}
a.classe1:hover {
text-decoration: none;
color: #D1D1D1;
}
a.classe1:active {
text-decoration: none;
color: #ffffff;
}
a.classe2:link {
text-decoration: none;
color:#000000;
}
a.classe2:visited {
text-decoration: none;
color:#494949;
}
a.classe2:hover {
text-decoration: none;
color: #D1D1D1;
}
a.classe2:active {
text-decoration: none;
color:#000000;
}