﻿@charset "utf-8";


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 20, 2013 */



@font-face {
    font-family: 'minima_ssibold_italic';
    src: url('fonts/minima_ssi_bold_italic-webfont.eot');
    src: url('fonts/minima_ssi_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minima_ssi_bold_italic-webfont.woff') format('woff'),
         url('fonts/minima_ssi_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/minima_ssi_bold_italic-webfont.svg#minima_ssibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'minima_ssiregular';
    src: url('fonts/minima-ssi-webfont.eot');
    src: url('fonts/minima-ssi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minima-ssi-webfont.woff') format('woff'),
         url('fonts/minima-ssi-webfont.ttf') format('truetype'),
         url('fonts/minima-ssi-webfont.svg#minima_ssiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'minima_ssiitalic';
    src: url('fonts/minima_ssi_italic-webfont.eot');
    src: url('fonts/minima_ssi_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minima_ssi_italic-webfont.woff') format('woff'),
         url('fonts/minima_ssi_italic-webfont.ttf') format('truetype'),
         url('fonts/minima_ssi_italic-webfont.svg#minima_ssiitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'minima_ssibold';
    src: url('fonts/minima_ssi_bold-webfont.eot');
    src: url('fonts/minima_ssi_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minima_ssi_bold-webfont.woff') format('woff'),
         url('fonts/minima_ssi_bold-webfont.ttf') format('truetype'),
         url('fonts/minima_ssi_bold-webfont.svg#minima_ssibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


.fl{
        float: left;
}

.fr{
     float: right
}

.cl{
     clear: left
}

a img{
        border: 0px none;
}

.clearfix {
        float: none;
        clear: both;
}

ul, li{
        list-style-type: none;
}

/*  BASE ------------------------------------------------------------------  */

html,
body {
	margin:0;
	padding:0;
        text-align: justify;
        background: #fff url('../backgrounds/bg.gif');
        background-repeat: repeat-x;
        font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
        color: #7b7b7b;
        font-size: 11px;
        line-height: 16px;
        }
        
        
        
        
        
        
/* CONTAINER ------------------------------------------------------------------ */

#container {
       
        margin:0 auto;
        width:990px;
        background-color: #fff;

}







/* HEADER ------------------------------------------------------------------ */

#header{
        margin: 0 auto;
    	width:990px;
        height:353px;
}



#logo{
        width: 208px;
            height: 40px;
            float:left;
}

#wrapper_topmenu{
        padding: 16px 10px 0 25px;
        width:955px;
        height:62px;
        background-image: url('../backgrounds/bg_menu.gif');
        background-position: top center;
}

#banner{
        width:990px;
        height:268px;
}

#idioma{
        width:20px;
        float: right;
        margin:10px 42px 0 0;
}

/* HEADER ------------------------------------------------------------------ */







/* CONTENT ------------------------------------------------------------------ */
#content{
        margin: 0 auto;
        
}

.content_home{
        background-image: url('../backgrounds/bg_home.gif');
        background-repeat: no-repeat;
        background-position: center top;  
        padding: 13px 16px 42px 22px;
        height:620px;
        width: 952px;
}

#destaques{
        margin-top: 25px;
        padding-bottom: 20px;
        border-bottom: 1px #dbdada solid;
        width: 942px;
        height:133px;
        
}
/* CONTENT  ------------------------------------------------------------------ */

/* CONTENT-HOME  ------------------------------------------------------------------ */

#wrapper_content{
        border-top: 1px #fff solid;
        width: 685px;
        height:427px;
        padding-top: 20px;    
        padding-left: 5px;
        float: left
}

#empresa{
}



#marcas div{
       float: left;
       margin: 0 15px 0 0px;
}

#wrapper_forms{
	float: left;
			}

#pesquisa{
	width: 245px;
        height: 76px;
			}

#acesso{
	width: 254px;
        height: 135px;
			}
                        
#newsletter{
	width: 254px;
        height: 135px;
			}                        

/* CONTENT-HOME  ------------------------------------------------------------------ */



/* FOOTER ------------------------------------------------------------------ */

