/*Empieza mi CSS */ 
body{background-image: url(../images/bkg_body.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
background-color: #030759;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #525252;
line-height: 17px;

}

.clearfloat:after {
 content: '.';
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/*Contenedor*/
#wrapper
{
	width: 931px;
	margin-top: 27px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bkg_wrapper.gif);
	background-repeat: repeat-y;

}
/*Contenedor Parte Superior*/ 

#wrapper #top{
	background-image: url(../images/bkg_top.gif);
	background-repeat: no-repeat;
	height: 113px;
	position: relative;
	left: 0px;
	top: 0px;
}

#top #logo{
	width: 400px;
	position: absolute;
	left: 24px;
	top: 18px;
}
/*Menu Navegacion top*/ 
#top #featured_nav{white-space: nowrap; 
	position: absolute;
	top: 15px;
	right: 0px;
	left: 632px;
	height: 18px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}	

#featured_nav ul{font-size: 9px;  line-height: 0px; margin:0px; font-family: 'verdana', 'arial'; font-weight:bold; letter-spacing: 0px; padding:0px; top:3px;margin-right: 0px;}
#featured_nav ul li{white-space: nowrap; color: #7eb9f3; list-style: none;  margin-right: 4px; margin-left: 3px; float: left; padding: 0px 3px 0px 0px; background-repeat:no-repeat;}
#featured_nav ul li a{list-style:none; color: #4799EC; text-align:center; text-decoration:none; display:block;margin-right: 9px;height:100%;padding-right: 0px;line-height: 14px;} 
#featured_nav ul li:hover a, #featured_nav ul li.active a{color:#080c5c;}
#featured_nav ul li.active {height:18px;width:63px;}
#featured_nav ul li.shortcut1.item1.itemr3.level1.contact{ background-image: url(../images/topnav/contact.gif);  
 height:18px;
width:63px; margin-left: 0px;}
#featured_nav ul li.shortcut1.item1.itemr3.level1.contact:hover , #featured_nav ul li.shortcut1.item1.itemr3.level1.contact.active{ background-image: url(../images/topnav/contact_on.gif);  
 height:18px;
 width:63px;}
#featured_nav ul li.goldclub{ background-image: url(../images/topnav/gold_club.gif);  
 height:18px;
 width:94px;}
#featured_nav ul li.goldclub:hover , #featured_nav ul li.goldclub.active{ background-image: url(../images/topnav/gold_club_on.gif);  
 height:18px;
 width:94px;}
#featured_nav ul li.bestwest{background-image: url(../images/topnav/best_western.gif);  
 height:18px;
 width:97px;}
#featured_nav ul li.bestwest:hover , #featured_nav ul li.bestwest.active{background-image: url(../images/topnav/best_western_on.gif);  
 height:18px;
 width:97px;}
#clock {width: 180px;
position: absolute;
top: 30px;
right: 16px;
font-size: 9px;
color: #b6b6b6;
text-align: right;}

#digital-clock{width: 180px;
position: absolute;
top: 0px;
right: 21px;
font-size: 9px;
color: #b6b6b6;
text-align: right;
font-family:Times New Roman;
white-space:nowrap;}

#topNav{width:288px;
	height:17px;
	position:absolute;
    right:13px;
	top:15px;}

/*Header y Imagen Special y MainNav*/
#wrapper #header{
height: 358px;
width: 931px;
position: relative;
}

#header #menu{
margin-right: 0px;
margin-left: 0px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-image: url(../images/bkg_menu.gif);
background-repeat: repeat-x;
height: 32px;
width:931px;
margin-top: -5px;
margin-bottom: 0px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-position: bottom;
z-index:6;
}

#menu ul{font-size: 9px; font-weight:bold; line-height: 18px; margin:0px; font-family: 'arial', 'arial'; padding:0px;padding-left: 185px;}
#menu ul li{list-style:none; margin-right:3px; float:left; color:#002671; display: inline-block; text-align: center; padding: 0px 0px 0px 0px;background-repeat:no-repeat;}
#menu ul li a{list-style:none; text-align:center;   text-decoration:none; color:#002671; display:block ;height:100%; line-height: 24px;} 

