/* @override 
	http://localhost/mayolearys/v2/css/main.css
	http://localhost/mayolearys/v2/themes/default-front/css/main.css
	http://mayolearys.multiweb.pt/themes/default-front/css/main.css
	http://localhost/mayolearys/v2//themes/default-front/css/main.css
	http://mayolearys.multiweb.pt/themes/mayolearys/css/main.css
	http://www.mayolearys.com/themes/mayolearys/css/main.css
	http://localhost:8888/mayolearys/v2/themes/mayolearys/css/main.css
	http://localhost/mayolearys/v2/themes/mayolearys/css/main.css
*/

/* CSS Document */

@import url("constants.css");

/*
	-- -- -- -- -- -- --

	MAYOLEARYS v2009 CSS
	JULHO/2009
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body, input, textarea{font-family: "Gill Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e5e5e;}
h1, h2, h3, h4, h5, h6{
	font-family: Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #464646;
	text-shadow: #c4cac7 1px 1px 0;
	height:auto;
	font-weight:bold;
	}

h1{font-size: 2.4em; font-weight:normal; letter-spacing: -1px;}
h2{letter-spacing: -1px; font-size: 2.6em;}
h3{font-size: 1.26em; text-transform: uppercase; margin-bottom: 0.6em;}
h3 strong{font-size: 1.5em;}
table h3{
	font-size: 1.5em;
	text-transform: none;
	font-weight: normal;
	}
	table h3 a:link,
	table h3 a:visited{color: #3a3a3a;}
	table h3 a:hover,
	table h3 a:active{color: #79ba3f;}

h4, h5{margin-bottom:0;}

.ui-tabs-panel h4{
	margin-bottom: 0.6em;
	}

#sidebar h3{
	font-size: 1.1em;
	text-transform: uppercase;
	}
#sidebar h4{
	font-size: 1.3em;
	text-transform: uppercase;
	color: #79ba3e;
	}

#footer h4{
	margin:0 0 0.4em 0;
	color: #171c19;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.1em;
	}
#footer h4 a:link,
#footer h4 a:visited{
	color: #171c19;
	}

#siteSelector h1{
	margin: 0 0 0.6em 0;
	font-size: 1.8em;
	font-weight: bold;
	}
#siteSelector h2{
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.2em;
	}
#siteSelector p.intro{
	font-size: 1.25em;
	line-height: 1.2em;
	}
p.lead{
	font-size: 1.35em;
	line-height: 1.2em;
	font-style: italic;
	}

#header{color:#fff;}
#footer02{font-size:0.8em; line-height:1.875em; margin-bottom:1.875em;}

#footer p{margin:0;}


a:link, a:visited{color:#598b34; text-decoration:none; outline: none;}
a:hover, a:active{color: #79ba3f;}


/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
body{
	background: #213a2d;
	}
div#header{
	height: 114px;
	background: url(../images/layout/header.bg.jpg) no-repeat center top;
	position: relative;
	z-index: 2;
	}
	img#headerLogo{
		position: absolute;
		left: 50%;
		top: 12px;
		margin-left: -120px;
		z-index: 50;
		}
div#mainContent{
	background: #fff;
	margin-bottom: 14px;
	}
	#secHome div#mainContent{
		background: url(../images/layout/home.mainContent.bg.png) left top;
		padding-top: 12px;
		}
		#secHome div#mainContent div.inner{
			background: url(../images/layout/home.mainContent.bg.png) left bottom;
			}
	#secHome div#mainContent hr{
		margin: 0 -30px 1.6em -30px;
		background: none;
		border: none;
		border-top: 1px solid #e5e5e5;
		}
	div#list_recommended{
		float: left;
		width: 144px;
		padding: 18px 30px 18px 30px;
		position: relative;
		}
	div#list_recommended ul{
		margin-top: 50px;
		}
	div#list_recommended img.ilustra01{
		position: absolute;
		right: 0;
		top: 20px;
		}


	div#list_agenda{
		float: left;
		width: 492px;
		padding: 18px 30px 18px 30px;
		}
		div#list_agenda div.index{
			float: left;
			width: 146px;
			}
		div#list_agenda div.details{
			float: left;
			width: 326px;
			padding: 0 0 0 20px;
			}

	div#tabsAgenda{
		float: left;
		width: 492px;
		padding: 18px 30px 18px 30px;
		}
		div#tabsAgenda ul.index{
			float: left;
			width: 146px;
			margin: 0;
			padding: 0;
			}
		div#tabsAgenda ul.index li{
			display: block;
			width: 146px;
			border-bottom: 1px solid #e5e5e5!important;
			padding: 6px 0;
			}
		div#tabsAgenda ul.index li.ui-state-active{
			border-bottom: 2px solid #588b33!important;
			}
		div#tabsAgenda ul.index li a{
			display: block;
			width: 100%;
			padding: 6px 0;
			font-weight: bold;
			}
		div#tabsAgenda ul.index h4{
			margin: 0 0 0.4em 0!important;
			}
		div#tabsAgenda h2{
			margin-bottom: 0.2em;
			margin-left: 12px;
			}
		div#tabsAgenda ul.index p{
			margin: 0 8px 4px 0;
			line-height: 1.3em;
			}
		div#tabsAgenda div.ui-tabs-panel{
			float: left;
			width: 326px;
			padding: 0 0 0 20px;
			}


	div#list_institutional{
		float: left;
		width: 144px;
		padding: 18px 30px 18px 30px;
		}
		div#list_institutional a{
			display: block;
			margin-bottom: 1.3em;
			}

/* LAYOUTA0 */
.layoutA0{}
	.layoutA0 #globalContainer{
		width: 736px;
		}
	.layoutA0 #mainContent{
		background: none;
		}
	.layoutA0 div.column{} 
	.layoutA0 #footer{
		position: relative;
		clear: both;
		width: 676px;
		}
	.layoutA0 #footer01{
		background: none;
		padding: 0 10px;
		height: auto;
		min-height: 20px;
		width: 666px;
		border-bottom: 1px solid #1f2c24;
		margin: 0 30px;
		}
	.layoutA0 #footer02{
		position: relative;
		background: none;
		padding: 0 10px;
		height: auto;
		min-height: 36px;
		width: 666px;
		border-top: 1px solid #264434;
		border-bottom: none;
		margin: 0 30px;
		}
	.layoutA0 a#signatureMultiweb{
		top: 8px;
		right: -10px;
		}

