*{
	padding: 0;
	margin: 0;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	min-height: 100%;
	min-height: calc(100% - 55px);
	overflow-x: hidden;
	padding-top: 55px;
}


h1{
	font-size: 30px;
	padding: 0;
	margin: 0 0 20px 0;
	color: #ff0024;
	font-family: Arial, Helvetica, sans-serif !important;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#main{
	/*position: relative;
	z-index: 2;
	background: #fff;
	min-height: 100%;
	height: 100%;
	display: inline-block;
	width: 100%;
	margin-bottom: -200px; */
	background: #fff;
	display: block;
	position: absolute;
	min-height: 100%;
	width: 100%;
}
/*
#main:after {
  content: "";
  display: block;
  height: 100px;
  background: none;
  clear: both;
}*/
/*
#content:after {
  content: "";
  display: block;
  background: none;
  clear: both;
   height: 0;
}*/

a {
	text-decoration: none;
	color: #000;
}

a, #main_menu ul li .main_menu_icon {
  /*-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
}

.top_nav{
	width: 100%;
	height: 55px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	font-size: 8px;
	z-index: 99;
	-webkit-box-shadow: 0 0 10px 0 #000000;
	box-shadow: 0 0 10px 0 #000000;
}

#dropdown_menu, #menu_language_ico, #menu_facebook_ico {
	width: 55px;
}

#dropdown_menu, #main_logo, #main_menu, #menu_personality_title, #menu_language_ico, #menu_facebook_ico {
	height: 55px;
}

#menu_language_ico {
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/lang_flag.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/lang_flag.svg"), none;
	margin-right: 15px;
	background-position: -55px -55px;
}

#menu_language_ico:hover {
	background-position: -55px 0;
	cursor: pointer;
}

#menu_facebook_ico {
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.svg"), none;
	background-position: -55px 0;
	z-index: 1000;
}
#facebook_ico_link{
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
}

#main_logo {
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.svg"), none;
	background-position: -110px 0;
	width: 140px;
	margin-left: 20px;
}

#menu_personality_title {
	display: none;
	margin-right: 80px;
	line-height: 7;
	font-weight: 700;
}

.menu_left {
	float: left;
}

.menu_right {
	float: right;
}

#dropdown_menu {
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/web_ico.svg"), none;
	background-position: 0 0;
	color: #fff;
	z-index: 100;
	position: relative;
	font-size: 10px;
}

#dropdown_menu span{
	position: relative;
	top: 65px;
	left: 30px;
}

#dropdown_menu ul {
	display: none;
}

#dropdown_menu #dropdown_arrow {
	display: none;
}

#dropdown_menu:hover {
	cursor: pointer;
}

#dropdown_menu:hover > #dropdown_arrow {
	display: block;
}

#dropdown_menu:hover > ul {
/*#dropdown_menu ul {*/
	display: block;
	background: #2c2c2c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2c2c2c 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: -o-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: linear-gradient(to bottom,  #2c2c2c 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#000000',GradientType=0 );
	width: 185px;
	list-style-type: none;
}
#dropdown_menu ul li {
	width: 100%;
	height: 100%;
}


#dropdown_menu ul li a{
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	z-index: 110;
	padding: 8px 15px;
	display: block;
}

#dropdown_menu ul li:hover {
	cursor: pointer;
	background-color: #f7000d;
}

#dropdown_menu ul li:hover a{
	color: #fff;
}

#dropdown_menu #search {
	padding: 0;
	background: #ededed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
}


#dropdown_menu #search_button{
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/search_button_icon.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/search_button_icon.svg"), none;
  	width: 20px;
  	height: 30px;
  	/*display: inline-block;*/
  	float:right;
  	border: 0;
  	margin-right: 5px;
  	margin-top: -5px;
}

#dropdown_menu #search input[type="search"]{
	border: none;
	background: none;
	padding: 13px 0 8px 10px;
	width: 140px;
	height: 15px;
	color: #f7000d;
	font-style: italic;
	top: -5px;
	display: inline-block;
	position:relative;
	outline: 0;
}

#dropdown_menu #search input:focus{
	border: none;
	background: none;
	outline: 0;
}

#dropdown_arrow {
	width: 0;
	height: 0;
	margin-left: 38px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #eaeaea;
	margin-top: 50px;
}

