* { padding: 0; margin: 0; outline: 0; }
/*
	color: #002700;#002e3b 
*/

body {
	font-size: 12px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	background: url(media/pozadinaw.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #CCC;
	background-image: url(pozadinaw.jpg);
}

a {
	border: none !important;
	outline: 0;
	color: #666666;
	text-decoration: none;
}
a:hover { 
border: none !important;

text-decoration:none ; }
a img { border:0px }
p {
	font-size: 18px;
	color: #CCCCCC;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
}
p1 {
	
	
	font-size: 16px;
}
p2 {
	
	font-size: 18px;
	font-weight: lighter;
}
p3 {
	
	
	font-size: 24px;
}
.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

#shell {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#indexlogo {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top: 25px;
}
.shellweb {
	width: 810px;
	margin: 0 auto;
	position: inherit;
	padding-top: 40px;
}
.shelllocation {
	width: 810px;
	margin: 0 auto;
	position: inherit;
	padding-top: 40px;
}
.shellgallery {
	width: 810px;
	margin: 0 auto;
	position: relative;
	padding-top: 40px;
	padding-left: 20px;
}

h2 {
	padding-bottom: 4px;
	background: url(images/h2b.gif) left bottom repeat-x;
	margin-bottom: 9px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 27px;
	color: #FFFFFF;
}

