﻿/*************************************** KTEL Trikala  **********************************************/

/*************************************** Default  **********************************************/
body {background:#e5e5e5;font-family: tahoma, verdana, arial;font-size:12px;margin:0 auto;color:#fff;}
#wrapper {width:972px;margin:0 auto; border:1px solid #e5e5e5;}
img{border:0;}
ul {margin: 0;padding:0px;list-style: none;line-height: normal;}
ul li{margin: 0;padding:0px;list-style: none;line-height: normal;}
a {text-decoration:none;}

/*************************************** Header  **********************************************/
#header {float:left;width:972px;background:#3365c6;position:relative;}

/* Menu */
#menu{float:left;width:246px;padding:0 0 50px 0;position:relative;z-index:3;}
#menu ul{float:left;}
#menu ul li{display: block;float:left;position:relative;}
#menu ul li a{display:block;width:216px;font-family:Tahoma;font-size:16px;color:#424242;font-weight:bold;padding:0px 30px 0 0;float:right;background:url(../images/menu_btn.png) no-repeat top left;height:36px;}
#menu ul li a:hover{background:url(../images/menu_btn_hover.png) no-repeat top left;}
#menu ul li a span{padding:8px 0px 0 0;float:right;}
/* level2 */
#menu ul li ul {overflow:visible;position:absolute; top:0px;left:245px; display:none;z-index:99; }
#menu ul li ul li {float: left; clear: both; }
#menu ul li ul li a { display:block; width:200px; height: auto; margin:0;padding: 6px 6px 5px 6px; background: #81b23c;}
#menu ul li ul li a:hover, #menu ul li ul li .activePath a { background: #629a2f;margin:0; }
#menu ul li ul li a span{color:#fff;text-align:left;float:left;font-family:Tahoma;font-size:14px;}
/* level3 */
/*#menu ul li ul li ul{position: absolute; top: 0px; left: 200px;}*/
/* enable disable blocks * */
#menu ul li:hover ul, #menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul{ display:none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul, #menu ul ul ul ul li:hover ul, #menu ul ul ul ul ul li:hover ul { display:block; }

/* Header Background */
#header .bg{position:absolute;z-index:0;bottom:0;left:0;width:972px;}

/* small Menu */
#smallMenu{float:right;width:150px;position:relative;z-index:4;}
#smallMenu ul{float:right;}
#smallMenu ul li{float:right;width:150px;padding:15px 0 0 0;}
#smallMenu ul li a{color:#fff;}

/* flags */
#flags{position:absolute;bottom:10px;left:0px;z-index:7;}
#flags a{padding:0 5px 0 0;}

/* date */
#date{position:absolute;bottom:15px;left:80px;font-size:11px;color:#424242;z-index:6;}

/* Search Banner */
#bannerSearch{position:absolute;bottom:10px;right:80px;z-index:8;}
#bannerSearch .search_img{float:left;width:140px;height:20px;border:1px solid #f2f2f2;padding:0px 0 0 0px;margin:1px 0 0 0;}
#bannerSearch .search_btn{float:left;background:url(../images/search_btn.png) no-repeat top left;width:35px;height:24px;border:0;cursor:pointer;}


/*************************************** Main  **********************************************/

#main{width:972px;float:left;background:url(../images/left_bg.png) repeat-y top left #424242;}

/* Left column in main */
#main #mainLeft{float:left;width:246px;}

/* Banner for routes and tickets in template */
#main #mainLeft .RoutesTickets{float:left;width:246px;position:relative;padding:10px 0 10px 0;}
#main #mainLeft .RoutesTickets .message{position:absolute;right:20px;top:50px;}
#main #mainLeft .RoutesTickets .message .BannerTitle{color:#fff;font-family:Tahoma;font-size:18px;font-weight:bold;}

/* Banner for advrtisments in all templates */
#main #mainLeft #commercial{float:left;width:233px;height:300px;}

/* Right column in main */
#main #mainRight{float:left;width:676px;padding:0 25px 0 25px;}

/* Headind and dushed underline for template */
#main #mainRight #pageHeaderContainer{float:left;width:676px;border-bottom:1px dashed #fff;font-size:24px;}
#main #mainRight #pageHeader{padding:0;margin:0;font-family:Tahoma;font-size:24px;color:#fff;padding:10px;}

/* Content in template */
#main #mainRight #content{float:left;width:676px;padding:10px 0 0 0;}

/* SubMenu for dromologia */
#subMenu{float:left;width:676px;}
#subMenu ul{float:left;width:676px;}
#subMenu ul li{float:left;display:inline; padding:0 10px 10px 0;}
#subMenu ul li a{float:left;font-size:14px;color:#fff;}
#subMenu ul li a:hover{text-decoration:underline;}

/* information Banner */
#info{float:left;width:676px;padding:0;margin:0;}
#info div{padding:0;margin:0;font-weight:bold;color:#e9e9e9;}


/* Paragraphs in all teplates in main */
#main p{font-size:12px;font-weight:normal;padding:10px;line-height:20px;}

/* History */
#FCKContentHistory {background: #a99365;width:676px;float: left;}
#FCKContentHistory #FCKContentHistoryLeft {width: 160px; float: left;}
#FCKContentHistory #FCKContentHistoryLeft img{border: 2px solid #444444;}
#FCKContentHistory #FCKContentHistoryRight {width: 516px; float: left;}

/* History */
#FCKstations{background: #a99365;width:666px;float: left;padding:0 0 0 10px;}



/* DYNAMICS */
#FCKContentDynamics {background:#7ab500;width: 676px; float: left;}
#FCKContentDynamics img{border:2px solid #444444;}

/* Stradegy */
#FCKContentStrategic{background:url(../images/stratigikibg.jpg) no-repeat bottom left #000;width: 676px; float: left;}
#FCKContentStrategic #FCKContentStrategicLeft {width: 210px; float: left;}
#FCKContentStrategic #FCKContentStrategicLeft img{border: 2px solid #444444;}
#FCKContentStrategic #FCKContentStrategicRight {width: 466px; float: left;padding:0 0 190px 0;}

/* Services tourism */
#FCKContentServices{background:url(../images/suitcase.jpg) no-repeat bottom left #cccccc;width: 526px; float: left;padding:0 0 70px 150px;color:#000;}

/* Contact */
#FCKContentContact{background:#fff;width: 338px; float: left;height:500px;padding:10px 0 0 0;}
#FCKContentContact p{color:#000;}
#FCKContentContact .telLab{color:#979797;font-weight:bold;}
#FCKContentContact .telNum{color:#000;font-weight:bold;}
#FCKContentContact h3{color:#000;font-weight:bold;padding:5px;margin:0;font-size:14px;}

/* Links */
#FCKContentLinks{width: 676px; float: left;padding:0 0 30px 0;background:#fff;}
#FCKContentLinks ul{float: left;}
#FCKContentLinks ul li{width: 666px; float: left;background:#fff;padding:5px 0 5px 10px;color:#000;}
#FCKContentLinks ul li.green{background:#d7ecba;}
#FCKContentLinks ul li a{color:#000;font-weight:bold;font-size:12px;}
#FCKContentLinks ul li a:hover{text-decoration:underline;}




/*************************************** Footer  **********************************************/

#footer{width:676px;float:left;padding:30px 0 0 0;}
#footer #foundedBy p{font-size:9px;}
#footer #created {font-size:9px;padding:0 0 20px 0;}
#footer #created a{color:#fff;}


/*************************************** Send Mail Form  **********************************************/
/* Form General */
.form  fieldset { border: 0; }
.form  fieldset.hidden { border: 0;margin:0;padding:0; }
.form  fieldset legend {white-space: nowrap;display: block;border:0;}
.form  fieldset ol {margin: 0;padding: 0;border:0;}
#sendmail .form  fieldset li {display: block;list-style: none;margin: 0px;clear: both;padding:0 0 0 20px;border:0;width:308px;}

#sendmail{width:338px;height:500px; float:left;background:#e9e9e9; padding:10px 0 0 0; }
#sendmail .form  { float: left; }
#sendmail .label {width:308px;height:17px;float:left;padding:5px 0 0 0px;margin:0;}

#sendmail .text-field{width:250px;height:12px;float:left;background:#fff;padding:2px 0px 5px 2px;border:0px;margin:0px;}
#sendmail .label-textarea{float:left;width:338px;height:17px;padding:5px 0 0 0px;margin:0;}
#sendmail .textarea{width:270px;height:120px;padding:3px 4px 4px 5px;margin:0px;background:#fff;float:left;border:0px;}
#sendmail .form  img {padding:0;margin:0px;border:0;float:left;}
#sendmail .form  label {float:left;margin:0px;}
#sendmail .form  label.element {float:left;padding:0;margin:0;text-align:left;color:#000;font-weight:bold;}

#sendmail .form input{float:left;color:#000;font-family:tahoma;font-size:12px;width:270px; border:0;padding:0;margin:0;background: none}
#sendmail .form input[type="text"]{font-family:Verdana;font-size:12px;}


.form textarea { color: #000;font-family:tahoma;font-size:12px;width:270px;font-family:Verdana;font-size:12px; }
#sendmail .form  div.element{float:left;width: 270px;border: 0;padding:0;margin:0;background: none}
#sendmail .form  div.elementBtn{float:left;width: 420px;border: 0;padding:0;margin:0;background: none}
#sendmail .form div.element label {border:0;}
#sendmail .form div.element a {float:left;margin:0;padding:0px;}
#sendmail .form div.element a #captcha_question {float:left;margin:0;padding:20px 0 0 0px;}
#sendmail .form  textarea{float:left;border: 0px;height: 120px;padding:0;margin:0;overflow: auto;background: none;}
#sendmail .form  .form_submit{float: left;cursor: pointer;width: 96px;height: 34px;border:0;color:#2e2926;margin: 10px 10px 10px 0px;}
#sendmail .form  input[type="submit"] {float: left;cursor: pointer;width: 96px;height: 34px;border: 1px solid #1b3b74;color:#fff;margin: 10px 10px 10px 0px;background: #3365c6;}
#sendmail .form  br { clear: left; }
#sendmail .form  li.reqnote {font-size: 80%;margin: 0px 0 0 0px;}
#sendmail .form  span.error, .form  span.required {color: red;}
#sendmail .form  div.error {border: 1px solid red;padding:5px;}

/*************************************** News  **********************************************/
.date{float:left;background:url(../images/date_back.png) no-repeat  0 5px ;width:50px;height:58px;padding:5px 0 0 0;color:#000;font-weight:bold;font-size:11px;}
.date .date-month{float:left;width:50px;height:18px;text-align:center;padding-top:3px;}
.date .date-day{float:left;width:50px;height:15px;text-align:center;padding-top:6px;}
.date .date-year{float:left;width:50px;height:15px;text-align:center;}


#news{background: #505050;width:676px;float: left;padding:10px 0 10px 0;}

/* list */
#news ul{float: left;}
#news ul li{width:656px;float: left;padding:10px 10px 10px 10px;border-bottom:1px solid #6f6f6f;}
#news ul li .link{width:596px;float: left;padding:3px 0 0 10px;margin:0;}
#news ul li .link a{color:#fff;font-weight:bold;}
#news ul li .link a:hover{text-decoration:underline;}
#news ul li .description{width:596px;float: left;padding:5px 0 5px 10px;}
#news ul li .more {float:right;width:596px;text-align:right;padding:0 0px 0 0;}
#news ul li .more a{color:#81b23c;padding:0 0 0 0;}

/* selected */
#news #newsPadding{width:656px;float: left;padding:10px 10px 10px 10px;}
#news #newsPadding .newsContent{width:596px;float: left;padding:0px 0 5px 10px;margin:0;}
#news #newsPadding .newsContent p{padding-top:5px;margin-top:0;}



/*************************************** Page Site Map  **********************************************/

#sitemap {background: #cccccc;width:676px;float: left;padding:10px 0 10px 0;}
#sitemap ul {width:656px;float: left;padding:0 10px 0 10px}
#sitemap ul li {width:656px;float: left;padding:10px 0 10px 0;}
#sitemap ul li a {color:#000000;}
#sitemap ul li a:hover{text-decoration:underline;}
#sitemap ul li .note {color:#81b23c;}

#sitemap ul li ul {width:636px;float: left;padding:0 10px 0 10px}
#sitemap ul li ul li {width:636px;float: left;padding:5px 0 5px 0;}

#sitemap ul li ul li ul {width:616px;float: left;padding:0 10px 0 10px}
#sitemap ul li ul li ul li {width:616px;float: left;padding:5px 0 5px 0;}

/*************************************** Page Search  **********************************************/

#search-list{background: #cccccc;width:676px;float: left;padding:10px 0 10px 0;}
#search-list ul {width:656px;float: left;padding:0 10px 0 10px}
#search-list ul li {width:656px;float: left;padding:10px 0 10px 0;}
#search-list ul li a {color:#000000;}
#search-list ul li a:hover{text-decoration:underline;}
#search-list ul li .note {color:#81b23c;}

#search-list ul li ul {width:636px;float: left;padding:0 10px 0 10px}
#search-list ul li ul li {width:636px;float: left;padding:5px 0 5px 0;}

#search-list ul li ul li ul {width:616px;float: left;padding:0 10px 0 10px}
#search-list ul li ul li ul li {width:616px;float: left;padding:5px 0 5px 0;}

/*************************************** Table Dromologia  **********************************************/
table{}
tbody{}
tr{}
th{text-align:center;padding:5px 5px 5px 5px;background:#7ab500;}
td{text-align:center;background:#a99365;padding:2px 5px 2px 5px;}

/*************************************** google maps   **********************************************/
/* google maps */
#map_canvas * {color:#000;}
.gmnoprint {float:left;padding:0 0 0 0;}
.gmnoprint div div div{float:left;padding:0;margin:0;}
.gmls-search-form, .gmls-app .gmls-idle, .gmls-app, .gmls-idle, .gmls-app-full-mode, .gmls-std-mode{display:none;}