#footer {
	width: 942px;
        height:23px;
        background: url('../backgrounds/bg_footer.gif');
        background-repeat: no-repeat;
        background-position: top center;
	font-size: 9px;
	color: #7c8083;
        margin: 15px auto 52px auto;
        padding: 13px 20px;
}

#footer p{
	float: left;
        margin: 0px;
        padding: 0px;
        line-height: 10px;
}

.ecomercio{
	float: right!important;
        color: #a3a3a3;
        font-size: 7px;
}
.ecomercio span{
        margin: 14px 5px 0 0 ;
        float: left
}

#footer a{
        font-size: 9px;
	color: #ec2e1c;
}

/* LINKS GERAL ------------------------------------------------------------------ */

/* 
link -> visited -> hover -> active :: deve ser seguida esta ordem para formatar as anchors
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
*/


a:link {
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#ec2e1c;
	font-size:11px;
        font-weight: bold;
	text-decoration:none;
}
a:visited {
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#ec2e1c;
	font-size:11px;
        font-weight: bold;
	text-decoration:none;
}
a:hover {
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#ec2e1c;
	font-size:11px;
        font-weight: bold;
	text-decoration:none;
}
a:active {
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#ec2e1c;
	font-size:11px;
        font-weight: bold;
	text-decoration:none;
}



      
/* CARROUSEL ------------------------------------------------------------------ */
      
      
      
.list_carousel {
	width: 956px;
			}
                        
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
			}
.list_carousel li {
	font-size: 11px;
	color: #fff;
        font-weight: bold;
	text-align: center;
	background-image:url('../backgrounds/destaque.gif');
	width: 155px;
	height:133px;
	padding: 0;
	margin-right: 3px;
	display: block;
	float: left;
			}

.textButton {
color:#2b2b2b;
font-family: 'minima_ssiregular',Arial,Verdana,Arial,Helvetica,sans-serif;
/*text-transform:uppercase;*/
font-size:11px;
line-height:13px;
background-color: #F0F0F0 ; 
}      
                  
.destaque_image{
        width: 110px;
        float: left;
        height: 108px;
}

.destaque_image img{
        margin: 9px auto 0px auto
}

.destaque_nome{
        float: left;
        margin-left: 10px;
}
                        
.list_carousel.responsive {
        width: auto;
	margin-left: 0;
			}
		
.prev {
	float: left;
	margin-left: -7px;
        margin-top: -80px;
        position: absolute
			}
.next {
        margin-top: -80px;
        position: relative;
            /*float: right;*/
			}
			
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
			}
      
/* FORMS ------------------------------------------------------------------ */


#wrapper_forms input{
	/*border: 1px solid #B3B3B3;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #434343;
	line-height: 19px;
        width: 193px
			}
                        
                        
                        
                        
#pesquisa_form{
        background:#fff url('../backgrounds/forms.gif');
        background-repeat: repeat-x;
        border: 1px solid #e5e5e5;
        height: 33px;
        width: 230px;
        padding: 18px 0 0 12px;}


#acesso_form{
        background:#fff url('../backgrounds/forms.gif');
        background-repeat: repeat-x;
        background-position: bottom center;
        border: 1px solid #e5e5e5;
        height: 93px;
        width: 230px;
        padding: 18px 0 0 12px;}

#newsletter_form{
        background:#fff url('../backgrounds/forms.gif');
        background-repeat: repeat-x;
        background-position: bottom center;
        border: 1px solid #e5e5e5;
        height: 93px;
        width: 230px;
        padding: 18px 0 0 12px;}


#cliente_area input{
	/*border: 1px solid #B3B3B3;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #434343;
	line-height: 19px;
        width: 183px;
        margin-top: 2px;
}




/* SLIDER ------------------------------------------------------------------ */
* { margin:0; padding:0}


#wrapper {
        width:990px;
}



#slider {
        float:left; 
        position:relative; 
        overflow:auto; 
        width:990px; 
        height:268px; 
        z-index: 1;
}

#slider ul {
        position:absolute; 
        list-style:none; 
        top:0; 
        left:0;
            z-index: 1;
}

#slider li {
        float:left; 
        width:990px; 
        height:268px; 
        padding-right:10px
}

