@import url("replacement.css");

*{
	outline:none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	}
	
p, h1, h2, h3, h4, h5, h6, ul, ol, a{margin:0;}

p, a{font-size:11px; color:#857f85;}

a{
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}

ul, ol{list-style-type:none;padding:0;}

/* ===== Classes Gerais ===== */

.fr{float:right !important;}
.fl{float:left !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}
.clearAll{clear:both;display:block;}
.even{background-color:#ececec;}    
.odd{background-color:#f1f1f1;}
.hightlight{background-color:#ffd2d2;}
.on{background-position:left bottom;}

.links{
	display:block;
	margin:0 0 13px 0;
	padding:0 0 0 10px;
	font-weight:bold;
	background: url(../img/img-arrow-r.gif) no-repeat left 5px;
	}

.plus{
    padding:0 0 0 8px;
    background: url(../img/img-plus.gif) no-repeat left 4px;
    }
    
.plus a{
    text-decoration:underline;
    }

/* ===== Bullets ===== */

.blt-arrow{
	padding:0 0 0 8px;
	background: url(../img/img-arrow-r.gif) no-repeat left 4px;
	}

html{
	background: #fbfbfb url(../img/img-faixa-top.jpg) repeat-x left top;
	}

body{
	margin:0;
	padding:0;
	}
	
body.mod3{
	background: url(../img/bg-site-max.jpg) no-repeat center top;
	}
	
body.mod2{
	background: url(../img/bg-site-med.jpg) no-repeat center top;
	}
	
body.mod1{
	background: url(../img/bg-site-sml.jpg) no-repeat center top;
	}
	
#container{
	width:1003px !important;
	width:1002px;
	margin:0 auto;
	height:100%;
	}
	
/* ===== Header =====*/

#header{
	position:relative;
	height:308px;
	}

#header ul li{
	float:left;
	}

#header ul li a{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-99999px;
	}
	
#header ul li a:hover, #header ul li a.on{
	background-position:left bottom;
	}
	
#header #top-menu-double{
	position:absolute;
	bottom:0;
	left:0;
	height:23px;
	z-index:3;
	background: url(../img/img-top-menus.gif) no-repeat left top;
}

.user{
    position:absolute;
    top:8px;
    left:630px;
    }

.user p, .user a{
    color:#f2483b;
    }

.mod3 #header #top-menu-double{
	width:1001px;
}

.mod2 #header #top-menu-double{
	width:262px;
}

/* ===== Div Info ===== */
.display_info, .transparent{
	position:absolute;
	top:79px;
	right:2px;
	width:164px;
	padding:20px;
	height:189px;
	font-size:13px;
	z-index:2;
	}
	
.display_info p{
	margin:0 0 10px 0;
	font-size:13px;
	line-height:15px;	
	color:#746d74;
	}
	
.display_info a{	
	padding:0 0 0 10px;
	color:#fff;
	background:url(../img/img-arrow-r-br.gif) no-repeat left 5px;
	}
	
.transparent{
	z-index:1;
	background-color:#312A31;
	}
	
/* ===== Search area ===== */

#header #search-top{
    float:right;
    width:255px;
    margin:10px 0 0 0;
}

#header #search-top input.busca{
    width:144px;
    height:14px;
    padding:3px 4px 1px 8px;
    font-size:11px;
    color:#706a70;
}

#header #search-top input.bt-search_ok{
    width:32px;
    height:20px;
    margin:2px 0 0 0;
    text-indent:-99999px;
    font-size:1px;
    border:none;
    background: url(../img/bt-ok-search.gif) no-repeat left top;
    }

#header #search-top label{
    display:block;
    float:left;
    width:39px;
    height:13px;
    margin:6px 8px 0 0;
    text-indent:-99999px;
    background: url(../img/tit-search.gif) no-repeat left top;
}


	
/* ===== Banner em Flash ===== */

#flash-banner{
	position:absolute;
	top:79px;
	left:0;
	z-index:1;
	width:1001px;
	height:229px;
}

