body,td,th {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

a {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
h1,h2,h3,h4,h5,h6 {
	font-family: verdana;
	font-weight: bold;
}
h1 {
	font-size: 18px;
	color: #000000;
}
h2 {
	font-size: 16px;
	color: #000000;
}
h3 {
	font-size: 13px;
	color: #000000;
}
h4 {
	font-size: 12px;
	color: #000000;
}
h5 {
	font-size: 11px;
	color: #000000;
}
h6 {
	font-size: 10px;
	color: #000000;
}
#main {
	position:absolute;
	width:773px;
	height:573px;
	z-index:1;
	left:50%;
	margin-left:-385px;
        overflow:hidden;
	}

/* -------------- Logo farmaervas ------------------------------------- */

#logo {
	position:absolute;
	width:173px;
	height:52px;
	z-index:1;
	top:10px;
	left:0;
}

/* -------------- Logo Tracta ------------------------------------- */

#logo2 {
	position:absolute;
	width:173px;
	height:52px;
	z-index:1;
	top:30px;
	left:0;
}

/* -------------- menu c/ a palavra chave ------------------------------------- */

#menu2 {
	position:absolute;
	width:770px;
	height:23px;
	z-index:2;
	left:0px;
	top: 76px;
	color:#FFF;
	}
	
#menu2 ul{margin:0; padding:0; list-style:none;}
#menu2 ul li{float:left; padding-left:20px; line-height:23px; color:#FFF;}

#menu2 ul li a{color:#FFF;}


/* ---------------------- cores de fundo para o menu ----------------------------- */
.um{background-color:#063E23;}
.dois{background-color:#000;}


/* -------------------------- rodape preto ---------------------------- */
#rodape2 {
background-color:#000;
  	position:absolute;
	width:770px;
	height:24px;
	z-index:7;
	left: 0px;
	top: 549px;
	overflow:hidden;
	}

#rodape2 a{
	color:#fff;
	font-family:Helvetica, sans-serif;
	margin-left:20px;
	line-height:24px;
	font-size:12px;
	letter-spacing:1px;
}


/* -------------------------- rodape verde ---------------------------- */
#rodape {
background-color:#126642;
    	position:absolute;
	width:770px;
	height:24px;
	z-index:7;
	left: 0px;
	top: 545px;
	}

#rodape a{
	color:#fff;
	font-family:Helvetica, sans-serif;
	margin-left:20px;
	line-height:24px;
	font-size:12px;
	letter-spacing:1px;
}

/* ----------------------------------- pesquisa do site ------------------------------------- */
#pesquisa {
	position:absolute;
	width:180px;
	height:20px;
	z-index:6;
	left: 578px;
	top: 80px;
	color:#FFFFFF;
	/*overflow:hidden;*/
	}

/* -------------------------------------- texto newsletter -------------------------- */
#news {
	position:absolute;
	width:171px;
	height:18px;
	z-index:10;
	left: 414px;
	top: 551px;
	color:#FFFFFF;
}

/* -------------------------------------- input text / botao -------------------------- */
#news3 {
	position:absolute;
	width:172px;
	height:18px;
	z-index:9;
	left:590px;
	top: 549px;
	}

/* -------------------------------------- parte da news em preto -------------------------- */
#newsb {
	position:absolute;
	width:171px;
	height:18px;
	z-index:10;
	left: 414px;
	top: 552px;
	color:#FFFFFF;
}

#newsb3 {
	position:absolute;
	width:172px;
	height:18px;
	z-index:9;
	left:590px;
	top: 553px;
	}
	
/* --------------------------------------------- banners da home ------------------------------ */	
        #banner {
            position:absolute;
            width:582px;
            height:450px;
            z-index:3;
            left:-3px;
            top: 99px;
            overflow:hidden;
            tex-align:center;

            }
			
#banner4{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
text-align:left;
background-color:#FFFFFF;
}


/* banners lancamento 
------------------------------- */
#banner5{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
text-align:left;
background-color:#fff;
height:460px;
overflow:auto;
}