/* LAYOUTA1 */
.layoutA1{}
	.layoutA1 #mainContent{
		background: #fff url(../images/layout/LA1.mainContent.bg.jpg) no-repeat left top;
		}
	.layoutA1 #mainContent .inner{
		background: url(../images/layout/LA1.mainContent.inner.bg.jpg) no-repeat left bottom;
		}
	.layoutA1 #content{
		float: left;
		width: 628px;
		padding: 40px;
		}
	.layoutA1 div#sidebar{
		float: left;
		width: 182px;
		min-height: 470px;
		padding: 100px 40px 40px 30px;
		background: url(../images/layout/LA1.sidebar.bg.png) no-repeat left top;
		}
	.layoutA1 div#contentHeader{
		padding: 90px 40px 40px 365px;
		margin: -40px -40px 0 -40px;
		z-index: 1;
		min-height: 140px;
		}
	.layoutA1 table,
	.layoutA1 div#tabsListInterface,
	.layoutA1 div.innerContent{
		position: relative;
		z-index: 2;
		}

/* LAYOUTB1 - sem sidebar */
.layoutB1{}
	.layoutB1 #mainContent{
		background: #fff url(../images/layout/LA1.mainContent.bg.jpg) no-repeat left top;
		}
	.layoutB1 #mainContent .inner{
		background: url(../images/layout/LA1.mainContent.inner.bg.jpg) no-repeat left bottom;
		}
	.layoutB1 #content{
		float: left;
		width: 880px;
		padding: 40px;
		}
	.layoutB1 div#sidebar{
		display: none;
		background: url(../images/layout/LA1.sidebar.bg.png) no-repeat left top;
		}
	.layoutB1 div#contentHeader{
		padding: 90px 40px 40px 365px;
		margin: -40px -40px 0 -40px;
		z-index: 1;
		}
	.layoutB1 table,
	.layoutB1 div#tabsListInterface,
	.layoutB1 div.innerContent{
		position: relative;
		z-index: 2;
		}
		
	
