@charset "utf-8";
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body { color:#000000; text-align:justify; font-family: 'Open Sans', sans-serif; /*min-width:1150px;*/}
.row {
max-width:1144px;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
float:left;
}
.top_bar a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; font-size:15px; }
.top_bar a:focus, .top_bar a:hover, .top_bar a:active { color: #000000; text-decoration:underline; background-color: transparent; }

.main_bgr {
background-image:url(../images/blank_blackboard.jpg);
background-repeat:repeat-y;
background-position:center;
margin-top:-7px;
font-family: 'Open Sans', sans-serif;;
}
.home_exhibits {
padding:10px;
color:#ffffff;
}
.home_exhibits p {
padding-top:10px;
padding-bottom:10px;
}
.home_exhibition p {
font-size:18px;
padding-bottom:11px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#logo {
background-image:url(../images/new/logo.jpg);
height:75px;
background-repeat:no-repeat;
/*margin-top:20px;*/
width:240px;
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
#se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../images/ajax-loader_2.gif) center no-repeat #fff;
	 opacity: 0.4;
}
@media only screen and (min-width: 641px) {
}
@media only screen and (min-width: 69.750em) {
.top-bar-section .has-dropdown > a {
/*padding-right:0px !important;*/
}
nav.top-bar {
    text-align:right;
  }
section.top-bar-section {
    display: inline-block;
  }
  .top-bar-section {
margin-top:10px;
}

}

.reveal-modal-bg {
    z-index:100 !important;
}
.top-bar {
background:none;
height:100px;
}
.top-bar .toggle-topbar {
/*width:100px;*/
/*padding-top:55px;*/
float:right;
/*margin-top:-25px !important;*/
}
.top-bar .row {
max-width:1144px;
}
.top-bar .name {
height:100px;
}
.top-bar .title-area {
height:100px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background:none;
line-height:25px;
text-transform:capitalize;
padding:0 1.5375rem;
}
.top-bar-section ul {
margin-top:0px;
}
.top-bar-section ul li {
background:none;
}
.top-bar-section ul li > a {
font-size:16px;
color:#000000;
font-weight:bold;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
border-right:solid 1px #000000;
height:25px;
}
.top-bar.expanded .title-area {
background:none;
color:#000000;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background:none;
color:#000000;
}
.top-bar .toggle-topbar.menu-icon {
/*top:15%;*/
margin-top:-43px;
}
.top-bar .toggle-topbar.menu-icon a {
color:#000000;
}
.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000
}
.top-bar-section .has-dropdown > a:after {
border:none;
/*border-color: #000000 rgba(39, 34, 100, 0) rgba(39, 34, 100, 0);
margin-top:10px;
top:0px;*/
}
@media only screen and (min-width: 72.188em) {
.top-bar-section .right li .dropdown { left:0; right:auto; }
}
.img-circle {
    border-radius: 50%;
}
.round {
	width: 200px;
    height: 200px;
    overflow: hidden;
    /*margin: 10px;*/
    position: relative;
    border-radius: 50%;
} 
.profiles {
 height: 200px;
 width: 100%;
 overflow: hidden;
}
.profiles img {
 height: 100%;
 width: 300px;
}
.demo-table {width: 100%;border-spacing: initial;margin: 0px;word-break: break-word;table-layout: auto;line-height:1.8em;color:#333;}
.demo-table th {background: #999;padding: 5px;text-align: left;color:#FFF;}
.demo-table td {border-bottom: #f0f0f0 1px solid;background-color: #ffffff;padding: 5px;}
.demo-table td div.feed_title{text-decoration: none;color:#00d4ff;font-weight:bold;}
.demo-table ul{margin:0;padding:0;}
.demo-table li{cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 3px #666666;font-size:30px;}
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}

.video_images_2 {
width: 100%;
     height: 75px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
	 }
.video_images_2 img {
 position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	}
.video_images {
width: 100%;
     height: 140px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
	 }
.video_images img {
 position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	}
	
/*starssss */

/*starssss */

.bullets_divider {
background-image:url(../images/new/bullet.jpg);
background-repeat:repeat-x;
height:10px;
margin-top:15px;
margin-bottom:10px;
}
.target-ratio-resize {
	max-width: 300px; /* actual img width */
	max-height: 200px; /* actual img height */
	*height: 200x; /* actual img height - IE7 */
	background-size: cover;
	background-position: center;
}
.target-ratio-resize:after {
	content: " ";
	display: block; 
	width: 100%; 
	padding-top: 100%; /* 3:1 ratio */
}
fieldset {
/*border:1px solid #01aef0;*/
border:none;
}
.crop {
         position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    height: 200px;
    width: auto;
	max-width:none;
        }
.top-bar-section ul li:hover:not(.has-form) > a {color:#000000; background:none;}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {color:#000000; /*background:#e4e4e2;*/ background:#ffffff;  }
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {color:#000000; /*background:#e4e4e2;*/ background:#ffffff; text-decoration:underline;}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color:#000000; /*background:#e4e4e2;*/ background:#ffffff; }
/*.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-right:solid 1px #ffffff; }*/
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-align:left; }
.top-bar.expanded .title-area { background:none;  }
.top-bar.expanded { /*background:#e4e4e2;*/ background:#ffffff; }
.top-bar li.has-dropdown .dropdown li a:hover,.top-bar li.has-dropdown .dropdown li a:focus{background:transparent; color:#fcd509;}
.pined-up-na {
background-image:url(../images/new/pined-up-na.jpg);
background-repeat:no-repeat;
height:33px;
width:20px;
float:right;
}
.pined-up-na:hover {
background-image:url(../images/new/pined-up.jpg);
background-repeat:no-repeat;
height:33px;
width:20px;
float:right;
}
.see_all_videos {
background-color:#000000;
color:#ffffff;
margin:0 auto;
display:inline-block;
padding:5px;
font-size:14px;
}
.see_all_videos a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; }
.see_all_videos a:focus, .see_all_videos a:hover, .see_all_videos a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }
.sum_all_videos {
background-color:#01aef0;
color:#ffffff;
margin:0 auto;
display:inline-block;
padding:5px;
font-size:14px;
}

@charset "UTF-8";
.accordion-navigation > a:after {
  content: "+";
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  font-size: 18px; }
.accordion-navigation.active > a:after {
  content: "-"; }
  .accordion .accordion-navigation, .accordion dd {
  border-bottom:1px #636466 solid;
  }
  .accordion {
  margin-left:0px;
  margin-right:0px;
  }
.hometext {
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;
}
#home_wbar {
background-image:url(../../images/trn.png); 
background-repeat:repeat-x; 
height:249px; 
position:relative; 
margin-top:-620px; 
z-index:1000;
}

.sorting_layer select{
width:140px;
}
.sorting_layer label {
float:left;
margin-top:8px;
}
#inner_wbar {
background-image:url(../../images/trn.png); 
background-repeat:repeat-x; 
height:249px; 
position:relative; 
margin-top:-249px; 
z-index:1000;
}
#book_home {
background-image:url(../images/bookonline_btn_small.jpg);
height:102px;
background-repeat:no-repeat;
z-index:10000;
}
#book_inner {
background-image:url(../images/bookonline_lorida_esoteriki.jpg);
height:106px;
background-repeat:no-repeat;
z-index:10000;
}
.book_blue_bgr {
background-image:url(../images/book_blue_bgr.jpg);
height:102px;
background-repeat:repeat-x;
z-index:100;
overflow:hidden;
margin-left:950px;
position:relative;
}
.txt_bgr {
background-image:url(../images/txt_bgr.png);
background-repeat:repeat;
padding:10px;
}
.home_header label {
color:#4d4d4d;
}
.home_header  {
color:#4d4d4d;
}
#top_teaser {
background-color:#e5e5e5;
min-height:50px;
padding-top:15px;
padding-bottom:15px;
}
#bottom_teaser {
background-color:#00b2ef;
padding-top:15px;
padding-bottom:15px;
}
.footer_menu {
margin-top:15px;
margin-bottom:15px;
}
p {margin-bottom:10px; font-weight:400; font-size:15px; line-height:1.3;}
strong, b {font-weight:700; }
ul, ol, dl, li {font-weight:400;  font-size:15px;}
big {font-size:22px; font-weight:bold;}
ul.programs {
list-style-position:inside;
list-style-image:url(../images/velaki_icon.png);
}
ul.photo_gallery {
list-style:none;
}
ul.photo_gallery li {
float:left;
width:138px;
height:130px;
}
ul.photo_gallery img {
border:8px #bfbfbf solid;
max-width:none;
}
ul.video_gallery {
list-style:none;
margin-left:0px;
}
ul.video_gallery li {
float:left;
width:370px;
padding:15px;
height:auto;
}

