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

@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;
}

*{ border: 0; padding: 0; margin: 0; }

#container-geral{ width: 100%; }
.container{ width: 680px; margin: 0 auto; }
.dock-station,
.show-de-qualidade,
.dock-station-2,
.design-e-tecnologia,
.tampa-superior,
.som-rico,
.dock-station-3,
.graves-profundos,
.mais-diversao,
.personalize-musicas,
.galeria,
.conteudo-embalagem,
.botoes{ position: relative; }

h1{ position: absolute; top: 16px; left: 20px; font-family: GillSansStdLightRegular; font-size: 41.67px; font-weight: lighter !important; }
h1 span{  font-family: GillSansMT; }
h2{ position: absolute; font-family: GillSansStdLightRegular; top: 68px; left: 22px; font-size: 25px; color: #888888; font-weight: lighter !important;}
p{ position: absolute; top: 20px; }

.show-de-qualidade p{ font-family: Arial; font-size: 15px; color: #c4dfef; top: 99px; left: 36px; }

.design-e-tecnologia p{ font-family: Arial; font-size: 15px; color: #888888; top: 122px; right: 66px;  }

.tampa-superior p{ font-family: GillSansStdLightRegular; font-size: 18.83px; color: #feffff; font-weight: normal !important; text-transform: uppercase; top: 31px; left: 38px; line-height: 25px; }

.som-rico p{ font-family: Arial; font-size: 15px; color: #888888; top: 150px;  right: 74px; }

.graves-profundos p.controle{ font-family: GillSansStdLightRegular; font-size: 16.29px; text-transform: uppercase; color: #ffffff; right: 25px; top: 5px; }
.graves-profundos p.controle span{ font-family: GillSansMT; text-transform: uppercase; font-size: 18.29px; }

.graves-profundos p.sistema{ font-family: Arial; color: #888888; font-size: 15px; top: 130px; left: 35px; }

.mais-diversao p{ font-family: GillSansStdLightRegular; font-size: 19.88px; color: #ffffff; text-transform: uppercase; top: 260px; left: 35px; }

.personalize-musicas p{ font-family: Arial; color: #888888; font-size: 15px; top: 102px; left: 32px; }

.galeria{ background: url(../images/fundo-galeria.jpg) no-repeat; height: 348px; }
.dimensoes{ float: left; margin: 15px 0 0 25px; }
.dimensoes h3{ position: absolute; font-family: 'GIllSansStdLightRegular'; font-size: 17px; font-weight: lighter !important; text-transform: uppercase; color: #fff; top: 25px; left: 51px; }

#galeria_fotos {
	float:left;
	width:317px;
	height:286px;
	background:url(../images/bg-fotos.jpg) no-repeat;
	margin:15px 0 0 0;
}
#galeria_fotos h3{ height: 40px; position: absolute; font-family: 'GIllSansStdLightRegular'; font-size: 17px; font-weight: lighter !important; text-transform: uppercase; color: #fff; top: 25px; left: 368px; }
#galeria {
	float:left;
	width:295px;
	height:165px;
	margin:48px 0 0 10px;
	z-index: 1;
}
#nav {float:left; list-style:none; margin:5px 0 0 10px;}
#nav li {display:inline; margin-right:1px;}

.lupa{ width: 43px; height: 41px; right: 0; position: absolute; right: 35px; z-index: 2; top: 63px; }

.conteudo-embalagem{ background: url(../images/conteudo-embalagem.jpg) no-repeat; height: 231px; }
.conteudo-embalagem h3{ font-family: 'GillSansStdLightRegular'; font-size: 20px; color: #000000; text-transform: uppercase; font-weight: lighter !important; position: absolute;	left: 38px; }
.conteudo-embalagem ul{ position: absolute; top: 50px; left: 57px; }
.conteudo-embalagem ul li{ font-family: Arial; font-size: 14px; color: #000; padding-left: 25px; margin-bottom: 7px; }

.botoes{ position: absolute; top: 150px; left: 25px; }
.botoes a{ float: left; width: 152px; height: 32px; text-align: center; text-decoration: none; color: #fff; font-family: 'GillSansStdLightRegular'; font-size: 14px; text-transform: uppercase; }
.botoes a:hover{ text-decoration: underline; }
.botoes a span{ display: block; padding-top: 7px; }
.baixar{ background: url(../images/botoes.jpg) no-repeat top left; margin-right: 15px; }
.imprimir{ background: url(../images/botoes.jpg) no-repeat bottom left; }