﻿body { color: #1B1B1B; border:0px; margin:0px;height:100%; text-align:center;}

body, p, ol, ul, td, .cenapopust {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height: 18px;
}

.cenapopust {
  text-align:right;
}

a {font-weight:bold;color:#5F92D0;text-decoration:none;}
a:hover {font-weight:bold;color:#5F92D0;text-decoration:underline;}
a:visited {font-weight:bold;color:#5F92D0;}
a img {border:0px;margin:0px;}


.header {width:998px;height:130px;float:left;border:1px solid #dcdcdc;/*background:#ccc;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/text-align:center;background:#E5E5E6;}
.header_logo {width:1000px;margin-left:auto;margin-right:auto;text-align:left;}
.header_border {width:100%;height:1px;line-height:1px;background:#ccc;}
.container {width:100%;height:100%;margin-left:auto;margin-right:auto;text-align:left;}
.container_left_portal {width:240px;float:left;}
.container_right_portal {float:left;width:730px;padding-left:10px;text-align:justify;border-left:1px solid #ccc;}
.footer_holder{width:100%;background:#E5E5E6;/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/text-align:center;}
.footer {width:1000px;margin-left:auto;margin-right:auto;text-align:center;}

.spacer_3 {width:100%;height:3px;float:left;}
.spacer_10 {width:100%;height:10px;float:left;}
.spacer_20 {width:100%;height:20px;float:left;}
.spacer_30 {width:100%;height:30px;float:left;}
.spacer_40 {width:100%;height:40px;float:left;}
.holder_100 {width:100%;height:80%;float:left;}
.holder_80 {width:90%;float:right;text-align:left;line-height:14px;}
.holder_80 a {font-weight:normal;color:#0081c6;}
.holder_80 a:hover {font-weight:normal;color:#0081c6;}
.holder_80 a:visited {font-weight:normal;color:#0081c6;}
.holder_90 {width:97%;float:right;text-align:left;line-height:14px;}
.holder_90 a {font-weight:normal;color:#0081c6;}
.holder_90 a:hover {font-weight:normal;color:#0081c6;}
.holder_90 a:visited {font-weight:normal;color:#0081c6;}
.holder_100_abs {width:100%;}
.holder_100_list {width:100%;float:left;}
.holder_100_list input {width:400px;}

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	padding: 20px;
	z-index:9999;
	width:359px;
	margin:-230px 0 0 -182px;
	background:#fff;
	text-align:left;
}
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}


.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:hand;cursor:pointer;}#kampylink img{border:0;}.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}.k_bottom{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}.k_right{right:0px;}.k_left{left:0px;}#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}.kc_right{right:10px;}.kc_left{left:10px;}


.row {
    width: 100%;
    /*margin: 0 auto;*/
}

.card {
    /*float: left;*/
    display: inline-block;
    zoom: 1;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 200px;
    border-radius: 5px;
    margin: 5px;
}

.card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.asortiman_slika {
    border-radius: 5px 5px 0 0;
}

.dugme:hover {
    opacity: 0.3;
}

.container {
    /*padding: 2px 16px;*/
    padding: 4px 0;
}

.naziv_opis {
    height: 70px;
} 

.dx-wrap dxtl dxtl__B0 {
    padding: 3px 6px 4px;
}

.dxgv{
    font-size:12px;
}

.dxgvDetailRow_Metropolis .dxgv {
    border-bottom: 3px solid #c0c0c0 !important;
}

.dxgvDataRow_Metropolis .dxgv {
    border: 1px solid #f0f0f0 !important;
}

.gridrow-static-height {
    min-height: 44px !important;
    height: 44px !important;
}
.gridrow-header-height {
    height: 15px !important;
    padding: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    line-height: 15px !important;
}
