@charset "UTF-8";
/* CSS Document */

*{ border: 0; padding: 0; margin: 0; }
ul{list-style-type: none;}
h1, h2{ font-weight: normal; }
h2{ position: absolute; top: 0; }
p{ position: absolute; top: 0; }
span{ position: absolute; top: 10px; }

@font-face {
    font-family: 'GillSansStdLightRegular';
    src: url('../fonts/gillsansstd-light-webfont.eot');
    src: url('../fonts/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),
			url('../fonts/gillsansstd-light-webfont.woff') format('woff'),
         url('../fonts/gillsansstd-light-webfont.ttf') format('truetype'),
		 url('../fonts/gillsansstd-light-webfont.svg#GillSansStdLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GillSansMT';
    src: url('../fonts/gil_____.eot');
    src: url('../fonts/gil_____.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gil_____.woff') format('woff'),
         url('../fonts/gil_____.ttf') format('truetype'),
		 url('../fonts/gil_____.svg#gil_____') format('svg');
    font-weight: normal;
    font-style: normal;
}

#container-geral{ width: 100%; }
.conteudo{ width: 680px; margin: 0 auto; }

.salon, .cabelos, .mais-estilo, .inovacao, .resultados, .brilho, .aquecimento, .praticidade, .frizz, .cabo, .tabela-comparativa, .tabela, .box-galeria, .conteudo-embalagem, .rodape{ position: relative; }

.cabelos h2{ font: 27px 'GillSansStdLightRegular', Arial ; color: #6c270c; right: 62px; top: -16px; }
.inovacao p.texto1{ font: 23px 'GillSansStdLightRegular', Arial ; color: #fff; top: 29px; left: 26px; }
.inovacao p.texto2{ font: 18px 'GillSansMT', Arial; color: #6c270c; text-align: center; line-height: 19px; top: 81px; left: 37px; }
.resultados p{ font: 17px 'GillSansMT', Arial; color :#fff; left: 241px; top: 86px; }
.brilho p{ font: 17px 'GillSansMT', Arial; color: #6c270c; top: 73px; left: 42px; }
.aquecimento span{ font: 23px 'GillSansMT', Arial; color: #fff; display: block; padding-top: 5px; padding-left: 215px; } 
.aquecimento p{ font:20px 'GillSansStdLightRegular', Arial; color :#fff; top: 45px; left: 215px; line-height: 20px; } 
.praticidade p{ color: #fff; font-family: 'GillSansMT'; font-size: 24px; right: 175px; top: 15px; }
.frizz p{ font: 17px 'GillSansMT', Arial; color: #6c270c; right: 83px; top: 100px; }
.cabo span{ font: 23px 'GillSansMT', Arial; color: #fff; top: 12px; left: 20px; }
.cabo p{ font: 21px 'GillSansStdLightRegular', Arial; color: #fff; top: 40px; left: 20px; }
.tabela-comparativa p{ color: #a88028; font-family: 'GillSansMT'; font-size: 16px; right: 40px; top: 45px; }




.box-galeria{ background: url(../images/bg-galeria.jpg) no-repeat; height: 332px; }

.conteudo-embalagem{ float: left; margin-left: 77px; }
.conteudo-embalagem ul{ position: absolute; top: 100px; left: 0; }
.conteudo-embalagem ul li{ font-size: 14px; font-family: 'GillSansStdLightRegular'; color: #6c270c; margin-bottom: 16px;}
.conteudo-embalagem h3{ color: #6c270c; font: 26px "GillSansStdLightRegular", Arial; text-transform: uppercase; padding-top: 5px;}
.rodape{ background: url(../images/rodape.jpg) no-repeat; height: 51px;  }
.rodape a{ color: #fff; float: left; text-decoration: none; font-family: 'GillSansStdLightRegular'; text-transform: uppercase; height: 36px; font-size: 18px; padding-top: 12px; }
.baixar{ background: url(../images/buttons.png) no-repeat 20px 13px; padding-top: 15px; padding-left: 60px; }
.imprimir{ background: url(../images/buttons.png) no-repeat 18px -36px; padding-left: 64px; width: 275px; padding-top: 12px; }
.imprimir:hover{ text-decoration: underline; }
.baixar:hover{ text-decoration: underline; }


/*Galeria*/
.relative{position:relative}


.galeria-fotos{ height: 453px; float: left; padding-left: 20px; }


#galeria{
	float:left;
	width:329px;
	margin-left: 10px;	
}
#fotos{
	position:relative;
}
.galeria-fotos{ height: 271px;}
.galeria-fotos h3{ font: 26px "GillSansStdLightRegular", Arial; color: #a88028; padding: 7px 0; width: 316px; top: 45px; text-transform: uppercase; }
.galeria-fotos #galeria{  width: 316px; position: relative; top: 3px; left: -18px;}
.galeria-fotos #galeria #content{ height: 237px; }