/*
	Client: Petrino Hotel
	Web Designer: Christina Makentoudi 
	Copyrights: Net360 S.A.
*/


/************************************** General Css ***********************************/
*{
	margin: 0;
	padding: 0;
}

html{
	font-size:62.5% ; 
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0;
}

body {
	font-size:0.9em ;
	width:100%;
	height:100%;
	margin:0;
}

a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

a:hover{
	color:#ffffff;
	text-decoration:none;
}

p {
	text-align:justify;
}

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

.clr{
	margin:0;
	padding:0;
	clear:both;
}

.editableText {
	display:inline;
}
/******************************** Background*************************/
#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;
	padding:0;
}

#bg img {
    margin:0 auto;
	height:100%;
	width:100%;
    min-height:530px;
    min-width:960px;
}
/******************************** CONTAINERS SETUP ****************************************************/
#supperWrapper{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:555px;
	width:100%;
	min-width:960px;
	overflow:hidden;
	z-index:70;
	background:url(../images/top_bg.png) 0 0 repeat-x;
	margin:0;
}
			
#wrapper{
	width:960px;
	height:100%;
	min-height:680px;
	margin: 0 auto;
	overflow: visible;
}

.row0, .row1, .row2{
	float:left;
	width:100%;
}

.column1 {
	float:left;
}

.column2 {
	float:left;
}

.row1{
	height:293px;
 	width:960px;
}

.row1 .column1{
	height:293px;
 	width:462px;
}

.row1 .column2{
 	color:#fff;
	font-size:1.2em;
	background-image:url(../images/dot_gray.png);
	font-size:1.3em;
	height:243px;
	width:453px;
	padding:20px 5px 30px 40px;
	line-height:16px;
}

.row1 .column2 h2{
	font-size:16px;
	display:block;
	width:420px;
	margin-right:33px;
	height:26px;
	line-height:22px;
	font-weight:lighter;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
}
	

/**************************************** HEADER ***********************************************/
#header{
	width:960px;
	margin:0 auto;
}

#header div.column1{
	width:100%;
	padding-top:32px;
	height:84px;
	float:left;
}

#header div.column2{
	min-height:30px;
	width:100%;
	height:30px;	
	float:left;
}
#header h1{
	display:block;
	float:left;
	width:146px;
	height:49px;
}

#header h1 a{
	width:146px;
	height:49px;
	display:block;
	background:url(../images/logo.gif) no-repeat top left;
}

#header ul li{
	float:left;
}

#booking{
	width:150px;
	height:35px;
	background-image:url(../images/booking_bg.jpg);
	float:left;
	margin-right:30px;
	margin-top:3px;
}

#booking a{
	text-decoration:none;
	color:#fff;
	font-size:1.3em;
	line-height:35px;
	display:block;
	width: 151px;
	text-align:center;
}
/******************************** Navigation **************************************/
						
#navigation{
	width: 633px;
	height:44px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li{
	float: left;
	display:block;
}

#navigation li a{
	color:#fff ;
	font-size: 1.3em;
	padding:0 10px;
	display:block;
	text-decoration:none;
	border-right:1px solid #999999;
	height:44px;
	line-height:44px;
	float:left;
}

#navigation li a:hover{
	color:#999999;
}

#navigation ul li .active{
	color:#999999;
}

/**************************languages***************************************/

#languages{
	margin-right:30px;
	float:left;
	margin-top:3px;
}

#languages ul {
	height:26px;
	width:62px;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}

#languages ul li{
	display:block;
	float:left;
	height:26px;
	width:26px;
}


#languages ul li a {
	display:block;
	width:26px;
	height:26px;
}

#languages span{
	display:none;
}

#gr{
	margin-right:10px;
}

#gr a{
	background:url(../images/gr.png) no-repeat top left;
}

#en a{
	background:url(../images/en.png) no-repeat top left;
}
/**************** header bot menu ********************/

#down_menu{
	width:868px;
	height:30px;
	float:left;
}

#down_menu ul{
	list-style:none;
	width:320px;
	display:block;
	line-height:30px;
	float:left;
	margin-left:280px;
}
	
#down_menu li{
	float:left;
	padding-right:20px;
}

#down_menu li a{
	text-decoration:none;
	color:#FFF;
	font-size:1.1em;
}
/******************* CONTENTS ************************/
#home_text{
	height:243px;
	width:453px;
}