div#footer{}
	div#footer01{
		background: #e8efe3 url(../images/layout/footer01.bg.png) repeat-x;
		position: relative;
		min-height: 130px;
		margin-bottom: 14px;
		width: 960px;
		}
	div#footer01 img.mask{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	div#footer01 img.thumb01{
		position: absolute;
		left: 0;
		top: 3px;
		z-index: 1;
		}
	div#footer01 img.thumb02{
		position: absolute;
		right: 0px;
		top: 3px;
		z-index: 1;
		}
	div#footer01 div,
	div#footer01 form{
		position: relative;
		z-index: 3;
		border-right: 1px solid #c2d4b5;
		}
	div#footer01 div#shopMayolearys{
		float: left;
		width: 100px;
		padding: 18px 12px 12px 142px;
		}
	div#footer01 form#subscribeNews{
		float: left;
		width: 200px;
		padding: 18px 12px 12px 12px;
		}
	div#footer01 div#howtocontact{
		float: left;
		width: 200px;
		padding: 18px 12px 12px 12px;
		}
	div#footer01 div#aplacetostay{
		float: left;
		width: 130px;
		padding: 18px 112px 12px 12px;
		border-right: none;
		}
	div#footer02{
		border-bottom: 1px solid #1d3528;
		padding-bottom: 18px;
		margin: 0;
		}
	div#footer03{
		position: relative;
		clear: both;
		padding: 18px 0 18px 32px;
		margin: 0 0 18px 0;
		border-top: 1px solid #254333;
		color: #365646;
		text-shadow: #1a3024 0 1px 0;
		}

		
/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */
div#contentHeaderImg {
	position: absolute;
	width: 708px;
	height: 434px;
	overflow: hidden;
	z-index: 1;
	}
div#contentHeaderImg img#contentHeaderImg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	}
div#contentHeaderImg img#contentHeaderMask{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	}
#contentHeader *{
	position: relative;
	z-index: 2;
	}
#contentHeader p{margin: 0;}

a#signatureMultiweb{
	display:block;
	position:absolute;
	width:171px;
	height:21px;
	right:22px;
	top:16px;
	text-indent:-9000px;
	background: url(../images/langEN/layout/footer.multiweb.png) no-repeat left top;
	}

#secHome div#featured{
	height: 329px;
	overflow: hidden;
	position: relative;
	margin-bottom: 14px;
	font-size: 14px;
	}
	#secHome div#featured-content{
		position: absolute;
		left: 50px;
		bottom: 20px;
		z-index: 5;
		width: 390px;
		color: #fff;
		}
	#secHome div#featured-content h1{
		font-size: 36px;
		color: #fff;
		text-shadow: none;
		}
	#secHome div#featured-content h1 strong{
		color: #5c8f34;
		}
	#secHome div#featured img.mask{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	#secHome div#featured img.element{
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
		}

#tabsListInterface{
	margin: 1.6em 0;
	}
	#tabsListInterface ul.ui-tabs-nav{
		border-bottom: 1px solid #e0e0e0;
		float: left;
		width: 308px;
		padding-left: 320px;
		}
	#tabsListInterface ul.ui-tabs-nav li{
		border: 1px solid #e0e0e0;
		border-bottom: none;
		background: #fff url(../images/layout/tabsListInterface.tabsnav.a.bg.png) repeat-x left top;
		}
	#tabsListInterface ul.ui-tabs-nav li a{
		padding: 3px 16px;
		font-size: 1.4em;
		color: #b0b0b0;
		}
	#tabsListInterface ul.ui-tabs-nav li a:hover{
		color: #868686;
		}
	#tabsListInterface ul.ui-tabs-nav li.ui-tabs-selected a{
		color: #1d1d1d;
		}
	#tabsListInterface div.ui-tabs-panel{
		clear: both;
		padding: 20px 0;
		}
	#tabsListInterface.mode02{}/* modo artigo */
		#tabsListInterface.mode02 ul.ui-tabs-nav{
			padding-left: 5px;
			width: 623px;
			}
		#tabsListInterface.mode02 .ui-tabs-panel{
			padding: 12px 6px;
			}

div#siteSelector .column{
	float: left;
	width: 284px;
	margin: 0 2px;
	padding: 0;
	padding: 260px 40px 0 40px;
	position: relative;
	min-height: 464px;
	}
	div#siteSelector .column img.logo{
		position: absolute;
		left: 50%;
		top: 100px;
		margin-left: -97px;
		}
	div#siteSelector #foodanddrinks{
		background: url(../images/layout/siteselector.food.bg.jpg) no-repeat left 20px;
		}
	div#siteSelector #foodanddrinks h1{color: #629461;}
	div#siteSelector #hotelsandsuites{
		padding-top: 360px;
		min-height: 364px;
		background: url(../images/layout/siteselector.hotels.bg.jpg) no-repeat left 20px;
		}
	div#siteSelector #hotelsandsuites h1{color: #237898;}

