/* =Project: Astir Patras Hotel
Developer: Katerina Maniataki
by Net360----------------- */

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

*{
	margin: 0;
	padding: 0;
}

html{
	font-size:62.5%; 
}

body{
	font:0.9em "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial;
	background: url(../images/bgSlice.png) repeat ;
	border-top:7px #9FB9C6 solid;
	color:#666666;
}

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

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

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

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

#superWrapper{
	position:relative;
	overflow: hidden;
}

#wrapper{
	position: relative;
	margin: 0 auto 40px auto;
	width:900px;
	overflow: visible;
}

#content{
	position: relative;
	height:67em;
	min-height:67em;
	overflow: relative;
	margin-top:30px;
}

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

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

#footer{
	background-color: #9fb9c6;
	width:100%;
	position:relative;
	/*height:100%;
	*/display: block;
	overflow: hidden;
	clear: both;
}

#innerFooter{
	width:900px;
	margin: 2% auto 3% auto;
	position:relative;
	display: block;
}

#innerFooter p{
	color:#e2f4f6;
	font-size:1.2em;
}

#bottomLinks a{
color:#435A88;
}

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

#designBy a{
	background: url(../images/net360.gif) no-repeat top left;
	width:46px;
	height:38px;
	display: block;
	position:absolute;
	top:0;
	right:0;
}

#designBy a:hover{
	background: url(../images/net360.gif) no-repeat bottom left;
}

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

#header{
	height:142px;
	display: block;
	position: relative;
	overflow: visible;
}

#header h1{
	position: absolute;
	top: 11px;
	left:64px;
	background: url(../images/astirHotel.gif) no-repeat top left;
}

#header h1 a{
	display:block;
	width:99px;
	height:120px;
	border:3px solid #aec5cf;
	}	
	
#header h1 a:hover{
	border:3px solid #1da0c9;
}
	
#header #lang{
	position: absolute;
	top:20px;
	right:0;
	font-size:1.4em;
}

#header #lang a, #header ul li a{
	color:#497190;
}

#header #lang a:hover, #header ul li a:hover{
text-decoration: none;
}

#header #lang a.current, #header ul li a.current{
	color:#3095b6;
	text-decoration:none;
}

#header ul{
	list-style: none;
	position:absolute;
	top:50px;
	right:-10px;
}

#header ul li{
	float: left;
	padding: 5px 6px;
	font-size:1.4em;
}

/* Banner------------------------------------------------------ */

#indexPage #banner{
	width:623px;
	height:284px;
	border: 3px solid #aec5cf;/*#559cb9*/
	display: block;
	background: url(../images/indexBanner.jpg);
	margin-bottom: 30px;
}

#simplePage #banner{
	width: 623px;
	height:211px;
	border: 3px solid #aec5cf;
	display: block;
	background: url(../images/simpleBanner.jpg);
	margin-bottom: 30px;
}

#flash{width:623px;}

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

#navigation{
	position: absolute;
	top:99px;
	right:0px;
	list-style:none;
	overflow: visible!important;
	background-color: #E3EBEE;
	border:3px solid #AEC5CF;
	display: block;
	padding: 10px 0 10px 10px;
	width:613px;
}

#navigation li{
	float: right;
}

#navigation li a{
	font-size:1.6em;
	text-decoration: none;
	padding: 0 8px 0 8px;
}

#navigation #accommodation a, #navigation #facilities a, #navigation #conferences a, #navigation #restaurant a, #navigation #location a{
	background: url(../images/bg_nav.gif) no-repeat top left;
	width:78px;
	height:17px;
	display: block;
}

#navigation #facilities a{
	background-position: -111px 0;
	width: 68px;
}

#navigation #conferences a{
	background-position: -212px 0;
	width: 134px;
}

#navigation #restaurant a{
	background-position: -379px 0;
	width: 125px;
}

#navigation #location a{
	background-position:-537px 0;
	width:41px;
}

#navigation #accommodation a:hover, #navigation #accommodation.current a, #navigation #facilities a:hover, #navigation #conferences a:hover, #navigation #restaurant a:hover, #navigation #location a:hover{
	background: url(../images/bg_nav.gif) no-repeat left -21px;
}

#navigation #facilities a:hover{
	background-position: -111px -21px;
}

#navigation #conferences a:hover{
	background-position: -212px -21px;
}

#navigation #restaurant a:hover{
	background-position: -379px -21px;
	
}

#navigation #location a:hover{
	background-position:-537px -21px;
}

#navigation ul{
	position:absolute;
	background-color: #e3ebee;
	border: 3px solid #aec5cf;
	top:25px;
	left: -999em;
}

#navigation ul li{
	list-style: none;
	float: left;
	width: auto;
}


#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navigation li:hover, #navigation li.sfhover {
	position: static;
}

