html {
 overflow: hidden;
 height:100%;
}

body {
text-align:left;
color:#FFF;
font-size:14px;
font-family:Arial,georgia, 'time new roman', serif;
margin:0 auto;
padding:0;
background:url(images/bg.jpg) bottom left repeat-x #40BED4;
height:100%;
}


a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-size: 16px;
letter-spacing: -1px;
}

a:visited {
color: #ffffff;
padding: 0 5px;
}

a:hover {
color: ffffff;
}

h1 {
border: none;
}

h2 {
font-size: 24px;
color:#444444;
font-weight: 400;
}

h3 {
font-size:14px;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
}

p {

}

img {
border:none;
}

#header {
width: 360px;
float: left;
margin: 0 15px 0 0;
padding: 0;
}

#menu {
background:url(images/clouds.png) top left;
position: fixed;
width:100%;
height:235px;
top: 0px;
clear: both;
float: left;
margin: 0;
margin-top:20px;
z-index: 500;
font-family: 'Pacifico',arial;
}

#menu ul{
list-style-type: none;
margin:auto;
padding: 0;
width:980px;
}

#menu ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 18px 0 14px;
}

#menu ul li a{
text-decoration: none;
list-style-type: none;
color: #F8D651;
display: inline;
margin: 0;
padding: 0;
text-shadow: #216F74 1px 1px 0px;
font-size: 24px;
}

#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #FFF;
display: inline;
margin: 0;
padding: 0;
}

#container {
position: absolute;
width: 6000px;
margin: 0;
padding: 0;
qqborder:1px solid green;
height:100%;

}

#subcon {
overflow:hidden;
qqborder:1px solid red;
width:8000px;
position:absolute;;
bottom:0px;
}

.box {
width: 980px;
float:left;
line-height: 22px;
margin:0px;
height:500px;
overflow:hidden;
qqborder:1px solid yellow;
}

.innerbox {
    height: 100%;
    margin: auto;
    overflow: hidden;
    width: 960px;
		
	padding: 10px;
}

.box a {
line-height:0px;
}



.box p {
padding: 0 0 10px;
margin: 20px 0 10px 0;
}

#box1  {
background:url(images/box1.png) bottom center no-repeat;
}

#box2 {
background:url(images/box2.png) bottom center no-repeat;
}

#box3 {
background:url(images/box3.png) bottom center no-repeat;
}

#box4  {
background:url(images/box4.png) bottom center no-repeat;
}

#box5  {
background:url(images/box5.png) bottom center no-repeat;
}

#box6  {
background:url(images/box6.png) bottom center no-repeat;
}

#box7  {
background:url(images/box7.png) bottom center no-repeat;
}

.player {
position:relative;
top: 140px;
right: -175px;
float:right;
}

.anim {
position:relative;
top: 143px;
left: 633px;
}

.conf {
width:380px;
float:right;
overflow:hidden;
position:relative;
top:10px;
z-index:600;
}

.conf .campo {
width:300px;
background:#FFFF00;
border:none;
padding:5px;
}

.conf textarea {
width:290px;
background:#FFFF00;
border:none;
padding:10px;
font-family: helvetica,arial;
font-size:12px;
}

.popup .conf h3 {
background: #216F74;
}

.submit {
background:#D8624D;
padding:5px;
color:#FFF;
border:none;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
cursor:pointer;
}

.conf br {
line-height:10px;
}

.popup {
padding:20px;
}

.popup .conf {
	top:0px !important;
	width:320px;
	float:left;
	
}

.recomendar {
display:block;
float:left;
background:url(images/recomendar.png) top left no-repeat;
text-indent:-9999px;
width:187px;
height:71px;
position:relative;
left:85px;
top:358px;
}

.descargar {
display:block;
float:right;
background:url(images/descargar.png) top left no-repeat;
text-indent:-9999px;
width:187px;
height:71px;
position:relative;
right:90px;
top:52px;
z-index:700;
}

.fotosmatri {
position:relative;
top:150px;
width:340px;
left:450px;
height:267px;
display:block;
background:none;
text-indent:-9999px;
}


.youtubeVideo
{
	margin-top: 100px;
	margin-left: 50px;
}

.animacao
{
	position:relative;
	top: -115px;
	right: -114px;
}
.innercontent
{
	padding-top: 40px;
	padding-left: 10px;
}
.innercontent2
{
	width:340px;
	font-size:13px;
}
.innercontentFloat
{
	float: left;
	position: absolute;
}
.linkNormal
{
	padding: 0px !important;
	letter-spacing: 0px !important;
	line-height: normal !important;
	text-decoration: underline;
}
.gmap3
{
	border: 1px dashed #333333;
	float:right;
	margin-top:-160px;
	margin-right:0px;
	width: 530px;	
	height: 320px;
	display:none;
}
.presente
{
	position: absolute;
	margin-left: 450px;
	margin-top: 60px;
	font-weight: bold;
       background-color: #fff;
       opacity: 0.8;
       filter: alpha(opacity=40);
       color: #000;
       padding: 5px;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;

}
.saldo
{
	display: none;
	float: left;
	top: 0px;
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	border-radius:         6px;
       position:absolute;
}