@charset "windows-1250";
body{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-style: normal;
font-size:13px;
line-height:20px;
color:#a0a0a0;
background-color:#e7e1cf;
}

*{outline:none;}



A {
	color: #51a6cf;  text-decoration: none;
}
A:link {
	color: #51a6cf; text-decoration: none;
}

A:hover {
	color: #5b5a5a;  text-decoration: none;
}

link1 {
	color : #8e8e8e;			
}
.link1 {
	color : #8e8e8e;			
}
a.link1 {
	color : #8e8e8e;		
	}
a.link1:hover {
	color : #7f7f7f;	
}

link2 {
	color : #a0a0a0;			
}
.link2 {
	color : #a0a0a0;			
}
a.link2 {
	color : #a0a0a0;		
	}
a.link2:hover {
	color : #7f7f7f;	
}

.clear{clear:both;}

.tablecjenik{
float:left;
}
.tdcjenikleft{
text-transform:uppercase;
}

/*Osnova*/

#kontejner{
	width:1035px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
	}

#topcont{
width:1035px;
height:192px; 
border:0px;
padding:0; 
margin:0px; 
float:left;
}
#topleft{
width:215px;
height:67px; 
border:0px; 
margin:0px;
padding:125px 0 0 5px; 
float:left;
}
#topright{
width:536px;
height:172px;
padding:141px 0 0 0; 
border:0px; 
margin:0px; 
float:left;
}


#header{
width:1035px;
height:400px; 
border:0px; 
margin:0px;
padding:0; 
float:left;
}


#spacer1{
width:1035px;
height:10px; 
border:0px; 
margin:0px; 
float:left;
}
#spacer2{
width:1035px;
height:10px; 
border:0px; 
margin:0px; 
float:left;
}

/*Sadržaj*/
#sadrzajwrap{
width:1035px;
min-height:250px;
padding:0;
margin:0;
float:left;
}

#sadrzaj-left{
width:711px;
min-height:677px;
float:left;
padding:22px 22px 22px 22px; 
margin:0px 18px 0px 0px;
background-color:#fff;
-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;  border-collapse: separate; 
}

#sadrzaj-left2{
width:711px;
min-height:692px;
float:left;
padding:10px 22px 19px 22px; 
margin:0px 18px 0px 0px;
background-color:#fff;
-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;  border-collapse: separate; 
}

#sadrzaj-right{
width:222px;
min-height:683px;
float:left;
margin:0;
padding:16px 20px 22px 20px; 
background-color:#fff;
-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;  border-collapse: separate;  
}

.navcont{
width:697px;
height:26px;
font-size:10px;
letter-spacing:0.1em;
color:#cccccc; 
border:0px;
margin-left:14px;
padding:0 0 0 0; 
float:left;
}
.navcont2{
width:697px;
height:22px;
font-size:10px;
letter-spacing:0.1em;
color:#cccccc; 
border:0px;
margin-left:12px;
padding:0; 
float:left;
}

.spacerright{
width:222px;
height:1px; 
margin:19px 0 16px 0;
padding:0;
float:left;
width:100%;
border-bottom:solid 1px #e7e1cf;
}
.spacertable{
width:460px;
margin:8px 0 10px 0;
padding:0;
float:left;
height:2px;
border-bottom:solid 1px #e7e1cf;
}
.pic-onama{
float:left;
margin-bottom:10px;
border:none;
}

.logo{
cursor:pointer;
float:left;
}
.logo:hover{
opacity:0.8;filter:alpha(opacity=80);
}

.banner{
cursor:pointer;
float:left;
}
.banner:hover{
opacity:0.8;filter:alpha(opacity=80);
}

.lokacija{
cursor:pointer;
float:left;
}
.lokacija:hover{
opacity:0.9;filter:alpha(opacity=90);
}

.contponudameni1{
float:left;
width:189px;
margin:0;
padding:0;
}
.contponudameni2{
float:left;
width:185px;
margin:0;
padding:0;
}
.contponudameni3{
float:left;
width:214px;
margin:0;
padding:0 0 0 0;
}
.contponudameni4{
float:left;
width:97px;
margin:0;
padding:0 0 0 0;
}
.contponudameni5{
float:left;
width:189px;
margin:10px 0 0 0;
padding:0;
}
.contponudameni6{
float:left;
width:185px;
margin:10px 0 0 0;
padding:0;
}