/* ===== Menu Institucional ===== */

#header ul.corporative{
	float:right;
	width:625px;
	margin:11px 0 10px 0;
	}

#header ul.corporative li{
	padding:0 5px 0 4px;
	line-height:9px;
}

/* ===== Navegação principal ===== */

#header ul.sections{
	display:inline;
	float:left;
	width:480px;
	margin:0 0 0 372px;
	}

#header ul.sections li{
	padding:0 8px 0 7px;
	line-height:42px;
}
	
#content{
	position:relative;
	width:1001px;
	}
	
/* ===== Menu lateral ===== */

#menu{
	float:left;
	width:262px;
	padding:12px 0 0 0;
	background: url(../img/bg-menu2.jpg) no-repeat center top;
}

#menu h2{
	margin:0 0 0 23px;
	text-indent:-99999px;	
}

#menu ul{
	width:209px;
	margin:42px 0 0 0;
	padding:0 0 20px 34px;
	list-style-type:none;
	background-color:#f4f4f4;	
}

#menu ul li{
	width:175px;
	margin:12px 0 0 0;
}

#menu ul li a{
	display:block;
}

#menu ul li a:hover{
/*	background: url(../img/img-bullet-list.gif) no-repeat left 4px;*/
}

#menu ul li div{
	padding:5px 0;
}

#menu ul li.select div{
	display:block;
}

#menu ul li div h3{
	margin:5px 0 0 0;
	padding:0 0 0 12px;
	font-size:11px;
	font-weight:bold;
	color:#857f85;
	background: url(../img/img-arrow-r.gif) no-repeat left 3px;
}

#menu ul li div ul{
	width:175px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	background-color:#f4f4f4;
}

#menu ul li div ul li{
	width:160px;
	margin:3px 0 0 0;
	padding:3px 0 4px 13px;
	background: url(../img/img-dot-list.gif) no-repeat right bottom;
}

#menu ul li div ul li:last-child{
	background: none;
}

#menu ul li div ul li div ul li{
	width:145px;
}

#menu ul li div ul li div ul li div ul li{
	width:130px;
}

#menu ul li div ul li a{
	text-indent:7px;
	font-size:11px;
	background: url(../img/img-arrow2-r.gif) no-repeat left 4px;
}

#menu ul li div ul li a:hover{
	background-position: left 4px;
}

ul li a.more{
	text-indent:7px;
	font-size:11px;
	font-weight:bold;
	background: url(../img/img-arrow-r.gif) no-repeat left 4px !important;
}

#menu ul#menu-search li{
	width:170px;
	margin:3px 0 0 0;
	padding:3px 0 8px 0;
	background: url(../img/img-dot-list.gif) no-repeat right bottom;
}

#menu ul#menu-search li a{
	text-indent:12px;
	font-weight:bold;
	background: url(../img/img-arrow-r.gif) no-repeat left 4px;	
}

#menu ul#menu-search li a:hover, #menu ul#menu-search li a.on{
	color:#464146;
	text-decoration:none;
	background: url(../img/img-arrow-r.gif) no-repeat left 4px;	
}

/* ===== Banner Lateral ===== */
.linkbanner{
	display:block;
	width:243px;
	height:68px;
	margin:25px 0 0 0;
}

.linkbanner img{
	border:0 none;
}

/* ===== Breadcrumbs =====*/

.breadcrumbs{
    padding:0 0 10px 0;
    margin:0 0 12px 0;
    color:#857f85;
    font-weight:bold;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom;
    }
    
.breadcrumbs a{
    padding:0 8px 0 0;
    margin:0 4px 0 0;
    color:#857f85;
    font-weight:normal;
    background: url(../img/img-arrow2-r.gif) no-repeat right 5px;
    }
    
/* ===== Paginação ===== */

.paginacao{
    height:10px;
    padding:5px 0 0 0;
    margin:8px 0;
    text-align:center;
    background: url(../img/img-dot-pattern.gif) repeat-x left top;    
    }
    