#menu ul li.active { color:#FFFFFF; text-align: center; text-decoration:none; padding:0px 0px 0px 0px;background-repeat:no-repeat;}  
#menu ul li.active a{ color:#FFFFFF; }
#menu ul li a:hover{color:#FFFFFF;}

#menu > ul > li.reservations > a { background-image: url(../images/mainNav/reserva.gif); 
 height:25px;
 width:90px;}
 #menu > ul > li.reservations:hover > a { background-image: url(../images/mainNav/reserva_on.gif); 
 z-index:10;
 height:25px;
 width:90px;}
#menu li.specials{ background-image: url(../images/mainNav/specials.gif); 
 height:25px;
 width:128px;}

#menu li.specials:hover{background-image: url(../images/mainNav/specials_on.gif); }
#menu li.specials.active a {background-image: url(../images/mainNav/specials_on.gif); }

#menu li.home{
 background-image: url(../images/mainNav/home.gif); 
 height:25px;
 width:44px;
}

#menu li.home:hover{
 background-image: url(../images/mainNav/home_on.gif); 
}

#menu li.home.active{
 background-image: url(../images/mainNav/home_on.gif); 
 
 }

#menu li.photo{
 background-image: url(../images/mainNav/gallery.gif); 
 height:25px;
 width:104px;
 
}

#menu li.photo:hover{
 background-image: url(../images/mainNav/gallery_on.gif); 
 
}

#menu li.photo.active a{
 background-image: url(../images/mainNav/gallery_on.gif); 
 
 
}

#menu li.rooms{
 background-image: url(../images/mainNav/rooms.gif); 
 height:25px;
 width:117px;

}

#menu li.rooms:hover{
 background-image: url(../images/mainNav/rooms_on.gif);
 
}

#menu li.rooms.active a{
 background-image: url(../images/mainNav/rooms_on.gif); 
  
 
}

#menu li.event{
 background-image: url(../images/mainNav/event.gif); 
 height:25px;
 width:117px;

}

#menu li.event:hover{
 background-image: url(../images/mainNav/event_on.gif); 

}

#menu li.event.active a{
 background-image: url(../images/mainNav/event_on.gif); 

 
}
#menu li.things{
 background-image: url(../images/mainNav/information.gif); 
 height:25px;
 width:117px;

}

#menu li.things:hover{
 background-image: url(../images/mainNav/information_on.gif); 

}

#menu li.things.active a {
 background-image: url(../images/mainNav/information_on.gif); }


	
#header #header_image{
	float:right;
	width:631px;
	position:absolute;
	left:289px;
	top:39px;
}

