﻿body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	color: #57585b;
	text-align:center; /* hack para o IE */
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	margin:0px;
	padding: 0px;
}

h1, h2 {
	margin:0px;
	padding: 0px;
	line-height:20px;
}

/*Estrutura do site..........................................................................*/

/*Setar cores */
.cinsa{
	color:#57585b;
}
.branco{
	color:#ffffff;
}
.vermelho{
	color:#e31f25;
}


/*Setar tamanho e configuracao das fontes*/
.font_10{
	font-size:10px;
}
.font_11{
	font-size:11px;
}
.font_12{
	font-size:12px;
}
.font_13{
	font-size:13px;
}
.font_14{
	font-size:14px;
}
.font_16{
	font-size:16px;
}
.font_20{
	font-size:20px;
}
.font_26{
	font-size:26px;
}
.font_29{
	font-size:29px;
}
.font_32{
	font-size:36px;
}
.font_36{
	font-size:36px;
}
.font_40{
	font-size:40px;
}
.font_44{
	font-size:44px;
}
.font_50{
	font-size:50px;
}
.font_58{
	font-size:58px;
}
.al_center{
	text-align:center;
}

/*configuracao das fontes*/
.font_vga_light{
	padding:0px;
	margin:0px;
}
.font_vga_bold{
	padding:0px;
	margin:0px;
}


/*Floats*/
.float_lef {
	float: left;
}
.float_right{
	float:right;
}


/*Setar margens das fontes*/
.marg_0{
	margin:0px;
}
.marg_top_5{
	margin-top:5px;
}
.marg_top_10{
	margin-top:10px;
}
.marg_top_15{
	margin-top:15px;
}
.marg_top_16{
	margin-top:16px;
}
.marg_top_20{
	margin-top:20px;
}
.marg_top_30{
	margin-top:30px;
}
.marg_top_50{
	margin-top:50px;
}


/*Margem Left*/
.marg_left_5{
	margin-left:5px;
}
.marg_left_10{
	margin-left:10px;
}
.marg_left_15{
	margin-left:15px;
}
.marg_left_18{
	margin-left:18px;
}
.marg_left_22{
	margin-left:22px;
}
.marg_left_25{
	margin-left:25px;
}
.marg_left_35{
	margin-left:35px;
}
.marg_left_60{
	margin-left:60px;
}

/*Margem Right*/
.marg_right_5{
	margin-right:5px;
}
.marg_right_10{
	margin-right:10px;
}
.marg_right_15{
	margin-right:15px;
}
.marg_right_117{
	margin-right:117px;
}

/*Margem Bottom*/
.marg_bt_5{
	margin-bottom:5px;
}
.marg_bt_10{
	margin-bottom:10px;
}
.marg_bt_20{
	margin-bottom:20px;
}

/*padding left*/
.pad_lef_22{
	padding-left: 22px;
}
.pad_lef_30{
	padding-left: 30px;
}
.pad_ltb_30{
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 30px;
}
.pad_rigth_20{
	padding-right: 20px;
}
.pad_bt_16{
	padding-bottom: 16px;
}
.pad_bt_20{
	padding-bottom: 20px;
}
.pad_bt_30{
	padding-bottom: 30px;
}
.pad_bt_45{
	padding-bottom: 45px;
}

/*Largura */
.w_280{
	width:280px;
}
.w_300{
	width:300px;
}
.w_540{
	width:540px;
}


/*Altura*/



/* Início centraliza design na página */
.box900 {
	position: relative;
	width: 900px;
	padding: 0px;
	border: 0;
	text-align:center; /* "remédio" para o hack do IE */
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: solid 0px #CCFCCC;
	}
.conteudo {
	position: relative;
	width: 900px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0;
	text-align:left; /* "remédio" para o hack do IE */
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: solid 0px #CCFCCC;
	}
/* Fim centraliza design na página */

#cabecalho {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 345px;
	margin-bottom: 117px;
	padding: 0px;
	background-color:transparent;
	background-image:url(../images/bg_topo.jpg);
	background-repeat:repeat;
	border-bottom: solid 4px #a4a4a4;
}

#corpo_home {
	position: relative;
	float: left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	border: solid 0px #000ccc;
	background-color:transparent;
}
#rodape {
	position: relative;
	float: left;
	top: 15px;
	left: 0px;
	width: 100%;
	height: 153px;
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-image:url(../images/bg_topo.jpg);
	background-repeat:repeat;
	border-bottom: solid 4px #a4a4a4;
}


/* Formatação do site ---------------------------------------------------------- */
.line_div1 {
	position: relative;
	float: left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	padding-top:20px;
	overflow:visible;
	background-color:transparent;
	background-image:url(../images/linha_divisoria_1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.slide{
        float: left;
        position: relative;
        width: 1000px;
		top:30px;
		overflow:hidden;
}
.slide #aMenu{
	    position:relative;
        float: left;
        margin-left: -413px;
		border:0px #F00 solid;
}
.slide #tit_slider{
		position:relative;
        float: left;
}

.slide #slider{
    clear: both;
    float: left;
    margin-left: -10px;
    width: 1000px;
    position: relative;
    *z-index: -1;/*IE7*/
}

