﻿/* General Stles */

body
{
	color: #444444;
	font-family: Arial;
	font-size: 12px;
	background-color: #75c4ef;
	background-image: url(     'images/bg.jpg' );
	background-repeat: repeat-x;
	margin: auto;
	width: 980px;
	text-align: justify;
}

.noBorder
{
	border: none;
}

/* General Tables */

table
{
	border-collapse: collapse;
}

/* General Widths */

.widthFull
{
	width: 980px;
}

.widthFullContent
{
	width: 956px;
}

.widthFullContentTable
{
	width: 953px;
}

.width120
{
	width: 120px;
}

.width170
{
	width: 170px;
}

.width180
{
	width: 180px;
}

.width220
{
	width: 220px;
}

.width240
{
	width: 240px;
}

.width280
{
	width: 280px;
}

.width325
{
	width: 325px;
}

.width350
{
	width: 350px;
}

.width652
{
	width: 652px;
}

.width225
{
	width: 225px;
}

.widthCreditCardCode
{
	width: 170px;
	height: 113px;
}

.widthBox1
{
	width: 230px;
}

.widthBox2
{
	width: 472px;
}

.widthBoxSpace
{
	width: 12px;
}

/* General Heights */

.heightBoxDefault1
{
	height: 82px;
	display: table-cell;
}

.heightBoxDefault2
{
	height: 196px;
	display: table-cell;
}

.heightBoxHotelName
{
	height: 52px;
}

.heightBoxHotelPhoto
{
	height: 96px;
}

.heightBoxHotelPrice
{
	height: 30px;
}

.heightBoxDoYouKnow
{
	height: 398px;
}

.heightBoxSmall
{
	height: 58px;
}

/* General Colors */
.colorTitle
{
	color: #007CC3;
	font-weight: bold;
	font-size: 14px;
}

.colorLogin
{
	color: white;
	font-weight: bold;
}

