/* CSS Document */

/* basic elements */

body, h1, h2, h3, h4, h5, h6, p, ul, li, form {
	margin: 0px;
	padding: 0px;
	border:0;
	height:100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background:#F2F9FA url(site/img/bkg.png);
	background-repeat: repeat-x;
	/*background-attachment: fixed;*/
	background-position: left top;
	line-height: 15px;
}

/*
LINKS --------------------- */

a {
	font-size: 11px;
	color: #999999;
	text-decoration: none
}

a:hover {
	color: #666666;
	text-decoration: underline
}

a:active {
	color: #333333;
}

a img {
	border-width: 0; 
	border-style: none;
}

/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 150%;
}


/*
MASTHEAD + SUBMAST --------------------- */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #33CCFF;
}


h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}

/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

/*
MAIN CONTENT --------------------- */

#outer {
width: 1000px;
margin:0 auto;			
padding: 0px;
text-align:left; /* "remédio" para o hack do IE */	
}


/*
SIDEBAR --------------------- */

#sidebar_a {
	float:left;
	width:410px;
	height:434px;
}

#sidebar_b {
	float:right;
	width:590px;
	height:434px;
	padding:0;
	margin:0;
}

#content {
	float:left;
	width:1000px;
}


#logo {
	float:left;
	width:410px;
	height:267px;
}

#slogan {
	float:left;
	width:410px;
	height:167px;
}

/*
MENU --------------------- */

	
#cxmenu {
	margin-left:197px;
	margin-right:106px;
	}
	
#nav {
background-image:url(site/img/menu.png);
width:697px;
height:39px;
margin:0;
padding:0;
}

#nav span {
display: none;
}

#nav li, #nav a {
height:39px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav-01 {width: 113px;}
#nav-02 {width: 120px;}
#nav-03 {width: 120px;}
#nav-04 {width: 120px;}
#nav-05 {width: 123px;}
#nav-06 {width: 101px;}

#nav-01 a:hover {background:url("site/img/menu.png") 0px -39px no-repeat; }
#nav-02 a:hover {background:url("site/img/menu.png") -113px -39px no-repeat; }
#nav-03 a:hover {background:url("site/img/menu.png") -233px -39px no-repeat; }
#nav-04 a:hover {background:url("site/img/menu.png") -353px -39px no-repeat; }
#nav-05 a:hover {background:url("site/img/menu.png") -473px -39px no-repeat; }
#nav-06 a:hover {background:url("site/img/menu.png") -596px -39px no-repeat; }

#nav-01-active {
left:0px;
width:113px;
height:39px;
background:url("site/img/menu.png") 0px -39px no-repeat;
}

#nav-02-active {
left:113px;
width:120px;
height:39px;
background:url("site/img/menu.png") -113px -39px no-repeat;
}

#nav-03-active {
left:233px;
width:120px;
height:39px;
background:url("site/img/menu.png") -233px -39px no-repeat;
}

#nav-04-active {
left:353px;
width:120px;
height:39px;
background:url("site/img/menu.png") -353px -39px no-repeat;
}

#nav-05-active {
left:473px;
width:123px;
height:39px;
background:url("site/img/menu.png") -473px -39px no-repeat;
}

#nav-06-active {
left:596px;
width:101px;
height:39px;
background:url("site/img/menu.png") -596px -39px no-repeat;
}


/*
HEADERS --------------------- */

	
#qsomos h1 { 
	background: transparent url(site/img/header_qsomos.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#qsomos h1 span {
	display:none
	}

#contactos h1 { 
	background: transparent url(site/img/header_contactos.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#contactos h1 span {
	display:none
	}


#imprensa h1 { 
	background: transparent url(site/img/header_imprensa.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#imprensa h1 span {
	display:none
	}

#catalogo h1 { 
	background: transparent url(site/img/header_catalogo.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#catalogo h1 span {
	display:none
	}


#formulario h1 { 
	background: transparent url(site/img/header_formulario.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#formulario h1 span {
	display:none
	}


#sabonetes h1 { 
	background: transparent url(site/img/header_sabonetes.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#sabonetes h1 span {
	display:none
	}
	
#mprimas h1 { 
	background: transparent url(site/img/header_materiasprimas.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#mprimas h1 span {
	display:none
	}

#packaging h1 { 
	background: transparent url(site/img/header_packaging.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#packaging h1 span {
	display:none
	}
	
