/*
Style Sheet | Bichinho do Mato | www.bichinhodomato.com
Author: Bernardo Tausz | bmtausz[at]gmail[dot]com
Country: Brazil
Last Updated: 10/08/2008
*/


/* --- RESET CSS - Based on original file by Eric Meyer --- */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 {margin: 0;	padding: 0;	border: 0; outline: 0 !important; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1; background: #fff; color: #000}
ol, ul {list-style: none}
blockquote, q {quotes: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
address {font-style: normal}
acronym, abbr {cursor:help}
img {border:none}
a {outline:none}
/* --- */

/* --- EXTRAS --- */
.limpar {clear: both; font-size: .1em; line-height: .1em}
.invisivel {width: 1px; height: 1px; overflow: hidden; position: absolute}
/* --- */

/* --- ESTRUTURA --- */
body {text-align: center; font:normal .8em Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#000;; border-top: solid 5px #390; color:#666}
#canvas {width: 760px; margin: 0 auto; text-align:left}
#contetn-wrapper, #footer-wrapper {clear:both}

ul.nav li {float:left; margin: 0 5px; padding-right:10px; border-right: solid 1px #ccc; height:20px; line-height:20px}
ul.nav li.li-home {margin-left:0}
ul.nav li.li-contato {border:none}
ul.nav li a {display:block}

#header-wrapper {background:#fff; margin-bottom:10px; height:200px}
#header {position:relative; background:url(../img/bg_header.jpg) top left no-repeat; height:200px}


#content {padding:9px; border:solid 1px #390; background:#fff}
#section-a {width:740px; height:200px; margin-bottom:30px}
#section-b {float:left; width:510px}
#section-c {float:right; width:200px}

/* --- */

/* --- TITULOS --- */
h2 {color:#FF0000; font-size:1.4em; margin-bottom:20px; border-bottom:solid 1px #390}
#section-c h2 {border:none}
h3 {color:#FF0000; font-size:1.2em; margin-bottom:10px}
/* --- */

/* --- HEADER --- */
#header h1 {position:relative; top:15px; left:10px}
#header h1 a {display:block; width:220px; height:140px;}
#header #address {position:absolute; top:35px; right:10px; text-align:right; font-size:.8em}
#header #address span {font-size:.8em}

#header ul.nav {position:absolute; top:182px; left:10px}
#header ul.nav li a {color:#666; text-decoration:none}
#header ul.nav li a:hover {color:#f00; border-bottom:solid 4px #f00}

body#home #header ul.nav li.li-home a, body#quemsomos #header ul.nav li.li-quemsomos a, body#servicos #header ul.nav li.li-servicos a, body#fotos #header ul.nav li.li-fotos a, body#contato #header ul.nav li.li-contato a  {border-bottom:solid 4px #f00}

#header #mapa {position:absolute; top:70px; right:10px; font-size:.8em; color:#09f}
#header #mapa a{margin: 10px 0 0 0; color:#09f; text-decoration:underline}
#header #mapa a:hover {text-decoration:none}


/* --- */


/* --- CONTEUDO --- */
#content {padding-bottom:20px}
#content p {margin-bottom:10px}
#section-b {padding:0 20px 20px 10px}

#section-c {font-size:.9em}
#section-c .box h2 a {display:block; width:200px; height:24px; line-height:24px; background:url(../img/bg_h2_section-c.png) top left no-repeat; padding-left:25px; color:#f00; text-decoration:none}
#section-c .box h2 a:hover {color:#f00; text-decoration:underline}
#section-c .box ul { margin-left:20px; font-size:.9em}
#section-c .box ul li {height:25px; line-height:25px; background:url(../img/bullet-ul-box.png) left no-repeat; padding-left:10px}
#section-c .box p {margin:10px 0 0 12px; color:#f00; font-size:.9em}
#section-c .box p a {color:#f00}
#section-c .box p a:hover {text-decoration:none}


body#contato form {margin:20px 0 20px 0; color:#f00}
body#contato form fieldset {border:none}
body#contato form label {float:left; display:block; width:90px; font-weight:bold}
body#contato form input {width:300px}
body#contato form textarea {width:304px}
body#contato form #btEnviar {width:80px; margin-left:90px}


#cada-album a img {padding:5px; border:solid 1px #ccc; float:left; margin-right:15px}
#cada-album p a {color:#009900; height:20px; line-height:20px}


/* --- */

/* --- FOOTER --- */
#bichos {margin-top:10px; height:250px; background:url(../img/bg_footer_bichos.jpg) no-repeat}

#footer-wrapper {position:relative; height:47px; background:#390}
#footer h2 {position:absolute; top:3px; left:10px}
#footer h2 a {display:block; width:65px; height:40px; background:url(../img/logo_rodape.png) top left no-repeat}

#footer ul.nav {position:absolute; top:16px; right:-5px; font-size:.8em}
#footer ul.nav li {height:15px; line-height:15px}
#footer ul.nav li a {color:#fff; text-decoration:none}
#footer ul.nav li a:hover {text-decoration:underline}

body#home #footer ul.nav li.li-home a, body#quemsomos #footer ul.nav li.li-quemsomos a, body#servicos #footer ul.nav li.li-servicos a, body#fotos #footer ul.nav li.li-fotos a, body#contato #footer ul.nav li.li-contato a  {text-decoration:underline}

#copyright-creditos {font-size:.8em; color:#999; margin:5px 0}
#copyright-creditos a {color:#B9B9B9}
#copyright-creditos a:hover {text-decoration:none}
#copyright-creditos p.creditos {font-size:.85em; color:#B9B9B9}
/* --- */