/* Base typography */

 body {	 
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  
text-align:center;
	font-size: 16px; 
	color: #5E1828;border:none;margin:0;padding:0;
	background: #fff ; 
    }

.banner{border:7px solid #FFE8E9;}

div#nav {font-size: 12px;font-weight:bold;margin: 0em;border-top: 4px solid #FFE8E9; border-bottom: 4px solid #FFE8E9;text-align:-moz-center;

 }
div#nav img {vertical-align: center;}
div#nav ul { padding: 0.3em; margin:0em; font-weight:bold;background:#BC0000;}
div#nav li {margin:0em;  display: inline; }
div#nav  a {  padding:  0.3em 0.8em 0.3em 0.8em; background: #FFCEF9; text-decoration: none;vertical-align: center; LETTER-SPACING: 0.1em;border: 1px #BC0000 solid; margin: 0;color:#dd0000;

 }
div#nav a:hover { background:#fff;}

div#nav img{border: 1px #6699ff solid;}
.nav {
		
	}
div#kod{
	font-size:14px;font-weight:bold;
	
	background: #F7BCD6; 
	background: linear-gradient(right,#FFE7F2 , #F7BCD6);  
	background: -moz-linear-gradient(right, #FFE7F2 ,#F7BCD6); 
	background: -webkit-linear-gradient(right, #FFE7F2 ,#F7BCD6);
}
div#kod a {
	text-decoration: none; color:#dd0000;
}
div#kod table{
	font-size:12px;font-weight:bold;color: #5E1828;
}

div#kontakt{
	display:inline-block; margin: 1em; vertical-align:top;text-align:left;
}

div#navmenu{
	
text-align:center;
text-align:-moz-center;
	background: #F7BCD6; 
	background: linear-gradient(top,#FFE7F2 , #F7BCD6);  
	background: -moz-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	background: -webkit-linear-gradient(top, #FFE7F2 ,#F7BCD6); height:45px;
}	
div#naslov{
	text-align:center;text-align:-moz-center;background:#FEFDEF; margin:0;
	height:140px; background-image: url("images/naslov.png"); background-repeat: repeat-x;  background-position: center; 
}

div#naslov table{
	width:100%;
}	
.popup{
      position: absolute;
      visibility: hidden;
      overflow: hidden; 
      border: 2px solid #aaa; border-style: groove;
      background-color:#C5EAFF;
      padding:0px;
      z-index:2000;
      }
.menuover{ padding-bottom: 0.5em;border-bottom:1px solid #C500AB;
border-radius:25px; }
.menuout{ padding-bottom: 0em}
div#list { margin:0.1em;padding:0px;text-align:left;background:#FFFFEB; width:80%;
border:0px solid #ddd;
border-radius:25px;}
div#list table {border-collapse: collapse;}
div#list td {padding:0;margin:0;}

div#naslov h2 {color:#444;font-size:10pt;padding:0;margin:0;font-weight:bold;  border:2px solid;
border-radius:15px;}
div#naslov table {text-align:center;text-align:-moz-center;margin:0;padding:0;}
div#naslov tr {margin:0;padding:0}
div#naslov td {padding:0;}
div#naslov img {margin:0;}
div#cit {height:130px;}
div#cit table {margin:0;padding:0;width:560px;border-collapse: collapse;text-align:center}
div#cit tr {margin:0;padding:0;}
div#cit td.ctop {margin:0;padding:0;height:12px; background-image:url('ctop.gif');}
div#cit td.cbottom {margin:0;padding:0;height:12px; background-image:url('cbottom.gif');}
div#citati {padding:0.5em; font-size:11pt;color:#B16400; width:85%;background-color:#FFF9BB;border:1px solid #FFE364;border-right:1px solid #FFE364;text-align:-moz-right;
text-align:right;
}
div#citat0 {padding:0.2em; margin:0.4em 0.4em 0.8em 0.4em; width:90%;color:#A05300;text-align:-moz-right;
text-align:right;
}

