/*@import url(http://fonts.googleapis.com/css?family=Gabriela);*/
body, html{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10pt }
body{ background:#7D0000 url(../../images/bg_body.png) fixed center no-repeat; }

#Cabeca{ height:150px; }
#Cabeca #Cab{ position:relative; width:950px; height:150px; margin:auto; background:url(../../images/cab.png) no-repeat }
#Cabeca #Cab #Menu{ position:absolute; width:951px; height:44px; bottom:-5px; border-top:1px solid #900; border-bottom:1px solid #300; z-index:11;  }
#Cabeca #Cab #Menu .down{ position:absolute; width:16px; height:13px; top:44px; background:url(../../images/down.png) center no-repeat; border-top:1px solid #860D00; z-index:1 }
#Cabeca #Cab #Menu .mH{ position:relative; height:45px; float:left; background:url(../../images/menuHome.png) no-repeat; cursor:pointer; z-index:0 }
#Cabeca #Cab #Menu .mH:hover{ background-position: 0px -45px; }
#Cabeca #Cab #Menu .m{ position:relative; height:25px; float:left; background:url(../../images/menu2.png) no-repeat; cursor:pointer; z-index:0; font-family:Arial, Helvetica, sans-serif; font-size:18pt; color:#fff; padding:10px 0px; text-align:center; text-shadow:-1px -1px 1px #000 }
#Cabeca #Cab #Menu .m:hover{ background-position: 0px -45px; }
#Cabeca #Cab #Menu .mAtivo{ position:relative; height:45px; float:left; background:url(../../images/menu2.png) 0px -45px no-repeat; z-index:0; font-family:Arial, Helvetica, sans-serif; font-size:18pt; color:#fff; padding:10px 0px; text-align:center; text-shadow:-1px -1px 1px #000 }

#Cabeca #Cab #Menu #m1{ width:57px; }
#Cabeca #Cab #Menu #m2{ width:179px; }
#Cabeca #Cab #Menu #m3{ width:179px; }
#Cabeca #Cab #Menu #m4{ width:179px; }
#Cabeca #Cab #Menu #m5{ width:179px; }
#Cabeca #Cab #Menu #m6{ width:178px; }

#Principal{ position: relative; width:1000px; height:780px; margin:auto; overflow:hidden; }
#Principal .pg{ position:absolute; width:1000px; height:800px; font-family:Arial, Helvetica, sans-serif; }
#Principal #pg1{ top:0 }
#Principal #pg2{ height:700px; top:800px; }
#Principal #pg3{ height:700px; top:1600px; }
#Principal #pg4{ height:700px; top:2400px; }
#Principal #pg5{ height:700px; top:3200px; }
#Principal #pg6{ height:700px; top:4000px; }
#Principal #pg7{ height:700px; top:4800px; }

#BannerBase{ position:relative; width:1000px; height:500px; margin:auto; }
.Pg{ position:relative; width:950px; height:800px; margin:auto; }

.Pg .Titulo{ position:relative; width:550px; margin:20px 22px; font-size:30pt; padding:10px; color:#fff; border-left:6px solid #F00; /* For IE8 and earlier */ }
.Pg .Texto{ position:relative; width:510px; margin:10px 22px; padding:15px; font-size:10pt; color:#fff; background:#000; opacity:0.7; filter:alpha(opacity=70); border-top-left-radius:20px; border-bottom-right-radius:20px }
.Pg .Texto h2{ font-weight:bold; margin-bottom:5px; }
.Pg .Texto p{ font-style:italic; margin-bottom:20px; }

#Centro{ position:relative; width:1000px; height:230px; margin:70px auto; background:url(../../images/centro.png) no-repeat; }
#Centro #tempo{ position:absolute; width:130px; height:150px; padding:0px 5px; left:600px; top:40px; }
#Centro .LinksBase{ position:absolute; width:236px; height:150px; left:730px; top:40px; }
#Centro .LinksBase .lk{ position:absolute; width:236px; height:37px; background:url(../../images/spride03.png) no-repeat }
#Centro .LinksBase #lk1{ right:0px; top:0px; background-position:0px 0px; }
#Centro .LinksBase #lk1:hover{ background-position:-236px 0px; cursor:pointer }
#Centro .LinksBase #lk2{ right:0px; top:37px; background-position:0px -37px; }
#Centro .LinksBase #lk2:hover{ background-position:-236px -37px; cursor:pointer }
#Centro .LinksBase #lk3{ right:0px; top:74px; background-position:0px -74px; }
#Centro .LinksBase #lk3:hover{ background-position:-236px -74px; cursor:pointer }
#Centro .LinksBase #lk4{ right:0px; top:111px; background-position:0px -111px; }
#Centro .LinksBase #lk4:hover{ background-position:-236px -111px; cursor:pointer }
/*#Centro .LinksBase #lk4:hover{ background-position:-236px -111px; cursor:pointer }*/
#Centro .LKC{ position:absolute; width:31px; height:31px; left:252px; top:192px; border-radius:20px; cursor:pointer }
#Centro .LKC:hover{ background:#fff; opacity:0.3; filter:alpha(opacity=30);  }
#Centro #LKC1{ left:252px; top:162px; }
#Centro #LKC2{ left:532px; top:162px; }

#rodape{ position:relative; width:1000px; height:120px; margin:auto; margin-bottom:-120px; background:url(../../images/rodape.png) no-repeat; }
#rodape #by{ position:absolute; width:110px; height:20px; right:40px; top:26px; cursor:pointer; }
#rodape #copyright{ position:absolute; width:700px; height:20px; left:40px; top:26px; color:#FBB; font-family:Arial, Helvetica, sans-serif;; font-size:10pt }
#rodape #copyright p img{ cursor: pointer; }

#recebe{ display:none }
#bemvindo{ position:absolute; width:300px; padding:5px 0px; left:0px; bottom:50px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10pt; display:none }
#bemvindo a{ color:#FFF; text-decoration:none }
#bemvindo a:hover{ text-decoration:underline }

#Msg{ position:relative; width:500px; margin:auto; padding:5px; background:#FF9; color:#06C; font-weight:bold; text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-shadow:1px 1px 5px #000; display:none }