@charset "utf-8";
/* CSS Document */

#galeria {position: absolute; left: 28px;}
#galeria, .coda-slider, .panel {width: 680px; height: 1140px;}
.coda-slider, .panel {display: block; float: left; overflow: hidden; position: relative;}
#galeria h1 {font-size: 36px; margin-bottom: 5px;}
#galeria h2 {width: 640px; padding: 5px; font-size: 16px; line-height:1.3em; margin-bottom: 20px; background: url(../img/bg_h2.png); color: #FFF;}
#galeria h2 em {font-size: 15px; color: #AAA;}

#galeria .txt-apoio {position: relative; clear: both; font-size: 12px; font-weight: bold; background: #FFF; color: #000; width: 45px; padding: 2px;}
#galeria .div-apoio {position: relative; clear: both; width: 650px; height: 180px; margin-bottom: 30px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}

#ranking {
	position: absolute; width: 200px; height: 990px; margin-top: 10px; padding: 20px 20px 10px 20px; right: 28px; 
	background: #06F; border: 1px solid #0CF; font-family: Tahoma, Geneva, sans-serif;
}
#ranking h1 {position: absolute; top: -20px; width: 255px; height: 96px; background: url(../img/tit_ranking.png); text-indent: -9999px;}
#ranking h2 {margin-top: 60px; *margin-top: 80px; font-size: 18px; font-weight: normal;}
#ranking h2 span {position: absolute; right: 20px;}
#ranking ul {list-style: none; margin-top: 10px; position: relative;}
#ranking ul li {
	background-color: #FFF; color: #09F; font-size: 14px; font-weight: bold; width: 190px; height: 17px; padding: 2px 5px; margin-bottom: 9px; 
	position: relative; 
}
#ranking ul li input {
	position: absolute; right: 5px; width: 50px; text-align: right; 
	background: transparent; border: none; margin: 0; padding: 0; color: #09F; font-size: 14px; font-weight: bold;
}
#ranking div {position: absolute; top: 1030px; left: 0;}
#ranking p.realizacao {width: 70px; padding: 2px; font-size: 12px; font-weight: bold; background: #FFF; color: #000; margin-bottom: 4px;}
#ranking p {margin-bottom: 2px;}

.comunicado {position: relative; width: 650px; font-size: 18px; padding: 10px 0; margin-bottom: 30px; background-color: #F00; text-align: center;}
.comunicado p {margin-top: 2px; color: #FFC;}

.dados {position: relative; padding-top: 30px; width: 200px; float: left; margin-left: 30px;}
.dados h3 {font-size: 18px; margin-bottom: 10px;}
.dados ul {list-style: none; margin-bottom: 30px;}
.dados li {border-bottom: 1px dotted #FFF; margin-bottom: 2px; padding-bottom: 2px;}
.dados .votar {width: 70px; height: 30px; background: url(../img/bg_votar.png); border: none; cursor: pointer;}
.dados .votar:hover {background-position: bottom;}
.dados .voto {position: relative; width: 200px; height: 68px; padding: 12px 10px 0 10px; background: url(../img/bg_div.png); margin: 10px 0 30px -10px;}
.dados .voto p {margin-bottom: 10px; text-align: center;}
.dados .input-voto {position: absolute; top: 40px; width: 145px; height: 21px; padding: 2px 4px 2px 6px; background: transparent url(../img/bg_input.png); border: none; color: #333;}
.dados .button-voto {position: absolute; right: 12px; width: 36px; height: 28px; background: url(../img/bg_button.png); text-indent: -9999px; border: none; cursor: pointer;}
.dados .button-voto:hover {background-position: bottom;}
.dados .galeria {width: 173px; height: 30px; margin-top: 30px; background: url(../img/bg_button-galeria.png);}
.dados a {text-decoration: none; width: 135px; height: 23px; padding: 7px 0 0 35px; display: block;}
.error-input {background: url(../img/bg_input.png) bottom; color: #F90; font-weight: bold;}

.boxgrid {position: relative; width: 140px; height: 105px; float: left; margin: 0 30px 25px 0; overflow: hidden;}
.legenda {position: absolute; top: 76px; left: 0; width: 140px; height: 105px; padding: 6px; background: #000; background: url(../img/bg_box.png); float: left;}
.legenda h3 {font-family: Tahoma, Geneva, sans-serif; font-size: 14px;}
.legenda p {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 5px;}

.legenda a {width: 79px; height: 33px; margin: 14px 0 0 -1px; background: url(../img/bg_go.png) no-repeat left top; text-indent: -9999px; display: block;} 
.legenda a:hover {background-position: left bottom;}

.spacegallery {position: relative; overflow: hidden; width: 415px; height:400px; float: left;}
.spacegallery img {position: absolute; left: 50%; border: 5px solid #FFF;}
.spacegallery a {position: absolute; z-index: 1000; display: block; top: 0; left: 0; width: 415px; height: 400px; background: url(../img/blank.gif)}
a.loading {background: #fff url(../img/ajax_small.gif) no-repeat center;}

#rodape {top: 1200px; margin: 0 28px 0 476px; padding: 8px 0 15px 25px; border-top: 1px solid #333;}