/*
	Client: 
	Developer: 
	Copyrights: Net360 S.A.
*/
/************************************ General Css *******************************************/
*{
	margin: 0;
	padding: 0;
}

.inv{
	position: absolute;
	left: -5000px;
	font-size:9px;
}

html{
	font-size: 12px; 
	font-family:Arial;
}

body{
	color:#FFF;
}

a{
	color:#71BAD0;
	text-decoration:none;
}

a:hover{
	color:#71BAD0;
	text-decoration:underline;
}

.clr{
	margin:0;
	padding:0;
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.editableText {
	display:inline;
}
/**************************** Backgrounds & Positioning Styles *********************************/
#bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:100%;
    position:absolute;
    width:100%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
	height:100%;
	width:100%;
    min-height:530px;
    min-width:960px;
}
/********************************** General Wrappers *********************************/						
#supperWrapper{
    position:absolute;
    top:0px;
	left:0px;
    z-index:70;
    overflow:hidden;
	width:100%;
	min-width:960px;
	height:100%;
	min-height:680px;
}
			
#wrapper{
	background:none;
	width:960px;
	margin: 0 auto;
	height:100%;
	min-height:680px;
	overflow:visible;
}	

.contents1, .contents2, .contents3{
	position: relative;
	overflow: visible;
	width: 100%;
	height: auto;
	clear: both;
	float:left;
}

div.row0{
	height:361px;
	border-bottom:#FFFFFF 2px solid;
}

div.column1, div.column2, div.column3{
	float:left;
}

div.row0 div.column1{
	width:194px;
	background-color:#414141;
	height:361px;
	border-right:1px solid #fff;
}

div.row0 div.column2{
	width:765px;
	height:361px;
}

div.row1 div.column1{
	width:194px;
	height:215px;
	border-right:1px solid #fff;
	background-color:#333333;
}

div.row1 div.column2{
	height:190px;
	padding:5px 20px 20px 20px;
	width:724px;
	background-color:#333333;
}

div.row2 div.column1{
	width:900px;
	height:75px;
	margin:5px 0;
}

div.row2 div.column2{
	width:60px;
	height:75px;
	margin:5px 0;
}

div.row2 div.column1 #footer_left{
	width:154px;
	height:75px;
	float:left;
}

div.row2 div.column1 #weather{
	width:146px;
	height:75px;
	border-left:1px #fff solid;
	border-right:1px #fff solid;
	float:left;
}

div.row2 div.column1 #lowest_price{
	width:216px;
	height:75px;
	float:left;
        border-right:1px solid #fff;
}

/************************* Header **************************************************/					
#header{
	z-index:99;
}

#header h1{
	width:194px;
	float:left;
}

#header h1 a{
	height:112px;
	width:194px;
	display: block;
	background:url(../images/site_logo.jpg) 0 0 no-repeat;	
}
/***************************** Navigation *****************************************************/						
#navigation{
	width:194px;
	height:188px;
	list-style:none;
	background:url(../images/menu_bg.jpg) 0 0 repeat-x;
	padding:0;
	float:left;
}

#navigation ul{
	width:100%;
	padding-top:15px;
}

#navigation li{
	float: left;
	list-style: none;
	width:100%;
	text-align:center;
	color:#000;
	line-height:22px;
	height:22px;
	font-size:11px;
}

#navigation li a{
	color:#000;
	display: block;
	text-decoration:none;
}

#navigation li a.active{
	color:#3D3D3D;
	display: block;
	text-decoration:none;
}

#navigation li a:hover{
	color:#3D3D3D;
	text-decoration:none;
}
/************* Request Form Link *********************************/
div.reqLink{
	float:left;
	width:85%;
	height:18px;
	position:relative;
	z-index:99;
	padding-top:5px;
	line-height:18px;
	text-align:right;

}
.facebook img{
padding-right:5px;
border:none;
}

/*************************** Languages *****************************************/
div#languages{
	float:left;
	width:15%;
	height:18px;
	position:relative;
	z-index:99;
	padding-top:5px
}

div#languages ul{
	height:18px;
	width:95px;
	float:right;
}

#languages li{
	float: left;
	list-style: none;
	width:25px;
	text-align:right;
	color:#000;
	line-height:25px;
}

#languages li a{
	display:block;
	height:18px;
	width:25px;
}

#languages li span{
	display:none;
}

#languages #gr a{
	background:url(../images/el.jpg) 0 0 no-repeat;
	margin-right:5px;
}

