/*Reset*/
@import url("reset.css");

/*clear fix*/
.news:after, #main:after, #pagin:after, .box-home:after, #main .galeria:after
{ content:"."; display:block; clear:both; height:0; visibility:hidden;}

/*Geral*/
body { font:normal 80%/1.4em Arial, Helvetica, Verdana, sans-serif; color:#666; }

#container { width:880px; margin:0 auto;}

#header { height:160px; position:relative; background:#fff; }

#content { position:relative; }

#footer { height:126px; background:#690 url(../img/layout/bg_footer.jpg) bottom left repeat-x; }

/* header */
#container #header h1 { width:880px; height:120px; text-indent:-99999px; position:absolute; top:0; left:0; background:url(../img/layout/logo.gif) no-repeat; }

#container #header #form_busca { width:210px; height:20px; position:absolute; top:23px; right:0; }
#container #header #form_busca .campo { width:180px; height:16px; background:#FFF6D2;}
#container #header #form_busca .btn { display:block; position:absolute; top:0; right:0; }

#container #header #sub_nav { position:absolute; top:25px; right:230px; }
#container #header #sub_nav li { float:left; }

#container #header #sub_nav li a { font-size:11px; display:block; text-decoration:none;}
#container #header #sub_nav li a.middle { border-left:1px solid #000;  border-right:1px solid #000; margin:0 8px; padding:0 8px;}
#container #header #sub_nav li a:link, #container #header #sub_nav li a:visited { color:#000; }
#container #header #sub_nav li a:hover, #container #header #sub_nav li a:active { color:#666; text-decoration:underline; }

#container #main_nav { width:880px; height:40px; position:absolute; top:120px; background:url(../img/layout/bg_main_nav.jpg) repeat-x; }
#container #main_nav li { float:left; position:relative; }
#container #main_nav li.left { height:40px; background:url(../img/layout/main_nav_left.jpg) no-repeat; }
#container #main_nav li.right { height:40px; position:absolute; right:0; background:url(../img/layout/main_nav_right.jpg) right top no-repeat; }
           
#container #main_nav li a, #container #main_nav li strong { height:40px; padding:0 5px 0 0; display:block; }

#container #main_nav li a.nav_home { width:45px; text-indent:-99999px; background:url(../img/layout/nav_home_link.gif) no-repeat top left; }
#container #main_nav li a.nav_home:hover { background:#c90 url(../img/layout/nav_home_link.gif) no-repeat top left; }
#container #main_nav li strong.nav_home { width:45px; text-indent:-99999px; background:url(../img/layout/nav_home_active.gif) no-repeat top left; }

#container #main_nav li a.btn_empresa { width:94px; text-indent:-99999px; background:url(../img/layout/nav_empresa_link.gif) no-repeat top left; }
#container #main_nav li a.btn_empresa:hover { background:url(../img/layout/nav_empresa_hover.gif) no-repeat top left; }
#container #main_nav li strong.btn_empresa { width:94px; text-indent:-99999px; background:url(../img/layout/nav_empresa_active.gif) no-repeat top left; }

#container #main_nav li a.btn_produtos { width:103px; text-indent:-99999px; background:url(../img/layout/nav_produtos_link.gif) no-repeat top left; }
#container #main_nav li a.btn_produtos:hover {background:url(../img/layout/nav_produtos_hover.gif) no-repeat top left; }
#container #main_nav li strong.btn_produtos { width:103px; text-indent:-99999px; background:url(../img/layout/nav_produtos_active.gif) no-repeat top left; }

#container #main_nav li a.nav_comprar { width:141px; text-indent:-99999px; background:url(../img/layout/nav_comprar_link.gif) no-repeat top left; }
#container #main_nav li a.nav_comprar:hover { background:#c90 url(../img/layout/nav_comprar_hover.gif) no-repeat top left; }
#container #main_nav li strong.nav_comprar { width:141px; text-indent:-99999px; background:url(../img/layout/nav_comprar_active.gif) no-repeat top left; }

#container #main_nav li a.nav_noticias { width:96px; text-indent:-99999px; background:url(../img/layout/nav_noticias_link.gif) no-repeat top left; }
#container #main_nav li a.nav_noticias:hover { background:#c90 url(../img/layout/nav_noticias_hover.gif) no-repeat top left; }
#container #main_nav li strong.nav_noticias { width:96px; text-indent:-99999px; background:url(../img/layout/nav_noticias_active.gif) no-repeat top left; }

#container #main_nav li a.btn_contato { width:90px; text-indent:-99999px; background:url(../img/layout/nav_contato_link.gif) no-repeat top left; }
#container #main_nav li a.btn_contato:hover {background:url(../img/layout/nav_contato_hover.gif) no-repeat top left; }
#container #main_nav li strong.btn_contato { width:90px; text-indent:-99999px; background:url(../img/layout/nav_contato_active.gif) no-repeat top left; }

#container #main_nav li .dropdown { visibility:hidden; display:block; position:absolute; top:40px; left:-1px; padding:0 0 13px 0; background: url(../img/layout/dropdown_bottom.png) no-repeat 3px bottom; }
#container #main_nav li .dropdown li { clear:left; position:relative; }
#container #main_nav li .dropdown li span { width:194px; height:37px; position:absolute; top:0; margin:0 0 0 3px; display:block; background:#c90; }
#container #main_nav li .dropdown li a { position:relative; display:block; width:186px; height:25px; padding:12px 0 0 16px; font-family:"Courier"; text-decoration:none; color:#666; font-size:1.1em; }
#container #main_nav li .dropdown li a:link, #container #main_nav li .dropdown li a:visited { color:#fff; background:url(../img/layout/dropdown-link.png) no-repeat left center; }
#container #main_nav li .dropdown li a:hover, #container #main_nav li .dropdown li a:active { color:#c90; background:url(../img/layout/dropdown-hover.png) no-repeat left center; }

/* content */
#container #content { padding:40px 0 0 0; min-height:330px; }

#container #content #col_left, #container #content #col_right { position:absolute; top:40px; }
#container #content #col_left { width:180px; left:0; }

#container #content #col_left #side_nav {padding:0 0 1px 0; background:url(../img/layout/dot-line-green.gif) repeat-x bottom; }
#container #content #col_left #side_nav li { background:url(../img/layout/dot-line-green.gif) repeat-x top; padding:1px 0 0 0; }
#container #content #col_left #side_nav li strong { display:block; background:#F5FAE0; font-family:"Courier"; line-height:1.2em; padding:10px 0 10px 15px; text-decoration:none; color:#6D6F71; font-size:1.1em; }
#container #content #col_left #side_nav li a { display:block; font-family:"Courier"; line-height:1.2em; padding:10px 0 10px 15px; text-decoration:none; color:#6D6F71; font-size:1.1em;  }
#container #content #col_left #side_nav li a:link, #container #content #col_left #side_nav li a:visited { background:#fff; }
#container #content #col_left #side_nav li a:hover, #container #content #col_left #side_nav li a:active { background:#F5FAE0; }

#container #content #col_right { width:210px; right:0; }
#container #content #col_right .side_box { border:3px solid #E5F2B2; margin:0 0 1em 0; padding:10px; background:#fff; }
#container #content #col_right .side_box .ico { display:block; float:left; padding:0 5px 0 0; }
#container #content #col_right .side_box h2 { margin:0 0 .3em 0; padding:0;}
#container #content #col_right .side_box h2 img { display:block;}
#container #content #col_right .side_box p a { color:#99CC01; padding:0 15px 0 0; background:url(../img/layout/box-arrow.gif) no-repeat right center; }
#container #content #col_right .side_box p a:link, #container #content #col_right .side_box p a:visited { text-decoration:none; }
#container #content #col_right .side_box p a:hover, #container #content #col_right .side_box p a:active { text-decoration:underline; }

#container #content #col_right .logout { font-size:1.5em; text-align:right; color:#99CC01; display:block; padding:0 25px 0 0; margin:0 0 1em 0; background: url(../img/admin/arrow_right.gif) no-repeat right 2px; }
#container #content #col_right .logout:link, #container #content #col_right .logout:visited { text-decoration:none; }
#container #content #col_right .logout:hover, #container #content #col_right .logout:active { text-decoration:underline; }

#container #content #col_right h3 { margin:0 0 1em 0; padding:1em 0 0 0; background:url(../img/_layout/dot-line-grey.gif) repeat-x; }
#container #content #col_right h3.com { font-size:1.2em; line-height:1em;letter-spacing:.01em; padding:0; margin:2.35em 0 0 0; }
#container #content #col_right ul { margin:0 0 1em 0; }
#container #content #col_right ul li { padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat left 5px; }
#container #content #col_right ul li a { color:#99CC01; }
#container #content #col_right ul li a:link, #container #content #main ul li a:visited { text-decoration:none; }
#container #content #col_right ul li a:hover, #container #content #main ul li a:active { text-decoration:underline; }

/* home */ 
#container #content #flash { height:370px; margin:-40px 0 0 0;}
#container #content .side_home { position:absolute; margin:340px 0 0 0; }

#container #content #col_left #news-home { margin:0 0 1em 0; }
#container #content #col_left #news-home li { padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat left 6px; }
#container #content #col_left #news-home li a { color:#99CC01; }
#container #content #col_left #news-home li a:link, #container #content #col_left #news-home li a:visited { text-decoration:none; }
#container #content #col_left #news-home li a:hover, #container #content #col_left #news-home li a:active { text-decoration:underline; }

#container #content #col_left h2 { font-size:1.5em; line-height:1em; margin:0 0 .5em 0; color:#000; clear:left; }

#container #content #home { width:450px; min-height:300px; _height:300px; margin:15px 0 0 200px; }

#container #content #home .box-home { margin:0 0 1em 0; }
#container #content #home .box-home img { display:block; border:3px solid #E5F2B2; padding:3px; float:left; }
#container #content #home .box-home div { width:270px; float:right; }
#container #content #home .box-home div h3 { font-size:1.3em; line-height:1em; letter-spacing:.01em; color:#000; }
#container #content #home .box-home div p { margin:0 0 1em 0; }
#container #content #home .box-home div p a { text-decoration:none; color:#99CC01; padding:0 12px 0 0; background:url(../img/layout/box-arrow.gif) no-repeat right center; }
#container #content #home .box-home div p a:hover { text-decoration:underline; }

/* conteudo principal */
#container #content #main { width:450px; min-height:500px; _height:500px; margin:0 0 3em 200px; }
#container #content #main h2 { font-size:2em; line-height:1em; letter-spacing:.01em; margin:0 0 15px 0; padding:0; color:#c90; position:relative; }
#container #content #main h3 { font-size:1.2em; line-height:1em; letter-spacing:.01em; text-transform:uppercase; margin:1.6em 0 16px 0; color:#000; clear:left; }
#container #content #main .tit { text-transform:uppercase; font-size:1em; margin:0 0 21px 0; }
#container #content #main .full-foto { display:block; margin:.8em 0 2em 0; }
#container #content #main p { margin:0 0 1em 0; }
#container #content #main p strong { font-weight:bold; }
#container #content #main p em { font-style: italic; }
#container #content #main ul li em { font-style: italic; }
#container #content #main p a { color:#99CC01; text-decoration:none;  }
#container #content #main p a:link, #container #content #col_right .side_box p a:visited { text-decoration:none; }
#container #content #main p a:hover, #container #content #col_right .side_box p a:active { text-decoration:underline; }

#container #content #main .data { margin:-1.5em 0 1em 0; display:block; color:#000; }
#container #content #main .desc { margin:0 0 0 175px; }
#container #content #main .rev-list { padding:20px 0 0 0; background:url(../img/layout/dot-line-grey.gif) repeat-x top; }
#container #content #main p .back { text-decoration:none; padding:0 0 0 15px; background:url(../img/layout/back_arrow.gif) no-repeat left 5px; }

#container #content #main ul, #container #content #main dl { margin:0 0 20px 0; }
#container #content #main dl dt { color:#000; }
#container #content #main ul li, #container #content #main dl dt { padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat 0 7px; }
#container #content #main ul li a, #container #content #main dl dt a, #container #content #main dl dd a { color:#99CC01; }
#container #content #main dl dt a:link, #container #content #main dl dt a:visited, 
#container #content #main ul li a:link, #container #content #main ul li a:visited,
#container #content #main dl dd a:link, #container #content #main dl dd a:visited { text-decoration:none; }
#container #content #main dl dt a:hover, #container #content #main dl dt a:active, 
#container #content #main ul li a:hover, #container #content #main ul li a:active,
#container #content #main dl dd a:hover, #container #content #main dl dd a:active { text-decoration:underline; }

#container #content #main dl dd { margin:0 0 1em 0; padding:0 0 0 15px; }
#container #content #main dl.rev dd { margin:0 0 .5em 0; }

#container #content #main .news { margin:0 0 2em 0; clear:left; }
#container #content #main .news h4 { color:#000; font-size:1.4em; line-height:1em; letter-spacing:.01em; }
#container #content #main .news h4.foto { margin:0 0 0 131px; color:#000; font-size:1.4em; line-height:1em; letter-spacing:.01em; }
#container #content #main .news p { padding:0; margin:0; }
#container #content #main .news div.foto { margin:0 0 0 131px; }
#container #content #main .news .news-foto { display:block; float:left; margin:0 0 0 0; padding:0 20px 0 0; }
#container #content #main .news a.links { color:#99CC01; text-decoration:none; padding:0 15px 0 0; background:url(../img/layout/box-arrow.gif) no-repeat right 5px; }
#container #content #main .news a.links:link, #container #content #main .news a.links:visited {text-decoration:none;}
#container #content #main .news a.links:hover, #container #content #main .news a.links:avtive {text-decoration:underline;}

#container #content #main .foto-prod-pq { float:left; padding:0; margin:0 20px 0 0; display:inline; }
#container #content #main .foto-prod-pq img { display:block; }
#container #content #main .foto-prod-pq .ampli { display:block; padding:5px 0; background: url(../img/layout/dot-line-grey.gif) repeat-x top; }
#container #content #main .foto-prod-pq .ampli img { display:block; }

#container #content #main .galeria { margin:0 0 2em 0; }
#container #content #main .galeria li { padding:0; margin:0 10px 10px 0; float:left; display:inline; background:none; }
#container #content #main .galeria li a img { padding:3px; display:block; }
#container #content #main .galeria li a:link img, #container #content #main .galeria li a:visited img { border:3px solid #E5F2B2;}
#container #content #main .galeria li a:hover img, #container #content #main .galeria li a:active img { border:3px solid #88B502; }

#container #content #main div.tool { width:125px; clear:left; margin:2em 0 0 0; padding:10px 0; background:url(../img/layout/dot-line-grey.gif) repeat-x top; }
#container #content #main a.tool { color:#99CC01; padding:0 15px 0 0; background:url(../img/layout/box-arrow.gif) right 5px no-repeat; }
#container #content #main a.tool:link, #container #content #main a.tool:visited { text-decoration:none; }
#container #content #main a.tool:hover, #container #content #main a.tool:active { text-decoration:underline; }

#container #content #main .edit-form { margin:0 0 1em 0; padding:1em 0; }
#container #content #main .edit-form .campo { margin:0 0 1em 0; }
#container #content #main .edit-form .campo label { width:160px; display:block; float:left; padding:5px 0 0 0; }
#container #content #main .edit-form .campo label.mail { width:100px; padding:5px 0 0 0; }
#container #content #main .edit-form .campo input { padding:.4em 0; }
#container #content #main .edit-form .campo select { width:250px; margin:5px 0 0 0; }
#container #content #main .edit-form .campo .line { width:300px; }
#container #content #main .edit-form .campo .txt { width:330px; }
#container #content #main .edit-form .campo .ddd { width:30px; }
#container #content #main .edit-form .campo .tel { width:260px;}
#container #content #main .edit-form .campo .error 	{ width:260px; color:#000; border:1px solid #CC9900; padding:.5em .5em .5em 35px; margin:0 0 .8em 100px;  background:#FFF6D2 url(../img/admin/error.gif) no-repeat 10px 5px;}
#container #content #main .edit-form .campo .errors { width:220px; color:#000; border:1px solid #CC9900; padding:.5em .5em .5em 35px; margin:0 0 .8em 160px;  background:#FFF6D2 url(../img/admin/error.gif) no-repeat 10px 5px;  }
#container #content #main .edit-form #flash-msg { color:#000; border:1px solid #4A9833; padding:.5em .5em .5em 35px; margin:0 0 .8em 0;  background:#F5FAE0 url(../img/admin/accept.gif) no-repeat 10px 5px;  }
#container #content #main .edit-form .btn { padding:0 0 0 160px; }
#container #content #main .edit-form .botao { padding:0 0 0 100px; }

#container #content #main #pagin { margin:2em 0 0 0; float:right; }
#container #content #main #pagin li { float:left; background:none; padding:0 1px; }
#container #content #main #pagin li a, #container #content #main #pagin li strong { text-align:center; padding:1px 7px; display:block; text-decoration:none; }
#container #content #main #pagin li a:link, #container #content #main #pagin li a:visited { color:#CC9900; background:#F2CF67; }
#container #content #main #pagin li a:hover, #container #content #main #pagin li a:active, #container #content #main #pagin li strong { color:#fff; background:#CC9900; }

/* footer */
#footer div { width:880px; margin:0 auto; position:relative; }
#footer div .tel { width:295px; height:21px; text-indent:-99999px; position:absolute; top:80px; right:0; background: url(../img/layout/telefone-terral.gif) no-repeat; }
#footer div p { position:absolute; left:20px; top:84px; color:#fff; }
#footer div p a { color:#fff; }
#footer div p a:link, #footer div p a:visited { text-decoration:none; }
#footer div p a:hover, #footer div p a:active { text-decoration:underline; }
