#main_nav a{color:inherit;text-decoration:none;}
.active a{background:#35629e;opacity:1;}
img{border:0;}
a{-moz-user-select: none;-webkit-user-select: none;user-select:none;}
#bottom{width:100%;background:black;height:30px;margin:0 auto;padding-top:15px;}
#sent{color:white;width:70px;}
#phone{color:#222;}
a{color:#0196e3;}

#diners{position:absolute;right:30px;top:50px;z-index:5;}
#kroacia{position:absolute;right:173px;top:50px;z-index:5;}
#produkt_head{background:#e5e2e2;height:30px;position:absolute;top:0px;left:0px;width:700px;
font-family:Arial, Helvetica, sans-serif;font-size:26px;padding:10px;z-index:-1;color:#35629e;}
#produkt_content{font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#333333;margin-top:50px;margin-left:20px;}
#produkt_content p{margin-top:10px;}
#produkt_content ul{list-style-type:none}
#grafik{
position:absolute;
right:5px;
top:200px;
width:250px;	
border:1px solid gray;
z-index:10;
cursor:alias;
transition:width ease-in-out 0.3s;
overflow:visible;
}
#grafik:hover{width:99%;}
#grafik2{
position:absolute;
right:5px;
top:150px;
width:180px;	
border:1px solid gray;
z-index:10;
cursor:alias;
transition:width ease-in-out 0.3s;
overflow:visible;
}
#grafik2:hover{width:70%;}
@font-face {
    font-family: "mchicago";
    	src:  url('../font/Macedonian_Chicago.eot?#iefix') format('embedded-opentype'),url('../font/Macedonian_Chicago.ttf');
}

@font-face {
    font-family: "mbahamas";
    src: url('../font/Macedonian_Bahamas.eot?#iefix') format('embedded-opentype'),url('../font/Macedonian_Bahamas.ttf');
}

@font-face {
    font-family: "mhelv";
    src: url('../font/Macedonian_Helv.eot?#iefix') format('embedded-opentype'),url('../font/Macedonian_Helv.ttf');
}


body{width:100%}
#wrap{height:1125px;width:1000px;margin:0 auto;margin-top:25px;position:relative;}
#contactwrap{height:auto;width:1000px;margin:0 auto;margin-top:25px;position:relative;}
#productwrap{height:1200px;width:1000px;margin:0 auto;margin-top:25px;position:relative;}
#top{height:90px;}
#logo{position:absolute;left:0;top:10px;}
#contactnum{font-family:"mchicago";
position:absolute;right:0;top:61px;color:#35629e;
font-size:18px;
}

#main_nav{list-style-type:none;
margin:0;
padding:0;
font-family:"mbahamas";
color:white;
font-size:24px;
background:url('../img/nav.png');

height:40px;
padding-top:5px;
border-radius:8px;
border:-3px solid #90969e;
}
#main_nav li{display:inline;
}
#main_nav li > a{padding-right:20px;
border-radius:8px;
border:2px solid transparent;
padding-left:20px;
cursor:pointer;
transition:background 0.3s ease-in-out;overflow:hidden;}
#main_nav li>a:hover{background:#35629e;opacity:1;}

#content{margin-top:15px;}
.kategorii a{text-decoration:none;}
.kategorii a:hover{color:#FFF}
.kategorii a{color:#707479;}
.kategorii{ width:250px;height:370px; float:left;
	background:black;
	border:3px solid #7e7e7e;
	border-radius:7px;
	overflow:hidden;
	}

.kategorii li{cursor:pointer;}
.kat_head{background:#35629e;margin:0px;padding:0px;
font-family:"mbahamas"; font-size:20px;
text-align:left;
padding-left:30px;
border-top-left-radius:3px;
border-top-right-radius:3px;
height:30px;
}

.kat_ul li:hover{color:white;}
.kat_ul{list-style-type:none;
font-family:"mbahamas"; font-size:20px;
margin-left:20px;

list-style:url('../img/list.png');
color:#707479;
}

#novi_produkti{ width:720px;height:370px;float:right;border:2px solid #7e7e7e;
	border-radius:7px;position:relative;}
#novi_prod_head{background:#e5e2e2; font-family:"mbahamas"; font-size:20px;
text-align:left;
color:#060606;
padding-left:30px;
padding-top:2px;
border-top-left-radius:3px;
border-top-right-radius:3px;
height:30px;
}

