body
{
    margin: 5px;
    padding: 0px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    color: rgb(51, 51, 48);
    background: #2b4a63;
    background-image: url("bg.png");    
}

h1
{
    color: rgb(178, 8, 56);
}

image
{
    border: none;
}

.Header
{
    position: relative;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background: #fff;
    width: 990px;
}

#shop-header
{
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    width: 990px;
    margin-bottom: 5px;
    color: rgb(130, 130, 130);
}

#shop-content
{
    padding: 5px 20px 5px 20px;
}

#shop-content img
{
    vertical-align: middle;
}

.Content
{
    position: relative;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    width: 990px;
    min-height: 400px;
}

.Footer
{
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #4b6c9e;
    width: 990px;
}

.FooterSadrzaj
{
    padding: 30px;
    position: relative;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    color: #fff;
}

.Razmak1
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    height: 5px;
}

.Razmak2
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-color: #4c9c9e;
    height: 10px;
    background-image: url("stripe.png");
}

.Copyright
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-color: #4b6c9e;
    color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

#divDetail
{
    padding: 20px;
}

#divDetail2
{
    padding: 20px;
}

#hMenu
{
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 990px;
    background-color: #fff;
}

#hMenu ul li a
{
    display: inline-block;
    white-space: nowrap;
    width: 100px;
    height: 25px;
    background-color: #4b6c9e;
    text-align: center;
    padding-top: 5px;
    text-decoration: none;
    color: #FFFFFF;
}

#hMenu li:hover				{ opacity: 0.9; -moz-opacity: 0.9; }

#hMenu ul li				{ float: left; margin: 0 5px 0 0; padding: 0; }
#hMenu ul					{ list-style: none outside none; margin: 0; padding: 0 0 0 0; overflow: hidden; }

.hidden
{
    display: none;
}

