@CHARSET "UTF-8";
body {
	font-family: Arial;
    margin: 0px auto;
    background-image: url("../images/top_gr.jpg");
    background-repeat: repeat-x;
    background-color: #e3e3e3;

}
.max_height{
	max-height: 200px;
}
#svu_logo {
	position:absolute;
	top:0px;
	left:0px;
}
#svu_logo_right {
	position:absolute;
	top:0px;
	right:0px;
}

#svu_millogo {
	position:absolute;
	top:0px;
	text-align:center;
	width:1059px;
}

#svu_sitename {
	position:absolute;
	top:49px;
	left:200px;
	z-index:10;
}

#es {
	float: left;
}
#es_top_text {
	float: left;
	width: 767px;
	height: 261px;
}
#header {
    width: 1059px;
/*    float: left;
*/
	position:relative;
/*	width: 100%; */
	height: 175px;
/*    background-image: url("../images/new_bg.jpg");*/
	background-repeat: no-repeat;
	margin: 0px auto;
}
#header_right {
    width: 1059px;
    float: left;
    height: 261px;
    background-image: url("../images/right.jpg");
    background-repeat: no-repeat;
    background-position: right;
}
#header_right_new {
    width: 1059px;
/*    float: left;*/
    height: 175px;
    background-image: url("../images/right_image.jpg");
    background-repeat: no-repeat;
    background-position: right;
    margin: 0px auto;
}
#header_left_new {
    width: 1059px;
    float: left;
    height: 175px;
    background-image: url("../images/logo.jpg");
    background-repeat: no-repeat;
    background-position: left;
}
#mo_logo {
    width: 1059px;
    float: left;
    text-align: center;
}
#slogan1 {
	float: left;
	border: 1px solid green;
}

#big_content {
    width: 1163px;
    margin: 0px auto;
    overflow: hidden;
}
#menu {
    background-image: url(../images/menu_bg.jpg);
    background-repeat: repeat-x;
    text-align: center;
    padding: 9px 0px;
}

#menu > div > ul{
	list-style: none;
}

#content 
{
	width: 1059px;
	margin: 0px auto;
    overflow: hidden;
}
.mainlevel-nav {
	color: white;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
}
#top_line {
	float: left;
	width: 1059px;
	height: 27px;
}
#before_search {
	float: left;
	width: 327px;
	height: 27px;
}
.search {
	
	margin-top: 2px;
	width: 129px;
	height: 20px;
	background-image: url("../images/search_bg.png");
	background-position: right;
	background-repeat: no-repeat;
}
#es_search_left 
{

	width: 104px;
	height: 20px;
}
#search_input 
{
	float: left;
	width: 104px;
	height: 18px;
	border: 0px;
	background-color: transparent;
}
#search_button {
    	position: absolute;
margin-left: 104px;

	border: 0px solid green;
	width: 25px;
	height: 20px;
}
#top_links {
	float: left;
	padding-top: 8px;
}
#top_links a{
	color: #e2e2e2;
	padding-left: 15px;
	padding-right: 15px;
}

#top_spacer {
	float: left;
	width: 70px;
	height: 20px;
}
#printer {
	float: left;
	padding-top: 8px;
}
#lang_list {
	float: left;
	padding-left: 48px;
	padding-top: 8px;
}
#before_title {
	float: left;
	width: 256px;
	height: 262px;
}
#title_div {
	float: left;
	color: #555555;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
#slogan {
	float: left;
	color: #d21010;
	font-style: italic;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	text-align: right;
}
#before_h {
	float: left;
	width: 200px;
	height: 113px;
}

table.center_content
{
	width: 100%;
	height: 100%;
	border:0px;
	border-collapse:collapse;
	table-layout: fixed;
}

table.center_content > tbody > tr > td
{
	padding: 0px;
}

table.center_content td.left_column {
	width: 229px;
	vertical-align: top;
}
table.center_content td.center_body {
	width: 549px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 7px;
	vertical-align: top;
}
table.center_content td.center_body_big {
	width: 770px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 7px;
	vertical-align: top;
}
table.center_content td.center_body_dnevnik {
	width: 1060px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7px;
	vertical-align: top;
}
table.center_content td.right_column {
	width: 221px;
	padding-top: 7px;
	vertical-align: top;
}
/* left menu start */

/* newsblock start */
#news_right_b {
	background-color: #f3682f;
	width: 10px;
}
#news_right_b a {
	font-weight: bold;
}