h3 {
	color: #fff;
	font-size: 20px;
	padding-bottom: 10px;
	font-weight: lighter;
}
h4 {
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #E4E3AF;
	font-size: 28px;
	padding-bottom: 10px;
	font-weight: lighter;
}
h6 {
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #fff;
	font-size: 17px;
	padding-bottom: 10px;
	font-weight: lighter;
}
h7 {
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #999999;
	font-size: 16px;
	padding-bottom: 10px;
}
h5 { font-size:10px; color:#4062b7; font-weight:normal; padding-bottom:2px; }
h5 a { color:#4062b7; text-decoration:none; }
h5 a:hover { color:#4062b7; text-decoration:underline; }

.button { font-size:11px; color:#2a2b22; font-weight:bold; text-decoration:none; }
.button span { font-size:11px; color:#2a2b22; font-weight:bold; cursor:pointer; }

/*
	Header
*/

#header { background:url(images/header.jpg) left top repeat-x; height:75px; }

#logo {
	float: left;
	width: 301px;
	height: 75px;
	text-align: left;
}
#logo a { float:left; width:301px; height:75px; font-size:0; line-height:0; text-indent:-4000px; background:url(images/logo.gif); }






/* --------------------------Navigation ------------------------




#navigation {
	float: right;
	padding-top: 5px;
	background: url(images/navigation-separator.jpg) right 1px no-repeat;
}
#navigation ul { 
list-style:none; 
padding-right:1px; 

	}
	
#navigation ul li 
{ 
display: block;
    position: relative;
float:left; 
padding-left:1px; 

 }
 
#navigation ul li a {
	float: left;
	padding: 0 16px 0 25px;
	height: 64px;
	line-height: 64px;
	font-weight: bold;
	font-size: 13px;
	color: #CC3300;
	text-decoration: none;
}
 #navigation ul li a:hover, 
#navigation ul li a.active { 
background:url(images/navigation-active.gif); 
color:#fff; 
}





#navigation ul li a span.drop-down {
  background: url(images/down-arrow_green_10x7.png) no-repeat;
  height: 7px;
  position: absolute;
  right: 20px;
  top: 240px;
  width: 100px;
}
#navigation li:hover {
  background: #7dad16;
}
#navigation ul li ul {
  display: none;
}
#navigation ul li:hover ul {
  
  display: block;
  font-size: .9em;
  font-weight: normal;
  padding: 10px;
  position: absolute;
}
#navigation ul li ul li {
  float: none;
  display: block;
  border-left: none;
  position: relative;
}
#navigation ul li ul li a {
  width: 270px;
  padding: 15px 10px;
  border-top: dotted 1px #7dad16;
  color: #fff;
}

*/




 /* CSS code 
#menu {
	
	float:right; 
	padding-top:5px; 
	
	background: url(images/navigation-separator.jpg) right 1px no-repeat;
	
	text-align: center;
	position: absolute;
	padding-left: 350px;
}
#menu ul {
	list-style:none;
	padding-right:1px;
	
  
}
#menu ul a {
  text-decoration: none;
}
#menu ul li {
	
	float:left; 
	 background: url(images/navigation-separator.jpg) right 2px no-repeat;
	 background: url(images/navigation-separator.jpg) left 2px no-repeat;
	
	
	
	 */

   /* padajuci izbornik  

 
}
#menu ul li a {
	color: #333;
	display: block;
	padding: 20px 0px 30px 0px;
	width: 120px;
	font-weight: bold;
	font-size: 13px;
	opacity: .8 !important;
}
#menu ul ul {
	
	overflow: hidden;
	padding-top: 10px;
	
}
#menu ul ul li {
	float: none;
	display: none;
	
	
	width: 90px;
}
#menu ul ul li a {
	background: #333;
	color: #ccc;
	border: none;
	text-align: left;
	width: 90px;
	padding: 10px 10px 10px 10px;
}
#menu ul ul li a:hover {
  
   text-align: left;
   padding: 10px 10px 10px 10px;
   background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}


	




#menu ul li a:hover,#menu ul li a.active {
	background: url(images/navigation-active.gif);
	color: #fff;
	
  
} 


#menu ul li:hover ul li {
	
  display:block !important;
}

*/





/* Parent navigation style 
    #menu > ul{display: block; }
 
    #menu ul li ul{ display:none; position:absolute; left:0; top:50px; }
 
    #menu ul li ul li ul{ left:200px; top:0px;}
 
 
     
    
    #menu ul{ list-style: none; margin:0px; padding:0px; background-color:#000000;  *+overflow-x: visible !important;   }
    #menu ul li{ float: left; list-style: none; padding: 0px; background-color:#000000; position:relative; width: 200px; height: 50px; zoom: 1 }
    #menu ul li a{ font:normal 12px verdana; color:#fff; text-decoration:none; padding:10px; float: left }
    #menu ul li a.highlight{ color: red }*/
/* common for sub and parent nav */


/* 
	-------------------------navigacija
	
	
	---------------------------



#main-nav {
  background: #7dad16;
  background: -moz-linear-gradient(top, #7dad16 0%, #547b00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dad16), color-stop(100%,#547b00));
  background: -webkit-linear-gradient(top, #7dad16 0%,#547b00 100%);
  background: -o-linear-gradient(top, #7dad16 0%,#547b00 100%);
  background: -ms-linear-gradient(top, #7dad16 0%,#547b00 100%);
  background: linear-gradient(top, #7dad16 0%,#547b00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dad16', endColorstr='#547b00',GradientType=0 );
  float: left;
  width: 900px;
  z-index: 1000;
}
#main-nav ul {
  font-family: 'Droid Sans', sans-serif;
  font-size: .9em;
  font-weight: bold;
  list-style: none;
}
#main-nav ul li {
  border-left: 1px solid #7dad16;
  float: left;
}
#main-nav ul li:first-child {
  border: none;
}
#main-nav ul li a {
  color: #2b4001;
  display: block;
  padding: 20px;
  position: relative;
  width: 139px;
  text-decoration: none;
  text-shadow: 0 1px 1px #9fc255;
}


*/

/* 
	-------------------------link normal
	
	
	---------------------------
*/
	





/* 
	-------------------------Intro---------------------------
*/




#intro { background:url(images/intro.gif) left top repeat-x; height:418px; padding-top:22px; }

#intro .slider-holder { width:960px; height:353px; position:relative; overflow:hidden; }

#intro .slider-holder ul,
.jcarousel-clip { list-style:none; width:960px; height:353px; position:relative; overflow:hidden; }
#intro .slider-holder ul li { float:left; position:relative; width:960px; height:353px; list-style:none; }
#intro .slider-holder .offer-image { position:absolute; top:0; left:0; }
#intro .slider-holder .offer-image img {
	border: 1px solid #858a50;
}
#intro .slider-holder .offer-data { position:absolute; top:1px; right:1px; height:317px; width:230px; background:url(images/semi-transparent.png); padding:34px 20px 0 25px; }
#intro .slider-holder .offer-data .entry { height:212px;}
#intro .slider-holder .offer-data p { color:#dfd5d5; line-height:18px; padding-bottom:18px; text-align:justify; }
#intro .slider-holder .offer-data p a { color:#dfd5d5; }

#intro .slider-holder .offer-data .buttons { padding-right:4px; }

#intro .slider-holder .offer-data .buttons .button,
#intro .slider-holder .offer-data .buttons .button span { height:29px; line-height:29px; float:left; }
#intro .slider-holder .offer-data .buttons .button { float:right; background:url(images/intro-button.jpg) left top repeat-x; border:1px solid #434340; padding:0 8px; }
#intro .slider-holder .offer-data .buttons .button span { background:url(images/intro-button-span.jpg) left top no-repeat; padding-left:7px; }

#intro .slider-navigation { height:24px; background:url(images/intro-shadow.png) left top no-repeat; padding-top:36px; }
#intro .slider-navigation ul { list-style:none; margin-left:420px; }
#intro .slider-navigation ul li { float:left; }
#intro .slider-navigation ul li a { background:url(images/slider-navigation.png); width:19px; height:20px; display:block; font-size:0; line-height:0; text-indent:-4000px; text-decoration:none; }
#intro .slider-navigation ul li a.active,
#intro .slider-navigation ul li a:hover { background:url(images/slider-navigation-active.png); }

/* 
	INDEXbackground:#f8f8f8 url(images/main2.jpg) left top repeat-x;
*/
#indexintro {  }
/* 
	Main background: #002700;
*/

#main { background:#f8f8f8 url(images/main2.jpg) left top repeat-x; }
#mainhome {
	
	height: 200px;
}
#mainweb {
	height: 100%;
}
#mainlocation {
	height: 100%;
}
#maingallery {
	height: 100%;
}
#main .shell { padding:25px 0; }