#main_menu {
	display: block;
	width: 670px;
    /*width: 900px;*/ /* Extra icon */
	max-width: 700px;
	min-width: 360px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#main_menu ul {
}

#main_menu ul li {
	list-style-type: none;
	display: inline-block;
	height: 55px;
	color: #282828;
	/*width: 14%;*/
    width: 12%; /* Extra ico */
	min-width: 55px;
	vertical-align:text-top;
	text-align: center;
}

#main_menu ul li .main_menu_icon {
	margin: 0 auto;
	height: 30px;
	width: 35px;
    background: url("http://supss.cz/wp-content/themes/supss_2014/images/main_menu_ico.png?v=17022020");
	background-repeat: no-repeat;
  	/*background: url("http://supss.cz/wp-content/themes/supss_2014/images/main_menu_ico.svg"), none;*/
  	margin-top: 5px;
  	margin-bottom: 3px;
}

#main_menu ul li:hover {
	cursor: pointer;
}

#main_menu ul li:hover .main_menu_icon {

}

#main_menu ul li:hover .main_menu_title {
    color: #f7000d;
}

#main_menu ul li .document_ico {
	background-position: 0 -30px;
}
#main_menu ul li:hover  .document_ico{
	background-position: 0 0;
}

#main_menu ul li .schedule_ico {
	background-position: -35px -30px;
}
#main_menu ul li:hover .schedule_ico {
	background-position: -35px 0;
}

#main_menu ul li .food_ico {
	background-position: -70px -30px;
}
#main_menu ul li:hover .food_ico {
	background-position: -70px 0;
}

#main_menu ul li .plan_ico {
	background-position: -105px -30px;
}
#main_menu ul li:hover .plan_ico {
	background-position: -105px 0;
}

#main_menu ul li .bacalar_ico {
	background-position: -140px -30px;
}
#main_menu ul li:hover .bacalar_ico {
	background-position: -140px 0;
}

#main_menu ul li .candidate_ico {
	background-position: -175px -30px;
}
#main_menu ul li:hover .candidate_ico {
	background-position: -175px 0;
}

#main_menu ul li .tour_ico {
	background-position: -210px -30px;
}
#main_menu ul li:hover .tour_ico {
	background-position: -210px 0;
}

#main_menu ul li .extra_ico {
	background-position: -245px -30px;
}
#main_menu ul li:hover .extra_ico {
	background-position: -245px 0;
}

@media (max-width: 1060px) {
    #main_menu {
        width: 40%;
    }
    #main_menu .menu_hide{
        display: none;
    }
    .menu_extra_hide{
        display: none;
    } 
    
    .menu_extra_hide{
        /*display: none !important;
        height: 0;*/
    } 
    .menu_extra_hide *{
        /*display: none !important;*/
    }
    
    #main_menu ul li {
        width: 14%;
    }
}


#main_banner {
	width: 100%;
	position: relative;
	background: #d6d6d6;
	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	z-index: 1;
  	background-position: center center !important;
}
#main_banner, #banner_fields, #banner_personality, .vert .simply-scroll-clip, .vert{
	/*height: 456px;*/
	/*height: 350px;*/
	height: 240px;
}

#banner_thumb, #banner_fields, #banner_personality {
	float: left;
}

#banner_thumb{
	width: 20%;
	height: 246px;
}

#banner_thumb div {
	float: left;
	margin-top: 35px;
	margin-left: 35px;
	width: 100%;
	height: 100%;
	color: #fff;
}

#banner_fields{
    top: 0;
	height: 100%;
	position: absolute;
	font-size: 16px;
	left: 50%;
	width: 580px;
	margin-left: -290px;
}

#banner_fields ul{
	list-style-type: none;
	height: 100%;
	display: block;
	width: 580px;
}

#banner_fields ul li{
	position: relative;
	/*top: 180px;*/
	top: 125px;
	display: inline-block;
	width: 11%;
	min-width: 105px;
	margin: 0 3%;
}

#banner_fields ul li div{
	background: #fff;
	border-radius: 50%;
	color: #000;
	margin-top: -50%;
	width: 105px;
	height: 105px;
}
#banner_fields ul li div p{
	width: 100%;
	height: 100%;
	/*display: flex;*/
	text-align: center;
	/*justify-content: center;
    align-items: center;*/
   padding-top: 38px;
   font-weight: 700;
}

