@charset "utf-8";

@import url('/css/Reset.css');
@import url('/css/FontAwesome.css');
@import url('/css/Fontovi.css');
@import url('/css/MeanMenu.css');
@import url('/css/PrettyPhoto.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext');
@import url('http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext');
*{ 
	margin:0; 
	padding:0; 
}
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	position:relative;
	font-size:13px;
	color:#232424;
	font-family: 'Open Sans', sans-serif;
	background: url(/images/bg.png) repeat-x 0px 50px #fff;
}
.Wraper{
	position:relative;
	width:100%;
	max-width:1450px;
	margin:0 auto;
	overflow:hidden;    
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5);
}
.Row{
	position:relative;
	width:98%;
	padding:1%;
	max-width:960px;
	margin:0 auto;
}
.Box4{
	position:relative;
	width:24%;
	margin-right:1%;
	float:left;
}
.Box5{
	position:relative;
	width:40%;
	float:left;
}
.Box6{
	position:relative;
	width:48%;
	margin-right:2%;
	float:left;
}
.Box6a{
	position:relative;
	width:50%;
	float:left;
}
.Box7{
	position:relative;
	width:57%;
	margin-left:3%;
	float:left;
}
.Box12{
	position:relative;
	width:98%;
	margin-left:2%;
	float:left;
}
a{
	text-decoration:none;
	color:#fff;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
a:hover{
	text-decoration:none;
	color:#999;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
h1{
	font-size:25px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
h2{
	font-size:18px;
	font-family: 'Oswald', sans-serif;
}
h3{
	font-size:18px;
	font-family: 'Oswald', sans-serif;
}
.Plavo{
	color:#156374;
}
.Plavo2{
	color:#157799;
}
.Zuto{
	color:#f1b616;
}
.Crveno{
	color:#bb1508;
}
.Ljubicasto{
	color:#694582;
}
.Zeleno{
	color:#2e7b6a;
}
.Smedje{
	color:#8d5b29;	
}
.Table{
	display:table;
	text-align:center;
   	width:100%;
  	height:100%;
}
.TableCell{
	display:table-cell;
	vertical-align:middle;
}
.Margin10{
	margin:10px 0;
}
.Margin20{
	margin:20px 0;
}
.MarginBottom15{
	margin-bottom:15px;
}
.MarginBottom25{
	margin-bottom:25px;
}
.SlikaResponsive{
	max-width:100%;
	max-height:100%;
}
.TextLeft{
	text-align:left;
}
.TextCenter{
	text-align:center;
}
.TextRight{
	text-align:right;
}
nav{
	position:relative;
	z-index:101;
	width:100%;
	background:#8d5b29;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	text-align:center;
}
nav #NavJeziciPali{
	position:absolute;
	display:block;
	top:10px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000000;
}
nav #NavJeziciPali a{
	position:relative;
	margin:0 auto;
	width:40px;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	border:2px solid #fff;
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
}
nav #NavJeziciPali i{
	position:relative;
	top:-2px;
	margin-left:2px;
}
nav ul#NavJezici{
	position:absolute;
	display:none;
	margin:0 auto;
	top:10px;
	left:70px;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000000;
}
nav ul#NavJezici li{
	position:relative;
	margin:0 auto;
	list-style-type: none;
	display:block;
	width:26px;
	height:26px;
	line-height:26px;
	border:2px solid #fff;
	font-size:11px;
	text-transform:uppercase;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
	float:left;
	margin-right:8px;
}
nav ul#NavJezici li a{
	color:#fff;
	display:block;
}
nav ul#NavJezici li:hover{
	border:2px solid #96c4ef;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
nav ul#NavJezici li a:hover{
	color:#96c4ef;
}
#NavLogo{
	position:relative;
	text-align:center;
	margin:80px 0 30px 0;
}
#NavMeniBox{
	position:relative;
}
nav ul#NavMeni{
	position:relative;
	z-index:101;
	display:block;
	list-style-type: none;
	text-transform:uppercase;
	text-align:center;
}
nav ul#NavMeni li{
	position:relative;
	list-style-type: none;
	font-size:15px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