.pagination {
        float:left; 
        list-style:none; 
        height:25px; 
        z-index: 1;
        position: absolute;
        top:312px;
        margin-left: 20px;
        }

.pagination li {
        float:left; 
        cursor:pointer; 
        padding:2px 6px; 
        background:#1f1f1f; 
        margin:0 1px 0 0; 
        text-align:center; 
        color:#7c7c7c;
        font-size: 10px
}

.pagination li:hover {
        background:#d62d2d;
        color:#fff
}

li.current {
        background:#d62d2d;
        color:#fff
}




/* SUBBANNER ------------------------------------------------------------------ */

.header_sub{
       height: 335px!important;
}


#cliente_area {
        background-image:url('../backgrounds/area.gif');
        width: 227px;
        height: 65px;
        float: left;
        padding: 22px 0 0 20px;
        font-family: 'minima_ssiregular',Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
}

#sub_banner {
        background-image:url('../backgrounds/sub_banner.gif');
        width: 741px;
        height: 246px;
        float: left;
        
}
#cliente_pesquisa {
        height: 65px;
}

.formtd{
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color:#434343;
        height: 19px;
}


/* MENU LATERAL ------------------------------------------------------------------ */

#wrapper_menu{
        width: 247px;
        float: left;
        margin-left: 3px;
}
#listagem{
        width: 735px;
        float: left;
        margin-left: 2px;
        height:auto;
}


.produtos{
        width: 236px;
        /*height: 271px;*/
        float: left;
        /*background-color: gray;*/
        float: left;
        margin-bottom: 20px;
        /*margin-bottom: 83px;*/
            
}

.menu_top{
        background-image: url('../backgrounds/top_menu.gif');
        background-repeat: no-repeat;
        width: 221px;
        height: 26px;
        text-align: justify;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        color: #747474;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 0 0 15px;
}

.produtos ul{
        border:1px solid #e5e5e5;
        width: 234px;
}

.produtos ul li{
        width: 219px;
        height: 27px;
        background-image: url('../backgrounds/menu_produtos.gif');
        background-repeat: no-repeat;
        padding: 10px 0 0 15px; 
}

.produtos ul li:hover{
        width: 219px;
        height: 27px;
        background-image: url('../backgrounds/menu_produtosover.gif');
        background-repeat: no-repeat;
        padding: 10px 0 0 15px; 
}

.produtos ul li a{
        color:#000021;
        font-weight: normal;
}
.produtos ul li a:hover{
        color:#e53131;
        font-weight: normal;
}

.menu_bottom{
        background-image: url('../backgrounds/bottom_menu.gif');
        background-repeat: no-repeat;
        width: 236px;
        height: 14px;
}


.catalogos a{
       color: #fff!important     
}
.catalogos a:hover{
       color: #000!important     
}


.red01{
        background-image: url('../backgrounds/red01.gif')!important;       
}

.red02{
        background-image: url('../backgrounds/red02.gif')!important;       
}

.red03{
        background-image: url('../backgrounds/red03.gif')!important;       
}

.novidades a{
       color: #fff!important       
}
.novidades a:hover{
       color: #000!important       
}

.gray01{
        background-image: url('../backgrounds/gray01.gif')!important;       
}

.gray02{
        background-image: url('../backgrounds/gray03.gif')!important;       
}

.gray03{
        background-image: url('../backgrounds/gray03.gif')!important;      
}


/* LISTAGEM ------------------------------------------------------------------ */
.content_sub{
        width: 990px;
        background-image: url('../backgrounds/bg_home.gif');
        background-repeat: no-repeat;
        background-position: top center;      
}



.caminho{
        background-image: url('../backgrounds/listagem_titulo.gif');
        background-repeat: no-repeat;
        width: 728px;
        height: 24px;
        padding: 12px 0 0 17px;
        float: left;
}

.listagem{
        background-image: url('../backgrounds/listagem_bg.gif');
        background-repeat: repeat-y;
        width: 695px;
        float: left;
        padding: 20px 20px 0px 20px;
}

.list_bottom{
        background-image: url('../backgrounds/listagem_bottom.gif');
        background-repeat: no-repeat;
        width: 735px;
        height: 10px;
        float: left
}