#main p { padding-bottom:10px; line-height:17px; }
.box { float:left; width:306px; padding:0 19px 0 0; }
.boxweb {
	float: left;
	width: 306px;
	padding: 40px 76px 0 30px;
}
.boxabout1 {
	float: left;
	width: 306px;
	padding: 90px 76px 0 160px;
	
	
}
.welcome {
	float: left;
	width: 958px;
	padding: 0 19px 0 0;
}
.webimg {
	float: left;
	padding: 0 19px 0 0;
	border: 1px solid #858a50;
	height: 600px;
	width: 881px;
	background-color: #0F0;
}
.webshadow {
	float: left;
	padding: 0 0px 0 0;
	width: 881px;
	background: url(images/intro-shadowabout.png) left bottom no-repeat;
	padding-bottom: 2px;
}

.webright
{
	float:right;
	padding: 20px 0px 0 0px;
	}
.locationshadow {
	float: left;
	padding: 0 0px 0 0;
	height: 377px;
	width: 810px;
	background: url(images/intro-shadowlocation.png) left bottom no-repeat;
	padding-bottom: 2px;
	
}
.galleryshadow {
	float: left;
	padding: 0 0px 0 0;
	
	width: 810px;
	background: url(images/intro-shadowlocation.png) left bottom no-repeat;
	padding-bottom: 26px;
	
}
.last-box { padding-right:0; }

.box .entry { height:217px; padding-left:2px; }

.box .big-image { padding:4px 0 10px 0; }
.box .big-image img {
	border: 2px solid #000;
	
}

.box .buttons .button,
.box .buttons .button span { background:url(images/main-button.jpg) repeat-x; height:29px; line-height:29px; float:right; display:inline; border:1px solid #c000c2; padding:0 8px; }
.box .buttons .button span { float:left; border:0; background:url(images/main-button-span.jpg) left top no-repeat; padding:0 0 0 7px; }

#main .news { }
#main .news ul { list-style:none; }
#main .news ul li { border-bottom:1px dotted #e8d0d2; padding-bottom:7px; margin-bottom:15px; }
#main .news ul li.last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
#main .news ul li .post-image { float:left; width:76px; padding:3px 22px 0 0; }
#main .news ul li .post-image img {
	border: 2px solid #000;
}
#main .news ul li .post-data { float:left; width:203px; }
#main .news ul li .post-data p { color:#413f3f; line-height:18px; padding-bottom:0; }
#main .news ul li .post-data a { color:#4062b7; }

.bullet-list ul { list-style:none; padding-top:1px; }
.bullet-list ul li { line-height:12px; background:url(images/ul-bullet.gif) left 5px no-repeat; padding:0 0 14px 10px; }
.bullet-list ul li a { color:#4062b7; }
/*
	Footer
*/

#footer { background:url(images/footer.jpg) left top repeat-x; color:#b3adad; padding:24px 4px; font-size:10px; }
#footer a { color:#b3adad; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .footer-navigation { }
#footer .footer-navigation ul { list-style:none; }
#footer .footer-navigation ul li { float:left; padding-right:8px; margin-right:8px; border-right:1px solid #b3adad; height:10px; line-height:10px; }
#footer .footer-navigation ul li.last { padding-right:0; margin-right:0; border-right:0;  }
#footer .footer-navigation ul li a { }

#footer .right {
	float: right;
	font-family: Verdana, Arial, Sans-Serif;
	color: #003366;
}
#footer .right a {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
#footer .right a:hover {
	text-decoration: none;
	color: #0066CC;
}