nav ul#NavMeni li a{
	color:#e8f1fc;
	display:block;
}
nav ul#NavMeni li a:hover{
	color:#32bdd4;
}
nav ul#NavMeni ul.NavPodMeni{
	position:fixed;
	z-index:101;
	left:-250px;
	top:0;
	width:250px;
	height:100%;
	background:#2e4765;
	color:#fff;
	text-align:left;
}
nav ul#NavMeni ul.NavPodMeni li{
	position:relative;
	min-height:18px;
	background:#385881;
	margin-bottom:2px;
	padding:15px 15px;
}
nav ul#NavMeni ul.NavPodMeni div{
	position:relative;
	text-align:right;
	padding:15px 15px 0 0;
}
nav ul#NavMeni ul.NavPodMeni div i{
	width:30px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	display:block;
	cursor:pointer;
	float:right;
	color:#789dce;
	text-align:left;
	border:2px solid #789dce;
	font-size:25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
nav ul#NavMeni ul.NavPodMeni h1{
	font-size:32px;
	font-weight:300;
	font-family: 'Oswald', sans-serif;
	margin-bottom:40px;
	padding:0 15px;
}
header{
	position:relative;
	color:#fff;
	font-size:15px;
	background:#00abdf;
}
header .TextRight{
	padding-top:10px;
}
#Slider{
	position:relative;
}
.SadrzajSlider{
	position:relative;
}
.SadrzajSlider img{
	max-width:100%;
	max-height:100%;
}
.SadrzajSlider .prev, .SadrzajSlider .next{
	position:absolute; 
	top:50%; 
	margin-top:-20px; 
	z-index:1000;
}
.SadrzajSlider .prev a, .SadrzajSlider .next a{
	display:block; 
	font-size:50px; 
	color:#fff;
}
.SadrzajSlider .prev{
	left:10px; 
}
.SadrzajSlider .next{
	right:10px; 
}
#Sadrzaj{
	position:relative;
}
#Sadrzaj p{
	margin:5px 0;
}
#KartaLokacija{
	position:relative;
	width:100%;
	height:600px;
}
#KartaLokacija img{
	max-width:none;
}
.sublist{
	margin-left:20px;
}
.TableCjenik{
	position:relative;
	width:100%;
}
.TableCjenikRub td{
	padding:5px 10px;
	vertical-align:middle;
	border:1px solid #fff;
}
.valuteImges img{
	float:right;
	margin-left:20px;
}
.KontaktForma{
	position:relative;
}
.KontaktForma input[type=text], .KontaktForma textarea{
	width: 97%;
	padding:2px 5px;
	margin-bottom:2%;
	overflow: auto; 
	font-size:14px; 
	color:#292929;
	font-family: 'Open Sans', sans-serif;
	background-color:#fff; 
	border:solid 3px #bdbdbd;
}
.KontaktForma input[type=text]{
	height:30px;
	margin-bottom:20px;
}
.KontaktForma textarea{
	height:150px;
	margin-bottom:20px;
}
.KontaktForma #sigureca{
	width:50%;
}
.KontaktForma input[type=submit]{
	float:right;
	display:block;
	width:237px; 
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px; 
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	background-color: #991e11; 
	background-image: -webkit-linear-gradient(bottom, #e1840c, #facc50); 
	background-image: -moz-linear-gradient(bottom, #e1840c, #facc50); 
	background-image: -o-linear-gradient(bottom, #e1840c, #facc50); 
	background-image: linear-gradient(to top, #e1840c, #facc50);
}
footer{
	position:relative;
	width:100%;
	top:25px;
	overflow:hidden;
	z-index:100;
	padding:20px 0;
	color:#fff;
	font-size:13px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	background:#8d5b29;
}
footer a{
	color:#fff;
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
.Box6{
	width:100%;
	margin-right:0;
	float:none;
}
}

@media screen and (max-width: 600px) {
.TableCjenikRub td{
	padding:5px 5px;
	vertical-align:middle;
	border:1px solid #fff;
}
.SadrzajSlider .prev a, .SadrzajSlider .next a{
	font-size:35px; 
}
.Box4{
	width:49%;
}
#KartaLokacija{
	height:400px;
}
}

@media screen and (max-width: 568px) {
footer{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
footer .left, footer .right{
	float:none;
}
}

@media screen and (max-width: 480px) {
.TableCjenikRub td{
	padding:5px 2px;
	font-size:12px;
}
.Sakrij{
	display:none;
}
#KartaLokacija{
	height:200px;
}
}

@media screen and (max-width: 384px) {
.Box6a, .Box4{
	width:100%;
	margin-right:0;
	float:none;
}
.Logo{
	text-align:center;
}
}

@media screen and (max-width: 320px) {
}