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

/*----------------------------------------------------------------
MASTER STYLESHEET

Includes: 
Browser Compatibility: IE 6,7,8,9 FIREFOX, SAFARI 
Layout Type:

Color Sceme:

Developer:
**********************************
Lyles Armour Jr
email: lyles.armour@rezstream.com
website:http://www.rezstream.com
**********************************
----------------------------------------------------------------*/


/*===================== General =====================*/
*{ /**reset all**/
	margin:0;
	padding:0;
	outline:0;
	border:0 none;
}

html, body {
	height:100%;
}

body{
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(../images/body/bg-repeat.jpg) top center repeat #e9e9d8;
}

.clear{
	clear:both;
	height:0;
}

/*===================== Body =====================*/
#bg_top{
	background:url(../images/body/bg-top.jpg) top center no-repeat;
	text-align:left;
	margin:0 auto;
}

#wrapper_shadow{
	position:relative;
	width:1000px;
	margin:0 auto;
	background:url(../images/body/wrapper-shadow.png) top center no-repeat;
	min-height:100%;
	height:100%;
	height:auto !important;
	padding-bottom:-188px;
}

#main_wrapper{
	position:relative;
	width:960px;
	margin:0 auto;

}

#logo{
	position:absolute;
	width:221px;
	height:191px;
	top:0;
	left:10px;
	z-index:1000;
}

#header_wrapper{
	position:relative;
	width:960px;
	height:81px;
}

.en_espanol{
	position:absolute;
	width:155px;
	height:42px;
	top:0;
	left:813px;
	z-index:2000;
}

#header_top{
	width:804px;
	height:57px;
	text-align:right;
	padding-right:156px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#header_bottom{
	width:159px;
	float:right;
	height:19px;
	padding:1px 0 4px 0;
	background:url(../images/body/search.png) right no-repeat;
}

#nav_wrapper{
	position:relative;
	/*position:absolute;*/
/*	top:60px;
	left:0;*/
	width:960px;
	height:26px;
	background:url(../images/body/bg-nav2.png) top left no-repeat;
	z-index:999;
}

#circles{
	position:absolute;
	width:395px;
	height:371px;
	top:363px;
	left:583px;
	z-index:1000;
}

#top_photo_wrapper{
	position:relative;
	width:940px;
	background:white;
	padding:10px 10px 0px 10px;
}

#mid_content_wrapper_int{
	position:relative;
	width:960px;
	height:62px;
	padding-top:10px;
	background:url(../images/body/bg-mid-content.jpg) bottom no-repeat #ffffff;
}

#mid_content_wrapper{
	position:relative;
	width:960px;
/*	height:89px;*/
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#guest_reviews{
	position:relative;
	float:left;
	width:170px;
	color:#b04c09;
}

#guest_reviews_header{
	position:relative;
	width:140px;
	height:20px;
	padding-left:20px;
	margin-left:10px;
	background:url(../images/body/bg-button-orange.png) no-repeat;
}

#guest_reviews_banner{
	position:relative;
	width:170px;
	height:69px;
}

#booking_engine{
	position:relative;
	float:left;
	width:515px;
	color:#345c7f;
	padding-left:5px;
}

#booking_engine_header{
	position:relative;
	width:486px;
	height:20px;
	padding-left:20px;
	margin-left:10px;
	background:url(../images/body/bg-button-blue.png) no-repeat;
}

#booking_engine_calendar{
	position:relative;
	width:516px;
	height:69px;
	background:url(../images/body/bg-online-reservations.png) no-repeat;
}

#content_wrapper{
	position:relative;
	margin:0 auto;
	width:938px;
	padding:19px 11px 23px 11px;
	background:#ffffff;
	text-align:left;
}

#content_left{
	position:relative;
	float:left;
	width:653px;
}

#content_right{
	position:relative;
	float:right;
	width:285px;
}