div#naslov img {cursor: pointer;}
div#citat {padding:0.3em; margin:0; font-size:11pt; background-color:#FFFBF0;border:1px solid #FFE364; text-align:justify;}
div#sadrzaj {text-align:center;text-align:-moz-center; width:100%;

    }
div#sadrzaj table {font-size:11pt;border-collapse: collapse;margin:0;padding:0;width:100%; text-align:center;text-align:-moz-center;border-collapse: collapse;}
div#sadrzaj td {vertical-align:top;text-align:center; text-align:-moz-center; }
div#sadrzaj h1, h2{font-size:16pt;font-family:Tahoma, sans-serif; padding-top:5px; text-transform: uppercase;;}
.kartinfo {font-size:12pt;padding:20px; background: #faeaf8;padding-top:10px ;}
.kartinfo2 {font-size:12pt;padding:20px ;padding-top:10px ;}
div#sadrzaj h3 {font-size:13pt;background-color:#A53496; font-weight:bold;margin:0;padding:0;margin-bottom:5px;text-align:center;color:#fff;
 background: -webkit-linear-gradient(right,#F3DFEF,#C3246F, #F3DFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#F3DFEF,#C3246F, #F3DFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#F3DFEF,#C3246F, #F3DFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#F3DFEF,#C3246F, #F3DFEF);}

div#sadrzaj p {margin:0 1em 1em 1em;text-align:justify; font-size:11pt;margin-top:-0.8em;border:none;
border-radius:25px;background-color:#FFF0FF;padding:1em;border-top:none;}
div#sadrzaj img {margin:1em}
.podnaslov {letter-spacing:0.05em;color:#A53496;  padding:0.2em;padding-left: 1em; padding-right:1em;
white-space:nowrap;
font-size:11pt;font-weight:bold; background-color:#E4B6E1; margin-bottom:-2em; z-index:3000;
border:3px solid #fff;
border-radius:15px;}
div#sadrzaj a { color:#D60072;}
div#sadrzaj a:visited {color:#9C4C77;text-decoration: none;}

div#sadrzaj a:hover {background:#E3D5DD;text-decoration: none}
.tdmenu { font-size:12pt;text-align:center;text-align:-moz-center; background:no-repeat; padding-top:1em;  margin:0.3em; display:inline-block;}
div#detalji {border:1px solid #FFE364;width:300px;height:400px}
div#skrol { overflow-y:auto;border:1px solid #FFE364;}
div#sadrzaj .datum {color:#C36F6F; border-bottom:1px solid #FFD74C;padding:0 0.1em 0 0.2em}
div#sadrzaj iframe {width:100%; height:400px; border:0px; margin:1em;}
div#sadrzaj table.forma td {padding:0;margin:0;}
div#sadrzaj .upozorenje {color:#C500AB;}
div#sadrzaj img { margin:0.2em; }
div#okvir {font-family:Verdana;font-size:12pt;margin-top:-0.8em; z-index:1000;border-top:none;
border:1px solid #eee; 
border-radius:25px;
  width:200px; background-color:#F5F2ED; text-align:center;text-align:-moz-center;padding:1em;padding-top:0.2em;padding-bottom:0.5em;}
div#okvir2 {font-size:11pt; z-index:1000;
border:1px solid #ddd; 
border-radius:25px;
  width:200px; background-color:#FFF; text-align:center;text-align:-moz-center;padding:1em;}
.srce {position:absolute;
margin-left:170px; margin-top:-14px; width:32px; height:32px; cursor:pointer; background-image:url('images/srce2.gif'); text-align:center; }
.like_inp {border:none; color:black; margin-left:-1px;  width:28px;border:none; outline: none;background:none;cursor:pointer; margin-top:6px;font-family:Helvetica;font-size:9pt;padding:0;color:#eee; text-align:center;}
.srce:hover {background-image:url('images/srceon2.gif');}
.srceon {background-image:url('images/srceon2.gif');}
div#footer{font-family: Verdana, Geneva, Tahoma, sans-serif; 
	color:#686868;
	
	border:none;box-shadow: 0 0 8px #888888;
	background: #C2C2C2; 
	background: linear-gradient(top,#F7BCD6 , #E6E6E6);  
	background: -moz-linear-gradient(top, #F7BCD6 ,#E6E6E6); 
	background: -webkit-linear-gradient(top, #F7BCD6 ,#E6E6E6); 
	
}
div#footer table{ width:90%; font-family:Arial;
	font-size:9pt;}
div#footer td{ text-align:left;}

div#divtel{text-decoration: none;
	width:220px;font-size:11pt;background: #2fbd00;color:#fff;padding:5px;margin:2px;
}
div#divtel a{
	text-decoration: none;
}
div#footer a{ 	color:#7A7A7A; text-decoration:underline}
.dodlink{font-size: 10pt;
font-weight: bold; cursor:pointer;
text-transform: uppercase; text-decoration: none;
list-style: none;padding:10px; margin:2px;
color:rgb(128, 0, 64);width:200px;background:#ffd8e4
}
			.dodlink a{ text-decoration: none;}
.novosti {
	border:1px solid #F4F0E2;margin:0em 1em 0em 1em; text-align:left; cursor:pointer;
	 
	}
	.novosti:hover {background:#FFF0FF;}
.novosti img{
	border:2px solid #ddd;
	}
div#kartica{
	background:#EEC1D5; background-image: url("cijenaback.png"); background-repeat: repeat-y;  background-position: center; 
	border-bottom:2px solid #FFE7F2;border-top:2px solid #FFE7F2; box-shadow: 0 0 5px #888888; font-family:Verdana,Helvetica; 
min-height:30px; padding-top:0.2em;padding-bottom:0.2em; color:#6A4C56;font-size:8pt;
margin-top:-0.3em; margin-bottom: 0.3em;
 
}
div#kartica11{
	border-bottom:2px solid #FBDFE8;border-top:2px solid #FFEBFA; font-family:Verdana,Helvetica; 
min-height:30px; padding-top:0.2em;padding-bottom:0.2em; color:#714552;font-size:8pt;
 margin-top:-0.3em; margin-bottom: 0.3em;
 background:#FFF9FE;
 
}

div#novo { position:absolute;left:-18px; top:-6px;font-weight:bold; color:#fff; font-family:Arial;
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); /* IE 9 */
	-webkit-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
	background-color:#f455b6;border:0px solid #fff; border-radius:15px; padding:0.2em; padding-left:0.6em; padding-right:0.6em;
}
div#novo_galerija {  float: left;
       position: relative;
       
       z-index: 1000;left:20x; top:20px;font-weight:bold; color:#fff; font-family:Arial; 
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); /* IE 9 */
	-webkit-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
	background-color:#FF0B0B8C;border:0px solid #fff; border-radius:15px; padding:0.2em; padding-left:0.6em; padding-right:0.6em; width:40px; margin:-20;margin-left:-15;
}
.tablenew { width:100%; height:130px; border:0px solid;z-index:100;border-radius:25px;position:relative; }

