/* =Project: Portiani Hotel
Designer: Katerina Maniataki
by Net360----------------- */

/* General Tricks------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

a{
	color:#B46102;
}


html{
	font-size:62.5%; 
}

body{
	font:0.9em "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial;
	background:#C3BDA7 url(../images/bodySlice.jpg) repeat-x top left;
}

.invisible, hr{
	position: absolute;
	left:-5000px;
	height:1%;
	width:1%;
}

.floatRight{
	float: right; 
	margin: 0px 30px;
}

.floatLeft{
	float: left; 
	margin: 0px 30px;
}

strong{
	font-weight: bold;
}

/* General IDs---------------------------------------- */

#superWrapper{
	width: 842px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}

#wrapper{
	position: relative;/* gia na paixoume me to position tou menu kai na to topothetisoume opou theloume */
}

#content{
	position: relative;
	height:10em;
	min-height: 10em;
	overflow: visible;
	margin-top:47px;
	background: url(../images/contentSlice.jpg) no-repeat top left;
	padding-top: 67px;
}

*>#content{
	height:auto;
	overflow: hidden;
}

#mainContent{
	height:10em;
	min-height: 10em;
	overflow: visible;
	padding-bottom:30px;
}

*>#mainContent{
	height:auto;
	overflow: hidden;
}

#sidebar{
	
}

/* Header--------------------------------------------- */

#header{
	height:372px;
	display: block;
	position: relative;
	overflow: visible;
	background: url(../images/headerImage.jpg) no-repeat left 56px;
}

#header h1{
	position: absolute;
	top: 45px;
	right:0;
	background: url(../images/portianiLogo.png) no-repeat right top;
}

#header h1 a{
	display:block;
	width:382px;
	height:76px;
	}	
	
#header #lang{
	position: absolute;
	top:20px;
	left:10px;
	font-size:1.3em;
}

#header #lang a{
	text-decoration: none;
}

#header #lang a:hover, #header #lang a.current{
text-decoration: none;color:#58523D;
}

#tagLine, #tagLineGr{
	background: url(../images/tagLine.jpg) no-repeat top left;
	position: absolute;
	top:128px;
	right:6px;
	width: 376px;
	height:94px;
}


#tagLineGr{
	background: url(../images/tagLineGR.jpg) no-repeat top left;
}

#header ul{
	list-style: none;
}

#easyLinks{
	position:absolute;
	top:0;
	right:5px;
}

#easyLinks li{
	float: left;
}

#easyLinks a, #easyLinks #book a:hover{
	background-color: #58523d;
	padding: 5px 10px;
	color:#c3bda7;
	font-size: 1.4em;
	display: block;
	text-decoration:none;
}


#easyLinks a:hover, #easyLinks #book a{
	background-color: #b46102;
}

#easyLinks #book a, #easyLinks #book a:hover{
	padding:10px 15px;
	font-size:1.6em;
}

/* Navigation Horizontal--------------------------------------- */

#navigation{
	position: absolute;
	top: 0;
	left:8px;
	margin-top:-47px;
	list-style:none;
	overflow: visible!important;
	background:#FFFFFF url(../images/menuSlice.png) no-repeat top left;
	width: 749px;
	height:47px;
	padding: 0 40px;
}

#navigation li{
	float: left;
}

#navigation li li a.current{
/* font color */
}

#navigation li a{
/*	font color*/	
	font-size:1.6em;
	text-decoration: none;
	padding:15px 30px;
	display:block;
}

#navigation li a:hover, #navigation li.current a{
	background-color:#c3bda7;
	color:white;
}


/* Footer------------------------------------------- */

#footer{
	position:relative;
	bottom:0;
	padding: 0;
	width:100%;
	overflow: hidden;
}

#bottomLinks{
	margin-top:20px;
	width:698px;
	float: left;
	font-size:1.2em;list-style:none;
}

#bottomLinks li{
	float: left;
	list-style:none;
	padding: 20px;
}

#bottomLinks a{
text-decoration:none;
}

#bottomLinks a:hover, #bottomLinks a.current{
color:#b08b0b;
}

#designBy a{
	float: right;
	text-align:right;
	background: url(../images/net360.png) no-repeat top left;
	width:54px;
	height:63px;
	display: block;
	margin-top:20px;
}

#downFooter{
	background: url(../images/euFlags.png) no-repeat left 0px;
	height:56px;
	width:480px;
	position:relative;
	margin-top:10px;
	margin-bottom: 40px;
	margin-left:10px;
	float: left;
}

#downFooter p{
	margin-left:160px;
	width:220px;
	font-size:1.1em;
	color:#383527;
}
/* Content------------------------------------------ */

/* Ta aristera kai dexia padding tou periexomenou ta pernei to kathe paragraph, 
heading, ul, ol, address et.c pou xrhsimopoioume mesa sto content me dilosi tou stil 
#content p{
	padding: 50px;
}
*/