.nb_link  {
	color: #f3682f;
	font-weight: bold;
}
.nb_date  {
    font-style: italic;
    padding: 4px !important;
    text-align: right;
    float:right;
}
.nb_item_bottom {
	text-align: right;
	padding: 5px;
}
.nb_item_bottom a {
	color: #4b4b4b;
}

.nb_item {
	background-color: #818181;
	width: 100%;
	color: #989898;
	padding: 0px;
	margin-bottom: 3px;
    border-right: 7px solid #f3682f;
}
/* newsblock end */

#footer {
/*	padding-top: 20px;
	float: left;*/
	width: 1059px;
	padding-bottom: 50px;
	margin: 0px auto;
}

.mainlevelleft {
	color: #ffffff;
	text-decoration: underline;
}
.mainlevelleft a:HOVER {
	text-decoration: none;
}


#leftmenu {}


#leftmenu ul {
padding: 0px;
list-style:none;
}

#leftmenu tr:last-child td {
	border-bottom: none;
}

#active_menuleft
{
	font-weight: bold;
}

#active_menuleft:before
{
	content: "»";
	margin-right: 0.5em;
	position: relative;
    top: -0.16em;
}

/*#active_menuleft:after
{
	content: "«";
}*/

td.board_content {
	background-image: url("../images/board_bg.png");
	background-repeat: repeat-y;
	padding-left: 14px;
	padding-right: 14px;
}
.board_title {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #f5682d;
	text-align: center;
}
.board_text {
	color: #f5682d;
}
@keyframes test-animation{
	    0% {
        height: 0px;
    }
    100% {
        max-height: 300px;
    }
}

.leftparent {

    height: 59px;
    margin-top: 10px;
    background-image: url(../images/parent.png);
    background-repeat: no-repeat;
    background-size: 100% 20%;
}


ul.leftsub {
	margin-top: 0px;

	margin-left: 0px;
 	list-style: none;	
	list-style-image: url("../images/left_disc.png");
}

.leftsub li{
	padding-top: 5px; 
	min-height: 30px;
    width: 224px;
    background-color: #f3682f;
    margin:0 auto;
    background-color: #f3682f;
}

.submenuleft 
{
	margin-top:11px;
	background-color: #f3682f;
	text-align: center;
	    -webkit-transition: max-height 0.4s linear;
    -moz-transition: max-height 0.4s linear;
	
	
}

.submenuleft a {
	font-size: 12px;
	color: #ffffff;
}

.submenuleft2 
{
	min-height: 30px;
	width: 224px;
	padding: 5px 5px 1px 0;
	background-color: #f3682f;
	text-align: left;
	vertical-align: middle;
	
}
.submenuleft2 li {
	margin-left: 25px;	
}

.submenuleft2 a {
	font-size: 12px;
	color: #ffffff;
}

.submenuleft3 
{
	min-height: 30px;
	width: 224px;
	padding: 5px 5px 1px 0;
	background-color: #f3682f;
	text-align: left;
	vertical-align: middle;
	
}
.submenuleft3 li {
	margin-left: 35px;	
}

.submenuleft3 a {
	font-size: 12px;
	color: #ffffff;
}

.submenuleft4 
{
	min-height: 30px;
	width: 224px;
	padding: 5px 5px 1px 0;
	background-color: #f3682f;
	text-align: left;
	vertical-align: middle;
	
}
.submenuleft4 li {
	margin-left: 35px;	
}

.submenuleft4 a {
	font-size: 12px;
	color: #ffffff;
}

/* left menu end */

.lang_link_active {
	color: #ff7f39;
}
.lang_link {
	color: #555555;
}
.top_link {
	color: #e2e2e2;
	padding-left: 15px;
	padding-right: 15px;
}
.center_body img {
	max-width: 500px;
	width:expression((this.clientWidth > 500) ? "500px" : "auto");
}
/* blogcalendar */
table.blogCalendar{
  /* style for all the calendar table */
  padding: 0;
  margin: 10px 0 0 0;
  font: normal 12px "Arial", serif;
  text-align: center;
  border-collapse: collapse;
}

td.blogCalendarHeader {
  /* the style for The calendar header, this includes the two link arrows and the date*/
  margin: 0;
  padding: 3px 0;
  color: #006699;
  font: bold 12px "Arial", serif;
  text-align: center;
}

td.headerDate{
  /* td style for the header date (ex. December 2007)*/
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size: 20px;
  color: #4b4b4b;
   
}

