/* 

USE THIS STYLE SHEET FOR HOMEPAGE

*/


#slides_container{width:635px; height:322px; padding:0; display:block; margin:10px auto 40px auto;}
#slides_container h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-bottom:5px; font-style:italic;}
#slides_container p{margin:0px 0px 0px 0px; color:#fff; font-size:11px; }
/*#slides{background-image:url(../images/bg_slides_container.gif); width:635px; height:322px; background-repeat:no-repeat;  padding:0; float:left;  }*/
#slides{background-image:url(../images/bg_slides_container.gif); width:635px; height:308px; background-repeat:no-repeat;  padding:0; float:left;}

#slides.excellence {
	background-image: none !important; 
	width: 711px !important;
	height: 400px !important;
}

#slides_content{margin:19px;}


/* featured */
#featured{
	position: relative;
	width: 597px;
}

.excellence {
	width: 711px !important;
}

#featured #pauseicon{
	background: transparent url(../images/paused.png) no-repeat left top;
	display: none;
	height: 99px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	width: 99px;
	top: 25%;
	z-index: 99;
}

ul#featurednav{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
}

ul#featurednav li{
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
}

ul#featurednav a{
	background: transparent url(../images/featured_nav.png) no-repeat 0 0;
	display: block;
	height: 16px;
	width: 16px;
}
ul#featurednav a:focus{outline: none;}
ul#featurednav a:hover{background-position: 0 -42px;}
ul#featurednav a.active,
ul#featurednav a.active:hover{background-position: 0 -21px;}
ul#featurednav.paused a.active{background-position: 0 bottom;}
#featured ul#featuredimages img{display: block;}
#featured ul#featuredimages,
#featured ul#featuredexcerpts{
	height: 268px;
	left: 0px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 597px;
}

#featured.excellence ul#featuredimages,
#featured.excellence ul#featuredexcerpts{
	height: 400px !important;
	width: 711px !important;
}


#featured ul#featuredimages li,
#featured ul#featuredexcerpts li{
	display: block;
	height: 268px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 597px;
}

#featured.excellence ul#featuredimages li,
#featured.excellence ul#featuredexcerpts li{
	height: 400px !important;
	width: 711px !important;
}

#featured .excerpt{
	background: transparent url(../images/dotbg.png);
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0;
	padding: 10px;
	position: absolute;
	width: 577px;
}

#featured .excerpt.excellence{
	width: 711px !important;
}

#featured .excerpt p{padding: 0 0px 0 0;}
#featured .excerpt h2{font-style:italic;font-size:17px;}
#featured .excerpt h2,
#featured .excerpt h2 a{color: #fff;text-decoration: none;}
#featured .excerpt p{margin: 0;}
/*** SLIDER ***/

/** added class to palacio del mar gallery slider to be able to modify it */
div.boh-palacio-del-mar-gallery {
	background-image: none !important;
	background: #fffce1 !important;
	border: 1px solid #aea866 ;   
  	padding: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	box-shadow: inset 0 0 20px #aea866;
  	-moz-box-shadow: inset 0 0 20px #aea866;
  	-webkit-box-shadow: inset 0 0 20px #aea866;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

/*** BUTTONS TO EXPAND AND COLLAPSE ARTICLES  ******************/
	a[expand-content], a[collapse-content] {
		display: inline-block;
		padding: 4px 8px;
		background: #660000;
		border: 1px solid #6e6a3e;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		color: #fff !important;
		text-decoration: none !important;
		margin-left: 15px;
		font-size: smaller;
	}
	a[expand-content]:hover, a[collapse-content]:hover {
		background: #6e6a3e;
		color: #fff;
		text-decoration: none;
	}
	div[hidden-content] {
		display: none;
	}
	
	#playa-blanca-google-maps div {font-size: 16px;}
	
/*** BUTTONS TO EXPAND AND COLLAPSE ARTICLES  ******************/

/* media queries */
@media only screen and (max-device-width: 675px) {
  #slides_container {display: none;}
}

/* palacio del mar gallery */
@media only screen and (max-device-width: 675px) {
	div.boh-palacio-del-mar-gallery div#slides_content {margin: 0;}
	div.boh-palacio-del-mar-gallery {
		background: none !important; 
		border: none; 
		padding: 0; 
		border-radius: 0; 
		-webkit-border-radius: 0; 
		-moz-border-radius: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		margin-left: auto; 
		margin-right: auto;
	}
	
	.boh-palacio-del-mar-gallery-title, 
	#boh-palacio-del-mar-gallery-header, 
	.boh-palacio-del-mar-hide, 
	#boh-palacio-del-mar-top-menu {
		display: none;
	}
}

@media only screen and (max-device-width: 597px) {
	div.boh-palacio-del-mar-gallery {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-device-width: 500px) {
	/* hide navigational dots */
	div.boh-palacio-del-mar-gallery ul#featurednav {display: none;}
}

/* antes 360 */
@media only screen and (max-device-width: 675px) {
	#featured {width: 100vw;}
	
	#featured ul#featuredimages li,
	#featured ul#featuredexcerpts li {
		width: 100% !important;
	}
	
	/* #slides, #featured, #featured ul#featuredimages, #featured ul#featuredexcerpts {width: 360px;} */
	#slides, #featured ul#featuredimages, #featured ul#featuredexcerpts {width: 100%;} 
	
	#slides_container {
		display: block;
		margin: 0;		
		width: 100%;
	}

	div#slides_container>h1 {
	   display: none;
	}
	
	#slides {
		width: auto;
		background-image: none;
	}
	
	#slides_content {margin: 0 0 0 0;}

	td[width="98%"] {
	   padding: 0 !important;
	}

	td[width="98%"]>div.Module.HtmlModule:nth-child(2),
	td[width="98%"]>div.Module.HtmlModule:nth-child(3),
	td[width="98%"]>div.Module.HtmlModule:nth-child(4)
	 {
	   padding-left: 20px !important;
	   padding-right: 20px !important;
	   padding-bottom: 15px !important;
	}
	
	#featurednav {display: none;}
	
	#featuredimages {width: 100%;}
	
	#featured .excerpt {width: 100%;}
	
	#slides_container h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;		
	}
		
}


/* se escogio este breakpoint porque todo el slider construido toma 640px */
@media only screen and (max-device-width: 670px) and (orientation: landscape) {
	/* #slides, #featured, #featured ul#featuredimages, #featured ul#featuredexcerpts {width: 640px;} */
	div#slides_content {
		margin: 0;
	}
	
	div#slides_container {
	   display: block;
	   margin: 0 auto;
	   /* width: 597px; */
	}

	div#slides_container>h1 {
	   display: none;
	}

	div#slides {
	   background-image: none;
	}

	td[width="98%"] {
	   padding: 0;
	}

	td[width="98%"]>div.Module.HtmlModule:nth-child(2),
	td[width="98%"]>div.Module.HtmlModule:nth-child(3),
	td[width="98%"]>div.Module.HtmlModule:nth-child(4)
	 {
	   padding-left: 20px;
	   padding-right: 20px;
	   padding-bottom: 15px;
	}

	#featurednav {display: none;}
	
	#featured ul#featuredimages img{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		margin: 0 auto;
		width: 100%;
	}
	
}



@media only screen and (max-device-width: 597px) and (orientation: portrait) {
	#featured ul#featuredimages img {
		height: 268px !important;
		width: auto !important;
	}
}