.col100{
	width: 100%;
	line-height: 1.9em;
}

.col50{
	width: 50%;
	float: left;
	line-height: 1.9em;
}

.col60{
	width: 60%;
	float: left;
	line-height: 1.9em;
}

.col40{
	width: 40%;
	float: left;
	line-height: 1.9em;
}

/* Typography--------------------------------------- */

#content p, #content form, #content address, #content ul, #content ol, #content h2, #content h3, #content h4{
	margin:30px 71px;
	color:#58523D;
	font-weight: lighter;
}

#content h2{
	font-size:2.2em;
	margin-bottom:40px;
	margin-top:10px;
}

#content h3{
	font-size:2em;
}

#content p, #content address, #content ul, #content ol{
	font-size: 1.4em;
	line-height:2em;
}

#content ul, #content ol{
	margin-left:120px
}

#content ul li, #content ol li{
	padding: 5px 15px;
}

#content a:hover{
	color:#B08B0B;
}

/* Rates table -------------------------------------------- */

table.tableStyles th {
	font-size:1.2em;
/*	color: #6D929B;
	border-right: 1px solid #d1af68;
	border-bottom: 1px solid #d1af68;
	border-top: 1px solid #d1af68;
*/	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
/*	background: #EACDA9 url(../images/bgHeaderTable.jpg) repeat-x;
*/}

table.tableStyles th.nobg {
	border-top: 0;
	border-left: 0;
/*	border-right: 1px solid #d1af68;
*/	background: none!important;
}

table.tableStyles th.spec {	
/*	border-left: 1px solid #d1af68;
*/	border-top: 0;
/*	background:  #d1ccc0 url(../images/bulletTable01.png) no-repeat!important;
*/}

table.tableStyles th.specalt {
/*	border-left: 1px solid #d1af68;
*/	border-top: 0;
/*	background: #d9d5cb url(../images/bulletTable02.png) no-repeat!important;
	color: #ae9152;*/	
}

td {
/*	border-right: 1px solid #d1af68;
	border-bottom: 1px solid #d1af68;
	background:  #d1ccc0;
*/	padding: 6px 6px 6px 12px;
/*	color: #6D929B;
*/	font-size: 1.2em;
}

td.alt {
/*	background: #d9d5cb;
	color: #ae9152;*/
}

/* Forms-------------------------- */

#availabilityForm{
	background: #58523D url(../images/availabilitySlice.jpg) no-repeat 0px bottom;
	position: absolute;
	bottom:0px;
	left: 403px;
	width:308px;
	height: 120px;
	padding: 18px 0 0 125px;
	color:white;
	overflow:visible;
}

fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

legend{
	padding: 0;
	margin: 0;
	color:#ffffff;
	font-size:1.4em;
	margin-top:5px;
	margin-bottom:10px;
}

#availabilityForm label, #availabilityForm span label{
	font-size:1.2em!important;
	display: inline;
	color:white;
}

.formData{
	padding:2px 3px;
	float: left;
}

input, select, textarea{
	background-color:#c3bda7;
	border:1px solid #383527;
	color:#817355;
	position: relative;
}

#date{
	width: 80px;
}

#name, #email{
	width:100px;
}
#availabilityForm span{
	font-weight: bolder;
	color:#b08b0b;
	font-size:1.3em;
	margin-right:3px;
}


#availabilityForm span label{
	font-size:.9em!important;
	display: inline;
	color:white;}
	
#content input, #content textarea, #content select{
	background-color: #eae7dc;
	padding: 2px;
	margin: 0;
}

#content select{
	padding: 0;
}

#content textarea{
	width:80%;
}

#content label{
display: block;
color:#b46102;
font-size:1.2em;
padding: 0;
margin: 0;
}

.button, #content .button{
	background-color:#b46102;
	color:#c3bda7;
	padding:1px 15px;
	width:auto;
}

.button:hover, #content .button:hover{
	background-color:#b08b0b;	width:auto;
}

#content td{
	padding: 5px;
}


/* map */

#map{
	background: url(../images/map.gif) no-repeat top left;
	width: 700px; 
	height: 500px; 
	margin:0 auto;
	border: 1px solid #efc579;
}

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

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

.alert{
	margin-left:-3px!important;
}

.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;
}

#contact_form label {
	display: block;
	font-size:1.4em;
	padding:5px 0;
}


.newinfo{margin-left:150px;}

.eswteriko{
	float:left;
}

#contactForm{
	margin-left:20px;
	
}

.buttonform{
	background-color:#b46102;
	color:#c3bda7;
	padding:1px 15px;
	width:auto;
	margin-top:15px;
	margin-left:80px;
	border-style:solid;
	border-color:#000;
	border-width:thin;
}

.buttonform:hover{
	background-color:#b08b0b;
	width:auto;
}




.newselection{
	position:absolute;
	left:180px;
}