.produkt{height:270px;width:160px;position:relative;
border:1px solid #c7cacb;
border-radius:7px;
}
.produkt_bot{height:90px;width:100%;
position:absolute;bottom:0px;
background:url('../img/prod_bot.png');
background-repeat:repeat;}
.prod_name{font-family:Arial, Helvetica, sans-serif;font-size:14px; text-align:center;color:#444;margin-top:5px;}
.procitaj{position:absolute;bottom:10px;left:17px;opacity:0.9;cursor:pointer;}
.procitaj:hover{opacity:1;}
  .prod_img{width:100px;height:165px;margin-left:30px;margin-top:20px;}
    .prod_img2{width:160px;height:200px;}


#novi_prod_ul{list-style-type:none;width:690px;
padding:0px;
margin-left:27px;
margin-top:20px;
}
#novi_prod_ul li{display:inline;float:left;margin-right:5px;}


#footer{height:350px;padding-top:25px;width:100%;background:url(../img/footer.jpg);float:right;}
#footcont{width:1000px;height:350px;margin:0 auto;}
#foot_info{width:333px;height:350px;float:left;}
#foot_proj{width:333px;height:350px;float:left;text-align:right;}
#foot_contact{width:333px;height:350px;float:right;text-align:right;}

.info{font-size:16px;color:#858585;font-family:'mbahamas';border-bottom:1px solid #858585;margin-bottom:15px;padding-bottom:5px;width:300px;}
h1{color:#cbcbcb;}
.head{font-family:'mbahamas';}
textarea { overflow: auto; }    


#foot_contact input,textarea{
-webkit-box-shadow: inset 0 0 5px 5px #040404;
box-shadow: inset 0 0 5px 5px #040404;}
#foot_contact  form{border:0;float:right;}
fieldset{border:0}

#commentForm{display:block;width:220px;
border:0;

}

#cname
{width:100%;
height:20px;
display:block;
margin-bottom:10px;
font-style:italic;
font-family:'mbahamas';color:#344e78;
font-size:16px;
border:#272727 solid 1px;
background:#0c0c0c;
color:#b7b6b6;
border-radius:6px;
padding-left:5px;

}
#cmail
{display:block;
width:100%;
height:20px;
font-style:italic;
margin-bottom:10px;
border-radius:6px;
padding-left:5px;
font-family:Georgia, "Times New Roman", Times, serif;color:#344e78;
font-size:14px;
border:#272727 solid 1px;
background:#0c0c0c;
color:#b7b6b6;}
#cmessage
{display:inline-block;
font-style:italic;
background:#0c0c0c;
color:#b7b6b6;
border-radius:6px;
padding-left:5px;

font-family:'mbahamas';
font-size:15px;
border:#272727 solid 1px;
width:100%;
height:110px;
resize:none;
margin-bottom:10px;
}

#ccontent{position:relative;height:auto;padding-bottom:20px;overflow:auto;}
#kontakt_left{
width:250px;
height:auto;
float:left;
}

#pic_bot{position:absolute;bottom:20px;left:0px;}
#kontakt_right{
	float:right;
	margin-top:15px;
	padding-top:20px;
	width:720px;
	height:auto;
	padding-bottom:15px;
	border:2px solid #7e7e7e;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	min-height:700px;
	}
	
#produkt_right{
	position:absolute;
	padding-top:20px;
	width:720px;
	height:auto;
	padding-bottom:15px;
	border:2px solid #7e7e7e;
	border-radius:10px;
	top:10px;
	right:0px;
	}
	