#sidebar{
	width:215px;
	padding:0 3px 3px 3px;
	background:url(../images/body/bg-sidebar.jpg) top center no-repeat #f2de85;
	border-left:1px solid #c4b46c;
	border-right:1px solid #c4b46c;
	border-bottom:1px solid #c4b46c;
}

#sidebar_conent{
	position:relative;
	width:213px;
	border-left:1px dashed #072646;
	border-right:1px dashed #072646;
	border-bottom:1px dashed #072646;
}

.social_media{
	position:relative;
	padding:15px 0 0 0;
}

.share{
	padding-left:70px;
}

.share a{
	color:#1C478F;
}

.facebook{
	border:none;
	overflow:hidden;
	width:250px;
	padding:10px 0 0 30px;
}
.social_icons{
margin:0 auto;}

.social_icons img{
    float: right;
    left: -8px;
    position: relative;
    top: -8px;
}

.banners{
	padding:10px 0 0 20px;
}

.banners img{
	margin-bottom:10px;
}

.gift_cert{
	padding-left:20px;
}

/************************ Newsletter ************************/
#newsletter{
	position:relative;
	width:195px;
	margin-top:30px;
	bottom:0px;
	padding:15px 0 20px 18px;
	background:url(../images/body/newsletter-shadow.png) top center no-repeat #f9dd5d;
	border-top:1px dashed #072646;
}

#newsletter h2{
	color:#345c7f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#newsletter form {
	width:141px;
	height:20px;
	background:#ffffff;
}

#newsletter form input {
	background:none;
	border:none;
	font-size:12px;
	width:130px;
	color:#000000;
	padding:1px 0 0 5px;
}

#newsletter form input.subscribe {
	background:url(../images/content/buttons/bg-go-newsletter.jpg) no-repeat red;
	position:relative;
	width:36px;
	height:22px;
	text-indent:-9000px;
	cursor:pointer;
	float:right;
	z-index:40;
	top:-17px;
	left:40px;
}

/************************ Accommodations ************************/
#booking_engine_int{
	position:absolute;
	float:right;
	width:492px;
	color:#345c7f;
	top:12px;
	right:-60px;
}

.accom_box{
	position:relative;
	width:676px;
	/*border:1px solid #4f81cc;*/
	margin-bottom:10px;
}

.no_smoking{
	text-align:right;
	padding-bottom:10px;
}

.book_disclaimer{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-weight:bold;
	font-style:italic;
	color:#005c81;
	text-align:left;
	float:left;
}

.top_row_title{
	width:677px;
	height:41px;
	background:#a7d0f7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	text-align:center;
	background:url(../images/body/bg_accomm_title.jpg) top center no-repeat;
	margin-bottom:8px;
}

.call_res{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:bold;
	font-size:16px;
	padding:10px 10px 0 0;
	color:#003d55;
}

.field1, .field2, .field3, .field4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#005c81;
	font-weight:bold;
}

.field1{
	position:relative;
	float:left;
	width:117px;
	padding-top:8px;
}

.field2{
	position:relative;
	float:left;
	width:117px;
	padding-top:8px;
}

.field3{
	position:relative;
	float:left;
	width:117px;
	padding-top:8px;
}

.field4{
	position:relative;
	float:left;
	width:117px;
	padding-top:8px;
}

.accom_row{
	width:100%;
	height:25px;
	background:#4f81cc;
}

.accom_title{
	position:relative;
	float:left;
	padding:9px 0 0 35px;
}

.reserve_now{
	position:relative;
	width:324px;
	float:right;
	padding:5px 14px 0 0;
	text-align:right;
}

.reserve_now_btn{
	width:124px;
}

.accom_details{
	width:677px;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	border:1px solid #4abdfc;
	margin-bottom:15px;
	padding-bottom:8px;
}

.accom_image_wrap{
	position:relative;
	float:left;
	width:174px;
	height:122px;
	margin:0 13px 0 8px;
}