.paginacao li{
   float:left;
   width:33%;  
    }
    
.paginacao li a{
    padding:0 2px; 
    }
    
.paginacao li a.atual{
    background-color:#857f85;
    color:#fff;
    font-weight:bold;
    }

.paginacao li.previous{
    text-align:left;   
    }
    
.paginacao li.previous a{
    padding:0 0 0 8px;
    background: url(../img/img-arrow2-l.gif) no-repeat left 5px;    
    }
    
.paginacao li.next{
    text-align:right;
    }
    
.paginacao li.next a{
    padding:0 8px 0 0;
    background: url(../img/img-arrow2-r.gif) no-repeat right 5px;    
    }

/* ===== Menssagens do Sistema ===== */

.system-msg{
    margin:10px 0;
}

.system-msg h3{
    margin:0 0 15px 0;
    color:#4F454F;
    font-size:14px;
    font-weight:bold;
}

.system-msg p{
    margin:0 0 5px 0;
    color:#857F85;
    font-size:12px;
}

.system-msg a{
    font-weight:bold;
}

.update{
    padding:5px 5px 5px 22px;
    margin:10px 0 25px 0;
    background:#463e46 url(../img/img-ok.gif) no-repeat 7px 8px;
}

.update p{
    color:#fff;
    font-size:12px;
}

/* ===== Conteudo Principal ===== */

#main .item-title{
    padding:0 0 10px 0;
    margin:0 0 9px 0;
    color:#4f454f;
    font-size:18px;
    font-weight:bold;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom;
    }
    
#main .item-title span{
    display:block;
    font-size:10px;
    font-weight:normal;
    }
    
#main .item-description{
    padding:0 0 10px 0;
    margin:0 0 20px 0;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom;
    }
	
.mod3 #main{
	float:left;
	width:460px;
	margin:0 0 0 0;
	padding:29px 22px;
	}
	
.mod2 #main{
	float:left;
	width:695px;
	margin:0 0 0 0;
	padding:29px 22px;
	}

.mod1 #main{
	float:left;
	width:917px;
	margin:0 0 0 0;
	padding:29px 42px;
	background: url(../img/bg-main-wide.jpg) no-repeat center 10px;
	}
	
#main .important{
	padding:13px;
	margin:0 0 20px 0;
	border:1px solid #ececec;
	background-color:#f3f3f3;
	}
	
.txt-col{
    width:47%;
    }
    
.txt-col p{
    margin:0 0 10px 0;
    }
    
.txt-simple p{
    margin:0 0 10px 0;
    }
    
.txt-simple p.separator{
    padding:0 0 10px 0;
    margin:0 0 8px 0;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom;
    }
    
.down{
    padding:0 0 0 7px;
    background:url(../img/img-arrow-r.gif) no-repeat left 4px;
    }
    
/* ===== tabela Geral ===== */
.tb-base {
    margin:5px auto 10px auto;
    font-size:11px;
    text-align:left;
    border:1px solid #fff;
    }
    
.mod1 .tb-base{
    width:917px;
}

.mod2 .tb-base{
    width:695px;
}
    
.tb-base tr {
    border-bottom:1px solid #fff;
}
    
.tb-base tr td{
    padding:8px;
    color:#726B72;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    vertical-align:top;
    }
    
.tb-base tr td p{
    color:#726B72;
    margin:0 0 4px 0;
    }
    
.tb-base thead tr th{
    padding:8px;
    font-weight:normal;
    color:#fff;
    background-color:#726b72;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    }
    
.tb-base thead tr.status-msg th{
    border-bottom:3px solid #fbfbfb;
    }
    
.order-status{
    width:695px;
    padding:4px 0;
    margin:0 0 0 0;
    clear:both;
    }
    
.order-status p{
    font-size:11px;
    width:350px;
    margin:10px 0 0 0;
    
}
	
/* ===== Trade ===== */

.mod3 #trade, .mod3 #byphone{
	float:right;
	width:165px;
	height:185px;
	padding:12px 20px 12px 44px;
	background:url(../img/bg-trade.jpg) no-repeat right top;
	}
	
