@charset "utf-8";
/* CSS Document */

#mobile-header {
    display: none;
}

.mobile { display: none }
.no-mobile { display: block }
@media only screen and (max-width: 767px){
	.mobile { display: block }
	.no-mobile { display: none }

    #mobile-header {
		position: absolute;
        display: block;
		height: 50px;
		padding: 20px 2% 0 0;
		text-align: right;
		z-index: 500;
		right: 1%
    }
	#mobile-header a  {
		font-size: 3.5em;
		color: #5ba72b;
		text-decoration: none;
		z-index: 300
	}
	
	body {
		background: #ffffff url(../images/wrapper/bg_mobile.jpg) no-repeat top center
	}
	
	#wrapper {
		width: 95%
	}
	
	#wrapper #header {
		width: 100%;
		height: 100px;
	}
		#wrapper #header #logo a {
			width: 154px;
			height: 80px;
			display: block;
			margin: 5px 0 0 2%;
			background: url(../images/wrapper/logo_mobile.png) repeat;
			background-size: 100%;
		}
		
	#wrapper #background {
		display: none
	}
	
	#wrapper .h1-85 { margin-top: 0;}
	#wrapper .h1-100 { margin-top: 0;}
	
	#wrapper #h1 {
		width: 100%;
		position: relative;
		margin-left: 0;
	}
		#wrapper #h1 h1 {
			text-transform: uppercase;
			margin-left: 15px; 
			line-height: 28px;
		}
		
	#wrapper #menu {
		display: none
	}
	
	#wrapper #content {
		width: 100%;
		margin: 0 ;
		position: relative;
	}
		#wrapper #content .border1 {
			width: 100%;
			margin-left: 0;
			border: #c7c8c8 solid 2px
		}
			#wrapper #content .border2 {
				width: 90%;
				padding: 5%;
				border: #6ea062 solid 2px;
				background-color: #FFFFFF;
			}
			
		#wrapper #content table td { display: block}	
		#wrapper #content img { max-width: 85%; height: auto }
		
	#wrapper #ponuka_kancelarii {
		height: auto;
	
	}	
		#wrapper #ponuka_kancelarii .nadpis{
			width: 200px;
			margin-left: 15px; 
			line-height: 24px;
			font-size: 14px; 
			color: #308127; 
			font-weight: bold;
		}	
		#wrapper #ponuka_kancelarii .kancelarie{
			width: 100%;
		}	
			#wrapper #ponuka_kancelarii .kancelaria{
				position: relative;
				width: 46%;
				margin-right: 2%;
				margin-left: 2%;
				height: auto;
				float: left;
			}	
			#wrapper #ponuka_kancelarii .kancelaria .img{
				position: relative;
				position: relative;
				border: solid 2px #70b748;
				margin-bottom: 10px;
			}
				#wrapper #ponuka_kancelarii .kancelaria .img img {  width: 100%; }
			
			#wrapper #ponuka_kancelarii .kancelaria a {
				width: 100%;
				height: auto;
				top: 0;
				padding: 10px 0 10px 0;
				z-index: 150;
				position: absolute;
				color: #FFFFFF;
				font-weight: bold;
				text-align: center;
				cursor: pointer;
				text-decoration: none;
				background: url(../images/wrapper/transparent.png) repeat center
			}
				#wrapper #ponuka_kancelarii .kancelaria a:hover { text-decoration: underline }	
			
	#wrapper #mobile-phone-email {
		display: block;
		padding: 20px 0 20px 0;
		color: #5ba82b;
		text-align: center;
		font-size: 16px;
		line-height: 25px
	}
		#wrapper #mobile-phone-email a { color: #333333; text-decoration: none }
		#wrapper #mobile-phone-email a:hover { text-decoration: underline }
				
	#wrapper #footer {
		width: 100%;
		position: relative;
		height: 41px;
		line-height: 39px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		background: url(../images/wrapper/luxe_14.png) no-repeat top center
	}
		#wrapper #footer a {
			color: #000000;
			text-decoration: none
		}
			#wrapper #footer a:hover { text-decoration: underline }
		#wrapper #footer a.green { color: #000000 }
}