/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 3.0 License
*/


@import url(http://fonts.googleapis.com/css?family=Monda);
/*font-family: 'Monda', sans-serif;*/

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

.container_12{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin:0 10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:370px}.container_12 .grid_5{width:380px}.container_12 .grid_6 {width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}
* html .clearfix{height:1%}.clearfix{display:block}

/* Menu */
.nav-twit{padding-bottom:20px;}
nav{ position:relative;width: 800px; float:left;}

/*za centriraanje slike*/
.pozadina{

  background-image: url(images/bg-content_bw.jpg);
  background-repeat: repeat-y;
  background-repeat: repeat-x;
  width:100%;
  height: auto;
  min-height:100%;

	
}
.elementCenter {
  position: relative;
  top: 50%;
  transform: translateY(25%);
}  

.elementWC {
  position: relative;
  top: 50%;
  transform: translateY(10%);
}  

  
/*kraj centriranja slike*/



.my_menu{display:block;}

.my_menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.my_menu a {display:block; color: #fff;}
.my_menu li:hover ul,.my_menu li.sfHover ul {z-index:999;}

ul.my_menu li:hover li ul,ul.my_menu li.sfHover li ul {top:-999px; display:none;z-index:999}
ul.my_menu li li:hover ul,ul.my_menu li li.sfHover ul {left:100%; top:0;z-index:999}
ul.my_menu>li{font-family: 'Monda', sans-serif;font-size: 12px; float:left; text-transform:uppercase;width:115px;text-align:center;margin-left:22px;}
ul.my_menu>li:first-child{margin-left: 0;}
								
ul.my_menu>li>a{display:block;position:relative;color:#FFAE00; font-weight: bold; padding:26px 0 0 0; }
				
				
ul.my_menu>li.current , ul.my_menu>li.sfHover , ul.my_menu>li:hover {}
ul.my_menu>li.current>a, ul.my_menu>li.sfHover>a, ul.my_menu>li>a:hover{background: url(images/bg-menu-li-white.jpg) 0 0 repeat-x;}



/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body { 	 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:21px;
	color:#786b64;
	min-width:960px;}
		
.main{width:100%;height: auto; min-height:100%;background: url(images/bg-content_bw.jpg) 0 0 repeat;}

/***********************************************************************/
/*properties for h1 h2 h3 h4 h5 and another text*/
.logo{width: 930px; height: 150px;margin:-30px 0px; text-align:right; padding:60px 0 0 0;position:relative;}  
h1{display:inline;font-size: 28px;font-family: 'Monda', sans-serif;}
h1 a{display:inline ;color:#fff; font-weight:bold; text-shadow:4px 4px #000;}
h1 a span{ font-family: 'Monda', sans-serif;font-size:12px; color:#FFAE00;font-weight:normal;letter-spacing:0; display:inline;}


h2{font-size:30px;font-family: 'Monda', sans-serif;color:#fff; line-height:30px;font-weight: normal;}

.txt_uppercase{text-transform:uppercase;}
.txt_decor{ text-decoration:none !important;}
.txt_al{text-align:center;}
.bold{font-weight:bold;}
.txt_norm{ text-transform:none !important;}
.font-14{font-size:14px;}
.font-14-large{font-size:24px;}
.font-14-1{font-size:14px;font-family: 'Monda', sans-serif;color:#fff; font-style:italic;text-transform:uppercase; text-shadow:1px 0 #171104;}

.bg-none{background:none !important;}
.txt-shad{ text-shadow:0 1px #0f0b03;}

.text-1{font-family: 'Monda', sans-serif; font-style:italic; color:#00639B; font-size:20px;line-height:24px;}

.hov:hover{color:#fff;}
.hov-1:hover{color:#00639B;}
.hov-2:hover{color:#00639B; text-decoration:underline;}

.border-none{border: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.col{color:#fff;}
.col-1{color:#00639B;}
.col-2{color:#786c64;}

.marg_bot{margin-bottom:0 !important; padding-bottom:0 !important;}	
.marg_top{margin-top:0 !important; padding-top:0 !important;}	
.marg_left-0{margin-left:0 !important;}	
.marg_right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}	
.marg{margin:0 !important; padding:0 !important;}
.marg_20{margin-top:20px !important;}
.padding_right{padding-right:0 !important;}
.padding_left{padding-left:0 !important;}
.padding{padding:0px !important;}

.padding-1{padding:0 80px 0 0 ;}

.padd{margin:23px 0 26px 0;}
.padd-1{margin:44px 0 23px 0;}.padd-1-1{margin:39px 0 19px 0;}
.padd-2{margin:23px 0 5px 0;}
.padd-3{margin:49px 0 26px 0; color:#FFAE00;}.padd-3-1{margin:90px 0 20px 0;}.padd-3-2{margin:49px 0 5px 0;}.padd-3-3{margin:49px 0 28px 0;}
.padd-3-4{margin:49px 0 23px 0;}
.padd-4{margin:49px 0 18px 0;}.padd-4-1{margin:49px 0 21px 0;}
.padd-5{margin:77px 0 27px 0;}

.top{margin-top: 16px;}.top-0{margin-top: 2px;}.top-0-1{margin-top: 17px;}
.top-1{margin-top:5px;}.top-1-1{margin-top:-5px;}
.top-2{margin-top:20px;}.top-2-1{margin-top:21px;}
.top-3{margin-top:40px;}.top-3-1{margin-top:36px;}

.bot{padding-bottom: 25px;}
.bot-1{padding-bottom: 12px;}
.bot-2{padding-bottom: 17px;}.bot-2-1{padding-bottom: 19px;}
.bot-3{padding-bottom: 25px;}

.right{margin-right: 8px;}
.right-1{margin-right: 21px;}

/*properties for a */
				
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

ul {margin:0; 
	padding:0;
	list-style-image:none;}
		
.button{display: inline-block;font-family: 'Monda', sans-serif;font-size: 14px; color:#00639B; font-style:italic;padding-right:18px;background: url(images/arrow-button.png) right 9px no-repeat;}

.button:hover{color:#fff; text-decoration:underline;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper{overflow:hidden;}
.wrapper-extra{overflow:hidden;}
.extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*search and tooltip*/
/*********************************header*************************************/
.head{width:100%;z-index:2;background: url(images/bg_all_bw.gif) repeat-x;}

header{width:940px;margin:0 auto;}

.div-over{background: url(images/over-head.jpg) 0 0 repeat-x; height:30px;}	
/*********************************content*************************************/
#content{width:100%;margin:0; position:relative; z-index:1;background: url(images/shadow-1.png) 0 0 repeat-x ;padding-bottom:43px;}
.divider{background: url(images/divider.jpg) 0 0 repeat-x; height:3px;}
.divider-1{background: url(images/divider-1.jpg) 0 0 repeat-x; height:5px;}
aside{padding-bottom:56px;background:  url(images/bg-aside.png) 0 0 repeat;}

.lightbox-image{display: inline-block;position:relative;}
.lightbox-image img.magnify{position:absolute;width:0px;height:0px;left:50%;top:50%;}


.pp{display:inline-block; margin:21px 0 0 0; color:#786c64;font-size:13px;}
.pp a{color:#786c64;}
.pp a:hover{color:#fff; text-decoration:underline;}

/**********************************index*********************************/
.block-1{}
.block-1 .box-1:first-child{background:none;}
.box-1{background: url(images/bg-box-1.jpg) 0 top repeat-x;padding:20px 0 20px 0;}
.box-empty{background: url(images/bg-box-1.jpg) 0 top repeat-x;padding:20px 0 30px 0;}
.box-1 a{margin:0 0 0 0;}

.block-2{margin:64px 0 0 0;}
.block-2 img{margin:25px 0 0 0;}

/****************************footer************************/
.footer{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#969588 ;padding-top: 22px; padding-bottom: 20px; text-indent:0; text-align:center;text-transform:uppercase; text-shadow:1px 0 #171104; background: #252525;  width: 100%}
.footer a{ color:#969588}
.footer a:hover{color:#00639B;}
.container_12 {min-height: 50px;}
#my_slider {margin-top: 30px; border: 2px solid #282828; width: 940px;}

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    background:url(images/top.jpg) no-repeat;
    width: 940px;
    height: 310px;
    margin:0 auto;
}

#slider-wrapper-gallery {
    background:url(images/top.jpg) no-repeat;
    width: 940px;
    height: 530px;
    margin:0 auto;
}

#slider-wrapper-video {
    background:url(images/top.jpg) no-repeat;
    width: 940px;
    height: 530px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 940px;
    height: 310px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider-gallery {
	position:relative;
    width: 940px;
    height: 530px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider-video {
	position:relative;
    width: 940px;
    height: 530px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	padding-left: 470px;
	padding-top: 282px;

}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bp.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
	background:url(images/bp_hover.png) no-repeat;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

#galleria{ width: 700px; height: 400px; background: #000 }
#galleriaVideo{ width: 700px; height: 400px; background: #000 }

/*MAIL PART OF CSS*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}



body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 12px;
  line-height: 30px;
  color: #777;
  background-image: url(images/bg-content_bw.jpg);
  background-repeat: repeat-y;
  background-repeat: repeat-x;

}

.container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#contact input[type=text], #contact input[type=email], #contact input[type=tel], #contact input[type=url], #contact textarea, #contact button[type=submit] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background: #F9F9F9;
  padding: 25px;
  margin: 150px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type=text], #contact input[type=email], #contact input[type=tel], #contact input[type=url], #contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type=text]:hover, #contact input[type=email]:hover, #contact input[type=tel]:hover, #contact input[type=url]:hover, #contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type=submit] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type=submit]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type=submit]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}


/*END OF MAIL PART*/