/* CSS Document */

body {
	padding-top: 10px;
	padding-bottom: 10px;	
	
	background-color:white;

	color:black;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 21px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.noleftpadding {
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.norightpadding {
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.black {
	color:black;
}

.searchBox {
	border:1px solid #D0D0D0; 
	padding:10px 10px 0px 0px; 
	margin-bottom:10px;
	background-color:white;
}

.searchBox li a {
	border:none;
	display:inline;
	color:#666;
}

.note {
	color: #555;
	font-size: 12px;
}

.submenu {
	height:42px;
}

.warning {
	color:#990000;
}

.highlight {
	background-color:#FFFFAA;
}

.box {
	border:1px solid #ABACAE;
	/* background-color:#EEF4F8; */
	background-color:white;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px; 
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;	
}

.whiteback {
	background-color:white;
}

.foto {
	background-color:white;
	border:1px solid #656565; 
	height:190px; 
	padding:5px 5px 5px 5px; 
	margin-bottom:10px;
}

.foto img {
	max-height:160px;
}

.foto-control {
	text-align:right;
	height:20px; 
}

#header {
	/* background-color:#EEF4F8; */
	background-color:#365E91;
	padding:6px 0px 4px;
	border:1px solid #036;
	margin-bottom:10px !important;
	
	border-top-left-radius:6px;
	border-top-right-radius:6px; 
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;		
}

#footer {
	border-top:1px solid #DDDDDD;
	padding-top:12px;
	padding-bottom:12px;
	background-color:#EEEEEE;
	color:#666;
}

#board {
	/* min-height:1126px; */
	/* min-height:1408px; */
	min-height:784px;
	background-color:#EEF4F8;
	
	border-right:1px solid #ABACAE;
	border-bottom:1px solid #ABACAE;
	border-left:1px solid #ABACAE;
	
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	
	padding-left:10px;	
	padding-right: 0px;
	
	margin-bottom:4px;
}

img.preview {

	max-height:90px;
	max-width:90px;
	border:solid 1px #dedede;
	padding:5px;
	display:inline-block;
}

#preview {

}

#banner_h {
	padding-top:0px;

	border:1px solid #ABACAE;
	background-color:#EEEEEE;
	
	margin-bottom:10px;
}

.hpn1 {
	padding-top:7px;
	padding-left:10px;
	height:35px;
	
	/*
	border:1px solid #ABACAE;
	background-color:#EEEEEE; 
	*/
	
	border:1px outset #238FAF;
	background-color:#365E91;
	color:white;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px; 
	/*
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-bottom:10px;
	*/
}

.hpn2 {
	background-color:white;
	border:1px solid #ABACAE;
	
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	
	padding-left:10px; 
	height:230px;
	margin-bottom:10px;
}

.page-title {
	border:1px solid #238FAF;
	background-color:#365E91;
	color:white;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
	height:54px;
	margin-top:0px;
	padding-top:0px;
	padding-left:10px;
	margin-bottom:8px;		
}

.hpcounter {
	padding-top:5px;
	padding-left:10px;
	height:35px;
	
	margin-bottom:5px;
}

.counter_lp {
	padding:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	color:black;
}

.counter_la {
	padding:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	color:white;
	background-color:orange;
}

.hpin {
	height:175px;
		
	margin-top:5px;
	padding:5px 10px 5px 10px;
	/* background-color:#EEF4F8; */
	background-color:white;
	
	border-top-left-radius:2px;
	border-top-right-radius:2px; 
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
		
	border:1px solid #AAAAAA;
	
	margin-bottom:10px;
}

.hpin p {
	font-size:12px;
	color:#444;	
}

#prikaz .modal-dialog {
	width: 940px !important;
}

#prikaz2 .modal-dialog {
	width: 940px !important;
}

/* Counters */

.safe {color: green; font-weight:bold}
.over {color: red; font-weight:bold}

.fullheight {height:100%;}
.noscroll {overflow:hidden;}

