/*CSS Document*/

@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(http://fonts.googleapis.com/css?family=Oswald);

@font-face {
  font-family: 'UbuntuFont';
  src: url('font/UbuntuMono-R.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/UbuntuMono-R.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/UbuntuMono-R.ttf')  format('truetype'), /* Safari, Android, iOS */
}

/*CSS Document*/

html { 
  background: url(img/JPEG/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main-wrap{position: absolute; top: 0; left: 0; min-width:100%; min-height:100%; width:100%; height:100%; z-index: 10;}

/*h1{ margin: 0 auto; text-align: center; font-family: 'Oswald', sans-serif; font-size:20px; font-weight: bold; color: #F4CB04; }*/
h1{ font-family: 'Oswald', sans-serif; font-size:20px; font-weight: normal; color:#343835; }
h2{ font-family: 'Oswald', sans-serif; font-size:16px; font-weight: normal; color:#343835; }
#footer_tekst{ font-family: 'Oswald', sans-serif; font-size:12px; font-weight: normal; color:#fff; }
#footer_tekst2{ font-family: 'Oswald', sans-serif; font-size:10px; font-weight: normal; color:#343835; }
#content_div { background-color: rgba(20,20,20,0.65); border:1px solid #D6D6D6; -webkit-box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); font-family:'UbuntuFont'; }

#footer_div { background-color: rgba(20,20,20,0.65); border:1px solid #D6D6D6; -webkit-box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); }

#broj { font-family: 'Oswald', sans-serif; font-size:30px; font-weight: bold; color: #fff; }
#vlasnik { font-family: 'Tahoma', sans-serif; font-size:20px; font-weight: bold; color: #fff; }

.imgs { cursor: pointer; width:auto; height: 57px; background-size: contain; min-height: auto; min-width: 85px; border: 1px solid #F4CB04; opacity:0.8;}
.imgs:hover { border:1px solid #f57103; opacity: 1;}

.imgs5 { cursor: pointer; width:auto; height: 57px; background-size: contain; min-height: auto; min-width: 85px; border: 1px solid #05b1f3; opacity:0.8;}
.imgs5:hover { border:1px solid #026af7; opacity: 1;}

.aktivno { opacity:1; }
.neaktivno { opacity:0.6; }

form{
	font-family: Verdana;
}

.taxi-boja{
	background: #faa505; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #faa505 0%, #f2da04 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#faa505), color-stop(100%,#f2da04)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #faa505 0%,#f2da04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #faa505 0%,#f2da04 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #faa505 0%,#f2da04 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #faa505 0%,#f2da04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa505', endColorstr='#f2da04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/*background: rgba(250,165,5,0.7);*/
}

.taxi-crna{
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top,  #606060 0%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 0%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 0%,#303030 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 0%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
	/*background: rgba(96,96,96,0.7);*/
}

.zastava { width:30px; height:auto; margin-top:7px; margin-right:5px; border:1px solid #D6D6D6; -webkit-box-shadow: 1px 1px 2px 1px #757575; box-shadow: 1px 1px 2px 1px #757575; opacity:0.8; }
.zastava:hover { opacity:1; cursor: pointer; }

#gumb_taxi {  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1fc58+0,ff7c02+100 */
background: #f1fc58; /* Old browsers */
background: -moz-linear-gradient(top,  #f1fc58 0%, #ff7c02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1fc58), color-stop(100%,#ff7c02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1fc58 0%,#ff7c02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1fc58 0%,#ff7c02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1fc58 0%,#ff7c02 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1fc58 0%,#ff7c02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1fc58', endColorstr='#ff7c02',GradientType=0 ); /* IE6-9 */
}
#gumb_taxi:hover { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd000+0,ff4e02+100 */
background: #ffd000; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd000 0%, #ff4e02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd000), color-stop(100%,#ff4e02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd000 0%,#ff4e02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd000 0%,#ff4e02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd000 0%,#ff4e02 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd000 0%,#ff4e02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='#ff4e02',GradientType=0 ); /* IE6-9 */
}

#gumb_apartments {  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50e0e5+0,0275ca+100 */
background: #50e0e5; /* Old browsers */
background: -moz-linear-gradient(top,  #50e0e5 0%, #0275ca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50e0e5), color-stop(100%,#0275ca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #50e0e5 0%,#0275ca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #50e0e5 0%,#0275ca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #50e0e5 0%,#0275ca 100%); /* IE10+ */
background: linear-gradient(to bottom,  #50e0e5 0%,#0275ca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50e0e5', endColorstr='#0275ca',GradientType=0 ); /* IE6-9 */
}
#gumb_apartments:hover {  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bcdd+0,0b6fbf+100 */
background: #00bcdd; /* Old browsers */
background: -moz-linear-gradient(top,  #00bcdd 0%, #0b6fbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bcdd), color-stop(100%,#0b6fbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bcdd 0%,#0b6fbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bcdd 0%,#0b6fbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bcdd 0%,#0b6fbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00bcdd 0%,#0b6fbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcdd', endColorstr='#0b6fbf',GradientType=0 ); /* IE6-9 */
}

.meni_gumb { border:1px solid #D6D6D6; cursor: pointer; }
#menu_div { -webkit-box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); }
#b_karta { position:absolute; top: 15px; right:-72px; height: 40px; width: auto; -webkit-box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); box-shadow: 0 0 5px 2px rgba(2,20,20,0.5); border-radius: 10px; opacity:0.7; }
#b_karta:hover { opacity:1; } 
#content_div { font-family: 'UbuntuFont', sans-serif; font-size:14px; font-weight: normal; color: #fff; }

/*#tbl_cjenik, #tbl_kontakt { border: 1px solid #fff; border-collapse: collapse; }
#tbl_cjenik tr td, #tbl_kontakt tr td { border: 1px solid #fff; }*/

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-4eph{background-color:#f9f9f9}
.tg .tg-zapm{background-color:#f9f9f9;text-align:right}
.tg .tg-0ord{text-align:right}

.tg2  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg2 td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg2 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg2 .tg-4eph{background-color:#f9f9f9}
.tg2 .tg-zapm{background-color:#f9f9f9;text-align:right}
.tg2 .tg-0ord{text-align:right}

.tg3  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg3 td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;border-top-width:1px;border-bottom-width:1px;}
.tg3 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;border-top-width:1px;border-bottom-width:1px;}
.tg3 .tg-4eph{background-color:#f9f9f9}

.tdh { font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;border-top-width:1px;border-bottom-width:1px; }
.kontakt_input { width: 95%; height: 39px; font-size: 18px; margin-left: 20px; }
.kontakt_input:focus { border:2px solid #FFC500; }
.id_g_posalji { width:100px; height:45px; background-color:#f0f0f0; border:none; outline:none; color:#000; border:1px solid #4d4d4d; }
.id_g_posalji:hover { background-color:#4d4d4d; color:#fff; cursor: pointer; border:1px solid #f0f0f0; }