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

body{padding:0px;margin:0px;background:url(../buttons/bluebay_bg.gif) repeat-x #00CCFF;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, h1, h2, h3, p, img, ul, li, a{margin:0;padding:0;}
a{text-decoration:none;color:#0066cc;}
a:hover{color:#003399;}
a img{border:none;}

/* ---------- basic elements ---------- */
.clr{clear:both;height:1px;}
.spacer{/*clear:both;*/height:20px;}
.spacersm{/*clear:both;*/height:10px;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.pright{text-align:right;}
img.imgleft{margin:0 20px 6px 0;float:left;}
img.imgright{margin:6px 20px 0 0;float:right;}

/*-----------------container  ------------------------*/
#container{width:800px;height:auto;margin:auto;padding:0px;position:relative;background:url(images/top_bg.jpg) no-repeat left top;}

/*-----------------header  ------------------------*/
#header{height:120px;margin:0 auto;width:700px;}

/*-----------------header logo ------------------------*/
#header_logo{float:left;}
#header_logo h1{display:none;}
#header_logo h2{color:#fff;font:bold 0.9em/1.4em "Trebuchet MS", Arial, sans-serif;letter-spacing:0.3em;position:relative;top:-35px;left:132px;}

/*-----------------header right ------------------------*/
#header_right{float:right;margin:10px 20px 5px 10px;text-align:right;}

/*-----------------header buttons with text ------------------------
#header_buttons{margin-top:50px;}
#header_buttons ul{}
#header_buttons ul li{list-style-type:none;display:inline;text-align:center;}
#header_buttons ul li a{color:#fff;font:normal 0.7em/1.0em "Trebuchet MS", Arial, sans-serif;text-transform:uppercase;padding:32px 5px 2px 5px;}
#header_buttons ul li a.home{background:url(../buttons/home.gif) no-repeat 50% 0;}
#header_buttons ul li a.home:hover{background:url(../buttons/contact.gif) no-repeat 50% 0;}
#header_buttons ul li a.contact{background:url(../buttons/contact.gif) no-repeat 50% 0;}
#header_buttons ul li a.contact:hover{background:url(../buttons/home.gif) no-repeat 50% 0;}*/

/*-----------------header buttons without text ------------------------*/
#header_buttons{margin-top:30px;}
#header_buttons ul{width:120px;height:40px;/*position:relative;top:0;left:0;*/}
#header_buttons ul li{float:right/*left*/;list-style-type:none;}
#header_buttons ul li a{display:block;width:40px;height:40px;margin:0 0 0 5px;text-align:center;text-indent:-200000px;/*font-size:0px;*/}
#header_buttons ul li.home a{background:url(../buttons/home.png) 0 0 no-repeat;}
#header_buttons ul li.home a:hover{background:url(../buttons/home.png) 0 -40px no-repeat;}
#header_buttons ul li.contact a{background:url(../buttons/contact.png) 0 0 no-repeat;}
#header_buttons ul li.contact a:hover{background:url(../buttons/contact.png) 0 -40px no-repeat;}

/*-----------------header language ------------------------*/
#header_lang{margin-top:15px;font:normal 0.7em/1.0em "Trebuchet MS", Arial, sans-serif;color:#99CCFF;}
#header_lang a{font-size:0px;padding:10px;}
#header_lang a.gr{background:url(../buttons/gr.png) no-repeat 50% -2px;}
#header_lang a.gr:hover{background:url(../buttons/gr.png) no-repeat 50% -24px;}
#header_lang a.en{background:url(../buttons/en.png) no-repeat 50% -2px;}
#header_lang a.en:hover{background:url(../buttons/en.png) no-repeat 50% -24px;}
#header_lang a.it{background:url(../buttons/it.png) no-repeat 50% -2px;}
#header_lang a.it:hover{background:url(../buttons/it.png) no-repeat 50% -24px;}
/*#header_lang img{padding:2px 3px 3px 3px;vertical-align:middle;}*/

/* ----------middle ---------- */
#middle{height:210px;margin:0 auto 20px auto;width:660px;background:url(../buttons/bluebay_middle_bg.gif) no-repeat;padding:20px;}

/* ----------middle left ---------- */
#middle_left{width:500px;height:210px;float:left;margin-right:15px;}
#middle_left img{margin-top:10px;}
#middle_left object{margin-top:10px;}

/* ----------middle nav 1 // menu 1 subnav 1 // submenu 1---------- */
#middle_menu{width:145px;float:left;margin-top:10px;}
#middle_menu ul{list-style-type:none;}
#middle_menu ul li{margin-bottom:2px;}
#middle_menu ul li a{display:block;height:25px/*30px*/;padding:5px 3px 0 9px;color:#fff;font:bold 0.9em "Trebuchet MS", Arial, sans-serif;}
#middle_menu ul li a:hover{font-weight:bold;}
#middle_menu ul li#item1{background:url(../buttons/bluebay_menu1.gif) no-repeat;}
#middle_menu ul li#item1:hover{background:url(../buttons/bluebay_menu1.gif) 0 -32px no-repeat;}
#middle_menu ul li#item2{background:url(../buttons/bluebay_menu2.gif) no-repeat;}
#middle_menu ul li#item2:hover{background:url(../buttons/bluebay_menu2.gif) 0 -32px no-repeat;}
#middle_menu ul li#item3{background:url(../buttons/bluebay_menu3.gif) no-repeat;}
#middle_menu ul li#item3:hover{background:url(../buttons/bluebay_menu3.gif) 0 -32px no-repeat;}
#middle_menu ul li#item4{background:url(../buttons/bluebay_menu4.gif) no-repeat;}
#middle_menu ul li#item4:hover{background:url(../buttons/bluebay_menu4.gif) 0 -32px no-repeat;}
#middle_menu ul li#item5{background:url(../buttons/bluebay_menu5.gif) no-repeat;}
#middle_menu ul li#item5:hover{background:url(../buttons/bluebay_menu5.gif) 0 -32px no-repeat;}
#middle_menu ul li#item6{background:url(../buttons/bluebay_menu6.gif) no-repeat;}
#middle_menu ul li#item6:hover{background:url(../buttons/bluebay_menu6.gif) 0 -32px no-repeat;}

/* ----------main + booking---------- */
#main{background:url(../buttons/bluebay_main_bg.gif) no-repeat #55EEFF;margin:0 auto;width:660px;padding:20px;}
#main_booking{background:url(../buttons/bluebay_main_bg.png) no-repeat #55EEFF;margin:0 auto;width:660px;padding:20px;}


/* ----------main content + booking ---------- */

#main_content{/*background:#ccffff;*/width:470px;margin-right:15px;float:left;padding-right:30px;color:#003366;}
#main_content h1{font:normal 1.9em "Trebuchet MS", Arial, sans-serif;letter-spacing:-1px;color:#003399 /*#0033CC #0066cc*/;margin-bottom:0.6em;}
#main_content h2{font:normal 1.3em/1.4em "Trebuchet MS", Arial, sans-serif;color:#0066cc;margin-top:1em;margin-bottom:0.6em;}
#main_content h3{font:normal 1.3em/1.4em "Trebuchet MS", Arial, sans-serif;color:#003399 /*#0033CC #0066cc*/;margin-bottom:0.6em;}
#main_content h4{font:normal 1.2em/1.4em "Trebuchet MS", Arial, sans-serif;color:#0066cc;margin-top:1em;margin-bottom:0;}
#main_content h5{font:normal 1.3em "Trebuchet MS", Arial, sans-serif;color:#fff;background: url(../buttons/heading_bg.gif) no-repeat 0 0 #0099FF;width:300px;margin-top:1.2em;margin-bottom:0px;padding:5px 10px 5px 20px;}
/*#main_content h6{font:normal 1.3em/1.4em "Trebuchet MS", Arial, sans-serif;color:#0066cc;margin-top:1.2em;margin-bottom:0.5em;}*/
#main_content .textbg{background:url(../buttons/textbg_bg.gif) no-repeat 100% 0 #ccffff;padding:20px 20px 5px 20px;}
#main_content p{margin-bottom:1em;}
#main_content p.back{font-size:0.8em;}
#main_content p.back a{display:block;margin-top:20px;padding:0 0 0 22px;background:url(../buttons/arrow.png) no-repeat 0 0;}
#main_content p.back a:hover{background:url(../buttons/arrow.png) no-repeat 0 -20px;}
#main_content ul{margin:1em 0;padding:0px;list-style-type:none;}
#main_content ul li{background:url(../buttons/ul.gif) no-repeat 0px 6px;padding:0px 0px 0.5em 20px;}

/* ---------- main_content tables price---------- */
#main_content table.price{margin:1em 0;border-spacing:0;width:85%;border:5px solid #0066CC;font-size:0.8em;line-height:1.6em}
#main_content table.price thead th{background:#0066CC;font-weight:bold;font-size:1.2em;color:#fff;padding:.5em;text-align:center;letter-spacing:0.1em}
#main_content table.price tbody th{background:#0099ff;font-weight:bold;font-size:1em;padding:.5em;text-align:center;border:5px solid #0066CC;color:#fff;letter-spacing:0.5em}
#main_content table.price td{background:#CCFFFF;color:#203276;border:5px solid #0066CC;padding:.2em 1em;}
#main_content table.price tr.trodd td{background:#AAEEFF;color:#444;border:5px solid #0066CC;}
#main_content table.price td.tdcenter{text-align:center;padding:.2em;}

/* ----------main content boxes ---------- */
#main_content #boxes{margin-top:20px;width:480px;}
#main_content #boxes .box{float:left;width:120px;padding:25px 18px 8px 18px;margin:0 3px 3px 0;background:#3399FF;position:relative;}
#main_content #boxes .box p{color:#fff;text-align:center;}
#main_content #boxes .box img{margin-bottom:15px;border:1px solid #3399FF;}
#main_content #boxes .box a{color:#fff;font-weight:bold;display:block;}
#main_content #boxes .box a:hover{color:#ccffff;}
#main_content #boxes .box a:hover img{border:1px solid #fff;}
#main_content #boxes .box:hover{background:#0066cc;}

/* ----------main content gallery ---------- */
#main_content #gallery{margin:15px 0;}
#main_content #gallery img{margin:0 5px 5px 0;}

/* ----------main right ---------- */
#main_right{width:145px;/*padding:10px;*/float:left;}

/* ----------main right buttons---------- */
#right_buttons{margin:-5px 0 10px 0;}
#right_buttons a{width:85px; height:48px;display:block;margin-bottom:5px;color:#fff;padding:9px 5px 3px 55px;font:bold 1.0em/1.5em "Trebuchet MS", Arial, sans-serif;}
#right_buttons a span{font-size:1.4em;font-weight:normal;}
#right_buttons a.online{background:url(../buttons/online.png) no-repeat 0 0;}
#right_buttons a.online:hover{background:url(../buttons/online.png) no-repeat 0 -60px;}
#right_buttons a.mail{background:url(../buttons/mail.png) no-repeat 0 0;}
#right_buttons a.mail:hover{background:url(../buttons/mail.png) no-repeat 0 -60px;}

/* ----------main right nav 2 // menu 2 ---------- */
#right_menu {margin:2px 0;}
#right_menu ul{list-style-type:none;}
#right_menu ul li{margin-bottom:5px;border-top:2px solid #0066cc;border-bottom:2px solid #0066cc;}
#right_menu ul li a{display:block;width:133px;padding:2px 4px 3px 8px;color:#fff;font:normal 0.9em "Trebuchet MS", Arial, sans-serif;background:#0099ff;}
#right_menu ul li a.track{display:block;width:133px;padding:2px 4px 3px 8px;color:#fff;font:normal 0.9em "Trebuchet MS", Arial, sans-serif;background:#0066cc;}
#right_menu ul li a:hover, #right_menu ul li a.track:hover{background:#ff6600;}

/* ----------main right other elements---------- */
#main_right #cards{text-align:center;margin:15px 0;}
#main_right #cards img{margin:0 1px;}
#main_right .ssl{text-align:center;margin:5px 0;padding:3px 2px 10px 2px;}
#main_right .ssl p{margin:0.5em 0;font-size:0.8em;line-height:1.2em;}
/*#main_right .ssl{background:#fff;text-align:center;font-size:0.8em;line-height:1em;margin:5px 0;padding:3px 2px 10px 2px;border:1px solid #003399;}*/

/* ----------main bottom ---------- */
#main_bottom{background:url(../buttons/bluebay_mainbottom_bg.gif) no-repeat #55EEFF;margin:0 auto;width:700px;height:10px;clear:both;}

/* ----------footer---------- */
#footer{margin:0 auto;width:660px;padding:15px 20px;}

/* ----------footer copy ---------- */
#footer div.copy{color:#006699;margin:2px 5px 2px 0;float:left;width:400px;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* ---------- footer valid ---------- */
#footer div.valid{margin:3px 0 3px 5px;float:right;width:250px;text-align:right;}

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

/* ---------- footer e-services ---------- */
#footer div.eserv{float:right;/*background:#ccc;*/width:350px;color:#006699;margin:12px 5px 0 5px;text-align:right;font:normal 9px/12px Arial, Helvetica, sans-serif;}
#footer div.eserv img{margin: 0 0 6px 5px;}

/* ---------- footer site requirements ---------- */
#footer div.site{float:left;/*background:#ccc;*/color:#006699;width:280px;margin:40px 5px 0 0;font:normal 10px/13px Arial, Helvetica, sans-serif;text-transform:uppercase;}
#footer div.site img{margin: 3px 5px -6px 0; }

/* ---------- back button ---------- */
p.backbutton{font-size:0.8em;text-align:right;}
p.backbutton a{display:block;margin-top:20px;padding:0 5px 0 25px;background:url(../buttons/arrow.png) no-repeat 40px 0;color:#99CCFF;font-weight:bold;}
p.backbutton a:hover{background:url(../buttons/arrow.png) no-repeat 40px -20px;color:#FFFFFF;}

/* ---------- form elements ---------- */
form{margin:10px 0px;}
form label{display:block;margin:10px 5px 0 0;font-size:0.8em;line-height:1.5em;color:#003399;}
form input, form textarea, form select{color:#0066cc;background-color:#CCFFFF;}
form input, form textarea{font-size:0.9em;border:none;}
form select{font-size:1em;border:1px solid #3399FF;}
form input, form textarea{padding:5px;}
form textarea{border:none;}
form checkbox{vertical-align:middle;padding:3px;}

form input[type=submit], form input[type=reset], form.frmcontact input[type=submit], form.frmcontact input[type=reset]{color:#fff;background:url(../buttons/button.png) repeat-x 0 0 #3399FF;border:none;padding:4px;margin:5px 10px 5px 0;font-size:0.8em;width:auto;font-weight:bold;}
form input[type=submit]:hover, form input[type=reset]:hover{background:url(../buttons/button.png) repeat-x 0 -26px #3399FF;} 

form p.frmnote{font-size:0.8em;margin:5px 0 2px 0;}

form.frmcontact{padding:12px 20px;background:#0066CC;width:310px;}
form.frmcontact input, form.frmcontact textarea, form.frmcontact select{width:300px;}
form.frmcontact label{color:#AAEEFF;}
form.frmcontact p.frmnote{color:#AAEEFF;}

form.frmnews{background:#0066CC;padding:5px;}
form.frmnews label{font-size:1em;margin:0 0 2px 0;color:#99CCFF;}
form.frmnews input{font:normal 0.8em Arial, Helvetica, sans-serif;padding:2px;width:130px;background:#0099ff;color:#fff;}
form.frmnews input[type=submit]{font:bold 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(../buttons/submit.png) no-repeat 100% 0 #0066CC;text-align:right;margin:3px 0 0 0;padding:0 16px 0 0;color:#99CCFF;} 
form.frmnews input[type=submit]:hover{color:#fff;background:url(../buttons/submit.png) no-repeat 100% -18px #0066CC;}