body {
	font-family: Arial;
	font-size: 12px;
}

body, div, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

label {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	color: #797979;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 15px;
}
input, textarea {
	display: inline;
	width: 300px;
}

.btnBio, .btnCon, .btnSection1, .btnSection2, .btnSection3, .btnSection4 {
	cursor: pointer;
}

#section0 {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 61px;
	background-color: transparent;
	background-repeat: repeat-x;
	background-image: url("images/menu_background.png");
	z-index: 1001;
}

#section0 div {
	width: 1200px;
	margin: auto;
	position: relative;
}

#section1 {
	margin-top: 55px;
	width: 100%;
	z-index: 1;
	position: relative;
}

.fotorama__nav--dots {
	top: -50px;
	left: 45px;
	
}

#section1b, #section2b, #section3b, #section4b, #section5b {
	position: absolute;
	width: 100%;
	top: 0;
}

#section1b>div, #section2b>div, #section3b>div, #section4b>div, #section5b>div {
	width: 1200px;
	margin: auto;
	top: 0;
	z-index: 1;
}

#section1b div img, #section2b div img, #section3b div img, #section4b div img {
	vertical-align: top;
}

#section1b div>img, #section2b div>img, #section3b div>img, #section4b div>img {
	float: left;
}

#section2 {
	margin-top: -30px;
	width: 100%;
	height: 686px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/section2a1.jpg");
	position: relative;
}

#section2b2, #section2b3 {
	margin: 0 200px 0 18px;
}

#section3b2 {
	margin: 0 150px 0 0;
}

#section2b div div {
	margin-top: 125px;
}

#section2b div div img {
	cursor: pointer;
}

#section3 {
	width: 100%;
	height: 686px;
	position: relative;
}

#section3a {
	/* Parallax */
	width: 100%;
	height: 686px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url("images/section3a.jpg");
	background-attachment: fixed;
	position: absolute;
}

#section3 span {
	float: left;
}

#section4 {
	margin-top: -30px;
	width: 100%;
	height: 686px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#tubos {
	float: left;
	margin-left: 245px;
	margin-top: -47px;
	width: 309px;
	height: 319px;
	position: absolute;
}

#tubo1, #tubo2, #tubo3 {
	background-color: transparent;
	background-repeat: no-repeat;
	position: absolute;
	width: 309px;
	height: 319px;
}

#tubo1 {
	background-image: url("images/tubo1.png");
	z-index: 3;
}
#tubo2 {
	background-image: url("images/tubo2.png");
	z-index: 2;
}
#tubo3 {
	background-image: url("images/tubo3.png");
	z-index: 1;
}

#section5 {
	width: 100%;
	height: 50px;
	position: relative;
}

#section5b, #section5b div {
	height: 50px;
}

#social {
	float: right;
}

ul { margin: 0; list-style: none; left: 350px; display: inline; padding: 0px; }
ul li { font-family: 'Open Sans', sans-serif; font-size: 15px; display: inline-block; cursor: pointer; }
ul li:hover { color: #fff; }
ul li ul { padding: 0; position: absolute; top: 54px; width: 150px; display: none; opacity: 0; }
ul li ul li { background: #fff; display: block; padding: 13px 20px; }
ul li ul li a { color: #9b9d9d;; opacity: 1; text-decoration: none; }
ul li ul li:hover { background: #e7e7e7; color: white; }
ul li:hover ul { display: block; opacity: 1; visibility: visible; z-index: 10002; box-shadow: 1px 1px 5px #e7e7e7; }


.whatsapp {
	position: sticky;
	bottom: 20px;
	right: 20px;

	z-index: 30;

	width: 60px;
	height: 60px;
	background-color: #81D742;
	border-radius: 50%;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.06),0 2px 32px 0 rgba(0,0,0,0.16);

	overflow: hidden;
}

.whatsapp a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media all and (max-width: 999px) {
	.whatsapp {
		margin-left: calc(100vw - 80px);
	}
}

@media all and (min-width: 1000px) {
	.whatsapp {
		margin-left: calc(100vw - 100px);
	}
}

main {
	position: relative;
}