/* overrides: */
.col-md-3  { padding-left: 0; padding-right:0; }
.col-md-4  { padding-left: 0; padding-right:0; flex:0 0 auto;}
.col-md-5  { padding-left: 0; padding-right:0; }
.col-md-6  { padding-left: 0; padding-right:0; }
.col-md-7  { padding-left: 40px; padding-right:0; }
.col-md-8  { padding-left: 40px; padding-right:0; flex:1;}
.col-md-9  { padding-left: 40px; padding-right:0; }
.col-md-12 { padding-left: 0; padding-right:0; }

/* When left col not existing */
.col-md-8:first-child { padding-left: 0; width:100%;}

/* workaround for entry page */
.col-md-6-left { padding-right: 20px; }
.col-md-6-right { padding-left: 20px; }
.col-md-4-left { padding-right: 10px; }
.col-md-4-mid { padding-left: 5px; padding-right: 5px; }
.col-md-4-right { padding-left: 10px; }

html {overflow-y:auto;}

body {
  font-family: 'Open Sans';
  text-decoration: none;
  font-size: 14px;
  height:100%;
  margin: 0;
  padding: 0;
}
b, strong { font-weight: 500; }

p, h1, h2, h3, h4, hr, ul, li, select, input, textarea, form {
  margin: 0;
  padding: 0;
  font-weight: 300;
}
table { font-weight: 300; }
.input_label {}
.input_text {}
.input_button {padding:1px 10px 1px 10px;}

h1, h2, h3, h4 { color: #071c6d;}
h1.title {padding: 40px 0 20px 0; }
h2 {padding: 15px 0 15px 0; }
h3 {padding: 12px 0 12px 0; }
h4 {padding: 6px 0 6px 0; }
p {padding: 0 0 10px 0; }

ul, li {
  list-style: none;
  text-decoration: none;
}

img {border:0;}
img.wrap_left {
  float:left;
  margin-right: 5px;
}

hr { border-color: #071c6d;}

a {outline:none; color:#071c6d; text-decoration:underline;}
a:hover, a:active, a:focus, a:focus-visible { text-decoration:none;}
a.navigation, a.navigation:visited { color: #071c6d; font-weight:400; text-decoration:none;}
a.navigation:hover, a.navigation:active { color: #000000; text-decoration:underline;}

#header { margin-bottom: 0px;}
#header input.text { width:140px; height:16px; padding:2px 0 0 6px; border:none; background:#ffffff; float:right; font-size:12px; color:#555; margin-left:2px; display:inline; }
#header input.button { float:right; width:21px; padding:1px; height:16px; background:transparent;}
#header img.icon {float:right; margin:0 16px 0 0}
#header ul {padding-bottom: 10px;}

#control {padding-botom: 10px;}
#login, #login_user {padding-left:0; float:left;}
#searchbox {text-align:right;}
#searchbox .input_label {font-weight:bold;}
#searchbox input { margin-left:5px;}
#ezine .input_label {font-weight:bold;}
#ezine input { margin-left:5px;}

.entry_row {clear:both;overflow:auto;padding-bottom:30px;}
.entry_menu_item {font-size:16px;padding-bottom:30px;}

.flex {display:flex;}
.control_language li {width:auto;float:left;}
#content_submenu {padding-top: 20px;text-align:left;}
.main_submenu_item {text-align: center; padding: 20px 0 20px 0;}
#content_submenu a {font-weight: 400; text-transform: uppercase;}
.razstava_podnaslov { font-weight:bold; font-size:110%;}
.youtube_embed {padding:0 0 20px 0;}
.gallery_html_link {clear:both;margin:0px 0px 21px 0px;}
.tn3-gallery, .tn3-gallery *, .tn3-thumbs, .tn3-thumb {    box-sizing: content-box !important;} /* override to fix bootstrap problems */

	#main_content h1 {color:#555; font-size:22px; font-weight:bold; padding-bottom:21px; xpadding-top:16px;}
	#main_content h2 {color:#555; font-size:18px; font-weight:bold; padding-bottom:14px; padding-top:16px;}
	#main_content h3 {color:#555; font-size:14px; font-weight:bold; padding-bottom:12px; padding-top:16px;}
	#main_content p {padding-bottom:10px;}
	#main_content span.date {float:left; width:693px; margin:-20px 0 0 0; color:#a4a4a4;}
	#main_content img.inline_left {float:left; margin:5px 20px 5px 0px; display:inline; border:1px solid #2b818e;}
	#main_content div.files a {padding-left:24px;text-decoration:underline;}
	#main_content div.files a:hover {text-decoration:none;}
	#main_content a.pdf {background:url(../images/gui.si/general/pdf_bg_link.gif) left no-repeat; padding-left:24px;}
	#main_content ul { padding:10px 0 10px 0;}
	#main_content ul li { background:url(../images/gui.si/general/text_ulli.gif) no-repeat 0 10px; padding:3px 0 3px 15px;}
	#main_content span.green {color:#2b818e; }
	#main_content span.red { color:#ff0000;}
	
	.pathtrail { float:left;}
	.printer_friendly {width:10%; float:right;text-align:right;}
	.pathtrail a:visited, .printer_friendly a:visited {color:071c6d;}
	
#main, #footer_holder, #ezine {clear:both; padding:30px 0 30px 0; }

/* scroller */
.scrollable {position:relative;	overflow:hidden;width: 650px;height:135px;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left;	width:650px;}
.scrollable div {float:left;width:307px;height:112px;padding:12px 0 0 18px; }
.scrollable div img {padding:1px 2px 2px 1px; width:132px; background:url(../images/gui.si/general/slider_img_frame.gif) no-repeat; float:left; border:none;}
.scrollable div h2 a { color:#555; text-decoration:none;float:left; width:152px; font-size:16px; font-weight:bold; padding:0 0 0 18px;}
.scrollable div h2 a:hover {color:#aaa;}
.scrollable div p {font-size:12px; float:left; width:152px; padding:0 0 0 18px;}

.scrollable .active {border:2px solid #000;position:relative;cursor:default;}
.scrollable {float:left;}
a.browse {display:block; width:25px; height:112px; float:left; cursor:pointer; font-size:1px;}

a.right { background:url(../images/gui.si/general/right_slide.gif) no-repeat; clear:right; margin:16px 0 0 0;}
a.left { margin:31px 0 0 0; background:url(../images/gui.si/general/left_slide.gif) no-repeat;} 
a.disabled {visibility: visible !important;} 
	
/* clearfix za content */
.clearfix:after {
    main_content_holder: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.br {display: none;}
.separator {display: inline;}
.no-bottom-padding {padding-bottom:0;}

/*body sizes based on screen resolution */
@media screen and (min-width: 480px) {
  body {
  /* top right bottom left*/
  margin: 5% 10% 5% 10%;
  }
}

@media screen and (max-width: 480px){
  body {
  /* top right bottom left*/
  margin: 3% 3% 3% 3%;
  }
}

@media screen and (max-width: 991px){
  .col-md-7 { padding-left: 0; }
  .col-md-8 { padding-left: 0; }
  .col-md-9 { padding-left: 0; }
  .col-md-6-left { padding-right: 0; }
  .col-md-6-right { padding-left: 0; }
  .col-md-4-left { padding-right: 0; }
  .col-md-4-mid { padding-left: 0; padding-right: 0; }
  .col-md-4-right { padding-left: 0; }
}