@charset "utf-8";
/* CSS Document */


@font-face {
font-family: Impact; src: url('css/impact_0.ttf'); 
}



/* Mouse Over effects */

.colc2 {
font-family: 'Oswald';
font-weight: normal;
color: #5a5a5a;
text-decoration:none;
text-transform:uppercase;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
padding-top:20px;
margin:0px;

}

.colc2:hover 	{
background-image:url(../images/link-bg.jpg);
font-weight:light;
color:#ffffff;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
padding-top:20px;
margin:0px;
}

.footer {
font-family: 'Oswald';
font-weight: normal;
color: #5a5a5a;
text-decoration:none;
text-transform:uppercase;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
padding-top:20px;
margin:0px;

}

.footer:hover 	{
font-weight:light;
color:#ffffff;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
padding-top:20px;
margin:0px;
}

.active 	{
background-image:url(../images/link-bg.jpg);
font-weight:light;
color:#ffffff;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
padding-top:20px;
margin:0px;
}





body {
margin:0px;
padding:0px;
}


h2 {
font-family: 'Impact';
font-size:41px;
font-weight: lighter;
font-variant:normal;
padding:5px;
margin:auto;
color:#5a5a5a;
}

h6 {
font-family: 'Six Caps',Georgia, serif;
font-size:64px;
font-weight: lighter;
color:#dd982b;
margin:0px;
padding:0px;
}


h5 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:lighter;
color:#121212;
margin:0px;
padding:0px;

}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
color:#fff;
padding-left:10px;
}

h3 {
font-family: 'Six Caps',Georgia, serif;
font-size:56px;
font-weight: lighter;
text-align:center;
color:#fff;
margin:0px;


}
#background {
background:url(../images/line.jpg);
width:100%;
height:1px;
margin:0;
padding:0px;
}

#shortline {
background:url(../images/lines.jpg);
width:315px;
height:1px;
margin:auto;
}


#logo {
float:left;
}

#social {
float:right;
padding-top:25px;
}

#links {
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform:capitalize;
text-decoration:none;
}

#menu {
float:right;
}

#menu ul {
	margin: 0;
	padding: 2px 0px 0px 5px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 15px 0px 2px 10px;
	text-decoration: none;
	text-transform: capitalize;
	font-family: "My Custom Font";
	font-weight:lighter;
	font-size: 16px;
	color: #333c4c;
}

#menu a:hover { text-decoration: none;
color:#fdce8f; }

#menu .current_page_item a {
	height: 26px;
	color: #fdce8f;
}

p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
	style="font-smooth:always;"
}



/* link */
.detaljnije{color:#000; font-style: normal;  padding-right:35px; background:url(../images/marker.png) top left no-repeat; text-decoration:none; float:right; font-size:13px }
.detaljnije:hover{text-decoration: underline; padding-right:35px; }

.detaljnije1{ text-decoration:none; color:#666666}
.detaljnije1:hover{ text-decoration:underline}

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

.detaljnije-1 { display:inline-block; line-height:33px; background:url(../images/bg_link1.jpg) top left; padding:0 10px 0 10px; color:#fff; font-size:11px; text-decoration:none; cursor:pointer;   font-family: "My Custom Font", Verdana, Tahoma;
 }
.detaljnije-1:hover {background:#333333; text-decoration:none; color:#fff}

.detaljnije-2 { display:inline-block; line-height:33px; background:url(../images/vise.jpg) top left; padding:0 25px 0 25px; color:#fff; font-size:14px; text-decoration:none; cursor:pointer;   font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold;
 }
.detaljnije-2:hover {background:#ffb034; text-decoration:none; color:#fff}

#left {
width:250px;
height:350px;
float:left;
}

#right {
width:250px;
height:350px;
float:left;
}


/* o nama */


.input {background: #FFFFFF; top repeat-x;border:1px solid #cfcfcf; font:12px Arial, Helvetica, sans-serif;height:16px;padding:5px 10px;color:#333333;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
.bg {border:1px solid #b0b0b0;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;margin-bottom:15px}
#form_1 {width:237px}
#form_1 .input {width:213px}
#form_1 a {line-height:32px}
#form_2 .input1 {width:120px}
#form_2 .input2 {width:91px}
#form_2 a {line-height:32px}
#ContactForm {line-height:30px;font-weight:bold;letter-spacing:-1px;width:50%}
#ContactForm a {float:right;margin-bottom:0;background:url(../images/button3_bg.gif) top repeat-x;margin-top:5px}
#ContactForm a span {background:url(../images/button3_left.jpg) top left no-repeat}
#ContactForm a span span {background:url(../images/button3_right.jpg) top right no-repeat}
#ContactForm .bg {float:left;margin-bottom:10px}
#ContactForm .input {width:237px}
#ContactForm .textarea {background: #FFFFFF; top repeat-x;border:1px solid #cfcfcf;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
#ContactForm textarea {height:208px;width:250px;background:none; font:12px Arial, Helvetica, sans-serif; color:#333333; border:solid 1px #fff;}

#slider {

	/* You MUST specify the width and height */
	width:939px;
	height:510px;
	position:relative;	
	overflow:hidden;
	
}

#mask-gallery {
	
	overflow:hidden;	
	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
	
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position: absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:250px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=10);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.9;  
	
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:250px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;		
		text-decoration:none;

	}
	


.clear {
	clear:both;	
}