@charset "UTF-8";
/* CSS Document */
body{margin:0; padding:0; max-height:100%; width:100%; 
background-color:#791f66; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #f37307 0%, #791f66 99%) #791f66;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37307), color-stop(99%,#791f66)) #791f66;
background: -webkit-linear-gradient(top,  #f37307 0%,#791f66 99%) #791f66;
background: -o-linear-gradient(top,  #f37307 0%,#791f66 99%) #791f66; 
background: -ms-linear-gradient(top,  #f37307 0%,#791f66 99%) #791f66;   
background: linear-gradient(to bottom,  #f37307 0%,#791f66 99%) #791f66;
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37307', endColorstr='#791f66',GradientType=0 );    
}
body,td,input,textarea{font-size:13px;font-family:Arial, Helvetica, sans-serif;}
a{color:#2F4284; text-decoration:none;}
a:hover{color:#2F4284; text-decoration:underline;}
ul{margin:0; padding:0; list-style-type: none;}
#grad{margin: 0 auto; min-height:100%; background:url(../images/keys.png) no-repeat top center;}
#skies{ background:url(../images/bglr.png);
background-position:center;
background-repeat:repeat-y;
}
#wrapper{width:1000px; margin: 0 auto; min-height:100%; background:url(../images/bgwhite.jpg) top no-repeat #FFF;}
#main_menu{width:941px; background:#e86c0f; padding:10px 0px 10px 0px; margin-left: 30px; font-size:12px;}
#main_menu li{display:inline; text-align:center; padding:10px 10px 10px 10px ; color: #fff; font-size:12px;}
#main_menu a{text-decoration:none;}
.active{color:#FFF !important; background:#883f98 !important; padding:10px 0px 10px 0px; }
#main_ul{width:100%; list-style-type:none; background:#e86c0f;}
#main_menu ul li:hover{ background:#883f98;}
#main_menu ul li ul { display:none;}
#main_menu ul li:hover > ul {
	display: block;
}
.submenu{position:absolute; left:0px; top:35px; text-align:left; background:#e86c0f; width:250px;list-style-type:none;z-index:5; margin-top:-1px;}
#main_menu ul li ul li{ border-bottom:1px solid #2f4284; line-height:20px; display:block; text-align:left;}
#manager_logo{position:absolute; top:100px; right:20px; background-image: url(https://otx.gr/images/c3ef29e1a5fd47f43f9651ff49a7b0bd.jpg); height:61px; width:201px;background-size: contain;}
#colored{height:32px; width:1000px; background-image: url(../images/header_colored.jpg);}
#logo{height:89px; width:940px; padding:20px 30px 30px 30px;}
#header{position:relative;}
#fb_btn{position:absolute; top:0px; right:99px; background-image: url(../images/fb_button.jpg); height:68px; width:28px;}
#tw_btn{position:absolute; top:0px; right:65px; background-image: url(../images/twitter_button.jpg); height:68px; width:28px;}
#yt_btn{position:absolute; top:0px; right:32px; background-image: url(../images/yt_button.jpg); height:68px; width:28px;}
#main{width:940px; padding:30px 30px;}
#newsletter_email{border:2px solid #283B86; height:27px; width:191px; padding-left:10px;}
#submit_newsletter{display: inline-block; text-align:center; height:25px; color:#FFFFFF; cursor:pointer; border:none; background:none; padding:0 0 0 1px; width:15px;}
#events_logo{background:url(../images/announcements.png) no-repeat #2f4284 center left; color:#fff; width:215px; height:30px; margin-bottom:10px;}
#events{background:#883f98; color:#fff; width:215px; margin-bottom:15px;}
#events a{color:#fff;}
#events_logo2{background:url(../images/seminaria.png) no-repeat #2f4284 center left; color:#fff; width:215px; height:30px; margin-bottom:10px;}
#events2{background:#E86C0F; color:#fff; width:215px; margin-bottom:15px;}
#events2 a{color:#fff;}
.front_event_title a{color:#fff; font-weight:bold;}
.front_event_small{margin-top:5px;}
.front_event_separator{margin-top:9px;border-bottom: 1px solid #2f4284;}
#contact{background:#e86c0f; color:#FFF; width:215px; margin-bottom:10px; padding-bottom:10px;}
#createdby {
	position:absolute;
	background:url(../images/createdby.png) left no-repeat;
	width:87px;
	height:23px;
}
.codeplus {
position: relative;
width: 0px;
height: 23px;
left:87px;
background:url(../images/codeplus.png) right no-repeat;
}
#contact_logo{ background:url(../images/contact.png) no-repeat center left; height:30px; color:#fff; margin-bottom:10px;}
#content{
	color:#2f4284;
	padding:20px 38px;
	background: url(../images/bg.png) no-repeat top left;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png',     sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png', sizingMethod='scale');
	min-height:810px;
}
#file_title{font-size:18px; color: #2f4284; margin-bottom:15px;}
#slideskia2{ width:627px; height:296px; background:url(../images/slideskia2.png) no-repeat top; z-index:1; margin-bottom:0px; position:absolute; margin-left:-12px; margin-top:-4px; }
#slideshow2{width:605px; height:274px; background:black; margin-bottom:25px; z-index:2; position:absolute;}
#slideskia{ width:627px; height:342px; background:url(../images/slideskia.png) top; z-index:1; margin-bottom:0px; position:absolute; margin-left:-12px; margin-top:-4px; }
#slideshow{width:605px; height:320px; background:black; margin-bottom:25px; z-index:2; position:absolute;}
#cube1{height:29px; width:33px; background-image:url(../images/sqr1.png); -webkit-box-shadow: -2px 2px #283B86; -moz-box-shadow: -2px 2px #283B86;box-shadow: -2px 2px #283B86;}
#cube2{height:29px; width:33px; background-image:url(../images/sqr2.png); -webkit-box-shadow: -2px 2px #283B86; -moz-box-shadow: -2px 2px #283B86;box-shadow: -2px 2px #283B86;}
#cube3{height:29px; width:33px; background-image:url(../images/sqr3.png); -webkit-box-shadow: -2px 2px #283B86; -moz-box-shadow: -2px 2px #283B86;box-shadow: -2px 2px #283B86;}
#cube4{height:29px; width:33px; background-image:url(../images/sqr4.png); -webkit-box-shadow: -2px 2px #283B86; -moz-box-shadow: -2px 2px #283B86;box-shadow: -2px 2px #283B86;}
#cube5{height:29px; width:33px; background-image:url(../images/sqr5.png); -webkit-box-shadow: -2px 2px #283B86; -moz-box-shadow: -2px 2px #283B86;box-shadow: -2px 2px #283B86;}
#contact_form input.text{border:1px solid #283B86; height:29px; width:408; padding:0px; padding-left:10px; color:#283B86;}
#contact_form textarea{border:1px solid #283B86; height:119px; width:408; padding:0px; resize: none; padding-top:7px; padding-left:10px; color:#283B86;}
#contact_submit{width:90px; height:29px; background-image:url(../images/contact_button.png); border:none; cursor:pointer;}
#event_main_div{text-align:justify; line-height:15px; margin-bottom:35px; overflow:hidden;}
#event_video_container{text-align:center;margin-bottom:35px; height:345px; width:605px;}
#event_gallery_container{overflow:hidden; width:605px; text-align:left;}
#event_gallery_container2{overflow:hidden; width:605px; text-align:left; margin-left:-38px;margin-right:-38px;}
.thumb{display:inline-block; width:140px; height:105px; margin-right:15px; margin-bottom:15px; float:left; opacity: 0.8}
.thumb:hover{opacity:1}
.thumb2{display:inline-block; width:90px; height:70px; margin-right:13px; margin-bottom:5px; float:left; opacity: 0.8}
.thumb2:hover{opacity:1}
#gallery{width:9999px; position:absolute; left:0px; top:0px;}
#gallery_title{margin-bottom:15px;font-size: 18px;color: #B1B8D5; padding-left:38px;}
#gallery_next,#gallery_prev{font-size:40px; color:#283B86; cursor:pointer;}
#gallery_next2,#gallery_prev2{font-size:30px; color:#283B86; cursor:pointer;}
#second_row{overflow: hidden;position: absolute;top: 120px;}
.tomeis_header{font-weight:bold; font-size:15px; margin-bottom:10px;}
.tomeis_category{font-weight:bold; font-size:14px; margin-bottom:10px; border-bottom:0px solid #757575}
.tomeis_instrument{font-weight:bold; font-size:13px; margin-bottom:10px; margin-left:10px;}
.tomeis_instrument_text{font-weight:normal; text-align:justify; margin-bottom:10px;}
.tomeis_instrument_schedule{width: 200px;float:left;}
.tomeis_instrument_photo{float:right;}
.floats_container{overflow:auto;}
.tomeis_instrument_title{margin-bottom:7px; padding-left:0px; font-weight:normal;}
.tomeis_instrument_schedule_body{ font-weight:normal;}
.instrument_separator{border-bottom:1px solid #757575; height:10px; margin-bottom:10px;}
.professors{margin-bottom:20px; font-size:18px; font-weight:bold; text-align:left; color:#791f66;}
.instrument_title{margin-bottom:10px; margin-left:200px; font-size:18px; font-weight:bold; text-align:center; color:#f37307;}
.category_separator{height:30px;}
.facilities_gallery{overflow:auto; width:590px;}
.facilities_text{text-align:justify; margin-bottom:30px;}
.professor{overflow:auto;}
.professor_photo{float:left; width:200px;}
.professor_photo img{ box-shadow: 5px 5px 2px #888888; margin-bottom:8px;}
.professor_name{float:left; width:405px; font-weight:bold; font-size:15px;}
.professor_instrument{float:left; width:405px; font-weight:bold; font-size:13px; margin-bottom:15px;}
.professor_text{float:left; width:405px; max-height:145px; overflow:hidden; text-align:justify; line-height:18px; padding-top:10px;}
.professor_text_no_max_height{float:left; width:405px; overflow:hidden; text-align:justify; line-height:18px;padding-top: 10px;}
.professor_more_button{float: right; cursor:pointer; margin-top:10px;}
.professor_more_button:hover{ text-decoration:underline;}
<!--[if gte IE 9]>
.gradient {
   filter: none;
}
<![endif]-->