@import url("css/module.css");
body {
	padding:0; margin:0;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  text-align: left;
}
ul, p, h1, h2, h3, h4, img{
	padding:0; margin: 0;
}
ul {
	list-style-type: none;
}
img { border: 0; }
h2 {
	font-size: 18px;
    font-weight: bold;
    color: #000;
	text-align: left;
	margin-bottom: 10px;
}
h3 {
	font-size: 14px;
	color: #00F;
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
}
h3 .h3_black { color: #000; font-weight: bold; }
h4 {
	font-size: 14px;
    color: #555;
    display: block;
	text-align: center;
	font-style: italic;
	line-height: 150%;
	margin-top: 10px;
}

.hide,
.hide_this,
  .hide_child *
{ display: none; }

.clearFull{
    display: block; clear: both; visibility: hidden;
    height: 0;
    padding: 0; border: 0; outline: 0; margin: 0;
    text-align: left; text-indent: -9999px; content: ""; font-size: 0; line-height: 0;
    color: red; background-color: red;
}
.div5{ height: 5px; } .div8{ height: 8px; }
.div10{ height: 10px; } .div15{ height: 15px; }
.div20{ height: 20px; } .div25{ height: 25px; }
.div30{ height: 30px; } .div35{ height: 35px; }
.div40{ height: 40px; } .div45{ height: 45px; }
.div50{ height: 50px; } .div55{ height: 55px; }
.div60{ height: 60px; } .div66{ height: 65px; }
.div70{ height: 70px; } .div75{ height: 75px; }
.div80{ height: 80px; } .div85{ height: 85px; }
.div90{ height: 90px; } .div95{ height: 95px; }
.div100{ height: 100px; } .div105{ height: 105px; }
.div110{ height: 110px; } .div115{ height: 115px; }
.div120{ height: 120px; } .div125{ height: 125px; }
.div130{ height: 130px; } .div135{ height: 135px; }
.div140{ height: 140px; } .div145{ height: 145px; }
.div150{ height: 150px; } .div155{ height: 155px; }
.div160{ height: 160px; } .div165{ height: 165px; }
.div170{ height: 170px; } .div175{ height: 175px; }
.div180{ height: 180px; } .div185{ height: 185px; }
.div190{ height: 190px; } .div195{ height: 195px; }
.div200{ height: 200px; } .div205{ height: 205px; }
.clear:after{ content: "."; line-height: 0; clear: both; display: block; visibility: hidden;  }

/*------------------------------up_div---------------------*/
#up_div {
	background: url(images/up_bg.gif) repeat-x 0 0;
  width: 100%;
  float: left;
}
  #up_div #header {
  	background:url(images/header.jpg) no-repeat 0 0;
    width: 778px;
    height: 314px;
    margin: 0 auto;
    position: relative;
  }
    #up_div #header .olho {
      font-size: 16px;
      font-style: italic;
    	position: absolute;
      top: 56px;
      left: 130px;
      letter-spacing: 1px;
    }
    #up_div #header .register {
      font-size: 12px;
      position: absolute;
      top: 65px;
      left: 270px;  
    }
    #up_div #header h1 {
      font-size: 36px;
    	position: absolute;
      top: 80px;
      left: 100px;
    }
    #up_div #header ul {
    	text-transform: uppercase;
      font-weight: bold;
     	font-size: 12px;
      width: 546px;
      display: block;
      position: absolute;
      top: 253px;
      left: 124px;
    }
      #up_div #header ul li {
      	float: left;
        display: block;
        margin: 0 3px;
      }
        #up_div #header ul li a { padding: 0 8px; color: #000; display: block; text-decoration: none; }
        #up_div #header ul li a:hover {	background-color: #999; color: #FFF; }