/* PRODUCT LIST ------------------------------------------------------------------ */
.list{
        width: 709px;
        /*height: 208px;*/
        /*background-image: url('../backgrounds/list.gif');
        background-repeat: no-repeat;*/
        margin: 5px 0 0px -8px;  
        color:#434343;
}

.nome_list{
        width: 679px;
        height: 38px;   
        padding: 10px 0 0 30px;
}
.image_list{
        padding: 10px 0 0 20px;
        width:125px;
        height:130px;  
        background-image: url('../backgrounds/thumbail.gif');
        background-repeat: no-repeat;
        background-position: 20px 14px;
}
.descricao_list{
        width:362px;
        padding: 0 20px 10px 20px;
        text-align: left;
}

.botoes_list{
        width:132px;
        padding: 50px 20px 0 0px;
}
.botoes_list img{
        margin-top: 5px;
}

.list_descricao{
        font-weight: bold;
        height:25px;
}


/* EMPRESA ------------------------------------------------------------------ */
.empresapage{
        padding: 5px 20px 20px 0;
}

.empresapage p{
    /*
        margin-bottom: 20px;
        border-bottom: 1px #d0d0d0 solid;
        padding-bottom: 20px;
        */
}

/* Carrinho ------------------------------------------------------------------ */

#carrinho{color:#505050;
          margin-left: 4px;
}


#carrinho .lineimpar td{
        background-color: #e7e7e7;
        padding: 5px 10px;
        border: 1px #f8f8f8 solid;
}


#carrinho .linepar td{
        background-color: #d2d2d2;
        padding: 5px 10px;
        border: 1px #f8f8f8 solid;
}

#carrinho .total td{
        background-color: #e53132;
        padding: 5px 10px;
        border: 1px #f8f8f8 solid;
        text-align: right;
        color:#fff;
        font-weight: bold;
}

#carrinho .cabecalho {
        background:#fff url('../backgrounds/cabecalho.gif');
        background-repeat: repeat-x;
        border: 1px #e3e3e3 solid;
        text-align: left;
        color:#7e898b;
        font-weight: bold;
}

#carrinho .cabecalho td{
        padding: 11px 7px;
}


#carrinho .elimnar{
        text-align: center;
        width: 60px;
}
#carrinho .preco{
        text-align: right;
        width: 80px;
}

#carrinho input{
       width: 27px;
       height: 16px;
       border: #b9b9b9 1px solid;
       color: #505050;
       text-align: center
}

#carrinho .unidades{
      padding-left: 20px!important;
          width: 120px;
}


.iva{
     font-weight: bold;
     text-align: right;
}

.portes td{
     text-align: right;
         height: 40px;
         padding: 5px 10px;
         background-color: #f6f7e8
}

#observacoes{
     border: 1px #b9b9ba solid;
     overflow: hidden;
     width: 680px;
     margin-top: 5px
}

.condicoes{
     border: 1px #e53131 solid;
     width: 670px;
     height: 232px;
     padding: 10px;
     background-color: #ebebeb;
         text-align: center;
}

.condicoes_txt{
	color: #e53131!important;
        text-align: center!important;
        margin: 0px!important;
        padding: 0px!important;
        
        }
        
.border_c{
	border-bottom: 1px solid #d0d0d0;
        
        }

        
        
        
/* DETALHES ------------------------------------------------------------------ */

#detalhes{
	margin-left: -6px;
        }

.detalhes_top{
	width: 685px;
        height: 31px;
        background-image: url('../backgrounds/detalhe_top.gif');
        background-repeat: no-repeat;
        padding: 18px 0 0 22px;
        }

.detalhes_meio{
	width: 707px;
        height: 500px;
        background-image: url('../backgrounds/detalhe_meio.gif');
        background-repeat: repeat-y;
        }


.detalhes_bottom{
	width: 707px;
        height: 22px;
        background-image: url('../backgrounds/detalhe_bottom.gif');
        background-repeat: no-repeat
        }

.foto_detalhes{
	width: 160px;
        height: 214px;
        background-color: red;
        }
        
.desricao_detalhes{
	width: 202px;
        height: 214px;
        background-color: red;
        }

.botoes_detalhes{
	width: 304px;
        height: 214px;
        background-color: red;
        }