#banner_fields ul li:hover div, #banner_fields ul li .selected{
	background: #eb0022;
	cursor: pointer;
}

#banner_fields ul li:hover div p, #banner_fields ul li .selected p{
	color: #fff;
}

#banner_personality{
	width: 20%;
	float: right;
	min-width: 280px;
}
.person_slider{
	width: 100%;
	height: 120px;
}

.person_slider img{
	float: left;
	margin-right: 20px;
	margin-left: 0;
}

.person_slider:nth-child(2n+1) img{
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.person_slider .person_description{
	color: #fff;
	text-shadow: 0 0 5px #0D0D0D;
	padding-top: 35px;
}
.person_slider .person_name{
	font-size: 18px;
	/*white-space: pre;*/
}

.person_slider .person_field{
	font-size: 14px;
}

.person_slider:nth-child(2n+1) .person_description{
	text-align: right;
}


@media (max-width: 80em) {
	#menu_personality_title{
		display: none;
	}
	#banner_personality{
		display: none;
	}
}

@media (max-width: 70em) {
	#banner_thumb{
		display: none;
	}
}

@media (min-width: 60em) {
	.big_hide{
		display: none;
	}
}

@media (max-width: 60em) {
	.middle_hide{
		display: none;
	}
	.big_hide{
		display: block;
	}
	#dropdown_menu:hover > ul {
		display: none;
	}
	#dropdown_menu:hover > #dropdown_arrow {
		display: none;
	}
}

@media (max-width: 50em) {
	#main_menu {
		display: block;
		position: fixed;
		max-width: 1000px;
		overflow: hidden;
		margin: 55px auto 0 auto;
		background: #fff;
		z-index: 1;
		width: 100%;
	}
	body{
		padding-top: 110px;
	}

	.top_nav{
		height: 110px;
	}

	#main_menu ul{
		display: block;
		margin: 0 auto;
		line-height: 0;
		min-width: 300px;
		width: 60%;
		padding: 0;
	}

	#main_menu ul li {
		min-width: 10%;
		max-width: 16%;
	}

	.mobile_hide{
		display: none;
	}

	#main_banner, #banner_fields, #banner_personality, .vert .simply-scroll-clip, .vert{
		height: 240px;
	}

	#banner_fields{
		width: 300px;
		height: 100%;
		margin-left: -148px;
	}

	#banner_fields ul{
		list-style-type: none;
		height: 100%;
		margin: 0;
		left: 0;
		width: 300px;
		min-width: 0;
	}

	#banner_fields ul li{
		top: 0px;
		margin: 62px 20px 0 20px;
	}

	#main_menu ul li .main_menu_icon {
	  	margin-bottom: 5px;
	}

	#menu_language_ico {
		width: 45px;
		margin-right: 0px;
		background-position: -65px -55px;
	}

	#menu_language_ico:hover {
		width: 45px;
		margin-right: 0px;
		background-position: -65px -0px;
	}
	/*
	#main_banner {
	  	margin-top: 55px;
	}*/
}

@media (max-width: 500px) and (min-width : 420px) {
	.top_nav{
		height: 55px;
	}
	#main_menu {
		display: block;
		position: fixed;
		max-width: 1000px;
		overflow: hidden;
		margin: 0 auto 0 auto;
		background: none;
		z-index: 1;
		width: 100%;
	}

	body{
		padding-top: 55px;
	}

	#main_logo, #menu_language_ico{
		display: none;
	}
	/*s
	#main_banner {
	  	margin-top: 55px;
	}*/
}

@media (max-width: 350px) {
    #main_menu ul{
		margin: 0 0 0 5px;
        /*margin: 0;*/
	}
    #main_menu ul li{
		margin: 0 0 0 6px;
	}
}

#mobile_menu {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	/*background-color: #f7000d;*/
	/*width: 75%;*/
	width: 260px;
	height: 100%;
	/*-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;*/
	background: #2c2c2c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2c2c2c 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: -o-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #2c2c2c 0%,#000000 100%);
	background: linear-gradient(to bottom,  #2c2c2c 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#000000',GradientType=0 );
}

