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

body{padding:0px;margin:0px;background:url(../buttons/lotustours_bgindex.png) repeat-x #003da3;font:80%/140% Arial, Helvetica, sans-serif;color:#fff/*919191*/;}

div, ul, h1, h2, h3, li, p, img, a{margin:0;padding:0;}
ul{list-style-type:none;}
a{text-decoration:none;color:red}
a:hover{text-decoration:none;}
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{margin:0 18px 6px 0;}
img.imgright{margin:6px 18px 0 0;}


#container{width:1000px;margin:0 auto;}


#indexheader{background:url(../buttons/header_bgindex.png) 0 0 no-repeat;min-height:432px;}
#indexlogo{text-align:center;padding:20px 0 0 0;}
#indexlogo h1{font:normal 28px/38px "Times New Roman", Times, serif;color:#000066/*#003399*/;}
#indexlogo h1 a{color:#000066/*#003399*/;}

h1.hide{display:none;}

#indexfla{width:650px;margin:12px auto 0 auto;}

#indexheadermiddle{margin:0 auto;width:1000px;height:80px;/*without offerbutton height:;*/}

#indexhome{float:left;width:115px;margin:5px 0 0 100px;}

#indexhome ul{/*width:120px;height:40px;position:relative;top:0;left:0;*/}
#indexhome ul li{float:left;list-style-type:none;}
#indexhome ul li a{display:block;height:32px;width:60px;padding:18px 0 0 25px;/*width:80px;padding:18px 0 0 16px;*/margin:0 0 0 20px;color:#cc9933;font-size:95%;/*text-transform:uppercase;text-indent:-200000px;*/}
#indexhome ul li a:hover{color:#ccc/*ccffff;*/}
#indexhome ul li a.home{background:url(../buttons/home.png) 0 0 no-repeat;}
#indexhome ul li a:hover.home, #indexhome ul li a:active.home{background-position:0 -52px;}
/*#indexhome ul li a.contact{background:url(../buttons/contact.gif) 0 0 no-repeat;}
#indexhome ul li a:hover.contact{background:url(../buttons/contact_hv.gif) 0 0 no-repeat;}*/

#indexslogan{float:left;width:400px;margin:0 10px 0 10px;/*without offerbutton width:555px;margin:0;*/}
#indexslogan h1{font:normal 22px Georgia, Geneva, serif;font-style:italic;color:#ccc/*#6699cc*/;padding:12px 0 0 0;text-align:center;/*without offerbutton padding:20px 0 0 0;*/}

#indexlang{float:left;width:115px;margin:15px 100px 0 0;}
#indexlang img{padding:5px 3px 0 3px;}

.offerindex1{float:left;margin:0 0 0 120px;}
.offerindex1 p a{margin:15px 0;display:block;width:170px;height:50px;background: url(../buttons/offerindex1.gif) 0 0 no-repeat;}
.offerindex1 a:hover{background:url(../buttons/offerindex1.gif) 0 -50px no-repeat;}

.offerindex2{float:left;margin:0 120px 0 0;}
.offerindex2 p a{margin:15px 0;display:block;width:170px;height:50px;background: url(../buttons/offerindex2.gif) 0 0 no-repeat;}
.offerindex2 a:hover{background:url(../buttons/offerindex2.gif) 0 -50px no-repeat;}

#indexmain{background:url(../buttons/main_bgindex.png) 0 0 no-repeat;min-height:550px/*570px*/;}

#indexmain #indexnav{margin:0 120px;width:800px/*1000px - ??? 760px ??? from .indextext*/;text-align:left;}
#indexmain #indexnav ul{}
#indexmain #indexnav ul li{list-style-type:none;display:inline;float:left;}
#indexmain #indexnav ul li a{display:block;width:150px;height:106px;/*w170px-h118px*/ margin:0 27px 0 0;font:normal 17px/22px Verdana, Arial, Helvetica, sans-serif;color:#cc9933;padding:8px 5px 4px 15px;}
#indexmain #indexnav ul li a:hover, #indexmain #indexnav ul li a:active{text-decoration:none;color:#c5c5c5;}
#indexmain #indexnav ul li a.button1{background:url(../buttons/button1.png) 0 0 no-repeat;}
#indexmain #indexnav ul li a:hover.button1, #indexmain #indexnav ul li a:active.button1{background-position:0 -118px;}
#indexmain #indexnav ul li a.button2{background:url(../buttons/button2.png) 0 0 no-repeat;}
#indexmain #indexnav ul li a:hover.button2, #indexmain #indexnav ul li a:active.button2{background-position:0 -118px;}
#indexmain #indexnav ul li a.button3{background:url(../buttons/button3.png) 0 0 no-repeat;}
#indexmain #indexnav ul li a:hover.button3, #indexmain #indexnav ul li a:active.button3{background-position:0 -118px;}
#indexmain #indexnav ul li a.button4{background:url(../buttons/button4.png) 0 0 no-repeat;}
#indexmain #indexnav ul li a:hover.button4, #indexmain #indexnav ul li a:active.button4{background-position:0 -118px;}

#indexmain #indexcontent{margin:0 120px;width:800px/*1000px - ??? 760px ??? from .indextext*/;text-align:left;}/*{margin:0 120px;width:1000px;text-align:left;}*/
#indexmain #indexcontent .indextext{width:160px;margin:0 27px 0 0;float:left;text-align:left;color:#fff;padding-right:10px;}
#indexmain #indexcontent .indextext h1{font:normal 180%/140% Arial, Helvetica, sans-serif;color:#6699cc;/*color:#ccc;*/ margin:5px 0 10px 0;}
#indexmain #indexcontent .indextext p{font:normal 120%/140% Arial, Helvetica, sans-serif;font-family:Arial, Helvetica, sans-serif;margin:0 0 10px 0;color:#ccc;}


/*------------------------ footer ---------------*/
#footer{width:1000px;background:url(../buttons/footer_bg.png) 0 0 no-repeat;padding:80px 0 30px 0;}

#footer div.footcont{width:760px;margin:0 120px;}

#footer ul.footnav{width:500px;float:left;text-align:left;margin:30px 0 5px -5px;font:100%/150% Arial, Helvetica, sans-serif;color:#6699cc}
#footer ul.footnav li{display:inline;}
#footer ul.footnav li a{margin:0 5px;color:#6699cc/*#99cccc#ccffff*/;}
#footer ul.footnav li a:hover{color:#ccc;}

#footer div.copy{width:500px;float:left;text-align:left;margin:10px 0;font:95%/140% Arial, Helvetica, sans-serif;color:#6699cc}


/* ---------- footer zefxis creative ---------- */
#footer div.zefxis{width:240px;float:right;text-align:right;margin:30px 0 5px 0;color:#ebebeb;font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.zefxis p{/*color:#fff;*/color:#6699cc}
#footer div.zefxis a{color:#fff;}
/*#footer div.zefxis a img{border:none;}*/

/* ---------- footer valid ---------- */
#footer div.valid{width:240px;float:right;text-align:right;margin:10px 0;color:#996600;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.valid div.val{float:right;margin:0 0 0 5px;width:65px;height:18px;display:block;text-align:left;}
#footer div.valid div.val a{height:16px;line-height:15px;display:block;background:url(../buttons/valid_arrow.png) 100% 0 no-repeat #6699cc;color:#003399;font-size:10px;border:1px solid #fff;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:0 5px 0 3px;}
#footer div.valid div.val a:hover, #footer div.valid div.val a:active{background:url(../buttons/valid_arrow.png) 100% -16px no-repeat #003399;color:#6699cc;border:1px solid #6699cc;}


/* ---------- form elements ---------- */
form{margin:20px 0px;padding:0px;}
form label{display:block;margin:10px 5px 4px 0px;}
form input, form textarea, form select{font-family:Arial, Helvetica, sans-serif;color:#999;background-color:#f4f4f4;}
form input, form textarea{font-size:105%;border:1px solid #ececec;}
form select{font-size:105%;border:1px solid #ececec;}
form input, form textarea{padding:4px;}
form textarea{border:1px solid #ececec;}
form checkbox{vertical-align:middle;padding:3px;}
form .button{color:#6182A2;background-color:#DBE3E7;padding:3px;border:1px solid #D7D7D7;margin:5px 10px 5px 0;}
form .button:hover{color:#406384;background-color:#CCE0EB;border:1px solid #B9CAD0;} 
form.contactform{}


@media print{
form.contactform{
display:none !important;}}