@charset "utf-8";

/* Opšte */
body {
  font-family: 					Arial, Helvetica, sans-serif;
  font-size:					16px;
  color:						#ffffff;
}

A:link		{color: #FFF; text-decoration:none}
A:active	{color: #FFF; text-decoration:none}
A:visited	{color: #FFF; text-decoration:none}
	
td, th {
  font-family: 					Arial, Helvetica, sans-serif;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
	position: absolute;
	height: 95px;
	z-index: 6;
	left: 70px;
	top: 39px;
	visibility: visible;
}

.wrapper {
  width: 						1140px;
  margin:						auto;
}

.container {
  width:						1080px;
  margin:						auto;
}


/* Navigacija */
.nav {
  margin: 						10px auto; 
  text-align: 					center;
}

.nav ul ul {
  display: 						none;
}

.nav ul li:hover > ul {
  display: 						block;
}

.nav ul {
  padding: 						0 20px;
  list-style: 					none;
  position: 					relative;
  display: 						inline-block;
}

.nav ul > li {
  font-weight:					bold;
  font-size:					16px;
  background-color: 			#ff6600; 
  padding: 						0 10px;
  margin-left: 					10px;
  margin-right: 				10px;
  float: 						left;
  cursor:						pointer;
  height:						34px;
  line-height:					34px;
  text-align: 					center;
  text-decoration: 				none;
  text-shadow: 					1px 1px #444;
  background-color: 			#ff6600;
  background-image: 			url("../ikone/path21.png");
  background-repeat:			no-repeat;
  background-size:				101% 70%;
  background-clip: 				padding-box;
  border-radius: 				10px;
  -webkit-box-shadow: 			0 0 8px rgba(0, 0, 0, .75), inset 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 				0 0 8px rgba(0, 0, 0, .75), inset 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow:					0 0 8px rgba(0, 0, 0, .75), inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.nav ul li a {
  text-decoration:				none;
  color:						#ffffff;
  font-weight:					bold;
}

.nav ul li:hover {
  background-color: 			#0d6c3c;
  border-color: 				#3f9f7f #1e7d4d #0d6c3c;
}
					
.nav ul ul {
  padding: 						5px;
  position: 					absolute;
  top: 							100%;
}

.nav ul ul li {
  font-weight:					normal !important;
  font-size:					15px;
  float: 						none;
  position: 					relative;
  text-align: 					left;
  margin-left: 					-10px;
  background-image:				none !important;
  -webkit-box-shadow: 			0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 				0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow:					0 0 0 rgba(0, 0, 0, 0) !important;
  z-index: 						999;
}	

.nav ul ul li:hover {
  -webkit-box-shadow: 			0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 				0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 					0 0 0 rgba(0, 0, 0, 0) !important;
}

.li-first {
  border-radius: 				12px 12px 0 0 !important;
}

.li-last {
  border-radius:				0 0 12px 12px !important;
}

.li-middle {
  border-radius: 				0px !important;
}
.li-extra {
  background-color: 			#0d6c3c !important;
}

/* Grupe */
ul.enlarge{
  list-style-type:				none; /*remove the bullet point*/
  margin-left:					0;
}
ul.enlarge li{
  display:						inline-block; /*places the images in a line*/
  position: 					relative;
  z-index: 						0; /*resets the stack order of the list items - later we'll increase this*/
  margin:						10px 40px 0 20px;
  cursor:						pointer;
}
ul.enlarge img{
  background-color:				#0d6c3c;
  padding: 						6px;
  -webkit-box-shadow: 			0 0 25px rgba(82, 82, 82, .95);
  -moz-box-shadow: 				0 0 25px rgba(82, 82, 82, .95);
  box-shadow: 					0 0 25px rgba(31, 30, 32, .95);
  -webkit-border-radius: 		24px; 
  -moz-border-radius: 			24px; 
  border-radius: 				24px; 
}
ul.enlarge span{
  position:						absolute;
  left: 						-9999px;
  background-color:				#0d6c3c;
  padding: 						10px;
  font-family: 					Arial, Helvetica, sans-serif;
  font-size:					1.2em;
  text-align: 					center; 
  color: 						#FFF; 
  -webkit-box-shadow: 			0 0 25px rgba(0,0,0, .95));
  -moz-box-shadow: 				0 0 25px rgba(0,0,0, .95);
  box-shadow: 					0 0 25px rgba(0,0,0, .95);
  -webkit-border-radius: 		8px; 
  -moz-border-radius: 			8px; 
  border-radius:				8px;
}
ul.enlarge li:hover{
  z-index: 						50;
  cursor:						pointer;
}
ul.enlarge span img{
  padding:						2px;
  background:					#ccc;
}
ul.enlarge li:hover span{ 
  top: 							-50px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
  left: 						-70px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
  left: 						-70px; 
}
ul.enlarge li:hover:nth-child(3) span{
  left: 						-70px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
  behavior: 					url(../pie/PIE.htc); 
}


/* Footer */
footer  {
  width:						1040px;
  margin-left:					auto;
  margin-right:					auto;
  margin-top:					65px;
  font-family: 					Arial, Helvetica, sans-serif;
  font-size: 					20px;
  text-align:					center;
}

#footer_levo {
  width:						250px;
  float:						left;
  background-color:				#0d6c3c;
  background-image:				url("../ikone/path21.png");
  background-repeat:			no-repeat;
  background-size:				100% 70%;
  background-clip: 				padding-box;
  -webkit-box-shadow: 			0 0 20px rgba(0,0,0, .95));
  -moz-box-shadow: 				0 0 20px rgba(0,0,0, .95);
  box-shadow: 					0 0 20px rgba(0,0,0, .95);
  -webkit-border-radius: 		14px; 
  -moz-border-radius: 			14px;
  border-radius: 				18px;
  padding-top:					10px;
  padding-bottom:				10px;
}	

#footer_sredina {
  width:						450px;
  float:						left;
  margin-left:					46px;
  background-color:				#0d6c3c;
  background-image:				url("../ikone/path21.png");
  background-repeat:			no-repeat;
  background-size:				100% 70%;
  background-clip: 				padding-box;
  -webkit-box-shadow: 			0 0 20px rgba(0,0,0, .95));
  -moz-box-shadow: 				0 0 20px rgba(0,0,0, .95);
  box-shadow: 					0 0 20px rgba(0,0,0, .95);
  -webkit-border-radius: 		14px; 
  -moz-border-radius: 			14px;
  border-radius: 				18px;
  padding-top:					10px;
  padding-bottom:				10px;
}	
#footer_desno {
  width:						250px;
  float:						right;
  background-color:				#0d6c3c;
  background-image:				url("../ikone/path21.png");
  background-repeat:			no-repeat;
  background-size:				100% 70%;
  background-clip: 				padding-box;
  -webkit-box-shadow: 			0 0 20px rgba(0,0,0, .95));
  -moz-box-shadow: 				0 0 20px rgba(0,0,0, .95);
  box-shadow: 					0 0 20px rgba(0,0,0, .95);
  -webkit-border-radius: 		14px; 
  -moz-border-radius: 			14px;
  border-radius: 				18px;
}