/* Imports =============================================================================== */
@import url('reset.css');
@import url('layout.css');
@import url('header.css');
@import url('navigation.css');
@import url('footer.css');
@import url('prettyPhoto.css');
@import url('col-right.css');
@import url('content.css');
@import url('home.css');
@import url('custompage_clientes.css');


/* Global Styles ========================================================================= */
body{color:#58584b;}
/* Form Elements */
input.inputbox, textarea.inputbox, textarea  { background:#fff; border:1px solid silver; padding:3px; vertical-align:middle; color:gray; }
select { padding:1px; background:#fff; border:1px solid silver;}
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid silver; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }

button.button {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:left; text-align:center;}
button.button span { float:left; height:28px; background:transparent url('images/button-round-bg.png') 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#462109; }
button.button span span { background-position:100% 0; padding:0 12px 0 4px; }

p.control input.checkbox,
p.control input.radio { margin-right:6px; }


/* Breadcrumb*/
div.breadcrumb-container {display: inline; float: left; width:100%; text-align: center;  min-width:980px; margin-top:-10px;}
div.breadcrumb{float:left; position: relative; left: 50%; width:980px; margin-left: -490px; }
div.breadcrumb ul{float:left; line-height: 24px; height:24px; font-weight: normal; width:100%; list-style:none;}
div.breadcrumb ul li{float:left; list-style:none; font-weight:normal; color: #537635; text-transform: uppercase; font-size:11px;}
div.breadcrumb ul li a {float:left; padding-right:12px; font-weight: bold; background: transparent url('images/breadcrumb-separator.png') right center no-repeat; color: #537635; text-decoration: none;}
div.breadcrumb ul li a:hover{text-decoration: underline;}
div.breadcrumb ul li { display:inline; }
div.breadcrumb ul li.last {padding-left:2px;}


/*Messages*/
#system-message    { margin-bottom: 10px; padding: 0; background:#e8fbc3; border:3px solid #8ddc2f; float: left; width:994px; margin-top: 10px;}
#system-message dt.message { background:url('images/icon_msg.png') top left no-repeat; width:42px; height:42px; margin-right:15px; text-indent:-9000px; float:left; margin-left:5px; margin-top:3px;}
#system-message dd.message ul { color:#304b00; text-align:left; border:none; font-size:16px; padding:15px; font-weight:bold; width:auto; float:left;}
#system-message dt.error { background:url('images/icon_erro.png') top left no-repeat; width:42px; height:42px; margin-right:15px; text-indent:-9000px; float:left; margin-left:5px; margin-top:3px;}
#system-message dd.error ul { color:#304b00; text-align:left; border:none; font-size:16px; padding:15px; font-weight:bold; width:auto; float:left;}
#system-message dt.notice { background:url('images/icon_erro.png') top left no-repeat; width:42px; height:42px; margin-right:15px; text-indent:-9000px; float:left; margin-left:5px; margin-top:3px;}
#system-message dd.notice ul { color:#304b00; text-align:left; border:none; font-size:16px; padding:15px; font-weight:bold; width:auto; float:left;}


/* Content ================================================================================ */


div.state-map{float:left; width:341px; margin-right:19px;}
div.states{float:left; width:300px;}
div.states h4{margin-bottom:15px; font-weight:bold; color:white; border-bottom: solid 1px white; padding-bottom:5px; width: 300px; font-size:16px;}
div.content div.states ul{float:left; list-style:none;}
div.content div.states li{float:left; list-style:none!important; margin:0 0 10px 0!important; background-color:#d9d0c6; padding:8px 5px 0 10px; width:285px; border: 1px gainsboro white; color:#462109;}
div.content div.states li h5 {line-height:18px;}
div.content div.states li p{text-align:left; font-size:12px; line-height:18px;}
div.content div.states li a { color:steelblue;}

/* Components ================================================================================ */

/* com_acymailing */
div.newsletter { float:left; background: url('images/bg-module.png') repeat; margin-bottom:15px; width:235px; padding: 15px;}
div.newsletter h3 {width:100%; font-size:18px; border-bottom: 3px solid #ffd100; padding-bottom:6px; margin-bottom:10px; font-weight:normal;}
div.newsletter span {width:100%; float:left; text-align:justify; font-size:12px;}
div.newsletter table {width:230px; font-size:11px; color:black; margin:0; float:left;}
div.newsletter table td{height:15px; vertical-align:middle; padding-top:15px;}
div.newsletter label {margin-right:0; margin-left:10px;}
div.newsletter input.inputbox { background: url('images/news-inputbox.png') no-repeat; width:201px; height:34px; line-height:34px; border:none; padding:0 17px 0 17px; color:#a2a1a0; font-weight:bold; }
div.newsletter input.button-subscribe {background:url('images/news-btn.png') no-repeat; margin-bottom:10px; border:none; color:#462109; font-weight:bold; width:112px; height:29px; line-height:28px; cursor:pointer; float:left; margin-left:2px;}
div.newsletter input.button-unsubscribe {background:url('images/news-btn.png') no-repeat; margin-bottom:10px; border:none; color:#462109; font-weight:bold; width:112px; height:29px; line-height:28px; cursor:pointer; float:right; margin-right:2px;}




/* com_user*/
div.content div.content-inner h2 {float:left;}
div.content div.content-inner div.login-content {float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:605px; padding:20px 20px 10px 20px;}

div.login-content fieldset.input label {float:left; width:100%; margin-top:5px; line-height:18px; font-weight:bold;}
div.login-content fieldset.input input.inputbox {width:200px;}
div.login-content fieldset.input input.button {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:left; text-align:center; margin-top:15px; margin-bottom:15px;}
div.login-content fieldset.input p { margin:0;}

div.login-content ul {list-style: disc; margin-bottom:5px;}
div.login-content ul li { color:#ffd100; text-indent:12px;}
div.login-content ul li a { color:white;}

div.register-form .contentpane{float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:605px; padding:20px 20px 10px 20px;}
div.register-form .contentpane form.form-validate label {font-weight:bold; float:left; width:150px;}
div.register-form .contentpane form.form-validate input.inputbox { width:300px; float:left;}
div.register-form .contentpane form.form-validate p { line-height:20px;}

div.reset-form .contentpane{float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:605px; padding:20px 20px 10px 20px;}
div.reset-form .contentpane form.josForm label {font-weight:bold; float:left; width:150px;}
div.reset-form .contentpane form.josForm input.required { width:500px; float:left;  background:#000; border:1px solid silver; padding:3px; vertical-align:middle; color:gray; float:left }
div.reset-form .contentpane form.josForm button {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:left; text-align:center; margin-top:15px;}
div.reset-form .contentpane form.josForm p { line-height:20px;}

div.remind-form .contentpane{float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:605px; padding:20px 20px 10px 20px;}
div.remind-form .contentpane form.josForm label {font-weight:bold; float:left; width:150px;}
div.remind-form .contentpane form.josForm input.validate-email { width:500px; float:left;  background:#fff; border:1px solid silver; padding:3px; vertical-align:middle; color:gray; }
div.remind-form .contentpane form.josForm button {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:left; text-align:center; margin-top:15px;}
div.remind-form .contentpane form.josForm p { line-height:20px;}

div.content div.content-inner div.login-content-bottom,
div.content div.content-inner div.register-content-bottom,
div.content div.content-inner div.reset-content-bottom ,
div.content div.content-inner div.remind-content-bottom {float:left; background: url('images/bottom-content.png') no-repeat; width:700px; height:12px;}


/* com_k2 */
div.catalog-list {width:100%; float:left;}
div.catalog-title h2{float:left; background:url('images/header-content.png') no-repeat; width:700px; height:40px; font-size:20px; text-indent:20px; line-height:40px; font-weight:bold;}
div.catalog-category-list {float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:590px; padding:40px 20px 10px 20px;}

div.catalog-category-item{float:left; width:215px; margin-left:2px; margin-right: 3px; margin-bottom:15px; min-height:220px;}
div.catalog-category-item-image{text-align:center; width:100%;}
div.catalog-category-item-image a img { width:150px; border:2px solid #462109;}

div.catalog-category-info{float:left; width:215px; text-align:center; margin-top:5px;}
div.catalog-category-info h3 { font-size:13px; }
div.catalog-category-info h3 a { color:white;}

div.catalog-header {float:left; background:url('images/tile-content.png') repeat-y; width:660px; padding:20px 20px 10px 20px;}
div.catalog-header-content{float:left; width:100%; }
div.catalog-header-content h3 {margin-bottom:15px; font-weight:normal; color:white; border-bottom: solid 1px white; padding-bottom:5px; width: 436px;}
div.catalog-header-content p{text-align:justify; margin-bottom:15px; font-size:13px; line-height:16px;}
div.catalog-header-image{float: right; padding:0; margin-left:20px; }
div.catalog-header-image span.itemImage img{float:left; width:200px; height:200px; padding:0; border:2px solid #462109;}

div.catalog-tabs{float:left; background:url('images/tile-content.png') repeat-y; width:660px; padding:20px 20px 10px 20px;}
div.catalog-tabs ul.tabs{float:left; width:100%; border-bottom: 1px solid white;}
div.catalog-tabs ul.tabs li{float:left; margin-right:0px; height:30px;}
div.catalog-tabs ul.tabs li a{float:left; color:#462109; font-weight:bold; text-decoration: none; line-height:30px; background:white; padding-left:10px; padding-right:10px; text-align:center; margin-right:1px;}
div.catalog-tabs ul.tabs li a:hover{background:#462109; color:white;}
div.catalog-tabs ul.tabs li.active a{background: #462109; padding-left:10px; padding-right:10px; height:30px; color:white;}
div.catalog-tabs ul.tabs li.active a:hover{color:white;}

div.catalog-tabs .tab_content{float:left; width:100%; margin-top:10px; min-height:200px;}

div.catalog-tabs .tab_content ul{margin-bottom:20px;}
div.catalog-tabs .tab_content li{margin-bottom:8px;}
div.catalog-tabs .tab_content ul.itemTags { margin-top:5px; width:100%;}
div.catalog-tabs .tab_content ul.itemTags li {width:auto !important; float:left; margin-left:5px; margin-right:5px;}
div.catalog-tabs .tab_content ul.itemTags a { color:white; text-decoration: underline;}
div.catalog-tabs .tab_content ul.itemTags a:hover { text-decoration:none;}

div.catalog-tabs p{text-align:justify; margin-bottom: 15px;}

ul.itemAttachments {float:left; width:100%; margin-bottom:15px;}
ul.itemAttachments li{float:left; width: 100%; margin-right:5px; margin-top:5px;}
ul.itemAttachments li a{ color:white; text-decoration:underline;}
ul.itemAttachments li a:hover{text-decoration:none;}

.catalog-related{float:left; background:url('images/tile-content.png') repeat-y; width:660px; padding:20px 20px 10px 20px;}
.catalog-related h4{float:left; width:100%; line-height:30px; color: white; font-weight:normal; margin-bottom:15px; border-bottom: 1px solid white;}
.catalog-related h4 span{float:left; background-color: #462109; color:white; padding-left:10px; padding-right:10px;}
.catalog-related-items-inner{float:left; width: 100%; margin-top:15px; }
.catalog-related-items p{float:left; width:200px; margin-left:5px; margin-right:6px; margin-bottom:15px; font-size:14px;}
.catalog-related-items span{float:left; width: 100%; text-align: center;}
.catalog-related-items span.catalog-related-image{float:left;  width:100%; border:2px #462109 solid;}
.catalog-related-items span.catalog-related-item a{float:left; width: 100%;  color:white; text-decoration: none; margin-top:6px;}
.catalog-related-items span.catalog-related-item a:hover{text-decoration:underline;}

div.catalog-list h1 {background: #555555 url('images/title-tags.png') 22px 14px no-repeat; height:48px; width:100%; text-indent:-5000px;}

div.catalog-bottom {float:left; background: url('images/bottom-content.png') no-repeat; width:700px; height:12px;}


/* com_jforms */
div.jform { float:left; width:100%; margin:0; padding:0;}
div.jform h2 {float:left; background:url('images/header-content.png') no-repeat; width:700px; height:40px; font-size:20px; text-indent:20px; line-height:40px; font-weight:bold;}
div.jform form {float:left; background:url('images/tile-content.png') repeat-y; width:660px; min-height:550px; padding:20px 20px 10px 20px;}
div.jform form label.jflist, 
div.jform form label.jftextbox { float:left; width: 100px!important; padding:3px;}
div.jform-bottom {float:left; background: url('images/bottom-content.png') no-repeat; width:700px; height:12px;}
div.jform form input.jftextbox  {background:#fff; border:1px solid silver; padding:3px; vertical-align:middle; color:gray; width: 400px!important; }
div.jform form select.jflist {background:#fff; border:1px solid silver; padding:3px; vertical-align:middle; color:gray; width: 409px!important; }
div.jform form input.jfbutton {background:url('images/representantes-btn.png') no-repeat; width:85px!important; border:none; color:#462109; font-weight:bold; height:28px!important; line-height:28px; cursor:pointer; float:left; text-align:center; margin-top:20px;}


/* com_simplelists*/
div.aplicadores fieldset{float:left; padding:10px; width:640px; margin-bottom:20px; background: transparent url('images/photo-yellow-bg.png') top left;}

div.aplicadores fieldset p{float:left; width:100%; margin:0 0 5px 0!important;padding:0; font-weight: bold; color:#462109; font-size:12px!important; }
div.aplicadores fieldset p.field{float:left; width:50%; font-weight: normal; }
div.aplicadores fieldset p label{float:left; width:100%; color:#462109; font-weight: normal; font-size:11px; margin-bottom:2px;}
div.aplicadores fieldset p select{float:left; width:300px; }

#revendedor-results{ background-color:#d9d0c6; color:#462109;}
#revendedor-results ul{ width:100%; color:#462109; float:left; }
#revendedor-results li{ list-style:none; margin-bottom: 20px;  margin-left:0; background-color:#d9d0c6; padding:8px 10px 1px 10px;}
#revendedor-results li div.text p{color:#462109;font-size:13px!important;}
#revendedor-results li div.text p a{color:steelblue;}
#revendedor-results li div.title{font-size:14px!important; font-weight:bold; margin-bottom:2px;}
#revendedor-results span.loader{float:left; width:100%; height: 50px; background: transparent url('images/ajax-loader.gif') center center no-repeat;}


/* Modules ================================================================================ */

/* mod_custom */
div.representantes {float:left; background: url('images/bg-module.png') repeat; margin-bottom:15px; width:265px; padding:0;}
div.representantes h3 { float:left; width:235px; font-size:18px; border-bottom: 3px solid #ffd100; font-weight:normal; margin:15px 15px 10px 15px; padding-bottom:6px;}
div.representantes div.content-map {float:left; width:100%; background: url('images/map-representantes.png') top right no-repeat; height:154px;}
div.representantes div.content-map p {color:#462109; font-size:20px; line-height:30px; font-weight:bold; text-align:right; width:172px; margin-top:28px;}
div.representantes div.content-map a.buscar {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:left; margin-left:15px; margin-top:25px; text-align:center; text-decoration:none;}
div.representantes div.content-map a.buscar:hover { text-decoration:none;}

div.aplicador {float:left; background: url('images/bg-module.png') repeat; margin-bottom:15px; width:265px; padding:0;}
div.aplicador h3 { float:left; width:235px; font-size:18px; border-bottom: 3px solid #ffd100; font-weight:normal; margin:15px 15px 10px 15px; padding-bottom:6px;}
div.aplicador div.content-man {float:left; width:255px; background: url('images/man-aplicador.png') top left no-repeat; height:140px; margin-left:10px;}
div.aplicador div.content-man p {text-indent: -9000px;}
div.aplicador div.content-man a.buscar {background:url('images/representantes-btn.png') no-repeat; width:85px; border:none; color:#462109; font-weight:bold; height:28px; line-height:28px; cursor:pointer; float:right; margin-right:15px; margin-top:85px; text-align:center; text-decoration:none;}
div.aplicador div.content-man a.buscar:hover { text-decoration:none;}