.colorLocation
{
	color: gray;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

/* General Margins */

.margin0
{
	margin: 0px;
}

.margin12
{
	margin: 12px;
}

.margin12Top
{
	margin-top: 12px;
}

.margin12TopLeft
{
	margin-top: 12px;
	margin-left: 12px;
}

.margin12Bottom
{
	margin-bottom: 12px;
}

.margin12TopBottom
{
	margin-top: 12px;
	margin-bottom: 12px;
}

.margin12Left
{
	margin-left: 12px;
}

.margin12Right
{
	margin-right: 12px;
}

.margin12RightBottom
{
	margin-right: 12px;
	margin-bottom: 12px;
}

.auto
{
	margin: auto;
}

.marginButton
{
	margin-top: -22px;
}

/* General Paddings */

.paddingTop25
{
	padding-top: 25px;
}

.padding12
{
	padding: 12px;
}

.padding12Left
{
	padding-left: 12px;
}

.padding12Top
{
	padding-top: 12px;
}

.padding1Right
{
	padding-right: 1px;
}

.padding12TopLeft
{
	padding-top: 12px;
	padding-left: 12px;
}

.padding12LeftBottom
{
	padding-left: 12px;
	padding-bottom: 12px;
}

.padding12TopBottom
{
	padding-top: 12px;
	padding-bottom: 12px;
}

.padding12LeftRight
{
	padding-left: 12px;
	padding-right: 12px;
}

.padding12Bottom
{
	padding-bottom: 12px;
}

/* General Aligns */
.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.justify
{
	text-align: justify;
}

.left
{
	text-align: left;
}

.top
{
	vertical-align: top;
}

.middle
{
	vertical-align: middle;
}

.bottom
{
	vertical-align: bottom;
}

/* General Font Sizes */

.font12
{
	font-size: 12px;
}

.font14
{
	font-size: 14px;
}

.fontPrice
{
	font-size: 16px;
	font-weight: bold;
}

.fontConsultUs
{
	font-size: 16px;
	font-weight: bold;
}

/* Header */

.heightHeader
{
	height: 108px;
}

.headerTopLeft
{
	width: 220px;
	background-image: url(     'images/header_top_left.png' );
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	height: 81px; /* do total de 108px */
}

.headerLogo
{
	margin-top: 12px;
}

.headerTopRight
{
	width: 760px;
	background-image: url(     'images/header_top_right.png' );
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	vertical-align: top;
	height: 81px; /* do total de 108px */
}

.headerLanguages
{
	margin-top: 12px;
	margin-right: 12px;
	height: 38px;
}

.headerWelcome
{
	margin-right: 12px;
}

.headerLogin
{
	margin-right: 12px;
}

.headerBottomLeft
{
	background-image: url(     'images/header_bottom_left.png' );
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
	height: 27px; /* do total de 108px */
}

.headerMenu
{
	float: left;
	margin-left: 12px;
	margin-top: 3px;
}

.headerMenuImage
{
	position: relative;
	top: -2px;
}

.headerBottomRight
{
	background-image: url(     'images/header_bottom_right.png' );
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	vertical-align: middle;
	height: 27px; /* do total de 108px */
}

.headerCart
{
	margin: 5px 12px 5px 12px;
	font-weight: bold;
	color: #007CC3;
}

/* Footer */

.footer
{
	width: 984px;
	height: 44px;
	background-image: url(     'images/footer.png' );
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 12px;
}

.footerText
{
	margin: 22px;
}

/* Content */

.content
{
	background-color: White;
}

.contentText
{
	margin: 12px;
}

/* Repeaters */

.rptCategories
{
	width: 220px;
	float: left;
}

.rptMeals
{
	width: 110px;
	float: left;
}

.rptStars
{
	width: 110px;
	float: left;
}

.rptCategoriesContent
{
	width: 110px;
	float: left;
	height: 34px;
}

.rptCategoriesImage
{
	width: 5px;
	height: 12px;
	float: left;
	padding-top: 5px;
}

.rptCategoriesText
{
	width: 102px;
	float: left;
	padding-left: 2px;
}

/* ================================================================== */

/* UserControls */

.hbiContent
{
	float: left;
}

/* Divs */
#divTerms b
{
	color: #007CC3;
	font-weight: bold;
}

#divPrivacy b
{
	color: #007CC3;
	font-weight: bold;
}

#divAboutUs b
{
	color: #007CC3;
	font-weight: bold;
}

#divAboutUsImages
{
	text-align: center;
}

#divAboutUsImages img
{
	width: 210px;
	height: 140px;
	margin: 40px;
}

#divText .title
{
	font-weight: bold;
	color: #007CC3;
}


#divText .area1
{
	text-align: left;
	background-color: #f0fbf0;
	border: solid 1px #84C225;
	width: 228px;
	float: left;
}

#divText .area2
{
	text-align: left;
	background-color: #f0fbf0;
	border: solid 1px #84C225;
	width: 470px;
	float: left;
}

#divText .area3
{
	text-align: left;
	background-color: #f0fbf0;
	border: solid 1px #84C225;
	width: 712px;
	float: left;
}

#divText .inner
{
	margin: 12px 0px 12px 12px;
	float: left;
}


#divText .b b
{
	color: #007CC3;
	font-weight: bold;
}

#divText .area_space
{
	width: 12px;
	float: left;
}

#divText .error
{
	text-align: center;
	padding: 12px;
	background: lightYellow;
	border: #bebebe solid 1px;
}

#divText .clear
{
	clear: both;
}

#divText .area0
{
	margin: 12px 12px 12px 12px;
}

#divText .cities
{
	border-top: solid 1px #84C225;
}

#divText .area0 b
{
	color: #007CC3;
	font-weight: bold;
}

#divText .information
{
	text-align: center;
	padding: 12px;
	background-color: White;
	border: 1px solid #C2C2C2;
}

#divText .message
{
	text-align: left;
	background-color: #f0fbf0;
	border: solid 1px #84C225;
}

.divEnd
{
	clear: both;
	padding-top: 12px;
}

.clear
{
	clear: both;
}

#divItinerary .title
{
	color: #007CC3;
}

.tabHotelAbout
{
	margin-left: 4px;
	margin-top: 4px;
}

.tabHotelAbout h1
{
	font-size: 16px;
	margin: 0px;
}

.tabHotelAbout h2
{
	font-size: 14px;
	margin: 0px;
}

.tabHotelAbout h4
{
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
}

#divHotelPhotos
{
	margin-top: 1px;
	width: 224px;
	float: left;
	text-align: center;
}

#divHotelDescription
{
	width: 392px;
	margin-top: 4px;
	margin-left: 9px;
	float: left;
	text-align: justify;
	border: solid 1px #84C225;
}

#divHotelDescriptionContent
{
	margin: 12px;
}

#divHotelDescriptionContent h1
{
	color: #007CC3;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
}

#divHotelDescriptionContent h2
{
	font-size: 14px;
	margin: 0px;
	color: gray;
}

#divHotelDescriptionContent h4
{
	padding-top: 12px;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
}

.divHotelCategories
{
	border-top: solid 1px #84C225;
	margin-right: 4px;
	margin-left: 1px;
	margin-top: 12px;
}

.divHotelCategoriesTitle
{
	color: #007CC3;
	font-weight: bold;
	margin-top: 12px;
}

#tabHotelRoom
{
	margin-left: 4px;
	margin-right: 4px;
}

.divRoomDescription
{
	padding-top: 12px;
}

.divRoomDetails
{
	margin-top: 12px;
}

#divRoomDetailsSep
{
	margin-bottom: 12px;
	border-bottom: solid 1px #84C225;
}

#divHotelPrices
{
	margin-top: 20px;
	margin-left: 12px;
	width: 290px;
	float: left;
	border: solid 1px #84C225;
}

.divPricesOk
{
	padding: 12px;
	margin: 12px;
	background-color: #fffee2;
	text-align: center;
}

.divPricesOk b
{
	font-weight: bold;
	font-size: 16px;
}

.divPricesNo
{
	padding: 12px;
	margin: 12px;
	background-color: #fffee2;
	text-align: center;
}

.divPricesNo b
{
	font-weight: bold;
	font-size: 16px;
}

.divFilter
{
	border-top: solid 1px #84C225;
	padding-top: 12px;
	margin: 12px;
}

.divFilter b
{
	color: #007CC3;
	font-weight: bold;
}

.divFilterCol1
{
	float: left;
	width: 266px;
	margin-top: 12px;
}

.divFilterCol2
{
	float: left;
	width: 133px;
	margin-top: 12px;
}

.divFilterCol3
{
	float: left;
	width: 65px;
	margin-top: 12px;
}

.divFilterCol4
{
	float: left;
	width: 100px;
	margin-top: 12px;
}

/* ================================================================== */

/* Tables */
#divItinerary table
{
	width: 955px;
}

#divItinerary table .c0
{
	padding: 5px;
}

#divItinerary table .title
{
	color: #007CC3;
	font-weight: bold;
}

#divItinerary table .item
{
	vertical-align: top;
	padding: 12px 0 12px 0;
}

#divItinerary table .text
{
	padding-right: 12px;
}

#divItinerary table .center
{
	text-align: center;
}

#divItinerary table .bottom
{
	padding-top: 12px;
	border-bottom: solid 1px #B8DC7A;
}

#divItinerary table .left
{
	text-align: left;
}

#divItinerary table .right
{
	text-align: right;
}

#divItinerary table .total
{
	text-align: right;
	font-weight: bold;
}

#divItinerary table .c1
{
	width: 90px;
	vertical-align: top;
}

#divItinerary table .c2
{
	width: 180px;
	vertical-align: top;
}

#divItinerary table .c3
{
	width: 230px;
	vertical-align: top;
}

#divItinerary table .c4
{
	width: 170px;
	vertical-align: top;
}

#divItinerary table .c5
{
	width: 80px;
	vertical-align: top;
	text-align: center;
}

#divItinerary table .c6
{
	width: 70px;
	vertical-align: top;
	text-align: center;
}

#divItinerary table .c7
{
	width: 100px;
	vertical-align: top;
}

.tableMessage
{
	background-color: #f0fbf0;
	border: solid 1px #84C225;
}

.tableInformation
{
	background-color: White;
	border: 1px solid #C2C2C2;
}

.tableAlert
{
	background: lightYellow;
	border: #bebebe solid 1px;
}

.tablePayment
{
	border: solid 1px #444444;
	color: Red;
}

.tableHotelAbout
{
	width: 625px;
}

.tableHotelRoom
{
	width: 625px;
}

.tablePager
{
	margin: auto;
}

.tableHotelListItem
{
	border-top: solid 1px #84C225;
	padding-top: 12px;
	padding-bottom: 12px;
}

.tableHotelListItemAlt
{
	border-top: solid 1px #84C225;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #f0fbf0;
}

.tableHotelListStop
{
	border-top: solid 1px #84C225;
	padding-top: 12px;
}

.tableAltItemBG
{
	background-color: #f0fbf0;
}

/* ================================================================== */

/* Links */
a
{
	text-decoration: none;
	color: #84C225;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #84C225;
	font-weight: bold;
}

.headerLogin a
{
	text-decoration: none;
	color: White;
	font-weight: bold;
}

.headerLogin a:hover
{
	text-decoration: underline;
	color: White;
	font-weight: bold;
}

/* ================================================================== */

/* Lists */
.sort_item
{
	margin-right: 12px;
	float: left;
}

.filter
{
	text-align: right;
	vertical-align: middle;
}

.categories_item
{
	width: 194px;
	margin: 12px 12px 0px 0px;
	float: left;
	height: 25px;
}

.categories_h3
{
	font-size: 12px;
	margin: 0px;
}

.categories_chk
{
	width: 13px;
	height: 13px;
	float: left;
}

.categories_text
{
	width: 179px;
	float: left;
	padding-left: 2px;
}

.divListPricesTitle
{
	font-weight: bold;
	color: #007CC3;
	margin-bottom: 12px;
}

.divListPricesContent
{
	width: 150px;
	float: left;
}

.divListPricesAdd
{
	width: 90px;
	float: left;
	margin-left: 12px;
	text-align: center;
}

.divListPricesC2
{
	width: 70px;
	float: left;
	line-height: 20px;
	vertical-align: middle;
	display: table-cell;
}

.divListPricesC2V
{
	width: 80px;
	float: left;
	font-weight: bold;
	text-align: right;
	line-height: 20px;
	vertical-align: middle;
	display: table-cell;
}

.divListPricesBottom
{
	margin-bottom: 12px;
	border-bottom: solid 1px #84C225;
}

.divListPricesMessage
{
	color: #b56767;
}

.hliImage
{
	width: 90px;
	height: 90px;
	vertical-align: middle;
}

.hliName
{
	width: 290px;
	height: 90px;
	vertical-align: top;
	text-align: left;
	padding-left: 12px;
}

.hliDescription
{
	width: 350px;
	height: 90px;
	vertical-align: middle;
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	border-left: solid 1px #84C225;
}

.hliInfo1
{
	width: 350px;
	height: 90px;
	vertical-align: middle;
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	border-left: solid 1px #84C225;
}

.hliInfo2
{
	width: 226px;
	height: 90px;
	vertical-align: middle;
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	border-left: solid 1px #84C225;
}

.hliPrice
{
	width: 226px;
	height: 90px;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px #84C225;
}

.bpiHeader
{
	border-top: solid 1px #84C225;
}

.bpiSeparator
{
	border-top: solid 1px #84C225;
}

.bpiFooter
{
	border-top: solid 1px #84C225;
}


/* Images */



/* Buttons */

.button
{
	padding: 5px 8px 5px 8px;
	border: 1px solid #B8DC7A;
	background-color: #F9FBFA;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.basket
{
	padding: 15px 5px 5px 5px;
	background-image: url(     'images/basket.png' );
	background-position: center 5px;
	background-repeat: no-repeat;
	border: 1px solid #B8DC7A;
	background-color: #F9FBFA;
	text-align: center;
	font-weight: bold;
	display: block;
}

/* Boxs */

.box01
{
	border: 1px solid #84C225;
	background-color: #f0fbf0;
}

.boxDefault
{
	border: 1px solid #84C225;
	background-image: url(     'images/back_green_inf_dir.png' );
	background-repeat: no-repeat;
	background-position: bottom right;
}

.boxDefaultNoBg
{
	border: 1px solid #84C225;
}

.boxDefaultBgColor
{
	border: 1px solid #84C225;
	background-color: #f0fbf0;
}

/* Modal Popup */
.modalPopup
{
	background-color: #ffffdd;
	border: solid 3px Gray;
	padding: 3px;
	width: 490px;
	color: #007CC3;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopupTitle
{
	text-align: center;
}

.radiolist td
{
	width: 240px;
	text-align: left;
}

.checkboxs
{
	clear: both;
}

/* Forms */

.tableform
{
	text-align: center;
}

.tableform table
{
	margin: auto;
}

.tableform table .collumFull
{
	text-align: left;
}

.tableform table .collumText
{
	font-weight: bold;
	text-align: right;
	width: 129px;
}

.tableform table .collumValue
{
	text-align: left;
	width: 301px;
}

.tableform table .collumValueFull
{
	text-align: left;
	width: 600px;
}

.tableform table .collumValid
{
	text-align: left;
	width: 10px;
}

.tableform table .collumValidEnd
{
	text-align: left;
	width: 10px;
	padding-top: 5px;
	vertical-align: top;
}

.tableform table .collumTextValue
{
	text-align: center;
	width: 215px;
	vertical-align: middle;
}

.tableform .formfields
{
	width: 280px;
	text-align: left;
}

.tableform .formfieldsSmall
{
	width: 149px;
	text-align: left;
}

.tableform .dropdown
{
	width: 285px;
	text-align: left;
}

.dropdownHotelFilter
{
	width: 190px;
}

.dropdownHotel
{
	width: 266px;
	text-align: left;
}

.dropdownHotelSmall
{
	width: 50px;
	text-align: left;
}

.dropdownCurrencySmall
{
	width: 60px;
	text-align: left;
}

.DateInput
{
	padding-top: 2px;
}

.dropSmall
{
	width: 130px;
}

.dropLarge
{
	width: 240px;
}

/* Pager */
.pageSelected
{
    padding-top: 3px;
    color: #444444;
    font-weight: bold;
    width: 25px;
    height: 18px;
    float: left;
    text-align: center;
    margin-left: 1px;
}

.page
{
    padding-top: 3px;
    color: #84C225;
    font-weight: bold;
    width: 25px;
    height: 18px;
    float: left;
    text-align: center;
    margin-left: 1px;
}

.pager
{
	padding: 4px 1px 1px 1px;
	font-weight: bold;
	font-size: 12px;
	width: 25px;
	height: 18px;
	float: left;
	text-align: center;
	margin-left: 1px;
	text-decoration: none;
	border: solid 1px #84C225;
	background-color: #f0fbf0;
}

.pagerSelected
{
	color: #444444;
}

.pagerNormal
{
	color: #84C225;
}

/* Styles */

.Quotation
{
	border: solid 1px #444444;
	text-align: center;
	color: Red;
	padding: 0px 5px 0px 5px;
}

/* Widths */
.w234
{
	width: 234px;
}

.w440
{
	width: 440px;
}

.w260
{
	width: 301px;
}

/* Ajax Tabs */

.ajax_tab_fob .ajax__tab_header
{
	font-family: arial !important;
	font-size: 12px !important;
	background: url(     'tab/tab-line.gif' ) repeat-x bottom !important;
}

.ajax_tab_fob .ajax__tab_outer
{
	padding-right: 4px !important;
	background: url(     'tab/tab-right.gif' ) no-repeat right !important;
	height: 21px !important;
	margin-left: 15px;
}

.ajax_tab_fob .ajax__tab_inner
{
	padding-left: 3px !important;
	background: url(     'tab/tab-left.gif' ) no-repeat !important;
}

.ajax_tab_fob .ajax__tab_tab
{
	height: 13px !important;
	padding: 4px !important;
	margin: 0px !important;
	background: url(     'tab/tab.gif' ) repeat-x !important;
	color: white;
	font-weight: bold;
	width: 85px !important;
}

.ajax_tab_fob .ajax__tab_body
{
	font-family: arial !important;
	font-size: 12pt !important;
	border: 1px solid #84C225 !important;
	border-top: 0 !important;
	padding: 8px !important;
	background-color: #f0fbf0 !important;
}

.ajax_tab_fob .ajax__tab_hover .ajax__tab_outer
{
	cursor: pointer !important;
	background: url(     'tab/tab-hover-right.gif' ) no-repeat right !important;
}

.ajax_tab_fob .ajax__tab_hover .ajax__tab_inner
{
	cursor: pointer !important;
	background: url(     'tab/tab-hover-left.gif' ) no-repeat !important;
}

.ajax_tab_fob .ajax__tab_hover .ajax__tab_tab
{
	cursor: pointer !important;
	background: url(     'tab/tab-hover.gif' ) repeat-x !important;
}

.ajax_tab_fob .ajax__tab_active .ajax__tab_outer
{
	cursor: default !important;
	background: url(     'tab/tab-active-right.gif' ) no-repeat right !important;
}

.ajax_tab_fob .ajax__tab_active .ajax__tab_inner
{
	cursor: default !important;
	background: url(     'tab/tab-active-left.gif' ) no-repeat !important;
}

.ajax_tab_fob .ajax__tab_active .ajax__tab_tab
{
	cursor: default !important;
	background: url(     'tab/tab-active.gif' ) repeat-x !important;
	color: #84C225;
	font-weight: bold;
}

