body,
footer{
	background:url('/img/bgTopo.gif') repeat;
	font-size: 14px;
	font-family: "Arial";
	line-height: 1.6em;
	margin: auto;
}

#top h1{
	bottom: 275px;
	position: absolute;
	right: 153px;
}

.laquo:before{
	content:' \00ab';
	display:block;
	left:5px;
	position:absolute;
}
#top{
	background:none;
	color:#fff;
	height:535px;
	top:0;
	width: 100%;
}
.wrap{
	height:100%;
	margin:35px auto;
	position:relative;
	width:1000px;
}
#top .return{
	background-color:#333;
	background-color:rgba(0,0,0,0.3);
	border-radius:2px;
	color:#aaa;
	font-size:11px;
	padding:1px 4px 1px 15px;
	position:absolute;
	text-decoration:none;
	top:-11px;
	z-index: 999;
}
#top .logo{
	margin-top:45px;
	position: relative;
	top: -40px;
	z-index: 2;
}
#top .slogan{
	left: 10px;
	padding-left: 10px;
	position: relative;
	top: -63px;
}
#top .screen{
	bottom: 121px;
	left: -115px;
	position: relative;
}
.wrap .btn{
	background:#01A6BC;
	background-color: #01A6BC;
	background-image: -moz-linear-gradient(100% 100% 90deg,#008EA1, #01A6BC, #01A6BC 100%);
	background-image: -webkit-gradient(linear,0% 50%, 0% 100%,from(#01A6BC),to(#008EA1));
	border-radius:5px;
	box-shadow: 0 0px 50px rgba(255, 255, 255, 0.4);
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:10px 77px;
	progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC', endColorstr='#008EA1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC', endColorstr='#008ea1')";
	text-transform:uppercase;
}
.wrap .btn:active{
	background-color: #0099b1;
	background-image: -moz-linear-gradient(100% 100% 90deg,#01A6BC,#01A6BC,#0099b1 100%);
	background-image: -webkit-gradient(linear,0% 50%,0% 100%,from(#0099b1),to(#01A6BC));
	progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0099b1',endColorstr='#01A6BC');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0099b1',endColorstr='#01A6BC')";
}
.wrap .btn:hover{
	background-color: #0099b1;
	background-image: -moz-linear-gradient(100% 100% 90deg,#0099b1,#01A6BC,#01A6BC 100%);
	background-image: -webkit-gradient(linear,0% 50%,0% 100%,from(#01A6BC),to(#0099b1));
	progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC',endColorstr='#0099b1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC',endColorstr='#0099b1')";
}
.wrap i{
	font-style: normal;
}

a.signup {
	color:#0AC;
	font-weight:bold;
}
a.signup:hover { text-decoration:underline }
a.signup:after {
	content:"u";
	display:block;
	font-family:'VagalumeMy';
	height:18px;
	position:absolute;
	right:-18px;
	top:0;
	width:13px;
	-webkit-font-smoothing:antialiased;
}
#top .btn{
	bottom: 90px;
	position: absolute;
	right: 42px;
	z-index: 99999;
}
#top i{
	color: #9c9c9c;
	bottom: 57px;
	position: absolute;
	right: 125px;
}

#top .textHome {
	bottom: 200px;
	color: #9C9C9C;
	position: absolute;
	right: 44px;
	width: 290px;
}

footer .btn{
	display:inline-block;
	margin-top: 40px;
}
footer i{
	color:#fff;
	position:relative;
	right: 6px;
	top:10px;
}
footer i a:after{
	top:-2px!important;
}
#content{
	background-color:#FFF;
	box-shadow: inset 0px 25px 93px rgba(0, 0, 0, 0.5);
	padding:40px 0 0 0;
	position:relative;
	width:100%;
}
#content div{
	margin: auto;
	width: 1000px;
}
#content ul{
	height: 250px;
	margin-top: 100px;
}
#content li{
	float:left;
	height:185px;
	list-style:none;
	margin:0 32px 32px 0;
	position:relative;
	width:312px;
}
#content li:nth-child(3n){
	margin-right:0;
}
#content li span{
	background:#6BAEFF;
	border-radius:40px;
	color:#FFF;
	display:block;
	height:57px;
	left:50%;
	margin-left:-35px;
	position:relative;
	width:57px;
}
#content li span:after{
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(3,3,3,0.5) 100%);
	background-image: -moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,0.5),rgba(3,3,3,0.5) 100%);
	border-radius:40px;
	box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.5);
	content:"";
	display:inline-block;
	height:-1px;
	left:18px;
	position:relative;
	top:43px;
	width:20px;
}
#content span.color2{
	background:#FFB86C;
}
#content span.color3{
	background:#8D9BB5;
}
#content span.color4{
	background:#71BC81;
}
#content span.color5{
	background:#FF6B6B;
}
#content span.color6{
	background:#A78FA5;
}
#content span:before{
	content: attr(data-icon);
	display: block;
	font-size: 30px;
	font-family: 'VagalumeMy';
	left:13px;
	line-height: 26px;
	position:absolute;
	speak: none;
	text-transform: none;
	top:15px;
	-webkit-font-smoothing: antialiased;
}
#content span.more:before{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
#content span.color5:before{
	left:15px;
}
#content hr.first{
	border-top: 1px solid #DDD;
	margin:5px 0 0 0;
}
#content li p{
	text-align: center;
	padding:10px;
}
#content p b{
	display: block;
	font-size: 16px;
	position: relative;
}
#content .news  span{
	border-top: 5px solid #DDD;
	display: block;
	font-size:28px;
	margin: auto;
	padding-top:10px;
	position: relative;
	text-align: center;
	width: 405px;
}
#content .news p{
	padding-top:40px;
}
#content .news img{
	float:right;
	padding:0 0 40px 32px;
}
#content .news > hr{
	border-top: 1px solid #DDD;
}
footer{
	background-color:#ccc;
	height:152px;
}
footer .wrap{text-align:center}


