@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
}

body {
margin:0; 
text-align:center;
font-family: 'Open Sans', sans-serif;
color:#414042;
}
	
.center {
width:1200px;
margin:0px auto;
/*text-align:left;*/
}

.clear {
clear:both;
}

a img, img a, a {
border:none;
text-decoration:none;
}

ul, li, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	list-style:none;
}

/****** cols *****/
.col-50 {
	width:50%;
	float:left;
}
.col-33 {
	width:33%;
	float:left;
}

/****** TITULOS H# *********/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: left;
}
h1 {
	color: #fff;
	text-shadow: 2px 1px 2px rgba(0,0,0, 0.75);
	font-size: 40px;
}
h2 {
	color: #fff;
	font-weight: 100;
	font-size: 30px;
}
h3 {
	color: #272f60;
	font-weight: 300;
	font-size: 40px;
}
h4 {
	color:#fff;
	font-size: 26px;
	font-weight: 100;
}
h5 {
	color:#fff;
	font-size: 15px;
	font-weight: 500;
	margin: 10px 0 0 0;
}
h6 {
	color: #272f60;
	font-size: 30px;
	font-weight: 300;
}

/****** BOTONES *********/
.button {
	padding: 20px 0 0 0;
}
a.button1:link, a.button1:visited,
a.button2:link, a.button2:visited,
a.button3:link, a.button3:visited {
	font-family: 'Roboto', sans-serif;
	padding: 10px;
}
/*** 1 ***/
a.button1:link, a.button1:visited {
	color:#fff;
	border:1px solid #fff;
	background: rgba(256, 256, 265, 0.25);
}
a.button1:hover {
	background:#fff;
	color:#009adc;
}
/*** 2 ***/
a.button2:link, a.button2:visited{
	color:#009adc;
	border:1px solid #009adc;
	background: rgba(256, 256, 265, 0.25);
}
a.button2:hover {
	background:#009adc;
	color:#fff;
}
/*** 3 ***/
a.button3:link, a.button3:visited{
	color:#fff;
	border:1px solid #009adc;
	background:#009adc;
}
a.button3:hover {
	background:#272f60;
	color:#009adc;
}


