	<style>

	/*		
		Verde claro => #81b441
		Verde JH    => #006f86
		Gris Oscuro => #101010
		Gris Claro  => #f6f6f6
	*/

		@import url('https://fonts.googleapis.com/css?family=Cabin:600');
	

		* {
			background-color: unset;
		}	

		body {
			font-family: "Open Sans", Helvetica, Arial, sans-serif;
			/*font-family: 'Cabin', sans-serif;*/
			/*background-color: #81b441;*/
			background-color: #006f86;
			/*background-color: #000000;*/
		}

		div.container {
			background-color: white;
			/*box-shadow: 0px 4px 8px rgba(0,0,0,0.1); */
			box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
		}

		.bg-light-green {
			background-color: #81b441 !important;
		}
		.bg-green {
			background-color: #006f86 !important;
		}
		.bg-dark-grey {
			background-color: #101010 !important;
		}
		.c-white {
			color: white !important;
		}
		.c-green {
			color: #006f86 !important;
		}
		.bg-grey {
			background-color: #f6f6f6 !important;
		}
		
		hr {
			margin-top:5px;
			margin-bottom:15px;
		}

		h1, h2 {
			font-family: 'Cabin', sans-serif;
			font-size: 21px;
		}	

		h3 {
			font-family: 'Cabin', sans-serif;
			font-size: 15px;
	    text-transform: uppercase;
	    color: #006f86;
	    font-weight: 600;
	    margin-top: 15px;
	    min-height: 50px;
		}

		p {
			font-size:15px;
		}

		header > .container > .row {
			padding: 10px;
		}
		header > .container h5 {
			padding-top:5px;
		}

		footer > .container > .row {
			padding: 20px 10px 10px 10px;
		}	
		footer p {
			color: #555;
			padding: 0 10%;
			font-size: 14px;
		}

		button {			
			display: block;			
			border: 2px solid #006f86;
			background: white;
			color: #006f86;			
			width: 100%;
			max-width:300px;
			margin: 0 auto;
			margin-top: 30px;
			padding:5px;
			cursor: pointer;
			font-family: 'Cabin', sans-serif;
			font-size: 15px;
			font-weight: 600;
	    text-transform: uppercase;
	    transition: 0.2s;
		}	

		button:hover {
			border: 2px solid #333;
			background: white;
			color: #333;
		}

		.jh-img {
			height:100%;
			min-height:300px;
			background-image: url('../assets/images/Foto-GLS-min.jpg');
			background-position: 50% 50%;
			background-size: cover;
			filter: contrast(1.2);
		}

		.service {			
			margin:15px 0;
			background-color: #fff;
	    border-radius: 4px;
	    box-shadow: 1px 2px 1px #eee;
	    padding: 20px;
	    border: 1px solid #f1f1f1;	
	    min-height: 506px;    
		}
			.service img {
				transition-duration: 0.6s;
				filter: grayscale(1) contrast(1.4);
			}				
				.service:hover img {				
					filter: grayscale(0.5) contrast(1.4);
				}



		#spot {			
			background-size: cover;
			background-position: 50% 50%;
			height: 48vw;
			max-height: 540px;
			min-height: 170px;
			margin: 0 -15px;				
		}
			#spot .title {
				padding: 60px;
				width:36%;
			}
			#spot .price {
				display: inline-block;				
				position: relative;
				left:60px;
				top: -24px;
				width:160px;
				height:160px;
				color: white;
				background-color: #006f86;
				border-radius: 50%;
				font-size:23px;	
				padding-top:40px;	
				font-weight: 600;		
			}
				#spot .price > span {
					font-size:27px;
				}
					#spot .price > span > i {
						font-size:15px;
					}

		#content {
			padding-right: 10%;
			padding-left: 10%;
		}

		#form-container {
			position: absolute;
			right: 30px;
			top: 50px;
			z-index: 10;
			background: white;
		}

		.form-group input,
		.form-group textarea {
			border: 1px solid black;
			border-radius: 0;
		}

		.form-group input[type="submit"], .accept-legals {
			background-color: #006f86;
			color: white;
			font-weight: 600;
			border: 1px solid #006f86;
			border-radius: 0;
		}
			.form-group input[type="submit"]:hover, .accept-legals:hover {
				background-color: #333333;
				border: 1px solid #333333;
			}

		@media screen and (max-width: 1199px) {
			h1, h2 {
				font-size: 23px;
			}			
			#form-container {
				position: absolute;
				right: 30px;
				top: 10px;
				border: 1px solid #f5f5f5;
    		box-shadow: 10px 10px 5px rgba(0,0,0,0.02);
			}
		}

		@media screen and (max-width:991px){

			#spot {
				background-position: 0% 50%;
    		height: 44vw;
			}

			#spot .title {				
				width:60%;
				padding:30px;
			}

			#form-container {
				position: initial;
				right: initial;
				top: initial;
				border: unset;
    		box-shadow: unset;
			}
			
		}
		

		@media screen and (max-width: 480px) {
			h1 {
				font-size: 16px;
			}
			h2 {
				font-size: 21px;
			}	
			h5 {
				font-size: 15px;			
			}
			header > .container h5 {
				padding-top:10px;
			}
			footer p {
				padding: 0px;
				font-size: 11px;
			}				
			#spot .title {
				padding: 30px;
				width:70%;
			}
			#spot .title h1 span{
				font-size: 12px;
			}

			#spot .price {				
				left:60px;
				top: -24px;
				width:120px;
				height:119px;				
				font-size:16px;	
				padding-top:35px;					
			}
				#spot .price > span {
					font-size:18px;
				}
					#spot .price > span > i {
						font-size:13px;
					}
		}

		footer a, footer a:visited {
			margin: 15px;
			color: #afafaf;
		}

		footer a:hover {
			color: #006f86;
		}

		.content a, .content a > i {
			font-size: 17px;
		}

		.content a > i {
			font-size: 17px;
			margin-right:5px;
		}

		@media screen and (max-width:480px) {
			.content a, .content a > i {
				font-size: 14px;
			}
			.content a > i {
				font-size: 14px;				
			}
		}

		#modal-policy p, #modal-policy td, #modal-policy ul {
			font-size: 13px;
		}

		#modal-policy ul {
			list-style: square;
		}
		#modal-policy table {
			outline: 2px solid #ececec;
    	outline-offset: -2px;
    	margin: 15px 0;
		}
		#modal-policy td {
			padding:10px;
			border: 1px solid #ececec;
		}
		

	</style>