#home_text p{
	padding-bottom:10px;
}

#home_text a{
	color:#09F!important;
}

#home_text li{
	list-style:inside;
	list-style-type:circle;
	margin-left:15px;
}

#home_text ul{
	margin-bottom:10px
}

#home_text h3, .row1 column2 h2{
	font-size:16px;
	display:block;
	width:420px;
	margin-right:33px;
	height:26px;
	line-height:22px;
	font-weight:lighter;
	margin-bottom:10px;
}
#home_text h4{
	font-size:15px;
	display:block;
	width:420px;
	margin-right:33px;
	height:26px;
	line-height:22px;
	font-weight:lighter;
	margin-bottom:10px;
	font-weight:bold;
	margin-top:15px;
}

#home_text img{
    margin:5px;
    width:80px;
    height:60px;
    border:1px solid #6FA3B0;
}
	

/*************** TABS *****************/
.tabs{
	width:197px;
	height:13px;
	background-color:#333;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:1px;
	padding:5px 0 5px 10px;
}
	
.tabs a{
	text-decoration:none;
	color:#FFF;
}
/**************************** FOOTER ************************************/
#footer {
	bottom:0;
	height:85px;
	left:0;
	padding:5px 0;
	position:absolute;
	width:100%;
	z-index:99;
	background-color:#333;
}

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

#footNav {
	float:left;
	width:520px;
	height:24px;
	margin-top:20px;
}

#footNav ul{
	list-style: none;
	display:inline-block;
	float:left;
}

#footNav ul li{
	float: left;
}

#footNav ul li a{
	padding-right:7px;
	padding-left:8px;
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	display:block;
	height:16px;
	line-height:16px;
	margin:4px 0;
	border-right:1px solid #fff;
}

#footNav ul li a:hover{
	text-decoration:underline;
}

#footer #hc_badge_33669_rerbs{

float:left;
margin-left:14px;
margin-top:10px;

}
#hc_badge_33669_rerbs a{
float:left;
text-decoration:none;
}

#net360{
	float:right;
	margin-top:20px;
}

#net360 a, #net360 a:hover{
	background-image:url(../images/net360.jpg);
	width:54px;
	height:45px;
	display: block;
}

#footer .address{
	color:#FFF;
	float:left;
	margin-top:-20px;
	padding-left:8px;
	width:612px;
	line-height:14px;
}

#footer .address p{
	display:block;
	float:left;
	margin-right:25px;
}

#footer .addthis{
	float:left;
}

#footer #lowest_price{
	float:left;
	height:65px;
	width:190px;
	margin-right:10px;
	margin-top:10px;
}

#footer #lowest_price div.price{
	float:left;
	width:190px;
}

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

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

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

#lowest_price div.title {
	float:left;
	font-size:10px;
	width:190px;
}

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

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

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

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




/**************************** TOOLS ***********************************/
#mapCanvas {
	width:300px;
	height:300px;
	display: block;
	border:#ffffff 1px solid;
}

#weather {
	width:90px;
	float:left;
	margin:-10px 0 0 140px;
}

#weather h2 {
	font-size:12px;
}

#weather #temperature {
	margin-top:-5px;
	float:left;
}

#weather #icon {
	margin-top:-10px;
	float:right;
}

/********************************* Availability Form ***********************************/
#availability-checker{
	width:177px;
	height:150px;
	float:left;
}

#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:149px;
	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;
}
/**************** TABLES *******************/
td {
	padding:5px;
	text-align:center;
}

#home_text td p{
	padding:0;
	margin:0;
	text-align:center;
}

table{
	margin:10px 0;
	width:93%;
}

table.small{
	width:50%;
}



/*--------------------------CONTACT--------------------------*/

.alert, .error { 
	color: #FF0000; 
}

.error { 
	/*display: block;
	margin: 0.25em 0 0 11%;
	float:left;*/
	border:1px solid #FF0000;
}

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

#contactFormSuccess{
	display:none;
	width:100%;
	line-height:18px;
}

label {
display: block;
font-size:1.0em;
padding:5px 0;
}

.white-suites{
width:130px;
height:57px;
float:left;
margin-left:14px;
margin-top:18px;
}

.white-suites a{
width:130px;
height:57px;
float:left;
text-decoration:none;

}

.white-suites img{
border:0;
}