/*-----------------------------------------------------------------------------------*
/* = General
/*-----------------------------------------------------------------------------------*/
@viewport{
    zoom: 1.0;
    width: device-width;
}
img{ max-width: 100%; }
/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait 450 - 800
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 450px) and (max-width: 800px) {
   body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, img {font-size:0.95em;line-height: 1;}
   #wrapper-inner {width: 420px;}
      .headerlogo {top:10px;width:169px;height:66px;padding-bottom:3px;}
      .headerul {top:95px;right:auto;left:0;margin-left:5px;border:0px solid green;}
         .headermenu{padding-bottom:3px;}
         .headermenu a{height:66px;width:76px;background: url(/images/basic/template/menuitems450.png) no-repeat scroll 0 0 transparent;}
            #o_nama{background-position: 0 0;}
            #prodavnice{background-position: -76px 0;}
            #mapa{background-position: -153px 0;}
            #lokacija{background-position: -228px 0;}
            #kontakt{background-position: -305px 0;}
            /*meniji selected*/
            #o_nama-sel{background-position: 0 -66px; margin-left:0px;}
            #prodavnice-sel{background-position: -76px -66px;}
            #mapa-sel{background-position: -153px -66px;}
            #lokacija-sel{background-position: -228px -66px;}
            #kontakt-sel{background-position: -305px -66px;}
	
	div.tekst{font-size:13px;}
	.delta{font-size:35px; color:#333333;}
	.delta2{font-size:14px;color:#333333;line-height:18px;}
	.tablewidth0{width:400px}
	.tablewidth1{width:190px}
	.tablewidth2{width:200px}
	
	.bannersh {width:130px; height:83px;padding-bottom:0px;background: transparent url(/images/basic/template/shadow.png) bottom center no-repeat; background-size:100%;float:left;display:block;margin-left:8px}
	.bannerstrike{margin-left:-5px;}   
	.bannertxt {text-align:center; font-size:4px; margin-left:5px; margin-top:5px;}
	.bannerimg{margin-top:2px; width:120px}
	a.banner{display:block;float:left; width:125px; height:187px;background: url(/images/basic/template/banner450.png) no-repeat scroll 0 0 transparent; margin-left:3px; margin-right:3px; margin-top:5px;text-align:center; font-size:14px; color:#ffffff; text-decoration:none;}
	.radnovremelevo {width:60%; text-align:center; font-size:10px; float:left;}
	.radnovremedesno {width:35%; text-align:center; font-size:10px; float:left; display:table-cell; vertical-align:middle;}
	.lokacijaframe {width:420px; height:250px; margin-left:-20px; margin-top:-50px}
	.loktabela {margin-left:-20px;}
	.lokacijatable {background-color:#636363; color:#ffffff; font-size:15px; font-weight:bold; text-align:center;}
	.kakodonas {font-size:15px; font-weight:bold;line-height:100%;}
	.levo30{margin-left:0px;}

	.prodavnicekat {font-family:tahoma;font-size:14px; font-weight:bold;text-transform:uppercase;float:left;}
	.LogoFrame{width:100px;height:100px;margin:0 21px 0 0;}
	.LogoFrame2{width:100px;height:100px;margin:0 21px 0 0;}
	.izlagaclogo {max-width:300px;}
	.floorMapContainer{padding-left:0px}
	.floorMapContainer2{padding-left:0px}
	#baloon{display:none}
      #baloonTop{display:none}
         #baloonId{display:none}
      #baloonBottom{display:none}
      #baloonMiddle{display:none}
      #baloonMiddle img{display:none}
	map{display:none;}
		#MapCoords{display:none;}
	.katstrike{display:none;}
	.katstrike2{display:initial;width:430px; height:20px;}
}
/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait 320-450
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 450px) {
   body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, img {font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:8pt;}
   body{background-size:100%;}
	#wrapper-inner {width: 420px;}
   header#PageHeader{position:relative;height:auto;border:0px solid blue;}
   
    .headerlogo {position:relative;top:10px;width:231px;height:90px;padding-bottom:3px;background:none;}
      .headerul {position:relative;top:15px;right:auto;margin-left:5px;margin-bottom:30px;width:100%;display:none;}
         .headermenu{padding-bottom:2px;float:none;height:30px;background:none;width:100%;}
		 .headermenu a {background: none;margin-left:0px;height:30px;width:100%;}
		 .headermenu a span{display:block;text-transform:uppercase;font-size:16px;height:30px;display:table-cell; vertical-align:middle;}
		/*meniji*/
			#o_nama{background-color:white;color:#691484;}
			#prodavnice{background-color:white;color:#691484;}
			#mapa{background-color:white;color:#691484;}
			#lokacija{background-color:white;color:#691484;}
			#kontakt{background-color:white;color:#691484;}
			/*meniji selected*/
			#o_nama-sel{background-color:#691484;color:white;font-weight:bold;}
			#prodavnice-sel{background-color:#691484;color:white;font-weight:bold;}
			#mapa-sel{background-color:#691484;color:white;font-weight:bold;}
			#lokacija-sel{background-color:#691484;color:white;font-weight:bold;}
			#kontakt-sel{background-color:#691484;color:white;font-weight:bold;}
	
	div.tekst{font-size:13px;line-height:100%}
	.delta{font-size:20px; color:#333333;}
	.delta2{font-size:11px;color:#333333;line-height:18px;}
	.tablewidth0{width:260px}
	.tablewidth1{width:110px}
	.tablewidth2{width:140px}
	
	.bannertxt {margin-top:50px;}
	.bannerimg{margin-top:18px;margin-left:-1px; }
	.bannersh {padding-bottom:15px;}
	a.banner {margin-top:10px;padding-top:10px;}
	.lokacijaframe {width:350px; height:200px; margin-top:-40px;}
	.lokacijash{margin-left:-10px;background:none;background-size:350px;}
	.loktabela {margin-left:-20px;}
	.lokacijatable {background-color:#636363; color:#ffffff; font-size:10px; font-weight:bold; text-align:center;}
	.kakodonas {font-size:12px; font-weight:bold;line-height:100%}
	.levo30{margin-left:0px;}

	.prodavnicekat {font-family:tahoma;font-size:20px; font-weight:bold;text-transform:uppercase;float:left;}
	.LogoFrame{width:100px;height:100px;margin:0 21px 0 0;}
	.LogoFrame2{width:100px;height:100px;margin:0 21px 0 0;}
	.izlagaclogo {max-width:300px;}
	.floorMapContainer{padding-left:0px}
	.floorMapContainer2{padding-left:0px}
		#floorMap {width:300px;}
	#baloon{display:none}
      #baloonTop{display:none}
         #baloonId{display:none}
      #baloonBottom{display:none}
      #baloonMiddle{display:none}
      #baloonMiddle img{display:none}
	map{display:none;}
		#MapCoords{display:none;}
	.katstrike{display:none;}
	.katstrike2{display:initial;width:200px; height:20px;}
	
	.showmenu {display:block;}
		img.showmenu {position:absolute;top:10px;left:240px;height:90px;width:90px;}
		
	.large_image .image_holder {background:none;}
	.PageHeaderImg{background:none;}
	header{margin-bottom:20px;}
}
/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait <=320
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
   body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, img {font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:8pt;}
   body{background-size:100%;}
	#wrapper-inner {width: 270px;}
   header#PageHeader{position:relative;height:auto;border:0px solid blue;}
   
    .headerlogo {position:relative;top:10px;width:205px;height:80px;padding-bottom:3px;background:none;}
      .headerul {position:relative;top:15px;right:auto;margin-left:5px;margin-bottom:30px;width:100%;display:none;}
         .headermenu{padding-bottom:2px;float:none;height:30px;background:none;width:100%;}
		 .headermenu a {background: none;margin-left:0px;height:30px;width:100%;}
		 .headermenu a span{display:block;text-transform:uppercase;font-size:16px;height:30px;display:table-cell; vertical-align:middle;}
		/*meniji*/
			#o_nama{background-color:white;color:#691484;}
			#prodavnice{background-color:white;color:#691484;}
			#mapa{background-color:white;color:#691484;}
			#lokacija{background-color:white;color:#691484;}
			#kontakt{background-color:white;color:#691484;}
			/*meniji selected*/
			#o_nama-sel{background-color:#691484;color:white;font-weight:bold;}
			#prodavnice-sel{background-color:#691484;color:white;font-weight:bold;}
			#mapa-sel{background-color:#691484;color:white;font-weight:bold;}
			#lokacija-sel{background-color:#691484;color:white;font-weight:bold;}
			#kontakt-sel{background-color:#691484;color:white;font-weight:bold;}
	
	div.tekst{font-size:13px;line-height:100%;margin-top:-40px;}
	.delta{font-size:20px; color:#333333;}
	.delta2{font-size:11px;color:#333333;line-height:18px;}
	.tablewidth0{width:260px}
	.tablewidth1{width:110px}
	.tablewidth2{width:140px}
	
	.bannertxt {margin-top:50px;}
	.bannerimg{margin-top:11px;margin-left:-1px; width:255px;}
	.bannersh {background:none;margin-bottom:-10px;margin-left:0px;padding-bottom:15px;}
	a.banner {margin-top:10px;padding-top:10px;width:260px}
	.lokacijaframe {width:250px; height:300px; margin-top:-40px;}
	.lokacijash{margin-left:-10px;background:none;background-size:350px;}
	.loktabela {margin-left:-5px;margin-top:-50px;}
	.lokacijatable {background-color:#636363; color:#ffffff; font-size:10px; font-weight:bold; text-align:center;}
	.kakodonas {font-size:12px; font-weight:bold;line-height:100%}
	.levo30{margin-left:0px;}

	.prodavnicekat {font-family:tahoma;font-size:20px; font-weight:bold;text-transform:uppercase;float:left;}
	.LogoFrame{width:100px;height:100px;margin:0 21px 0 0;}
	.LogoFrame2{width:100px;height:100px;margin:0 21px 0 0;}
	.izlagaclogo {max-width:250px;}
	.floorMapContainer{padding-left:0px}
	.floorMapContainer2{padding-left:0px}
		#floorMap {width:300px;}
	#baloon{display:none}
      #baloonTop{display:none}
         #baloonId{display:none}
      #baloonBottom{display:none}
      #baloonMiddle{display:none}
      #baloonMiddle img{display:none}
	map{display:none;}
		#MapCoords{display:none;}
	.katstrike{display:none;}
	.katstrike2{display:initial;width:200px; height:20px;}
	.LocalListRow{margin-left:-50px;}
	
	.showmenu {display:block;}
		img.showmenu {position:absolute;top:10px;left:200px;height:80px;width:80px;}

	.large_image .image_holder {background:none;}	
	.PageHeaderImg{background:none;}
	header{margin-bottom:20px;}
}