#header #overlay{
	height:70px;
	width:631px;
	position:absolute;
	right:11px;
	bottom:0px;
	z-index:8;
	top:327px;
	left:auto;
}
/*Rotator*/
#specialRotator {float: left; position: relative; left: 12px; width: 272px; top:0px; height: 358px;background-color: #FFFFFF;} 
.widget-content {float: left; position: relative; width: 272px; height: 358px;}
#specialRotator ul, #specialRotator li {position: relative; width: 272px; margin: 0px; top:1px; padding-left: 0px; height: 358px; list-style:none;}     
.FondoSpecial {float: left; position: relative; background-image: url(../images/interface.png); bottom: 279px; z-index: 3; width: 272px; height: 358px;}
.ContSpecial {position: relative; bottom: 50px; height: 70px;}
.TitleSpecial {position: absolute; top: 7px; left: 40px; width: 220px; height: 20px; z-index: 3;}
#specialRotator .ContSpecial .TitleSpecial h3 {color:#fff; font-family: 'Kaushan Script', cursive; font-size:18px; font-weight:500; margin-top:0px; 
 text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.PackageText {position: absolute; width: 172px; height: 60px; top: 35px; left: 20px; z-index: 3; color: #e9be68; text-align: center; font-size: 11px; 
font-family: arial; line-height: 15px; font-weight: bold;}
.Price {position: relative; bottom: 335px; float: right; margin: 0px; z-index: 4; width:75px; left:5px; height: 70px;overflow: hidden;}
.PriceText{color:#282C88; font-family:'Kaushan Script', cursive;  font-size:15px; font-weight:500; text-overflow: ellipsis;height: 19px;width: 65px;}
.ButSpecial {position: absolute; line-height:17px;width: 89px; height: 21px; background-image: url(../images/submit.gif); top: 80px; right: 16px;
 z-index: 3;}
 .ButSpecial a {text-decoration: none; color: #fff; text-decoration: none; font-size: 10px; font-family: arial; position: relative; 
font-weight: bold; top: 2px; padding: 4px 10px 5px 11px; white-space: nowrap;}
						   
						   /*Aqui empieza el contenedor middle de la pagina*/
#wrapper #middle{
	margin: 0px;
padding: 0px;
background-image: url(../images/content_shadow_top.jpg);
z-index: 10;
background-repeat: no-repeat;
background-position: top;
position: relative;
left: 0px;
top: 39px;
min-height: 600px;

}

 hr {
background-image: url(../images/separator.gif);
height: 9px;
position: relative;
margin: 25px 0;
border: 0;
width: 580px;
}
#middle #left{
width: 272px;
position: absolute;
left: 10px;
top: 0px;
}
/*Empieza Bookingmask*/
#left #bkmask{
	position:relative;
	background-image: url(../images/bkg_bmask.jpg);
	background-repeat:no-repeat;
	height:168px;
	top:-1px;
	bottom: 2px;
	width: 272px;
    left:2px;
}

#bkmask #check{
	position:absolute;
	font-size:16px;
	top:11px;
	font-family: 'GEORGIA';
	color:#a31c06;
	left: 13px;
	text-align:left;
	
}

#booking-form > div.date > label:nth-child(1) {
left: 8px;
position: relative;
letter-spacing: 0.2px;
margin-left: 0px;
height: 44px;
top: 17px;
right: 0px;
}
#booking-form > div.date-out > label:nth-child(1) {
position: relative;
left: 0px;
letter-spacing: 0.2px;
top: 45px;

}
#bkmask #booking_mask{
	height:168px;
	position:absolute;
	top:27px;
	left:12px;
	color:#895428;
	font-size: 11px;	
	font-family: 'Helvetica';
}


#booking_mask input{
	font-size: 13px;
	width: 130px;
	background-color: #FFFFFF;
	text-align:center;
	height:17px;
}
.type_accordionBlock+.type_richText{
 margin-top:13px;
 } 

 #date-in{position: absolute; width: 75px;  height: 12px; background-color: #fff3c3;top: 16px; left: 67px; font-size: 10px; text-align: center;}	
  #date-out{position: absolute; width: 75px; top: 43px; left: 68px; height: 12px; background-color: #fff3c3; font-size: 10px; text-align: center;}	
.date{top: -1px;position: relative;left: 1px;}
.date-out{position: relative;bottom: 15px;}
.date .ui-datepicker-trigger{
	position: absolute;
	left: 207px;
	top: 17px;
	cursor:pointer;
}
.date-out .ui-datepicker-trigger{
	position: absolute;
	left: 207px;
	bottom: 0px;
	top: 43px;
	cursor:pointer;
}
#ui-datepicker-div {
display: none; 
}
#booking-form > button{background-image: url(../images/submit.gif);
	background-color: transparent;
	color:#FFFFFF;
	font-size:10px;
	border:0px;
	position:absolute;
	top: 77px;
	left: 156px;
	width:89px;
	white-space:nowrap;
	height:21px;
	cursor:pointer;}	
#brg{
position: absolute;
left: 15px;
top: 132px;

}
#link_best-rate{font-family: 'Kaushan Script', cursive;
color: #F54921;
bottom: 0px;
position: absolute;
font-size: 17px;
top: -137px;
line-height: 17;
bottom: 0px;
letter-spacing:.5px;}
#brg a{
height: 19px;
width: 167px;
}