.btnMali		{ background-color: #4b6c9e; width: 120px; height: 35px; border-radius: 0px; 
        		  box-shadow: 1px 1px 1px #E1E1E1;
        		  font-size: 13px; padding-bottom: 1px; border: 0; color: #FFF; white-space:normal; }
.btnMali:hover, .btnFind:hover	{ cursor: pointer; filter: alpha(opacity=90); opacity: 0.9; }

.btnFind
{ 
    background-color: #4b6c9e; 
    color: #FFFFFF;
    padding-bottom: 5px;
    width: 100px; 
    height: 29px; 
    border: 0;
    margin: 0;     
}

.findDiv
{
    width: 300px; 
    height: 29px; 
    border: 0;
    margin: 0;    
    border: solid #4b6c9e 1px;
    border-top: none;
}

.FindTextBox
{
    height: 18px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 180px;
    border: none;
}

.lblReq, .ErrorMessage	{ color: #F00;}
.spacer		{ height: 25px; }
.mlTextBox	{ width: 50%; height: 100px; }

#divDetail textarea		{ padding: 10px; font-family: Arial, Helvetica; font-size: 1.0em; }
#divDetail select		{ height: 33px; margin-top: 8px; padding-top: 6px; width: 250px; border: 1px solid #E1E1E1; border-radius: 5px; }

#divDetail input[type=text], textarea
{
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	margin-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	background: url("/Images/inputBg.png") repeat-x scroll 0 0 #FFFFFF;
	height: 30px;
	width: 230px;
}

.tblKontakt input[type=text]
{
	height: 30px;
	width: 630px;
}


#divDetail input[type=text]:hover, textarea:hover
{
	border: #4992C4 1px solid;
}

#divDetail input[type=text]:focus, textarea:focus
{
	border: #0861A0 1px solid;
}

#map_canvas	{ width: 950px; height: 450px; overflow: hidden; margin-bottom: 30px; margin-left: 20px; }

.Footer ul
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.Footer ul li
{
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    padding-right: 10px;
}

.Footer a, .Footer a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}

.Footer a:hover
{
    text-decoration: underline;
}

.tdDjelBorder 
{ 
    border-bottom: 5px solid #CFD7E4; 
    -moz-transition: border 0.4s ease-in 0s; 
    padding-bottom: 10px;
    text-align: justify; 
}

.tdDjelBorder:hover		{ border-bottom: 5px solid #0861A0; -moz-transition: border 0.3s ease-in 0s; }

.djelatnosti a
{
    text-decoration: none;
    color: #000;
}

.djelatnosti h2
{
    color: rgb(178, 8, 56);
}

#divDetail a
{
    text-decoration: none;
    color: #000;
}

.arhiva a
{
    text-decoration: none;
    color: rgb(178, 8, 56);
}

.arhiva a:hover
{
    text-decoration: underline;
}

.ArticleImage
{
    float:left;
    padding: 0px 20px 10px 0px;
}

.ArticleNaslov
{
    float:left;
    text-align: left;
    width: 370px;
    line-height: 2.4em;
}

.ArticlesImages
{
    float: left;
    width: 80px;
    right: 0px;
    text-align: right;
}

.ArticleText
{
    float: left;
    text-align: justify;
    width:100%;
}

.ClanakImage
{
    float: left;
    margin-right: 20px;
}

.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.clear
{
    clear: both;
}

.tdClanak h2
{
    color: rgb(178, 8, 56);
    font-size: 1.2em;
}

.Opis
{
    text-align: justify;
}

.accordion a:link, .accordion a:visited
{
    text-decoration: none;
    color: rgb(130, 130, 130);
}

.accordion a:hover
{
    text-decoration: none;
    color: #000;
}

.accordion .Grupa
{
    text-transform: uppercase;
    border-bottom: 1px solid rgb(188, 188, 188);
    padding-top: 5px;
    padding-bottom: 5px;
}

.Podgrupa
{
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(188, 188, 188);
}

.ProizvodiList
{
	float: left;
	width: 350px;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

.PodGrupaTitle
{
 	padding: 5px 10px 2px 10px;
 	margin-bottom: 10px;
	background-color: rgb(215, 211, 228);
	color: rgb(124, 124, 124);
	text-transform: uppercase;
}

.gridProizvodiRow td
{
    padding-bottom: 30px;
}

.PodGrupaTitle td
{
    padding-bottom: 3px;
}

.NaslovProizvoda
{
	padding: 5px 10px 5px 10px;
	background-color: rgb(225, 241, 238);
	height: 35px;
}

#Proizvod a, #Proizvod a:visited
{
	text-decoration:none;
    margin: 0px;
    color: rgb(124, 124, 124);
}

.SlikaProizvoda
{
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.ContentProizvoda
{
	color: #676767;
	padding: 10px 10px 10px 10px;
	position: relative;
	text-align: left;
	height: 200px;
	overflow: hidden;
}

.cijena-div
{
    padding: 10px 10px 10px 10px;
	color: #000;
	font-size: 11px;
	text-align: right;
}

.selected
{
    color: #fff;
    font-weight: bold;
}

.Pager input
{
    width: 30px;
    font-size: 12px;
    padding: 1px;
    border: solid 1px #9F9F9F;
}

span.PagerButton
{
     padding-left: 3px;
     padding-right: 3px;
}

.center
{
    text-align: center;
}

.small
{
    font-size: 0.8em;
}

.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    border:10px solid #666;
 }
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../../App_Themes/Shop/Images/close-icon.png);
    position:absolute;
    right:-20px;
    top:-20px;
    cursor:pointer;
    height:32px;
    width:32px;
    z-index: 10001;
}


.modal {
    background-color:#fff;
    display:none;
    width:350px;
    text-align:left;
    border:2px solid #000;
    z-index: 10000;
    color: #000;
  }
   
.PopUpTitle
{
    position: relative;
    padding: 3px 15px 3px 15px;
    background-color: #E1F1EE;
    color: #000;  
}

.PopUpContent
{
    padding: 15px;
}

.modal th
{
    text-align: left;
}

#shop-content ul li
{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

#shop-content a, a:visited
{
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(130, 130, 130);
}

#shop-content a:hover				
{ 
    text-decoration: none;
    text-decoration: none;
    color: rgb(220, 128, 156);
}

.lblKosarica
{
    padding-left: 10px;
}

.failureNotification
{
    color: Red;
}

.Register2
{
    padding-left: 20px;
}

.Login2
{
    padding-left: 20px;
}

.tabela th
{
    text-align: left;
}

.kosarica-detalj
{
    padding: 10px;
    border: 1px solid rgb(75, 108, 158);
    border-radius: 14px 14px 14px 14px;
    text-align: left;
    width: 235px;
    color: #2E6E9A;
}

.kosarica-detalj-buttons
{
    text-align: center;
    padding-top: 10px;
    width: 100%;
}

.kosarica-detalj a, .kosarica-detalj a:visited
{
    color: rgb(130, 130, 130);
    text-decoration: underline;
}

.kosarica-detalj img
{
    vertical-align:middle;
}

a.button{
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	background:#f2f2f2;
	font-size:11px;
	line-height:17px;
	border-radius:2px
}

a.button span{
	color:#333333;
	display:inline-block;
	padding:4px 16px;
	white-space:nowrap;
	font-size:11px;
	line-height:17px;
	text-transform:lowercase;
	font-weight:bold;
}

a.button:hover{
	background:#dc809c;
}

.button:hover span{
	color:#fff;
}

#progressBackgroundFilter {
        position:fixed;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        overflow:hidden;
        padding:0;
        margin:0;
        background-color:#000;
        filter:alpha(opacity=50);
        opacity:0.5;
        z-index:900002;
        text-align: center;
}

#processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding:10px;
    width:14%;
    z-index:900003;
    background-color:#fff;
    border:solid 1px #000;
    text-align: center;
    color: #000;
}  