#mobile_menu ul {
	margin-top: 10px;
}

#mobile_menu ul li {
	padding: 10px 0px 10px 10px;
}

#mobile_menu ul li a{
	color: #fff;
	text-decoration: none;
}
#mobile_menu ul li a:hover{
	color: #f7000d;
	text-decoration: none;
}

@media (min-width: 64.063em) {

}

@media (max-width: 64.063em) {

}

#content{
	/*font-size: 12px;
	position: relative;
	display: inline-block;*/
	width: 100%;
	display: block;
	margin-bottom: 240px;

}

#post_page, #search_page{
	display: block;
    height: 100%;
	width: 100%;
}

/* search */
.search_item {
	width: 100%;
	min-height: 250px;
	/*background: #d6d6d6;*/
	margin: 30px 0;
	min-width: 320px;
	overflow: hidden;
}
#search_result_title{
	font-size: 20px;
	font-weight: 700;
	margin-left: 5%;
	margin-top: 50px;
}

#search_result_title span{
	color: #f7000d;
}

.search_detail{
	margin: 0 25px;
}

.search_detail a{
	color: #f7000d;
}

.search_item .search_image{
	margin-left: 5%;
	width: 45%;
	max-width: 250px;
	height: 250px;
	background: url("http://supss.cz/wp-content/themes/supss_2014/temp/supss_news_small.png");
	float: left;
	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	background-position: center center !important;
  	margin-right: 25px;
}

/* HOME */
.item {
	width: 33%;
	min-height: 250px;
	/*background: #d6d6d6;*/
	margin-top: 30px;
    /*padding-bottom: 30px;*/
	min-width: 320px;
	overflow: hidden;
}

.person_item {
	/*width: 25%;*/
	min-height: 250px;
	width: 400px;
	/*background: #d6d6d6;*/
	margin-top: 50px;
	min-width: 320px;
	overflow: hidden;
	float: left;
	display: block;
}

.person_item .person_image{
	margin-right: 20px;
	width: 102px;
	height: 102px;
	float: left;
}

.person_desc_more, .person_desc_less, .home_desc_more, .home_desc_less{
	color: #eb0022;
	font-weight: 700;
	cursor: pointer;
}
.home_desc_more, .home_desc_less{
	float: right;
    padding-top: 5px;
}

.descrip_long{
	position:absolute;
	background: #fff;
	z-index: 10;
	width: 215px;
	padding-bottom: 20px;
}
.home_desc_less{
    width: 100%;
    text-align: right;
    padding: 5px 0 15px 0;
    border-bottom: 1px solid #000;
}


.news_detail .descrip_long{
	position:absolute;
	background: #fff;
	z-index: 10;
	width: auto;
	/*-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.75);*/
}

.news_detail .descrip_short{
	padding: 5px 5px 0px 0px;
	margin-top: 5px;
}

.news_detail .descrip_long{
	padding: 5px 5px 10px 0px;
	margin-top: 5px;
}

.descrip_short{
	/*position:absolute;*/
	width: auto;
	float: left;
}

@media (max-width: 450px){
	.person_item {
		width: 320px;
	}
}

.eh2{
	min-height: 530px;
}

.gutter-sizer {
	width: 2%;
}

@media (max-width: 950px) {
	.item{
		width: 50%;
	}
}
@media (max-width: 625px) {
	.item{
		width: 100%;
	}
	.item .news_image_big, .item .news_image{
		margin-left: 0 !important;
	}
}

.item .news_image{
	margin-left: 5%;
	width: 45%;
	height: 250px;
	background: url("http://supss.cz/wp-content/themes/supss_2014/temp/supss_news_small.png");
	float: left;
	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	background-position: center center !important;
}





.item .news_image_big{
	margin-left: 5%;
	width: 45%;
	height: 530px;
	background: url("http://supss.cz/wp-content/themes/supss_2014/temp/supss_news_big.png");
	float: left;
	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	background-position: center center !important;
}

.item .news_detail{
	margin-left: 3%;
	width: 47%;
	float: left;
	padding: 5px 0;
	/*height: 240px;*/
}

.person_item .person_detail{
	/*margin-left: 3%;
	width: 47%;*/
	width: 215px;
	float: left;
	padding: 5px 0;
}

