@charset "utf-8";
/* CSS Document  */

/* Reset all browser css styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color:#666666;
}
body {
line-height: 1;

}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* Start Layout */

textarea { width:90% ; margin-bottom:10px;}
select { margin-bottom:10px ;}
input {font-weight:normal;}
html {
font-family:Helvetica, Arial, sans-serif;
text-align:left;
line-height:20px;
background-color:#fafafa;
height:auto;
font-size: 14px;
}

body{}
a {text-decoration:none;}

img {border: none;}

/* workarea */
.mainCentral { 
width:900px;
margin:0px auto;
height:auto;

}
/*Main container structure*/
#topBlock 
{
	width:900px;
	height:130px;
	float:left;
	background: url(../puntagaleon_hotel_bin/header.png) no-repeat 0 0;
	position:relative;
	z-index:2;
}

#centerBlock 
{
	width:900px;
	height:290px;
	float:left;
	position:relative;
	z-index:10;
}

	#navigationBlock {
	width:880px;
	height:41px;
	padding:0 10px;
	float:left;
	background:url(../puntagaleon_hotel_bin/menu_bg.png) no-repeat 0 0;
	position:relative;
	z-index:3;
}

#contentBlock {
	width:900px;
	height:auto;
	float:left;
	clear:both;
	background:url(../puntagaleon_hotel_bin/container_bg.png) repeat-y 0 0;
	position:relative;
	z-index:4;
}

#bottomBlock {
	float:left;
	clear:both;
	height: 140px;
	position:relative;
	z-index:5;
	background:url(../puntagaleon_hotel_bin/footer_bg.png) no-repeat 0 0;
}

/* #topBlock structure */

#topBlock .hotellogo {
	width:270px;
	height:107px;
	float:left;
	margin: 10px;
}

#topBlock .hotellogo a {
	width:270px;
	height:107px;
	display:block;
	text-indent:-9999px;
}

#topBlock .quicklinks {
	width:580px;
	float:right;
}

#topBlock .quicklinks ul {
	text-align:right;
	padding-top:50px;
}

#topBlock .quicklinks li {
	display:inline;
	float:right;
}

#topBlock .quicklinks a {
	color:#fff;
	margin:0 1px;
	text-transform:uppercase;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
	padding:7px;
	background:#52c8d2;
}

#topBlock .quicklinks a:hover {
	text-decoration: none;
	color:#fff;
	padding:7px;
	background:#048a95;
}

/* #centerBlock structure */

#centerBlock .flashContainer  {
	width: 900px;
	height: 290px;
	float:left;
	padding:0 1px;
}

#centerBlock .bookingGadget {
	width:195px;
	height:240px;
	float:right;
	padding: 30px 0 20px 35px;
	position: absolute;
	right: 0px;
	background:url(../puntagaleon_hotel_bin/be_transp_bg.png) repeat;
	border-left:1px solid #FFFFFF;
	}

/* #navigationBlock	structure */

#navigationBlock ul {
	width:800px;
	text-align:left;
	}

#navigationBlock li {
	display:inline;
	font:12px Helvetica, Arial, sans-serif;
	color:#a28f5d;
	text-transform:uppercase;
	font-weight: bolder;
	}

#navigationBlock li a {
	color:#372c25;
	float:left;
	padding:15px 8px 12px;
	}

#navigationBlock li a:hover,
#navigationBlock li.active a
	{
	color:#048a95;
	border-bottom:1px solid #048a95;
	}

#navigationBlock li.active {
	}

/* #contentBlock structure */

#fxBlock1 {
	width:900px;
	height:10px;
	background:url(../puntagaleon_hotel_bin/content_top.gif) no-repeat bottom;
	float:left;
	}

#fxBlock2 {
	width:900px;
	height:10px;
	float:left;
	}

#contentBlock .leftcolumn {
	width:670px;
	height:auto;
	float:left;
	background:url(../puntagaleon_hotel_bin/content_bg.png) no-repeat 0 top;
	}

#contentBlock .content {
	width:630px;
	float:left;
	font:12px Helvetica, Arial, sans-serif;
	text-align:justify;
	padding: 20px 20px 30px;
	overflow:hidden;
	}
	
#contentBlock .content p {
	margin-bottom:10px;
	line-height:20px;
	color:#333;
	}
	