.mod1 #trade, .mod2 #trade{
	display:none;
	}
	
/* ===== Sign In and Sign Up ===== */

#box-sign-in{
    width:460px;
    padding:0 0 0 0;
    }
    
#box-sign-up{
    width:418px;
    padding:0 0 0 32px;
    }
    
#box-sign-in h3, #box-sign-up h3, #box-sign-in label, #box-sign-up label{
    color:#453b45;
    font-size:11px;
    font-weight:bold;
    margin:0 0 8px 0;
    }
    
#box-sign-in label, #box-sign-up label{
    display:block;
    width:199px;
    margin:16px 0 8px 0;
    }
    
#box-sign-in label span, #box-sign-up span{
    margin:0 0 0 53px;
    font-weight:normal;
    }
    
#box-sign-in label span a, #box-sign-up span a{
    padding-left:7px;
    font-size:10px;
    background:url(../img/img-arrow2-r.gif) no-repeat left 4px;
    }
    
#box-sign-in div, #box-sign-up div{
    display:block;
    margin:0 14px 15px 0;
    }
    
#box-sign-in input.txt, #box-sign-up input.txt{
    width:197px;
    height:17px;
    padding:1px 0 0 2px;
    border:1px solid #c9c9c9;
    font-size:11px;
    }
    
#box-sign-in{
    float:left;
    }
    
#box-sign-up{
    float:right;
    }
    
/* ===== Form Sign Up ===== */

.form-signup{
    margin:10px 0 15px 0;
    padding:0 0 20px 0;
    border:none;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom;
    }
    
.form-signup h3, .form-signup p{
    clear:both;
    margin:0 0 12px 0;
    color:#453b45;
    font-size:11px;
    font-weight:bold;
    }

.form-signup p span{
    font-weight:normal;
    }
    
.form-signup p input{
    margin:0 5px 0 0;
    }
    
.form-signup label{
    display:block;
    margin:0 0 5px 0;
    color:#453b45;
    font-size:11px;
    font-weight:bold;
    }
    
.form-signup label span{
    margin:0 0 8px 0;
    color:#948e94;
    font-size:10px;
    font-weight:normal;
    }
    
.form-signup label span.type1{
    margin:0 0 0 50px;
    }

.form-signup label span.type2{
    margin:0 0 0 35px;
    }
    
.form-signup label span.type3{
    margin:0 0 0 25px;
    }
    
.form-signup span.aslabel{
    font-size:11px;
    font-weight:bold;
    margin:0 20px 0 0;
    color:#4f454f;
    }
    
.form-signup span.aslabel a{
    font-size:11px;
    font-weight:bold;
    background:none;
    padding-left:0;
    text-decoration:underline;
    }

.form-signup a, .form-signup a.fpass{
    padding-left:7px;
    color:#4f454f;
    font-size:10px;
    font-weight:normal;
    background:url(../img/img-arrow2-r.gif) no-repeat left 4px;
    }
    
.form-signup a.fpass{
   margin:0 0 0 20px;
    }
    
.form-signup div{
    display:inline;
    float:left;
    margin:10px 25px 5px 0;
    }
    
.form-signup div input, .form-signup div select{    
    height:17px;
    padding:1px 0 0 2px;
    border:1px solid #c9c9c9;
    color:#4f454f;
    font-size:11px;
    }
    
.form-signup div input.size0{    
    width:169px;
    }

.form-signup div input.size1{    
    width:219px;
    }
    
.form-signup div input.size2{    
    width:287px;
    }
    
.form-signup div input.size3{    
    width:319px;
    }
    
.form-signup div input.size4{    
    width:139px;
    }
    
.form-signup div input.code{    
    width:59px;
    margin:0 10px;
    }
    
