@charset "utf-8";

body{ margin:0px; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b8b8b8; }
a { color:#ffffff; text-decoration:none; outline:none; }
a img{ border:none;	text-decoration:none; outline:none; }
a:hover { text-decoration:underline; outline:none; }
.clear { clear:both;}

@font-face { font-family: helveticaLT; src: local("Helvetica LT Light.ttf"), url(fonts/"helvetica_lt_light.ttf");}
@font-face { font-family: helveticaLT; src: local("Helvetica LT Light.eot"), url(fonts/"helvetica_lt_light.eot");}

#DivMaster{	position:absolute; width:100%; background:#ffffff; }

#DivContent{
	position:relative;
	width:990px;
	height:3100px;
	background: url(images/bg-quadrado.jpg);
	margin:0 auto;
}

#topo {
	position: relative;
	float: left;
	width: 990px;
	height: 408px;
	clear: both;
}

.casa {
	position: relative;
	float: left;
	width: 506px;
	height: 408px;
	margin: 0px;
	padding: 0px;	
}

.textotopo {
	position: relative;
	float: left;
	width: 482px;
	height: 314px;
	background: url(images/topo-texto.png) center no-repeat;
	margin: 0px;
	padding: 0px;
}

#logo {
	position: relative;
	float: left;
	width: 482px;
	height: 94px;
}

#logo h2{
	margin: 0px;
	padding: 0px;
}

#logo img {
	outline: none;
	margin-left: 50px;
}

#video {
	position: relative;
	clear: both;
	float: left;
	width: 459px;
	height: 505px;
	margin: 0px;
	padding: 0px;
}

.titulo1 {
	color: #4a4949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	margin: 0px;
	padding: 29px 0px 0px 100px;
}

#player {
	position: relative;
	float: left;
	margin: 0px;;
	padding: 55px 0px 0px 11px;
	width: 430px;
	height: 252px;
}

#player p {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	font-size: 14px;
	color: #203090;
	font-weight: bold;
	margin: 7px 5px 5px 10px;
	padding: 15px;
}

#Definicao {
	position: relative;
	float: left;
	width: 531px;
	height: 495px;
	margin: 0px;
	padding: 0px;
}

.titulo2 {
	position:relative;
	float: left;
	color: #4a4949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	margin: 0px;
	padding: 29px 0px 0px 190px;
}

.durex {
	position: relative;
	float: none;
	background: url(images/durex.png) no-repeat;
	width: 520px;
	height: 405px;
	margin: 100px 0px 0px 5px;
}

.content {
	position: relative;
	float: left;
	width: 420px;
	height: 305px;
	margin: 40px 0px 0px 10px;
	padding: 10px 0px 0px 35px;
	text-align: justify;
	font-family: "helveticaLT", helvetica, arial, verdana, sans-serif;
	color: #203090;
	font-size: 17px;
}
	
#Caracteristicas {
	position: relative;
	clear: both;
	float: left;
	width: 495px;
	height: 452px;
	margin: 0px;
	padding: 0px;
}

.titulo3 {
	position:relative;
	float: left;
	color: #4a4949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	margin: 0px;
	padding: 15px 0px 0px 76px;
}

.caract {
	position: relative;
	float: left;
	width: 420px;
	height: 305px;
	margin: 40px 0px 0px 10px;
	padding: 10px 0px 0px 35px;
	text-align: justify;
	font-family: "helveticaLT", helvetica, arial, verdana, sans-serif;
	color: #203090;
	font-size: 15px;
	list-style: none;
}

#down {
	position: relative;
	float: right;
	width: 465px;
	height: 505px;
	margin: 0px;
	padding: 0px;
}

#down img {
	outline: none;
	position: relative;
	float: left;
	margin: 104px 0px 0px 60px;
}

#usadopor {
	position: relative;
	clear: both;
	float: left;
	width: 509px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	*margin: 50px 0px 0px 0px;
}

.titulo4 {
	position:relative;
	clear: both;
	float: left;
	color: #4a4949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	padding: 0px;
	margin: 19px 0px 0px 32px;
	_margin: 0px 0px 0px 16px;
}

#boticario { width: 200px; height: 100px; margin: 40px 0px 45px 25px; _margin: 25px 0px 0px 14px; position: relative; float: left;}
#boticario div span { display: none; padding: 7px; background: #fff; position: absolute; left: 100%; top: 0; width: 263px; heigth: 131px; font-size: 14px; color: #000; border: 1px solid #666;}
#boticario div:hover span { display: block; }

#rudnick { width: 200px; height: 100px; margin: 0px 0px 0px 25px; _margin: 25px 0px 0px 25px; position: relative; clear: both;}
#rudnick div span { display: none; padding: 7px; background: #fff; position: absolute; left: 100%; top: 0; width: 263px; heigth: 131px; font-size: 14px; color: #000; border: 1px solid #666; z-index: 1;}
#rudnick div:hover span { display: block; }

#bergamo { width: 200px; height: 100px; margin: 20px 0px 0px 25px; _margin: 25px 0px 0px 25px; position: relative; clear: both;}
#bergamo div span { display: none; padding: 7px; background: #fff; position: absolute; left: 100%; top: 0; width: 263px; heigth: 131px; font-size: 14px; color: #000; border: 1px solid #666;}
#bergamo div:hover span { display: block; }