div#seeAlso {
	clear: both;
	float: left;
	width: 736px;
	}
div#seeAlso .column{
	float: left;
	width: 364px;
	margin: 0 2px;
	}

a.textLink{
	padding-right: 8px;
	background: url(../images/layout/textlink.bg.gif) no-repeat right center;
	}

div#galleryStatic{
	float: left;
	margin-bottom: 0.3em;
	}
	div#galleryStatic ul{
		margin: 0;
		padding: 0!important;
		}
	div#galleryStatic ul li{
		display: block;
		float: left;
		width: 153px;
		height: 100px;
		overflow: hidden;
		padding: 0!important;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		position: relative;
		}
	div#galleryStatic ul li a{
		padding: 0;
		}
	div#galleryStatic img{
		position: absolute;
		left: 0;
		top: 0;
		}
	div#galleryStatic img.mask{
		z-index: 2;
		visibility: hidden;
		}
	div#galleryStatic a:hover img.mask{
		visibility: visible;
		}

div#mainPhoto{
	float: left;
	width: 224px;
	height: 142px;
	overflow: hidden;
	margin: 0 26px 12px 0;
	position: relative;
	}
	div#mainPhoto img{
		position: absolute;
		left: 0;
		top: 0;
		}
	div#mainPhoto img.thumb{
		z-index: 1;
		}
	div#mainPhoto img.mask{
		z-index: 2;
		}

div#notifications{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 50;
	}
	div#notifications a.logs-close:link,
	div#notifications a.logs-close:visited{
		position: absolute;
		right: 8px;
		top: 14px;
		text-transform: uppercase;
		font-weight: bold;
		color: #0d6751;
		}
	div#notifications ul{text-align: center;}
	div#notifications ul li{
		display: block;
		padding: 12px 8px;
		font-size: 1.1em;
		line-height: 1.3em;
		}
	div#notifications ul li img{
		margin: 0 6px -4px 0;
		}
	div#notifications ul li p{
		max-width: 860px;
		margin: 0 auto;
		}
	div#notifications ul li.info{
		color: #004e18;
		background: rgba(179,248,173,0.90);
		border-top: 1px solid #a4f76b;
		border-bottom: 1px solid #a4f76b;
		}
	div#notifications ul li.notice{
		color: #004e18;
		background: rgba(179,248,173,0.90);
		border-top: 1px solid #a4f76b;
		border-bottom: 1px solid #a4f76b;
		}
	div#notifications ul li.warning{
		color: #510907;
		background: rgba(253,74,76,0.9);
		border-top: 1px solid #fe2f29;
		border-bottom: 1px solid #fe2f29;
		}


/* =DATATABLES
------------------------------------------------------------------------ */
.dataTable {margin: 0;}
	.dataTable th, 
	.dataTable td{
		padding: 3px 6px; 
		background: none;
		border-bottom: 1px solid #e0e0e0;
		}
	.dataTable th{
		background: #f5f5f5;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		}
	.dataTable p{margin: 0;}

.articlesList{}
	.articlesList td{
		padding: 18px;
		width: 50%;
		}
	.articlesList td.firstTD{
		padding-left: 0;
		}
	.articlesList div.thumb{
		float: left;
		width: 110px;
		height: 85px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		}
	.articlesList div.thumb{
		float: left;
		width: 113px;
		height: 85px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		}
	.articlesList div.thumb img.mask{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		}
	.articlesList div.thumb img.thumb{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		clip: rect(5px 109px 70px 5px);
		}
	.articlesList div.articleDetails.withThumb{
		margin-left: 130px;
		padding-top: 6px;
		}

.categoriesList{}
	.categoriesList td{
		padding: 18px;
		width: 50%;
		}
	.categoriesList td.firstTD{
		padding-left: 0;
		}
	.categoriesList div.thumb{
		float: left;
		width: 113px;
		height: 85px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		}
	.categoriesList div.thumb img.mask{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		}
	.categoriesList div.thumb img.thumb{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		clip: rect(5px 109px 70px 5px);
		}

.searchList{}
	.searchList td{
		padding: 12px;
		width: 33%;
		}
	.searchList td.firstTD{
		padding-left: 0;
		}
	.searchList div.thumb{
		float: left;
		width: 110px;
		height: 85px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		}
	.searchList div.thumb{
		float: left;
		width: 113px;
		height: 85px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		}
	.searchList div.thumb img.mask{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		}
	.searchList div.thumb img.thumb{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		clip: rect(5px 109px 70px 5px);
		}
	.searchList div.articleDetails.withThumb{
		margin-left: 130px;
		padding-top: 6px;
		}


.menuList{}
	.menuList td{
		padding: 18px;
		}
	.menuList td.firstTD{
		padding-left: 0;
		}
	.menuList div.thumb{
		float: left;
		width: 308px;
		height: 177px;
		overflow: hidden;
		margin: 3px 16px 0 0;
		position: relative;
		background: url(../images/layout/menuList.thumb.bg.png) no-repeat left top;
		}
	.menuList div.thumb img.thumb{
		position: absolute;
		left: 0;
		top: 0;
		clip: rect(4px 304px 173px 4px);
		}
	.menuList h3{
		margin-top: 1.6em;
		}


.eventsList{}
	.eventsList td{
		background: #f5f8f3;
		padding: 12px;
		}
	.eventsList tr.alt td{
		background: none;
		}
	.eventsList div.thumb{
		float: left;
		width: 63px;
		height: 63px;
		margin: 0 12px 0 0;
		}

/* =LISTS
------------------------------------------------------------------------ */
ul{list-style: none; margin: 0;}
ul li{display: inline;}

/* =siteNav */
ul#siteNav {list-style:none; width:960px; height:50px; position:absolute; left:0px; top:72px; z-index:1; margin:0 auto; }
ul#siteNav li{display:inline; position:relative;}
ul#siteNav li a:link,
ul#siteNav li a:visited{color:#fff;}
ul#siteNav li a {
	display:block;
	float:left;
	height:50px;
	background: url(../images/langEN/layout/sitenav.ops.png) no-repeat;
	}
	ul#siteNav li a span {display:none;}