#parceria h1 { 
	background: transparent url(site/img/header_parceria.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#parceria h1 span {
	display:none
	}

#informacoes h1 { 
	background: transparent url(site/img/header_informacoes.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#informacoes h1 span {
	display:none
	}

#caixas h1 { 
	background: transparent url(site/img/header_caixas.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#caixas h1 span {
	display:none
	}

#pvc h1 { 
	background: transparent url(site/img/header_pvc.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#pvc h1 span {
	display:none
	}

#sacos h1 { 
	background: transparent url(site/img/header_sacos.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#sacos h1 span {
	display:none
	}

#vidro h1 { 
	background: transparent url(site/img/header_vidro.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#vidro h1 span {
	display:none
	}
	

#encomendar h1 { 
	background: transparent url(site/img/header_encomendar.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#encomendar h1 span {
	display:none
	}
	
#recomendar h1 { 
	background: transparent url(site/img/header_recomendar.png) no-repeat top left; 
	width: 1000px; 
	height: 30px; 
	}
	
#recomendar h1 span {
	display:none
	}
	
/*
HOME --------------------- */

#main-box {
	float:left;
	width:899px;
	padding-left:45px;
	padding-right:56px;
	padding-top:17px;
}

#main-box-a {
	float:left;
	width:294px;
}

#main-box-b {
	float:left;
	width:311px;
}

#main-box-c {
	float:left;
	width:294px;
}


/*
QUEM SOMOS --------------------- */

#boxqsomos-1 {
	float:left;
	width:388px;
	padding-left:60px;
	padding-top: 25px;
}

#boxqsomos-2 {
	float:left;
	width:482px;
	text-align:justify;
	padding-right:70px;
	padding-top: 25px;
}


/*
CONTACTOS --------------------- */

#contactos {
	float:left;
	width:1000px;
}

#boxcontactos {
	float:left;
	width:906px;
	padding-left:48px;
	padding-right:45px;
	padding-top:30px;
}

#box-contactos {
	float:left;
	width:906px;
	background:url(site/img/bkg_contactos.png) no-repeat;
	height: 800px;
}

#box-contactos-a {
	float:left;
	width:840px;
	padding-left:30px;
	padding-right:20px;
	padding-top: 20px;
}


#boxcontactos-1 {
	float:left;
	width:503px;
	padding-top:20px;
	padding-left:28px;
	padding-right:20px;
}

#boxcontactos-2 {
	float:left;
	width:315px;
	padding-top:30px;
	padding-right: 40px;
}


/*
IMPRENSA --------------------- */


#imprensa-main {
	float:left;
	width:860px;
	padding-left:110px;
	padding-right:30px;
	padding-top:30px;
	text-align:left;
}

#boximprensa {
	float:left;
	width:860px;
	height: 370px;
	background:url(site/img/bkg_imprensa.png) no-repeat;
}

#boximprensa-1 {
	float:left;
	width:300px;
	padding-left:60px;
	padding-top:30px;
}

#boximprensa-2 {
	float:left;
	width:460px;
	padding-right:10px;
	padding-top:30px;
	padding-left: 15px;
}

#boximprensa-ampliar {
	float:left;
	width:80px;
	height:22px;
	padding-left:50px;
}


#boximprensa-download {
	float:left;
	width:72px;
	height:22px;
}

.main-slider-press {
	width:369px;
	/*padding-left:17px;
	padding-right:17px;*/
	}
	
.foto-slider-press {
	width:339px;
	height:328px;
	background:url(site/img/bkg_box_imprensa.png) no-repeat;
	padding:15px;
	}
	
.text-slider-press {
	width:320px;
	height:68px;
	background: url(site/img/bkg_bottom_press.png) no-repeat;
	margin-left:4px;
	margin-right:4px;
	padding-left:22px;
	padding-right:22px;
	padding-top:18px;
	}
	
.title-coleccoes-press {
	font-size:17px;
	color:#33CCFF;
	}
	
.title-nome-press {
	font-size:15px;
	color:#333;
	}

/*
CATALOGO --------------------- */

#boxcatalogo {
	float:left;
	width:899px;
	padding-left:45px;
	padding-right:56px;
	padding-top: 25px;
}

#boxcatalogo-1 {
	float:left;
	width:294px;
}

