/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, img,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
*:focus{outline:0;}


body{font:400 18px/30px 'Bitter';}

a{color:#ff9700;}

.wrapper{margin:0 auto;width:1000px;position:relative;}

header{background:url('../images/bg-header.png') no-repeat center;width:100%;height:109px;position:relative;z-index:400;}

.logo{position:absolute;top:10px;left:10px;}

.social{position:absolute;top:21px;right:323px;}
.social li{float:left;margin:0 7px;font:bold 14px/36px 'Caecilia';}
.social img{display:inline-block;vertical-align:-7px;}

.doar{position:absolute;top:0;right:-150px;}

.destaque{height:400px;background:url('../images/destaque.jpg') no-repeat center;position:relative;top:-40px;}

section{background:url('../images/bg-section.png') no-repeat center top;margin-top:-76px;padding-top:60px;position:relative;z-index:200;}

article{padding:10px;}

p.left{float:left;width:465px;margin-right:50px;}
p.right{float:left;width:465px;}
p.center{text-align:center;}

img.seja-doador{padding:40px 0;clear:both;}

h2{background:url('../images/bg-h2.gif') repeat-x 0 center;text-align:center;font:700 36px/30px 'Bitter';margin-bottom:20px;}
h2 span{background:#fff;padding:0 10px;}

.depoimentos{overflow:hidden;}
.depoimentos .wrapper{padding:20px 5px;}

div.popup{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:300;}
div.popup .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:400;background:rgba(0,0,0,0.7);}
div.popup .wrapper{width:752px;padding:36px;margin:140px auto 0 auto;border-top:10px solid #ea671f;background:url('../images/bg-popup.gif') repeat-x bottom #ffede4;position:relative;z-index:500;}
div.popup h2{color:#ea671f;background:none;text-align:left;}
div.popup h3{font-size:24px;margin-bottom:30px;}
div.popup p{margin:20px 0;}
div.popup .doacao{position:relative;top:15px;margin-top:55px;}
div.popup .doacao p{font:700 23px/30px 'Bitter';margin:25px 0;}
div.popup .doacao img{position:relative;top:10px;}
div.popup .close{position:absolute;right:-30px;top:-30px;}

div.popup.formulario .wrapper{background-image:none;}
div.popup.formulario h2{font-size:25px;text-align:center;clear:both;}
div.popup.formulario .option{text-align:center;}
div.popup.formulario .option a{display:inline-block;}
div.popup.formulario form h2{border-bottom:1px solid #ea671f;margin:30px 15px;;}
div.popup.formulario form h2 span{background:#ffede4;position:relative;bottom:-14px;}
div.popup.formulario h3{text-align:center;}
div.popup.formulario form{width:630px;margin:auto;text-align:center;}
div.popup.formulario form input[type='text'],
div.popup.formulario form select{background:#fff;border:1px solid #a08f86;border-radius:5px;padding:15px;font-size:16px;margin:14px;}
div.popup.formulario form input[name='nome'],
div.popup.formulario form input[name='endereco'],
div.popup.formulario form input[name='email'],
div.popup.formulario form input[name='profissao']{width:570px;}
div.popup.formulario form input[name='cep'],
div.popup.formulario form input[name='numero']{width:86px;float:left;}
div.popup.formulario form input[name='cidade'],
div.popup.formulario form input[name='complemento']{width:153px;float:left;}
div.popup.formulario form select[name='estado']{width:243px;float:left;}
div.popup.formulario form input[name='bairro']{width:211px;float:left;}
div.popup.formulario form input[name='telefone']{width:283px;float:left;}
div.popup.formulario form input[name='celular']{width:227px;float:left;}
div.popup.formulario form input[name='nascimento']{width:157px;float:left;}
div.popup.formulario form select[name='data']{width:385px;float:left;}
div.popup.formulario form div,
div.popup.formulario form input[type='submit']{font:24px/36px 'MavenProBold';}
div.popup.formulario form input[type='submit']{background:#ffa87b;color:#fff;cursor:pointer;border:none;  font-size: 16px;padding: 15px;margin: 30px 0;border-radius: 5px;}
div.popup.formulario form input[type='submit']:hover{background:#000;}
div.popup.formulario form input:disabled{opacity:0.5;}
div.popup.formulario form .msg img{display:inline-block;}
div.popup.formulario form .error{color:red;border-color:red !important;}
div.popup.formulario form label.error{display:none !important;}

div.popup.formulario form{display:none;}

.alignleft{float:left;margin-right:25px;box-shadow:0 0 20px #888;}
.aligncenter{margin:0 auto 30px;box-shadow:0 0 20px #888;}

img.left{float:left;}
img.right{float:left;margin-left:-1px;}

.conheca{background:url('../images/bg-conheca.jpg') no-repeat center top;height:1299px;padding-top:170px;}
.conheca .wrapper{width:774px;}
.conheca h2{color:#ff9700;font:700 36px/30px 'Bitter';text-shadow:1px 1px 0 #000;text-align:left;background:none;}
.conheca h3{color:#fff;font:400 30px/30px 'Bitter';margin:30px 0;}
.conheca p{color:#fff;margin:30px 0;}
.conheca img{box-shadow:0 0 10px #000;margin-left:-52px;}
.conheca a.seja-doador{color:#ff9700;font:700 24px/30px 'Bitter';text-shadow:1px 1px 0 #000;text-transform:uppercase;padding-left:30px;background:url('../images/seta.png') no-repeat 0 8px;}

footer{background:url('../images/bg-footer.gif') no-repeat center 35px;}
footer .wrapper{width:660px;height:295px;}
footer div.left{width:250px;float:left;margin:0 40px;padding-top:35px;}
footer div.left img{margin:20px 10px 0 0;display:inline-block;vertical-align:-8px;}
footer h3{font:normal 18px/22px 'CaeciliaBold';margin:10px 0;}
footer p,
footer div.right a{font:normal 16px/22px 'MavenPro';color:#000;}
footer div.right a:hover{color:#ff9700;}
footer p a{font:normal 16px/22px 'MavenProBold';}
footer .metara{position:absolute;right:0;bottom:25px;}