/*www.fitogi.gr CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr 
99CC33 CCCC33 CCCC00 669900 006633 FFFF99 EAF899 F0ED9A*/

/* ---------- basic rules ---------- */
*{margin:0;padding:0;}
body{padding:0px;margin:0px;background:url(../buttons/bodybg.gif) 720px -10px no-repeat #cccc33;color:#003300;font:80%/150% Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, h5, h6, h7{padding:0px;margin:0px;}
ul{list-style-type:none;}

/* ---------- basic links ---------- */
a{color:#336633;text-decoration:none;}
a:hover{color:#990000;}
a img{border:none;}

/* ---------- basic elements ---------- */
.clr{clear:both;height:1px;}
.spacer{clear:both;height:20px;}
.spacersm{clear:both;height:10px;}
.divider{clear:both;height:30px;background:url(../buttons/dividebg.gif) 0 50% repeat-x;}
.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;}

/* ---------- layout divs ---------- */
#container{width:780px;background:url(../buttons/containerbg.gif) 100% 0 no-repeat;}

/* ---------- left ---------- */
#left{width:220px;float:left;background:url(../buttons/leftbg.gif) 0 0 no-repeat;}
#logo{margin-left:20px;}

/* ---------- left nav ---------- */
#leftnav{margin:10px 0 0 20px;width:200px;height:600px;background:url(../buttons/navbg.gif) 0 0 no-repeat;}
#leftnav div.links{position:absolute;top:192px;/*top:190px; with home link*/left:40px;}
#leftnav div.links a.home{width:90px;display:block;background:url(../buttons/home.gif) right 0 no-repeat;padding:0 22px 10px 0;margin-left:10px;text-align:right;/*text-indent:-20000px;*/color:#CCCC33;}
#leftnav div.links a.home:hover{background:url(../buttons/home.gif) right 0 no-repeat;/*text-indent:-20000px;*/color:#F7B000;}
#leftnav div.links a.contact{width:90px;display:block;background:url(../buttons/contact.gif) right 0 no-repeat;padding:0 22px 10px 0;margin-left:10px;text-align:right;/*text-indent:-20000px;*/color:#CCCC33;}
#leftnav div.links a.contact:hover{background:url(../buttons/contact.gif) right -30px no-repeat;color:#F7B000;}
#leftnav ul{width:130px;position:absolute;top:230px;/*top:252px; with home link*/left:40px;text-align:right;font:100%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;}
#leftnav ul li{border-bottom:1px solid #690;}
#leftnav ul li a{padding:8px 10px 12px 30px;display:block;color:#d6ddbc;text-decoration:none;background:url(../buttons/navulbg.gif) -125px 50% no-repeat #063;}
#leftnav ul li a:hover, #leftnav ul li a.selected:hover{display:block;background:url(../buttons/navulbg.gif) 6px 50% no-repeat;color:#fff;}
#leftnav ul li.first{border-top:1px solid #690;}
#leftnav ul li a.selected{display:block;background:url(../buttons/navulbgsel.gif) 6px 50% no-repeat #063;color:#F7DF80;}

/* ---------- right ---------- */
#right{width:510px;float:left;background:url(../buttons/rightbg.gif) 0 0 repeat-y;color:#003300;}
#rheader{background:url(../buttons/headerbg.gif) 0 0 no-repeat;height:155px;margin-bottom:30px;}
#rheader h1{font:italic 1.0em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#063;padding:118px 15px 0 15px;text-align:center;letter-spacing:0.12em;}
#rheader h1 span{color:#669900;}
#rbottom{background:url(../buttons/bottombg.gif) 0 bottom no-repeat;height:80px;}

/* ---------- right content ---------- */
#content{width:380px;margin:10px 65px 10px 65px;}
#content p{margin-bottom:15px;}
#content h2{color:#990000;font-size:1.6em;line-height:normal;margin-bottom:15px;font-weight:normal;/*background:url(../buttons/headbg.gif) left bottom no-repeat;*/}
#content h3{font-size:1.1em;line-height:normal;margin:18px 0 6px 0;padding:0 0 0 18px;font-weight:normal;background:url(../buttons/ulbg.gif) 0 1px no-repeat;}
#content ul{margin-bottom:15px;}
#content ul li{padding:0 0 8px 20px;background:url(../buttons/ulbg.gif) 0 1px no-repeat;}

/* ---------- footer ---------- */ 
#footer{width:500px;position:absolute;left:225px;font:1.0em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.comp{color:#996600;margin:10px 0 0 0;}
#footer p.comp img{float:left;padding-right:10px;margin-left:-18px;}
#footer p.addr{color:#996600;}
#footer p.addr a{color:#996600;}
#footer p.addr a:hover{color:#996600;text-decoration:underline;}
#footer p.footnav{color:#669900;margin:20px 80px 10px 0;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.footnav a{color:#588302;}
#footer p.footnav a:hover{color:#006633;}
#footer div.copy{color:#996600;margin:10px 20px 0 0;float:left;width:50%;font-size:0.9em;}

/* ---------- footer zefxis creative ---------- */
#footer div.zefxis{margin:10px 0 0 0;padding:0 0 10px 0;float:right;color:#996600;text-align:right;font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.zefxis p{}
#footer div.zefxis a{color:#669900;}
/*#footer div.zefxis a img{border:none;}*/

/* ---------- footer valid ---------- */
#footer div.valid{margin:2px 20px 0 0;padding:0 0 10px 0;float:left;width:50%;color:#996600;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.valid div.val{float:left;margin:0 5px 0 0;width:66px;height:19px;display:block;border:1px solid #d6ddbc;}
#footer div.valid div.val a{height:17px;display:block;background:url(../buttons/arrow_valid.gif) 100% 0 no-repeat #669900;border:1px solid #d6ddbc;color:#d6ddbc;font-size:10px;line-height:17px;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:0 0 0 5px;}
#footer div.valid div.val a:hover{background:url(../buttons/arrow_valid.gif) 100% -18px no-repeat #006633;color:#d6ddbc;}
/*#footer div.valid div.val a img{border:none;width:88px;height:31px;}*/


/* ---------- tables ---------- */ 
table{width:100%;color:#003300;margin:0 0 1em 0;}
table, tr, th, td{margin:0;padding:0;border-spacing:0;border-collapse:collapse;}
thead{background:#063;}
thead tr th{padding:0.8em 0;text-align:center;color:#E3E08D;}
tbody tr td{background:#E7E799;}
tbody tr.odd td{background-color:#E3E08D;}
tbody tr th, tbody tr td{padding:0.4em 0.4em 0.6em 0.4em;border:1px solid #690;}
tbody tr th{text-align:right;font-weight:normal;background:#E1E175;font-weight:bold;}

/* ---------- contact form ---------- */ 
form.contactfrm{} 
form.contactfrm fieldset{border:1px solid #690;margin:0;padding:10px;/*background:url(../buttons/) no-repeat 30px left;z-index:-99999;*/}
form.contactfrm legend{color:#900;padding:0 6px;font-size:1.3em;margin:0 0 10px 0;font:normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
form.contactfrm p.frmp{margin-bottom:10px;padding-top:1px;border-bottom:1px dashed #690;}
form.contactfrm p.notefrm{font:0.9em/1.2em Arial, Helvetica, sans-serif;border:none;padding:12px 0 0 0;}
form.contactfrm label{float:left;width:40%;padding:0 3px 0 0;margin-bottom:10px;font:1em Arial, Helvetica, sans-serif;/*display:block;*/}
form.contactfrm input[type=text], form.contactfrm textarea, form.contactfrm select{background:#E1D88C;margin-bottom:10px;font:normal 1em/1.4em Arial, Helvetica, sans-serif;padding:1px;color:#063;width:58%;border:1px solid #690;border-top-color:#cc3;border-left-color:#cc3;}
form.contactfrm div.frmbtns{margin-left:40%;padding-left:3px;}
form.contactfrm input[type=submit],form.contactfrm input[type=reset]/*input[type=button]*/{font:bold 0.8em Arial, Helvetica, sans-serif;background:#E1D88C;color:#063;border:3px double #690;border-top-color:#cc3;border-left-color:#cc3;padding:1px;}
/*input[type=submit]:active,input[type=reset]:active{border:3px double #ccc;border-left-color:#999;border-top-color:#999;}*/
form.contactfrm input[type=submit]:hover, form.contactfrm input[type=reset]:hover{color:#990000;background:#E1E175;}