.tablenew2 { width:100%; height:120px; border:0px solid;z-index:100;border-radius:25px;position:relative;}

.galerija {
	float: left; width:110px; height:100px; padding: 2px;text-align:center;text-align:-moz-center;
}
.galerija a {text-transform:uppercase;color:#DD0000;font-weight:bold; font-size:11pt;}

.desno {text-align:-moz-right;
text-align:right;
	}

div#menu {
	width:100%;
	min-width:900px;
}
	
div#menu ul ul {
	display: none;z-index: 5000 
}

	div#menu ul li:hover > ul {
		display: block;
	}


div#menu ul {
	
	font-size: 10pt; font-weight:bold;
	text-transform: uppercase;
	padding: 0 ;
	list-style: none; 
	position: relative;
	display: inline-table;  
white-space:nowrap; 
	background: #F7BCD6; 
	background: linear-gradient(top,#FFE7F2 , #F7BCD6);  
	background: -moz-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	background: -webkit-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	 padding:0;margin:0
}
	div#menu ul:after {
		content: ""; clear: both; display: block; 
	}

	div#menu ul li {
		float: left; border-left:2px solid #EEDDE3;border-right:2px solid #EEDDE3; 
		
	
	}
		div#menu ul li:hover {
			background: #F494BE; 
			background: linear-gradient(top, #FFE7F2, #F494BE);
			background: -moz-linear-gradient(top, #FFE7F2 , #F494BE);
			background: -webkit-linear-gradient(top, #FFE7F2,#F494BE);
		}
			div#menu ul li:hover a {
				color: #AA3B5C;
			}
		
		div#menu ul li a {
			display: block; padding: 8px 15px; font-weight:bold; 
			color: #AA3B5C; text-decoration: none; 
		}
			
		
	div#menu ul ul {
		background: #F7BCD6; border-radius: 0px; padding: 0;
		position: absolute; top: 33px; color: #fff;text-align:left;
		
			background: #FFE7F2; 
	}
		div#menu ul ul li {
			float: none; border-bottom:#FFDEEC; border-bottom:2px solid #E5D7DD;
		}
			div#menu ul ul li a {
				padding: 8px 18px;
				color: #fff; 
			}	
				div#menu ul ul li a:hover {
					background: #F494BE; 
				}
		
	div#menu ul ul ul {
		position: absolute; left: 100%; top:0;  width: 400px; font-size: 11px;
	}	
	
	
	
	div#menumob {
	margin: 0; margin-top:-3px; z-index: 100; background:#1C75B5 ; font-size:16px;
	z-index:1000;

	list-style: none; text-align:left;
	line-height: normal; 
	padding: 0 ;
	list-style: none; 
	position: relative;
	display:block;
	white-space:nowrap; 
	background: #F7BCD6; 
	background: linear-gradient(top,#FFE7F2 , #F7BCD6);  
	background: -moz-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	background: -webkit-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
 padding:0;margin:0;
	color: #AA3B5C;
}
	div#menumob ul:after {
		content: ""; clear: both; display: block; 
	}