ul#siteNav li.op01 a:link, ul#siteNav li.op01 a:visited{width:97px; background-position:0 0;}
ul#siteNav li.op02 a:link, ul#siteNav li.op02 a:visited{width:130px; background-position:-97px 0;}
ul#siteNav li.op03 a:link, ul#siteNav li.op03 a:visited{width:123px; background-position:-227px 0; margin: 0 280px 0 0;}
ul#siteNav li.op04 a:link, ul#siteNav li.op04 a:visited{width:132px; background-position:-350px 0;}
ul#siteNav li.op05 a:link, ul#siteNav li.op05 a:visited{width:100px; background-position:-482px 0;}
ul#siteNav li.op06 a:link, ul#siteNav li.op06 a:visited{width:89px; background-position:-582px 0;}

ul#siteNav li.op01 a:hover{background-position:0px -50px;}
ul#siteNav li.op02 a:hover{background-position:-97px -50px;}
ul#siteNav li.op03 a:hover{background-position:-227px -50px;}
ul#siteNav li.op04 a:hover{background-position:-350px -50px;}
ul#siteNav li.op05 a:hover{background-position:-482px -50px;}
ul#siteNav li.op06 a:hover{background-position:-582px -50px;}

ul#siteNav li.op01.active a:link, ul#siteNav li.op01.active a:visited {background-position:0 -100px;}
ul#siteNav li.op02.active a:link, ul#siteNav li.op02.active a:visited {background-position:-97px -100px;}
ul#siteNav li.op03.active a:link, ul#siteNav li.op03.active a:visited {background-position:-227px -100px;}
ul#siteNav li.op04.active a:link, ul#siteNav li.op04.active a:visited {background-position:-350px -100px;}
ul#siteNav li.op05.active a:link, ul#siteNav li.op05.active a:visited {background-position:-482px -100px;}
ul#siteNav li.op06.active a:link, ul#siteNav li.op06.active a:visited {background-position:-582px -100px;}

ul#helpNav{
	position: absolute;
	left: 14px;
	top: 26px;
	text-transform: uppercase;
	font-size: 0.90em;
	}
	ul#helpNav li{
		margin: 0 16px 0 0;
		}
	ul#helpNav li a:link,
	ul#helpNav li a:visited{
		text-shadow: #1e362a 0 1px 0;
		}

div#list_agenda ul{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 1.2em 0;
	}
div#list_agenda ul li{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 6px 0;
	}
	div#list_agenda span.day{}
	div#list_agenda span.weekday{}

