@charset "utf-8";
/* CSS stil by Boris
   www.pakel.hr
   Pakel d.o.o.
   2008-2015.
   Zadar
*/
@font-face {
 font-family: 'Open Sans';
 font-style: normal; 
 src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}
body{
    background:url('../images/podloga.jpg') top center;    	        
    font-family: 'Open Sans';
}

a:hover, a:focus {
    color: #4CA5FF;    
}
.panel .panel-heading, .panel .panel-title {
    font-size: 24px;    
    font-weight: 300;
    text-transform: none;
    color: #333333;
}
.bijelo{
    background-color: white;
}
.sivo{
    background-color: #eeeeee;
}
.drzac_sadrzaja{
	border: 12px solid white;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    	-webkit-box-shadow: 0px 0px 2px 1px silver;
	-moz-box-shadow: 0px 0px 2px 12px silver;
	box-shadow: 0px 0px 2px 1px silver;
    color: #333333;
    margin: 0 10px 100px 10px;    
}
.sjena_strong {
   -webkit-box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.8);
    box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.8);
}
/* hyperlink za cijelu ćeliju tablice, sadržaj tablica je centriran */
.table a
{
    /*display:block;*/
    text-decoration:none;
}
.table th, table td{
    text-align: center;
}

/* Margine */
.margin-left10		{ margin-left:10px; }
.margin-left20		{ margin-left:20px; }
.margin-left30		{ margin-left:30px; }
.margin-left40		{ margin-left:40px; }
.margin-left50		{ margin-left:50px; }
.margin-left60		{ margin-left:60px; }
.margin-left80		{ margin-left:80px; }
.margin-left100		{ margin-left:100px; }
.margin-left130		{ margin-left:130px; }
.margin-left150		{ margin-left:150px; }
.margin-left180		{ margin-left:180px; }
.margin-left200		{ margin-left:200px; }

.margin-right10		{ margin-right:10px; }
.margin-right20		{ margin-right:20px; }
.margin-right30		{ margin-right:30px; }
.margin-right40		{ margin-right:40px; }
.margin-right50		{ margin-right:50px; }
.margin-right60		{ margin-right:60px; }
.margin-right80		{ margin-right:80px; }
.margin-right100		{ margin-right:100px; }
.margin-right130		{ margin-right:130px; }
.margin-right150		{ margin-right:150px; }
.margin-right180		{ margin-right:180px; }
.margin-right200		{ margin-right:200px; }

.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }


/* Padding */
.padding-left-right30         {padding: 20px 30px 0px 30px;}

/* dodatna klasa za vrlo široku modalnu formu 80% */
.modal.modal-wide .modal-dialog {
  width: 80%;
}
/* stil koji mijenja širinu Bootrap labela */
.label.label-wide {    
    display: block;
    margin: 0 0 2px 0;    
}
/* override klase za footer - ide automatska visina footera */
.footer {
    height: auto;
}


/* Data responsive tables */
@media only screen and (max-width: 800px) {
	
/* Force table to not be like tables anymore */
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#no-more-tables tr { border: 1px solid #ccc; }

#no-more-tables td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align:left;
}

#no-more-tables td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}

/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}

.navbar-inverse {
    background-color: #080808;
    border-color: #080808;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #0d6c8b;
}

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: @screen-md-min) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: @screen-lg-min) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 480px) {
    h3{
        font-size : 14px;
    }
    h2{
        font-size: 16px;
    }
    .panel .panel-heading, .panel .panel-title {
        font-size: 18px;
    }
}