#contentBlock .content h1 {
	font-weight:bold;
	color:#048A95;
	margin-bottom:0px;
	padding:5px 0px 20px;
	text-transform:uppercase;
	font-size: 24px
	}

#contentBlock .content h2 {
	font-weight:normal;
	color:#048A95;
	margin-bottom:10px;
	margin-top:20px;
	text-transform:none;
	font: 14px Helvetica, Arial, sans-serif;
	}
	
#contentBlock .content h3,h4,h5,h6 {
	font-weight:bold;
	color:#048A95;
	margin-bottom:5px;
	margin-top:10px;
	text-transform:uppercase;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#contentBlock .content a {
	color:#7b1829;
	text-decoration:underline;
	visibility:visible !important;
	}
	
#contentBlock .content ul, #contentBlock .content ol {
	margin-left:0px;
	margin-top: 15px;
	}
	
#contentBlock .content ul li {
	color:#048A95;
	list-style:square;
	margin:10px 15px;
	}
	
#contentBlock .content ol li {
	color:#56524c;
	list-style:decimal;
	margin:10px 5px;
	}
	
#contentBlock .rightcolumn {
	width:195px;
	height:auto;
	float:right;
	margin-top:0px;
	position: relative;
	font-size:11px;
	padding: 20px 15px 0 20px;
	background: url(../puntagaleon_hotel_bin/sidebar_bg.png) no-repeat top right;
	}

#contentBlock .rightcolumn p {
	font:10px Helvetica, Arial, sans-serif;
	color:#777777;
	text-align:left;
	margin-bottom:5px;
	line-height:20px;
	}
	
#contentBlock .rightcolumn h1 {
	font:12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#372f23;
	margin-bottom:0px;
	margin-top:9px;
	text-transform:uppercase;
	}
	
#contentBlock .rightcolumn h2 {
	font:11px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#99173C;
	margin-bottom:3px;
	margin-top:9px;
	text-transform:uppercase;
	}
	
#contentBlock .rightcolumn h3,h4,h5,h6 {
	font:11px Helvetica, Arial, sans-serif;
	color:#000;
	margin-bottom:3px;
	margin-top:9px;
	text-transform:uppercase;
	}	
					
#contentBlock .rightcolumn a {
	color:#7b1829;
	text-decoration:underline;
	font-size:11px;
	}
	
#contentBlock .rightcolumn ul li {
	font:11px Helvetica, Arial, sans-serif;
	list-style:square;
	}
	
#contentBlock .rightcolumn ol li {
	font:11px Helvetica, Arial, sans-serif;
	list-style:decimal;
	}
	
#contentBlock .footerMenu {
	width:870px;
	text-align:center;
	float:left;
	clear:both;
	padding:20px 10px 5px;
	background: #FFF url(../puntagaleon_hotel_bin/footer_menu_bg.png) no-repeat 0 0;
	}
	
#contentBlock .footerMenu ul {
	margin-top:0;
	clear:both;
	}
	
#contentBlock .footerMenu li {
	display:inline;
	padding:0px 8px;
	font:10px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	}
	
#contentBlock .footerMenu a {
	color:#808080;
	}
	
#contentBlock .footerMenu li a:hover {
	color:#048A95;
	text-align: center;
	}

/* #bottomBlock structure */

#bottomBlock .poweredby {
	width:238px;
	clear:both;
	padding-left: 330px;
	padding-right: 330px;
	background: url(../puntagaleon_hotel_bin/powerd_by.png) center;
	background-repeat: no-repeat;
	height: 70px;
	}
	
#bottomBlock .poweredby a {
	width:240px;
	height:95px;
	text-indent:-9999px;
	display:block;
	text-align:center;	
	}

#bottomBlock .hoteladdress {
	width:900px;
	height:40px;
	clear:both;
	font:12px Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#808080;
	text-align:center;
	text-transform:uppercase;
	padding: 20px 0 0;
	}

/***************************************** GADGET CONFIG *******************************************/

/* Room type descriptions */

#contentBlock .content .roomContainer {
	width: 580px;
	height:auto;
	float:left;
	clear:both;
	border-bottom:1px dotted #048A95;
	margin-bottom:25px;
	padding-bottom:25px;
	}
	
#contentBlock .content .roomContainer .roomName {
	padding: 3px 0px;
	font: 13px Helvetica, Arial, sans-serif;
	color: #372f23;
	margin:0px 0px 4px 0px;
	}
	