.img_lanc{
	float:left;
	margin-top:30px;
	margin-left: 30px;
	margin-right: 30px;
}
.text_lanc{
	float:left;
	margin-right:20px;
	margin-top:150px;
	width:530px;
}	



        #box1 {
            position:absolute;
            width:193px;
            height:113px;
            z-index:4;
            left: 577px;
            top: 100px;
            overflow: hidden;
            background-color:#fff;
            text-align:center;
            padding-top:2px;
            padding-bottom:1px;
           }
        #box2 {
            position:absolute;
            width:193px;
            height:131px;
            z-index:5;
            left: 577px;
            top: 216px;
            overflow: hidden;
            background-color:#fff;
            text-align:center;
            padding-top:2px;
            padding-bottom:1px;
        }
        #box3 {
            position:absolute;
            width:193px;
            height:188px;
            z-index:1;
            left: 577px;
            top: 350px;
            overflow: hidden;
            background-color:#fff;
            text-align:center;
            padding-top:2px;
            padding-bottom:3px;
        }

/* ------------------------------------- banner onde ficam as imagens ----------------------------------- */

#banner2{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
height:446px;
text-align:center;
background-color:#FFF;
overflow:hidden;
}

/* .internas{background:url(../images/background.jpg); background-repeat:repeat-x;}
#menu_principal{
float:right; 
margin-top:45px;
color:#B84121; 
height:22px;
}

#menu_principal a{
color:#B84121; 
text-decoration:none;
margin-left:5px;
}
*/

.internas{background:#000;}
#menu_principal{
float:right; 
margin-top:45px;
color:#fff; 
height:22px;
}

#menu_principal a{
color:#fff; 
text-decoration:none;
margin-left:5px;
}



/* -------------------------------------- menu com batom,rosto,olhos ------------------------------------------- */


#menu_cabelos{
position:absolute;
left:-25px;
top:210px;
z-index:4;
list-style-image:url(../images/quadrado_botao2.jpg);
list-style-position:inside;
}

#menu_cabelos li{
margin-top:40px;
font-weight:normal;
}

#menu_cabelos li a{
text-transform:uppercase;
color:#000;
font-size:16px;
}



#menu_tracta{
position:absolute;
left:-10px;
top:210px;
z-index:4;
list-style-image:url(../images/quadrado_botao.jpg);
list-style-position:inside;
}

#menu_tracta li{
margin-top:40px;
font-weight:normal;
}

#menu_tracta li a{
text-transform:uppercase;
color:#000;
font-size:16px;
}

#submenu_direito2 h3{font-weight:normal;}

/* ------------------------- div onde ficam os produtos de rosto,olhos,boca ------------------------------------- */
#submenu_direito{
	position:absolute;
	right:40px;
    top:125px;
    z-index:2;
	color:#979B9C;
	width:145px;
	}

#submenu_direito ul{list-style:none; margin-left:5px; padding-left:5px;}

#submenu_direito ul li {margin-top:7px;}

#submenu_direito ul li a{color:#000; text-decoration:none;}



#submenu_direito2{
	position:absolute;
	right:-10px;
    top:125px;
    z-index:2;
	color:#000;
	width:255px;
	}

#submenu_direito2 ul{list-style:none; margin-left:5px; padding-left:5px;}

#submenu_direito2 ul li {margin-top:7px;}

#submenu_direito2 ul li a{color:#000; text-decoration:none;}


#submenu_direito3{
	position:absolute;
	right:-10px;
    top:120px;
    z-index:2;
	color:#000;
	width:255px;
	}

#submenu_direito3 ul{list-style:none; margin-left:5px; padding-left:5px;}

#submenu_direito3 ul li {margin-top:7px;}

#submenu_direito3 ul li a{color:#000; text-decoration:none;}


#submenu_direito3 h3{font-weight:normal;}



#submenu_direito4{
	position:absolute;
	right:-63px;
    top:100px;
    z-index:2;
	color:#000;
	width:255px;
	}

#submenu_direito4 ul{list-style:none; margin-left:5px; padding-left:5px;}

#submenu_direito4 ul li {margin-top:3px;}

#submenu_direito4 ul li a{color:#000; text-decoration:none;}

#submenu_direito4 h3{font-weight:normal;}

#banner2b{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
height:460px;
background-color:#fff;
}