#left #email_offers{
	background-image:url(../images/email_offers.gif);
	background-repeat:no-repeat;
	height:120px;
	width:249px;
	position: absolute;
	top:171px;
	left:14px;
	display:block;
	padding-top:0px;
	line-height:28px;	
}

#left #email_offers a{
	text-decoration:none;
	display:block;
	height:100%;	
	
}
#email_offers #email_offers_top{
	
	color:#FFFFFF;
	font-family:'Arial', Sans-serif;
	font-size:11px;
	position: absolute;
	left: 43px;
}

#email_offers #email_offers_middle{
	
	font-size:18px;
	color:#AE1613;
	font-family: 'Kaushan Script', cursive;
	
	position: absolute;
	
	left: 88px;
	top: 30px;
}

#email_offers #email_offers_bottom{

	font-size:17px;
	color:#AE1613;
	font-family: 'Kaushan Script', cursive;
	position: absolute;
	top: 53px;
	right: 40px;
}
#recommended{
background-image:url(../images/recommended.png);
top: 366px;
left: 61px;
width:150px;
height:40px;
position:absolute;
background-repeat:no-repeat;
color:#000000;
}

#triplink{color: #000000;
position: absolute;
top: 5px;
left: 0px;
width: 150px;
height: 20px;
text-align: center;
line-height: 1.25;}
#triplink a{color: #000000;}
#image_green{
background-image:url(../images/recommended_en-11424-2.gif);
width:150px;
height:67px;
position:absolute;
top: 311px;
left: 62px;
}
#image_green a{display:block;
height:100%;}
#left  #link {
	height: 30px;
	width: 86px;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#C0620B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 264px;
	padding-left: 97px;
}
#left  #link a{color:#C0620B;
z-index:15;}

#link  #link_virtual {
	padding-top:0px;
	padding-left:0px;
	width: 15px;
height: 0px;
}

#link  #link_facebook {
	padding-top:2px;
	padding-left:50px;
}

#call-tour {
    margin-left: 30px !important;
}

#middle #right{
width: 631px;
margin-bottom: 55px;
padding: 0px;
position: relative;
margin-right: 11px;
float: right;
top: -5px;

}
#middle #right p{line-height: 16px;
margin-bottom:11px;}

#right h1 { 
color: #2F3174;
font-size: 21px;
font-family: 'GEORGIA';
padding-top: 0px;
padding-left: 35px;
}
#page_home  #right h1 {color: #6881a4;
font-size: 17px;
font-family: 'GEORGIA';
padding-top: 0px;
padding-left: 35px;
word-spacing: 1px;}

#tit{
	color:#333578;
	font-size:22px;
	font-family: 'Telex', sans-serif;
	padding-top:0px;
	padding-left: 57px;
    margin-top: 8px;
    margin-bottom: 21px;
}


.callout_top{width:211px;
height:124px;
left:10px;
background-image:url(../images/bkg_img.gif);
background-repeat:no-repeat;}
.imagen_calltop{left:2px;}
#page_packages-specials#right #texto {
font-family: Verdana, Geneva, sans-serif;
margin-top: -7px;
color: #525252;
font-size: 11px;
margin-right: auto;
margin-left: 27px;
}
#right #texto{
width: 585px;
margin-right: auto;
margin-left: 27px;
font-family: Verdana, Geneva, sans-serif;
color: #525252;
font-size: 11px;
line-height: 16px;
text-align:left;
}