#navigation #location ul li a, #navigation #location ul li a:hover, #navigation #location.current ul li a{
	background: none;
	}
	
#navigation ul li{
float:none;
}

#navigation #location ul li a{
	padding: 5px 10px;
	display: block;
	clear: both;
	width:150px;
	color: #3095b6;
}

#navigation ul li a:hover{
	background-color: #1da0c9!important;
	color: white!important;
}

/* 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;
	overflow: hidden;
}

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

.col70{
	width: 70%;	
	float: left;
	line-height: 1.9em;
}


.col30{
	width: 30%;	
	float: left;
	line-height: 1.9em;
}

.col3Display{
	width:195px;
	float: left;
	line-height: 1.9em;
	padding: 0;
	margin: 6px;
	border:3px solid #aec5cf;
	height:203px!important;
	overflow: hidden;
	background-color: #aec5cf;
}

.col3Display:hover{
	border: 3px solid #3095B6;
	background-color: #3095B6;
}

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

#mainContent a{
	color:#1da0c9;
	text-decoration:none;
}

#mainContent a:hover{
	text-decoration:underline;
}

#sidebar ul{
	list-style: none;
}

#sidebar li{
	margin: 0 0 20px 0;
}

#sidebar #onlineBooking a{
	width: 246px;
	height: 54px;
	display:block;
	background: url(../images/bookingButton.gif) no-repeat top left;
}

#sidebar #onlineBooking a:hover{
	background-position: bottom left;
}

#sidebar #specialOffers a{
	width:246px;
	height:51px;
	display: block;
	background: url(../images/offer.gif) no-repeat top left;
}

#sidebar #specialOffers a:hover, #sidebar #specialOffers.current a{
	background-position: bottom left;
}

#sidebar #moreLinks li{
	margin: 5px 0;
}

#sidebar #moreLinks a{
	border:3px solid #aec5cf;
	margin:13px 0 10px 0;
	background-color: #e3ebee;
	width:220px;
	padding: 15px 10px 15px 10px;
	font-size: 1.7em;
	color:#3095b6;
	text-decoration:none;
	display:block;
}

#sidebar #moreLinks a:hover, #sidebar #moreLinks li.current a{
	color: white;
	background-color: #3095b6;
	border:3px solid white;
}

.sidebarContent{
	border: 3px solid #aec5cf;
	background-color: #e3ebee;
	width:240px;
	display: block;
}

.sidebarContent:hover{
	border: 3px solid #3095b6;
	background-color: white;
}

#simplePage .sidebarContent{
	border: 3px solid #aec5cf;
	background-color:#aec5cf;}

#simplePage .sidebarContent:hover{
	border: 3px solid #3095b6;
	background-color: #3095b6;}	
	
#sidebar img{
	padding-bottom:3px;
}
#sidebar .lastImg{
	padding-bottom:0;
}

.col3Display h2{
	background-color:#7CA2AF;
	color:#FFFFFF;
	display:block;
	padding: 10px 5px;
	margin:0;
	font-size:1.8em;
	font-weight:lighter;
}	

.col3Display img{
	margin: 0;
	padding:0;
	width:195px;
	height:163px;
	margin-top: 3px;
}

.col3Display a img{
	border: 0;
}

.first{
	margin-left:0px!important;
}

.last{
	margin-right:0px!important;
}

.textWrapper{
	background-color: #E3EBEE;
	border:3px solid #aec5cf;
}

.textWrapper p{
	font-size:1.4em;
	margin:20px 30px;
	line-height:2em;
}

.textWrapper h2{
	background-color: #7CA2AF;
	color:#ffffff;
	font-size:1.8em;
	font-weight: lighter;
	padding: 10px 20px;
	border-bottom: 3px solid #aec5cf;
}

.textWrapper h3{
	font-size: 1.7em;
	font-weight: lighter;
	color: #497190;
	padding:10px 30px;
}


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

table.tableStyles{
	margin:30px 20px;
	width: auto;
}

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

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

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

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

td {
	padding: 6px 6px 6px 12px;
	color: #3095b6;
	font-size: 1.2em;
}

/* Forms */

/*fieldset{
	border:none;
}

legend{
	padding: 30px 30px 10px;
	font-size:1.7em;
	color: #3095b6;
}*/

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


#contactForm {margin:20px 30px;}
label{
	display: block;
	font-size:1.2em;
	padding:5px 0;
}

input, textarea{
	border: 1px solid #ddf6f7;
	background: url(../images/input.jpg) repeat-x center;
	color:#006699;
}

textarea{
	width:50%;
}

input:hover, textarea:hover, textarea:active, input:active, input:visited, textarea:visited{
background: url(../images/inputHover.jpg) repeat-x center;	
}

.button{
	background-color: #006699;
	background-image: none;
	color: white;
	border: 1px solid #003a57;
	padding: 2px 5px;
}