.item .news_detail p{
	margin-top: 10px;
}

.item .news_detail a{
	color: #f7000d;
}

.item .news_detail .attach{
	float: left;
	width: 100%;
}


.person_item .person_detail a{
	color: #f7000d;
}

.post_file{
	width: 100%;
	padding: 5px 0;
	color: #000;
	margin-top: 10px;
}
.attachment_ico{
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/attachment_ico.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/attachment_ico.svg"), none;
  	width: 10px;
  	height: 13px;
  	position: relative;
  	cursor: pointer;
  	display: inline-block;
  	margin-right: 5%;
}

#pagination{
	/*position: absolute;*/
	margin-top: 35px;
	float: left;
	display: inline-block;
	/*bottom: -45px;*/
	width: 100%;
}

#pagination ul{
	list-style-type: none;
	width: 320px;
	text-align: center;
	margin: 0 auto;
}

#pagination ul li{
	display: inline-block;
}

#pagination ul li, #pagination ul li a, #pagination ul li .current{
	width: 23px;
	height: 23px;
	line-height: 23px;
}

#pagination ul li a, #pagination ul li .current{
	display: block;
}


#pagination ul li .current{
	background: #ff0024;
	border-radius: 50%;

	color: #fff;
}

/* CONTENT */
.row{
	display:table;
	width: 100%;
	/*min-height: 500px;*/
}
.columns{
	display: table-cell;
	min-height: 500px;
}
.text_content{
	padding: 25px 50px !important;
	line-height: 1.4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
/*
.text_content_top{
	padding: 25px 50px !important;
	line-height: 1.4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}*/
.col_right{
	float: right;
}
.col_left{
	float: left;
}

.video_content{

}

.image_content{
    -webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	background-position: center center !important;
  }

.text_content a{
	font-weight: 700;
	color: #ff0024;
}

.text_content p{
	margin: 5px 0 10px 0;
}

.text_content ol, .text_content ul, .news_detail ol, .news_detail ul{
	margin: 20px;
}

.text_content li, .news_detail li{
	padding: 0px 0 0px 10px;
}

.large{
	width: 100%;
}

.medium{
	width: 65%;
}

.small{
	width: 35%;
}

.half{
	width: 50%;
}

.third, .three_columns .third{
	width: 33%;
}

.highlight{
	background: #eb0022;
	color: #fff;
}
.highlight a{
	color: #fff;
	font-weight: 700;
}


/* OBOR advanced */

#description_col, #short_col, #gallery_col{
	list-style-type: none;
	margin-left: 0;
}
#description_col li, #short_col li, #gallery_col li{
	padding: 0;
}
#short_col li{
	width: 270px;
	margin: 0 auto;
	line-height: 1.8;
	font-size: 15px;
}
.spec_button {
	font-weight: 700;
}

.spec_button .active{
	color: #ff0000;
}

.spec_back{
	font-size: 18px;
	margin-bottom: 30px;
	cursor: pointer;
	position: relative;
	top: -5px;
}

.spec_back_arrow{
	background: url("http://supss.cz/wp-content/themes/supss_2014/images/back_button_icon.png");
	background-repeat: no-repeat;
  	background: url("http://supss.cz/wp-content/themes/supss_2014/images/back_button_icon.svg"), none;
  	width: 13px;
  	height: 18px;
  	display: inline-block;
  	position: relative;
  	top: 5px;
  	margin-right: 10px;
}

#spec_menu .emp_list_wraper{
	cursor: pointer;
}

#description_col .emp_list_wraper, #description_col .small_title{
	margin-left: 50px;
}


@media (max-width: 800px) {
	.large, .medium, .small, .half, .third{
		width: 100%;
	}
	.columns{
		display: block;
	}
	.text_content{
		padding: 25px 5px;
	}
	#description_col .emp_list_wraper, #description_col .small_title{
		margin-left: 5px;
	}
}

@media (max-width: 1150px) {
	.three_columns .third{
		width: 100%;
	}
	.three_columns .columns{
		display: block;
	}
}


.emp_list_wraper{
	clear: both;
	padding-top: 25px;
	height: 102px;
	line-height: 102px;
}
.emp_list_wraper a{
	font-weight: 200;
}