.ponudameninaslov{
float:left;
font-family: Roboto Slab; color:#ff7ba2; font-size:13px; font-weight:bold; line-height:13px; letter-spacing:0px;
padding-bottom:4px;
margin-left:3px;
border-bottom:solid 1px #e7e1cf;
}

.zelenitekst{
color:#aeca5a;
}

ul.vert-one{
margin:0;  padding:0; list-style-type:none; display:block; float:left;
line-height:18px;
font-family:Roboto; font-size:12px; font-weight:500;
width:180px; text-align:left;
}

ul.vert-one li{
margin:0;padding:6px 0 0 0; list-style:none;
background-image:url(img/list1.png); background-repeat:no-repeat;
background-position:3px 11px;
}

ul.vert-one li a{
display:block;text-decoration:none ;color:#8f8f8f;
padding:0 0 0 15px; width:180px;
}

ul.vert-one li a:hover,ul.vert-one li a.selected {
color:#8f8f8f;
background-image:url(img/list2.png); background-repeat:no-repeat;
background-position:3px 5px;
}


#slidecont{
width:710px;
height:450px;
float:left;
margin:0;
padding:0;
}

* {
	margin: 0;
	border: 0;
	padding: 0;
}

.textbox2 {
	font-family: 'Roboto', sans-serif; font-weight:normal; font-style: normal; font-size:13px; padding:0 0 0 3px;  color: #a0a0a0; 		border: 1px solid #C4C4C4;	height: 33px;	width: 643px;
	 background-image:url(img/bg_textbox.jpg); background-repeat:repeat-x;  
	 -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px;  border-collapse: separate; 
	}
	
.textBoxBig2 {
	font-family: 'Roboto', sans-serif; font-weight:normal; font-style: normal; font-size:13px;		color: #a0a0a0;		border: 1px solid #C4C4C4;	height: 210px;	width: 643px;
	 background-image:url(img/bg_textbox.jpg); background-repeat:repeat-x; padding:5px 0 0 3px;  
	 -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px;  border-collapse: separate; 
}
.gumbUpit{
font-family: 'Roboto', sans-serif; font-weight:300; font-style: normal; font-size:14px; 
background-color:#a0a09f;
text-align:center;
color:#fff;
border:0;
width:70px;
height:32px;
cursor:pointer;
padding:9px 0 7px 0;
float:right;
margin-right:2px;
-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius:2px;  border-collapse: separate; 
}

.gumbUpit:hover{
background-color:#b6b6b5;
}
/*---------- NAVIGACIJA --------------------*/
nav {
	width: 509px;
	height:61px;
	padding-top:141px;
	padding-left:17px;			
	float:left;		
}


ul#navmain {
	text-align: center;
	padding:0;
	margin:0;	
}

ul#navmain li {	
	cursor: pointer;	
	float:left;
	
}
ul#navmain li.drop {
	position: relative; background-image:url(img/nav-nar.jpg);
	background-repeat:repeat-x; width:130px; height:50px;	
}
ul#navmain li.drop:hover {
	background-image:url(img/nav-crni.jpg);
	background-repeat:repeat-x;
}
ul#navmain > li {
	display: inline-block;
	font-weight:bold;
	
	
}
ul#navmain li a {	
	padding: 0;
	font-family: Roboto Slab, serif;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	font-weight:300;
	letter-spacing:3pt;
	padding:141px 27px 50px 26px;
	


}
ul#navmain li a:hover {
	color: #ff7ba2;
	font-weight:normal;
	/*background-image:url(img/bg-item2.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-position:0 -127px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;*/
}

ul#navmain li a.selected {
	color: #ff7ba2;
	font-weight:normal;
	background-image:url(img/bg-item2.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-position:0 -127px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


/*-------------ponuda-------------*/
ul#navmain li#ponuda a {
    padding: 0;
	font-family: Roboto Slab, serif;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	font-weight:300;
	letter-spacing:3pt;
	padding:141px 27px 50px 26px;
    	
}

ul#navmain li#ponuda a:hover {
    color: #ff7ba2;
	font-weight:normal;
	/*background-image:url(img/bg-item3.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-position:0 -127px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;*/
}
ul#navmain li#ponuda a.selected {
    color: #ff7ba2;
	font-weight:normal;
    background-image:url(img/bg-item3.png);
	background-repeat:no-repeat;	
	background-position:0 -127px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/*-------------ponuda kraj-------------*/


/*-------------cjenik-------------*/
ul#navmain li#cjenik a {
    padding: 0;
	font-family: Roboto Slab, serif;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	font-weight:300;
	letter-spacing:3pt;
	padding:141px 27px 50px 26px;
    	
}

