/*www.athneslotushotel.gr CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr*/

body{padding:0px;margin:0px;background:#E6ECB4;font:90%/140% "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;}

div, h1, h2, h3, h4, h5, p, img, a{margin:0;padding:0;}
a{text-decoration:none;color:#006699}
a:hover, a:active{color:#003399}
a img{border:none;}


/* ---------- basic elements ---------- */
.clr{clear:both;height:1px;}
.spacer{clear:both;height:20px;}
.spacersm{clear:both;height:10px;}
.divider{background-color:#DBE3E7;clear:both;height:2px;margin:10px 0;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.back{font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;text-align:right;}
img.imgleft{float:left;margin:5px 15px 5px 25px;}
img.imgright{float:right;margin:0 30px 5px 10px;}
p.small{font-size:90%;}


/* ---------- layout elements ---------- */
#container{width:1020px;margin:0;min-height:1000px;}

#left{width:250px;float:left;}
#logo{height:285px;}

#flash{width:500px;height:420px;background:#DAE490;}

#middle{width:500px;float:left;background:#99CCFF;/*background:#D8E891;*/}

#right{width:250px;margin:0 0 0 0;float:left;}


/* ---------- left nav --------- */
ul#leftnav{list-style-type:none;margin:0;padding:0;font:normal 100%/18px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif}
ul#leftnav li{}
ul#leftnav li a{color:#003399;background:url(../_buttons/nav_bg.png) 0 0 no-repeat /*#CC9933*/;display:block;width:180px;padding:8px 10px 10px 60px;border-bottom:1px solid #CDC232}
ul#leftnav li a:hover{background:url(../_buttons/nav_bg.png) 0 -36px no-repeat /*#996600*/;color:#FCF6E2;border-bottom:1px solid #CDC232}


/* ---------- right elements ---------- */
#lang{padding:12px 5px 12px 20px;font-size:75%;text-transform:uppercase;color:#666666;}
#lang img{margin:0 2px -2px 2px;}
.booking{background:url(../_buttons/booking_bg.png) 0 -2px no-repeat;padding:5px 20px 5px 20px;}
.booking form{padding-top:5px;}
.booktlt{color:#006699;font-size:110%;}
.address{padding:12px 8px 10px 8px;background:url(../_buttons/content_bg.png) 100% 100% no-repeat #E0C57C/*#E8D48F*/;text-align:center;line-height:110%;}
.address h1{font-size:14px;font-weight:normal;font-family:Times New Roman;color:#003399;margin-bottom:5px;}
.address p{font-size:12px;text-align:center;color:#333333;}
.map a{display:block;width:250px;height:32px;margin:0 0 15px 0;background:url(../_buttons/map_bg.png) 0 0 no-repeat;color:#ebebeb;font-weight:bold; text-align:center;padding:8px 0 0 0;font-size:110%;}
.map a:hover{background:url(../_buttons/map_bg.png) 0 -40px no-repeat;color:#fff;}

.offer a{display:block;width:215px;height:68px;margin:15px 0;background:url(../_buttons/offer_bg.png) 0 0 no-repeat;color:#ebebeb;font-weight:bold;line-height:140%;padding:12px 0 0 35px;font-size:18px;}
.offer a:hover{background:url(../_buttons/offer_bg.png) 0 -80px no-repeat;}

.tripadv a{display:block;width:250px;height:80px;margin:15px 0;background:url(../_buttons/tripadvisor.png) 0 0 no-repeat;}
.tripadv a:hover{background:url(../_buttons/tripadvisor.png) 0 -80px no-repeat;}
.tours a{display:block;width:250px;height:110px;margin:15px 0;background:url(../_buttons/athenswalkingtours.png) 0 0 no-repeat;}
.tours a:hover{background:url(../_buttons/athenswalkingtours.png) 0 -110px no-repeat;}
.weather{margin:20px 0;}
.weather p.weathtlt{margin:0 25px;text-align:center;color:#003399;}
.weather p{margin:18px 0;color:#333333;}


/* ---------- content elements ---------- */
#content{background:url(../_buttons/content_bg.png) 100% 100% no-repeat #DAE490;color:#333333;padding:0 0 20px 0;}

#slogan{background:#006699;padding:10px 20px 15px 20px;color:#fff;}
#slogan h1{text-align:center;font-style:italic;font-size:105%;font-weight:normal;line-height:140%;}
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{margin:15px 20px;}
#content h1{color:#006699;font:normal 150%/150% "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;margin-top:25px;}
#content img.mainimg{margin:20px 0;}


/* ---------- form elements ---------- */
form{margin:10px 0px;}
form label{margin:10px 5px 0 0;font-size:11px;line-height:1.5em;color:#333333;width:120px; text-transform: uppercase;}

form input, form textarea, form select{color:#333333;background-color:#AFD7F0;}
form input, form textarea{font-size:13px;border:none;}
form select{font-size:12px;background:#AFD7F0;color:#333333;border:1px solid #AFD7F0;}
form input, form textarea{padding:3px;}
form textarea{border:none;}
form checkbox{vertical-align:middle;padding:4px;}

form input[type=submit], form input[type=reset]{color:#ebebeb;background:url(../_buttons/button_bg.png) repeat-x 0 100% #0099CC;border:none;padding:3px 5px 7px 5px;margin:0px 0px 5px 0;font-size:0.8em;}
form input[type=submit]:hover, form input[type=reset]:hover{background:url(../_buttons/button_bg.png) repeat-x 0 100% #006699;color:#fff;cursor:pointer} 

form.frmcontact{}
.frmcntbtn{margin:0 0 0 140px;}
.cancellnk{text-align:right}


/* ---------- footer ---------- */
#footer{width:460px;margin:0 0 0 0;padding:20px 20px;float:left;background:#006699;color:#fff;}


/* ---------- zefxis ---------- */
#footer div.copy{width:260px;float:left;color:#ebebeb;font-size:1em;font-size:90%}
#footer div.zefxis{text-align:right;width:200px;font:11px/20px "trebuchet ms", arial, helvetica, sans-serif;float:right;color:#ebebeb;}
#footer div.zefxis p{}
#footer div.zefxis a{}




a.online{font-size:20px;color:#0099CC;}
a.online:hover{color:#006699;}