@charset "UTF-8";
@import "reset.css";
@import "default.css";

* {font:11px Arial, Verdana, Tahoma; color:#FFF;}

body {background:#000;}

#wrap {width:900px; margin:0 auto; position:relative;}

#header {position:relative; width:900px; height:121px;}
#header .logo {position:absolute; top:45px; left:50%; width:132px; height:60px; margin-left:-66px; display:block; width:132px; height:60px; background:url(../img/title/donna-bagno.jpg) no-repeat; z-index:999}

#nav {position:absolute; top:82px;}
#nav ul {margin:0 14px; height:30px; position:relative;}
#nav ul li {position:relative; float:left; height:25px; padding-top:5px; background:url(../img/other/menu-bullet.jpg) no-repeat;}
#nav ul li.left {padding-left:5px; background-position:top left;}
#nav ul li.right {padding-right:5px; background-position:top right;}
#nav ul li  {display:block; height:18px;}
#nav ul li .donna-bagno {position:relative; width:91px; height:14px; margin-right:29px; background:url(../img/button/menu-donna-bagno.png) no-repeat; z-index: 10;}
#nav ul li .donna-bagno-bg {width:102px; height:0px; position:absolute; top:-82px; left:0px; background:#5caaf9; z-index:0;}
#nav ul li .produtos {position:relative; width:67px; height:14px; margin-right:33px; background:url(../img/button/menu-produtos.png) no-repeat; z-index: 10;}
#nav ul li .produtos-bg {width:80px; height:0px; position:absolute; top:-82px; left:0px; background:#5caaf9; z-index:0;}
#nav ul li .destaques {position:relative; width:72px; height:14px; margin-right:242px; background:url(../img/button/menu-destaques.png) no-repeat; z-index: 10;}
#nav ul li .destaques-bg {width:86px; height:0px; position:absolute; top:-82px; left:0px; background:#5caaf9; z-index:0;}
#nav ul li .onde-encontrar {position:relative; width:169px; height:14px; background:url(../img/button/menu-onde-encontrar.png) no-repeat; z-index: 10;}
#nav ul li .onde-encontrar-bg {width:181px; height:0px; position:absolute; top:-82px; right:0px; background:#5caaf9; z-index:0;}
#nav ul li .fale-conosco {position:relative; width:99px; margin-left:43px; height:14px; background:url(../img/button/menu-fale-conosco.png) no-repeat; z-index: 10;}
#nav ul li .fale-conosco-bg {width:114px; height:0px; position:absolute; top:-82px; right:0px; background:#5caaf9; z-index:0;}
#nav ul li .active {background-position: 0px -14px;}

#content {overflow:hidden;}
#content .highlights {width:884px; height:340px; margin:6px 8px; overflow:hidden;}
#content .information {margin-top:15px;}
#content .information .column {background:url(../img/other/white-separator.jpg) no-repeat top right; height:119px;}
#content .information .column h2 {display:block; margin-bottom:10px; height:54px;}
#content .information .column p {color: #ced2e0;}
#content .information .conheca-donna-bagno {margin-left:19px; width:137px; padding-right:19px;}
#content .information .conheca-donna-bagno h2 {width:138px; height:53px; background:url(../img/title/chamada-conheca-donna-bagno.jpg) no-repeat}
#content .information .linha-produtos {margin-left:16px; width:125px; padding-right:20px;}
#content .information .linha-produtos h2 {width:133px; height:53px; background:url(../img/title/chamada-linha-produtos.jpg) no-repeat}
#content .information .onde-encontrar {margin-left:12px; width:132px; padding-right:13px;}
#content .information .onde-encontrar h2 {width:128px; height:53px; background:url(../img/title/chamada-onde-encontrar.jpg) no-repeat}
#content .information .onde-encontrar p {width:116px;}
#content .information .news {width:369px; margin-left:21px; position:relative;}
#content .information .news h3, #content .information .news p {width:181px;}
#content .information .news h3 {display:block; color:#5caaf9; margin-top:15px;}
#content .information .news h3 a {color:#5caaf9; text-decoration:none;}
#content .information .news p {color:#ced2e0; margin-top:10px;}
#content .information .news p a {color:#ced2e0; text-decoration:none;}
#content .information .news img {position:absolute; top:9px; right:0px;}
#content .footer {position:absolute; bottom:0px; width:900px; height:9px; background:url(../img/other/separator.gif) no-repeat;}

#donna-bagno #content {height:510px;position:relative;}
#donna-bagno.warranty #content, #donna-bagno.downloads #content {background:url(../img/background/empresa.jpg) no-repeat 12px 200px;}
#donna-bagno #nav .donna-bagno {background-position: 0px -14px;}
#donna-bagno #nav .donna-bagno-bg {height:116px;}

#left-column {float:left;width:336px; padding:40px 0 0 13px;}
#left-column #subnav li {background:url(../img/other/subnav-bullet.jpg) no-repeat left bottom; padding-left:17px; margin-bottom:15px;}
#left-column #subnav li .empresa {width:73px; height:9px; background:url(../img/button/submenu-empresa.jpg) no-repeat}
#left-column #subnav li .empresa:hover {background-position: 0 -9px;}
#left-column #subnav li .garantia {width:65px; height:9px; background:url(../img/button/submenu-garantia.jpg) no-repeat}
#left-column #subnav li .garantia:hover {background-position: 0 -9px;}
#left-column #subnav li .assistencia-tecnica {width:142px; height:11px; background:url(../img/button/submenu-assistencia-tecnica.jpg) no-repeat}
#left-column #subnav li .assistencia-tecnica:hover {background-position: 0 -11px;}
#left-column #subnav li .downloads {width:81px; height:9px; background:url(../img/button/submenu-downloads.jpg) no-repeat}
#left-column #subnav li .downloads:hover {background-position: 0 -9px;}

#donna-bagno.company #left-column #subnav li .empresa {background-position: 0 -9px;}
#donna-bagno.warranty #left-column #subnav li .garantia {background-position: 0 -9px;}
#donna-bagno.downloads #left-column #subnav li .downloads {background-position: 0 -9px;}

#left-column #gallery {margin-top:105px; width:305px; padding-left: 10px;}
#left-column #gallery .controls {padding: 15px 5px 0; position:relative;}
#left-column #gallery .controls a {margin-right:10px; text-decoration:none;}
#left-column #gallery .controls .right {position:absolute; right:5px; margin-right:0;}

#right-column {position:relative; float:right; width:480px; height:470px; padding:30px 20px 0 0;}
#donna-bagno #right-column h3 {width:137px; height:24px; background:url(../img/title/empresa.jpg) no-repeat; margin-bottom:20px;}
#right-column .text-container {height:305px; overflow:hidden;}
#right-column .text-container a {font-size:12px; color:#bfbfbf;}
#right-column p {font-size:12px; color:#bfbfbf;}

#donna-bagno.company #right-column img {position:absolute; bottom:10px;}
#donna-bagno.company #right-column .certificado {right:82px;}
#donna-bagno.company #right-column .cinco-anos {right:13px;}

#donna-bagno.warranty #right-column h3 {width:121px; height:24px; background:url(../img/title/garantia.jpg) no-repeat;}
#donna-bagno.warranty #right-column .text-container {height:361px;}

#donna-bagno.downloads #right-column h3 {width:139px; height:24px; background:url(../img/title/downloads.jpg) no-repeat; margin-bottom:12px;}
#donna-bagno.downloads #right-column .text-container {height:361px;}
#donna-bagno#donna-bagno.downloads #right-column .description {margin-bottom:15px;}
#donna-bagno.downloads #right-column .text-container ul {margin-top:20px;}
#donna-bagno.downloads #right-column .text-container ul li {margin-bottom:10px; position:relative;}
#donna-bagno.downloads #right-column .text-container .thumbnail {margin:0px; padding:0px;}
#donna-bagno.downloads #right-column .text-container .thumbnail img {vertical-align: top;}
#donna-bagno.downloads #right-column .text-container .download-info {position:absolute; bottom:0; left:150px;}

#products #content {height:525px; position:relative;}
#products #nav .produtos {background-position: 0px -14px;}
#products #nav .produtos-bg {height:116px;}

#products #categories {margin-bottom:30px;}
#products #categories h2 {width:191px; height:37px; background:url(../img/title/produtos.gif) no-repeat; margin: 40px 0 10px 45px;}
#products #categories #category-carousel li {text-align: center; cursor:pointer;}
#products #categories #category-carousel li img {margin-bottom: 24px; vertical-align: top;}
#products #categories #category-carousel li p {text-transform: uppercase; font-size: 14px;}
#products #categories #category-carousel li.active p {color:#5caaf9;font-weight: bold}

#products #category-description {border-right: 1px solid #dee0ea; padding:10px 20px 0px 43px; height:103px; width:290px; float:left;}
#products #category-description h3 {font-weight:bold; font-size: 16px; color:#5caaf9; margin-bottom:14px;}
#products #category-description p {font-size:11px; color:#ced2e0;}

#products #product-list {float:left; width:540px; height:113px;}

#products #product-container {margin-top:25px; padding:0 20px}
#products #product-container .image {float:left; width:362px; height:415px; overflow:hidden;}
#products #product-container .product {float:left; margin-left:90px; width:350px; height:385px; padding:30px 20px 0 35px; position:relative}
#products #product-container .product h3 {font-weight:bold; font-size:16px; color:#5caaf9; margin-bottom:14px; text-transform:uppercase;}
#products #product-container .product .content * {font-size:11px; color:#ced2e0;}
#products #product-container .product .content .description {margin-bottom: 35px;}
#products #product-container .product .content .technical {margin-bottom: 20px;}
#products #product-container .product .content a {color:#5caaf9; font-weight:bold; text-decoration:none}
#products #product-container .product .back {position:absolute; bottom:15px;}
#products #product-container .product .back a {font-weight:bold; text-decoration:none;}

#highlights #content {height:520px; position:relative;}
#highlights #post-container {margin-top:40px; padding:0 10px;}
#highlights #post-container #left-column {padding:0px;}
#highlights #post-container #left-column #gallery {margin:0 0 50px 0; padding:0}
#highlights #post-container #left-column .post-list {margin-left:4px; padding:3px 0px 3px 17px; border-left: 1px solid #5caaf9;}
#highlights #post-container #left-column .post-list h4 {font-size:14px; font-weight:bold; color:#5caaf9; text-transform: uppercase;}
#highlights #post-container #left-column .post-list li {color:#bfbfbf; margin-bottom:10px;}
#highlights #post-container #left-column .post-list li a {text-decoration: none;}

#highlights #post-container #right-column {padding:0px;width:495px;}
#highlights #post-container #right-column h2 {width:275px; height:49px; background:url(../img/title/destaques.gif) no-repeat; margin-bottom:25px;}
#highlights #post-container #right-column h3 {font-size:14px; font-weight:bold; color:#5caaf9; margin-bottom:23px;}
#highlights #post-container #right-column .text-container {height:300px; overflow:hidden; padding:25px 0px;}

#contact #content {height:520px; position:relative;}
#contact #contact-container {margin-top:40px; padding:0 20px;}
#contact #contact-container #left-column {padding:0px;width:420px;}
#contact #contact-container #left-column h2 {width:358px; height:48px; background:url(../img/title/fale-conosco.gif) no-repeat; margin-bottom:30px;}
#contact #contact-container #left-column form li {margin-bottom:10px;}
#contact #contact-container #left-column label {width:45px; display:block; float:left; font-size:12px; color:#ced2e0;padding-top:3px;}
#contact #contact-container #left-column label.newsletter {float:none; width:auto;}
#contact #contact-container #left-column input {height:20px; color:#000;}
#contact #contact-container #left-column input.text {border:0; width:362px;}
#contact #contact-container #left-column input.city {border:0; width:232px; float:left; margin-right:12px;}
#contact #contact-container #left-column input.state {border:0; width:60px; margin-left:13px;}
#contact #contact-container #left-column input.newsletter {float:left; margin-right:10px;}
#contact #contact-container #left-column textarea {border:0; width:407px; height:170px; color:#000}
#contact #contact-container #left-column input.submit { float:right; border:0; text-align: center; background: #5caaf9; padding:0 17px; height:20px; color:#FFF; margin-right: 13px;}

#contact #contact-container #right-column {width:350px; padding:0;}
#contact #contact-container #right-column p strong {font-size: 12px; color:#bfbfbf; font-weight: bold;}

#store #content {height:520px; position:relative;}
#store #store-container {padding:0 20px; background:url(../img/background/onde-encontrar.jpg) no-repeat 60px 25px;}
#store #store-container #right-column {width:450px;padding:80px 0 0;}
#store #store-container #right-column h2 {width:425px; height:47px; background:url(../img/title/onde-encontrar.jpg) no-repeat;}
#store #store-container #right-column p.description {margin:45px 0 0 20px;}
#store #store-container #right-column select {color:#7b7b7b; border:1px solid #afacac;}
#store #store-container #right-column select option {color:#7b7b7b;}
#store #store-container #right-column select.state {width:58px; margin:0 8px;}
#store #store-container #right-column select.city {width:184px; margin-left:8px;}
#store #store-container #right-column #store-list {margin:23px 0 0 20px;background:white; border:1px solid #afacac; width:396px; height:199px; padding: 19px 0 0 19px; overflow: auto;}
#store #store-container #right-column #store-list li {margin-bottom:20px;}
#store #store-container #right-column #store-list h4 {font-size:12px; font-weight:bold; color:#000;}
#store #store-container #right-column #store-list p {color:#7b7b7b;}

#home #footer {margin:28px 0 0 19px;}
#footer {margin:15px 0 0 19px;}
#footer p {color:#a4a5a7; font-size:12px;}

#assinatura {position:absolute; right:0px}
#assinatura a {text-decoration:none;font-size:10px;}

span.separator {display:block; width:900px; height:9px; background:url(../img/other/separator.jpg) no-repeat;}
.azul {color:#5caaf9;}