div#menumob ul  {
	text-transform: uppercase;
	padding: 0 ;
	display:block; width:100%;
	list-style: none; 
}

div#menumob ul ul {
	text-transform: uppercase;
	padding: 0 ;
	display:none; width:100%;
	list-style: none; 
white-space:nowrap; 
		background: #F7BCD6; 
	background: linear-gradient(top,#FFE7F2 , #F7BCD6);  
	background: -moz-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	background: -webkit-linear-gradient(top, #FFE7F2 ,#F7BCD6); 
	 padding:0;margin:0
}
	div#menumob ul ul:after {
		content: ""; clear: both; display: block; 
	}


	div#menumob ul  li:hover > ul {
		display: block;
	}
div#menumob ul ul ul {
	display: none;z-index: 5000; 

		border-radius: 0px; padding: 0; padding-left:8px;
		top: 100%; text-align:left;
		background: #F7BCD6;color: #fff;

}

	div#menubol ul ul li:hover > ul {
		display: block;
	}

	
		div#menumob ul ul li:hover {
		
					background: #F494BE; 
	
		}
			
		
		div#menumob ul ul li a {
			display: block; 
	padding-top:6px; padding-bottom:6px;
			
				
	text-decoration: none;
	color: #AA3B5C;
		}
		
					
		div#menumob ul ul ul li a {
background: #E3E3E3;  color: #AA3B5C; 	border-bottom:0px solid #00438A;

		}
		div#menumob ul ul ul li a:hover {
		background: #D9D9D9;
	
		}