.f1 { height:15%; text-align:center; overflow:hidden; }
.f2 {             text-align:center; overflow:hidden; }
.f3 { height:15%; text-align:center; overflow:hidden; }
.f4 { height:23%; text-align:center; overflow:hidden; color:#333;}
.f5 { height:15%; text-align: right; overflow:hidden; }

.e1 { height:25%; text-align:center; overflow:hidden; }
.e2 { height:25%; text-align:center; overflow:hidden; }
.e3 { height:25%; text-align:center; overflow:hidden; }
.e4 { height:25%; text-align: right; overflow:hidden; }

/* Cells x5 */

.bx5 {
	height:940px;
	border:6px solid #656565;
	background-color:white;
	
	padding:10px 10px 10px 10px;

	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	margin-bottom:10px;
	
	font-size:15px;
	font-weight:normal;	
}

.bx5 .t1 {
	overflow:hidden;
	height:130px;
	vertical-align:top;
	text-align:center;	
}

.bx5 img {
	max-height:267px;
}

.bx5 .t2 {
	overflow:hidden;
	height:158px;	
	vertical-align:central;
	text-align:center;	
		
	font-size:20px;
}

.bx5 .t3 {
	overflow:hidden;
	height:172px;
	vertical-align:central;
	text-align:center;
}

.bx5 .t4 {
	overflow:hidden;
	height:127px;
	vertical-align:bottom;
	text-align:right;
}

/* Cells x4 */

.bx4 {
	height:830px;
	border:6px solid #656565;
	background-color:white;	
	
	padding:10px 10px 10px 10px;

	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	margin-bottom:10px;
	
	font-size:14px;
	font-weight:normal;	
}

.bx4 .t1 {
	overflow:hidden;
	height:120px;
	vertical-align:top;
	text-align:center;	
}

.bx4 img {
	max-height:240px;
}

.bx4 .t2 {
	overflow:hidden;
	height:162px;	
	vertical-align:central;
	text-align:center;	
		
	font-size:20px;
}

.bx4 .t3 {
	overflow:hidden;
	height:160px;
	vertical-align:central;
	text-align:center;		
}

.bx4 .t4 {
	overflow:hidden;
	height:120px;
	vertical-align:bottom;
	text-align:right;
}

/* Cells x3 */

.bx3 {
	height:620px;
	border:5px solid #656565;
	background-color:white;	
	
	padding:5px 10px 5px 10px;

	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	margin-bottom:10px;
	
	font-size:13px;
	font-weight:normal;	
}

.bx3 .t1 {
	overflow:hidden;
	height: 88px;
	vertical-align:top;
	text-align:center;	
}

.bx3 img {
	max-height:170px;
}

.bx3 .t2 {
	overflow:hidden;
	height:88px;	
	vertical-align:central;
	text-align:center;	
		
	font-size:18px;
}

.bx3 .t3 {
	height:110px;
	vertical-align:central;
	text-align:center;
	overflow:hidden;
}

.bx3 .t4 {
	overflow:hidden;
	height:88px;
	vertical-align:bottom;
	text-align:right;
}

/* Cells x2 */

.bx2 {
	height:410px;
	border:4px solid #656565;
	background-color:white;	
	
	padding:6px 6px 6px 6px;

	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	margin-bottom:10px;
	
	font-size:12px;
	font-weight:normal;	

	overflow:hidden;
}

.green-border {
	border:4px solid #3D7943 !important;
}

.bx2 .t1 {
	overflow:hidden;
	height: 40px !important;
	vertical-align:top;
	text-align:center;	
}

.bx2 .t1u {
	overflow:hidden;
	height: 20px !important;
	vertical-align:top;
	text-align:center !important;	
}

.bx2 img {
	max-height:120px;
}

.bx2 .t2 {
	overflow:hidden;
	height: 62px !important;	
	vertical-align:central;
	text-align:center;	
		
	font-size:17px;
}

.bx2 .t3 {
	overflow:hidden;
	height: 78px !important;
	vertical-align:central;
	text-align:center;	
}

.bx2 .t4 {
	overflow:hidden;
	height: 58px;
	vertical-align:bottom;
	text-align:right;
	padding-bottom: 4px;
}

.bx2 .wide .t1,
.bx2 .wide .t3,
.bx2 .wide .t4 {
	font-size:14px;
}

.bx2 .wide .t2 {
	font-size:20px;
	font-weight:bold;
}

.bx2 .wide img {
	max-height: 160px;
}

/* Cells x1 */

.bx1 {
	height:200px;
	border:3px solid #656565;
	background-color:white;	
	
	font-size:10px;
	
	padding:0px 3px 1px 3px;

	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	margin-bottom:10px;

	overflow:hidden;
	
	font-size:10px;
	font-weight:normal;		
}

.bx1 .t1 {
	overflow:hidden;
	height: 27px;
	vertical-align:top;
	text-align:center;	
}

.bx1 img {
	margin-top: 2px;
	max-height: 54px;
}

.bx1 .t2 {
	overflow:hidden;
	height: 32px;	
	vertical-align:central;
	text-align:center;	
		
	font-size:11px;
}

.bx1 .t3 {
	overflow:hidden;
	height: 36px;
	vertical-align:central;
	text-align:center;		
}

.bx1 .t4 {
	overflow:hidden;
	height: 27px;
	vertical-align:bottom;
	text-align:right;
}

.bx1 .wide .t1,
.bx1 .wide .t3,
.bx1 .wide .t4 {
	font-size:12px;
}

.bx1 .wide .t2 {
	font-size:15px;
	font-weight:bold;
}

.bx1 .wide img {
	max-height: 100px;
}

/* Tabs */

.ml10 {
	margin-left: 10px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mx10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.nav-tabs {
	/* border-bottom: none; */
	border-bottom: 1px solid #365E91;
}

/* tab color */

.nav-tabs>li>a {
	font-size:11px;
	
	background-color: #EEF4F8;
	color: #5E5E5E;
	
	/*
	border-left: 1px solid #365E91;
	border-right: 1px solid #365E91;
	border-top: 1px solid #365E91;
	border-bottom: 1px solid #EEF4F8;
	*/
	border-bottom: 1px solid #365E91;
	
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;	
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #365E91;
	color: white;	
	
	text-decoration: underline;
}

/* hover tab color */
.nav-tabs>li>a:hover {
	border-color: #777777;
	background-color: white;
	color: #444444;

	border-bottom: 1px solid white;
}

/* Pagination */

.pagination-centered {
  text-align: center;
}

.pagination .active a {
	background-color: orange;
	border: 1px solid orange;
	color: white;
	cursor: default;
}

/* Menu sistem re-coloring */

.navbar { 
	padding-top:8px;
	margin-bottom:8px !important;  
}
.navbar-nav > li > a { padding-top: 6px !important; padding-bottom: 6px !important; }

/* .navbar-brand { padding-top: 4px; padding-bottom: 4px; padding-left: 10px; } */

/* navbar - block */
.navbar-default {
	/*
   	background-color: #365E91;
    border-color: #999999;
	*/
	background-color:#EEF4F8;
	border-color: #DDDDEE;
}

/* title */
.navbar-default .navbar-brand {
    color: yellow;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: red;	
}

/* link */
.navbar-default .navbar-nav > li > a {
	/*
    color: black;
	background-color: #365E91; 	
	*/
	border:1px solid #EEF4F8;
	
	border-top-left-radius:4px; 
	border-top-right-radius:4px; 
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;		
}

/* hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;				
	background-color: #383F44;
	
	border:1px solid #AAAAAA;
	
	border-top-left-radius:4px; 
	border-top-right-radius:4px; 
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;		
}

/* active */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	/* 
	color: yellow;
	background-color: #383F44;	
	*/
	border:1px solid #AAAAAA;
	
	border-top-left-radius:4px; 
	border-top-right-radius:4px; 
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;	
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color: #CF0000;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;	
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

.dropdown-menu {
	/* background-color: #006984;	*/
	border-top: 1px solid #E57208;
	padding-top:13px;
	padding-bottom:13px;	
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #777;
	color: #FFF;
	background-color: #006984;	/* addon blue/green */		
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #333;
	color: #FFF;
	background-color: #CF0000;	/* addon red */		
}

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
}

.img-thumbnail {
  padding: 2px;
  line-height: 1.2;
}

#help {
	border:1px solid #D0D0D0; 
	padding:2px 5px 2px 5px; 
	margin-bottom:10px;
}

#help ul {
	padding-left: 20px;
}

#help li {
	padding-bottom: 8px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}