.img_fundo{
position:absolute;
left:140px;
}

/* ------------------------------------------------ parte do arquivo metalic_gloss.php --------------------------- */
#detalhes{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
text-align:center;
background-color:#fff;
height:448px;
overflow:auto;
}	

#menu_int_cima{
	line-height:30px;
	margin-top:20px;
	float:right;
	margin-right:30px;
	font-size:12px;
	color:#979B9C;
	}

#menu_int_cima a{
	color:#979B9C; text-decoration:none;
}

#menu_int_cima a:active{
	text-decoration:none;
}

#menu_int_cima{font-size:16px;}

#menu_int_cima.ativo{color:#B05A2B;}

#menu_int_cima.ativo_verde{color:#063E23;}
/* -------------------------------- form contato -------------------------------------------------- */

#div_form{
position:absolute;
top:100px;
left:0;
z-index:1;
width:770px;
height:466px;
background-color:#FFF;
color:#666;
}	

/* ---------------------- imagens produtows -------------------------- */

#imagem{
	float:left; margin-top:0; margin-left:0; width:220px; text-align:center;
}

.titulo{font-weight:bold;}


/* ------------------------------- menu makeup --------------------------------------- */

#m_makeup{
	background-color:#000;
	color:#FFF;
	z-index:120;
	position:absolute;
	left:0;
	margin-left:75px;
	top:50%;
	margin-top:-188px;
	width:70px;
	height:auto;
	display:none;
	text-align:center;
	padding:0;
	}

#m_makeup ul{margin:0; padding:0; list-style:none;}

#m_makeup ul li {margin:0; padding:0;}

#m_makeup ul li a{display:block; margin:0; padding:4px 3px; color:#FFF; height:100%;}
#m_makeup ul li a:hover{background-color:#454545;}

/* ------------------------------- produtos interna --------------------------------------- */

#intro_produtos{
	background-color:#FFF;
	position:absolute;
	top:88px;
	left:0;
	z-index:1;
	width:770px;
	height:462px;
	overflow-y:auto;
	overflow-x:hidden;
}


#menu_int_intro{
	padding-top:20px;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	width:95%;
	overflow:hidden;
	}

#menu_int_intro a{color:#979B9C;}



#intro_produtos ul{
	padding:20px;
	list-style:none;
	margin:0;
	width:540px;
	margin-top:40px;
}

#intro_produtos ul li {
	margin:5px;
	float:left;
	text-align:left;
	text-transform:uppercase;
	height:170px;
	padding-top:10px;
	margin-top:10px;
	display:inline-block;
	
	
	

}

#intro_produtos ul li img{float:right; margin-right:10px;}

.img_prod{width:115px; text-align:right; display:inline; overflow:hidden;}
.txt_prod{width:115px; padding-right:10px; display:inline; overflow:hidden;}
.img_prod_dir img {
	float: right;
}
.linha {
	float: left;
	width: 100%;
}
.img_prod_esq {
	float: left;
	width: 500px;
	margin-left: 100px;
	margin-top: 20px;
}
.img_prod_dir {
	float: right;
	width: 500px;
	margin-right: 100px;
	margin-top: 20px;
}
.img_prod_esq img {
	float: left;
}
#intro_produtos_ibiza {
	background-color:#c7b6d6;
	position:absolute;
	top:88px;
	left:0;
	z-index:1;
	width:770px;
	height:462px;
	overflow-y:auto;
	overflow-x:hidden;
}
.texto_ibiza_dir {
	text-align: center;
	float: right;
	margin-right: 5px;
	color: #FFF;
}
.texto_ibiza_esq {
	text-align: center;
	float: left;
	margin-left: 5px;
	color: #FFF;
}
.img_prod_dir  a:hover {
	color: #666666;
}
.img_prod_esq a:hover {
	color: #666666;
}
.img_prod_dir a {
	color: #FFF;
}
.img_prod_esq a {
	color: #FFF;
}
#intro_produtos_london {
	background-color:#603C6C;
	position:absolute;
	top:88px;
	left:0;
	z-index:1;
	width:770px;
	height:462px;
	overflow-y:auto;
	overflow-x:hidden;
	color: #FFF;
}