h1.principal{margin-bottom:22px; text-align:center;}

div#main{ }
div#main section{ height:552px; }

/*
ul.campos li span.error{ font-size:12px; color:#FFDC4F; bottom:12px; left:0; position:absolute; }
ul.campos li input.error{ border:2px solid #FFDC4F; }
ul.campos li textarea.error{ border:2px solid #FFDC4F; }

#social ul li{ list-style-type: none; position: relative; color: #fff; font-weight: normal; width: 100%; height: 90px; margin-right: 0; margin-bottom: 3px; overflow: hidden; }
#social ul li a{ position: absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
#social ul li span.rede{ float:left; display:block;position:relative; margin:26px 20px 5px 20px; background:url('/calhau/img/social-icons-300.png') no-repeat; text-indent:-9999px;}
#social ul li span{ line-height:90px; font-size:28px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	#social ul li span.rede{ background:url('/calhau/img/social-icons-600.png') no-repeat; background-size:300px; }
}
*/

#main section{ height:552px; position:relative; background:#000; margin-bottom:2px; } 
#main section > img,
#main section > video{ position:absolute; top:0; left:0; }



#proposta{ background:#000; }
#proposta video{ opacity:0.5; }
#proposta video::-webkit-media-controls { display: none; }
#proposta p{ text-align:center; line-height:130%; font-family: 'Knockout48'; color:#fff; font-size:72px; padding: 60px; text-transform:uppercase; position:absolute; top:20px; left:0; width:calc(100% - 120px); }
#proposta p strong{ font-weight:normal; color:#ffdc4f; font-family: 'Knockout48';}




#views > h1,
#views > p.legenda,
#views > p.intro{ color:#fff; font-family: 'Knockout48'; position: absolute; width: 100%; text-align:center; text-shadow:1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000; }

#views h1{ top: 20px; font-size: 80px; text-transform: uppercase; left: 0; }
#views p.intro{ top: 100px; font-size: 30px; left: 0; }
#views >p.legenda{ right:20px; bottom:20px; text-align:right; font-size:20px; }

#views div.prints{ position:absolute; top:200px; left:40px }
#views div.prints img{ width:150px; height:auto; border: 1px solid #999; border-radius: 21px;}

#views > ul {; position: absolute; left:530px; top:200px; }
#views > ul li { font-family: 'Knockout48'; color:#fff; text-shadow:1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000; font-size:40px; }

#views .image-container { position: relative;}
#views .fade { position: absolute; opacity: 0; animation: fadeAnimation 5s infinite;}
#views .fade:nth-child(1) { opacity:1; animation-delay: 0s;}
#views .fade:nth-child(2) { opacity:0; animation-delay: 2.5s;}
@keyframes fadeAnimation { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 0; }}


#social h1 { top: 50px; left: 0; position: absolute; width: 100%; text-align: center; text-transform: uppercase; font-family: 'Knockout48'; font-size: 90px; }
#social h2 { bottom: 30px; left: 15%; position: absolute; width: 70%; text-align: center; }
#social h2,
#social h2 strong{ font-family: 'Knockout48'; font-size:40px; }



#social ul { position: absolute; left: 115px; top:192px;}
#social ul li{ position:relative; padding-top:120px; float:left; width:104px; margin-right:25px;}
#social ul li span{ display:block; text-align:center;}
#social ul li span.number{ font-size:36px; font-family: 'Knockout48'; color:#666; }
#social ul li span.followers{ font-size:28px; font-family: 'Knockout48'; color:#888; }
#social ul li a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }

#contato_patrocine { padding-top:20px; height:auto; margin-bottom:100px;}
#contato_patrocine h2#envio-de-mensagem{ height: 50px; line-height: 50px; text-align:center; margin: 0 20px 20px 20px;}
	
form#form_contato{ color:#fff; background-color:#000; padding-top:20px; margin-bottom:30px; position:relative; } 
form#form_contato ul.campos{ margin-left:20px;}
form#form_contato ul.campos li{ padding-bottom:32px; float:left; width:50%; }
form#form_contato ul.campos li label{ text-transform:uppercase; display:block; margin-bottom:5px; }
form#form_contato ul.campos li textarea,
form#form_contato ul.campos li select,
form#form_contato ul.campos li input{display:block; width: calc(100% - 35px); border:1px solid #fff; margin-top:3px; height:28px; border-radius:5px; padding:8px 5px; font-size:16px; }

form#form_contato ul.campos li textarea{ height:119px; overflow:auto; }
form#form_contato ul.campos li input,
form#form_contato ul.campos li textarea{ max-width:500px; }
form#form_contato ul.campos li select{ width:auto; height:auto; }

form#form_contato ul.campos li.atendimento div{ margin-left:10px; margin-bottom:5px }
form#form_contato ul.campos li input.radio{ display:inline; width:20px; position:relative; top:8px; margin-right:5px}

form#form_contato ul.campos li.enviar_contato{clear:left; text-align:center; width:100%;}
form#form_contato ul.campos li.enviar_contato input{ width:180px; padding:0 10px; font-size:24px; border:0; border-top:1px solid #dbd9d1; border-left:1px solid #dbd9d1;height:38px; line-height:37px; display:inline-block; vertical-align:middle; text-transform:uppercase; font-family:'Yanone Kaffeesatz'; border-radius:5px; text-decoration:none; cursor:pointer; background: #ffdc4f; color: #000; height: 50px;} 
form#form_contato ul.campos li.enviar_contato input:hover{ background: #ffed5f;}