#right #texto p{line-height: 16px;
margin-bottom:5px;
margin-right:18px;}
#right #texto a{
color: #5ca5d5;
text-decoration: underline;
}
#right #texto a:hover{
color: #03068B;
text-decoration: underline;
}
div#mod_pukkaPackages a.viewphotos{
text-decoration: none !important;
color: #fff !important;
font-size: 10px;
font-family: arial;
position: relative;
font-weight: bold;
top: 2px;
left: 15px;
}
div#mod_pukkaPackages a.booking-link.tracking-link{
text-decoration: none !important;
color: #fff !important;
font-size: 10px;
font-family: arial;
position: relative;
font-weight: bold;
top: 2px;
left: 15px;
}
div#mod_pukkaPackages .itemPreviewImageSection a{color: #5ca5d5;
text-decoration: underline;}
/*EMPIEZA CALLOUT*/
.content-callouttop{background-image:url(../images/callout_middle.gif);
background-repeat: repeat-y;
width: 580px;
padding-right: 0px;
padding-left: 0px;
color: #638eab;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
padding-bottom: 0px;
padding-top: 0px}
.top-callout{background-image:url(../images/callout_top.gif);
margin-top:30px;
height:2px;}
.bottom-callout{background-image:url(../images/callout_bottom.gif);
height:10px;
margin-bottom:10px;}
.content-callouttop a{color: #638eab;}
/*Callout Link*/
.content-calltop{background-image:url(../images/callout_middle.gif);
background-repeat: repeat-y;
width: 580px;
padding-right: 0px;
padding-left: 0px;
color: #638eab;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
padding-bottom: 0px;
padding-top: 0px}
.top-out{background-image:url(../images/callout_top.gif);
margin-top:30px;
height:2px;}
.bottom-call{background-image:url(../images/callout_bottom.gif);
height:10px;
margin-bottom:10px;}
.content-calltop a{color: #638eab;}
/*Callout*/
.callout-middle{overflow:hidden;
margin-bottom:10px}

/*TERMINA CALLOUT*/
.headline{line-height:17px;}
.subheadline{line-height:17px;}

#right #main-content{}
.imageHolder-right {
background-image:url(../images/bkg_img.gif);
background-repeat: no-repeat;
height: 142px;
width: 229px;
padding-top: 8px;
padding-left: 7px;
padding-right: 3px;
margin: 0px 6px 0px 19px !important;
}

.imageHolder-left {
background-image:url(../images/bkg_img.gif);
background-repeat: no-repeat;
height: 142px;
width: 229px;
padding-top: 7px;
padding-left: 7px;
padding-right: 5px;
margin: 0px 0px 9px 8px !important;
}

.green_text{
background-image: url(http://www.hoteltria.com/templates/main/images/Callout_Home4.gif);
background-repeat: repeat-y;
color: #54a0d2;
height: 115px;
float: right;
padding-left: 12px;
width: 211px;
padding-top: 9px;
line-height: 22px;
font-family: 'Kaushan Script', cursive;
font-size: 13px;
margin-top: 0px;
margin-right: 0px;
}
.callout_middle:after{ content: '.';
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
.left_call {
width: 355px;
margin-right: 0px;
float:left;
}


	/*Pukka Packages*/ 
#mod_pukkaPackages .moduleButtons {
margin-bottom: 20px;
margin-top: 20px;
}




/***** Empieza mi footer*****/
#footer {background-image: url(../images/bkg_footer.gif); height: 41px; position: relative; float: left; z-index:10; width: 931px;font-family: 'Lusitana', serif;}
/* ADRESS*/	  
#address {text-align: right;font-size: 11px;color: #A57531;padding-bottom: 20px;bottom: 63px; left:80px; position: relative;float: left;}
     #address p {margin-bottom: 0px; margin-top: 0px;}
/* MENU FOOTER*/
#bottom_nav { width: 150px;  padding-top: 107px;  relative; position: relative;height: 15px;z-index: 30;padding-right: 10px;bottom: 105px;left: 650px;}
#bottom_nav ul {background:url(http://www.hoteltria.com/templates/main/images/div_foot.gif) no-repeat; padding-right:4px; background-position-x: 78px; background-position-y: -8px; height: 15px; padding-left: 0px; margin-top: 0; margin-bottom: 0;position: relative;left: 125px;top: 8px;}
#bottom_nav li {float: right; list-style: none; margin-right: 13px; height: 15px;}
#bottom_nav a{color: #8CCCF7; display: block; height: 15px; text-decoration: none;  z-index:20; font-size: 9px; font-family:  Arial, arial, san-serif; font-weight: bold;}
#bottom_nav ul li.active a{color:#55537a;}
#bottom_nav a:hover{color: #55537a;}
#bottom_nav ul li.active {background:url(http://www.hoteltria.com/templates/main/images/div_foot.gif) no-repeat; background-position-x: 86px; background-position-y: -10px; height: 15px; padding-left: 0px; margin-top: 0; margin-bottom: 0;}


				     
			         
/* OVERLAY FOOTER */
#bottomoverlay{position: absolute; bottom: 41px; height: 228px; width: 10px; left: 289px;  background-image: url(../images/bottom_shadow_overlay.jpg);} 
/***** END FOOTER *****/	  
/* TEXT COPYRIGHT */
#wrapper_foot{
	width:931px;
	height:46px;
	margin-top:8px;
	margin-right:auto;
	margin-bottom:70px;
	margin-left:auto;
	background-repeat:repeat-x;
	background-color:#030759;
}
#bkg{background-image: url(../images/bottom_shadow_overlay.jpg);
position: absolute;
bottom: 40px;
height: 228px;
width: 10px;
left: 289px;}
#wrapper_foot #text_footer{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9px;
	color:#c3d2e9;
	width:931px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top: 45px;
	margin-right:auto;
	text-align:center;
}

