/* CSS Document */

/* -------------------------------------------

project:	ultradog.com.br
author:		Cesar Zeppini - cesarzeppini.com.br
date:		2010/04/01

------------------------------------------- */

html, body {height:100%;}
body { margin: 0; padding:0; color: #737373; font: 14px "Lucida Grande", Arial, Helvetica, sans-serif; background:#FFF url(../images/bg_main.gif) left top repeat-x; overflow-x:hidden;}
textarea, input, select, option, optgroup, button {color: #333; font:12px Arial,Helvetica,sans-serif; margin:0; padding:0;}
div.clear, br.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}
.noscreen {display:none;}


/* RE-SETS

------------------------------------------- */

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption, blockquote { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

abbr, acronym { border: none; cursor: help; }

form, label, fieldset {margin:0; padding:0;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a, a:active, a:focus { color: #e77d20; text-decoration: none; font-weight:bold; }
a:hover { text-decoration: underline; }

a:active {outline: none;}
:focus {-moz-outline-style: none;}

p, blockquote {line-height:18px; font-size:13px;}
q {margin:0; padding:0; font-size:18px;}

/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; color:#e77d20; letter-spacing:-1.5px;}
h1 { font-size: 3.2em; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 26px; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }

/* GENERAL
------------------------------------------- */

form label {width:110px; padding:5px; font-size:12px; color:#FFF; background-color:#CF680C; margin-right:10px; float:left; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
form input, form select, form textarea {width:300px; padding:5px; float:left; background-color:#FFF; border:1px solid #EF974A; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
form input:focus, form select:focus, form textarea:focus {border:1px solid #CF680C; background-color:#FFE6CF;}
form select {width:310px;}
form textarea {height:100px;}
form div {margin-bottom:5px;}
form br {clear:left;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}
form button {margin-left:130px; padding:5px 8px; color:#FFF; border:none; text-transform:lowercase; background-color:#ecbc92; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
form button:hover {background-color:#CF680C;}
.info {border-bottom:1px dashed; cursor:help;}

form div {position:relative;}
/* FORM VALIDATE JQUERY PLUGIN */ label.error {position:absolute; font-size:10px; width:120px; margin-left:-120px; margin-top:-3px; z-index:10; font-size:11px; background-color:#e77a1c; color:#FFF; padding:3px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}



/* LAYOUT

------------------------------------------- */

#warning {padding:30px 15px; border-right:3px solid #124005; border-bottom:3px solid #124005; border-top:3px solid #a2cd59; border-left:3px solid #a2cd59; background-color:#319316; color:#FFF; font-size:18px; position:fixed; z-index:20; left:50%; margin-left:-300px; bottom:0;}

#site {width:950px; position:relative; height:100%; min-height:100%; margin:0 auto;}
body > #site {height:auto; min-height:100%;}

#topo {height:102px;}
#topo h1 {width:230px; height:102px; background:url(../images/logotipo_ultradog.png) left top no-repeat; overflow:hidden; float:left; margin:0; padding:0;}
#topo h1 a {display:block; height:0; min-height:0; padding:400px 0 0 0;}
#topo #contato-info {width:234px; height:58px; padding-top:44px; float:right;}
#topo #contato-info p {width:79px; height:44px; background:url(../images/bg-frame-telefone.jpg) left top no-repeat; margin:0; padding:7px 0 0 35px; color:#3d3d3d; font-size:12px; float:left; letter-spacing:-0.5px;}
#topo #contato-info p#fone-vendas {margin-right:6px;}
#topo #contato-info p span {display:block; color:#e77c1f; font-weight:bold; margin-left:-25px;}
#topo #menu {width:950px; height:43px; background:url(../images/bg_menu.gif) left top no-repeat;}
#topo #menu #links {margin:0 0 0 15px; padding:0;}
#topo #menu #links li {margin:0; padding:0; list-style-type:none; float:left; font:14px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative;}
#topo #menu #links li a {color:#f6d7bb; line-height:43px; padding:0 20px; float:left;}
#topo #menu #links li a:hover,
#topo #menu #links li.current a {text-decoration:none; color:#FFF; text-shadow:#d14c0d 1px 1px; background:url(../images/bg-menu-atv.gif) left top repeat-x;}
#topo #menu #links li ul {position:absolute; background:#ecbb92; margin:0; padding:0; z-index:5; width:280px; top:40px; left:auto; list-style-type:none;}
#topo #menu #links li ul li a {width:240px; background-image:none !important; font-weight:normal; color:#000 !important; font-size:10px; text-shadow:none !important;}
#topo #menu #links li ul li a:hover {text-shadow:none; color:#FFF !important;}
#topo #menu #onde-comprar {position:relative;}
#topo #menu #onde-comprar h3 {margin:0; padding:0;}
#topo #menu #onde-comprar h3 a {width:211px; height:26px; background:url(../images/bg-onde-comprar.png) left top no-repeat; float:right; margin:7px 7px 0 0; padding:0 8px; font-size:12px; font-weight:normal; color:#424242; letter-spacing:normal; line-height:26px;}
#topo #menu #onde-comprar h3 a:hover {background-position:left -26px; text-decoration:none;}
#topo #menu #onde-comprar #lista {width:470px; height:205px; padding:10px 15px; background:url(../images/bg-onde-comprar.png) left bottom no-repeat; z-index:10; position:absolute; right:7px; top:7px;}
#topo #menu #onde-comprar #lista p.fechar {font-size:10px; text-transform:uppercase; margin:0; padding:0; position:absolute; right:35px; top:5px;}
#topo #menu #onde-comprar #lista ul {margin:0; padding:0; width:480px; height:190px; overflow-y:auto; overflow-x:hidden;}
#topo #menu #onde-comprar #lista ul li {margin:0; padding:0; list-style-type:none; color:#e77d20; display:block; font-size:13px; font-weight:bold;}
#topo #menu #onde-comprar #lista ul li ul {margin:0 0 15px 0; overflow:hidden; width:auto; height:auto;}
#topo #menu #onde-comprar #lista ul li ul li {font-size:12px; line-height:18px; font-weight:normal; color:#424242;}
#topo #menu #onde-comprar #lista ul li ul li span.telefone {border-left:1px solid #999; padding-left:10px; margin-left:7px;}

h2#banner-home, h2#banner-produtos, h2#banner-contato, h2#banner-empresa {width:950px; height:213px; margin:4px 0 25px 0; padding:0; background:url(../images/banner/banner-home.jpg) left top no-repeat; text-indent:-10001px;}
h2#banner-produtos, h2#banner-contato, h2#banner-empresa {height:143px;}
h2#banner-produtos {background-image:url(../images/banner/banner-produtos.jpg);}
h2#banner-contato {background-image:url(../images/banner/banner-contato.jpg);}
h2#banner-empresa {background-image:url(../images/banner/banner-empresa.jpg);}

#empresa h4 {margin:0; padding:0;}
#empresa p {font-size:16px; line-height:30px; width:625px; float:left; text-align:justify;}

#depoimento {width:280px; height:150px; padding:10px; background:url(../images/bg-info-side.gif) left top no-repeat; float:right;}
#depoimento h4 {margin:0; padding:0;}
#depoimento blockquote {margin:0 0 5px 0; padding:0; height:75px; overflow-y:auto; font-size:11px; letter-spacing:-1px;}
#depoimento cite {color:#3c3c3c; font-size:11px;}
#depoimento cite span {font-size:14px; color:#3eb2e8; display:block;}

.produto {width:300px; height:180px; margin:18px 25px 0 0; background:url(../images/bg-frames-produtos.jpg) left top no-repeat; float:left; position:relative;}
.produto h4 {display:none;}
.produto p {font-size:11px; position:absolute; width:155px; top:80px; right:10px; line-height:normal;}
.produto p.mais {bottom:0; right:4px; top:auto;}
.produto p.mais a {color:#FFF;}
#racao-filhotes {background-position:left -180px;}
#racao-pequenas {background-position:left -360px; margin-right:0;}
#racao-adultos p {color:#612408;}
#racao-filhotes p {color:#072b83;}
#racao-pequenas p {color:#14740c;}

#footer {background:#319316 url(../images/rodape.jpg) left top no-repeat; padding-top:130px; padding-bottom:20px; clear:both;}
#footer #footer-content {width:950px; margin:0 auto; position:relative;}
#footer #menu-footer {margin:0 10px 0 0; padding:0; width:178px; float:left;}
#footer #menu-footer li {margin:0; padding:0; display:block;}
#footer #menu-footer li a {background:#236f0e; display:block; margin:0 0 1px 0; font-size:11px; color:#FFF; padding:7.3px 15px; letter-spacing:-1px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#footer #menu-footer li a:hover {text-decoration:none; background-color:#124005;}
#footer #twitter {width:240px; height:157px; background-color:#236f0e; padding:10px; float:left; margin:0 10px 0 0; letter-spacing:-1px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; color:#88CF74;}
#footer #twitter h6 {width:117px; height:30px; background:url(../images/tit-twitter.gif) left top no-repeat; text-indent:-10001px;}
#footer #twitter ul {margin:0; padding:0;}
#footer #twitter ul li {line-height:normal; letter-spacing:normal; color:#88CF74; margin:0 0 10px 0; padding:0; list-style-type:none; font-size:10px;}
#footer #twitter ul li a {color:#88CF74;}
#footer #newsletter {width:240px; height:157px; color:#FFF; background-color:#236f0e; padding:10px; float:left; margin:0 10px 0 0; letter-spacing:-1px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#footer #newsletter h6 {font-size:30px; color:#4af569; letter-spacing:-1px; margin:0; padding:0;}
#footer #newsletter p {color:#000; letter-spacing:-1px; line-height:normal; font-size:11px; margin:5px 0; padding:0;}
#footer #newsletter form label {display:none;}
#footer #newsletter form label.error {position:absolute;}
#footer #newsletter form input {height:20px; width:214px; background:url(../images/bg-input.gif) left bottom repeat-x; letter-spacing:normal; font-weight:normal; font-size:11px; margin:0; padding:3px 10px; color:#1b5a0a; border:1px solid #113c05; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#footer #newsletter form button {background:#49a031 url(../images/bg-button.gif) left bottom repeat-x; color:#0a2602; padding:3px 8px; margin:0; font-size:11px; text-transform:lowercase; border:1px solid #0a2602; letter-spacing:normal; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
#footer #social-networking {margin:0; padding:0;}
#footer #social-networking li {margin:0 0 3px 0; padding:0; list-style-type:none; width:32px; height:27px; background:url(../images/icons-social.jpg) left -33px no-repeat; overflow:hidden;}
#footer #social-networking li.facebook {background-position:left -93px;}
#footer #social-networking li.orkut {background-position:left -63px;}
#footer #social-networking li.skype {background-position:left -123px;}
#footer #social-networking li.ning {background-position:left -153px;}
#footer #social-networking li a {height:0; min-height:0; display:block; padding:400px 0 0 0;}
#footer #by {width:103px; height:41px; background:url(../images/logotipo-cesarzeppini.gif) left top no-repeat; overflow:hidden; position:absolute; bottom:0; right:0;}
#footer #by a {height:0; min-height:0; display:block; padding:400px 0 0 0;}

table.nutricional {border:1px solid #e77d20;}
table.nutricional thead tr th {background-color:#FF993F; padding:5px; color:#FFF;}
table.nutricional tbody tr td {padding:5px; background-color:#FFDDBF; font-size:12px; border-bottom:1px solid #CFA681;}
table.nutricional tbody tr.even td {background-color:#FFEEDF;}


/* ELEMENTS

------------------------------------------- */



.tabnav {width:940px; margin:-20px 0 20px 0; padding:5px; border:1px solid #FFF; background-color:#ebd8bf; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.tabnav li {margin:0; padding:0; list-style-type:none; display:inline;}
.tabnav li a {padding:5px 10px; margin-right:5px; color:#e8d8bf; font-size:12px; float:left; background-color:#e77a1a; border:1px solid #CF680C; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.tabnav li a:hover, ul li.ui-tabs-selected a {background-color:#CF680C; text-decoration:none; color:#FFF;}
.ui-tabs-hide {display:none;}
.tabdiv img {float:left; margin:0 10px 0 0;}

#form_contato {width:450px; float:left;}

#contato-info {float:right; width:490px;}
#contato-info p.telefone {font-size:30px; color:#CF680C; margin:0; padding:0; line-height:36px;}
#contato-info p.email {font-size:18px; margin:0; padding:0;}