/*.accom_image{
	position:relative;
	float:left;
	width:113px;
	border:1px solid #345c7f;
	padding:3px;
}*/

.accom_summary{
	position:relative;
	float:left;
	width:470px;
	text-align:left !important;
	padding:0 0 5px 0;
}

.accom_summary img{
	margin-left:5px;
}

.price_top{
	position:relative;
	float:right;
	width:471px;
	background:#fce69a;
	margin-right:10px;
}

.price_top p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding:3px;
	text-align:right;
}

.price1{
	position:relative;
	float:left;
	width:117px;
	padding-top:6px;
}

.price2{
	position:relative;
	float:left;
	width:117px;
	padding-top:6px;
}

.price3{
	position:relative;
	float:left;
	width:117px;
	padding-top:6px;
}

.price4{
	position:relative;
	float:left;
	width:117px;
	padding-top:6px;
}

.accom_call_box_detail{
	width:200px;
	text-align:left;
	height:100px;
	float:left;
}

.call_box_1_detail{
	width:185px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#b10d00;
	font-size:16px;
	margin-bottom:5px;
}

.accom_call_box{
	width:655px;
	padding:17px 11px 0 11px; 
	text-align:left;
}

.call_box_1{
	float:left;
	width:185px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#b10d00;
	font-size:16px;
}
.call_box_2{
	float:left;
	width:218px;
}
.call_box_3{
	float:left;
	width:218px;
}

#content_wrapper_int{
	position:relative;
	margin:0 auto;
	width:960px;
	background:#ffffff;
	text-align:left;
}

#content_left_int{
	position:relative;
	float:left;
	width:678px;
	padding:19px 0 10px 11px;
}

#content_right_int{
	position:relative;
	float:right;
	width:221px;
	background:red;
	padding:0 7px;
	background:url(../images/body/content_right_shadow.png) top center no-repeat;
}

.more_info{
	position:relative;
	float:right;
	margin-top:20px;
	padding:3px;
	background:#005C81;
	border:1px solid #345c7f;
	color:#ffffff !important;
}	

.more_info:hover{
	color:#DFB43F !important;
}

.more_info hover{
	color:red;
}

.accom_box_detail{
	position:relative;
	float:right;
	width:453px;
	padding-left:24px;
	border-left: 1px solid #4ABDFC;
	margin-bottom:28px;
}

.accom_room_info{
	width:178px;
	float:left;
	text-align:center;
	padding-right:21px;
}

.accom_config{
	text-align:center;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		font-size:18px;
		color:#002645;
		text-transform:uppercase;
}

.rates{
	background:url(../images/body/bg_rates.jpg) top center no-repeat;
	padding:20px 0 10px 0;
}

.rates_sp{
	background:url(../images/body/bg_rates_sp.jpg) top center no-repeat;
	padding:20px 0 10px 0;
}


.view_details{
	float:right;
	padding: 8px 4px 0 0 ;
}

.view_details a{
	color:#F2DE85 !important;
}

.view_rooms{
	width:675px;
	font-size:10px;
	background:url(../images/body/bg_accomm_title.jpg) top center no-repeat;
	border:1px solid #4abdfc;
	padding-bottom:5px;
}

.view_rooms_col_1{
	float:left;
	padding-right:20px;
}
.view_rooms_col_2{
	float:left;
	padding-right:20px;
}
.view_rooms_col_3{
	float:left;
}

.view_rooms h3{
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	text-transform:uppercase;
	color:#dbb43f;
	padding:9px 0 0 35px;
}

.view_rooms ul{
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#005c81;
}

.view_rooms li{
	padding-bottom:7px;
}

.view_rooms ul li a{
	color:#005c81;
	text-decoration:none;
}