ul#footerNav{
	padding: 0 32px 0 32px;
	width: 894px;
	margin: -1em 0 0 0;
	float: left;
	}
	ul#footerNav li{
		float: left;
		width: 152px;
		padding: 0;
		margin: 0;
		}
	ul#footerNav li.relatedPortals{
		width: 130px;
		padding-top: 8px;
		}
	ul#footerNav li.relatedPortals a:link,
	ul#footerNav li.relatedPortals a:visited{
		display: block;
		margin-bottom: 0.8em;
		opacity: 0.90;
		}
	ul#footerNav li.relatedPortals a:hover,
	ul#footerNav li.relatedPortals a:active{
		opacity: 1;
		}
	ul#footerNav li ul{
		margin: 0 0 0 0;
		}
	ul#footerNav li ul li{
		border: none;
		float: none;
		display: block;
		line-height: 1.4em;
		}
	ul#footerNav h5{
		margin-top: 1.2em;
		}
	ul#footerNav h5 a:link,
	ul#footerNav h5 a:visited{
		color: #f5f7f6;
		text-shadow: none;
		}
	ul#footerNav ul.langNav{
		}
	ul#footerNav ul.langNav li{
		display: block;
		float: left;
		width: 17px;
		}

ul.langNav{
	margin: 5px 0!important;
	}
ul.langNav li{
	display: block;
	float: left;
	margin-right: 3px!important;
	}
ul.langNav li a{
	background-image: url(../images/layout/langNav.a.bg.png);
	display: block;
	float: left;
	width: 17px;
	height: 11px;
	text-indent: -9999px;
	outline: none;
	opacity: 0.8;
	}
	ul.langNav li a:hover{
		opacity: 1;
		}
	ul.langNav li.en a:link,
	ul.langNav li.en a:visited{
		background-position: left top;
		}
	ul.langNav li.es a{
		background-position: -22px top;
		}
	ul.langNav li.it a{
		background-position: -44px top;
		}
	ul.langNav li.de a{
		background-position: -66px top;
		}
	ul.langNav li.fi a{
		background-position: -88px top;
		}
	ul.langNav li.pt a{
		background-position: -110px top;
		}

.layoutA0 ul.langNav{
	line-height: 1em;
	color: #e9ecea;
	text-transform: uppercase;
	font-size: 0.85em;
	}
	.layoutA0 ul.langNav li{margin: 0 4px 0 0!important;}

ul#sectionNav{
	margin: 1em 0 3.3em 0;
	}
	ul#sectionNav li{
		display: block;
		}
	ul#sectionNav li a:link,
	ul#sectionNav li a:visited{
		display: block;
		padding: 3px 0;
		border-bottom: 1px solid #e0e0e0;
		color: #74706c;
		}
	ul#sectionNav li a:hover,
	ul#sectionNav li a:active{
		color: #4d4a48;
		}
	ul#sectionNav li.current a:link,
	ul#sectionNav li.current a:visited{
		font-weight: bold;
		color: #4d4a48;
		}

ul#featuredButtons{
	margin: 0 0 2em 0;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 2em;
	}
	ul#featuredButtons li{
		display: block;
		margin: 0 0 8px 0;
		}

ul#relatedItems{}
	ul#relatedItems:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	ul#relatedItems li{
		display: block;
		margin-bottom: 0.6em;
		float: left;
		width: 50%;
		height: 80px;
		border-bottom: 1px solid #e9e9e9;
		}
	ul#relatedItems li a{
		display: block;
		font-weight: bold;
		}
	ul#relatedItems li a.thumb{
		display: block;
		float: left;
		width: 80px;
		height: 55px;
		overflow: hidden;
		margin: 4px 12px 0 0;
		}
	ul#relatedItems li p{
		font-size: 0.95em;
		}

/* =FORMS
------------------------------------------------------------------------ */



form table{}
form table th,
form table td{
	padding: 6px 6px;
	border-bottom: 1px solid #e0e0e0;
	}
form table tr.lastRow th,
form table tr.lastRow td{
	border-bottom: none;
	padding-top: 12px;
	}
form table th{
	width: 20%;
	background: none!important;
	border-top: none!important;
	text-align: right;
	vertical-align: middle!important;
	}

form label.error{
	display: block;
	float: left;
	color: #f00;
	width: 100px;
	padding: 8px;
	}
form label.success{
	color: #89c34c;
	}

form table input,
form table textarea{
	padding: 6px;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #f5f5f5;
	width: 70%;
	float: left;
	margin: 4px 0;
	}
form table select{
	margin: 6px 0;
	}
form table input.error,
form table textarea.error{
	border: 1px solid #ef8683;
	background: #fbeae4;
	}
form table textarea{
	height: 60px;
	}

form table.userValidation{
	margin: 6px 0 8px 0;
	}