.emp_list_wraper span{
	max-height: 102px;
	margin-left: 120px;
	padding-top: 3px;
	/*width: 90%;*/
	display: inline-block;
	vertical-align: middle;
	line-height: 14px;
}
.emp_list_wraper img{
	position: absolute;
}

@media (max-width: 800px) {
	#spec_menu .emp_list_wraper{
		float: left;
		line-height: 14px;
		clear: none;
		width: 33%;
		padding-top: 35px;
	}
	#spec_menu .emp_list_wraper img{
		margin: 0 auto;
		display: block;
		position: relative;
		float: none;
		width: 102px;
	}
	#spec_menu .emp_list_wraper span{
		text-align: center;
		clear: both;
		font-size: 8px;
		vertical-align: bottom;
		margin-left: 0px;
	}
	#spec_menu{
		min-height: 400px;
	}
}
.small_title{
	width: 100%;
	display: block;
	padding: 10px 0 0 0;
	clear: both;
}


/*Class*/
#class_info{
	width: 95%;
    /*height: 105px;*/
	min-height: 105px;
	padding: 40px 2.5% 40px 2.5%;
	overflow: hidden;
}

.class_members{
	display: block;
	float:left;
	padding-left: 20px;
	height: 95px;
	line-height: 19px;
}

#class_teacher{
	float: right;
	height: 95px;
	width: 320px;
}

#class_teacher img{
	float:left;
	margin-right: 20px;
}

#class_teacher_info{
	float: left;
	padding-top: 20px;
}

/* CONTENT END */

#content{
    margin-bottom: 300px;
}

footer{
	height: 300px;
	width: 100%;
	background: #171717;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #171717 0%, #080808 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#080808));
	background: -webkit-linear-gradient(top,  #171717 0%,#080808 100%);
	background: -o-linear-gradient(top,  #171717 0%,#080808 100%);
	background: -ms-linear-gradient(top,  #171717 0%,#080808 100%);
	background: linear-gradient(to bottom,  #171717 0%,#080808 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#080808',GradientType=0 );
	color: #fff;
	/*float: left;*/
	/*margin-top: 30px;*/
	/*display: inline-block;
	position: relative;*/
	position: absolute;
	display: block;
	bottom: 0;
}

footer #footer_logo{
	position: absolute;
	left: 5%;
	line-height: 1.8;
	text-align: left;
	margin-top: 75px;
}

footer #footer_menu{
	margin: 0 auto;
	width: 40%;
	min-width: 600px;
	-moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
    padding-top: 40px;
}
footer #footer_credits{
	position: absolute;
	right: 5%;
	line-height: 1.8;
	text-align: right;
	margin-top: 75px;
}

@media (max-width: 79em) {
	#footer_menu{
		display: none;
	}
}

@media (max-width: 550px) {
	#footer_logo{
		display: none;
	}
    
    footer{
	    height: 200px;
    }
    #content{
        margin-bottom: 240px;
    }
}

footer #footer_menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

footer #footer_menu ul li{
	padding: 5px 0;
}

footer #footer_menu a {
	color: #fff;
}

footer #footer_menu a:hover {
	color: #ff0024;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Container DIV */
.vert {
	width: 100%; /* wider than clip for custom button pos. */
	margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 100%;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 80%;
	min-width: 250px;
	/*height: 100%;*/
}



/* Gallery */
.gallery {
   margin: auto;
   margin-top: 20px;
  /* margin-left: 20px;*/
}
.gallery:after{
	display: block;
	content: " ";
	clear: both;
}

.gallery br{
	display: none;
}

.gallery-item {
   float: left;
   text-align: center;
   width: 280px;
  /* margin-left: 20px;*/
   margin-bottom: 10px;
}
.gallery img {
  /* border: 2px solid #b1b1b1;*/
}
.gallery img:hover {
   /*border: 2px solid #fff;*/
}
.gallery-caption {
   margin-left: 0;
}
.gallery-caption{
	display: none;
}
.image_title{
	background: rgba(255,0,36, 0.8);
	color: #fff;
	position: absolute;
	width: 260px;
	height: 32px;
	padding: 18px 10px 0 10px;
	margin-top: 230px;
	text-align: left;
	font-size: 14px;
}

/*MANSORY*/

.columns .gutter-sizer {
	width: 1.3%;
}