h1 { color:#ffffff; margin-top:0px; font-size:35px; text-align:left; line-height:1em; }
h2 { color:#000000; margin-top:0px; font-size:22px; text-align:left; line-height:1em; }
h3 { color:#01aef0; font-size:20px; font-family:inherit; font-weight:bold; line-height:1.3em; }
h4 { color:#000000 ; font-size:20px; font-family:inherit; font-weight:bold; line-height:1em; }
h4 a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
h4 a:focus, h4 a:hover, h4 a:active { color: #000000; text-decoration:none; background-color: transparent; }

.about_frame a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; }
.about_frame a:focus, .about_frame a:hover, .about_frame a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }

.exhibitors_area { background-color:#CDDC28; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; }
.exhibitors_area a:focus, .exhibitors_area a:hover, .exhibitors_area a:active { text-decoration:underline; font-weight:bold; }
.exhibitors_area:hover { /*background-color:#CDDC28;*/ background-color:#01aef0; padding:10px; border:4px #363636 solid; border-radius:5px; }

.home_buttons { background-color:#ffffff; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; border:2px #cccccc solid;}
.home_buttons a:focus, .home_buttons a:hover, .home_buttons a:active { text-decoration:underline; font-weight:bold; }
.home_buttons:hover { /*background-color:#CDDC28;*/ background-color:#ffffff; padding:10px; border:6px #cccccc solid; border-radius:5px; }

.inner_buttons_grey { background-color:#cccccc; /*background-color:#01aef0;*/ padding:15px; border-radius:0px 0px 5px 5px; color:#000000;}
.inner_buttons_blue { background-color:#00aeef; /*background-color:#01aef0;*/ padding:15px; border-radius:5px 5px 0px 0px; border:2px #cccccc solid; color:#000000;}
.inner_buttons_green { background-color:#cddc28; /*background-color:#01aef0;*/ padding:15px; border-radius:5px 5px 0px 0px; border:2px #cccccc solid; color:#000000;}
.inner_buttons_pink { background-color:#ed1c24; /*background-color:#01aef0;*/ padding:15px; border-radius:5px 5px 0px 0px; border:2px #cccccc solid; color:#000000;}

.home_buttons_blue { background-color:#00aeef; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; border:2px #cccccc solid;}
.home_buttons_blue a:focus, .home_buttons_blue a:hover, .home_buttons_blue a:active { text-decoration:underline; font-weight:bold; }
.home_buttons_blue:hover { /*background-color:#CDDC28;*/ background-color:#00aeef; padding:10px; border:6px #cccccc solid; border-radius:5px; }

.home_buttons_green { background-color:#cddc28; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; border:2px #cccccc solid;}
.home_buttons_green a:focus, .home_buttons_green a:hover, .home_buttons_green a:active { text-decoration:underline; font-weight:bold; }
.home_buttons_green:hover { /*background-color:#CDDC28;*/ background-color:#cddc28; padding:10px; border:6px #cccccc solid; border-radius:5px; }

.home_buttons_pink { background-color:#ed1c24; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; border:2px #cccccc solid;}
.home_buttons_pink a:focus, .home_buttons_pink a:hover, .home_buttons_pink a:active { text-decoration:underline; font-weight:bold; }
.home_buttons_pink:hover { /*background-color:#CDDC28;*/ background-color:#ed1c24; padding:10px; border:6px #cccccc solid; border-radius:5px; }

.home_buttons_red { background-color:#ff0000; /*background-color:#01aef0;*/ padding:15px; border-radius:5px; border:1px #cccccc solid;}
.home_buttons_red a:focus, .home_buttons_red a:hover, .home_buttons_red a:active { text-decoration:underline; }

h6 { color:#01aef0; font-size:14px; text-align:left; font-family:inherit;}
h6 a{ color:#01aef0; font-size:14px; text-align:left; font-family:inherit;}
h6 a:focus, h6 a:hover, h6 a:active { color: #01aef0; text-decoration:underline; background-color: transparent; }
h5 { color:#000000; font-size:20px; text-align:left; margin-bottom:0px; }

#bottom_links a{ color:#ffffff !important; font-size:16px !important; font-family:inherit;}
#bottom_links a:focus, #bottom_links a:hover, #bottom_links a:active { color: #ffffff !important; text-decoration:underline; background-color: transparent; }

.orange_bgr { background-color:#01aef0; padding:10px;}
.orange_bgr h5 { color:#ffffff; font-size:20px; text-align:left; }

.title_image_bgr {background-image:url(../images/new/page_title_bgr.jpg);
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
height:125px;
background-position:center;
padding-top:25px;
}
.title_image_bgr .title_bgr { color:#ffffff; font-size:26px; text-align:center; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; margin:0 auto; display:inline-block; }

.player_title_image_bgr {
background-color:#000000;
text-align:center;
color:#FFFFFF;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
}
.player_title_image_bgr .player_title_bgr { color:#ffffff; font-size:18px; text-align:center; margin:0 auto; display:inline-block; }
.player_title_image_bgr .player_title_bgr a, .player_title_image_bgr .player_title_bgr a:focus, .player_title_image_bgr .player_title_bgr a:hover, .player_title_image_bgr .player_title_bgr a:active { color:#ffffff; font-size:18px; text-align:center; margin:0 auto; display:inline-block; }

#lang { text-align:right; /*padding-top:5px;*/ color:#FFF; float:right; padding-bottom:10px; position:relative; z-index:10000; color: #000000; }
#lang a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; text-decoration:underline;}
#lang a:focus, #lang a:hover, #lang a:active { color: #000000; text-decoration:underline; background-color: transparent; }
#lang p { line-height: 1.5em; margin: 0 0 1em 0; color: #FFF; }

a { color:#01aef0;}
a:focus, a:hover, a:active{ text-decoration:underline; color:#01aef0; }
#search_layer {
float:right; 
background-image:url(../images/search_box.png); 
background-repeat:no-repeat; 
width:238px; 
height:47px; 
clear:right; 
padding-top:4px; 
padding-left:10px;
}
.reveal-modal .prev-reveal-modal { 
    position: absolute !important;
    top: 45% !important;
    left: 0px !important;
    }   

.reveal-modal .next-reveal-modal { 
    position: absolute !important;
    top: 45% !important;
	right: 35px !important;

    /*left: 821px !important;*/
    }
/* START
flip boxes responsive */
#f1_container {
 position: relative;
            margin: 10px;
            width: 256px;
            height: 256px;
            z-index: 1;
            float: left;
            perspective: 1000;
			}
/*#f1_container {
  perspective: 1000;
}*/
#f1_card {
  width: 100%;
  height: 100%;
-webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -ms-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear;
			}
#f1_container:hover #f1_card {
-webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
            box-shadow: -5px 5px 5px #aaa;
			}
.face {
            background-size: cover;
            background-repeat: no-repeat;
        }

        .face {
            position: relative;

            width: 100%;
            height: 0;
            padding-top: 100%;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
        }
 .face.back {
            position: absolute;
            top: 0;
            display: block;
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
            box-sizing: border-box;
            height: 100%;
            color: #000000;
            text-align: center;
            background-color: #e7e8ea;
            /*border: solid 1px #dedede;*/
        }
.face.back span {
            margin-top: -100%;
            padding: 12px;
            display: block;
        }
				.face.back a { color: #000000; }
.face.back a:focus, .face.back a:hover, .face.back a:active { color: #000000; text-decoration:underline; }

/* END
flip boxes responsive */
/* START
flip boxes for ie */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
    /*FOR IE*/
	transform-style: preserve-3d;
    /*FOR IE*/
}
/*  UPDATED! flip the pane when hovered */
    /*FOR IE*/
	.flip-container:hover .flipperback {
		transform: rotateY(0deg);
	}
	.flip-container:hover .flipperfront {
	    transform: rotateY(180deg);
	}
    /*FOR IE*/
		/* flip the pane when hovered NOT NEEDE ON IE?
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}*/

.flip-container, .flipperfront, .flipperback {
	width: 256px;
	height: 256px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.flipperfront, .flipperback {
	backface-visibility: hidden;
    /*FOR IE*/
	transition: 0.6s;
	transform-style: preserve-3d;
    /*FOR IE*/
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.flipperfront {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.flipperback {
	    /*FOR IE*/
transform: rotateY(-180deg);
    /*FOR IE
	old transform: rotateY(180deg);
*/
			padding:10px;
            color: #000000;
            text-align: center;
            background-color: #e7e8ea;
}
.flipperback a { color: #000000; }
.flipperback a:focus, .flipperback a:hover, .flipperback a:active { color: #000000; text-decoration:underline; }

/* END
flip boxes ie */


#menu_bgr {
background-image:url(../images/menu_box.png);
height:65px;
background-repeat:no-repeat;
padding-left:15px;
/*min-width:1150px;*/
}
.home_image {
background-image:url(../images/picture.png);
height:636px;
background-repeat:no-repeat;
}
.latest_video {
background-color:#ffffff;
padding:15px;
/*width:310px;*/
}
.image_border img {
/*border:8px #bfbfbf solid;*/
/*width:220px;*/
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;
}
.home_gallery img {
/*border:5px #01aef0 solid;*/
}

.sing_category {
background-image:url(../images/sing.png);
background-repeat:no-repeat;
height:75px;
margin:70px 40px 0px 40px;
width:237px;
float:left;
}
.dance_category {
background-image:url(../images/dance.png);
background-repeat:no-repeat;
height:70px;
margin:70px 40px 0px 40px;
width:227px;
float:left;
}
.music_instrument_category {
background-image:url(../images/music_instrument.png);
background-repeat:no-repeat;
height:72px;
margin:10px 40px 0px 40px;
width:237px;
float:left;
}
.special_telent_category {
background-image:url(../images/special_talent.png);
background-repeat:no-repeat;
height:71px;
margin:10px 40px 0px 40px;
width:227px;
float:left;
}

.nav-bar {
background:none;
margin-top:0px;
font-family: 'Cabin Sketch', cursive;
font-size:20px;
float:right;
}
.nav-bar > li:last-child {
border-right:none;
}
.nav-bar > li {
border:none;
line-height:35px;
box-shadow:none;
font-weight:bold;
height:50px;
margin-top:0px;
/*margin-right:5px;*/
}
.nav-bar > li > a {
color:#01aef0;
cursor:pointer;
/*text-transform:uppercase;*/
font-size:18px;
}
.nav-bar>li > a:hover{
color:#fcd509;
height:50px;
border:none;
background-color:none;
}
.nav-bar>li > a.active{
color:#fcd509;
height:50px;
border:none;
background-color:none;
}
.nav-bar>li:hover a{ background-color:transparent;}
.nav-bar>li:hover{
background-color:transparent;}
.nav-bar > li > a:first-child {
/*padding:0 10px;*/
/*margin-right:5px;*/
text-align:center;
height:50px;
font-size:22px;
padding:11px 10px 0px 10px;
text-transform:uppercase;
}
.nav-bar>li:last-child{border-right:none;box-shadow:none;}
.nav-bar li.has-dropdown{position:relative}
.nav-bar li.has-dropdown:hover>.dropdown,.nav-bar li.has-dropdown:focus>.dropdown{display:block;visibility:visible; }
.nav-bar li.has-dropdown a{/*padding-right:33.75px*/}
.nav-bar li.has-dropdown a:after{content:"";display:block;width:0;height:0;margin-right:15px;margin-top:-2.5px;position:absolute;right:0;top:50%; background-color:transparent; background-image:none;}


.nav-bar li.has-dropdown .dropdown{background:#01aef0;left:0; margin-left:0px;padding:0px;position:absolute;visibility:hidden;z-index:99; min-width:150px; z-index:1000; color:#ffffff; /*border-radius: 0px 5px 5px 5px;*/}
.nav-bar li.has-dropdown .dropdown li{line-height:1;min-width:100%;padding-bottom:5px; color:#ffffff; /*background:url(../images/menu_icon.png) left no-repeat; padding-left:25px;*/ border-bottom:1px #ffffff solid; background-color:transparent; background-image:none;}
.nav-bar li.has-dropdown .dropdown li a{color:#fff;font-weight:normal;height:100%;line-height:22px;padding:10px 17px 5px 15px;white-space:nowrap; font-size:16px; background-color:transparent; background-image:none;}
.nav-bar li.has-dropdown .dropdown li a:after{border:none}
.nav-bar li.has-dropdown .dropdown li a:hover,.nav-bar li.has-dropdown .dropdown li a:focus{background:transparent; color:#fcd509;}

.nav-bar>li.has-dropdown:hover a{color:#fcd509;
background-color:none;
height:41px;
border:none;
}


.nav-bar li.has-dropdown .dropdown li label{color:#6f6f6f;font-size:10px;font-weight:bold;margin:0;padding-left:15px;text-transform:uppercase}
.nav-bar li.has-dropdown .dropdown li.divider{border:none; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;height:10px;padding:0;width:100%}
.nav-bar li.has-dropdown .dropdown li:last-child{padding-bottom:10px}
.nav-bar li.has-dropdown .dropdown li.active a{background:#f1a246; color:#ffffff;}
.nav-bar li.has-dropdown .dropdown li.has-dropdown>a{padding-right:30px}
.nav-bar li.has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";right:5px;top:6px}
.nav-bar li.has-dropdown .dropdown li.has-dropdown .dropdown{position:absolute;left:100%;top:0}
.nav-bar li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown,.nav-bar li.has-dropdown .dropdown li.has-dropdown:focus>.dropdown{display:block}
.nav-bar ul.left{float:left;width:auto;margin-bottom:0}
.nav-bar ul.right{float:right;width:auto;margin-bottom:0}
.nav-bar ul.right .has-dropdown .dropdown{left:auto;right:-1px}
.nav-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown{right:100%;left:auto;width:100%}
.nav-bar .js-generated{display:none}
@-moz-document url-prefix(){.nav-bar ul li .button.small{padding-bottom:6px}
.nav-bar ul li.search form input[type=search]{font-size:14px;height:22px;padding:3px}}
.lt-ie9 .nav-bar ul li a{color:#fff;display:block;font-weight:bold;font-size:13px;height:45px;line-height:45px;padding:0 15px}
.lt-ie9 .nav-bar ul li a.button{height:auto;line-height:30px;margin-top:7px}
.lt-ie9 .nav-bar ul li a:hover,.lt-ie9 .nav-bar ul li a:focus{color:#ccc}
.lt-ie9 .nav-bar ul li a img{margin-top:-5px;vertical-align:middle}
.lt-ie9 .nav-bar ul li a.active{background:#151515;color:#d9d9d9}
.lt-ie9 .nav-bar ul li.has-dropdown{padding-right:33.75px}
.lt-ie9 .nav-bar ul li.has-dropdown>ul li{padding-right:0}
ul.flyout li a,.nav-bar li ul li a{background:#f1a246;border:none;color:#ffffff;display:block;font-size:14px;height:auto;line-height:1;padding:15px 20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:none;}
ul.flyout li a:hover,ul.flyout li a:focus,.nav-bar li ul li a:hover,.nav-bar li ul li a:focus{background:#000000;color:#ffffff}
ul.flyout li.active,.nav-bar li ul li.active{margin-top:0;border-top:none;}
ul.flyout li.active a,.nav-bar li ul li.active a{background:#000000;border:none;color:#fff;height:auto;margin:0;position:static;top:0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}
ul.flyout li,.nav-bar li ul li{border:none;}

#menu_bgr {
color:#ffffff;
background-image:url(../images/menu.png);
background-repeat:repeat-x;
height:50px;
margin-top:-40px;
}
#header_bgr a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; }
#header_bgr a:focus, #header_bgr a:hover, #header_bgr a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }
#upload-file-container {
   background:url(../images/new/upload-icon.jpg) no-repeat;
   height:108px;
   width:155px;
   cursor:pointer;
   margin:10px auto;
}

#upload-file-container input {
   filter: alpha(opacity=0);
   opacity: 0;
   height:108px;
   width:155px;
   cursor:pointer;
}
#footer_bgr {
color:#b3b4b4;
background-color:#363636;
min-height:150px;
font-size:11px;
/*min-width:1150px;*/
}
#footer_bgr p {
font-size:11px;
color:#b3b4b4;
}
#footer_bgr a { color: #b3b4b4; /*font-weight: normal;*/ background:transparent; text-decoration:none; font-size:11px; }
#footer_bgr a:focus, #footer_bgr a:hover, #footer_bgr a:active { color: #b3b4b4; text-decoration:underline; background-color: transparent; }
#footer_bgr label { color:#ffffff; }
input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline;
    word-break:break-all;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin:0 0 10px 0;
}
.footer_menu {
color:#ffffff;
margin-top:15px;
margin-bottom:15px;
}
.footer_menu a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; font-size:13px; }
.footer_menu a:focus, .footer_menu a:hover, .footer_menu a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }

.footer_white_frame {
background-color:#ffffff; 
margin:30px 0px 20px 0px; 
padding-top:15px; 
padding-bottom:15px;
}
.footer_white_frame a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; font-size:12px; }
.footer_white_frame a:focus, .footer_white_frame a:hover, .footer_white_frame a:active { color: #000000; text-decoration:underline; background-color: transparent; }

.red_boxes {background-color:#01aef0; padding:10px; margin-right:20px;  text-align:center; float:left; color:#ffffff; font-weight:12px;}
#top_yellow_bgr {
color:#000000;
background-color:#fcd509;
/*min-width:1150px;*/
min-height:30px;
z-index:1000;
position:relative;
}
#top_yellow_bgr a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
#top_yellow_bgr a:focus, #top_yellow_bgr a:hover, #top_yellow_bgr a:active { color: #000000; text-decoration:underline; background-color: transparent; }
#top_yellow_bgr label { color:#000000; }

#teaser_yellow_bgr {
color:#000000;
background-color:#fcd509;
min-height:150px;
/*min-width:1150px;*/
padding-top:20px;
padding-bottom:20px;
}
#teaser_yellow_bgr a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
#teaser_yellow_bgr a:focus, #teaser_yellow_bgr a:hover, #teaser_yellow_bgr a:active { color: #000000; text-decoration:underline; background-color: transparent; }
#teaser_yellow_bgr label { color:#000000; }

#footer_crown {
background-image:url(../images/korwna.png);
background-repeat:no-repeat;
height:46px;
background-position:right;
margin-right:20px;
margin-top:-46px;
}
#footer_tellafriend_title {
background-image:url(../images/aytaki.png);
background-repeat:no-repeat;
height:81px;
background-position:right;
color:#ffffff;
text-align:right;
padding:20px 20px 0px 0px;
}
#footer_tellafriend_box {
background-color:#ffffff;
color:#000000;
padding:10px;
margin-top:-40px;
font-size:15px;
}

.h2_title {
color:#ffffff;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.image_borders {
border:5px #ffffff solid;
}
/* -------------------- Indicators -------------------- */

.warning { display: block; padding: 5px 5px 5px 5px; /*border: 1px solid;*/ margin-bottom: 10px; background-repeat: no-repeat; background-position: 20px 20px; /*background-color: #1E478E;*/ color:#FF0000; font-weight:bold;}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */
/*cal*/
td.date_has_event {
	/*background-position: 162px 0px;*/
	color: #ffffff;
	background-color: #b12240;
}
td.date_has_event:hover {
	/*background-position: 162px -81px;*/
	color: #ffffff;
	background-color: #b12240;

}
td.date_has_event a {
	/*background-position: 162px 0px;*/
	color: #ffffff;
}

td#today {
	/*background-position: 81px 0px;*/
	/*color: #ffffff;
	background-color: #0c5e7e;*/
}
td#today:hover {
	/*background-position: 81px -81px;*/
	color: #ffffff;
	background-color: #0c5e7e;

}
.events {
	position: relative;
}
.events ul {
	list-style:none;
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #d3d3d3;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 187px;
	min-height:80px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
#main_body .events li {
	padding-bottom: 5px;
	/*list-style:none;*/
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	color: #555;
	list-style:none;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}

th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}

table {
   /*border-bottom: 2px solid #002E62;*/
    border-collapse: collapse;
    /*border-top: 2px solid #002E62;*/
    margin-bottom: 0.5em;
    width: auto;
	font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;
	border:none;
}
table img{
max-width:none;
}
table, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
table thead tr th, table tr td {
	font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;  padding:5px; /*border:3px solid #8bb33f;*/ text-align:left; font-weight:bold;
}
table thead tr td {
	font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;  padding:5px; /*border:3px solid #8bb33f;*/ /*text-align:center*/; font-weight:bold; /*background-color:#8bb33f;*/ color:#000000;
}

table tbody tr td, table tfoot tr td {
	font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3;
}
tbody th {
    border: 1px solid #FFFFFF;
    text-align: left;
}
tbody th {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #333333;
}
table tbody tr td {
/*background-color: #ffffff;*/
/*border:3px solid #8bb33f;*/
}
table tbody tr td { /*padding:20px;*/ }
tr.d0 td {
    background-color: #ffffff; color: black;
}
tr.d1 td {
    background-color: #ffffff;/*background-color: #e1e1e1;*/ color: black;
}
#slider {overflow:hidden; max-height:981px;}
.orbit { position:relative; margin-bottom:0px; }
div.orbit-wrapper div.slider-nav span.right{background:url('../images/velaki-next.png');background-size:100%;right:0; height:52px; right:100px; background-repeat:no-repeat; display:none;}
div.orbit-wrapper div.slider-nav span.left{background:url('../images/velaki-previous.png');background-size:100%;left:0; height:52px; left:100px; background-repeat:no-repeat; display:none;}
div.orbit-wrapper div.slider-nav span {width:30px; margin-top:-50px;}
.orbit .orbit-slide {/*min-width:1150px; */max-height:981px; overflow:hidden;}

/* --------------------  Boxed notifications -------------------- */
.notification { display: block; padding: 5px 5px 5px 45px; border:2px #000 solid; margin-bottom: 20px; background-repeat: no-repeat; background-position: 20px 20px; }
.n-success { background-color: #e4e4e2; color:#000000; }
.n-information { background-color: #e4e4e2; color:#000000; }
.n-attention { background-color: #d3d2d2; border-color: #F4F4F4; background-image: url(../images/notification-exclamation.gif); }
.n-error { background-color: #d3d2d2; border-color: #F4F4F4; background-image: url(../images/notification-slash.gif); }

.pagination {
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:20px;
}
.pagination a, .pagination strong {
	background: #ffffff;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #E3E3E3;
	color: #01aef0;
	font-size: 12px;
	border-radius: 3px 3px 3px 3px;
}
.pagination strong, .pagination a:hover {
	font-weight: normal;
	background: #01aef0;
	border: 1px solid #E3E3E3;
	color: #ffffff;
	padding: 4px 7px;
	border-radius: 3px 3px 3px 3px;
}

.button {
/*background: none repeat scroll 0 0 rgba(1, 174, 240, 0.7);*/
background-color:#dcdbdb;
border: none;
box-shadow: none;
color: #000000;
margin:0px;
padding:10px;
}
.button.radius { 
border-radius: 5px;
}
.button:hover,.button:focus{
color:#000000;
background-color:#cccccc;
}

input[type="radio"] {
/*float:left;*/
}
label {
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:15px; line-height:1.3;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:17px; line-height:1.3; }

/* -----------------------------------------
   Page Name 2
----------------------------------------- */

/* PROGRESS BAR */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 12px;
  background: #fff;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: #0087E1;
  position: fixed;
  top: 0;
  right: 100%;
  width: 100%;
  height: 12px;
  overflow: hidden;

  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  -o-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;

  -webkit-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
  -moz-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
  -o-box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
  box-shadow: inset -1px 0 #00558F, inset 0 -1px #00558F, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
}

.pace .pace-activity {
  position: fixed;
  top: 0;
  left: 0;
  right: -28px;
  bottom: 0;

  -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
  -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
  -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
  background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);

  -webkit-background-size: 28px 100%;
  -moz-background-size: 28px 100%;
  -o-background-size: 28px 100%;
  background-size: 28px 100%;

  -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite;
  -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite;
  -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite;
  -o-animation: pace-theme-mac-osx-motion 500ms linear infinite;
  animation: pace-theme-mac-osx-motion 500ms linear infinite;
}

@-webkit-keyframes pace-theme-mac-osx-motion {
  0% { -webkit-transform: none; transform: none; }
  100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-moz-keyframes pace-theme-mac-osx-motion {
  0% { -moz-transform: none; transform: none; }
  100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-o-keyframes pace-theme-mac-osx-motion {
  0% { -o-transform: none; transform: none; }
  100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-ms-keyframes pace-theme-mac-osx-motion {
  0% { -ms-transform: none; transform: none; }
  100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@keyframes pace-theme-mac-osx-motion {
  0% { transform: none; transform: none; }
  100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
.view_image {
   /*width: 300px;
   height: 200px;
   margin: 10px;*/
   float: left;
   /*border: 5px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
   width:100%;
}

.view_image .mask, .view_image .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view_image img {
   display: block;
   position: relative;
}

.view_image a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top:-50px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}

.view_sub .mask, .view_sub .content {
    /*width: 100%;*/
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 15px;
	right:15px;
	/*margin-left:15px;
	margin-right:15px;*/
}
.view_sub img {
    display: block;
    position: relative
}
.view_sub h2 {
    /*text-transform: uppercase;*/
    color: #000000;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
	border-bottom:1px #000000 solid;
    /*background: rgba(33, 33, 33, 1);*/
    margin: 20px 0 0 0;
	font-weight:bold;
    transform: translateY(-100px);
    opacity: 0;
}
.view_sub p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #000000;
    padding: 10px;
    text-align: center
}
.view_sub a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #212121;
    color: #ffffff;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 1px #000
}
.view_sub a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0.7;
    background-color: rgba(254,251,252, 0.5); 
    transition: all 0.4s ease-in-out;
}
.view-first .mask a {
color:#000000;
text-decoration:none;
}
.view-first h2 {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
color:#ffffff;
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	/*transform: scale(1.0);*/
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}