/* CSS Document */
html, body{ margin: 0 0 0 0; width: 100%; height: 100%; min-height: 100%;}
h1{ font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; line-height: 28px; }
h2{ font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; line-height: 25px; }
h3{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; line-height: 22px; }
a{ color: #fff; }
a:hover{ color: #fff;  }
#clear { clear: both; width: 100%; }

/*-- Container Geral -- */
#container-geral{ position: relative; margin-top: -20px; width: 100%; height: 100%; display: table; background-color: #62abd8; background: url(../images/bg-PremioZAP.jpg) repeat; }
#centro{ position:relative; width: 980px; height: auto; display: table; margin: 0 auto; }

/*-- header -- */
#header{ position: relative; width: 100%; height: 300px; display: table; }
#header #logo{ position:absolute; top: 0px; width: 281px; height: 294px; background: url(../images/logo-premiozap.png) no-repeat; }
#header #banner{ position:absolute; top: 60px; left: 550px; width: 200px; height: 200px; }

/*-- Container votacao -- */
#container-votacao{ position:relative; width: 100%; height: auto; display: table; }
#container-votacao #fase{ float:left; width: 100%; height: auto; }
#container-votacao #facebook{ float:left; margin-left: 50px; margin-top: 20px; width: 400px; height: 63px; }
#container-votacao #cpf-login{ float:left; margin-left: 50px; margin-top: 20px; width: 400px; height: 63px; }
#container-votacao #votacao{ float:left; width: 100%; height: auto; display: table; }

/*-- form elementos -- */
#container-votacao #votacao #caixa-botao { float:left; width: 980px; height: auto; margin-top: 20px; margin-bottom: 20px; }
#container-votacao #votacao #caixa-botao .bt-botao { width: 960px; height: auto; padding: 10px; background-color: #4a466b; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; text-align: center; color: #fff; }
#container-votacao #votacao #caixa-botao .bt-botao:hover { background-color: #d84911; color: #fff; }
#container-votacao #votacao .caixa-form { float:left; margin: 10px 15px; width: 980px; height: auto; display: table; }
#container-votacao #votacao .caixa-form .texto-votacao { width: 980px; height: auto; font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; font-weight: 700; text-transform: uppercase; }
#container-votacao #votacao .caixa-form .input-votacao { float:left; width: 254px; height: 330px; margin-left: 15px; margin-right: 25px; }
#container-votacao #votacao .caixa-form .input-votacao .nome { width: 254px; height: auto; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; }

#container-votacao #votacao .caixa-form2 { float:left; margin: 10px 15px; width: 290px; height: auto; }
#container-votacao #votacao .caixa-form2 .texto-votacao { width: 280px; height: auto; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; }
#container-votacao #votacao .caixa-form2 .input-votacao { width: 280px; height: 40px; padding: 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #4a466b; font-weight: 700; text-transform: uppercase; }


#container-votacao #votacao input[type="radio"] { visibility: hidden; }    
#container-votacao #votacao label { display: block; border: 4px solid #fff; width: 250px; float: left; }
#container-votacao #votacao input[type="radio"]:checked+label { border-color: #d84911; }
#container-votacao #votacao img { height: 259px; }