.clabel{display:block;
width:320px;
height:25px;
font-style:italic;
padding-left:5px;
font-family:'mbahamas';color:#344e78;
font-weight:lighter;
font-size:18px;

color:#898888;
}
.cinput{display:block;
width:320px;
height:32px;
font-style:italic;
margin-bottom:10px;
border-radius:6px;
padding-left:5px;
font-family:'mbahamas';color:#344e78;
font-weight:lighter;
font-size:17px;
border:#c0bcb4 solid 1px;
background:#f5f5f5;
color:#898888;
-webkit-box-shadow: inset 0 0 5px 5px #dddddd;
box-shadow: inset 0 0 5px 5px #dddddd;}

.send{background:#35629e;width:120px;height:40px;
border-radius:7px;border:0;color:white;font-family:Arial, Helvetica, sans-serif;font-size:16px;margin-left:210px;cursor:pointer;
}
.send:hover{background:#222;}
#poraka{padding-top:35px;}

.submit{background:#222;color:white;border:1px solid #797979;border-radius:7px;width:110px;height:27px;float:right;	
	cursor:pointer;}
.submit:hover{background:#35629e;}

.ctarea{display:block;
width:320px;
height:230px;
font-style:italic;
margin-bottom:10px;
border-radius:6px;
padding-left:5px;
font-family:'mbahamas';color:#344e78;
font-size:17px;
border:#c0bcb4 solid 1px;
background:#f5f5f5;
color:#898888;
-webkit-box-shadow: inset 0 0 5px 5px #dddddd;
box-shadow: inset 0 0 5px 5px #dddddd;
resize:none;
}
#cform{}
.p1{color:#7f7e7e;
font-family:'mbahamas';font-size:16px;margin-left:15px;margin-top:-10px;padding-bottom:15px;
height:10px;
}


#kmail{font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;}

#adresa{width:315px;height:310px;background:#f3f0e7;border:1px #dfddd6 solid;border-radius:10px;
position:absolute;right:35px;top:75px;
}

#adresahead{color:#35629e;font-family:'mbahamas';font-size:24px;border-bottom:#cbcbcb 2px dashed;margin-left:20px;width:250px;}
.adresatext{font-size:17px;font-family:'mbahamas';color:#383838;margin-left:20px;line-height:20px;}
#adresamail{font-family:"Myriad Pro", "Myriad Pro Light", "Palatino Linotype"}


#zanas_head{font-family:'mchicago';color:#242429;margin-left:20px;font-weight:bold;}
.zanas_blue{font-family:'mhelv';color:#35629e;font-size:14px;}
.zanas_normal{padding-left:20px;padding-right:30px;font-family:'mhelv';color:#7f7e7e;font-size:14px;text-align:justify;}






.simplePagerContainer ul{list-style-type:none;position:absolute;bottom:20px;left:10px;}
.simplePagerContainer ul > li{display:inline;margin-right:10px;background:#303030;color:white;}
.simplePagerContainer ul > li > a{display:inline;padding:6px 8px 6px 8px;background:#303030;color:#f4b605;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:bold;text-decoration:none;}
.simplePagerContainer ul > li > a:hover{background:#f7b520;color:white;}

ul.paging li {
    padding: 10px;
    background: #83bd63;
    font-family: georgia;
    font-size: 24px;
    color: #fff;
	
    line-height: 1;
    width: 180px;
    margin-bottom: 1px;
}

ul.pageNav li{
    display:block;

    padding: 3px;
    font-family: georgia;
}

ul.pageNav li a{
    color: #333;
    text-decoration: none;
}

li.currentPage {
	background: red;
        background: #83bd63;	
}

ul.pageNav li.currentPage a {
	color: #fff;	
}


.kat_ul li:hover > div{
max-height:1000px;opacity: 1; height: auto;
-webkit-transition:max-height 0.7s ease, opacity 1s ease;
transition: max-height 0.7s ease-in-out,opacity 1s ease;}

.kat_ul li > div{display: block;
 opacity: 0; height: 0; overflow: hidden;max-height:0px;
-webkit-transition: max-height 0.5s ease-in-out,opacity 0.5s ease;
transition:max-height 0.5s ease-in-out,opacity 0.5s ease; 
}
.sel {color:white;}
.selected a:visited{color:white;}
.pumps > li{font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.pumps{list-style:none;}
.related_container{
	margin-left:25px;width:700px;margin-top:20px;
}

.related{
	height:220px;width:160px;
border:1px solid #c7cacb;
border-radius:7px;
	float:left;
	margin:4px;
	position:relative;
}
.prod_ime2{position:absolute;bottom:10px;left:13px;width:140px;text-align:center;color:#fdfdfd;font-size:13px;color:black;}

.prod_ime{position:absolute;bottom:10px;left:23px;width:120px;text-align:center;color:#fdfdfd;font-size:13px;}
.prod_back{position:absolute;bottom:0;left:20px;z-index:-1;}


#partneri{margin-top:5px;font-family:'mbahamas';font-size:36px;color:#35629e}
#partneri img{padding-bottom:2px;opacity:0.7;transition:opacity 0.2s ease-in-out;}
#partneri img:hover{opacity:1;}