#contentBlock .content .roomContainer .roomName h2 {
	margin:0; 
	padding-top:0px; 
	font-size:18px; 
	font-weight:bold;
	color:#BF8923;
	}
	
#contentBlock .content .roomContainer .roomPhoto {
	width: auto;
	height: auto;
	float:left;
	padding:0px;
	}
	
#contentBlock .content .roomContainer .roomPhoto img {
	height:125px;
	width:125px;
	overflow:hidden; 
	margin:0;
	padding:0;
	visibility:visible !important;
	}
	
#contentBlock .content .roomContainer .roomDescription { 
	float:left;
	margin-right:15px;
	text-align:left;
	width:90%;
	}
	
#contentBlock .content .roomContainer .roomDescription ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#contentBlock .content .roomContainer .roomDescription p {
	margin:0; 
	padding:0;
	}
	
#contentBlock .content .roomContainer .roomDescription li {
	font-size:12px;
	margin-left: 30px;
	color: #666666;
	line-height: 18px;
	list-style:square;
	}
	
#contentBlock .content .roomContainer .roomDescription h2 {
	padding:0;
	margin:0;
	}

#contentBlock .content .roomContainer .spacer {
	width: 100%;
	height: 10px;
	float: left;
	clear:both;
	}
	
#contentBlock .content .roomContainer .promotions-showTermsTrigger{}

#contentBlock .content .roomContainer .promotions-bgLink { 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:16px;
	font-weight:bold;
	background:#048A95; 
	padding:7px;
	border:none;
	color:#ffffff;
	text-decoration:none;
	float:left;
	clear:both;
	margin-top:25px;
	}

#contentBlock .content .roomContainer .promotions-termsActions  {
clear:both;
float:left;
margin-top:10px;
width:409px;
}
#contentBlock .content .roomContainer .promotions-closeTerms { 
height:25px;
background: #555555 url(../puntagaleon_hotel_bin/close_terms.gif) no-repeat 4px 4px; 
padding:5px 5px 5px 30px; 
color:#ccc;  
text-decoration:none; 
width:409px;

}
#contentBlock .content .roomContainer .termsText {			width:409px;margin-left:140px;
}
#contentBlock .content .roomContainer .promotions-termsText {
font:11px Helvetica, Arial, sans-serif;
color:#999; 
padding:15px;
}
#contentBlock .content .roomContainer .cancelText {			width:100%;
}






/* meetingandevents */

#contentBlock .content #meetingandevents { }
#contentBlock .content #meetingandevents li {
list-style:none;
padding:0;
margin:5px;
}

/* Picture Gallery container */


.languages {
width:300px;
height:22px;
float:right;
margin-top:5px;
margin-right: 7px;
}
.languages ul {text-align:right; margin:5px;}
.languages li {
display: inline;
list-style:none;
margin-left:15px;
}
.languages li a {
text-decoration:none;
color:#048A95;
text-transform:uppercase;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
}
.languages li a:hover {
text-decoration: underline;
color: #048A95;
}


/* Pormotions gadget */


.promotionsgadget {
cursor:pointer;
width:auto;
padding:10px;
clear:both;
margin:15px 0px;
background-color:#d1eaf3;
}

.promotionsgadget .prgTitle, .promotionsgadget .prgTitle a
{
cursor:pointer;
float:left;
color:#BF8923;
width:auto;
font-weight:bold;
font-size:18px;
line-height:20px;
text-transform:uppercase;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;

}

.promotionsgadget .prgImage, .promotionsgadget .prgImage a 
{
cursor:pointer;
float:left;
width:70px;
height:70px;
border:none;
text-decoration:none;
margin:10px 0 8px;;
}

.promotionsgadget .prgClick, .promotionsgadget .prgClick a
{
cursor:pointer;
float:left;
width:auto;
color:#048A95;
margin-top:5px;
text-decoration:none;
text-transform:uppercase;
font-size:10px;
}

.prgDescription, .promotionsgadget .prgDescription a {
cursor:pointer; 
height:auto; 
width: auto; 
padding-top:10px; 
clear:both; 
color:#555555;
}


/* Weather gadget */

.mainCentral .weatherGadget { 
width:auto;
border:none;
margin:15px 0;
}
.mainCentral .weatherGadget .wgImageNode { 
margin-right:10px;
}
.mainCentral .weatherGadget .wgTemperatureNode {
float:left;
font-size:18px;
font-weight:normal;
color:#048A95;
margin-top:10px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif;
}