a.headerDate{
  /* link style for the header date */
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size: 20px;
  color: #4b4b4b;
  text-align: center;
  text-decoration: none;
}

.top_day {
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size: 30px;
  	color: #4b4b4b;
  	border-bottom:1px solid black;
}
td.headerArrow{
  /*td the style for the header link arrows */ 
}

a.headerArrow{
  /*link style for the header link arrows*/
  font: bold 16px "Arial", serif;
  color: #006699; 
  text-align: center;
  text-decoration: none;
}

td.dayName{
  /*td style of the day abreviations (S M T W T F S) */
  font: bold 14px/20px "Arial", serif;
  color: #797979;
}

td.blogCalendarDay {
  width: 30px;
  height: 20px;
  text-align: center;
}

a.blogCalendarDay, a.blogCalendarDay:hover {
  /* style for a normal link in the calendar (that is not in the actual day) */
  font: bold 14px "Arial", serif;
  color: #797979;
  text-decoration: none;
  font-weight: bold;
  display: block;
}

a.blogCalendarDay:hover {
  text-decoration: underline;
}

td.blogCalendarToday {
  /* the style for Today day */
  color: #797979;
  font-weight: bold;
}

a.blogCalendarToday, a.blogCalendarToday:hover {
  /* link style for a link that is in the actual day */
  font: bold 14px "Arial", serif;
  color: #797979;
  text-decoration: none;
}

a.blogCalendarToday:hover {
  text-decoration: underline;
}

.dropList {
  list-style: none;
}

td.blogCalendarHoliday {
  color: #f5682d;
}

a.blogCalendarHoliday {
  color: #f5682d;
}
.highlight {
	border: 1px solid #f5682d;
}

#calendar_block {
	padding-top: 21px;
	padding-bottom: 10px;
	background-image: url("../images/calendar_bg.jpg");
	background-repeat: no-repeat;
	background-color: #ffffff;
	
}
.holiday_title {
  color: #f5682d;
  text-decoration: underline;
}
/* blogcalendar */
.gallery_div {
}
.video_div {
	width: 100%;
}
#home_div {
}
#home_div .tabs {
	padding-left: 0px;
	height: 38px;
	overflow: hidden;
}
#home_div .tabs li {
	float: left;
	list-style: none;
	width: 41px;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 0;
}

#home_div .tabs li.gallery_div {
  background: url(../images/photo.png) no-repeat;
}
#home_div .tabs li.gallery_div.current {
  background: url(../images/photo_act.png) no-repeat;
}

#home_div .tabs li.video_div {
  background: url(../images/video.png) no-repeat;
}
#home_div .tabs li.video_div.current {
  background: url(../images/video_act.png) no-repeat;
}

#content_responsive 
{
    margin: 0px auto;
    overflow: hidden;
}
#big_content_responsive {
    margin: 0px auto;
    overflow: hidden;
	width: auto;
	min-width: 1016px;
}

.leftmenuli {
	padding: 1em;
	text-align: center;
	border-bottom: 1px solid #818181;
	background: #6c6c6c;

}
#leftmenu a {	color:white;}

.cont {
	margin-top: 10px;

	padding-right: 0px !important;
}
.padding {
	padding: 0px;
}
.hmenu{
	background: #464646;
    font-size: 25px;
}
.hmenu p {
	position: absolute;
    color: white;
}
.hmenu a {
	    background: #f3682f;
    padding: 5px;
    margin: 4px;
    margin-left: 96%;
}

.printer {
    margin-right:5px;
    float:right;
}
.cont2 {
	margin-top: 10px;
	padding-right: 0px !important;
}

.col-md-3.visible-md.visible-lg{
    position:inherit;
}

#menu div ul li a {
    	color: white;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
    
}

#menu div ul {
    display:inline-flex;
    margin:0 auto;
    padding:0px;
}

.zg_wrap{
    background-color: #464646;
    padding: 0px;
}

.nb_zag{
    padding: 4px !important;
    text-align: left;
}


.nb_item .col-md-12{
    padding:0px;
}

.nb_item .col-md-2{
    padding:0px;
}

.nb_item .col-md-10{
    padding:0px;
}
.cont .row{
    margin-right:0px;
    margin-left:0px;
}
.zg_wrap p {
    padding: 29px 6px 10px 0px;
}

.pstyle {
    padding-top:30px;
    padding-right:5px;
    padding-bottom:10px;
    text-align: justify;
    color: #eaebed;
}