#wrapper_foot #designed_by{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9px;
	width:931px;
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	text-align:center;
	color:#5f6196;
}

#wrapper_foot #designed_by a{color:#5f6196;text-decoration:underline;}
#wrapper_foot #designed_by a:hover {color:#b1d5ea;}

#right #titulo_cxml{
	
	position:relative;
	height:55px;
	width:580px;	
}

#titulo_cxml h3{
	color:#333578;
	font-size:21px;
	font-family:'arial','verdana';
	
	
}
/*Aqui empieza el Css de mi formulario*/

form.flexibleForm{
padding-left:5px;

margin-top: 73px;
}
form.flexibleForm .fieldBlock {
margin-bottom: 15px;
bottom: 16px;
position: relative;
left: 26px;
top:5px;
}
form.flexibleForm label.fieldLabel{
display:block;
float:left;
margin-right:80px;
text-align:left;
width:224px;
top: 6px;
position: relative;
}
#mod_flexibleForms > div > form > div.submitContainer {
top: 20px;
position: relative;
}
form.flexibleForm .fieldBlock .fieldInput{
float:left;
width:240px;
background-color: #FBE28B;
border: 1px solid #9A9A9A;
color:#000000;
font-family:Arial;
border-spacing: 2px;
font-size:11px;
line-height:16px;
height: 20px;
padding-left: 2px;
}
form.flexibleForm  .fieldBlock select.fieldInput{
height:20px;
padding-top:1px;
padding-bottom:1px;
}
.required .fieldLabel{
color: #479BC7; 
}

form, button, input, select, textarea{
margin:0;
}

form.flexibleForm button.submit{
background-image: url(../images/go.gif); 
background-repeat: no-repeat;  
width: 89px;  
height: 21px;  
border: 0px;   
color: #FDFAFA;  
position: relative;
font-size: 10PX;
margin-left: 268px;
bottom: 30px;
margin-bottom: 10px;

}
form.flexibleForm .fieldBlock.type_radioButtons label{
float:left;
margin-right:9px;
position: relative;
top: 9px;
}
form.flexibleForm .fieldBlock.type_radioButtons input{
float:left;
margin: 0 5px 0 10px;
position: relative;
top: 11px;
}
form.flexibleForm .fieldBlock.type_radioButtons label.fieldLabel{

margin-right: 75px;

position: relative;

margin-top: 0px;

top: 7px;

margin-bottom: 1px;

}
form.flexibleForm .fieldBlock.type_textarea .fieldInput{
width: 256px;
top: -15px;
height: 64px;
position: relative;
}
/*Map MArker*/
#boxMap {
margin-left: 28px;
margin-bottom: 54px;
position: relative;
bottom: 0px;
top: 8px;
}
#map {
border: solid;
border-width: 1px;
border-color: #030759;
}
#map-marker1 > h3 {font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
color: #000000;
padding: 0;
font-size: 17px;
font-weight: bold;
position: relative;
bottom:10px;
position: relative;
}
#map-marker1 > div {
position: relative;
bottom: 25px;
}
.marker-content {
 height: 8em; /* This should make it heigh enough to fit. */
}
#texto2 {
    margin-bottom: 77px;

    margin-top: -7px;
    margin-left: 28px;
}
#texto2 a{color: #479BC7;}
#texto3{
    margin-left: 26px;
}

