html, body {height:100%;margin:0; padding:0;}
html { 
	background: url(images/backgrounds/bg51.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    
    background-color: lightgray;
}
body
{
text-align:center;
font-size:12px;
font-family: Lato,Helvetica,sans-serif;
}
a
{
	text-decoration:none;
	color:inherit;
}
h4, h3 {
	color:#gray;
}
h1,h5
{
text-shadow: 2px 2px #CCC;
}
h5{
	font-size:13px;
}
#gore
{
	margin:0 auto;
	border:3px solid;
	width:1200px;
	text-align:center;
    z-index:15;
    margin-top:10px;
	height:150px;
	 background-image:url(../images/gore-logo5.png);
	 background-position:center;
	 background-size: 100% 100%;
	 background-repeat:no-repeat;
}

#meni
{
	margin:0 auto;
	border:0px solid #000;
	width:1200px;
	height:29px;
	text-align:center;
     z-index:15;
    margin-top:5px;
	font:Lato, Verdana, Geneva, sans-serif;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
	font-size:8px;
	display:block;
}
#meni #gumb
{
	width:144px;
	height:20px;
	border:1px solid #000;
	display: inline-block;
	font-size:14px;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
	
	background:-o-linear-gradient(bottom, #266d85 5%, #266d85 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #266d85), color-stop(1, #266d85) );
	background:-moz-linear-gradient( center top, #266d85 5%, #266d85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#266d85", endColorstr="#266d85");	background: -o-linear-gradient(top,#266d85,003f7f);
	background-color:#266d85;
}
select
{
font-size:13px;
font-family:Lato, Arial;
padding: 4px;
}

#sadrzaj_div{
	display:table;
	background-color:#FFF;
	margin:0 auto;
	border-spacing:8px;
	border:3px solid;
	width:1200px;
    z-index:15;
	margin-top:5px;
	font-size:11px;
    min-height: 100vh;
}

.sadrzaj_div_kolona{
    display: table-cell;
	margin:10px;
	padding:5px;
	padding-top:0px;
	border:0px solid;
	border-spacing:10px;
    font-size:12px;
	-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
}

#sadrzaj_div_lijevo{
    width:250px;
	vertical-align:top;
    
}

#sadrzaj_div_sredna{
	vertical-align:top;
}

#sadrzaj_div_desno{
    width:210px;
	vertical-align:top;
}

