@charset "utf-8";
body{background-color: #272525; font-family:Verdana, Geneva, sans-serif;}

.main-center{margin: 0 auto; width: 967px;}

/* HEADER */
.header{ height: 491px; background:url(../images/background_top.jpg) no-repeat center top; }
.header .top{padding-top: 15px;}
.header .logo h1{background: url(../images/logo.png) no-repeat; width: 240px; height: 70px; cursor: pointer;}
.header .logo h1 a{display: none;}

.header .language-chooser{padding-top: 55px;}
.header .language-chooser li{float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #c1c1c1; line-height: 10px;}
.header .language-chooser li.first{border: none;}
.header .language-chooser li a{color: #c1c1c1; font-size: 10px; text-transform:uppercase;}
.header .language-chooser li a:hover, 
.header .language-chooser li a.selected{color: #3c9dff;}

.header .center{background: url(../images/menu_background.png) repeat-x top; height: 50px; border: 1px solid #567378; margin-top: 20px;}

.header .menu {font-family: Helvetica, Arial, sans-serif; font-size: 13px;}
.header .menu li{background: url(../images/menu_divider.png) repeat-y left; float: left; line-height: 50px;}
.header .menu li.first{background: none;  padding: 0; }
.header .menu li a{ padding: 0 12px; display: block; color: #eee;  text-decoration: none; text-transform: uppercase;}
.header .menu li a.selected{background: url(../images/menu_selected_background.png) repeat-x top; font-weight: bold;}
.header .menu li a:hover{color: #fff; text-decoration: underline;}

.header .pesquisa{width: 200px; height: 35px; padding-top: 15px; background: url(../images/lupa.png) no-repeat 160px 10px;}
.header .pesquisa .div-button{height: 30px; width: 35px; cursor: pointer; float: right;  margin-top: -5px;}
.header .pesquisa .submit{display: none;}

.header .banner{padding: 10px 0 0 1px;}

/* CONTENT */
.content{margin-top: 10px; font-size: 11px;}
.content .col-left{width: 215px;}
.content .col-right{width: 720px; background-color:#FFF; padding:10px; min-height: 400px;}
.content .title{background:url(../images/title_background.gif) center center repeat-x; height: 25px; padding-left: 30px;}
.content .title h2{color: #006bd5; font-size: 17px; background-color:#FFF; display: inline; padding: 0 5px;} 

.cms-content{margin-top: 10px;}
.cms-content p{margin-top: 10px;}

.contacts {width: 250px;}
.contacts li{padding: 5px 0 15px 40px;}
.contacts #address{background: url(../images/ico_home.png) no-repeat left top;}
.contacts #mail{background: url(../images/ico_mail.png) no-repeat left top;}
.contacts #phone{background: url(../images/ico_phone.png) no-repeat left top;}
.contacts #fax{background: url(../images/ico_printers.png) no-repeat left top;}

.contacts-map { padding: 20px 10px; text-align:center;}
.contacts-form { width: 460px; }
.contacts-form table{ width: 100%; }
.contacts-form input, .contacts-form textarea{ width: 330px; font-size: 11px; padding: 2px 2px 3px; }
.contacts-form table td.label{ width: 100px; }
.contacts-form table td{ padding: 5px; }
.contacts-form .required{ color: #F00; margin-left: 2px;}
.contacts-form .button{ width: 120px; font-size: 13px;}
.contacts-form div{ text-align: right; padding-right: 11px;}

.register-form { width: 510px; }
.register-form table{ width: 100%; }
.register-form input, .contacts-form textarea{ width: 330px; font-size: 11px; padding: 2px 2px 3px; }
.register-form table td.label{ width: 150px; }
.register-form table td{ padding: 5px; }
.register-form .required{ color: #F00; margin-left: 2px;}
.register-form .button{ width: 120px; font-size: 13px;}
.register-form div{ text-align: right; padding-right: 11px;}
.register-form #valid_email{ text-align: left;}
.error, a.error span, .required, .validation-advice { color:#D40707 !important; font-weight:bold !important; margin-left: 3px;}

/* FOOTER */
.footer{background: url(../images/footer_background.png) repeat-x top; height: 200px; margin-top: 5px;}
.footer .bau{background: url(../images/caixa.png) repeat-x bottom; height: 263px; width: 280px; margin-top: -80px;}

.footer .menu {font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin-top: 10px;}
.footer .menu li{float: left; line-height: 15px;}
.footer .menu li a{ padding: 0 8px; display: block; color: #eee;  text-decoration: none; text-transform: uppercase;}
.footer .menu li a.selected{background: url(../images/ferramenta.png) no-repeat left;  text-decoration: underline; padding-left: 20px; }
.footer .menu li a:hover{color: #fff;}

.footer .signature{text-align: right; margin-top: 150px;}

/* BUTTONS */
.button{ background:url(../images/simple-button-background.png) repeat-x top #000; border: 1px solid #567378; cursor:pointer; margin-left: 10px; height: 25px; color: #ddd; padding-bottom: 3px;}
.button:hover{ background:url(../images/simple-button-hover-background.png) repeat-x;}

.black-button{ background:url(../images/bt_comprar_left.gif) no-repeat top left; line-height: 33px; padding-left: 6px;}
.black-button div{ background:url(../images/bt_comprar_right.gif) no-repeat top right; line-height: 33px; padding-right: 6px;}
.black-button div div{ background:url(../images/bt_comprar_mid.gif) repeat-x top; line-height: 33px; padding: 0; text-align: center;}
.black-button a{color: #eee; text-decoration:none;  display:block;}

/* CATALOG  */
.catalog-menu{ background:url(../images/menu_catalogo_fundo.gif) repeat-x top #000; width: 100%; padding: 12px 0; height: auto; border: 1px #5F666C solid;}

.list-row{margin-top: 5px; width: 720px;}
.list-row tr:hover{background-color: #f0f0f0;}
.list-row td.image, .list .image{width: 160px; text-align: center; background-color:#FFF; height: 132px; vertical-align: top;}
.list td.image{padding: 0px}
.list td.image div{padding: 5px; border: 1px solid #aaa;}
.list-row td.last{width: 100px; text-align: right; vertical-align: bottom;}
.list-row td{vertical-align: top; padding: 10px 5px;}
.list-row h3{margin-bottom: 5px;}

.list-result{margin-top: 20px;}

.row-title{color: #0268D4;}

.cat-desc{ margin-top: 15px; }
.cat-desc td{ padding: 5px; }

.pagination{float: right; margin: 17px 0;}
.pagination li{float:left; border: 1px #999 solid; margin-left: 3px; background: #eee;}
.pagination li.current{background: #ccc;}
.pagination li a{display: block; text-decoration: none; padding: 4px; color: #0268D4;}

/* LIST  */
.list { margin-bottom: 10px; }
.list h3{ background-color: #006bd5; display: block; padding: 5px; color: #eee; margin-bottom: 10px;}
.list p{ margin-top: 10px; }
.list div{width: 150px;margin-top: 5px; font-weight: bold;}
.list .fleft{ text-align: left; }
.list .fright{ text-align: right;}
.list a{ font-weight: bold; text-decoration: none; color: #333; display:block;}
.list a:hover{ text-decoration: underline; }
.list table{ width: 100%; }
.list table td{ padding: 5px; vertical-align: top;}
.list .image{ width: 150px; }
.list img{ margin-top: 10px; }

/* LOGIN */
.mini-login{background: url(../images/mini-login-background.png) repeat-x top; padding: 10px; color: #eee; margin-bottom: 5px;}
.mini-login h3{ font-size: 14px; margin-bottom: 8px; text-transform:uppercase; }
.mini-login .input-text{ width: 188px; margin-bottom: 4px; padding: 2px 2px 3px 2px; font-size: 11px; height: 14px;}
.mini-login .actions{padding-top: 5px;}
.mini-login .actions a{font-size: 12px; color: #ddd;}

/* BANNERS */
.banners img{margin-bottom: 5px;}

/* LATERAL */
.lateral-products {margin-bottom: 80px; background: url(../images/lateral_background.png) #fcfcfc repeat-x top; padding: 10px 0 0 0; }
.lateral-products .product{text-align: center; margin-bottom: 10px;}
.lateral-products .product a{color: #333; font-size: 14px; }
.lateral-products h2{color: #333; font-size: 14px; text-transform:uppercase;  margin: 0 0 10px 10px;}

/*MENSAGENS*/
.msg{padding: 10px 10px 10px 30px; margin-top: 10px;}
.msg-error{border: #F16048 1px solid; background:#FAEBE7 url(../images/error_msg_icon.gif) no-repeat 8px 9px; color: #DF280A ;}
.msg-error li{font-size: 11px; font-weight: bold;}

.msg-succ{border: #95A486 1px solid; background:#EFF5EA url(../images/success_msg_icon.gif) no-repeat 8px 9px; color: #3D6611 ;}
.msg-succ li{font-size: 11px; font-weight: bold;}

/*OTHERS*/
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;}

div.article_return{width:100px;}
.article_return a{color:#eee; font-weight: normal;}
.article_return a:hover{text-decoration: none;}