.slikaLink img { border:1px #000000 solid; padding:2px; }
a.slikaLink:active img { border:1px #000000 solid; padding:2px; }
a.slikaLink:hover img { border:1px #0000ff solid; padding: 2px; }

body
{
	margin:0;
	background-color:#fff;
	color:#111;
	font-size:100%;
}
#head
{
	position:fixed; width:100%; margin:0;top:0;
}
#kontakt, #proizvodac, #linkovi, #keywords
{
	font-style:normal;
	font-family:  "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "Segoe UI",Geneva,Verdana, sans-serif;
}
#linkovi a, #linkovi a.visited, #linkovi a.hover
{
	color:#cccccc;
}
ul#keywords 
{
	float:right;margin:auto;
}
ul#keywords li
{
	width:25%;
	list-style:none;
	float:left;	
}
h1 
{
	font-style:normal;
	font-weight:bolder;
	font-family: "Segoe UI", sans-serif;
	font-size: 40px;
	line-height:40px;
	letter-spacing: 1px;
	color:#000;
	padding:0;
	margin:0;
	margin-top:2px;
}
h2
{
	font-style:normal;
	font-family: "Segoe UI", sans-serif,Geneva, Arial, Helvetica;
	font-size: 14px;
	color:#000;
	padding:0; margin:0;
	line-height:18px;	
}
h3
{
	font-weight:normal;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 0px;
	text-align: justify;
	text-indent: 25px;	
}
.bigi
{
	font-style:normal;
	font-family: "Segoe UI", sans-serif;
	font-size: 40px;
	line-height:40px;
	letter-spacing: 1px;
	color:#000;
}
.btn
{
	font-style:normal;
	font-family: "Segoe UI", sans-serif;
	font-size: 22px;
	letter-spacing: 0px;
	color:#00a;
	font-weight: bold;
}
.headertekst
{
	font-style:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #707070;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: 0.14em;
}
.tekst
{
	font-style:normal;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;	
	letter-spacing: 0px;
	text-align: justify;
	text-indent: 1.5em;
}
.tekstSize {font-size: 15px;}
.tablica
{
	font-style:normal;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
}
.meniBold
{
	font-style:normal;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}
.reftekst
{
	font-style:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	font-weight:bold;
}
.foottekst
{
	font-style:normal;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#444;
	line-height:14px;
}
.htekst
{
	font-style:normal;
	font-family: "Segoe UI", sans-serif,Geneva, Arial, Helvetica;
	font-size: 14px;
	color:#000;
}
.mtekst
{
	font-style:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#222222;
}
#sadrzaj
{
	background-color:#fff;
	background-repeat: repeat;
	padding-top:100px;
	padding-bottom:10px;
    text-align:center;
}
#sadrzajOne
{
	background-color:#fff;
	background-repeat: repeat;
	padding-top:80px;
	padding-bottom:110px;  text-align:center;
}
#footer
{
	position:relative; bottom:0px; right:0px; left:0px;
	border-top:2px solid #550000;
	background-color:#ffd;
    text-align:center;
}
#meniu
{
	font-style:normal;
	font-weight:bolder;
	padding:3px;
	font-family: "Segoe UI",Geneva, Arial, Helvetica, sans-serif;
	color:#fff;	
	line-height:1.5em;
}
.meniFont {	font-size: 0.85em;text-align: right;}
#meniu a 
{
	border:1px solid transparent;
	padding:1px;
	text-decoration:none;
	background-color:#000;
	color:#fff;
}
#meniu a:hover 
{
	background-color: #e40;
	padding:1px;
	text-decoration:none;
}
#meniu .selmen { color:#ffa;background-color:#d40;}

ul.tahografpopis li
{
    text-indent: 0px;
    margin-left: 1em;
}
ul#navigare {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 120px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigare li {
    width: 100px;
}
ul#navigare li a {
    display: block;
    margin-left: -2px;
    width: 70px;
    height: 70px;    
    background-color:#fafafa;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #cFcFcF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigare .home a{
    background-image: url(fb-ikona.png);
}
ul#navigare .about a      {
    background-image: url(twitter-ikona.png);
}
ul#navigare .search a      {
    background-image: url(mail-ikona.png);
}
ul#navigare .wp a      {
    background-image: url(wp-ikona.png);
}
.button{
	/*float:right;*/
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	box-shadow:inset 0px 1px 0px 0px #ee97fe;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #da3df6), color-stop(1, #b51ed0) );
	background:-moz-linear-gradient( center top, #da3df6 5%, #b51ed0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3df6', endColorstr='#b51ed0');*/
	background-color:#da3df6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:3px solid #d133ed;*/
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:13px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b115cd;
	/*width:195px;*/
}.button:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b51ed0), color-stop(1, #da3df6) );
	background:-moz-linear-gradient( center top, #b51ed0 5%, #da3df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b51ed0', endColorstr='#da3df6');*/
	background-color:#b51ed0;
}.button:active {
	position:relative;
	top:1px;
}
.button.narancasti { background-color: #ff9c00; }
.button.narancasti:hover { background-color: #ee8c00; }
button a { color:#fff; text-decoration:none;}
button a:hover { color:#0ff; text-decoration:none;}

#downloads
{
	width:auto;
	clear:both;
}
#pola1
{ width:50%;
  float:left;
}
#pola2
{
	width:50%;
	float:right;
}
.downloadnaslov
{
	font-family: 'PT Serif', serif;
	font-size:18px;
	font-style: italic;
  	font-weight: 700;	
}
.downloadtekst
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size:11px;
	margin-left:10px; margin-right:10px;
}
.hint{
	margin:5px;padding:5px;border:1px solid #aaaaaa;background-color:#ffffcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}
#top1
{
    z-index:99;background-color:#000;border-bottom:2px solid #660000;
}
#top2
{
    width:100%;z-index:98;background-color:#ffffdd;padding-top:2px;
}
#top3
{
height:10px;width:100%;z-index:99;border-top:2px solid #aa0000;
}
#bocni
{
    margin-top:10px;height:55px;text-align:center;
}
#tahologo
{
	text-align:right; margin-left:10px; float:right;
}
#htekstovi
{
	text-align:right;float:none;
}
#iblogo
{
	float:left;
	padding:0.2em;
	display:inline;
}
#info
{
	margin:auto;max-width:900px;padding-left:20px;padding-right:20px;vertical-align: text-top;border: 0px;
}
#keywords
{
		color:#cccccc;
		background-color:#444444;
		border-bottom:3px solid #660000;
		font-size:0.9em;
		line-height:1.1em;
		padding-top:0.8em; padding-bottom:0.8em;	
		width:100%;		
}
#linkovi
{
		color:#ffffcc;
		background-color:#000000;
		border-bottom:1px solid #660000;
		font-size:1em;
		line-height:1.1em;	
		padding-top:0.8em; padding-bottom:0.8em;
		clear:both;		
}
.linkoviHead 
{
		color:#ffffff;
		font-weight:bold;
}
#kontakt
{ 
		float:left; 
		text-align:left;
		padding:1em;
		font-size:0.7em;
}
#proizvodac
{ 
		float:right; 
		text-align:right;
		padding:1em;
		font-size:0.7em;
}
#fblok
{
		background-color:#ffffcc;	
		max-width:900px;
		margin:auto;
}
#uvodimg {border:1px solid #cccccc;padding:0;margin:10px;float:left;}
.sadd {color: #999999;font-weight:bold;}
.cclear {text-align:center;text-indent:0;}

@media screen and (max-width: 768px) {
	#head
	{
		position:relative; width:100%; margin:0;top:0;
	}
	#tahologo
	{
		visibility:hidden;
		display:none;
	}
	#sadrzaj
	{
	background-color:#fff;
	background-repeat: repeat;
	padding-top:10px;
	text-align:center;
	}
	h1
	{
		font-size:220%;
		line-height:100%;
		letter-spacing:normal;
		padding-bottom:5px;
		padding-right:10px;
	}
	h2
	{
		font-size:90%;
		line-height:100%;
		padding-bottom:6px;
		padding-right:10px;
	}
	.meniFont
	{
		text-align: center;
		font-size: 0.82em;
	}
	ul.tahografpopis li
	{    
    	margin-left: 0.5em;
	}
	#linkovi
	{
		font-size:0.9em;
	}
	#keywords
	{
		font-size:0.8em;	
	}	
	ul#keywords 
	{
		float:right;margin:auto;
	}
	ul#keywords li
	{
		width:30%;
		list-style:none;
		float:left;	
	}
}

@media screen and (max-width: 600px) {
	#tahologo
	{
		visibility:hidden;
		display:none;
	}
	#iblogo
	{
		float:none;
		display:block;
		text-align:center;
	}
	h1
	{
		font-size:190%;
		line-height:100%;
		letter-spacing:normal;
		padding-bottom:4px;
	}
	h2
	{
		font-size:90%;
		line-height:100%;
		padding-bottom:8px;
	}
	h3
	{	
		font-size:0.89em;
	}
	.tekst
	{
		text-indent:0,5em;
	}
	.tekstSize
	{	
		font-size:0.89em;
	}
	#htekstovi
	{
	text-align:center;float:none;
	}
	.meniFont
	{
		text-align: center;
		font-size: 0.8em;
	}
	ul#navigare
	{
		display:none;
	}
	ul.tahografpopis li
	{
    	margin-left: 0;
	}
	#kontakt
	{
		color:#ff0000;
		background-color:#ffff88;
		font-size:1em;
		border-bottom:1px solid #dddddd;
		line-height:1.3em;	
		padding-top:0.8em; padding-bottom:0.8em;
		float:none;	
		text-align:center;
	}
	#proizvodac
	{
		color:#000000;
		background-color:#ffffcc;
		font-size:0.9em;
		border-bottom:2px solid #cccccc;
		line-height:1.1em;	
		padding-top:1em; padding-bottom:1em;	
		float:none;	
		text-align:center;
	}
	#linkovi
	{
		font-size:0.8em;
		clear:none;
	}
	#keywords
	{
		font-size:0.7em;				
	}	
	ul#keywords 
	{
		float:right;margin:auto;
	}
	ul#keywords li
	{
		width:45%;
		list-style:none;
		float:left;	
	}
	#top2
	{
		border-top:3px solid #e40;
		padding-top:5px;
	}
	.linkoviHead
	{
		display:none;
	}
	#cus
	{ display:none;}
}

@media screen and (max-width: 480px) {
	#uvodimg
	{
		float:none;
	}
}
@media screen and (max-width: 320px) {
	ul#keywords 
	{
		padding-left:0;
	}
	ul#keywords li
	{
		width:100%;
		list-style:none;
		margin:auto;
	}
	#kontakt
	{
		font-size:0.75em;
	}
	#proizvodac
	{
		font-size:0.7em;
	}
	
}