.kosarica-pregled
{
    padding: 20px 40px;
    background-color: #fff;
    min-height: 500px;
}

.grid a, .grid-kosarica a
{
    text-decoration: none;
    color: rgb(25, 25, 25);
}

.grid a:hover, .grid-kosarica a:hover
{
    text-decoration: none;
    color: rgb(220, 128, 156);
}

.grid-kosarica th
{
    font-weight: bold;
    color: #000;
    padding: 5px;
    background-color: #fff;
    height: 30px;
    vertical-align: bottom;
    white-space: nowrap;
    border: 1px solid rgb(214, 214, 214) !important;
}

.grid-kosarica td
{
    border: 1px solid rgb(214, 214, 214) !important;
}

.grid-kosarica tr:last-child
{
    font-weight: bold;
}

.grid-kosarica td:last-child
{
    font-size: 17px;
}

.tabela2
{
    border-collapse: collapse;
}

.tabela2 td
{
    border: 1px solid rgb(214, 214, 214) !important;
    padding: 3px;
    margin: 0px;
}

.tabela2 th
{
    border: 1px solid rgb(214, 214, 214) !important;
    padding: 3px;
    margin: 0px;
    font-weight: bold;
}

.ItemPadding9
{
    padding-top: 9px;
}

/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 * Disclaimer: if you still get fined for not complying with the eu cookielaw, it's not our fault.
 */
 
.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  padding:5px 85px 0 20px;
  height: 30px;
  background:#fff;
  border-top:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
  color: White;
  border-bottom:1px solid #0E83AE;
  background-color:#0990c3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);
}

.cookiebar-close, .my-close-button {
  position:absolute;
  top:0; *top:-2px; right:20px;
  cursor:pointer;
}
.cookie-message p, .cookie-message a, .my-close-button a {
  color: White;
  font:bold 11px/18px Arial;
  margin:0.6em 0;
}
.blue {
  border-bottom:1px solid #0E83AE;
  background-color:#0990c3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);
}
.blue p, .blue a { color:#fff; }