html{margin:0;padding:0;height:100%;min-height:700px;overflow-y:scroll;font-family:'Century Gothic', 'Arial', sans-serif;background:#f5f5f5;color:#5f5f5f;}
body{margin:0;padding:0;min-height:100%;min-width:480px;font-size:14px;line-height:1.5;position:relative;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.link, a{text-decoration:none;cursor:pointer;outline:none;color:#c6490c;}
.link:hover, a:hover{text-decoration:none;color:#933000;}
a img{border:none;}
ul, ol{margin:15px 0 15px 30px;}
ul {list-style-image:url("../images/layout/li.png");}
li {margin: 1px 0;}
hr{display:block;clear:both;height:1px;margin:20px 0;padding:0;border:none;background:#92A7C3;}
small {color: #555; font-size: 11px;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:12px;}
.very-small{font-size:10px;line-height:13px;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.gray{color:#a8a8a8;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#a8a8a8;}
h1,h2,h3,h4,h5{font-weight:300;margin-bottom:0.5em;color:#000;}
h1{font-size:2.2em;} h2{font-size:1.7em;} h3{font-size:1.4em;} h4{font-size:1.2em;} h5{font-size:1.1em;}
b, strong{font-weight:700;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.right-banner{border:1px solid transparent;}
a:hover .right-banner{border:1px solid #fff;}
.special-link{display:inline-block;padding:4px 12px;font-size:20px;border-radius:5px;background-color:#ff7902;color:#fff;}
.special-link:hover{background-color:#333;color:#fff;}
.contest-logo{display:inline-block;height:80px;margin:5px;max-width:100%;}
.w2-important-news {padding: 9px 6px; border: solid 3px #777; background: #ccc; color: #000; margin: 13px 0; font-weight: bold;}
.news-read-img img{max-width:100%;}

/********************************************************************************************************************************** LEFT */
/*
#left{position:fixed;top:0px;left:0px;min-height:100%;width:60px;padding:0 10px;background-color:#fff;background-color:rgba(254,254,254,0.2);overflow-x:hidden;z-index:2000;transition:width 0.5s,padding 0.5s,background 0.5s;}
#left:hover{width:180px;padding:0 30px;background-color:#fff;background-color:rgba(254,254,254,1);box-shadow:0px 5px 10px #000;}

#left-inner{opacity:0;transition:opacity 0.5s;}
#left:hover #left-inner{opacity:1;}
*/
#left{position:fixed;top:0px;left:0px;min-height:100%;width:60px;padding:0 10px;background-color:rgba(254,254,254,0.2);overflow-x:hidden;z-index:2000;cursor:pointer;}
#left:hover{background-color:rgba(254,254,254,1);}
#left.open{cursor:default;}
#left-inner{display:none;}
#logo{width:100%;margin-top:30px;}
#menu-icon{display:block;width:24px;margin:15px auto;text-align:center;}
#menu-icon span{display:block;width:24px;height:4px;margin:2px 0;background:#000;}
#menu-icon-close{display:none;position:fixed;top:10px;left:210px;width:20px;height:20px;cursor:pointer;z-index:2500;}
#menu-icon-close span{display:block;width:24px;height:4px;background:#000;position:absolute;top:10px;right:0px;}
#menu-icon-close span.line-1{transform:rotate(-45deg);}
#menu-icon-close span.line-2{transform:rotate(45deg);}
#menu-icon-close:hover span{background:#f26d2c;}
#left.open #menu-icon{display:none;}
#left:hover #menu-icon span{background:#f26d2c;}
#non-jq-menu{margin:30px 0;text-align:right;}
#non-jq-menu td{display:block;}
#non-jq-menu .non-jq-menu-item a{padding:5px 0px 4px 0;text-align:right;background:none;color:#6b6b6b;font-weight:bold;font-size:16px;}
#non-jq-menu .non-jq-menu-item a.selected, #non-jq-menu .non-jq-menu-item:hover a.selected{background:none;color:#F26D2C;}
#non-jq-menu .non-jq-menu-item:hover a{background:none;color:#000;}

#non-jq-menu .jq-submenu{display:block;position:relative;margin-bottom:10px}
#non-jq-menu .jq-submenu .non-jq-menu-item a{padding:2px 0px 2px 0;text-align:right;background:none;color:#6b6b6b;font-weight:normal;font-size:13px;}
#non-jq-menu .jq-submenu .non-jq-menu-item a.selected, #non-jq-menu .non-jq-menu-item:hover a.selected{background:none;color:#F26D2C;}
#non-jq-menu .jq-submenu .non-jq-menu-item:hover a{background:none;color:#000;}

#schedule {background: rgba(255,255,255,0.5); border-radius: 4px; font-weight:900; text-align:center; padding: 4px;}
.logo-bottom{display:inline-block;margin:5px;height:55px;opacity:0.8;}
.logo-bottom:hover{opacity:1;}
#lang-link{position:fixed;top:20px;right:20px;}
#version-link{position:fixed;top:20px;right:70px;}
.top-link img{border-radius:100%;border:3px solid #8d8d8d;}
.top-link:hover img{border-radius:100%;border:3px solid #fff;}

/********************************************************************************************************************************** CONTENT */
#content{position:absolute;top:130px;left:260px;padding-bottom:50px;}
#content.animate{margin-left:-1200px;}
#content-inner{position:relative;width:800px;padding:30px 50px;background-color:rgba(254,254,254,0.85);color:#000;text-align:justify;}
#hide-content{position:absolute;top:4px;right:4px;width:30px;height:30px;cursor:pointer;background:url("../images/layout/hide_content.png") no-repeat center #E7E7E7;opacity:0.6;transition:opacity 0.2s;}
#hide-content:hover{opacity:1;}
.front-nav {text-align: right; margin-top: 6px; font-size: 12px;}
.front-title{display:block;padding:5px 10px;text-align:center;font-size:22px;color:#fff;background:#92A7C3;margin: 6px auto;}

.curriculum-table{width:100%;border-collapse:collapse;margin:30px 0 20px 0; color: #111;}
#content table.curriculum-table td{padding:3px 5px;border:1px solid #92A7C3;vertical-align:top;text-align:center;}
#content table.curriculum-table td.t-left{text-align:left;}
#content table.curriculum-table td.td-title{background:#333333;color:#fff;border:1px solid #333333;}
.color-1{background:#9DBBC6;}
.color-2{background:#B8CBB5;}
.color-3{background:#B8CBB5;}
.appendix{display:block;padding:4px 8px;margin:2px 0;}

.news-list-table{margin-top:10px;}
.news-read-title{font-size:18px;margin-bottom:5px;color:#616161;}
.news-read-text{padding-top:20px;text-align:justify;}
.news-list-block{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dotted #c8c8c8;}
#content .news-list-table td{vertical-align:top;border:none !important;}
.news-list-title{display:block;margin-bottom:2px;font-size:18px;}
.news-list-date, .news-read-date{font-size:12px;font-style:italic;color:#969696;}
.news-list-lead{text-align:justify;font-size:14px;line-height:1.3;}
.news-list-info{padding:6px;font-size:10px;background:#000;color:#fff;}
.news-list-nothumb{background:url(https://ionio.gr/central/commons/images/various/nothumb.png) no-repeat center #F1F1F1;}
.news-list-block .downloads-inline{display:none;}

.staff-label{display:block;padding:5px 8px;background:#92A7C3;color:#fff;}
#content .staff-table{width:100%;border-collapse:collapse;}
#content .staff-table th{padding:4px 8px;background:#64748B;color:#fff;text-align:left;}
#content .staff-table td{padding:4px 8px;border:none;vertical-align:top;}
.tt-left-full, .tt-left-min{width:180px;padding:4px 8px;}
.tt-right-full, .tt-right-min{width:100px;padding:4px 8px;}
.tt-big-full{width:360px;padding:4px 8px;}
tr.style-a{background:#eeeeee;}
tr.style-b{background:#e3e3e3;}
.staff-img{max-width:350px;}

.data{border-collapse:collapse;margin:10px 0;}
table.data td, table.data th{padding:8px;vertical-align:top;border:1px solid #959595;}
table.data td p{padding:0;}

.important-link{display:block;margin:15px 0;padding:10px;text-align:center;font-size:18px;background:#f26d2c;color:#fff;border-radius:3px;}
.important-link:hover{background:#000;color:#fff;}

#gmap{width:480px;max-width:100%;height:320px;float:right;border-radius:20px; margin-bottom: 30px;}
.gmap-content{width:220px;height:auto;text-align:center}

.show-hide-head{max-width:500px;font-weight:bold;margin-top:5px;font-size:16px;background:#fff;border:1px solid #eccebf;color:#F26D2C;padding:4px 20px;font-size:13px;cursor:pointer;border-radius:3px;}
.show-hide-head:hover{background:#eee1da;color:#F26D2C;}
.show-hide-head.current{background:#000;color:#fff;border:1px solid #000;}
.show-hide-content.current{margin:5px 0 15px 0;}

/* SEARCH FORM */
#page-title-wrap{position:relative;height:auto;width:100%;border-bottom:2px solid #92A7C3;border-radius:10px;margin-bottom:10px;}
#page-title{padding-left:10px;font-size:25px; font-weight: 900; color:#92A7C3; display:block;  text-align:left;}
#search_q_form{position:absolute;top:4px;right:10px;}
#search_q_input{padding:4px;border:1px solid #ADADAD;background:#F1F1F1;}
#search_q_submit{margin-left:5px;padding:5px 12px;font-size:12px;}

/********************************************************************************************************************************** PAGINATION */
.news-pagination{display:block;height:24px;line-height:24px;text-align:right;padding:5px 6px;margin:5px 0;background:#e0e0e0;border-radius:10px;}
.news-pagination-form, .news-pagination a, .news-pagination-select{display:inline-block;height:24px;vertical-align:top;border-radius:5px;border:none;}
.news-pagination a{padding:0 6px 0 6px;margin:0 2px;text-align:center;text-decoration:none;background:#64748B;color:#fff;}
.news-pagination a:hover{background:#F26D2C;color:#fff;}
.news-pagination-select{cursor:pointer;}

/********************************************************************************************************************************** SCROLL TOP */
#scroll-top{position:fixed;bottom:20px;left:55px;display:none;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-image:url(https://ionio.gr/central/commons/images/various/to_top.png);background-color:#92A7C3;border-radius:100%;transition:background 0.5s;z-index:3000;}
#scroll-top:hover{background-color:#F26D2C;}

/********************************************************************************************************************************** FORMS */
.form-table td{padding:5px 8px 5px 0;vertical-align:top;}
.form-table input[type="text"], .form-table input[type="password"], .form-table textarea{padding:4px;border:1px solid #ADADAD;background:#F1F1F1;}
.button, input[type=submit]{display:inline-block;padding:4px 20px;font-size:13px;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:3px;background:#f26d2c;color:#fff;}
.button:hover, input[type=submit]:hover{text-decoration:none;background:#000;color:#fff;}

/********************************************************************************************************************************** DOWNLOADS */
.downloads-block{display:block;padding:8px 10px;margin:5px 0;border-radius:3px;background:#454545;color:#fff;border:none;}
.downloads-block img{vertical-align:middle;}
.downloads-block a{color:#f26d2c;}
.downloads-block a:hover{color:#fff;}
.downloads-block span{display:block;font-size:12px;color:#6f6f6f;}
.download{padding-left:30px; font-size: 16px;}
.download.pdf{background:url(https://ionio.gr/central/commons/images/filetypes/pdf.png) no-repeat left;}
.download.doc{background:url(https://ionio.gr/central/commons/images/filetypes/doc.png) no-repeat left;}

.downloads-inline{display:inline-block;padding:3px 6px;background:#ebebeb;border-radius:3px;margin-bottom:4px;}

.tabs{display:block;margin:0 0 20px 0;text-align:left;}
.tabs a{display:inline-block;padding:2px 6px;margin:3px 3px;font-size:15px;border-radius:4px;background:#9dbbc6;color:#000;}
.tabs a:hover{background:#333333;color:#fff;}
.tabs a.selected{background:#f26d2c;color:#fff;}

.curriculum-tab-content{display:none;}

.page-url-home .page-updated-date{display:none;}

@media (min-width: 980px) and (max-width: 1199px) {
	#content{top:100px;left:220px;}
	#content-inner{width:630px;padding:30px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	#content{top:80px;left:150px;}
	#content-inner{width:500px;padding:20px;}
}
@media (min-width: 0px) and (max-width: 767px) {
	#content{top:60px;left:100px;}
	#content-inner{width:350px;padding:20px;}
}