@font-face {
			font-family: titles;
			src: url(../fonts/libelsuit.ttf);
		}
		body {
			background: -moz-linear-gradient(top, #ED9017 0%, #FFE300 50%, #ED9017 100%); 
			background: -webkit-linear-gradient(top, #ED9017 0%, #FFE300 50%, #ED9017 100%);
			background: -o-linear-gradient(top, #ED9017 0%, #FFE300 50%, #ED9017 100%);
			background: -ms-linear-gradient(top, #ED9017 0%, #FFE300 50%, #ED9017 100%);
			background: linear-gradient(top, #ED9017 0%, #FFE300 50%, #ED9017 100%);
		}
		/*Arial, Helvetica, Verdana, Trebuchet, Tahoma, Futura*/
		* {
			font-family: Helvetica;
			font-size: 0.97em; 
			color: #83CDE1;
		}
		p, span {
			font-family: Helvetica;
		/*	font-size: 13px; */
			font-size: 1em; 
			color: #83CDE1;
		}
		h1, h2, h3, strong {
			margin: 20px;
			color: #F9E7D0;
			font-weight: bold;
		}
		strong {
			font-size: 1.0em;
		}
		h1 {
		/*	font-size: 18px; */
			font-size: 2.3em;
			text-shadow: 5px 5px 5px #49AEFE; 
		}
		h2 {
		/*	font-size: 15px; */
			font-size: 1.17em;
		}
		h3 {
		/*	font-size: 14px */
			font-size: 1.1em;
		}
		a {
			text-decoration: none;
			color: blue;
		}
		a:hover {
			color:yellow;
		}
		ul, li {
			list-style: none;
		}
		#share img:hover {
			transform: scaleX(1.1) scaleY(1.1);
			-moz-transform: scaleX(1.1) scaleY(1.1);
			-webkit-transform: scaleX(1.1) scaleY(1.1); 
			-o-transform: scaleX(1.1) scaleY(1.1);
			-ms-transform: scaleX(1.1) scaleY(1.1); 
		}
		ul#share {
			display: inline-block;
			vertical-align: top;
			text-align: left;
			margin: 0;  
			padding: 5px 0px 5px 0px;
			list-style-type: none;
		}
		#share li {
			display: inline-block;
			line-height: 30px;
			vertical-align: middle;
		}
		div.wraper {
			background-color: transparent;
			display: block;
			width: 1490px;
			margin: auto;
			text-align: center;
			padding: 0px;
			box-sizing: border-box;
		}
		div.header {
			display: block;
			position: relative;
			background: transparent url(../img/water_blue.jpg) no-repeat fixed center;
			background-size: cover;
			color: black;
			width: 1490px; 
			height: auto; 
			padding-left: 20px;
			box-sizing: border-box;	
			text-align: left;
			margin: auto;
		}
		div#slider {
			display: inline-block;
			width: 65%;
			background: transparent;
			box-sizing: border-box;	
			text-align: left;
			margin-top: 15px;
			vertical-align: top;
			z-index: 0;
		}
		div.navbar {
			display: block;
			position: relative;
			background: -moz-linear-gradient(top, #005093 0%, #5CA8CA 50%, #005093 100%); 
			background: -webkit-linear-gradient(top, #005093 0%, #5CA8CA 50%, #005093 100%);
			background: -o-linear-gradient(top, #005093 0%, #5CA8CA 50%, #005093 100%);
			background: -ms-linear-gradient(top, #005093 0%, #5CA8CA 50%, #005093 100%);
			background: linear-gradient(top, #005093 0%, #5CA8CA 50%, #005093 100%);
			color: black;
			width: 1490px;
			height: 50px;  
			padding: 5px 30px 5px 30px;
			box-sizing: border-box;	
			border-radius: 25px;
			text-align: center;
			margin: auto;
		}
		.navbar img {
			margin-top: 5px;
			vertical-align: top;
			width: 30px;
			cursor: pointer;
		}
		.navbar img:hover {
			transform: scaleX(1.1) scaleY(1.1);
			-moz-transform: scaleX(1.1) scaleY(1.1);
			-webkit-transform: scaleX(1.1) scaleY(1.1); 
			-o-transform: scaleX(1.1) scaleY(1.1);
			-ms-transform: scaleX(1.1) scaleY(1.1); 
		}
		.navbar span {
			line-height: 45px;
			vertical-align: top;
			font-weight: bold;
			color: blue;
		}
		.navbar button {
			line-height: 35px;
			vertical-align: top;
			font-weight: bold;
			color: blue;
			width:80px;
			background: #FDD800;
			border-radius: 15px;
		}
		.navbar button:hover {
			transform: scaleX(0.9) scaleY(0.9);
			-moz-transform: scaleX(0.9) scaleY(0.9);
			-webkit-transform: scaleX(0.9) scaleY(0.9); 
			-o-transform: scaleX(0.9) scaleY(0.9);
			-ms-transform: scaleX(0.9) scaleY(0.9); 
		}
		div.content {
			display: block;
			position: relative;
			background: -moz-linear-gradient(top, #005093 0%, #83CDE1 50%, #005093 100%); 
			background: -webkit-linear-gradient(top, #005093 0%, #83CDE1 50%, #005093 100%);
			background: -o-linear-gradient(top, #005093 0%, #83CDE1 50%, #005093 100%);
			background: -ms-linear-gradient(top, #005093 0%, #83CDE1 50%, #005093 100%);
			background: linear-gradient(top, #005093 0%, #83CDE1 50%, #005093 100%);
			color: black;
			width: 1490px;
			height: 1050px;  
			padding: 0px 0px 10px 0px;
			box-sizing: border-box;	
			text-align: center;
			margin: auto;
		}
		
		div.footer {
			display: block;
			color: #0087b4;
			background: url(../img/water_blue.jpg) no-repeat center fixed; 
			background-size: cover;
			width: 1490px;
			height: 100px;
			padding: 10px 20px 10px 40px;
			box-sizing: border-box;	
			text-align: left;
			font-size: 0.95em;
			vertical-align: top;
			margin: auto;
		}
		div.detalle {
			display: none;
			box-sizing: border-box;
			position: absolute;
			top: 100px;
			left: 350px;
			width: 800px;
			height: 0px;
			margin: auto;
			padding: 20px;
			text-align: center;
			vertical-align: top;
			background: -moz-radial-gradient(#FDDA00 0%, #C47508 75%); 
			background: -webkit-radial-gradient(#FDDA00 0%, #C47508 75%);
			background: -o-radial-gradient(#FDDA00 0%, #C47508 75%);
			background: -ms-radial-gradient(#FDDA00 0%, #C47508 75%);
			background: radial-gradient(#FDDA00 0%, #C47508 75%);
			border-radius: 50%; 
			z-index: 9990;
			transition: 0.7s;
		}
		img#close {
			cursor: pointer;
		}
		.detalle p {
			text-align:justify; 
			margin-left:100px;
		}
		.detalle p img {
			float:left; 
			margin-right:30px
		}
		.detalle span {
			line-height:100px; 
			vertical-align:middle; 
			font-size:1.3em; 
			color:#090F69
		}
		div#hide {
			height: 0px;
		}
		#hide span {
			font-size: 1.2em;
			color: blue;
		}
		div.sections {
			display: inline-block;
			box-sizing: border-box;
			position: absolute;
			width: 400px;
			height: 400px;
			margin: auto;
			padding: 10px;
			text-align: center;
			vertical-align: top;
			background: url(../img/water_blue.jpg) no-repeat center fixed; 
			background-size: cover;
			border: 1px solid #075697;
			border-radius: 50%;
			box-shadow: 10px 10px 10px #075697; 
			cursor: pointer;
			transition: 0.7s;
		}
		div.sections:hover {
			transition: 0.7s;
			transform: scaleX(1.3) scaleY(1.3);
		}
		div#section1 {
			top: 30px;
			left: 30px;
		}
		div#section2 {
			top: 130px;
			left: 530px;
		}
		div#section3 {
			top: 90px;
			left: 1000px;
		}
		div#section4 {
			top: 560px;
			left: 130px;
		}
		div#section5 {
			top: 580px;
			left: 830px;
		}
		.sections img {
			width: 250px;
		}
		
		.signature {
			display: block;
			margin: 5px 0px 0px 0px;
			text-align: center;
		}
		.signature span {
			font-size: 10px;
			color: blue;
		}
		img#facebook {
			width: 5%;
			visibility: hidden;
		}