form table.userValidation th,
form table.userValidation td{
	border: none;

	}
form table.userValidation input,
form table.userValidation img,
form table.userValidation a{
	float: left;
	display: block;
	margin: 8px 6px 0 0;
	}
form table.userValidation a{
	width: 172px;
	padding: 6px 0px 6px 0px;
	}
form table.userValidation label{}


button{
	float: left;
	border: none;
	background: url(../images/forms/button.bg.png) no-repeat left top;
	padding: 0 0 0 15px;
	color: #27343c;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: #b9d5a3 0 1px 0;
	}
	button::-moz-focus-inner{padding:0;border:none}
	button span{
		display: block;
		background: none;
		border: none;
		background: url(../images/forms/button.bg.png) no-repeat right top;
		padding: 6px 14px 10px 0;
		}
	button:hover,
	button:focus{
		background: url(../images/forms/button.bg.png) no-repeat left -38px;
		}
		button:hover span,
		button:focus span{background: url(../images/forms/button.bg.png) no-repeat right -38px;}
	button:active{
		background: url(../images/forms/button.bg.png) no-repeat left -82px;
		color: #4487cb;
		}
		button:active span{background: url(../images/forms/button.bg.png) no-repeat right -82px;}


.layoutA0 button{
	background: url(../images/forms/LA0.button.bg.png) no-repeat left top;
	padding: 0 0 0 22px;
	}
	.layoutA0 button span{
		background: url(../images/forms/LA0.button.bg.png) no-repeat right top;
		padding: 10px 22px 13px 0;
		}
	.layoutA0 button:hover,
	.layoutA0 button:focus{background: url(../images/forms/LA0.button.bg.png) no-repeat left -46px;}
	.layoutA0 button:hover span,
	.layoutA0 button:focus span{background: url(../images/forms/LA0.button.bg.png) no-repeat right -46px;}
	.layoutA0 button:active{background: url(../images/forms/button.bg.png) no-repeat left -82px;}
	.layoutA0 button:active span{background: url(../images/forms/LA0.button.bg.png) no-repeat right -82px;}

.layoutA0 #hotelsandsuites button{
	background: url(../images/forms/LA0.button2.bg.png) no-repeat left top;
	padding: 0 0 0 22px;
	color: #0d1d24;
	text-shadow: #87a3ae 0 1px 0;
	}
	.layoutA0 #hotelsandsuites button span{
		background: url(../images/forms/LA0.button2.bg.png) no-repeat right top;
		padding: 10px 22px 13px 0;
		}
	.layoutA0 #hotelsandsuites button:hover,
	.layoutA0 #hotelsandsuites button:focus{background: url(../images/forms/LA0.button2.bg.png) no-repeat left -46px;}
	.layoutA0 #hotelsandsuites button:hover span,
	.layoutA0 #hotelsandsuites button:focus span{background: url(../images/forms/LA0.button2.bg.png) no-repeat right -46px;}
	.layoutA0 #hotelsandsuites button:active{background: url(../images/forms/button2.bg.png) no-repeat left -82px;}
	.layoutA0 #hotelsandsuites button:active span{background: url(../images/forms/LA0.button2.bg.png) no-repeat right -82px;}


form#quickSearch{
	position: absolute;
	right: 22px;
	top: 20px;
	}
	form#quickSearch input{
		width: 160px;
		padding: 4px 6px;
		padding-left: 20px;
		border: none;
		background: #fff url(../images/forms/quicksearch.input.bg.png) no-repeat 4px center;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}

form#subscribeNews input[type=text]{
	border: none;
	padding: 4px 6px;
	width: 180px;
	margin-bottom: 0.6em;
	}
	#sidebar form#subscribeNews h4{
		margin: 0 0 8px 0;
		}
	#sidebar form#subscribeNews input[type=text]{
		border:1px solid #e3e3e3;
		background: #f5f5f5;
		}
	#sidebar form#subscribeNews button{
		margin: 6px 0 0 0;
		}

