/*//////////////////////GENERAL///////////////////////*/
html{ height:100%;}
h1{margin:5px 0px 0px 0px;padding:0px; font:bold 22px/26px "Trebuchet MS","Arial", "Tahoma",; color:#000;}
.clear {clear:both;}

body{margin:0px auto;padding: 0px;font:normal 12px/15px "Arial", "Tahoma", "Verdana"; color:#313131;}
#logo {width: 100%; height: 50px;  float:left; display:block; text-align:center} 

.b_banner {margin:20px 0px 0px 0px;padding: 0px;width: 100%; height: 120px; float:left; display:block; text-align:center;}

/*//////////////////////SELIDAS ONOMATA///////////////////////*/
#title_block{margin:5px auto; padding:0px;width:728px; height:20px; display:block;font:bold 12px/15px "Arial", "Tahoma", "Verdana"; color:#575757}

/*//////////////////////MENU///////////////////////*/
#wmenu { width: 728px; height: 35px; display:block;  margin: 0px auto;}
#menu {width: 728px; height: 23px; float:left; display:block; font:bold 12px/14px "Arial", "Tahoma", "Verdana"; padding-top: 8px; }
#menu li {float: left; list-style: none; margin-right: 20px; font:bold 12px/14px "Arial", "Tahoma", "Verdana"; color: #000;}
#menu li a{float: left; list-style: none;  font:bold 12px/14px "Arial", "Tahoma", "Verdana"; color: #000; text-decoration:none;}
#menu li a:hover{float: left; list-style: none; font:bold 12px/14px "Arial", "Tahoma", "Verdana"; color: #3366CC;}

/*//////////////////////SEARCH///////////////////////*/
#search input{font:12px/14px "Arial", "Tahoma", "Verdana"; color: #3366CC; border: 1px solid #667; margin-top:0px; margin-bottom: 0px; }
#search img{margin-top:10px;}
.search {float: left; display:block;}

/*//////////////////////BARA ME TITLO///////////////////////*/
.baritsa {margin:0px;  float:left; display:block; width: 100%; height:30px; background: url(img/top_bara.jpg) repeat-x left top;  border-top: 1px dotted #cdcdcd;}

.baratitle { width: 728px; margin: 0px auto;  height: 25px; padding-top: 5px; color: #575757; font:bold 14px/16px "Arial", "Tahoma", "Verdana";}
/*//////////////////////METRHMA KATAXWRHSEWN///////////////////////*/
#total {background: #f5f5f5; width: 100%; float: left; height: 30px; display:block; border-bottom: 1px dotted #cdcdcd;}
#totalcats{ margin:0px auto ;padding:0px; width:728px; display:block;height: 30px; }
#totalcats li { list-style-type:none;margin:7px 0px 0px 0px ;padding:0px; width:728px;float:left; display:block;
font:normal 11px "Arial", "Tahoma", "Verdana";color: #424242;}
/*//////////////////////STO KENTRO TA LI ///////////////////////*/
#sub  li iframe{ margin: 0px; float:left; padding:0px; display:block;}
#sub_box{ width:100%; margin: 0px auto; padding:0px; display:block;}
#sub {margin: 0px auto 10px auto; width:728px; display:block;}

#sub li {margin: 15px 20px 5px 0px; width:344px; height:100%;float:left; display:block; list-style-type: none; color: #313131;}

#sub2 {margin: 0px auto 10px auto; width:728px; display:block;}
#sub2 li {margin: 15px 0px 5px 0px; width:728px; height:100%;float:left; display:block; list-style-type: none; color: #313131;}

.bg_sub2 { margin:0px auto; padding:0px;width:728px; height:20px; background-color:#e6f1ff; display:block}

/*//////////////////////TA LINK ///////////////////////*/

.cattitle2 {font-weight: bold; color: #1b7afb; text-decoration:none; background:url(img/bullet_sub2.jpg) no-repeat left top}
.cattitle2 a{font-weight: bold; color: #1b7afb; padding:0px 0px 0px 20px ; text-decoration:none;}
.cattitle2 a:hover{font-weight: bold; color: #1b7afb;padding:0px 0px 0px 20px ; text-decoration: underline;}

.cattitle {font-weight: bold; color: #1b7afb; text-decoration:none;}
.cattitle a{font-weight: bold; color: #1b7afb; text-decoration:none;}
.cattitle a:hover{font-weight: bold; color: #1b7afb; text-decoration: underline;}


.subcattitle {color: #313131; text-decoration:none;}
.subcattitle a{ color: #313131; text-decoration:none;}
.subcattitle a:hover{color: #313131;text-decoration: underline;}

.subcattitle2 {color: #313131;padding:0px 0px 0px 20px ; display:block; text-decoration:none;}
.subcattitle2 a{ color: #313131; text-decoration:none;}
.subcattitle2 a:hover{color: #313131;text-decoration: underline;}

/*//////////////////////DIAFHMHSEI GOOGLE IFRAME///////////////////////*/

#banner_sm {margin:15px 0px 0px 20px;text-align:left; padding:0px;width:250px; height:250px; border: 1px solid red;float:right;display:block;}

#banner_big {margin:10px auto;text-align:left;padding:0px;width:728px; height:90px; border: 1px solid red;display:block;}


/*//////////////////////DOCUMENT///////////////////////*/
#doc {margin: 0px auto 10px auto; width:728px; display:block;}
.text a {font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration:underline;}
.text a {font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #1b7afb; text-decoration:underline;}
.text a:hover { font-family: Arial, Helvetica, sans-serif;  color: #1b7afb; text-decoration:none;}


/*//////////////////////FOOTER///////////////////////*/
#bottom {margin:0px auto;display:block; bottom:0px;background:#fff url(img/bg_bottom.jpg) repeat-x;  width: 100%; height: 35px;}

.footer{font: normal 11px "Arial";color:#4f4f4f;margin:0px auto; height: 35px; width:728px;display:block}
.footer li {margin:10px 0px 0px 0px;float:left; text-align:left;display:block}
.footer a{font: normal 11px "Arial";color:#4f4f4f; text-decoration:underline}
.footer a:hover {font: normal 11px "Arial";color:#000;text-decoration:none}

.hi  {margin:10px 0px 0px 0px; padding:0px;float:right;height:25px;  width:250px;display:block;}
.hi li{ list-style-type:none;margin:0px;display:block;float:right;
font: normal 11px "Arial";color:#4f4f4f; text-align:right}
 
.hi a {font: normal 11px "Arial";color:#4f4f4f; text-decoration:underline}
.hi a:hover {font: normal 11px "Arial";color:#000;text-decoration:none}