* {font-family:"Courier New", Courier; color:maroon;	
   margin:0px; border:0px; padding:0px;
   background-color:transparent;}

#contact {background-color:#CCCCCC; width:980px; overflow:hidden; font-size:18px;}

#contact-info {float:left; width:420px; height:440px; padding:20px 20px 0px 10px; overflow:hidden;}

#contact-form {float:left; width:440px;  padding:20px 20px 10px 20px; overflow:hidden;}

#contact-form ol {list-style-type:none;}
#contact-form input {background-color:#FFFFFF; border:1px black solid; width:400px;}
#contact-form textarea {background-color:#FFFFFF; border:1px black solid; width:400px;}
#contact-form label {width:200px; text-align:left; display:block;}
input, textarea {border:0px; margin:0px; padding:5px; background:none;}

.submit {
	width:100px; height:60px;
	margin-top:20px;
	margin-left:0px;}
  
h1 { font-size:20px;
     color:maroon;
     text-align:center;    
   }
   
h2 { font-size:20px;
     color:maroon;
     text-align:left;      
   }
   
p {line-height: 1.5;}
   
.blue {color:blue;}

#wrapper {width:980px; margin:0px auto; overflow:hidden;}

#top {background-color:#666666; width:980px; overflow:hidden;
border-bottom:3px solid #CC0000; padding:5px 10px 5px 10px;	}

#logo {background-color:transparent;}
#logo img {height:90px; width:480px; float:left;}
	
#social {background-color:transparent;}
#social img {height:60px; width:60px; float:right;
		     padding-right: 20px;}
	
#topnav {clear:both; overflow:hidden;}
#topnav ul {width:980px; float:left; margin:0px;
			background-color:#999999;
			border-bottom:3px solid #CC0000;}
#topnav ul li {display:inline; width:100%;}
#topnav ul li a {float:left; font-size:20px;}
		
#topnav a:link    {color:#000000; font-weight:bold;}
#topnav a:visited {color:#000000;}
#topnav a:active  {color:#000000;}
#topnav a:hover   {color:#000000; background-color:#CC0000;}
#topnav a:focus   {color:#000000;}
#topnav a         {text-decoration:none;} 

.homeicon {margin:0px 0px 0px 0px; border:0px; padding:0px 15px 0px 15px; width:35px; height:25px; overflow:hidden;}

/*Navigation effect*/

.topnav ul {margin: 0px;
            padding: 0px;
            background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
            background : -ms-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
            background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
}
    
.topnav ul li a {
    display: block;
    padding: 0px 18px;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    line-height: 45px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -ms-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;
    -o-transition-property: background;
    -o-transition-duration: 700ms;
    transition-property: background;
    transition-duration: 700ms;}
 
.topnav ul li a:hover {background: transparent none;}

#picture {background-color:black; width:900px; overflow:hidden;}
#pic1 {float:left; margin:0px 3px; padding:0px;}
#pic2 {float:right; margin:0px 3px; padding:0px;}


#subbaner {width:100%; background-color:#CCCCCC; overflow:hidden; padding: 10px 10px 10px 10px;}
#subbaner p {color:black; font-size:16px; text-align:center;}

#footer {width:980px; height:150px; background-color:transparent; overflow:hidden; 
		 border-bottom:3px solid #000000; border-top:3px solid #000000;}
		 
#footerlogo {background-color:transparent; float:left; margin-top:20px;}
#footerlogo img {margin-top: 0px!important;}	 
#footer p {text-align:right; font-size:12px; font-family:Tahoma; color:black; float:left;}
.footer li {text-align:left; font-size:14px; color:black; list-style: none;}
.footerbold {text-align:left; font-size:14px; color:black; font-weight:bold;}
#footertxt {float:left; margin:20px 0 0 0;}
#footer img {float:right;margin:20px 20px 0 0;}
	

#map {background-color:#CCCCCC; width:980px; overflow:hidden;}

#themap {float:left; margin:0px; background-color:transparent; width:50%;
		padding:20px; overflow:hidden;} 

#maptxt p {float:right; width:400px ; margin:0px 20px 0px 0px; padding:20px 20px 0px 0px;
		   text-align:justify; text-decoration:none; font-size:18px; color:maroon;}
		   
#slider_container_3 { float: left; padding: 0; width:980px ; border: 0px #333333 solid; }

.SliderName_3 {
	float: left;
	width: 980px;
	height: 360px;
	overflow: hidden;
}