.datagrid {width:90%; display:inline-block; -moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;

}
.datagrid table { border-collapse: collapse; text-align: center; width:100%; } 
.datagrid {font: normal 10px/150% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datagrid table td, .datagrid table th { padding: 3px 3px; text-align:center; }
.datagrid table thead th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:6px; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #000000; border-left: 1px solid #CCC;font-size: 10px;border-bottom: 1px solid #666;font-weight: normal; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:6px; } 
.datagrid table th:first-child { border: none; }


.datagrid1 {width:90%; display:inline-block; 
-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
}
.datagrid1 table { border-collapse: collapse; text-align: center; width:100%; } 
.datagrid1 {font: normal 10px/100% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datagrid1 table td, .datagrid1 table th { padding: 3px 3px; text-align:center; }
.datagrid1 table thead th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 10px; font-weight: bold; border-left: 1px solid #CCC; padding:3px; } 
.datagrid1 table thead th:first-child { border: none; }
.datagrid1 table tbody td { color: #000000; border-left: 1px solid #CCC;font-size: 10px;border-bottom: 1px solid #666;font-weight: normal; }
.datagrid1 table tbody td:first-child { border-left: none; }
.datagrid1 table tbody tr:last-child td { border-bottom: none; }


.datagrid2 {width:90%; display:inline-block; 
-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
}
.datagrid2 table { border-collapse: collapse; text-align: center; width:100%; } 
.datagrid2 {font: normal 10px/100% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datagrid2 table td, .datagrid2 table th { padding: 3px 3px; text-align:center; }
.datagrid2 table thead th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:3px; padding-bottom:7px; padding-top:7px; } 
.datagrid2 table thead th:first-child { border: none; }
.datagrid2 table tbody td { color: #000000; border-left: 1px solid #CCC;font-size: 10px;border-bottom: 1px solid #666;font-weight: normal; }
.datagrid2 table tbody td:first-child { border-left: none; }
.datagrid2 table tbody tr:last-child td { border-bottom: none; }
.datagrid2 table th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:3px; padding-bottom:7px; padding-top:7px; } 
.datagrid2 table th:first-child { border: none; }
.datagrid2 .grupa4 { background-color:#005fbf; color:#FFFFFF; padding:5px; font-size: 11px; font-weight: bold;}
.datagrid2 .grupa2 { background-color:#003f7f; color:#FFFFFF; padding:5px; font-size: 11px; font-weight: bold;}
.datagrid2 .grupa7 { background-color:red; color:#FFFFFF; padding:5px; font-size: 11px; font-weight: bold;}

.datagrid4 {width:90%; display:inline-block; 
-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;}
.datagrid4 table { border-collapse: collapse; text-align: center; width:100%; } 
.datagrid4 {font: normal 10px/100% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datagrid4 table td, .datagrid4 table th { padding: 3px 3px; text-align:center; }
.datagrid4 table th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:3px; padding-bottom:7px; padding-top:7px; } 
.datagrid4 table th:first-child { border: none; }
.datagrid4 table tbody td { color: #000000; border-left: 1px solid #CCC;font-size: 10px;border-bottom: 0px solid #666;font-weight: normal; }
.datagrid4 table tbody td:first-child { border-left: none; }
.datagrid4 table tbody tr:last-child td { border-bottom: none; }


.datagrid5 {width:60%; display:inline-block; -moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;}
.datagrid5 table { border-collapse: collapse; text-align: center; width:100%; } 
.datagrid5 {font: normal 12px/150% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datagrid5 table td, .datagrid5 table th { padding: 1px 1px; text-align:center; }
.datagrid5 table thead th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:2px; } 
.datagrid5 table thead th:first-child { border: none; }
.datagrid5 table tbody td { color: #000000; border-left: 1px solid #CCC;font-size: 12px;border-bottom: 1px solid #666;font-weight: normal; }
.datagrid5 table tbody td:first-child { border-left: none; }
.datagrid5 table tbody tr:last-child td { border-bottom: none; }
.datagrid5 table th {background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #CCC; padding:6px; } 
.datagrid5 table th:first-child { border: none; }

#kraj
{
	border-bottom:1px solid;
	padding:10px;
}

#kraj2
{
	border-bottom:1px solid;
	padding:5px;
}

#kraj_iscrtkano
{
	border-bottom:1px dashed;
	padding:5px;
}

.clanak, .clanak2
{
	text-align:left;
	border:0px solid;
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:0px;
	border-bottom:1px dashed;
}

.clanak img, .clanak_dupli img
{
	width:170px;
	float: left;
	border:3px solid ; 
	-moz-box-shadow:4px 4px 4px 2px #928f8f;
	-webkit-box-shadow:4px 4px 4px 2px #928f8f;
	box-shadow:4px 4px 4px 2px #928f8f;
	margin:10px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:15px;
}
.clanak .mala, .clanak_dupli img
{
	width:90px;
	margin:5px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:15px;
}

.clanak .datum, .clanak_dupli .datum
{
	text-align:right;
	display:inline-block;
	vertical-align:bottom;
	width:100%;
	padding-bottom:3px;
}

.clanak_dupli{
	display:table;
	background-color:#FFF;
	margin:0 auto;
	border-spacing:2px;
	border:0px solid;
	width:100%;
    z-index:15;
	margin-top:0px;
	border-bottom:1px dashed;
}

.clanak_dupli_cell{
    display: table-cell;
	margin:0px;
	padding:5px;
	border:0px solid;
	padding-top:0px;
}

#clanak_dupli_1{
    width:50%;
	vertical-align:top;
	text-align:left;
	border-right:1px dashed;
	padding-top:0px;
}

#clanak_dupli_2{
	vertical-align:top;
	text-align:left;
}

#defaultCountdown { width: 90%; height: 45px; }

.slika {
	border:3px solid ; 
-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
}
.sjena {
-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
}

.gumb_korisnik, .gumb_korisnik_active, .gumb_korisnik2, .gumb_korisnik2_active
{
	border:1px solid;
	padding:10px;
	margin:10px;
	-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
font-family:Arial;
background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
	 color:#FFFFFF; font-size: 12px; font-weight: bold;
}
.gumb_team
{
	border:1px solid;
	padding:10px;
	margin:10px;
	-moz-box-shadow:4px 4px 4px 2px #928f8f;
-webkit-box-shadow:4px 4px 4px 2px #928f8f;
box-shadow:4px 4px 4px 2px #928f8f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
font-family:Arial;
	 color:#FFFFFF; font-size: 12px; font-weight: bold; background-color:#266d85;
}
.gumb_korisnik2, .gumb_korisnik2_active
{
	padding:5px;
	margin:5px;
}
.gumb_korisnik_active, .gumb_korisnik2_active, .gumb_team_active
{
background:#FFF;
color:#000000; 
}
.gumb_korisnik:hover, .gumb_korisnik2:hover, .gumb_team:hover
{
background:#FFF;
color:#000000; 
}

.element55 {
    background:#f2f2f2;
    position:absolute; 
	top: 10px; 
	left: 10px;
    width:50px;
    height:70px;
    border:2px solid #d6d6d6;
	z-index: 3;
}
.element56 {
    background:#f2f2f2;
    position:absolute;
    width:50px;
    height:70px;
    border:2px solid #d6d6d6;
	z-index: 5;
	float:left;
	
}

.circlediv {
	border-radius: 50%;
	width: 25px;
	height: 25px; 
}