header{
	background-image:  url("fundo.jpg");
    background-color: #cccccc;
    background-repeat: repeat-x;
}

.header{
	text-align: center;
	padding: 0;
}

.header img{
	max-width: 100%
}

.col-xs-none{
	display: none;
}
.title{
	text-align: center;
	margin-bottom: 30px;
}  
.col-sm-4 div{	
	background-position: center;
	background-size: cover;
}
.main  {
	padding-top: 40px;	
	box-shadow: 0px 0px 5px #999;
}
.main img {
	opacity: 0;
	width: 100%;
}
.danca{
	margin-top: 45px;
}
.gif{
	height: 360px;
	width: 232;
	margin: auto;
}


.flat{
	background-image:  url("flat.jpg");
	width: 228;
}
.line_up{
	background-image:  url("line_up.jpg");
	width: 228;
}
.swell{
	background-image:  url("swell.jpg");
	width: 228;
}
.take_off{
	background-image:  url("take_off.jpg");
	width: 228;
}
.off_shore{
	background-image:  url("off_shore.jpg");
	width: 232;
}
.grab_rail{
	background-image:  url("grab_rail.jpg");
	width: 228;
}
.cutback{
	background-image:  url("cutback.jpg");
	width: 228;
}
.gif_360{
	background-image:  url("360.jpg");
	width: 228;
}
.tubo{
	background-image:  url("tubo.jpg");
	width: 233;
}
.crowd{
	background-image:  url("crowd.jpg");
	width: 228;
}

.col-none{
	margin: 0;
	padding: 0;
}

#footer iframe{
	width: 275px;
	height: 50px;
	margin-bottom: 15px;
}

#footer{
	margin-top: 40px;
	text-align: center;
}
#copy{
	color: #a2122a;
	font-size: 14px;
	margin-bottom: 30px;
}
#copy a{
	color: #a2122a;
	font-size: 14px;
}
#copy a:hover{
	color: #a2122a;
	font-size: 14px;
}
.title img{
	opacity: 1;
	width: inherit;
}  

.title:hover, .gif:hover{
	cursor: pointer;
}  
#partilha{
	color: #bd9d67;
	font-size: 26px;
	margin-bottom: 35px;
}
@media (max-width: 767px){
	.col-xs-6{
		width: 50%;
	}
	
}

@media (max-width: 539px){
	.col-xs-6{
		width: 100%;
	}
	
}


@media (min-width: 768px){
	.col-xs-none{
		display: block;
	}
	.danca{
		margin-top: 35px;
	}
	#footer iframe{
		width: 400px;
		height: 40px;
	}
}

@media (min-width: 992px){
	.col-sm-none{
		display: block;
	}
	
	
}