/*Galeria*/

/*Packages*/
#mod_pukkaPackages p{margin-left:0px;
margin-right:30px;
margin-top:0px;}
/*Events*/
p.emptyModule {position: relative;
left: 200px;
}
/*--general accordion*/
 .accordionTitle{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
width: 560px;
height: 32px;
background: url(../images/list-accordion-bg.gif) 0 -33px no-repeat;
line-height: 32px;
cursor: pointer;
font-weight: bold;
padding-left: 20px;
margin: 1px 0px 1px;
text-transform:capitalize;
}
 .expanded .accordionTitle{
background-position: 0px 0; 
text-transform:capitalize;
}
.accordionContentModule{
padding-top:15px;}

/*site map */
#mod_sitemap a{
color: #5CA5D5;
}

#mod_sitemap ol,ul{list-style-type: disc;
}
#content ol{ 
 padding-left:41px;
 overflow: hidden;
}
#content ul{ 
 overflow: hidden;
}
#content ul li{ 
 padding-left: 1px;
}
ul{margin-bottom: 25px;
margin-top: 25px;}

/*Navegadores*/

.msie8 #date-in{position: absolute; width: 75px;  height: 12px; background-color: #fff3c3;top: 15px; left:67px; font-size: 10px; text-align: center;}	
 .msie8 #date-out{position: absolute; width: 75px; top: 58px; left:67px; height: 12px; background-color: #fff3c3; font-size: 10px; text-align: center;}	
.msie8 .date {top: 0px;position: relative;}
.msie8 .date-out {position: relative;bottom: 14px;}
.msie8 .date .ui-datepicker-trigger {
	position: absolute;
	left: 207px;
	top: 15px;
	cursor:pointer;
}
.msie8 .date-out .ui-datepicker-trigger {
	position: absolute;
	left: 207px;
	bottom: 0px;
	top: 58px;
	cursor:pointer;
}
.msie8 #booking-form .date label {
left: 8px;
position: absolute;
letter-spacing: 0.2px;
margin-left: 0px;
height: 44px;
top: 15px;
right: 0px;
}
.msie8 #booking-form .date-out label {
position: relative;
left: 0px;
letter-spacing: 0.2px;
top: 59px;

}
.msie8 #booking_mask input{
	font-size: 12px;
	width: 130px;
	background-color: #FFFFFF;
	text-align:center;
	height:16px;
}

.mac .firefox #top #featured_nav{
position: absolute;
top: 15px;
left: 632px;
height: 18px;
border-bottom: 0px solid #FFF;
white-space: nowrap;
}

.mac .firefox #booking-form > button{
    background-image: url(../images/submit.gif);
	background-color: transparent;
	color:#FFFFFF;
	font-size:11px;
	border:0px;
	position:absolute;
	top:78px;
	left:155px;
	width:89px;
	height:21px;
	cursor:pointer;
	white-space: nowrap;
	}
.msie10 #booking-form  button{
    background-image: url(../images/submit.gif);
	background-color: transparent;
	color:#FFFFFF;
	font-size:11px;
	border:0px;
	position:absolute;
	top:78px;
	left:155px;
	width:89px;
	height:21px;
	cursor:pointer;
	white-space: nowrap;
	}
.mac #booking-form > button{
    background-image: url(../images/submit.gif);
	background-color: transparent;
	color:#FFFFFF;
	font-size:11px;
	border:0px;
	position:absolute;
	top:78px;
	left:155px;
	width:89px;
	height:21px;
	cursor:pointer;
	white-space: nowrap;
	}
 .firefox #booking_mask input {
    background-color: #FFF;
    border-color: #A9A9A9;
    border-style: solid;
    border-width: 0.5px;
    font-size: 13px;
    height: 18px;
    text-align: center;
    width: 135px;
}
.firefox #date-in {
    position: absolute;
    width: 75px;
    height: 12px;
    background-color: #FFF3C3;
    top: 19px;
    left: 67px;
    font-size: 10px;
    text-align: center;
}