div#searchForm{
	padding: 0 0 14px 0;
	margin: 0 0 1.6em 0;
	background: url(../images/layout/searchForm.bg.png) no-repeat left bottom;
	}
	div#searchForm div.search-quick{
		background: url(../images/layout/searchForm.bg.png) no-repeat left top;
		padding: 14px 16px 8px 16px;
		}
	div#searchForm table{
		margin: 0;
		width: 848px;
		}
	div#searchForm table th,
	div#searchForm table td{
		padding: 0!important;
		border: 0;
		vertical-align: top;
		}
	div#searchForm table th{
		text-align: left;
		text-transform: uppercase;
		font-size: 0.8em;
		color: #6e866d;
		text-shadow: #eaf1ea 1px 1px 0;
		}
	div#searchForm table input,
	div#searchForm table select,
	div#searchForm table label{
		display: block;
		float: left;
		width: auto;
		margin: 5px 0;
		}
	div#searchForm table label{
		padding: 0px 8px;
		}
	div#searchForm table label input{
		width: auto;
		margin-right: 6px;
		margin-top: 3px;
		}
	div#searchForm td.keywords{width: 150px;}
		div#searchForm td.keywords input{}
	div#searchForm td.categories{
		width: 598px;
		}
	div#searchForm td.submit{
		width: 100px;
		}

/* =COMPONENTS
------------------------------------------------------------------------ */


/* JQUERY UI
------------------------------------------------------------------------ */

/*TABS*/
.ui-tabs {padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* =GRID
------------------------------------------------------------------------
== STRUCTURE: ========================
* Page width:            960 px
* Number of columns:     22
* Column width:          36 px
* Margin width:          8 px
======================================
*/
.container {width:960px;margin:0 auto;}

div.cols-1, div.cols-2, div.cols-3, div.cols-4, div.cols-5, div.cols-6, div.cols-7, div.cols-8, div.cols-9, div.cols-10, div.cols-11, div.cols-12, div.cols-13, div.cols-14, div.cols-15, div.cols-16, div.cols-17, div.cols-18, div.cols-19, div.cols-20, div.cols-21, div.cols-22 {float:left;margin-right: 8px;}

div.last { margin: 0; }

.cols-1  { width: 36px;}
.cols-2  { width: 80px;}
.cols-3  { width: 124px;}
.cols-4  { width: 168px;}
.cols-5  { width: 212px;}
.cols-6  { width: 256px;}
.cols-7  { width: 300px;}
.cols-8  { width: 344px;}
.cols-9  { width: 388px;}
.cols-10 { width: 432px;}
.cols-11 { width: 476px;}
.cols-12 { width: 520px;}
.cols-13 { width: 564px;}
.cols-14 { width: 608px;}
.cols-15 { width: 652px;}
.cols-16 { width: 696px;}
.cols-17 { width: 740px;}
.cols-18 { width: 784px;}
.cols-19 { width: 828px;}
.cols-20 { width: 872px;}
.cols-21 { width: 916px;}
.cols-22, div.cols-22 { width: 960px; margin: 0; }

.append-1  { padding-right: 44px;}
.append-2  { padding-right: 88px;}
.append-3  { padding-right: 132px;}
.append-4  { padding-right: 176px;}
.append-5  { padding-right: 220px;}
.append-6  { padding-right: 264px;}
.append-7  { padding-right: 308px;}
.append-8  { padding-right: 352px;}
.append-9  { padding-right: 396px;}
.append-10 { padding-right: 440px;}
.append-11 { padding-right: 484px;}
.append-12 { padding-right: 528px;}
.append-13 { padding-right: 572px;}
.append-14 { padding-right: 616px;}
.append-15 { padding-right: 660px;}
.append-16 { padding-right: 704px;}
.append-17 { padding-right: 748px;}
.append-18 { padding-right: 792px;}
.append-19 { padding-right: 836px;}
.append-20 { padding-right: 880px;}
.append-21 { padding-right: 924px;}

.prepend-1  { padding-left: 44px;}
.prepend-2  { padding-left: 88px;}
.prepend-3  { padding-left: 132px;}
.prepend-4  { padding-left: 176px;}
.prepend-5  { padding-left: 220px;}
.prepend-6  { padding-left: 264px;}
.prepend-7  { padding-left: 308px;}
.prepend-8  { padding-left: 352px;}
.prepend-9  { padding-left: 396px;}
.prepend-10 { padding-left: 440px;}
.prepend-11 { padding-left: 484px;}
.prepend-12 { padding-left: 528px;}
.prepend-13 { padding-left: 572px;}
.prepend-14 { padding-left: 616px;}
.prepend-15 { padding-left: 660px;}
.prepend-16 { padding-left: 704px;}
.prepend-17 { padding-left: 748px;}
.prepend-18 { padding-left: 792px;}
.prepend-19 { padding-left: 836px;}
.prepend-20 { padding-left: 880px;}
.prepend-21 { padding-left: 924px;}