/* Trip Advisor */

.mainCentral #TA_Container , .mainCentral .TA_rtable td{ border:0;}

/* Contact forms v2 */

#contentBlock .leftcolumn .content form {
	font:14px Arial, Helvetica, sans-serif;
	color:#666;
	}

#contentBlock .leftcolumn #Name, 
#contentBlock .leftcolumn #Email, 
#contentBlock .leftcolumn #Phone, 
#contentBlock .leftcolumn #State, 
#contentBlock .leftcolumn #Country, 
#contentBlock .leftcolumn #Question, 
#contentBlock .leftcolumn #Comments, 
#contentBlock .leftcolumn #CheckBox {
	width:auto;
	margin: 0 0 15px;
	}

#contentBlock .leftcolumn .labels {
	width:100%;
	margin:0 0 5px;
	}

#contentBlock .leftcolumn .labels p {
	margin-bottom:0px;
	}

#contentBlock .leftcolumn .inputName, 
#contentBlock .leftcolumn .inputEmail, 
#contentBlock .leftcolumn .inputPhone,
#contentBlock .leftcolumn .inputState, 
#contentBlock .leftcolumn .inputComments {
	width:400px;
	padding:5px;
	border:1px solid #d9d7c2;
	background:#FFFFFF;
	}

#contentBlock .leftcolumn #CheckBox .labels {
	display:inline;
	margin:10px 0 5px;
	font-size:12px;
	}
	
#contentBlock .leftcolumn .box {
	margin:0 3px 0 0;
	}
	
#contentBlock .leftcolumn #cbcountries, 
#contentBlock .leftcolumn #cbquestion {
	width:412px;
	padding:5px;
	border:1px solid #d9d7c2;
	background:#FFFFFF;
	overflow:auto;
	}
	
#contentBlock .leftcolumn .submitButton {
	padding:5px 10px;
	margin:10px 0 30px;
	border:1px solid #c4c2ac;
	background:#d9d7c2;
	color:#FFFFFF;
	font:14px Helvetica, Arial, sans-serif;
	}

/* Picture Gallery */

.pgContainer {
width:170px;
text-align:left;
float:left;
margin:0px 10px 0px 0px;

}
.pgContainer .pgImage {
width:150px;
height:150px;
}

.pgContainer .pgText {
margin-top:15px;
color:#777777;
}

#centerBlock .bookingGadget .gc_sh .gc_verticalSh 
{
width:170px; 
padding:0;
}

#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandTitle  
{
	color:#372c25;
	line-height:1em;
	text-transform:lowercase;
	font: 26px Helvetica, Arial, sans-serif;
	font-weight:bolder;
	}

#centerBlock .bookingGadget .gc_sh .gc_verticalSh .checkinLabel { 
	color:#372c25; 
	font:10px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	}

#centerBlock .bookingGadget .gc_sh .gc_verticalSh .shortHandNrNightsLabel {
	color:#372c25; 
	font:10px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	}

/*Checkin field*/

	#centerBlock .bookingGadget .gc_sh .startDay {
	width:120px;
	height:20px;
	padding-top:4px;
	border-color:#c4c2ac;
	color:#333;
	background-color:#FFFFFF;
	}
	
/*Nights field*/

#centerBlock .bookingGadget .gc_sh .yui-menu-button button {
	width:60px;
	height:24px;
	padding-bottom:4px;
	background: #FFFFFF url(../puntagaleon_hotel_bin/bg_dropdown.gif) no-repeat 90% 50%;
	border-color:#c4c2ac;
	color:#333;
	}
	
/*Calendar icon*/

#centerBlock .bookingGadget .gc_sh .shortHandCalendarIcon {
	width:20px;
	height:25px;
	margin-left:5px;
	background:url(../puntagaleon_hotel_bin/bg_calendar.png) no-repeat;
	}

/*Booknow*/

#centerBlock .bookingGadget .gc_sh .shortHandCheckRates {
	width:175px;
	background:url(../puntagaleon_hotel_bin/book_now.png) no-repeat;
	height:33px;
	font: 14px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:-3px;
	}
	
#background-img {
	z-index:1;
	height:850px;
	width:100%;
	background:url(../puntagaleon_hotel_bin/bkg_img.jpg) no-repeat top center;
	position:absolute;
	top:0px;
	left:0px;
	}
