/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after {

    clear: both;

}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {

    content: " ";

    display: table;

}

*:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

body{

	        font-family: Lucida Sans Unicode;

			letter-spacing: 0.2px;

		color: #777;

		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

		text-rendering: auto;

    letter-spacing: normal;

    word-spacing: normal;

    text-transform: none;

    text-indent: 0px;

    text-shadow: none;

  }

.affix {

	

      top: 0;

      width: 100%;

	  /*z-index: 9999 !important;*/

  }



  .affix + .container-fluid {

      padding-top: 70px;

  }

nav {

    position: relative;

    width: 100%;

    height: 50px;

    margin-bottom: 0px;

    line-height: 30px;

    /*box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);

    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);

    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);*/

}

.input-icon-in {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 22;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

	font-size:18px;

    text-align: center;

	

    pointer-events: none;

}

.radius_7{border-top-left-radius:4px;

  border-bottom-left-radius:4px;

  border-top-right-radius:4px;

  border-bottom-right-radius:4px;}

h3.captchacod{border:0px solid #3C763D;line-height: normal;margin:0px 3px 0px 0px;padding:0px 0px 0px 0px;text-align:left;font-size:1.1em;background:transparent;}

h3.captchacod span{padding:0 0px;background:transparent;}

#captcha span{

	color:#FFF;

  background: url(../images/bg_captcha.jpg) repeat-x center;

  border-top-left-radius:4px;

  border-bottom-left-radius:4px;

  border-top-right-radius:4px;

  border-bottom-right-radius:4px;

  border:1px solid #333; 

  line-height:normal;

  margin-left:3px;

  padding:0px 3px 0px 3px;

  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}

input.captcha{padding:0px 0px 0px 10px;background:transparent;font-size:13px;}

#captcha input{

  background: url(../images/osvjezi.png) no-repeat scroll 0 0 transparent;

  margin-left:5px;

  padding: 0;

  vertical-align:middle;

  border: medium none;

  cursor: pointer;

  width: 15px;

  height:15px;

}