#kontejnerlocation {
	width: 810px;
	background-color: #E8E8E8;
	height: 350px;
	
	
	border: 1px solid #858a50;
}

#contactkontejner {
	margin-left: -10px;
	width: 810px;
	border: 1px solid #21523c;
	background-image: url(pattern/binding_light.png);
}
#kontejner {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 26px;
	width: 850px;
	border: 1px solid #21523c;
	background-image: url(pattern/binding_light.png);
}
#webtablica {
	width: 860px;
	padding-top: 160px;
	left: 0px;
	padding-bottom: 30px;
}

/* CONTACT */

.contactright
{
	border: none !important;
	display: block;
	outline: none;
	float: right;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 130px;
	margin: 170px 50px 10px 10px;
	}
	.contact-topleft
{
	float: left;
	padding: 40px 20px 10px 40px;
	font-size: 22px;
	color: #D3DC98;
	font-weight: lighter;
	}
	.contact-topleft
{
	float: left;
	padding: 20px 20px 10px 20px;
	font-size: 22px;
	color: #D3DC98;
	font-weight: lighter;
	width: 800px;
	}
.contact-midlle
{
	height: 250px;
	width: 250px;
	float: left;
	margin: 20px 20px 10px 350px;
	font-size: 24px;
	color: #FFF;
	}
.web-livo
{
	height: 200px;
	width: 350px;
	float: left;
	margin: 20px 0px 10px 30px;
	font-size: 24px;
	color: #FFF;
	}
	.web-desno
{
	height: 140px;
	float: right;
	margin: 70px 80px 0px 60px;
	font-size: 24px;
	color: #FFF;
	}
.web-kontakt
{
	height: 200px;
	width: 250px;
	float: left;
	margin: 20px 0px 10px 200px;
	font-size: 24px;
	color: #FFF;
	}
	.web-kontaktvelika
{
	width: 150px;
	float: left;
	margin: 20px 0px 10px 100px;
	font-size: 24px;
	color: #FFF;
	}
/* GALLERY */
#gallery {
	margin-left: 0px;
	width: 850px;
	height: 100%;
	border: 1px solid #21523c;
	background-image: url(pattern/binding_light.png);
}

ul.gallery {
	list-style: none;
	overflow: hidden;
	padding-left: 0;
	display: inline;
}

ul.gallery li {
	float: left;
	margin: 0 6px 6px 0;
	padding: 10;
}

ul.gallery li img,
ul.gallery li .rounded { margin-bottom: 0; }


/* With Frame */

ul.gallery.frame    {
	padding: 12px;
	display: inline-block;
	margin-left: 16px;
}
ul.gallery.frame li { margin: 6px; }


/* @group Gallery
------------------------------------------------------------ */
/*
ul.gallery {
  list-style: none;
  overflow: hidden;
  padding-left: 0;
}

ul.gallery li {
	float: left;
	margin: 0 6px 6px 0;
	padding: 10;
	padding-left: 35px;
	display: inline-block;
}

ul.gallery li img,
ul.gallery li .rounded { margin-bottom: 0; }


/* With Frame 

ul.gallery.frame    {
	padding: 4px;
	display: inline-block;
}
ul.gallery.frame li {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
*/
/* @end */


/* --------------------FADE---------------------------------- */
.fadetxt {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fadetxt:hover {
      opacity: 0.5;
      }
	  
	  
	   .fadeInLogo {
	/* Styling for Demo
	---------------------------------------------------- */
	
	margin:2px;
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
	  
	  
	  .fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */
	border:2px solid #333;
	margin:15px;
	-webkit-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
	-ms-box-shadow: 0px 0px 5px #333;
	-o-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
 
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
 
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
 

.fadeIn-3s {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;
}
 
.fadeIn-5s {
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-o-animation-duration:5s;
	animation-duration:5s;
}
.fadeIn-7s {
	-webkit-animation-duration:7s;
	-moz-animation-duration:7s;
	-o-animation-duration:7s;
	animation-duration:7s;
}
 
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-1s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.fadeIn-Delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
 
.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}
.fadeIn-Delay-7s {
	-webkit-animation-delay:7s;
	-moz-animation-delay:7s;
	-o-animation-delay:7s;
	animation-delay:7s;
}
 
/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }







#demo {
	display:block;
	width:980px;
	margin:0px auto;
	text-align:center;
}
#slika {
	display:block;
	width:980px;
	margin:0px auto;
	text-align:center;
}
#slike {
	display:block;
	width:980px;
	margin:0px auto;
	text-align:center;
}