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

body{
	background:#c1e7f0 url(img/bg/big-bg.jpg) top no-repeat;
	margin:0;
	color:#333333;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	}

h1{
	color:#000000;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:21px;
	font-weight:400;
	line-height:18px;
	}


h2{
	font-size: 16px; 
	line-height: 17px; 
	color: #000; 
	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	font-weight: 400;
	margin:5px 0 5px 0;
	}

h3{
	color:#333;
	font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	margin-bottom:0px;
	padding:0;
	}
	
p{
	margin:0 0 5px 0;
	padding:0;
	}

a:link{
	color:#0088cf;
	text-decoration:underline;}
	
a:visited, a:active{
	color:#22bce2;
	text-decoration:underline;}

a:hover{
	text-decoration:none;}

.clear{
	clear:both;}

img{
	border:0;}

strong{
	color:#000;}

hr{
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #f1f1f1;
	border-bottom:none;
	border-left:none;
	border-right:none;
	}

#main {
	background:white;
	margin-top:0px;
	margin-bottom:15px;
	/*width:960px;*/
}

#header{
	background:white;
	margin:0px;
	height:auto;
	width:100%;
	background:url(img/bg/blend-header.png) top center no-repeat;
	}

#logo{
	margin-top:15px;
	margin-bottom:5px;
	margin-left:10px;}

#header_links{
	padding: 0;
	text-align:right;
	margin-top:15px;
	text-transform:uppercase;
	font-size:9px;
	}

#header_links h3{
	font-size:13px;
	color:black;
	font-weight:lighter;
	margin: 0;
	padding:0;
	text-transform:uppercase;
	}

#header_links a{
	color:black;
	text-decoration:underline;}

/*****************************************************
NAVIGATION
*****************************************************/
#main_nav{
	position:relative;
	z-index:5;
	background:white;
	margin-bottom:0px;
	margin-left:10px;
	float:left;
	}
	

#path{
	font-size:11px;
	color:#000;
	margin:10px 0 10px 0;
	text-decoration:none;}

#path a{
	font-size:11px;
	color:#000;
	}
	
#slide{
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;}

#main_content{
	margin-left:10px;
	padding:0;}
	

/*****************************************************
ADS DEFAULT
*****************************************************/

#ad_default{
	vertical-align:top;
	color:#333333;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	position:relative;
	}

#ad_default .cinta{
	position:absolute;
	float:right;
	right:0;
	top:0;}

#ad_default img{
	padding:0px 0 10px 0;
	margin:0;
	}

#ad_default a{
	font-size:11px;
	color:#0088cf;
	text-decoration:underline;
	}


/*****************************************************
WEBCAMS
*****************************************************/

#webcam{
	vertical-align:top;
	color:#333333;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin-bottom:20px;
	}


#webcam img{
	padding: 0;
	margin:0;
	}

#webcam a{
	font-size:11px;
	color:#0088cf;
	text-decoration:underline;
	}


/*****************************************************
RESORTS COLLECTION CANCUN - RMAYA
*****************************************************/
.bt_resort strong{
	color:#00ada8;
	}

.bt_resort a{
	display:block;
	padding:6px 0 6px 20px;
	margin:2px 0 2px 0;
	font-size:12px;
	color:#00ada8;
	font-weight:400;
	text-decoration:none;
	background:#e1f4f8 url(img/icons/bullet.png) no-repeat 5px 12px;
	}

.bt_resort a:hover strong{
	color:#FFF;
	}
	
.bt_resort a:hover{
	background:#00ada8 url(img/icons/blue-arrow.png) no-repeat 405px 7px;
	color:white;
	text-decoration:none;
	}


.bt_resort_gr strong{
	color:#fff;
	}
	
.bt_resort_gr a{
	display:block;
	padding:6px 0 6px 20px;
	margin:2px 0 2px 0;
	font-size:12px;
	color:white;
	font-weight:400;
	text-decoration:none;
	background:#5282AA url(img/icons/bullet.png) no-repeat 5px 12px;
	}

.bt_resort_gr a:hover{
	background:#00ada8 url(img/icons/blue-arrow.png) no-repeat 405px 7px;
	color:white;
	text-decoration:none;
	}


.creditos{
	font:Verdana, Geneva, sans-serif;
	size:11px;
	/*Estilos por Darío Gutiérrez*/}

/*****************************************************
NAV LEFT RESORT
*****************************************************/
#sidebar{
	margin-left:0px;
	margin-top:10px;
	padding-top:10px;
	
	}

#top_border_left{
	background:url(img/bg/top-border-left.png) top;
	width:215px;
	display:block;
	padding:0;
	margin:0;
	}

#bottom_border_left{
	background:url(img/bg/bottom-border-left.png) no-repeat bottom;
	width:215px;
	height:17px;
	}
	
#sidebar_flotante{
	position:absolute;
	float:left;
	left:0px;
	top:297px;
	display:block;
	padding:0 0 0px 0;
	background:url(img/bg/bg-left-shadow.png) top;
	}


#sidebar_flotante h1{
	font-size:18px;
	border-bottom:1px solid #f1f1f1;
	padding:18px 0px 7px 0px;
	margin-left:18px;
	margin-right:18px;
	margin-top:0;
	text-align:left;
	}

#sidebar_flotante ul{
	list-style: none;
	margin: 5px 3px 0 2px;
	padding: 0;
	border: none;
}

#menu_left li {
	
}

#menu_left li a{
	padding: 8px 8px 8px 20px;
	font-size:13px;
	font-weight:400;
	width: 98%;
	display: block;
	color: #000;
	text-decoration: none;
}