/*
#languages #gr a:hover, #languages #gr a.active{
	background:url(../images/el_h.jpg) 0 0 no-repeat;
}*/

#languages #gr{
	margin-right:6px;
}

#languages #en{
	margin-right:6px;
}

#languages #en a{
	background:url(../images/en.jpg) 0 0 no-repeat;
	margin-right:5px;
}

#languages #it a{
	background:url(../images/it.jpg) 0 0 no-repeat;
}


/*#languages #en a:hover, #languages #en a.active{
	background:url(../images/en_h.jpg) 0 0 no-repeat;
}
	*/
/****************************************** Content ******************************************************/
#main_banner_container{
	width:763px;
	height:361px;
	background-color:#333333;
}

#scrolled_content {
	width:724px;
}

#small_scrolled_content {
	width:424px;
}

#scrolled_content div.split_content{
	width:559px;
	float:left;
}

#scrolled_content div.split_content_long{
	width:597px;
	float:left;
}

div.row1 h2{
	border-bottom:1px #FFFFFF solid;
	margin-bottom:15px;
	font-family:arial;
	font-size:14px;
	height:22px;
	line-height:18px;
}

div.prices table, div.prices span{
	width:100%;
	margin-bottom:15px;
}

div.prices span{
	font-size:11px;
}

div.prices table tr.dates{
	font-weight:bold;
}

div.prices table tr.title{
	font-size:14px;
	font-weight:bold;
}

div.prices table td{
	height:20px;
	line-height:20px;
	text-align:center;
	border:solid 1px #FFF;
	padding:0 2px;
	border-top:none;
	border-left:none;
}

div.prices table td.roomType{
	height:20px;
	line-height:20px;
	text-align:left;
}

.newline_roomType{
	background-color: #6D6D6D;
}

div.map{
	float:right;
	width:48%;
}
/****************************************** Footer ***********************************************************/
		
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:82px;
	padding:5px 0;
	background:url(../images/footer_bg.png) 0 0 repeat-x;
}

#footer div.column1{
	float:none;
	width:960px;
	margin:0 auto;
	padding-top:5px;
}

#net360{
	display:block;
	height:20px;
	text-align:left;
	position:absolute;
	top:74px;
}

#net360 a {
	height:20px;
	display: block;
	color:#fff;
}

#net360 a:hover{

}

div.footer_l_text{
	font-size:11px;
}
div.footer_l_text{
	margin-top:10px;
	margin-bottom:5px;
	text-align:left;
}

div.addthis, div.travelclick{
	text-align:left;
	width:50%;
}

#weather #temperature{
	float:right;
	line-height:36px;
	margin-right:40px;
	margin-left:5px;
}

#weather #icon{
	float:right;
}

#weather h2{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:5px;
	margin-top:10px;
}

#lowest_price div.price{
	width:128px;
	text-align:right;
	float:left;
}

#lowest_price div.price .euro{
	font-size:25px;
}

#lowest_price div.price .big{
	font-size:43px;
}

#lowest_price div.price .small{
	font-size:18px;
}

#lowest_price div.title{
	float:left;
	width:140px;
	text-align:right;
	font-size:10px;
}

#lowest_price div.link{
	float:left;
	font-size:10px;
	margin-left:10px;
	margin-top:-35px;
	width:60px;
}

#lowest_price div.link span{
	float:left;
	width:100%;
}

#lowest_price div.link span.full{
	width:100%;
	display:block;
	width:100%;
}

#lowest_price div.link a.btn{
	float:left;
	width:36px;
	background-color:#6D6D6D;
	color:#FFFFFF;
	text-align:center;
	margin-top:5px;
	border:none;
	line-height:18px;
	height:18px;
	padding-bottom:2px;
	font-size:12px;
}

#lowest_price div.link a.btn:hover{
	text-decoration:none;
	background-color:#4D4D4D;
}

/************************************* Typography **********************************************/
						
#column1 h2{
	display: block;
}

#column1 h3, #column2 h3{
	display: block;
}

#column1 p, #column2 p{
}

#column1 a, #column2 a{
}

#column2 h2{
	display: block;
}

span.bold{
	font-weight:bold;
	margin-right:5px;
}

span.blue{
	color:#71BAD0;
}

/************************************ Photo Gallery *************************************/
div.photogallery{
	width:710px;
	margin-top:25px;
}

div.photogallery a{
	display:block;
	float:left;
	margin-bottom:15px
}