.SliderNamePrev_3 {
	background: url(../img/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_3 {
	background: url(../img/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_3Description {
	padding: 10px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 1px 3px #000000;
}

#SliderNameNavigation_3 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_3 a:link, #SliderNameNavigation_3 a:active, #SliderNameNavigation_3 a:visited, #SliderNameNavigation_3 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_3 a.active:link, #SliderNameNavigation_3 a.active:active, #SliderNameNavigation_3 a.active:visited, #SliderNameNavigation_3 a.active:hover{
	background: url(../img/bullet_active.png) no-repeat center center;
}

#SliderNameNavigation_3 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(../img/bullet.png) no-repeat center center;
}

#SliderNameNavigation_3 a.active img
{
	background: url(../img/bullet_active.png) no-repeat center center;
} 

/*O nama*/

/*O nama - Tekst*/
#teksta {
	background-color: #CCCCCC;
	text-align:justify;
	padding: 20px;
}

/*O nama - Slike*/

#photoa {
	background-color: #CCCCCC;
	background-position:center;
	width:980px;
	padding: 0px 0px 0px 0px;
}

#photoa ul li {display:inline; width:100%;
padding-left:20px;
			}

/*Proizvodi*/

#products {
	width:980px;
	overflow:auto;
	background-color: #CCCCCC;

}
		
/*Proizvodi - Tekst*/

#tekstp {float:left; width:600px; height:500px; 
	padding:10px 10px 0px 10px; overflow:hidden;
	background-color: #CCCCCC;
	text-align:justify;
	padding: 20px;
}

/*Proizvodi - Slike*/

#photop {
	background-color: #CCCCCC;
	background-position:center;
	width:300px;
	float:left;
	padding: 20px 20px 20px 0px;
	overflow:hidden;
}

#photop ul li {display:inline; width:100%;
padding-left:20px;
padding-bottom: 40px;
			}




/*Gallery*/

#gallery{
position:relative;
width:980px;
height:630px;
background-image:url(assets/gallery01bg.jpg);
background-position: 480px 50%;
background-repeat: no-repeat;
background-color: #CCCCCC;;
margin:0px;
font-size:90%;
overflow:auto;
}
#gallery ul{
float:left;
list-style-type:none;
width:300px;
margin-top:10px;
}
#gallery li{
float:left;
width:150px;
}
#gallery a {
display:block;
padding:10px 20px;
text-decoration:none;
width:130px;
height:100px;
cursor:pointer;
}
#gallery a img.thumb {
-webkit-box-shadow: 1px 2px 4px #444;
-moz-box-shadow: 1px 2px 4px #444;
box-shadow: 1px 2px 4px #444;
}
#gallery a img.fullsized {
display:none;
position:absolute;
right:20px;
top:10px;
margin:10px auto;
width:600px;
height:440px;
-webkit-box-shadow: 1px 3px 8px #444;
-moz-box-shadow: 1px 3px 8px #444;
box-shadow: 2px 3px 8px #444;
}
#gallery a:link img.fullsized {display:block; z-index: 00;}
#gallery a:focus img.fullsized {display:block; z-index: 10;}
#gallery a:hover img.fullsized {display:block; z-index: 20;}

/*Shaddow Frames*/

ul.gallery img{
background-color: #999999;
padding: 6px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#themap iframe{
background-color: #999999;
padding: 6px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#contact-form form{
background-color: #999999;
padding: 6px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#teksta table{
background-color: #999999;
padding: 6px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#tekstp table{
background-color: #999999;
padding: 6px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


/*O nama - Slike*/

ul.gater img{
background-color:#999999;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.gater img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
transform:scale(0.8);
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.gater img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
transform:scale(1.1);
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

/*Proizvodi - Slike*/

ul.photop img{
background-color:#999999;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.photop img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
transform:scale(0.8);
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.photop img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
transform:scale(1.1);
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

/*Galrija Nav*/

#galnav {clear:both; overflow:hidden;}
#galnav ul {width:980px; float:none; margin:0px;
			padding:25px 0px 10px 20px;
			background-color: #CCCCCC;}
#galnav ul li {display:inline; width:100%;}
#galnav ul li a {float:none; font-size:18px;
                 padding:25px 15px 10px 15px;
}
		
#galnav a:link    {color:#000000; font-weight:bold;}
#galnav a:visited {color:#000000;}
#galnav a:active  {color:#000000;}
#galnav a:hover   {color:#000000; background-color:#CC0000;}
#galnav a:focus   {color:#000000;}
#galnav a   {text-decoration:none;}

#galnav ul li a {
background-color: #999999;
padding: 5px;    
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/*Mapa link*/

#themap iframe {
	margin: 0px 0px 10px 0px
}

#themap a {
background-color: #999999;
padding: 5px;   
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#themap a:link    {color:#000000; font-weight:bold;}
#themap a:visited {color:#000000;}
#themap a:active  {color:#000000;}
#themap a:hover   {color:#000000; background-color:#CC0000;}
#themap a:focus   {color:#000000;}
#themap a   {text-decoration:none;}