h3.sendinfoL{text-transform:uppercase;border-left:1px solid #d2d2d2;font-weight:600;line-height:normal;margin:0px 0 10px 0;padding:0px 0px 0px 10px;text-align:left;font-size:1.1em;background:#f2f2f2;}

h3.sendinfoL span{color:#888;line-height:25px;padding:0px 10px; background:transparent;}

h3.sendinfoR{ border-bottom:1px solid #d2d2d2;font-weight:200;line-height:normal;margin:0px 0 10px 0;padding:0px 0px 0px 10px;text-align:left;font-size:1.2em;background:transparent;}

h3.sendinfoR span{line-height:25px;color:#777;padding:0 0px;background:transparent;}

h3.thanks{line-height:normal;letter-spacing: 1px;font-weight: 600;margin:2px 0 2px 0;padding:0px 0px 0px 0px;text-transform:uppercase;text-align:center;font-size:1.2em;background:transparent;}

h3.thanks span{padding:0 20px;background:#dff0d8;}

h3.sendmail{letter-spacing: 1px;font-style: italic;line-height: normal;margin:2px 0 2px 0;font-weight: 600;padding:0px 0px 20px 0px;text-align:left;font-size:1.2em;background:transparent;}

h3.sendmail span{padding:0 0px;background:#FFF;}

.myheader{padding:0px;margin-bottom:0px;background:transparent;border:0px solid #333;}

.myfooter{padding:0px;margin-top:2px; margin-bottom:35px;background:#FFF;border:0px solid #333;}



.row-footer{background:#FFF;border:0px solid #333;line-height:50px;}



.text-footer{font-family: 'Roboto Condensed', sans-serif;font-size: 14px;letter-spacing: 0px;color:#777777;}

.row-in{background:#FFF !important;padding-top:15px;padding-left:10px;padding-right:10px;padding-bottom:0px;border:0px solid #333;}

.container2{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container2{width:750px}}@media (min-width:992px){.container2{width:970px}}@media (min-width:1200px){.container2{width:1170px}}

.marginT {margin-top:10px;border:0px solid #333;}

.marginB {margin-top:10px;border:0px solid #333;}

.margin_top_20 {background:#fff;margin-top:20px;border:0px solid #333;}



.margin_top_200 {background: #fff;margin-top:225px;border:0px solid #333;}



.margin_top_-200 {background:#fff;margin-top:-200px;border:0px solid #333;}



.margin_right_0 {background:#fff;margin-top:0px;border:1px solid #333;}



.top-l-radius_10{border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;}



.top-r-radius_10{border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;}



.bottom-l-radius_10{border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 10px;}



.bottom-r-radius_10{border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}

.radius_5{

	border-top-left-radius: 5px;

    -webkit-border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    border-bottom-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

   -webkit-border-bottom-right-radius: 5px;

}

.colorbg{

	background:#fff;

}

.top-l-radius_20{border-top-left-radius: 20px;-webkit-border-top-left-radius: 20px;}



.top-r-radius_20{border-top-right-radius: 20px;-webkit-border-top-right-radius: 20px;}



.bottom-l-radius{border-bottom-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;}



.bottom-r-radius{border-bottom-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;}



.shadow {box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}

.shadow_0-15{box-shadow:  1px 1px 5px rgba(0, 0, 0, 0.20);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.20);-webkit-box-shadow:  1px 1px 5px rgba(0, 0, 0, 0.20);}

.row-shadow {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);}

textarea {

    resize: none;

}

.row-centered {



    text-align:center;



}

.one{

	margin-top:235px;

}

#slika{box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);

	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);

	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45); margin-bottom:5px;}

#top {

	Z-INDEX: 155; POSITION: relative; MARGIN: 0px auto; WIDTH: 850px;

}	

.bubnic {

	Z-INDEX: 155; POSITION: absolute; TOP: -37px; LEFT: 360px;

}

.text_app {

	Z-INDEX: 155; POSITION: absolute; TOP: -37px; LEFT:   15px;

}

.col-centered {



    display:inline-block;



    float:none;



   



}



.thumbnail2 {



	



	position: relative;



  width: 100%;



  height: 200px;



  overflow: hidden;



  float:left;



}



.thumbnail2 img {



	



	position: absolute;



  left: 50%;



  top: 40%;



  height: 210%;



  width: auto;



  -webkit-transform: translate(-50%,-50%);



      -ms-transform: translate(-50%,-50%);



          transform: translate(-50%,-50%);



}



.thumbnail2 img.portrait2 {



	



  width: 100%;



  height: auto;



  z-index:55



}



.thumbnail3 {



	position: relative;



  width: 137px;



  height: 100px;



  overflow: hidden;



  float:left;



}



.thumbnail3 img {



	



	position: absolute;



  left: 50%;



  top: 50%;



  height: 210%;



  width: auto;



  -webkit-transform: translate(-50%,-50%);



      -ms-transform: translate(-50%,-50%);



          transform: translate(-50%,-50%);



}



.thumbnail3 img.portrait3 {



  width: 100%;



  height: auto;



  



}



.thumbnail4 {



	position: fixed;

top: 55px; 

  	left: 0; 

  width: 100%;



  height: 500px;



  max-height:500px;



  overflow: hidden;



  float:left;



  z-index:-9999;



  border:0px solid #333;



}



.thumbnail4 img {



	



	position: absolute;



  left: 50%;



  top: 50%;



  height: 100%;



  width: auto;



  -webkit-transform: translate(-50%,-50%);



      -ms-transform: translate(-50%,-50%);



          transform: translate(-50%,-50%);



}



.thumbnail4 img.portrait4 {



  width: 102%;



  height: auto;



  



}

.thumbnailPDF {



	position: relative;



  width: 180px;



  height: 270px;



  overflow: hidden;



  float:left;



}



.thumbnailPDF img {



	



	position: absolute;



  left: 50%;



  top: 50%;



  height: 100%;



  width: auto;



  -webkit-transform: translate(-50%,-50%);



      -ms-transform: translate(-50%,-50%);



          transform: translate(-50%,-50%);



}



.thumbnailPDF img.portraitPDF {



  width: 100%;



  height: auto;



  



}

.border{



	margin-top:12px;



	background:#ccc;



	border:0px solid #333;



}

.navurl{display:none;}

.slika { 



	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);



	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);



	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);







}

@media (min-width:767px) and (max-width:820px) {

a.set{font-size:9.2px;font-weight:700;}

}

@media (min-width:767px){

#navbar-header2{display:none;}

}

@media (max-width:767px){

.navbar-nav{box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45); margin-bottom:5px;z-index:777;}

}

@media (max-width:768px){

#top {display:none;}	

.bubnic {display:none;}

.text_app {display:none;}	

#slika {box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.0);-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.0);-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.0); margin-bottom:5px;}

.slika { box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}

.row-shadow{ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}

.one{margin-top:55px;}

.thumbnail4{display:none;}

.thumbnail2{position: relative;width: 100%;height: 100px;overflow: hidden;float:left;z-index:7776;}

.margin_top_200 {background:#fff;margin-top:15px;border:0px solid #333;}

.thumbnail {position: relative;width: 100%;height: 150px;overflow: hidden;float:left;}

.thumbnail img.portrait {width: 100%;height: auto;}

.border{border:1px solid #333;}

#navurl{display:block;font-size: 1.0em;padding-left:27px;}

#kontakt{font-size: 1.2em;}

}



p {



    text-indent: 0px;



}



.col-centered {



    display: inline-block;



    float: none;



}

#animationDIV {

    background-color: white;

    color: white;

    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */

    animation: mymove 5s infinite;

}



/* Safari 4.0 - 8.0 */

@-webkit-keyframes mymove {

    50% {box-shadow: 1px 2px 3px #ccc;}

}



@keyframes mymove {

    50% {box-shadow: 1px 2px 3px #ccc;}

}

option {

    cursor: pointer;

}

select option{ /* value not val */

    cursor: pointer;

}

select{

    cursor: pointer;

}

select option[value="0"] { /* value not val */

    background: rgba(100, 100, 100, 0.3);

}

.marginT{margin-top:15px;}



.marginL{margin-left:15px;}



.marginR{margin-right:15px;}



.marginTB{margin-top:0px;margin-bottom:5px;}

.height52{height:52px;}

.height50{height:50px;}



.borderAll{border:1px solid #777;}

.borderAllF0F0F0{border:1px solid #F0F0F0;}

.borderLBRF0F0F0{border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}



.borderL{border-left:1px solid #F0F0F0;}



.borderR{border-right:1px solid #F0F0F0;}



.borderT{border-top:1px solid #777;}



.borderB{border-bottom:1px solid #F0F0F0;}

.borderTfff{border-top:5px solid #fff;}



.borderBfff{border-bottom:5px solid #fff;}



.info{padding-top:3px;padding-bottom:2px;background:transparent;font-family:Lucida Sans Unicode;font-variant: small-caps;font-size: 1.4em;color:#555;letter-spacing: 1px;border-bottom:1px solid #888;}



.Naslov1{padding-top:5px;padding-bottom:5px;background:transparent;font-family:Lucida Sans Unicode;/*font-variant: small-caps;*/font-size: 1.1em;color:#777;letter-spacing: 0px;border-bottom:1px solid #777;}



.Naslov2{text-align:left;padding-top:5px;padding-bottom:5px;background:transparent;font-family:Lucida Sans Unicode;/*font-variant: small-caps;*/font-size: 1.0em;color:#777;letter-spacing: 0.2px;border-bottom:0px solid #777;}



.FontExo2{padding-top:5px;padding-bottom:5px;font-family: 'Exo 2', sans-serif;font-weight: 600;letter-spacing: 1px;font-variant: small-caps;font-size: 1.2em;color:#777;letter-spacing: 1px;}



.kontakt{background:transparent;font-family:Lucida Sans Unicode;font-weight: 400;font-variant: small-caps;font-size: 1.5em;letter-spacing: 1px;}



.777{color:#777;}



.555{color:#555;}



.FontExo{font-family: 'Exo 2', sans-serif;font-weight: 600;font-size: 1.0em;letter-spacing: 1px;}



.LangFontExo{font-family: 'Exo 2', sans-serif;font-weight: 600;font-size: 1.0em;letter-spacing: 1px;}



.small{font-family: 'Exo 2', sans-serif;font-weight: 400;font-variant: small-caps;font-size: 1.5em;letter-spacing: 1px;}



.navbar-nav a span.homeIcon{



	background:url('../images/home.png') no-repeat center center;



	display: block;



	overflow: hidden;



	padding-left: 5px;



	padding-right: 5px;



	text-indent: -7777px;



	width: 16px;







	



}





.slika2 { 



	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);



	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);



	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);

    margin-bottom:3px;





}



img#slika{



	border:0px solid #f00;



	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.65);



	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.65);



	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.65);



	width:100%;



	max-width:30px;



	margin-top:-5px;



	}



img#slika:hover{



	border:0px solid #000;



	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);



	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);



	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);



	}



img#flag{



	position:static;



	width:100%;



	max-width:28px;



}



	



	.footer_over1 {



	font-family:Verdana, Helvetica, sans-serif; color:#777777;



	font-size:12px;



	font-style:normal;



	font-weight:normal;	



	line-height:16px;



        text-decoration:none;



	}



.footer_over1:hover {



	font-family:Verdana, Helvetica, sans-serif; color:#888888;



	font-size:12px;



	font-style:normal;



	font-weight:normal;	



	line-height:16px;



	text-decoration:none;



	}