html>body #sidebar_flotante li a{ /*Non IE6 width*/
	width: auto;
}

#sidebar_flotante li a:hover{
	background:url(img/bt/bg-over-left.gif) repeat-x;
	color: #00ada8;
}

	
.bt_left_resort a{
	display:block;
	background:white;
	padding:6px 6px 6px 15px;
	margin:2px 0 2px 0;
	border-bottom:1px solid #cbcbcb;
	font-size:12px;
	color:#8E8E8E;
	text-decoration:none;
	margin:5px 0 5px 0;
	font-weight:400;
	background:url(img/icons/bullet.png) no-repeat 0 12px;
	}

.bt_left_resort a:hover{
	background:#00ada8;
	color:#fff;
	text-decoration:none;
	}

/*****************************************************
CONTENT
*****************************************************/
#img_with_border{
	border:1px solid #dfdfdf;
	}
	
#slide_content{
	margin:10px 0 10px 0;
	}

#slide_content_alterno{
	margin-left:10px;
	position:relative;}

#title_content{
	margin-left:10px;
	margin-right:0;
	margin-top:-45px;
	padding:5px 20px 0 20px;
	background:url(img/bg/title-bar-gradient.png) no-repeat;
	width:615px;
	min-height:108px;
	}

#title_content .booknow{
	width:135px;
	height:40px;
	top:6px;
	right:16px;
	text-align:right;
	position:absolute;
	}

#title_content h1{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:5px;
	}

#info_content{
	position:relative;
	margin-left:10px;
	}

#top_content{
	margin-left:10px;
	margin-right:0;
	background:url(img/bg/title-bar.png) center top;
	width:655px;
	height:10px;
	}

#detail_content{
	margin-left:10px;
	margin-right:0;
	margin-top:0px;
	background:url(img/bg/bg-content.png) center repeat-y;
	padding:0px 20px 0 20px;
	width:615px;
	}

#bottom_content{
	margin-left:10px;
	margin-right:0;
	background:url(img/bg/title-bar.png) center bottom;
	width:655px;
	height:25px;
	}

/*Para pagina 100% ancho*/
#title_content_wide{
	margin-left:5px;
	margin-right:0;
	margin-bottom:10px;
	margin-top:-45px;
	padding:20px 20px 0 20px;
	background:url(img/bg/title-bar-gradient-wide.png) no-repeat;
	width:838px;
	min-height:92px;
	}

#title_content h1_wide{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:5px;
	}

#info_content_wide{
	position:relative;
	margin-left:10px;
	}

#top_content_wide{
	margin-left:10px;
	margin-right:0;
	background:url(img/bg/title-bar-gradient-wide.png) center top;
	width:878px;
	height:10px;
	}

#detail_content_wide{
	margin-left:10px;
	margin-right:0;
	margin-top:0px;
	background:url(img/bg/bg-content-wide.png) center repeat-y;
	padding:10px 20px 0 20px;
	width:838px;
	}

#bottom_content_wide{
	margin-left:10px;
	margin-right:0;
	background:url(img/bg/title-bar-gradient-wide.png) center bottom;
	width:878px;
	height:70px;
	}



#list_category{
	background:url(img/bg/category-panel-gradient.png) no-repeat;
	height:180px;
	width:655px;
	margin: 10px 0 10px 10px;
	font-size:12px;
	line-height:16px;
	}

#list_category .category_info h2{
	font-size:18px;
	font-weight:600;
	padding-bottom:0;
	line-height:16px;
	margin-bottom:0;
	}

#list_category .category_info p{
	padding-top:0;
	line-height:16px;
	margin-top:10px;
	}

.th_category{
	float:left;
	position:relative;
	margin:1px 13px 0px 5px;
	padding:2px 2px 0 0;
	}

.th_category .cinta{
	position:absolute;
	float:right;
	right:0;
	top:0;}

.category_info{
	float:left;
	width:53%;
	padding:10px 15px 0 0;
	}

/*****************************************************
GALLERY
*****************************************************/
#pretty_gallery {
		list-style:none;
		width:100%;
		float:right;
		padding:0;
		margin:0;
		float:left;
	}

#pretty_gallery li{
		display:block;
		float:left;	
		margin:5px 8px 0px 0;
		padding:0;
		text-align:left;
	}
	
#pretty_gallery li a{
	text-decoration:none;
	color:#00ada8;
	}


#pretty_gallery li a:hover{
	}
	
/*****************************************************
RELATED LINKS
*****************************************************/
.relatedlinks {
	list-style:none;
	margin:0;
	padding:0;
	}

.relatedlinks li{
	float:left;
	color:#555;
	font-size:11px;
	margin-right:15px;
	text-decoration:none;
	padding:5px;
	}
	
.relatedlinks li a{
	float:left;
	color:#555;
	}

.lista_plana{
	margin: 0 0 10px 0;
	}


.lista_plana li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/icons/bullet_blue.png) no-repeat  3px 8px;
	display:block;
	font-size:12px;
	list-style-type:none;
	padding:4px 0 4px 20px;
	font-weight:normal;
	color:#0088cf;
	line-height:15px;
}


/*****************************************************
TRICKS AND EFFECTS
*****************************************************/
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*****************************************************
FOOTER
*****************************************************/
#footer{
	font-size:11px;
	margin-bottom:10px;
	text-align:center;
	}

#footer a{
	text-decoration:none;
	color: #616161;
	}

#footer a:hover{
	text-decoration:underline;
	color:black;
	}