/*.view_rooms table{
	padding-top:10px;
}

.view_rooms td{
	padding:3px;
	border:1px solid #345c7f;
	background:#005C81;
	text-align:center;
}

.view_rooms td a{
	color:#ffffff;
}

.view_rooms td:hover{
	background:#F9DF80;
	color:#1C478F;
}

.view_rooms td a:hover{
	background:#F9DF80;
	color:#1C478F;
}

.view_rooms td:hover a{
	background:#F9DF80;
	color:#1C478F !important;
}*/

.photo_gallery_int{
	width:427px;
	padding:3px 5px 10px 7px; 
	background:#fce69a;
	margin:10px 0;
}

.photo_gallery_thumb{
	width:86px;
	float:left;
	margin:7px 7px 0 7px;
	padding:2px;
	border:1px solid #768988;
	white-space:nowrap;
	background:#ffffff;
}

.social_media_int{
	position:relative;
	padding:81px 0 0 0;
}

.share_int{
	padding-left:30px;
}
.share_int a{
	color:#1C478F;
}

.facebook_int{
	position:relative;
	border:none;
	overflow:hidden;
	width:100%;
	height:25px;
	padding:15px 0 0 10px;
}

.banners_int{
	position:relative;
	width:100%;
	padding:55px 0 10px 3px;
}

.banners_int img{
	margin:5px 0;
}

/************************ Activities ************************/
.activity_wrap{
	position:relative;
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.activity_detail{
	position:relative;
	width:318px;
	float:left;
	padding:5px;
	border:1px solid #345c7f;
	margin:5px;
}

.activity_img{
	position:relative;
	float:left;
	width:92px;
	border:1px solid #345c7f;
	padding:3px;
}

.activity_text{
	position:relative;
	float:left;
	width:208px;
	padding-left:10px;
}

.item_listing{
	position:relative;
	width:680px;
	padding:10px 0;
	border-bottom:1px dashed #345c7f;
	margin-bottom:10px;
}

.item_listing_title{
	width:680px;
	float:right;
	padding:5px 0;
}

.item_listing_left{
	width:200px;
	float:left;
}

.item_listing_photo{
	width:198px;
	float:left;
	border:1px solid #345c7f;
}

.item_contact{
	width:192px;
	float:left;
	padding:3px;
}

.item_listing_desc{
	width:470px;
	float:right;
	padding-left:10px;
}

.more_activites{
	width:675px;
	font-size:10px;
	background:url(../images/body/bg_accomm_title.jpg) top center no-repeat;
	border:1px solid #4abdfc;
	padding-bottom:5px;
}

.more_activites_col_1{
	float:left;
	padding-right:80px;
}
.more_activites_col_2{
	float:left;
	padding-right:80px;
}
.more_activites_col_3{
	float:left;
	padding-right:70px;
}

.more_activites_col_4{
	float:left;
}

.more_activites h3{
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	text-transform:uppercase;
	color:#dbb43f;
	padding:9px 0 0 35px;
}

.more_activites ul{
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#005c81;
}

.more_activites li{
	padding-bottom:7px;
}

.more_activites ul li a{
	color:#005c81;
	text-decoration:none;
}








/*.more_activites td{
	padding:3px;
	border:1px solid #345c7f;
	background:#005C81;
	text-align:center;
}

.more_activites td a{
	color:#ffffff;
}

.more_activites td:hover{
	background:#F9DF80;
	color:#1C478F;
}

.more_activites td a:hover{
	background:#F9DF80;
	color:#1C478F;
}

.more_activites td:hover a{
	background:#F9DF80;
	color:#1C478F !important;
}*/


/************************ Activities Listings ************************/
.activities_more_box{
	width:674px;
	border:1px solid #005C81;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:3px;
}

.more_box_title{
	width:674px;
	background:#005C81;
}

.more_box_thumbpic{
	width:295px;
	height:100px;
	float:left;
	padding:3px;
	border-right:1px solid #005C81;
	border-bottom:1px solid #005C81;
}

.more_box_top{
	width:360px;
	float:right;
	padding:5px;
}

.more_box_content p{
	width:668px;
	padding:5px 5px 0 5px !important;
}

.more_box_top p{
	padding:5px 0px 0px 0px !important;
}

.more_box_title h3{
	padding-bottom:0px !important;
	color:#ffffff !important;
}

/************************ Footer ************************/
#footer{
	position:relative;
	height:188px;
	background:#072646;
}