#bertolini { width: 200px; height: 100px; margin: 20px 0px 0px 25px; _margin: 25px 0px 0px 25px; position: relative; clear: both;}
#bertolini div span { display: none; padding: 7px; background: #fff; position: absolute; left: 100%; top: 0; width: 263px; heigth: 131px; font-size: 14px; color: #000; border: 1px solid #666;}
#bertolini div:hover span { display: block; }

#depoimentos {
	position: relative;
	float: right;
	width: 481px;
	height: 550px;
	*margin-top: 15px;
}

.titulo5 {
	position:relative;
	float: left;
	color: #4a4949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	padding: 0px;
	margin: 15px 0px 0px 150px;
	_margin: 35px 0px 0px 70px;
}

.homem-depo { position: relative; float: left; width: 164px; heigth: 152px;	margin-left: 7px; margin-top: 65px;	_margin-top: 60px; }
#content-depo {	position: relative;	float: left; width: 250px; height: 200px; margin: 27px 0px 0px 25px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.box-fala {	position: relative; float: none; background: url(images/box-fala.png) no-repeat; width: 100%; height: 100%; margin: 1px; }
.texto-depo { position: relative; float: left; width: 232px; height: 100px; color: #4a4949;	margin: 15px 0px 0px 5px; _margin: 15px 0px 0px 2px; text-align: center;}
.negrito { font-weight: bold; font-size: 16px; }
.who { position: relative; float: left;	margin: 44px 0px 0px 0px; _margin: 38px 0px 0px 0px; font-size: 14px; color: #4a4949; font-family: Arial, Helvetica, sans-serif;	font-weight: bolder; }

#content-depo2 { position: relative; float: left; width: 250px; height: 200px; margin: 27px 0px 0px 25px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

/*estilos do slideshow*/

#DivSlideShow {
	position: relative;
	clear: both;
	float: left;
	padding: 0px;
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 15px;
}

#slideshow {list-style:none; color:#fff; position: relative; float: left;}
#slideshow span {display:none;}
#wrapper {width:605px; height: 455px; margin:50px auto; display:none;  _margin:40px 0px 0px 0px; _padding:0;} 
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height: 450px; padding:2px; border: 5px solid #d8eef1;/*borda verde*/ background:#274244}
#information {position:absolute; bottom:0; width:602px; height:0; background:#1d3234/*cor da faixa*/; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:10%/*distancia do mouse pro botão*/; height:450px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.png) left center no-repeat}
#imgnext {right:0; background:url(images/right.png) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.png) center center no-repeat; background-color:#1d3234;} /*cor botao thumb*/
#slideleft:hover {background-color:#2a4143}
#slideright {float: right; width:20px; height:81px; background:#1d3234 url(images/scroll-right.png) center center no-repeat}
#slideright:hover {background-color:#2a4143}
#slidearea {float:left; position:relative; width:560px/*tamanho da faixa thumbs*/; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*fim dos estilos do slideshow*/

#boxslide {
	position: relative;
	float: right;
	width: 310px;
	height: 120px;
	background: #fff;
	border: 1px solid #274244;
	margin-right: 20px;
	_margin-right: 10px;
	margin-top: 200px;
}

#boxslide p {
	padding:8px;
	float: none;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}


#caixa {
	position: relative;
	clear: both;
	float: left;
	width: 545px;
	height: 380px;
}

#caixa img { position:relative; float:left; margin-left: 35px; margin-top: 87px; width: 187px; height: 228px;}
#caixa p {
	position: relative; 
	float: left; 
	margin-top:130px;
	margin-left: 5px;
	color: #343435;
	width: 300px;
	height: 220px;
}

.sizeparcelamento {	font-size: 38px; }
.sizejuros { font-size: 24px; }
.sizepreco { font-size: 73px; }
.sizecartao { font-size: 27px; margin: 0px 0px 0px 184px;}

#compreagora {
	position: relative;
	margin-top: 35px;
	float: right;
	margin-right: 25px;
}

#compreagora img {
	width: 377px;
	height: 336px;
}


#footer {
	position: relative;
	clear: both;
	float: left;
	width: 990px;
	height: 184px;
	background: url(images/footer.png);
}

#footer img {
	position: relative;
	float: left;
	margin: 13px 0px 0px 65px;
}

#footer p, h1{
	position: relative;
	float: left;
	width: 614px;
	text-align: center;
	color: #c3c3c3;
	margin: 12px 0px 0px 49px;
}
#footer h1{ font-size: 31px;}
#footer p{ font-size: 16px;}

#menufooter {
	position: relative;
	clear: both;
	float: left;
	margin-top: 16px;
}

.footerUL {
	position: relative;
	float: left;
	list-style: none;
	width: 990px;
	margin: 0px;
	padding: 0px;
}

.footerLI {	display: inline; margin: 0px 5px 0px 25px;}
.footerLIf {display: inline;margin: 0px 5px 0px 25px;}
.footerUL a {color: #c3c3c3;}

.copyright { display: inline; margin: 0px 5px 0px 300px; color: #c3c3c3;}