@charset "UTF-8";
/*=== RESET ===*/
*{margin:0;padding:0;outline:0;background:transparent;font-size:100%;font-family: 'Bree Serif', serif;}table{border-collapse:collapse;border-spacing:0;}legend,hr{display:none;}li{list-style:none;}a{text-decoration:none; color:#000;}img{border:none;}caption,th{text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
article,aside,detailsimg { border: 0 none; max-width: 100%;}
img,embed,object,video {    max-width: 100%;},figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/* GERAL */

.center {max-width:1000px; margin:0 auto;}
.clear {clear:both;}
#logo {height:65px; width:211px; margin-left:39%; padding-top:30px;}
#logo a {display:block; height:35px; width:211px; background:url(images/renato-grimm-logo.png) no-repeat;}
#logo a strong {visibility:hidden;}

#capa {min-height:469px;background: url(images/flamingos-renato-grimm.jpg) no-repeat center center;}
#logo-livro {background:url(images/logo-santuario-das-aves.png) no-repeat;height:469px; margin-left:34%;}
#logo-livro h1, #logo-livro a strong {visibility:hidden;}
#logo-livro a {margin-left:250px; margin-top:300px;}
.encomende {background:url(images/bt-encomende.png) no-repeat; height:50px; width:250px; display:block;}
.encomende-ok {background:url(images/encomendado.png) no-repeat; height:50px; width:250px; display:block;}

.encomenda {padding:20px 20px 0px 20px; border:1px #fff solid; background:#80c1e0; display:block; margin-bottom:50px;}


#conteudo {background:url(images/background.png) #00699c repeat-y; padding-top:60px; }
#conteudo h2 { font-size:19px; color:#fff; font-weight:normal; text-align:center;padding-bottom:50px;}
#conteudo h2 strong { font-size:34px; color:#fff; font-weight:normal;}
#conteudo p { font-size:16px; color:#fff; text-align:center; padding-left:13%; padding-right:13%; padding-bottom:25px;}
#conteudo p strong { font-weight:normal;}


#conteudo .esquerda {width:53%; float:left; padding-top:80px;}
#conteudo .direita {overflow:auto; padding-top:80px; padding-left:50px;}
#conteudo .direita a { margin-top:30px;}
#conteudo .direita a strong {visibility:hidden;}
#conteudo h3 { font-size:30px; color:#fff; font-weight:normal;padding-top:60px; padding-top:50px;}
#conteudo ul {color:#fff; font-size:16px; line-height:22px; padding-top:5px;}
#conteudo h4 { font-size:35px; color:#fff; font-weight:normal; text-align:center; padding-top:60px; padding-bottom:50px;}

#contato {padding-top:95px; padding-bottom:100px;}
#contato h5 { font-size:35px; color:#0083c2; font-weight:normal; padding-bottom:20px;}
#contato p { font-size:16px; color:#0083c2;padding-right:13%; padding-bottom:15px;}
#contato img {padding-left:50px; padding-top:50px;}

#contato .esquerda-c {float:left; width:390px;}
#contato .centro-c {float:left; width:280px; overflow:unset; margin-right:20px;}
#contato .direita-c {float:left; width:280px; overflow:unset;}

label {font-size:16px; color:#0083c2; padding-bottom:10px; display:inline-block;}
.input {width:245px; background:#0083c2; height:36px; border:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#fff; padding-left:15px; font-size:14px; font-family:Verdana, Geneva, sans-serif; margin-bottom:15px;}
.textarea {width:245px; background:#0083c2; min-height:155px; border:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#fff; padding:15px; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.enviar {background:url(images/enviar.png) no-repeat; height:50px; width:250px; display:block; border:0; cursor:pointer;}
.enviar:hover {opacity:0.5;}

#footer {background:url(images/background.png) #00699c repeat-y; height:70px;}
.capella {width:49px; margin:0 auto; display:block; padding-top:20px;}
.error {color:red; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
.frame {width: 525px; height: 350px; margin-left:24%; padding-bottom:100px;}


screen and (max-width:320px)


@media only screen and (device-width:460px){
#logo-livro {background:url(images/logo-santuario-das-aves.png) no-repeat;height:469px; margin-left:-35%;}
#conteudo .esquerda {width:100%; padding-top:80px;}
#conteudo .direita { padding-top:10px;}
#conteudo h3 { font-size:30px; color:#fff; font-weight:normal;padding-top:60px; padding-top:0px;}
#conteudo h4 { font-size:35px; color:#fff; font-weight:normal; text-align:center; padding:60px 20px 50px 20px}

.frame {width: 325px; height: 350px; margin-left:5%; padding-bottom:100px;}
.fb-like {display:none !important;}
#contato {padding-left:10%;}
#contato .esquerda-c {float:none !important; width:390px; padding-bottom:50px;}
#contato .centro-c {float:none !important; width:280px; overflow:unset; margin-right:20px;}
#contato .direita-c {float:none !important; width:280px; overflow:unset;}
}