@media screen and (min-width: 1280px) {
    #off-column {display:block !important;}
	#in-off-column {display:block !important;}
    .off-center{margin-left:280px !important;}
	.nextBtn{left:880px !important;}
	.prevBtn{left:50px !important;}
}
html {height:100%;}
body{font-family:corbel, sans-serif; background: #DFEAF1; height:100%;}
.off-center{margin-left:20px;}
.clr-space { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;  margin: 10px 0;}
.clr-halfspace { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; margin: 5px 0;}
.fill-left{margin-left:0px; padding-right:5px;}
.fill-right{margin-right:0px; padding-left:5px;}

a{text-decoration:none; color:#a8e3ff;}
a:hover{text-decoration:none; color:#fff; text-decoration:none;}
img {border:0;}

.on-top{position:absolute; z-index:15000;}
.w2-subtitle {font-size: 17px; color: #000080; margin: 6px 0; font-weight: 900;}
#w2-top-icon {vertical-align: -2px;}
.w2-important-block {padding: 6px 2px; border: solid 2px #fff; background: #0a4662;}
.w2-important-news {padding: 9px 6px; border: solid 3px #0a4662; background: #ccc; color: #000; margin: 13px 0;}
.w2-more-news {font-size: 12px; float: right; display: inline-block; margin: 8px 3px 0 0; padding:4px 0; border-top: 1px dotted #a8e3ff; border-bottom: 1px dotted #a8e3ff;}
.w2-seven-icon {vertical-align: -3px; border: solid 1px #000;}

li{margin-left:20px;}
/******************************************************************************************************************** TOP NAV */
#top-nav-wrapper{width:100%; height:40px; margin-top:60px; color:#fff; background:url('../../images/layout/shade-black-60.png');}
/******************************************************************************************************************** LAYOUT */
#main-wrapper{position:relative;/*margin-top:20px;*/margin-top:65px; margin-bottom:30px; color:#fff; background:url('../../images/layout/shade-blue-80.png');}
#header{display:block; height:60px; padding-top:30px; padding-bottom: 30px; color:#fff; font-size:46px; font-family:'Century Gothic',sans-serif; background:url('../../images/layout/logo90.png') no-repeat 845px 15px;}
/*
#ionio-30-english{display:block;position:absolute;top:-55px;right:-12px;width:252px;height:173px;background:url('../../images/layout/ionio_30_logo_fill_en.png') no-repeat top right;}
#ionio-30-greek{display:block;position:absolute;top:-55px;right:-12px;width:252px;height:173px;background:url('../../images/layout/ionio_30_logo_fill_gr.png') no-repeat top right;}
*/
#slider-wrapper{height:350px; width:790px; overflow:hidden; margin-bottom:40px;}
.block{font-size:12px; line-height:12px;}
.block .title{font-size:14px; font-weight:bold; margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #a8e3ff;}
.block  a{color:#fff;}
.block  a:hover{color:#a8e3ff;}
#banners a{display:inline-block; width:94px; height:35px; margin:0 2px; padding:3px; background:#fff; text-align:center;} 
#banners .b-left{float:left; margin:0 5px 0 0;}
#banners .b-right{float:right; margin:0 0 0 5px;}
#footer-home{padding:18px 0; color:#fff; font-size:12px; background:url('../../images/layout/shade-blue-80.png'); line-height: 1.8; margin-top: 21px;}
#off-column{position:absolute; top:120px; left:-270px; color:#fff; font-size:14px; display:none;}
#off-column, .off-column-red, .off-column-blue, .off-column-black, .off-column-white {width:250px; font-family: "Trebuchet MS",sans-serif; font-size:12px; margin-bottom:20px; }
.off-column-red  {position:relative; padding:5px; background: #be091c;}
.off-column-red  a{color:#fff;}
.off-column-red  a:hover{color:#000;}
.off-column-blue{position:relative; padding:5px; background: #0a4662;}
.off-column-blue a, .off-column-black a{color:#a8e3ff;}
.off-column-blue a:hover, .off-column-black a:hover{color:#fff;}
.off-column-black{position:relative; padding:5px; background: #000; }
.off-column-white{position:relative; padding:5px; background: #fff; color:#000; font-size:13px; border-top:4px solid #BE091C;}
.off-column-white  a{color:#BE091C;}
.off-column-white  a:hover{color:#1E759E;}
.newsImg{border: solid 1px #000000;margin:15px 5px 15px 0; float:left;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}

/******************************************************************************************************************** INNER PAGE */
#in-header-wrapper{position:relative;/*margin-top:20px;*/margin-top:65px; border-bottom:3px solid #fff; background:url('../../images/layout/shade-blue-80.png');}
#in-header-wrapper a{color:#fff;}
#in-header{display:block; height:60px; padding-top:30px; padding-bottom: 30px; color:#fff; font-size:46px; font-family:'Century Gothic',sans-serif;background:url('../../images/layout/logo90.png') no-repeat 845px 15px;}
#breadcrumb-wrapper{width:100%; height:22px; padding:3px 0 0 0; color:#fff; font-size:13px; background:#be091c;}
#breadcrumb-wrapper a{color:#fff;}
#breadcrumb-wrapper a:hover{color:#000;}
#in-main-wrapper{background:#0a4662; border-top:3px solid #fff;}
#in-content-wrapper{background:#fff; min-height:400px;}
#content{padding:10px 15px 10px 20px; color:#000; background:#fff;}
#content a:link,#content a:visited {color:#fa001a;}
#content a:hover{color:#0a4662;}
#sidebar{color:#fff; text-align:center; padding:10px; background:#0a4662;}
#in-footer-wrapper{width:100%; color:#fff; font-size:12px; padding:20px 0; background:url('../../images/layout/shade-blue-80.png');}
#in-footer-bottom{width:100%; color:#fff; font-size:12px; padding:20px 0; background:url('../../images/layout/shade-black-90.png'); line-height: 1.8;}
#in-off-column{position:absolute; top:325px; left:10px; color:#fff; font-size:14px; display:none;}
#share-sprite {display:inline-block; height:14px; vertical-align:top; margin-top:2px; padding:3px 0 0 20px; font-size:11px; background:url('../../images/layout/sprite_share.png') no-repeat bottom left;}
#share-sprite:hover{background:url('../../images/layout/sprite_share.png') no-repeat top left;}
.vhtml{display:inline-block; vertical-align:middle; width:80px; height:15px; background:url('../../images/layout/v_html5_80x30_grey_black.png') no-repeat bottom left; }
.vhtml:hover{background:url('../../images/layout/v_html5_80x30_grey_black.png') no-repeat top left; }
.vcss{display:inline-block; vertical-align:middle; width:80px; height:15px; background:url('../../images/layout/v_css_80x30_grey_black.png') no-repeat bottom left; }
.vcss:hover{background:url('../../images/layout/v_css_80x30_grey_black.png') no-repeat top left; }
.vwcag{display:inline-block; vertical-align:middle; width:80px; height:15px; background:url('../../images/layout/v_wai_80x30_grey_black.png') no-repeat bottom left; }
.vwcag:hover{background:url('../../images/layout/v_wai_80x30_grey_black.png') no-repeat top left; }
.subpages-list .leftNavSelectedLink{font-size:20px;}
.subpages-list .leftNavLink{padding:3px;}
.subpages-list .leftNavLink .parent{font-size:16px;}

/******************************************************************************************************************** TOP BAR */
#top-bar-wrapper{position:fixed; top:0px; left:0px; width:100%; height:36px; color:#fff; background:#000; cursor:default; z-index:1500;}
#top-bar-wrapper a:hover{color:#fff;}
#top-bar-wrapper .icon{display:inline-block; width:24px; height:24px; margin:6px 0 0 1px; cursor:pointer;}
#top-bar-wrapper .fb{background:url('../../images/layout/facebook.png') no-repeat bottom;}
#top-bar-wrapper .fb:hover{background:url('../../images/layout/facebook.png') no-repeat top;}
#top-bar-wrapper .tw{background:url('../../images/layout/twitter.png') no-repeat bottom;}
#top-bar-wrapper .tw:hover{background:url('../../images/layout/twitter.png') no-repeat top;}
#top-bar-wrapper .gp{background:url('../../images/layout/google.png') no-repeat bottom;}
#top-bar-wrapper .gp:hover{background:url('../../images/layout/google.png') no-repeat top;}
#top-bar-wrapper .yt{background:url('../../images/layout/youtube.png') no-repeat bottom;}
#top-bar-wrapper .yt:hover{background:url('../../images/layout/youtube.png') no-repeat top;}
#top-bar-wrapper .em{background:url('../../images/layout/mail.png') no-repeat bottom; margin-left:10px;}
#top-bar-wrapper .em:hover{background:url('../../images/layout/mail.png') no-repeat top;}
#top-bar-wrapper .rs{background:url('../../images/layout/rss.png') no-repeat bottom;}
#top-bar-wrapper .rs:hover{background:url('../../images/layout/rss.png') no-repeat top;}
#search-form-wrapper{display:inline-block; margin:6px 0 0 10px; vertical-align:top;}
#search-form-wrapper .input-text{width:110px; height:18px; vertical-align:top; padding:2px;}
#search-form-wrapper .button{width:24px; height:24px; background:url('../../images/layout/search.png') no-repeat bottom; border:none; cursor:pointer;}
#search-form-wrapper .button:hover{background:url('../../images/layout/search.png') no-repeat top;}
#quick-wrapper{float:left;display:inline-block;width:236px; height:24px; margin-top:6px; font-size:13px; color:#ccc;}
#quick-button{display:inline-block;width:254px; height:18px; clear:both; padding:3px 24px 3px 6px; text-align:center; background:url('../../images/layout/select.png') #292929 no-repeat right; cursor:pointer;}
#quick-button:hover{background-color:#444; color: #fff;}
#quick-content{width:266px; padding:10px 6px 6px 12px; color:#fff; background:#0b0b0b; display:none;}
#quick-content strong{margin-left:-6px;}
#quick-content a{display:inline-block; width:100%; padding:1px 0 1px 4px;}
#quick-content a:hover{background:#131313;color:#fff;}
.lang-link-wrapper{display:inline-block; padding:1px 3px 0 3px; vertical-align:top; margin:6px 0 0 6px;}
.erasmus{float:left;display:inline-block;height:22px;padding:2px 0 0 28px;margin:6px 0 0 42px;background:url('../../images/layout/erasmus.png') no-repeat bottom left;}
.erasmus:hover{background:url('../../images/layout/erasmus.png') no-repeat top left;}

/******************************************************************************************************************** SUDO SLIDER */
#slider ul, #slider li{margin:0 auto;padding:0;list-style:none;position:relative;display:block;}
#slider li {display:none; z-index:0;}	
#slider li:first-child {display:block;}
#slider, #slider li {width:790px; overflow:hidden;}
.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:50px;top:260px;background:url(../../images/layout/btn_prev.png) no-repeat 0 0;cursor:pointer;}	
#slider-wrapper.streaming-1 .prevBtn, #slider-wrapper.streaming-1 .nextBtn{top:760px;}
#slider-wrapper.streaming-2 .prevBtn, #slider-wrapper.streaming-2 .nextBtn{top:660px;}
.nextBtn{left:880px;}
.nextBtn {background:url(../../images/layout/btn_next.png) no-repeat 0 0;}
.slide-content {display: block; position: absolute; top: 294px; width:770px; padding:10px 10px 0 10px; height:34px;  background:url('../../images/layout/shade-blue-80.png'); text-align: left; color: #fff; line-height: 1.8em; font-size: 13px;}
.slide-content a:link {text-decoration:none; color:#fff;}
.slide-content a:visited {text-decoration:none; color:#fff;}
.slide-content a:hover{text-decoration:none; color:#d7d7d7; text-decoration:none;}
.slide-content a:active {text-decoration:none; color:#fff;}
.slider-img{display:block; width:790px; height:350px;}
/* customBox slider */
#customBox-wrapper{width:198px;height:40px;position:absolute;top:294px;left:550px;overflow:hidden; z-index:150;}
.customBox{width:2000px;height:40px;}
.customBox .custom{height:34px;width:64px;float:left;margin-right:2px;margin-top:5px;}
.customBox .custom img{height:30px; width:60px; border:2px solid #fff; cursor: pointer;}

/********************************************************************************************************************SPRITES */
#welcome2ionio{display:inline-block;width:240px;height:134px;margin-bottom:20px;background-image:url(../../images/layout/welcome2ionio_sprite_v2.jpg);background-position:top;}
#welcome2ionio:hover{background-position:bottom;}

#newsletter-block{border-top:4px solid #fff;}
#newsletter-block input[type="text"]{width:120px;height:20px;}
#newsletter-block input[type=submit]{width:80px;display:inline-block;padding:4px 10px;margin-left:5px;font-size:13px;background:#BE091C;color:#fff;border:none;border-radius:5px;cursor:pointer;}
#newsletter-block input[type=submit]:hover{background:#fff;color:#000;}
#response_validation_email p{padding:5px 10px;border-radius:5px;margin-top:5px;color:#000;}

/******************************************************************************************************************** GOOGLE MAP */
#gmap{width:100%;height:500px;border:solid 1px #333;text-align:left;}
#map-list{font-size:80%;}
.gmap-content{width:300px;height:auto;}

/* ex-2006 */
small {font-size: 13px;}

/* DATA TABLE */
table.data{ border-collapse:collapse; }
table.data td, table.data th{ text-align:left;padding:4px 16px;border:1px solid #DBDBDB;min-width:30px;vertical-align:top; }

/* student-register-online */
#student-register-online{display:block !important;height:45px;padding-top:15px;padding-left:220px;font-size:24px;color:#fff !important;border:2px solid #242424;background:url(http://ionio.gr/central/commons/images/banners/student_register_online.jpg) no-repeat left #242424 !important;}
#student-register-online:hover{color:#D6AB04 !important;border:2px solid #D6AB04;}

/* COUNCIL */
.t-tab{display:inline-block;padding:6px 12px;font-size:16px;color:#9b9b9b !important;background:#efefef;}
.t-tab:hover{color:#0A4662 !important;}
.t-tab.selected{background:#0A4662;color:#fff !important;}
.council{border-collapse:collapse;}
.council td{padding:10px 0;vertical-align:top !important;}
.council .img-left{margin:0 25px 0 0;}
.council-title{padding:10px;background:#e0e0e0;}
.council a[target=_blank]{padding-right:20px;background:url(http://www.ionio.gr/central/images/new_win.gif) no-repeat right;} 
.council a[target=_blank].no-icon{background:none;} 
.img-radius{border-radius:15px;border:2px solid #0a4662;}
a:hover .img-radius{border:2px solid #be091c;}

/* FANCYBOX GALLERY */
.gall-thumb{display:inline-block;width:120px;vertical-align:top;margin:12px;border:6px solid #fff;opacity:0.9;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.4);}
a:hover .gall-thumb{border:6px solid #0A4662;opacity:1;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.6);}

.dl-block{display:block;padding:6px 15px;margin:4px 0;border-radius:5px;background:#3e758f;color:#fff !important;text-decoration:none !important;}
.dl-block:hover{background:#0A4662;color:#fff !important;text-decoration:none !important;}
.dl-block img{vertical-align:middle;}

/******************************************************************************************************************** NEWS */
.news-read-title{font-size:22px;margin-bottom:5px;}
.news-read-text{padding-top:20px;text-align:justify;}
.img-slider{width:100%;margin-bottom:15px;}
.news-read-date{display:block;margin-bottom:15px;font-size:11px;color:#909090;}

.news-list-thumbtd, .news-list-leadtd{vertical-align:top;}
.news-list-block{padding:6px 0;border-bottom: 1px solid #64748B;margin-bottom:20px;}
.news-list-table{margin-top:8px;}
.news-list-title{font-weight:bold;display:block;margin-bottom:5px;}
.news-list-date{display:block;margin-bottom:5px;font-size:11px;color:#909090;}
.news-list-leadtd{padding-left:20px;}
.news-list-lead{text-align:justify;font-size:13px;line-height:1.3;}
.news-list-info{padding:6px;font-size:10px;background:#000;color:#fff;}
.news-list-thumb{width:150px;}
.news-list-nothumb{display:block;width:150px;height:90px;background:url('../../images/layout/no_thumb.png') no-repeat center #A2B4CC;}

.news-list-download{position:relative;display:block;}
.news-list-download img{vertical-align:middle;}
.downloads-inline{position:relative;display:inline-block;font-size:12px;padding:5px 10px;margin:5px 0;background:#e2e8f1;border-radius:5px;}

.button{display:inline-block;padding:4px 20px;font-size:13px;background:#2a7293;color:#fff !important;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:10px;}
.button:hover{background:#c84554;color:#fff !important;text-decoration:none;}

.idg-5 .news-list-block{padding:3px 0;margin:0px;border:none;}

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

#selector-search{position:relative;height:40px;}
#selectionDropdownForm{position:absolute;top:0px;left:0px;}
#selectionDropdownFormSelect{padding:5px 10px;background:#A2B4CC;font-size:16px;font-family:'corbel',​sans-serif;border:none;}
#selectionDropdownFormSelect option{font-size:16px;font-family:'corbel',​sans-serif;}
#selectionDropdownForm.static{position:static;}

#search_q_form{position:absolute;top:0px;right:0px;}
#search_q_input{padding:6px 4px;border:1px solid #ADADAD;background:#F1F1F1;border-radius:0px;}
#search_q_submit{display:inline-block;padding:6px 20px;font-size:13px;background:#A2B4CC;color:#fff !important;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:0px;}
#search_q_submit:hover{background:#0A4662;color:#fff !important;text-decoration:none;}

#streaming-banner{position:relative;width:790px;height:350px;}
#streaming-banner-img{display:block;}
#streaming-banner-info{position:absolute;bottom:0px;left:0px;width:790px;height:350px;padding:0px;background:rgba(0,0,0,0.7);font-size:130%;color:#fff;text-align:center;}
#streaming-banner-info span{display:block;position:absolute;bottom:0px;left:0px;width:710px;padding:40px;}