body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; padding-bottom: 5%; background: #737375; }
a {cursor: pointer;}
    .global { margin: 0 auto; width: 999px; text-align: left; }
        
        /* Area Login */
        
        .arealogin {float: left; clear: both; width: 871px; padding: 3px 64px 1px 64px; color: #ffffff; font-size: 0.9em;}
            .arealogin span.data {float: left;}
            .arealogin a {float: right; padding: 0 8px; color: #ffffff; text-transform: lowercase; text-decoration: none; border-color: #ffffff; border-style: solid; border-width: 0 1px 0 1px;}
            
        /* --> Area Login */
        
        .container {float: left; clear: both; position: relative; width: 999px; margin: 0; background: url(../images/container_pixel.gif) repeat-y 24px top;}
        
        /* Header */
        
            .container .header {clear: both; width: 999px; height: 215px; background: url(../images/container_top.gif) no-repeat 24px top;}
                .container .header .left {float: left; width: 999px;}
                    .container .header .left ul.menuprincipal {position: absolute; z-index: 3; width: 900px; height: 35px; padding: 0px 0 0 54px; margin: 0; list-style: none; font-size: 1em;}
                        .container .header .left ul.menuprincipal li {float: left; padding: 0; margin: 0; color: #97999c; position: relative;}
                            .container .header .left ul.menuprincipal li a { display: block; color: #97999c; text-decoration: none; padding: 10px;}
                            .container .header .left ul.menuprincipal li a.activo {background: #a8a9ac; color: #ffffff;}
                            
                            .container .header .left ul.menuprincipal li:hover, .container .header .left ul.menuprincipal li.over {background: #a8a9ac;}
                                .container .header .left ul.menuprincipal li:hover a, .container .header .left ul.menuprincipal li.over a {color: #ffffff;}
                                
                                .container .header .left ul.menuprincipal li a:hover {background: #a8a9ac; color: #ffffff;}
                                .container .header .left ul.menuprincipal li:hover ul {display: block;}
                                .container .header .left ul.menuprincipal li.over ul {display: block;}
                                .container .header .left ul.menuprincipal li ul {position: absolute; z-index: 3; left: -10px; top: 30px; list-style: none; padding: 0; margin: 0; display: none;}
                                    .container .header .left ul.menuprincipal li ul li {float: left; clear: both; padding: 0; margin: 0; color: #97999c;}
                                        .container .header .left ul.menuprincipal li ul li a {width: 250px; display: block; color: #ffffff; text-decoration: none; padding: 10px; background: #bcbdc0;}
                                        .container .header .left ul.menuprincipal li ul li a:hover {background: #a8a9ac; color: #ffffff;}
                                    
                       
                    .container .header .left a.Pesquisa {position: absolute; z-index: 2; display: block; width: 66px; height: 65px; background: url(../images/iconpesquisa.gif) no-repeat left top; }
                    .heightmenuprincipal {height: 97px;}
                    
                    
                    /* LC 
                    .container .header .left ul.menutematico { position: absolute; z-index: 2; width: 905px; padding: 50px 0 0 54px; margin: 0; list-style: none; font-size: 1em; } */
                    .container .header .left ul.menutematico { position: absolute; z-index: 2; width: 905px; padding: 30px 0 0 54px; margin: 0; list-style: none; font-size: 1em; }
                        .container .header .left ul.menutematico li { float: right; width: 114px; padding: 0; margin: 0; }
                            .container .header .left ul.menutematico li a {float: left; clear: both; width: 114px; height: 78px; padding: 0; color: #ffffff; text-decoration: none; text-align: center;}
                                .container .header .left ul.menutematico li a img {float: left; clear: both; margin: 0; padding: 0; width: 114px; border: 0;}
                                    
                                .container .header .left ul.menutematico li:hover ul {display: block;}
                                .container .header .left ul.menutematico li.over ul {display: block;}
                                
                           .container .header .left ul.menutematico li ul {float: left; clear: both; list-style: none; padding: 0; margin: 0; display: none;}
                           * html .container .header .left ul.menutematico li ul { position: absolute; }
								.container .header .left ul.menutematico li ul li {float: left; clear: both; margin: 0; padding: 0 0 0px 0;}
                                    .container .header .left ul.menutematico li ul li a {width: 150px; height: auto; display: block; text-align: left; color: #ffffff; text-decoration: none; padding: 10px 5px;}
                                    .container .header .left ul.menutematico li ul li a:hover {background: #a8a9ac !important; color: #ffffff;}
                           
                                    .container .header .left ul.menutematico li.menutematico_standart ul li a {background: #5fb8c1;}
         
         /* --> Header */
         
         /* Middle */
            
            /* LC 
            .container .middle {position: absolute; top: 117px; left: 0; width: 999px;}
            */        
            .container .middle {position: absolute; top: 97px; left: 0; width: 999px;}
                
                .logopath {float: left; clear: both; width: 822px; height: 95px; padding: 0 0 0 177px; background: url(../images/conteudo_top.gif) no-repeat right top;}
                 .logopath .logo {float: left; clear: both; width: 795px; height: 55px; padding: 20px 0 0 27px;}
			        .logopath .logo a {float: left;}
				        .logopath .logo a img {border: 0;}
                 .logopath .path {float: left; clear: both; width: 788px; height: 14px; padding: 3px 0 3px 24px; color: #86888d; font-size: 0.9em;}
			        .logopath .path a {text-decoration: none; color: #86888d;}
				        .logopath .path a:hover {}
			        .logopath .path span {padding: 0 5px;}
					
		
            /* Middle IN */
    		
	            .middleIN {float: left; clear: both; width: 999px; min-height: 679px; margin: 0; background: url(../images/conteudo_pixel.gif) repeat-y 23px top;}
		            .middleIN2 {float: left; clear: both; width: 999px; min-height: 648px; margin: 0; padding: 0 0 31px 0; background: url(../images/conteudo_footer.gif) no-repeat 23px bottom;}
                *html ..middleIN {height: 679px;} 
                *html .middleIN2 {height: 648px;} 
                
                
                .middleL {float: left; width: 187px;}
                        .middleL ul.menuleft {float: left; clear: both; width: 176px; padding: 0 0 0 11px; margin: 0; list-style: none; font-size: 1em; }
                            .middleL ul.menuleft li {float: left; clear: both; padding: 0 0 5px 0; margin: 0;}
                                .middleL ul.menuleft li a {width: 156px; padding: 5px 0pt 6px 20px; height: auto; display: block; text-align: left; color: #000000; text-decoration: none; background: url(../images/limenuleft.gif) no-repeat left top;}
                                    .middleL ul.menuleft li a:hover {background: url(../images/limenulefthover.gif) no-repeat left top;color: #ffffff;}
                                    .middleL ul.menuleft li a.activo {background: url(../images/limenulefthover.gif) no-repeat left top;color: #ffffff;}
                                    
                                    
                                        .middleL ul.menuleft li ul {float: left; clear: both; width: 163px; padding: 0 0 0 13px; margin: 0; list-style: none; }
                                            .middleL ul.menuleft li ul li {float: left; clear: both; padding: 0; margin: 0; border-bottom: 1px dotted #86888d;}
                                                .middleL ul.menuleft li ul li a {width: 156px; padding: 5px 0pt 6px 7px; height: auto; display: block; text-align: left; color: #7c7e81; text-decoration: none; background: none;}
                                                    .middleL ul.menuleft li ul li a:hover {background: none; color: #000000;}
                                                    middleL ul.menuleft li ul li a.activo {background: none; color: #000000;}
                                                    
                                                    
                                                            .middleL ul.menuleft li ul li ul {float: left; clear: both; width: 162px; padding: 0 0 2px 1px; margin: 0; list-style: none; border-top: 1px dotted #86888d; }
                                                                .middleL ul.menuleft li ul li ul li {float: left; clear: both; padding: 0; margin: 0; border-bottom: 0; background: url(../images/pixelleftul.gif) repeat-y right top;}
                                                                    .middleL ul.menuleft li ul li ul li a {width: 156px; padding: 5px 0pt 6px 6px; height: auto; display: block; text-align: left; color: #7c7e81; text-decoration: none; background: none;}
                                                                        .middleL ul.menuleft li ul li ul li a:hover { color: #000000;}
                                                                        .middleL ul.menuleft li ul li ul li a.activo { color: #000000;}
                                                                        
                                                                        
                             .middleL ul.menuleft li.carrinho0 {padding: 10px 0; border-bottom: 0 !important;  background: url(../images/carrinho.gif) no-repeat 115px center;}
                             .middleL ul.menuleft li.carrinho {padding: 0px 0; border-bottom: 0 !important;}
                             .middleL ul.menuleft li.mensagem {padding: 10px 0;}
                    
                    
                    
                    .middleR {float: left; width: 802px;}
                    
                    
               /* Footer */
                
                .footer {float: left; clear: both; width: 959px; padding: 0 16px 0 24px ;  height: 30px; margin: 0; background: url(../images/footer.gif) no-repeat 23px bottom;}
                    .footer .left {float: left; width: 840px;}
                    .footer .mid { float: left; width: 100px;}
        	            * html .footer .left {width: 820px !important;}
        	            * html .footer .left ul {width: 820px !important;}
                    .footer .right { float: left; width: 68px; border-top: 1px solid #646569;}
                
                    .footer .left ul {float: left; clear: both; width: 820px; padding: 5px 0 0 22px; margin: 0; list-style: none; font-size: 1em;}
                            .footer .left ul li {float: left; padding: 0; margin: 0; color: #97999c; position: relative;}
                                .footer .left ul li a { display: block; color: #97999c; text-decoration: none; padding: 0 10px;}
                                .footer .left ul li a.activo {color: #000000;}
                                    .footer .left ul li a:hover {color: #000000;}
                   
                   .footer .mid ul {float: left; clear: both; width: 100px; padding: 5px 0 0 0; margin: 0; list-style: none; font-size: 1em;}
                            .footer .mid ul li {float: right; padding: 0; margin: 0; color: #97999c; position: relative;}
                                .footer .mid ul li a { display: block; color: #97999c; text-decoration: none; padding: 0 20px 0 0;}
                                .footer .mid ul li a.activo {color: #000000;}
                                    .footer .mid ul li a:hover {color: #000000;}
                                    
                   .footer .right span {float: left; width: 168px; font-size: 1em; color: #97999c; padding: 5px 0 0 0; }
                
             /* --> Footer */
             
             .container .imgfooter {float: left; clear: both; width: 975px; padding: 0 0 0 24px ; margin: 0;}
                
                    
            /* //Middle IN */
                            
         /* --> Middle */