html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background: url(images/tekstura.png);
    font-family: Calibri, Helvetica, Arial, sans-serif;
    overflow:hidden;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}


/* ==========================================================================
   TZG Opatija custom styles
   ========================================================================== */


#okvir {
	width: 1326px; /* 1366 - padding */
	height: 728px; /* 768 - padding */
	padding: 20px;
	overflow: hidden;
	text-align: center;
}

#okvir div {
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	border-radius: 10px;
}


.lijevo {
	float: left;
	height: 728px;
	width: 260px;
	
}
.sredina {

	float: left;
	height: 728px;
	padding-top: 10px;
	width: 780px;
	margin: 0 13px;
	background: #2a2a2a url(images/i-dsopatija.png) 96% 98% no-repeat;;
	border-radius: 10px;
	border-bottom: 5px solid #002e4d;
	overflow: hidden;
	text-align: center;
	
}

#stream {
	width: 720px!important;
	margin: 20px auto 0 auto;
}

.stream-info {
	padding-top: 20px;
	color: #dfdfdf;
	text-align: left;
}

.stream-info h1 {
	font-size: 1.4em;
	margin-bottom: 0;
}

.stream-info p {
	margin: 0;
}

.desno {
	float: right;
	height: 728px;
	width: 260px;

}

/* Prvi stupac */

.info {
	height: 160px;
	width: 250px;
	background: url(images/info-digitalsignage.png) center center no-repeat ;
	
	margin: 0 auto;

	
}

.vrijeme {
	height: 140px;
	width: 100%;
	background: white;
	border-bottom: 5px solid gray;
	margin-bottom: 20px;
	overflow: hidden;
}

.tecaj {
	height: 220px;
	width: 100%;
	background: white;
	border-bottom: 5px solid gray;
	margin-bottom: 10px;
	text-align: left;
	color: gray;
}


/* Vrijeme */



.vrijeme > div {
	width: 86px;
	height: 140px;
	float: left;
	font-size: 1em;
	line-height: 2.2em;
	color: gray;
}


/* Tečaj */

.tecaj > div {
	border-bottom: 1px solid #bdbdbd;
	border-radius: 0 !important;
	line-height: 2.6em;
	font-weight: bold;
	overflow: hidden;
	
}

.tecaj > div:last-child {
	border-bottom: 0px;
}

.zastavica {
	margin: 0 20px 0 20px;
	background: black;
}

.vrijednost {
	float: right;
	margin-right: 20px;
}

.naziv {
	
	color: #0d6bc3;
	margin: 0 20px;
}

.valuta {
	margin: 0 auto;
	width: 240px;
	height: 43px;
}


/* Treci stupac */

.deset {
	margin-bottom: 0px;
}

.okvir {
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-top: 10px;
}

.kategorija {
	float: left;
	width: 35px;
	height: 150px;
	
}

.foto,
#foto,
#foto2,
#foto3,
#foto4 {
	float: right;
	width: 225px;
	height: 150px;
	overflow: hidden;
}



/* Ura */

.datum {
	width: 90%;
	padding-top: 10px;
	border-top: 1px solid gray;
	border-radius: 0!important;
	color: gray;
	font-size: 0.3em;
	margin: 0 auto;
}


#ura{
	margin: 20px 0 20px 0;
	padding-top: 10px;
	font-size: 3.8em;
	width: 100%; 
	height: 150px;
	background: white;
	text-align: center;
	border-bottom: 5px solid gray;
} 

#brojke {
	color: gray;
	
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; }
li.bjqs-slide{position:absolute; display:none;}


.hidden {
    display: none !important;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}