.form-signup div select.size1{    
    width:89px;
    }
    
.form-signup div select.size2{    
    width:182px;
    }
    
.form-signup div.new-address{
    display:block;
    margin:10px 0 5px 0;
    padding:0 0 0 15px;
    }
    
/* ===== Contact us Form ===== */

.form-contact{
    margin:5px 0;
    padding:0 0 0 0;
    border:none;
    }
    
.form-contact label{
    display:block;
    margin:0 0 5px 0;
    color:#453b45;
    font-size:11px;
    font-weight:bold;
    }

.form-contact span.aslabel{
    font-size:11px;
    font-weight:bold;
    margin:0 20px 0 0;
    color:#4f454f;
    }
    
.form-contact div input, .form-contact div select{    
    height:17px;
    padding:1px 0 0 2px;
    margin:0 0 10px 0;
    border:1px solid #c9c9c9;
    color:#4f454f;
    font-size:11px;
    }

.form-contact textarea{    
    width:442px;
    height:88px;
    padding:1px 0 0 2px;
    margin:0 0 10px 0;
    border:1px solid #c9c9c9;
    color:#4f454f;
    font-size:11px;
    }
    
.form-contact div span.radio{    
    clear:left;
    }
    
.form-contact div span.radio input{    
    padding:0 0 0 0;
    margin:0 5px 0 0;
    border:none;
    vertical-align:middle;
    }
    
.form-contact div .size1{    
    width:199px;
    }
    
.form-contact #downThis{
    clear:both;
    margin:10px 0 15px 0;
}

/* ===== SITEMAP =====*/

.sitemap{
    background: url(../img/img-dot-pattern.gif) repeat-x left 20px;   
}

.modcol{
    display:inline;
    float:left;
    width:170px;
    margin:5px 23px 5px 0;   
}

.sitemap h3{
    padding:0 0 10px 10px;
    margin:0 0 8px 0;
    font-size:11px;
    color:#4f454f;
    background: url(../img/img-bullet-list.gif) no-repeat left 4px;
}

.sitemap .sub{
    float:left;
    display:inline;
    width:170px;
    margin:0 23px 0 0;
    padding:0 0 0 0;
}

.modcol .sub{
    margin:0 0 0 0;
}

.sitemap .sub ul{
    width:150px;
    margin:0 0 10px 0;
    padding:0;
}

.sitemap .sub ul li{
    width:135px;
    height:15px;
    margin:0 0 0 0;
    padding:0 0 7px 15px;
    background: url(../img/img-dot-pattern.gif) repeat-x left bottom; 
}

.sitemap .sub ul li a{   
    padding:0 0 0 10px;
    background: url(../img/img-arrow2-r.gif) no-repeat left 4px; 
}

.sitemap .sub h4{
    margin:0 0 6px 0;
    padding:0 0 5px 10px;
    font-size:11px;
    color:#857f85;
    background: url(../img/img-bg-sitemap.gif) no-repeat left bottom;
}
    
/* ===== Search Content ===== */

#res-content h4{
    margin:0 0 3px 0;
    font-size:11px;
    color:#857f85;
}

#res-content p{
    margin:0 0 20px 0;
}
	
/* ===== Footer ===== */
	
#footer{
	clear:both;
	width:927px;	
	height:42px;
	padding:32px 38px 0 34px;
	background: url(../img/bg-footer.jpg) no-repeat right top;
	}
	
#footer p{
	font-size:11px;
	color:#857f85;
	}
	
/* SimpleModal Styles */

#modalOverlay {
    background-color:#000;
    cursor:wait;
    }
    
#modalContainer {
    height:495px;
    width:814px;
    padding:10px;
    left:50%;
    top:50%;
    margin:-258px 0 0 -417px;
    background-color:#fff;
    border:1px solid #ccc;
    }
    
a.modalCloseImg {
    background:url(../img/bt-close-modal.gif) no-repeat;
    width:30px;
    height:31px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    }