/*  ANIMATION */


.meuVag-image {
	background: url("/img/sprite-homeT.png") no-repeat;
	max-width: none;
	position: absolute;
	z-index: 1;
}
.meuVag {
	width: 910px; 
	height: 535px;
}
.meuVag-note  { 
	background-position: 0 0;
	height: 400px;
	width: 770px;
} 

.meuVag-player{
	background-position: 0 -489px;
	height: 162px;
	width: 200px;
}

.meuVag-shadow{
	background-position: -271px -489px;
	height: 162px;
	width: 200px;
}
.meuVag-buttonPlay{
	background-position: -506px -449px;
	height: 201px;
	width: 319px;
}
.meuVag-image {
	z-index: 9999;
}
.meuVag > .meuVag-player {
	left: 265px;
	top: 360px;
	-webkit-animation: anim-player 1.3s ease;
	animation: anim-player 1.3s ease;
	-webkit-transition: all 350ms;
	transition: all 350ms;
}
.meuVag:hover > .meuVag-player { 
	-webkit-transform: translate(50px, -30px); 
	-webkit-transition: all 350ms; 
	transform: translate(50px, -30px); 
	transition: all 350ms; 
	animation: anim-player 1.3s ease;
}

.meuVag > .meuVag-buttonPlay {
	left: 266px;
	top: 254px;
	-webkit-animation: anim-buttonPlay 1.3s ease;
	animation: anim-buttonPlay 1.3s ease;
	-webkit-transition: all 350ms;
	transition: all 350ms;
}
.meuVag:hover > .meuVag-buttonPlay{
	-webkit-transform: translate(64px, -50px);
	-webkit-transition: all 350ms; 
	transform: translate(64px, -50px); 
	transition: all 350ms; 
	animation: anim-buttonPlay 1.3s ease;
}

.meuVag > .meuVag-shadow{
	left: 250px;
	top: 375px;
	opacity: 0.4;
	-webkit-animation: anim-shadow 1.3s ease;
	animation: anim-shadow 1.3s ease;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
.meuVag:hover > .meuVag-shadow{
	opacity: 0.2;
	-webkit-transition: all 300ms; ; 
	transition: all 300ms; 
	animation: anim-shadow 1.3s ease;
}

.shadowWhite {
	background: #777;
	border-radius: 360px;
	box-shadow: 0px -80px 200px 110px #777;
	height: 250px;
	left: 110px;
	position: absolute;
	top: 325px;
	width: 250px;
	z-index: 1;
}

#r7-header-main {
      position: relative !important;
}

/* Animation for Webkit */

@-webkit-keyframes anim-player {	
      0% { -webkit-transform: translateY(-220px); opacity: 0; }
     50% { -webkit-transform: translateY(8px);   opacity: 1; }
     100% { -webkit-transform: translateY(0);  }
}

@-webkit-keyframes anim-shadow {	
      0% { opacity: 0; }
     33% { opacity: 0.1; }
    100% { opacity: 0.4; }
}

@-webkit-keyframes anim-buttonPlay {	
      0% { -webkit-transform: translateY(-190px); opacity: 0; }
     50% { -webkit-transform: translateY(8px);   opacity: 1; }
    100% { -webkit-transform: translateY(0);}
}

/* Animation for standards */

@keyframes anim-player {	
      0% { transform: translateY(-220px); opacity: 0; }
     50% { transform: translateY(8px);   opacity: 1; }
     100% { transform: translateY(0); }
}

@keyframes anim-shadow {	
      0% { opacity: 0; }
     33% { opacity: 0.1; }
    100% { opacity: 0.4; }
}

@keyframes anim-buttonPlay {	
      0% { transform: translateY(-190px); opacity: 0; }
     50% { transform: translateY(8px);   opacity: 1; }
    100% { transform: translateY(0);}
}