/******** MENU TOP **********/
.menu-top {
}
.logo {
	float: left;
	text-align: left;
	position: absolute;
}
.menu-top1 {
	background:#a7a9ac;
	text-align: right;
	color: #fff;
	font-size: 15px;
	padding: 5px 0;
}
/**** menu top 2 ****/
.menu-top2 {
	background:#272f60;
	border-bottom:2px solid #fff;
	border-top: 2px solid #fff;
	text-align: right;
}
.menu-top2 ul li {
	display: inline-table;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	padding: 5px 15px 0 15px;
	vertical-align: top;
}
.menu-top2 ul li a:link, .menu-top2 ul li a:visited {
	color:#fff;
	padding: 10px;
	display: block;
}
.menu-top2 ul li a:hover {
	text-decoration: unrightline;
}
.menu-top2 ul li.call-us {
	padding: 0;
	margin-left: 20px;
}
.menu-top2 ul li.call-us a:link, .menu-top2 ul li.call-us a:visited {
	background: #fff;
	color:#009adc;
	padding: 5px 10px;
	font-size: 13px;
	text-align: center;
}
.menu-top2 ul li.call-us a:hover {
	background: #009adc;
	color: #fff;
	text-decoration: none;
}
.menu-top2 ul li.call-us strong {
	font-size: 23px;
	font-weight: 400;
}
/***** menu top 3 ****/
.menu-top3 {
	font-family: 'Roboto', sans-serif;
	background:#fff;
	border-bottom:2px solid #009adc;
	padding: 20px 0 10px 0;
	color:#009adc;
}
.menu-top3 h6 {
	font-size:20px;
	padding: 0 0 0 15px;
	margin: 0;
	font-weight: 400;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.menu-top3 h5 {
	color:#009adc;
	padding: 0 0 0 15px;
	margin: 0;
}
.menu-top3 strong, .package-details-mobile strong {
	color:#272f60;
	font-weight: normal;
	font-size: 20px;
	padding: 0 20px 0 0;
}
.menu-top3 em, .package-details-mobile em {
	font-style: normal;
	color:#272f60;
}
.package-details-mobile {
	color:#009adc;
	padding: 20px 0 0 0;
	display: none;
}
.menu-top3-left {
	float:left;
	width:60%;
}
.menu-top3-right {
	float:right;
	width:40%;
	text-align:right;
}
.package-details, .package-details-button {
	display: inline-table;
}
.menu-top3 a.button3 {
	margin: 0 10px 0 0;
}
/***** menu top 4 ****/
.menu-top4 {
	font-family: 'Roboto', sans-serif;
	background:#fff;
	border-bottom:2px solid #009adc;
	padding: 20px 0 10px 0;
	color:#009adc;
}
.menu-top4 h3 {
	width: 48%;
	float: left;
}
.menu-top4-right {
	float: right;
	text-align: right;
	width: 50%;
	padding: 15px 0 15px 0;
}
.menu-top4-right strong {
	border: 1px solid #009adc;
	padding: 10px 40px 10px 10px;
	margin: 0 0 0 20px;
}
/***** menu top 5 MOBILE ****/
.menu-top5 {
	background:#272f60;
	color: #fff;
	display: none;
	border-bottom: 2px solid #fff;
}
.menu-top5-left {
	float:left;
	width: 15%px;
}
.menu-top5-center {
	float:left;
	width: 60%;
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.menu-top5-center strong {
	font-size: 20px;
	font-weight: 400;
	font-weight: 300;
}
.menu-top5-right {
	float:right;
	width: 10%;
	margin: 0 2% 0 0;
	text-align: right;
 
}
a.menu-top5-button:link, a.menu-top5-button:visited {
	display: block;
	height: 40px;
	width: 40px;
	background: url(../images/menu-top-burger.png) center center no-repeat;
}
a.menu-top5-button:hover {
	background: url(../images/menu-top-burger2.png) center center no-repeat #009adc;
}
.menu-top5-open {
	background: #009adc;
	display: none;
}
.menu-top5-open-left {
	width: 50%;
	float: left;
	text-align: left;
}
.menu-top5-open-left ul,
.menu-top5-open-right ul{
	padding: 10px 0 10px 20px;
}
.menu-top5-open-left ul li,
.menu-top5-open-right ul li {
padding: 5px 0 5px 0;
}
.menu-top5-open-left a:link, .menu-top5-open-left a:visited,
.menu-top5-open-right a:link, .menu-top5-open-right a:visited {
	color: #fff;
}
.menu-top5-open-left a:hover, .menu-top5-open-right a:hover {
}
.menu-top5-open-right {
	width: 50%;
	float: right;
	text-align: left;
}



/**************************/
/******** HOME ************/
/**************************/

/******** slider con text ************/
.slider {
	height: 430px;
	text-align: left;
	padding: 0 0 0 0;
}
.slider-in{
	margin: -240px 0 20px 60px;
	width: 50%;
}
/******** slider SIN text ************/
.slider2 {
}

/******** moduleS CON FOTO TOP ************/
.module-2cols {
	width: 50%;
	float: left;
	border-top: 2px solid #fff;
	margin: 0 0 30px 0;
}
.module-2cols-pic-left, .module-2cols-pic-right {
	padding: 240px 0 0 0;
}
.module-2cols-pic-left {
	background: url(../temp/home-2modules/home-2modules-1.jpg) no-repeat;
	border-right: 1px solid #fff;
}
.module-2cols-pic-right {
	background: url(../temp/home-2modules/home-2modules-2.jpg) no-repeat;
	border-left: 1px solid #fff;
}
.module-2cols-in {
	background-color: rgba(39, 47, 96, 0.8 );
	max-height:300px;
	padding: 15px 20px;
	margin:0 10px 0 10px;
}
.module-2cols-text {
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	color: #fff;
}

/******** ENCABEZADO H# Y BOTON ************/
.header-title-button {
	padding: 10px 0 20px 0;
}
.header-title-button h3{
	width: 70%;
	float: left;
}
.header-title-button-right {
	width: 30%;
	float: right;
	padding: 20px 0 0 0;
	text-align: right;
}

/******** slider de modules ************/
.slider-modules {
	margin: 0 0 40px 0;
	height: 580px;
	overflow: hidden;
}
.slider-modules-nav {
	border-bottom: 2px solid #009adc;
	text-align: left;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
}
.slider-modules-nav a:link, .slider-modules-nav a:visited {
	padding: 0 8px;
	background: #009adc;
	color: #fff;
}
.slider-modules-nav a:hover {
	background: #272f60;
}
.slider-module1, .slider-module2 {
	float: left;
	width: 390px;
	height: 580px;
	margin-left: 5px;
	padding: 0 0 15px 0;
	text-align: left;
	background: #272f60;
}
.slider-module2 {
	background: #2d3a81;
}
.slider-module1-imagen {
	border-bottom: 2px solid #fff;
}
.slider-module1-text {
	padding: 20px;
	color: #fff;
}
.slider-module1-text p {
	font-weight: 300;
}

/******** activities ************/
.activities {
	background:#272f60;
	background:#000;
	margin: 0 0 30px 0;
}


/******** module GOLF ***********/
.module3-slider {
	background: url(../images/module3-slider-bg.jpg) bottom center no-repeat;
}
.module3-text {
	background: #e6e7e8 url(../images/module3-text-bg.jpg) bottom repeat-x;
	margin-bottom: 40px;
	padding: 20px 20px 0 20px;
	text-align: left;
}
.module3-text-left {
	float:left;
	width: 55%;
	margin: 0 0 0 3%;
}
.module3-text-right {
	float:right;
	width: 35%;
	margin: 0 3% 0 0;
	text-align: left;
}

/**************************/
/****** PAQUETES **********/
/**************************/
.text-main {
	padding: 20px;
	border-bottom:2px solid #009adc;
	margin-bottom:40px;
}

/**************************/
/******* GOLF COURSE ******/
/**************************/
.golf-details {
	border-bottom:2px solid #009adc;
	padding: 20px 40px 40px 40px;
	margin: 0 0 30px 0;
}
.module4 {
	width: 30%;
	margin: 20px 1.5% 20px 1.5%;
	height: 270px;
	float: left;
	text-align: left;
}
.module4-in {
}
.module4 h6 {
	border-bottom: 1px solid #009adc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.module4 h6 strong{
	font-weight: 400;
	padding: 0 0 0 0;
}
/*** raiting ***/
ul.course-raiting {
	padding: 5px 0 0 0;
}
ul.course-raiting li{
	padding: 0 0 5px 0;
}
.course-raiting-bar1 {
	width:50%;
	background: #e6e7e8;
	float: right;
	height: 13px;
	margin: 6px 0 0 0;
}
.course-raiting-bar1 div {
	background: #009adc;
	height: 13px;
}
/*** course good vs bad ***/
.course-good {
	background: url(../images/icono-good.jpg) left center no-repeat;
	padding: 12px 0 0 80px;
}
.course-bad {
	background: url(../images/icono-bad.jpg) left center no-repeat;
	padding: 20px 0 0 80px;
}
/*** course info ***/
.course-info {
	text-align: center;
}
.course-info h6, .course-path h6 {
	text-align: center;
	margin: 0 10px 10px 10px;
	border-bottom: 1px solid #009adc;
}
.course-info strong {
	color: #009adc;
	font-weight: normal;
}
ul.course-days {
	margin: 25px 0 10px 0;
	text-align: center;
}
ul.course-days li {
	width: 13%;
	padding: 12px 0 12px 0;
	margin: 0;
	display: inline-table;
	color: #fff;
	background: #009adc;
	border: none;
}
ul.course-days li.course-days-close {
	background: #d1d3d4;
	color: #808285;
	text-decoration: line-through;
}
.course-path {
	color:#808285;
	text-align: center;
	padding: 10px 0;
}
.course-path div {
	padding: 15px 0 0 0;
}
.course-path strong {
	font-weight: normal;
	text-decoration: line-through;
}


/**************************/
/******** FOOTER **********/
/**************************/

.footer {
	border-top:5px solid #414042;
	background: #58595b;
	padding: 20px 0 0 0 ;
	color: #fff;
	font-weight: 100;
}
.footer strong {
	font-weight: 700;
}
.footer-col-logo {
	width: 20%;
	float:left;
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0 5% 0 20px;
}
.footer-col {
	width: 18%;
	float:left;
	text-align: left;
}
.footer-col ul {
	border-left:1px solid #fff;
	padding: 0 0 20px 20px;
	height: 140px;
}
.footer-col ul li {
	padding: 5px 0 5px 0;
}
.footer a:link, .footer a:visited {
	color: #fff;
}
.footer a:hover {
	text-decoration: unrightline;
}

/******** responsive **********/
@media screen and (max-width: 1200px) {
	.center {
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.menu-top {
		display: none;
	}
	.menu-top5 {
		display: block;
	}
	.button {
		padding:0 0 0 0;
	}
/* slider with title */
	.slider{
		width:100%;
		height: inherit;
	}
	.slider-in {
		width:100%;
		margin: 0;
		padding: 0 2% 10% 2%;
		background: #272f60;
	}
	.slider-in h1 {
		padding: 2% 0 5% 0;
	}
/* home modules */
	.module-2cols {
		width: 100%;
	}
	.module-2cols-text {
		display: none;
	}
/* H titles */
	h1 {font-size: 30px;}
	h2 {font-size: 28px;}
	h3 {font-size: 30px;}
	h6 {font-size: 25px;}
	.slider img, .slider2 img {
		width: 100%;
		height: auto;
	}
/* golf course */
	.golf-details {
		padding: 0;
	}
	.module4 {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.module4-in{
		margin: 0 20px;
	}
	.module3-slider {
		width: 100%;

	}
	.module3-text {
		margin: 0;
		padding: 20px 0 0 0;
		width: 100%;
	}
	.module3-text-left {
		float:none;
		width: 100%;
		margin: 0 0 0 0;
	}
	.module3-text-right {
		float:none;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.module3-text h6, .module3-text p{
		padding: 0 2%;
	}
	.module3-text-right img {
		width: 80%;
		margin: 0;
		height: auto;
	}
/* header title & button */
	.header-title-button {
	}
	.header-title-button h3 {
		width:95%;
		margin: 0 2.5%;
		float: none;
	}
	.header-title-button-right {
		width: 95%;
		float: none;
		margin: 0 2.5%;
		padding: 20px 0 0 0;
		text-align: left;
	}
	.header-title-button, .slider-modules-nav {
		width: 100%;
	}
/* slider module */
	.slider-modules {
		width: 100%;
	}
	.slider-module1, .slider-module2 {
		width: 95%;
		margin: 0 2.5%;
	}
	.slider-module1-imagen img{
		width: 100%;
		height: auto;
	}
	.slider-module1-text {
		padding: 20px;
	}

/* package */
	.menu-top3 {
		padding: 10px 0 10px 0;
	}
	.package-details-button {
		margin-top: 12px;
	}
	.package-details {
		display: none;
	}
	.package-details-mobile {
		display: block;
	}
/* browse */
	.menu-top4 h3 {
		width: 100%;
	}
	.menu-top4-right {
		display: none;
	}
/* footer */
	.footer {
		width: 100%;
	}
	.footer-col-logo {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.footer-col {
		width:50%;
	}
	.footer-col ul{
		border-left: none;
		border-top:1px solid #fff;
	}
}