#footer_wrapper{
	position:relative;
	margin:0 auto;
	width:944px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:19px 8px 0 8px;
}

#footer_left{
	width:320px;
	float:left;
	text-align:left;
	color:#ffffff;
}

#footer_middle{
	float:left;
	width:237px;
}

#footer_right{
	width:387px;
	float:left;
	text-align:right;
}


#footer a{
	color:#dfb43f;
	text-decoration:underline;
}
#footer a:visited{
	color:#dfb43f;
}
#footer a:hover{
	color:#5985B9;
}

.page_title{
	float:left;
	font-family:'GabrielleRegular';
	font-size:30px;
	padding:4px 0 2px 45px;
	color:#dfb43f;
	margin:8px;
	background:url(../images/content/icons/h1-icon.png) no-repeat;
}

.page_title_hm{
	font-family:'GabrielleRegular';
	font-size:36px;
	padding:0px 0 2px 53px;
	color:#1c478f;
	margin:8px;
	background:url(../images/content/icons/h1-icon.png) no-repeat;
}
/*===================== Forms =====================*/

#f_name, #l_name, #email, #phone, #alt_phone, #company, #address1, #address2, #city, #state, #select_country, #hear_of_us, #if_other, #captcha, #username, #password{
	height:22px;
	margin-top:5px;
	padding:2px;
	width:350px;
	border:1px solid #072646 !important;
	background:#FCEBC0;
}

#question{
	width:350px;
	height:150px !important;
	padding:5px !important;
	border:1px solid #072646 !important;
	background:#FCEBC0;
}

#password{
	margin-left:5px;
}

#submit_bg{
	width:107px;
	height:46px;
	background:url(../images/content/buttons/btn_submit.png) top center no-repeat;
	cursor:pointer;
}

.submit {
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#login_bg{
	width:107px;
	height:63px;
	background:url(../images/content/buttons/btn_login.png) top center no-repeat;
	cursor:pointer;
	float:right;
}

.login {
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
}


/*===================== Tags =====================*/
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:15px;
	color:#000000;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1c478f;
	padding-bottom:14px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1c478f;
	padding-bottom:14px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1c478f;
}

ul{
	text-align:left;
	margin-left:25px;
	padding:5px 0;
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
}

.rates ul{
	text-align:left;
	margin-left:25px;
	padding-top:10px;
	color:#000000;
}

li{
	list-style:url(../images/content/icons/list.png) ;
}

a{
	color:#5985B9;
	text-decoration:underline;
}
a:visited{
	color:#5985B9;
}
a:hover{
	color:#5985B9;
}

.accom_title a{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#dbb43f;
	text-decoration:none;
	text-transform:uppercase;
}
.accom_title a:visited{
	color:#f2de85;
}
.accom_title a:hover{
	color:#f2de85;
}

.activity_wrap a{
	color:#1c478f;
}

.activity_wrap a:visited{
	color:#1c478f;
}

.activity_wrap a:hover{
	color:#1c478f;
}

.accom_summary a{
text-trans<hr / style="width:100%; color:#660000;">:uppercase;
}

.google_plus{
	float:right;
}

body.colima-mexico-hotels .google_plus, body.colima-mexico-hotelsdirections .google_plus, body.colima-hotels .google_plus body.colima-hotelsmonthly-specials .google_plus{
	display:none;
}

body.hoteles-en-colima .google_plus, body.hoteles-en-colimacomo-llegar .google_plus, body.vacaciones-en-colima .google_plus, body.vacaciones-en-colimamensual .google_plus, body.site-map .google_plus{
	display:none;
}