.box_produto{
	position: relative;
	float: left;
	top:0px;
	padding-top:9px;
	padding-left:12px;
	padding-right:9px;
	padding-bottom:9px;
	margin-left: 10px;
	margin-top: 21px;
	width:145px;
	min-height:330px;
	border:#CCC 1px solid;
	z-index:2;
        height:338px;
}

.line_pag {
	position: relative;
	float: left;
	left: 0px;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-top:20px;
	margin-left:17px;
	margin-right:17px;
	width: 868px;
	height: auto;
	border-top:#CCC 1px solid;
}

.line_pag a {
	color:#e31f25;
	font-weight:bold;
}

.line_pag a:hover {
	color:#F00;
}


/*Formatacao do Rodape  ---------------------------------------------------------------------------- */
#rodape ul {
	margin:0px;
	padding:0px;
}
#rodape li {
	position:relative;
	top: 16px;
	list-style: none; 
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline;
	background-image:url(../imagens/line_divisoria_rodape.gif);
	background-position:left;
	background-repeat:no-repeat;
	/*Color border vermelha*/
	border:#F00 solid 0px;
}
.cursor{
	cursor: pointer;
}
.box_comparativa{
    color: #5D5C5C;
    font-weight: bold;
    margin: 0 auto;
    width: 965px;
}

.divs{
    background: url("../images/divs_gg.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 980px;
    Height: 20px;
}

.div_comparativa{
    background: url("../images/bg_comparativa.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 825px;
    Height: 240px;
}

.div_comparativa .info_carac_lf{
    float: left;
    font-size: 14px;
    margin-left: 180px;
    margin-top: 25px;
    text-align: right;
    width: 145px;
}

.div_comparativa .info_carac_rt{
    float: left;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 25px;
    text-align: left;
    width: 145px;
}

.div_comparativa .nome_carac{
    float: left;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 76px;
    text-align: center;
    width: 152px;
}

.div_comparativa .produto_esq{
    float: left;
    font-size: 15px;
    margin-left: 157px;
    margin-top: 5px;
    color: #E62223;
    width: 170px;
    text-align: right;
}

.div_comparativa .produto_dir{
    color: #E62223;
    float: left;
    font-size: 15px;
    margin-left: 138px;
    margin-top: 5px;
    width: 170px;
}

.div_comparativa .titulo{
    float: left;
    font-size: 16px;
    margin-left: 157px;
    margin-top: 10px;
    color: #E62223;
    width: 170px;
    text-align: right;
}

.div_comparativa .titulo_dir{
    color: #E62223;
    float: left;
    font-size: 16px;
    margin-left: 170px;
    margin-top: 10px;
    text-align: left;
    width: 170px;
}

.div_comparativa .infos_carac_lf{
    float: right;
    margin-right: 5px;
    margin-top: 6px;
    width: 135px;
}

.div_comparativa .infos_carac_rt{
    float: right;
    margin-right: 5px;
    margin-top: 6px;
    width: 135px;
}

.div_comparativa .produto_img_esq{
    float: left;
    margin-top: 21px;
    position: absolute;
}

.div_comparativa .produto_img_dir{
    float: left;
    margin-left: 625px;
    margin-top: 21px;
    position: absolute;
}

/* numeric controls */	
ol#controls{
	position:relative;
	float:right;
    top: -95px;
	right:100px;
    height: 30px;
    margin: 0px;
    padding: 0;
    min-width: 500px;
	border:solid 0px #F00;

}
ol#controls li{
    list-style:none;
	float:right;
}
ol#controls li a{
    background: url("../images/bg_noCurrent.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:75px;
    line-height:28px;
    text-decoration:none;
    width: 69px;
    padding-top: 2px;
	margin-left:4px;
}
ol#controls li.current a{
    background: url("../images/bg_current.png") no-repeat scroll 0 0 transparent;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
    outline:none;
}
/* Easy Slider */
#slider .txtBanner{
    width: 375px;
    color: #FFFFFF;
    margin: -285px 0 0 455px;
    position: relative;
	text-align: left;

}
#slider ul,
#slider2 ul, {
    margin:0;
    padding:0;
    list-style:none;
	 position: relative;
	 height: 360px;
}
#slider2{margin-top:0px;}
#slider li, #slider2 li{
	margin:0px;
    padding:0px;
    list-style:none;
    height: 360px;
    overflow: hidden;
    width: 1000px;
	
	
}


#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
	top:-35px;
    left:-30px;
    top:71px;
    z-index:1000;
}
#nextBtn, #slider1next{ 
    left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;	
}
#nextBtn a, #slider1next a{ 
    background:url(../images/btn_next.gif) no-repeat 0 0;	
}


.icon_calc{
	position: relative;
	top:-81px;
	right: -52px;
	width: 173px;
	height: 1px;
}


.icon_pdf{
	position: relative;
	float:right;
	top:-40px;
	height:1px;
}
.box_521{
	position: relative;
	float:left;
	width:521px;
	height:349px;
	margin-left:60px;
	padding-top:30px;
}
.icon_onde{
	position: relative;
	float:right;
	top:-50px;
	margin-right:15px;
	margin-bottom:10px;
}