/*-----------------------------middle_div-----------------------*/
#mid_div {
  width: 100%;
  float: left;
}
  #mid_div #body_pan {
  	width: 778px; 
    margin: 0 auto;
  }
	#mid_div #body_pan .text_index ul.ul_menu_produtos {
		width: 500px;
		margin: 0 auto;
	}
		#mid_div #body_pan .text_index ul.ul_menu_produtos li.li_menu_produtos {
			font-size: 14px;
			color: #333;
			float: left;
			margin-right: 20px;
			padding: 3px;
		}
		#mid_div #body_pan .text_index ul.ul_menu_produtos li.li_menu_produtos.last_menu_produtos { margin-right: 0; }
		#mid_div #body_pan .text_index ul.ul_menu_produtos li.li_menu_produtos a { text-decoration: underline; color: #F00; padding: 3px; }
		#mid_div #body_pan .text_index ul.ul_menu_produtos li.li_menu_produtos a:hover { text-decoration: overline underline; color: #333; }
	#mid_div #body_pan .block_produtos { width: 750px; margin: 0 auto;}
		#mid_div #body_pan .block_produtos .fot_block { float: left; margin-left: 20px; display: block; }
		#mid_div #body_pan .block_produtos .fot_block.first_block { margin-left: 150px; }
		#mid_div #body_pan .block_produtos .dados_tec {
			font-size: 12px;
			color: #000;
			float: left;
			display: block;
			margin-right: 15px;
			padding: 2px 5px;
			border: 1px solid #999;
		}
		#mid_div #body_pan .block_produtos a.cores_disponiveis {
			background: url(images/cores_disponiveis.jpg) 0 0 no-repeat;
			width: 100px;
			height: 100px;
			display: block;
			float: left;
		}
		#mid_div #body_pan .block_produtos a.cores_disponiveis:hover {
			background: url(images/cores_disponiveis.jpg) 0 -100px no-repeat;
			width: 100px;
			height: 100px;
			display: block;
			float: left;
		}

	#mid_div #body_pan .apresent_fotos {
      float: left;
      width: 200px;
      height: 200px;
      margin-right: 8px;
      position: relative;
    }
      #mid_div #body_pan .apresent_fotos #nav { position: absolute; top: -16px; right: 0; z-index: 2000; }
        #mid_div #body_pan .apresent_fotos #nav a { margin-right: 4px; border: none; background: #FFF; color: #000; text-decoration: none; padding: 3px 5px;  }
        #mid_div #body_pan .apresent_fotos #nav a.activeSlide { background: #666; color: #FFF; opacity:0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
        #mid_div #body_pan .apresent_fotos #nav a:focus { outline: none; }
      #mid_div #body_pan .apresent_fotos .slideshow {
        height: 200px;
        width: 200px;
	  }
       #mid_div #body_pan .apresent_fotos .slideshow img {
          margin: 5px;
          width: 190px;
          height: 190px;
		  border: 1px solid #E9E9E9;
		}
        #mid_div #body_pan .apresent_fotos .slideshow .legenda {
          position: absolute;
          bottom: 10px;  
          left: 5px;
          font-size: 12px;
          color: #FFF;
          padding: 2px;
          opacity:0.5;
	      -moz-opacity: 0.5;
          filter: alpha(opacity=50);
        }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.blue { background-color: #00F; }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.red { background-color: #F00; }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.green { background-color: #093; }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.orange { background-color: #FEC402; }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.black { background-color: #000; }
          #mid_div #body_pan .apresent_fotos .slideshow .legenda.gray { background-color: #666; }    
    
    #mid_div #body_pan .text_index {
      float: left;
      width: 570px;
    }
	    #mid_div #body_pan .text_index.last_videos {
		  float: left;
		  width: 460px;
		}
      #mid_div #body_pan .text_index h2 {
      	font-size: 20px;
        font-weight: bold;
        color: #3b3b3b;
      	display: block;
      	padding-bottom: 10px;
        border-bottom: 1px dotted #000;
      }
      #mid_div #body_pan .text_index p {
      	display: block;
        font-size: 12px;
        margin: 20px 0;
        line-height: 20px;
	  }
	  #mid_div #body_pan .text_index .p_contatos {
      	display: block;
        font-size: 12px;
        margin: 0 10px;
        line-height: 20px;
		float: left;
	  }
		  #mid_div #body_pan .text_index .p_contatos .a_contatos { padding: 0; text-decoration: underline; color: #000; }
		  #mid_div #body_pan .text_index .p_contatos .a_contatos:hover { text-decoration: underline; background-color: #FFF; color: #F00; }
		  #mid_div #body_pan .text_index p a { padding: 2px; text-decoration: none; color: #000; }
		  #mid_div #body_pan .text_index p a:hover { background-color: #999; color: #FFF; }
	#mid_div #body_pan .box_chamada {
		float: left;
		width: 306px;
        min-height: 308px;
		height: auto;
		border: 1px solid #000;
		position: relative;
		margin-right: 15px;
	}
		#mid_div #body_pan .box_chamada.first { margin-left: 60px; }
		#mid_div #body_pan .box_chamada.last { margin-right: 0; }
		#mid_div #body_pan .box_chamada .update_up {
			background: url(../images/update_up.gif) no-repeat;
			width: 308px;
			height: 11px;
			position: absolute;
			z-index: 2;
			top: -1px;
			left: -1px;
			display: block;
		}
		#mid_div #body_pan .box_chamada .update_down {
			background: #FFF url(../images/update_down.gif) no-repeat;
			width: 308px;
			height: 11px;
			position: absolute;
			z-index: 2;
			bottom: -1px;
			left: -1px;
			display: block;
		}
		#mid_div #body_pan .box_chamada .title {
			font-size: 16px;
			color: #000;
			font-style: italic;
			border-bottom: 1px dotted #666;
			padding-bottom: 3px;
			padding-left: 10px;
			width: 285px;
			display: block;
			margin-top: 8px;
			margin-left: 5px;
		}
		#mid_div #body_pan .box_chamada .p_box {
			font-size: 14px;
			color: #000;
			width: 285px !important;
			margin-top: 8px;
			margin-left: 5px;
			text-align: justify;
		}
		#mid_div #body_pan .box_chamada .img_chamada {
			margin: 5px auto;
			display: block;
		}
		#mid_div #body_pan .box_chamada a { 
			font-size: 12px;
			color: #000;
			text-decoration: none;
			margin-right: 8px;
			padding: 3px;
			outline: none;
		}
		#mid_div #body_pan .box_chamada a:hover { background-color: #666; color: #FFF; text-decoration: none; }
    #mid_div #body_pan .apresent_videos {
      float: left;
	  border: 1px solid #666;
      width: 305px;
      height: auto;
	  min-height: 275px;
      margin-right: 10px;
	  padding-top: 2px;
	  position: relative;
    }
    #mid_div #body_pan .apresent_videos .legenda_videos {
		display: block;
		text-align: center;
		color: #000;
		font-size: 12px;
	}

	#mid_div #body_pan .apresent_represent {
      float: left;
	  border: 1px solid #666;
      width: 195px;
      height: auto;
	  min-height: 195px;
      margin-left: 10px;
	  position: relative;
    }
		#mid_div #body_pan .apresent_represent .title_repre {
		  display: block;
		  margin: 5px;
		  text-align: center;
		  font-size: 14px;
		  color: #000;
		  font-weight: bold;
		}
		#mid_div #body_pan .apresent_represent .p_repre {
		  display: block;
		  margin: 5px;
		  font-size: 12px;
		  color: #000;
		  border-bottom: 1px dotted #666;
		  padding-bottom: 5px;
		}
		#mid_div #body_pan .apresent_represent .p_repre.last_repre {
		  border-bottom: none;
		  padding-bottom: 5px;
		}

		#mid_div #body_pan .apresent_represent .strong_repre {
		  text-align: center;
		  display: block;
		  margin-bottom: -15px;
		}
	#mid_div #body_pan .img_repre {
		margin-top: -125px;
	}