.firefox .date .ui-datepicker-trigger {
    position: absolute;
    left: 209px;
    top: 20px;
    cursor: pointer;
}
.firefox .date-out .ui-datepicker-trigger {
    position: absolute;
    left: 210px;
    bottom: 0px;
    top: 44px;
    cursor: pointer;
}
.firefox #bkmask #check {
    position: absolute;
    font-size: 16px;
    top: 12px;
    font-family: 'GEORGIA';
    color: #A31C06;
    left: 13px;
    text-align: left;
}
.firefox #booking-form .date  label{
left: 8px;
position: relative;
letter-spacing: 0.2px;
margin-left: 0px;
height: 44px;
top: 19px;
right: 0px;
}
.firefox #booking-form .date-out  label {
position: relative;
left: 0px;
letter-spacing: 0.2px;
top: 47px;

}
/**/
.msie8 #booking_mask input {
    background-color: #FFF;
    border-color: #A9A9A9;
    border-style: solid;
    border-width: 0.5px;
    font-size: 13px;
    height: 18px;
    text-align: center;
    width: 135px;
}
.msie8 #date-in {
    position: absolute;
    width: 75px;
    height: 12px;
    background-color: #FFF3C3;
    top: 19px;
    left: 67px;
    font-size: 10px;
    text-align: center;
}

.msie8 .date .ui-datepicker-trigger {
    position: absolute;
    left: 209px;
    top: 20px;
    cursor: pointer;
}
.msie8 .date-out .ui-datepicker-trigger {
    position: absolute;
    left: 210px;
    bottom: 0px;
    top: 44px;
    cursor: pointer;
}
.msie8 #bkmask #check {
    position: absolute;
    font-size: 16px;
    top: 12px;
    font-family: 'GEORGIA';
    color: #A31C06;
    left: 13px;
    text-align: left;
}
.msie8 #booking-form .date  label{
left: 8px;
position: relative;
letter-spacing: 0.2px;
margin-left: 0px;
height: 44px;
top: 19px;
right: 0px;
}
.msie8 #booking-form .date-out  label {
position: relative;
left: 0px;
letter-spacing: 0.2px;
top: 47px;
}

.mac .chrome div#mod_pukkaPackages .itemPreviewImageSection{
float:right;
background:url(http://www.hoteltria.com/main/images/bkg_img.gif) no-repeat;
padding:7px 7px 7px 7px;
margin:5px 15px 5px 10px;
}

.firefox #bottom_nav ul {
    background: url('http://www.hoteltria.com/templates/main/images/div_foot.gif') no-repeat scroll 0% 0% transparent;
    height: 15px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    top: 8px;
    left: 120px;
background-position: 78px -7px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
background: #fbf9ee url(http://www.hoteltria.com/templates/main/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
border: 1px solid #080C5C;
background-image: none;
background-color: #589442;
color: #363636;
}
.msie div.fieldBlock  label{padding-top:2px}

.mac .accordionTitle{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
width: 560px;
height: 32px;
background: url(../images/list-accordion-bg.gif) 0 -33px no-repeat;
line-height: 32px;
cursor: pointer;
font-weight: normal;
padding-left: 20px;
margin: 1px 0px 1px;
}
.mac div#mod_pukkaPackages .itemPreviewTitle{
font-weight: normal !important;
}
.mac div#mod_pukkaGalleries .itemPreviewTitle {
font-weight: normal !important;
}
.mac #mod_pukkaEvents .eventsTitle h3{
font-weight: normal !important;}

.firefox .marker-body{position:relative;
bottom:10px;}
.msie8 #booking-form button{position: relative !important; top: 45px !important;}
.msie8 input#date-out {top: 45px !important; left: 67px !important; position: absolute !important;}