ul#navmain li#cjenik a:hover {
    color: #ff7ba2;
	font-weight:normal;
	/*background-image:url(img/bg-item4.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-position:9px -126px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;*/
}
ul#navmain li#cjenik a.selected {
    color: #ff7ba2;
	font-weight:normal;
	background-image:url(img/bg-item4.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-position:9px -126px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
/*-------------cjenik kraj-------------*/


.leftmenicont{
width:175px;
min-height:50px;
margin-right:40px;
float:left;
border-top:solid 1px #e7e1cf;
}
.rightcontponude{
width:460px;
min-height:629px;
float:left;
}

.bottomborder{
width:100%;
float:left;
margin-top:18px;
margin-bottom:12px;
border-bottom:solid 1px #e7e1cf;
}

.ponudenaslov{
float:left;
width:460px;
font-family: Roboto Slab; color:#ff7ba2; font-size:14px; font-weight:bold; line-height:18px; letter-spacing:2px;
padding:12px 0 12px 0;
margin-bottom:17px;
border-bottom:solid 1px #e7e1cf;
border-top:solid 1px #e7e1cf;
}
.ponudenaslovcjenik{
float:left;
width:460px;
font-family: Roboto Slab; color:#ff7ba2; font-size:14px; font-weight:bold; line-height:18px; letter-spacing:2px;
padding:12px 0 12px 0;
margin-bottom:5px;
border-bottom:solid 1px #e7e1cf;
border-top:solid 1px #e7e1cf;
}
.slika1{
float:left; padding:5px 20px 10px 0;
}

.lista1{
list-style-type:decimal;
padding-left:30px;
}
.lista2{
list-style-type:none;
padding-left:10px;
line-height:22px;
}

.lista3{
list-style-type:none;
padding-left:0;
line-height:22px;
}
/* --------------------------------ACCORDION MENU start----------------------------------- */
.arrowlistmenu{
width: 175px; /*width of accordion menu*/
color:#929191;
}
.arrowlistmenu a{
color:#929191;
}
.arrowlistmenu a:hover{
color:#7f7f7f;
}
.arrowlistmenu a.selected{ /*hover state CSS*/
color:#ff7ba2; font-weight:bold;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
border-bottom:solid 1px #e7e1cf;
background-color:#fff;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top:0px;
text-transform: uppercase;
padding: 7px 0 7px 0px; /*header text is indented 10px*/
cursor: pointer;
font-family: Roboto Slab;  font-size:11px; font-weight:normal; line-height:16px; letter-spacing:0px; color:#929191;
}



.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color:#7f7f7f;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font-family: Roboto Slab; color:#ff7ba2; font-size:12px; font-weight:bold; line-height:16px; letter-spacing:0px;
border:none;  
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none; font-size:12px;
margin: 0;
padding: 0 0 5px 0;
border-bottom:solid 1px #e7e1cf; /*bottom spacing between each UL and rest of content*/
}


.arrowlistmenu ul li{
padding:0px; /*bottom spacing between menu items*/
margin:0px;
}

.arrowlistmenu ul li a{
color:#929191;
display: block;
text-decoration: none;
font-weight: normal;
min-height:19px;margin:0;padding:6px 0 0 15px; list-style:none;
background-image:url(img/list1.png); background-repeat:no-repeat;
background-position:3px 12px;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.selected{ /*hover state CSS*/
color:#8f8f8f; font-weight:bold;
background-image:url(img/list2.png); background-repeat:no-repeat;
background-position:3px 12px;
}


.aktivno{
color: #397cb9;
display: block;
padding: 6px 0px 2px 30px;
text-decoration: none;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
min-height:19px;
background-color: #fff;
}

submeni {
	color : #7d7d7d;	font-weight: bold; text-transform:uppercase;		
}
.submeni {
	color : #7d7d7d;	font-weight: bold;	text-transform:uppercase;	
}
a.submeni {
	color : #7d7d7d;	font-weight: bold;	text-transform:uppercase;
	}
a.submeni:hover {
	color : #397cb9;	font-weight: bold;	text-transform:uppercase;
}
/* --------------------------------ACCORDION MENU end----------------------------------- */


/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:1000; /* makes sure it stays on top */
	opacity:0.70;filter:alpha(opacity=70);
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#footer{
width:1035px;
color:#fff; 
height:28px;
text-align:center;
float:left;
margin:0; 
padding:20px 0px 20px 0px;
}