/*----------------------------------------------------*/
#mid_div #body_pan .box_chamada .formLego {
	width: 300px;
	margin-top: 10px;
}
	#mid_div #body_pan .box_chamada .formLego label {
		width: 75px;
	}
	#mid_div #body_pan .box_chamada .formLego .entTxt {
		width: 200px;
		height: 20px;
		border: 1px solid #000;
		background-color: #FFF;
		font-size: 12px;
		color: #000;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	}
	#mid_div #body_pan .box_chamada .formLego .textarea {
		width: 200px;
		height: 100px;
		border: 1px solid #000;
		background-color: #FFF;
		font-size: 12px;
		color: #000;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	}
	#mid_div #body_pan .box_chamada .formLego .submit {
		width: 50px;
		margin: 0 3px;
		padding: 1px;
		border: 1px solid #000;
		background-color: #FFF;
		font-size: 12px;
		color: #000;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	}
	#mid_div #body_pan .box_chamada .formLego .submit.noL {
		margin-left: 85px;
	}
/*----------------------------------footer------------*/
#footer {
	width: 100%;
  float: left;
  margin: 10px 0;
}
  #footer #foo{
  	width: 686px;
    margin: 0 auto;
  }
    #footer #foo ul{
    	 width: 540px;
       display: block;
       margin: 0 0px 8px 70px;
       height: 14px;
    }
      #footer #foo ul li{
      	float: left;
        font-size: 13px;
        color: #000;
        height: 14px;
        display: block;
      }
      #footer #foo ul li a{
      	color: #000;
        text-decoration: none;
        padding: 0 12px 0 12px;
      }
      #footer #foo ul li a:hover{
      	text-decoration: none;
      	color: #fff;
        background-color: #666;
      }
      #footer #foo p {
      	font-size: 12px;
        color: #F00;
        text-align: center;
      }
      #footer #foo p a { color: #000; text-decoration: none; }
      #footer #foo p a:hover { color: #fff; background-color: #000; }