@charset "utf-8";
/* CSS Document */

body, html {margin:0px; padding:0px;}
body {font:normal 12px Tahoma, Geneva, sans-serif; color:#231f20; background:url(../images/bg.png) repeat-x #dcbb9a; padding-bottom:15px;}
form {margin:0px; padding:0;}
a {outline: none; text-decoration:none; color:#920000;}
img {border:0;}
p, h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;}
ul, li, ol, dl, dt, dd {padding:0px; margin:0px;}
ul li {list-style-type:none;}

.floatlft {float:left;}
.floatrght {float:right;}
.clrbth {clear:both;}

#wrapper {width:770px; margin: 0 auto; padding:0;}

#header {padding:0 20px 0 20px; background:#fbfafa url(../images/bck1.png) repeat 0 0; position:relative; min-height:86px; z-index:10;}
#header h1 {width:298px; height:111px; text-align:left; display:block; position:absolute; top:14px; left:50px;}
#header h1 a {background:url(../images/olympic-hotel-logo.png) no-repeat left top; text-indent:-8000px; display:block; height:111px; text-align:left;}

#header .right {clear: both; color: #989899; float: right; font-size: 12px; line-height: 14px; margin: 8px 1px 8px 0; padding: 0;}

#header .right input {float:left; width:174px; padding:3px 8px 4px 8px; margin:0; font:normal 11px/13px Tahoma, Geneva, sans-serif; background:#fefffd; height:13px; border:1px solid #cdcecd; border-right:0; text-align:left;}
#header .right .go {float:left; display:block; width:30px; height:20px; cursor:pointer; border:1px solid #cdcecd; border-left:0; background:#fefffd url(../images/arrow1.png) no-repeat 50% 50%;}
#header .right .go:hover {background:#692900 url(../images/arrow1.png) no-repeat 50% 50%;}
#header .topbar {clear:both; padding:0 0 0 0; overflow:hidden; background-color:#446670;}

#header .lang { font: 11px/13px Tahoma, Geneva, sans-serif; color:#920000; clear:both; }
#header .lang ul {padding:0 15px 7px 15px; background-color:#dcbb9a; overflow:hidden;}
#header .lang li {margin-left:3px; float:right;}
#header .lang a {color:#231f20;}
#header .lang a:hover {color:#920000;}
#header .lang .top {height:7px; clear:both; background:url(../images/langtop.png) no-repeat 0 0;}

#header .mainNav {height:28px; overflow:hidden; position:relative; font:normal 14px/16px Tahoma, Geneva, sans-serif; margin-top:1px; }
#header .mainNav li {float:left; list-style:none; padding-left:56px;}
#header .mainNav li a {text-decoration:none; color:#fefefe; display:block; float:left; height:23px; padding:5px 0 0 0;}
#header .mainNav li a:hover {color:#9db8c0;}


#header .navbar {background:#fff; clear:both; font-size:11px; line-height:13px; font-weight:bold; height:14px; padding:12px 0 0 0; clear:both; background-color:#920000; z-index:1; text-align:center;}
/*
#header .navbar ul {float:left; left:50%; position:relative; text-align:center;}
#header .navbar li {float:left; display:block; position:relative; right:50%; padding:0 17px;}
#header .navbar li a {color:#FFF;}
#header .navbar li a:hover,
#header .navbar li a.selected {color:#dcbb9a;}
*/
#header .navbot {height:10px; clear:both; background:url(../images/navbot.png) no-repeat 0 0;}
/*
#jsddm { margin: 0;padding: 0}
#jsddm li	{float: left; list-style: none;	font-size: 11px;}
#jsddm li a { display: block; background: #920000; text-decoration: none; color: color:#FFF; white-space: nowrap}
#jsddm li a:hover, #jsddm li a.selected	{ color:#dcbb9a;}
#jsddm li ul { float:left; left:50%; position:relative; text-align:center;}
#jsddm li ul li { float: none; display: inline}
#jsddm li ul li a { width: auto; background: #920000}
#jsddm li ul li a:hover {	background: #920000}
*/

#jsddm
{	margin: 0;
	padding: 0;
	text-align:center;
	}

	#jsddm li
	{	float: left;
		list-style: none;
		font-size: 11px ;
}
	#jsddm li a
	{	display: block;
		background: #920000;
		text-decoration: none;
		width: auto;
		padding: 0px 18px 0px 18px;
		border:0;
		color: #EAFFED;
		white-space: nowrap;}

	#jsddm li a:hover
	{	background: #920000}

		#jsddm li ul
		{	margin:0;
			padding: 10px;
			position: absolute;
			visibility: hidden;}

		#jsddm li ul li
		{	float: none;
			display: inline}

		#jsddm li ul li a
		{	width: auto;
			padding: 5px;
			height:20px;
			background: #920000}

		#jsddm li ul li a:hover
		{	background: #920000}





#header .photo {clear:both; float:left; margin-top:1px; margin-bottom:1px;}
#header .photo img {display:block;}

/* ------------------- DYNAMIC TXT -------------------- */
.mainLeft .txtgen {clear:both; }
.txtgen p,
.mainLeft .txtgen p {padding:0 0 15px 0;}
.txtgen ul,
.txtgen ol,
.txtgen dl {padding:0 0 15px 20px;}
.txtgen li {padding:0 0 5px 0; list-style-position:outside; list-style-type:disc;}
.txtgen h1 {padding:0 0 13px 0; font-size:15px; line-height:17px; font-weight:bold;}
.txtgen h2,
.mainLeft .txtgen h2 {padding:0 0 13px 0; font-size:15px; line-height:17px; font-weight:bold; color:#003C58; font-family:Tahoma, Geneva, sans-serif;}
.txtgen h3,
.mainLeft .txtgen h3 {padding:0 0 10px 0; font-size:13px; line-height:15px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#616161;}
.txtgen h4 {padding:0 0 10px 0; font-size:13px; line-height:15px; font-weight:bold; color:#003C58;}
.txtgen h5 {padding:0 0 10px 0; font-size:12px; line-height:14px; font-weight:bold;}
.txtgen h6 {padding:0 0 10px 0; font-size:12px; line-height:14px; font-weight:bold; color:#003C58;}
.txtgen dt,
.txtgen dd {padding:0 0 5px 0;}
.txtgen a:hover {text-decoration:underline;}
.txtgen img {margin-bottom:15px;}
.txtgen img.floatlft {margin-right:20px;}
.txtgen img.floatrght {margin-left:20px;}


/* ------------------- liquid button -------------------- */
.btn1 {display:block; text-align:center; background:url(../images/btn1-ri.png) no-repeat 100% 0; color:#faf8f6; font:normal 11px/13px Tahoma, Geneva, sans-serif;}
#bookingForm .btn1 {width:190px; margin:20px 0 0 0;}
.mainLeft .btn1 {width:100px;}
.btn1 span {display:block; height:18px; padding:4px 0 0 15px; margin:0 15px 0 0; background:url(../images/btn1-le.png) no-repeat 0 0; cursor:pointer;}
.btn1:hover {background-position:100% -22px;}
.btn1:hover span {background-position:0 -22px;}


#main {overflow:hidden; padding:38px 32px 25px 38px; background-color:#fbfafa;}

.mainLeft {width:452px; padding:0; float:left; text-align:justify; overflow:hidden;}
.mainLeft.alt1 {width:306px;}

.mainLeft h2 {color:#920000; font:normal 18px "georgia"; padding:0 0 10px 0;}
.mainLeft h2 span {color:#83a6af; font-size:20px; line-height:22px;}
.mainLeft h3 a {color:#920000; font:normal 11px "georgia"; padding:0 0 10px 0;}

.mainLeft .thumbs {padding:15px 0 0 0; overflow:hidden; width:460px;}
.mainLeft .thumbs a {float:left; display:block; margin:0 9px 10px 0; width:83px; height:83px;}
.mainLeft .thumbs a img {display:block;}
.mainLeft .thumbs a:hover img {filter:Alpha(Opacity=75); -moz-opacity:0.75; opacity:0.75;}

.mainLeft input {width:290px; padding:5px 7px 5px 7px; margin:0 0 10px 0; font:normal 11px/13px Tahoma, Geneva, sans-serif; background-color:#FEFFFD; color:#A5A9AA; height:14px; border:1px solid #CDCECD;}
.mainLeft textarea {width:290px; padding:5px 7px 5px 7px; margin:0 0 10px 0; font:normal 11px/13px Tahoma, Geneva, sans-serif; background-color:#FEFFFD; color:#A5A9AA; height:14px; border:1px solid #CDCECD; overflow:auto; height:100px;}
.mainLeft label {margin:0px; display:block; padding:0 0 4px 0; font-size:11px; line-height:14px;}
.mainLeft .asterisk {color:#dc2f2f;}
.mainLeft .note {padding:0 0 10px 0; font-size:11px; line-height:14px;}
.mainLeft .note.floatlft {width:170px;}
.mainLeft .messages {padding:20px 0 5px 0; font-size:11px; line-height:14px; clear:both; min-height:14px;}
.mainLeft .messages span {display:block;}

.red {color:#dc2f2f;}
.green {color:#36a57a;}

.mainRight {width:220px; float:right; padding:0; }
.mainRight.alt1 {width:360px;}
.mainRight h3 {color:#920000; font:normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 8px 0; margin:8px 0 0 8px;}
.mainRight .promo {font:italic normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; background:url(../images/promo-bck.png) no-repeat 0 0; height:67px; padding:20px 12px 0 0;}

#main .icon1 {padding-top:10px; min-height:26px;}
#main .icon2 {padding-top:11px; min-height:17px;}
#main .icon3 {padding-top:8px; padding-left:22px; min-height:20px;}

#main .icon4 {background:url(../images/icon-tv.png) no-repeat 0 0; min-height:17px;}
#main .icon5 {background:url(../images/icon-ac.png) no-repeat 0 3px; min-height:17px;}
#main .icon6 {background:url(../images/icon-tel.png) no-repeat 0 4px; min-height:17px;}
#main .icon7 {background:url(../images/icon-bar.png) no-repeat 0 2px; min-height:17px;}
#main .icon8 {background:url(../images/icon-dryer.png) no-repeat 0 4px; min-height:17px;}
#main .icon9 {background:url(../images/fridge.png) no-repeat 0 4px; min-height:17px;}

#bookingForm {font:normal 12px/14px Tahoma, Geneva, sans-serif; float:right; background-color:#efe5d9; width:254px; height:250px; padding:0 0 0 55px; color:#231f20; margin-top:1px; margin-bottom:1px;}
#bookingForm h2 {color:#446670; margin:24px 0 0 0; font:italic normal 15px/17px Tahoma, Geneva, sans-serif; text-indent:-8000px; background:url(../images/book-online.png) no-repeat 0 0; width:140px; height:25px; display:block;}
#bookingForm input {width:149px; display:block; padding:4px 35px 4px 6px; margin:15px 0 0 0; font:normal 12px/14px Tahoma, Geneva, sans-serif; border:0; background:#FBFAFA url(../images/calendar.gif) no-repeat 95% 0; height:14px; color:#2e0000; text-align:left; cursor:pointer;}
#bookingForm input:hover {background-position:95% -23px;}
#bookingForm label {margin:0px; display:block; padding:22px 0 0 0;}

#footer {font:normal 10px/12px Verdana, Geneva, sans-serif; color:#fafaf9; clear:both;}
#footer .top {background-color:#af9982; padding:11px 40px 10px 40px; overflow:hidden;}
#footer a { text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left {float:left; width:50%; text-align:left;}
#footer .right {float:right; text-align:right; width:40%;}
#footer .bottom {clear:both; height:14px; background:url(../images/footerbot.png) no-repeat 0 0;}

/* ------------------- DIGILODGE BANNER -------------------- */
.digilodgeBanner {margin:0 auto; padding:10px 48px 0 30px; overflow:hidden; background-color:#fbfafa;}
.digilodgeBanner .txt {width:430px; text-align:center; font:normal 9px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8d8a86; float:left; padding:0;}
.digilodgeBanner .logos {float:right;}
.digilodgeBanner .logos img {float:left; margin:0 0 0 15px;}

#ui-datepicker-div {display:none; z-index:100;}

.list1 {font-size:12px; line-height:14px; padding:0 0 25px 31px;}
.list1 li {padding:2px 0 0 3px; margin:0 0 2px 0; line-height:16px;}
.list1 li.icon4,
.list1 li.icon5,
.list1 li.icon6,
.list1 li.icon7,
.list1 li.icon8,
.list1 li.icon9 {padding-left:23px;}
.list1 li strong {font-weight:normal; color:#8e925e;}
.list1 li a {}
.list1 li a:hover {text-decoration:underline;}


/* ------------------- NEW !!! -------------------- */
#slider { width:576px; height:313px; float:right; background:#000; border:7px solid #fbfbfb;}

#map {height:323px;}

.newstitle { margin-bottom:5px;}


/* ------------------- PRICES FORM--------------------
to pricelist einai apo tin selida: http://summertimeinn.gr/el/prices.php */
.formtype2 {
    color: #294F67;
}
.formtype2 select {
    border: 1px solid #E9E9E9;
    color: #3E3E3E;
    font: 11px/13px Arial,Helvetica,sans-serif;
    margin: 0 10px 0 0;
}
.formtype2 .row {
    clear: both;
    overflow: hidden;
    padding: 0 0 17px;
}

.row label{ padding: 0 0 10px; color: #231F20; display: inline;}

.formtype2 h3 {
    color: #597431;
    font: 14px/16px Tahoma,Geneva,sans-serif;
    padding: 5px 0 10px;
}
#main .formtype2 .btn2, #main .formtype2 .btn2:hover {
    text-decoration: none;
}
.formtype2 table {
    margin-bottom: 15px;
    width: 100%;
}
.formtype2 th, .formtype2 td {
    border-bottom: 1px dashed #9A9A9A;
    padding: 5px 35px 5px 0;
    text-align: left;
    vertical-align: top;
}
.formtype2 th {
    color: #294F67;
    font-weight: bold;
}
.formtype2 td {
    color: #294F67;
}