#boxcatalogo-2 {
	float:left;
	width:310px;
}

#boxcatalogo-3 {
	float:left;
	width:295px;
}

#box-info {
	float:left;
	width:72px;
	height:22px;
	padding-left:24px;
	padding-right:8px;
}

#box-recomendar {
	float:left;
	width:72px;
	height:22px;
	padding-right:8px;
}


#box-encomendar {
	float:left;
	width:72px;
	height:22px;
}

#btn-tabela {
	float:left;
	width:72px;
	height:22px;
	padding-left:25px;
}


/*
FORM --------------------- */

	
#valida {
	text-align:center;
	width:906px;
	height:210px;
	background:url(site/img/bkg_valida.png) no-repeat;
	}

#boxvalida {
	float:left;
	width:906px;
	padding-left:48px;
	padding-right:45px;
	padding-top:30px;
}

#txtvalida {
	float:left;
	padding-left:48px;
	padding-right:45px;
	padding-top:80px;
	width: 815px;
}


/*
PARCEIRO --------------------- */

	
#box-parceiro {
	float:left;
	width:906px;
	padding-left:48px;
	padding-right:45px;
	padding-top:30px;
}

#box-parceiro-valida {
	width:780px;
	height:700px;
	margin:0 auto;
	float:left;
	padding-left: 150px;
	padding-top:15px;
	background:url(site/img/bkg_parceiro.png) no-repeat;
}

/*
INFORMACOES --------------------- */
	
#box-informacoes {
	float:left;
	width:906px;
	padding-left:48px;
	padding-right:45px;
	padding-top:30px;
}

#box-informacoes-valida {
	width:780px;
	height:700px;
	margin:0 auto;
	float:left;
	padding-left: 150px;
	padding-top:15px;
	background:url(site/img/bkg_informacoes.png) no-repeat;
}


/* Copyright */

#navigation .copyright { 
position: absolute;
top: 800px;
left: 0px;
width: 27px;
height: 28px;
background: url(site/img/copyright.png) no-repeat 0px 0px; 
}

#navigation .copyright a { 
position: absolute;
top: 0px;
left: 0px;
width: 27px;
height: 28px;
background: url(site/img/copyright.png) no-repeat -100px 0px;
}

#navigation .copyright a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 27px;
height: 28px;
background: url(site/img/copyright.png) no-repeat 0px 0px; 
}

#navigation .copyright a span{
display:none;
}

#navigation .copyright span{
display:none;
}


/*
ESSENCIAS --------------------- */

#container-essencias {	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:772px;	
	margin-bottom:6em;
	margin-top:10px;
	}	

#content-essencias {
	position:relative;
	}


/*
CORANTES --------------------- */

#container-corantes {	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:772px;	
	margin-bottom:6em;
	margin-top:10px;
	}	

#content-corantes {
	position:relative;
	}


/*
SABONETES --------------------- */

#container-sabonetes {	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:772px;	
	margin-bottom:6em;
	margin-top:10px;
	}	

#content-sabonetes {
	position:relative;
	}



/*
MISC --------------------- */

.txtBlue {
	font-size:14px;
	color:#33CCFF;
	}


.txtRose {
	color:#C0074E;
	font-weight:bold;
	}


.txtCinza {
	font-size:12px;
	color:#333;
	font-weight:bold;
	}
	
	
/* ----------------------------*/
/* CUSTOM CLASSES */
/* ----------------------------*/

#btn-voltar {
	float:left;
	padding-left:690px;
	width: 60px;
	height:20px;
	margin-top:10px;
}


.cpobrigatorio {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#ff0000;
}

#cxcopyright {
position: absolute;
top: 650px;
left: 0px;
}


/* ByNet */

#navigation .bynet { 
position: absolute;
top: 0px;
left: 0px;
width: 28px;
height: 27px;
background: url(site/img/copyright.png) no-repeat 0px 0px; 
}

#navigation .bynet a { 
position: absolute;
top: 0px;
left: 0px;
width: 260px;
height: 27px;
background: url(site/img/copyright_over.png) no-repeat -260px 0px;
}

#navigation .bynet a:hover { 
position: absolute;
top: 0px;
left: 0px;
width: 260px;
height: 27px;
background: url(site/img/copyright_over.png) no-repeat 0px 0px; 
}

#navigation .bynet a span{
display:none;
}