div.photogallery #img, div.photogallery .img{
	width:80px;
	height:80px;
	overflow: hidden;
	margin-right:15px;
	border-color:#D3D3D3;
}

div.photogallery .img6, div.photogallery .img13, div.photogallery .img20, div.photogallery .img27{
	margin-right:0;
}

div.photogallery #img:hover, div.photogallery .img:hover{
}

/************************************ Vertical Gallery 1 *************************************/
div.vertical_gallery{
	width:148px;
	height:100%;
	float:left;
}

div.vertical_gallery a{
	display:block;
	float:left;
	margin:5px 5px;
}

div.vertical_gallery #img, div.vertical_gallery .img{
	width:60px;
	height:60px;
	overflow: hidden;
}

div.vertical_gallery #img:hover, div.vertical_gallery .img:hover{
}

/************************************ Vertical Gallery 2 *************************************/
div.vertical_gallery_big{
	width:110px;
	height:100%;
	float:left;
}

div.vertical_gallery_big a{
	display:block;
	float:left;
	margin:10px 10px;
}

div.vertical_gallery_big #img, div.vertical_gallery_big .img{
	width:90px;
	height:90px;
	overflow: hidden;
}

div.vertical_gallery_big #img:hover, div.vertical_gallery_big .img:hover{
	
}
/********************************* Availability Form ***********************************/
#availability-checker{
	width:164px;
	padding:0 15px;
	height:149px;
	float:left;
}

div.row1 div.column2 h2{
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	height:22px;
	line-height:18px;
	margin:0 0 15px 0;
	font-weight:normal;
	width:100%;
}

div.row1 div.column1 h2{
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	height:22px;
	line-height:18px;
	font-weight:normal;
	width:164px;
	margin:25px 15px 9px 15px;
}

#availability-checker div.hidden{
	display:none;
}

#availability-checker div.date{
	width:100%;
	float:left;
	line-height:24px;
}

#availability-checker div.date label, #availability-checker div.date input, #availability-checker div.date a{
	float:left;
}

#availability-checker div.nights, #availability-checker div.adults, #availability-checker div.children{
	width:33%;
	float:left;
	line-height:24px;
}

#availability-checker div.bookingBtn{
	width:100%;
	float:left;
	text-align:right;
	line-height:24px;
}

div.date label{
	text-align:left;
	width:100%
}

div.adults label{
	text-align:center;
	width:100%
}

div.children label{
	text-align:right;
	width:100%
}

div.date{
	text-align:left;
}

div.adults{
	text-align:center;
}

div.children{
	text-align:right;
}

#availability-checker div.date input{
	width:135px;
	margin-bottom:10px;
}

#availability-checker label{
	margin-bottom:5px;
}

#availability-checker div.bookingBtn{
	margin-top:15px;
}

#availability-checker div.bookingBtn input{
	border:none;
	background-color:#6D6D6D;
	line-height:20px;
	height:20px;
	width:90px;
	text-align:center;
	padding-bottom:2px;
	color:#FFFFFF;
}

#availability-checker div.bookingBtn input:hover{
	background-color:#4D4D4D;
	cursor:pointer;
}

.ui-datepicker-trigger  {
	cursor:pointer;
	margin:0;
	border:0;
	padding:0;
}

/********************************** Map ************************************/
#mapCanvas {
	width:280px;
	height:140px;
	display: block;
	border:none;
}

#map{
	width:280px;
	height:140px;
	overflow:hidden;
	margin:0;
	float:right;
}

#map h2{
	display:none;
}

div.gmnoprint{
	color:#000000;
}
/************************ Request Form *****************************/
div.line{
	width:330px;
	float:left;
}

div.line div.fullLine{
	width:100%;
}

div.line div.form_textfield{
	width:auto;
}

div.line div.fullLine input{
	width:140px;
}

div.line div.fullLine select{
	float:left;
	line-height:20px;
	height:20px;
}

#reqForm .bold{
	font-weight:bold;
	margin-top:16px;
	width:100%;
	float:left;
}

div.line div.form_textarea{
	margin-top:10px;
}

div.line div.form_textarea textarea{
	width:100%;
	height:90px;
	
}

div.line div.form_textarea label {
	display:block;
	float:left;
	text-align:left;
	width:100%;
}

.digi{
	background:url("../images/digi.png") no-repeat scroll left top transparent;
	float:left;
	height:71px;
	padding-top:12px;
	width:414px;
	margin-left:16px;
}

.digi p{
	color:#fff;
	font-size:9px;
	padding-left:243px;
	text-align:left;
}