@charset "utf-8";
/* 
 * (c) 2012 Wolfdesign - web studio ☆ www.wolfdesign.cz
 */

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext); /* google font */

/* =============================================================================
   Základní zobrazení 960px
   ========================================================================== */
	/*---------- Hlavička -----------*/
	#masthead {
		height: 340px; 
	}
		#masthead h1 {
			float: left;
			display: inline-block;
			position: relative;
			margin-top: 40px;
		}
			#masthead h1 a {
				overflow: hidden;
				display: block;
				text-indent: -999em;
				background: url(../img/logo.png) no-repeat 0 0;
				width: 180px; height: 180px;
			} 
			#masthead nav {
				margin: 0; padding: 0;
				width: 760px; height: 90px;
				float: left;
			}
	#menu {
		margin: 0; padding: 0;
		width: 720px; height: 90px;
		text-align: center;
		overflow: hidden;
	}
		#menu li {
			float: left;
			width: 120px;
			list-style: none;
		}
			#menu li.active { background: url(../img/menu-active.png) no-repeat center 84px; }
		#menu a {
			padding: 50px 0 0 0;
			height: 40px;
			display: block;
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 16px;
			font-weight: normal;
			color: #fff;
			text-decoration: none; text-transform: uppercase;
			background: url(../img/hover.png) repeat-x 0 -90px;
		}
	#menuBarContainer {
		position: fixed; 
		top:-50px;
		width: 100%;
		background: url(../img/bg.jpg) no-repeat center -12px;
		z-index: 100;
		opacity: 1.0;
	}
	.menuBarShadow {
		*-webkit-box-shadow: -10px -11px 10px 10px #000;
	       -moz-box-shadow: -10px -11px 10px 10px #000;
	            box-shadow: -10px -11px 10px 10px #000;
				}
	#menuBarNav { height: 50px; }
	.fixed {
		position:fixed;
		right: 50%;
		margin-right: -50%;
	}
	#menuBarNav h1 {
		width: 240px; height: 50px;
		display: inline-block;
		float: left;
	}
		#menuBarNav h1 a {
			width: 220px; height: 50px;
 			overflow: hidden;
			display: block;
			text-indent: -999em;
			background: url(../img/menubar-logo.png) no-repeat 0 6px;
		}
	#menuBar {
		margin: 0; padding: 0;
		display: inline-block;
		height: 50px;
		overflow: hidden;
	}
		#menuBar li {
			float: left;
			width: 115px;
			text-align: center;
			list-style: none;
		}
		#menuBar a {
			padding: 14px 0 0 0;
			height: 36px;
			display: block;
			font-family: 'PT Sans Narrow', sans-serif;
			font-size: 14px;
			font-weight: normal;
			color: #fff;
			text-decoration: none; text-transform: uppercase;
		}
		#menuBar a:hover { background: #323232; }
		#menuBar-2 {
			display: none;
			padding: 15px;
			width: 150px;
			position: absolute;
			top: 50px;
			right: 10px;
			background: #323232;
		}
	#menuBar-2 li a {
		padding-left: 20px;
		font: normal 16px/35px 'PT Sans Narrow', sans-serif;
		color: #fff;
		text-transform: uppercase; text-decoration: none;
		background: url(../img/list-1.png) no-repeat 5px 7px;
		}

	#shield h2 {
		padding-top: 120px;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 40px;
		font-weight: bold; 
		line-height: 57px;
    text-align: center;
		color: #e8e8e8;
		text-transform: uppercase;
		text-shadow: #000 1px 1px 0px;
	}
	/*---------- Obsah -----------*/
	#content { padding: 50px 0 100px 0;	}
	#rightPanel { padding: 50px 0 100px 0; }
	.box {
		box-sizing: content-box;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
		border: 1px solid #bbbbbb;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		
	}
	.home {
		margin-top: 10px;
		padding-bottom: 10px;
		height: 325px;
		text-decoration: none;
	}
		.home h3 {
			margin: 6px 0 13px 0;
			color: #13857D;
			text-align: center;
		}
	.getContact {
		margin-top: 10px;
	}
		.getContact p {
			padding: 0 0 0 70px;
			color: #606060;
			font-weight: bold;
		}
	.worker {
		margin-top: 10px;
	}
		.worker p {
			padding: 0 0 0 70px;
			color: #606060;
		}
			.worker p strong {
				display: inline-block;
				padding-bottom: 5px;
				font-family: 'PT Sans Narrow', sans-serif; 
				font-size: 25px;
				font-weight: normal;
				line-height: 27px;
			}
	.icon-tel { background: url(../img/icon-tel.png) no-repeat 18px center; }
	.icon-worker { background: url(../img/icon-worker.png) no-repeat 21px center; }
	.icon-cal { background: url(../img/icon-cal.png) no-repeat 21px center; }
	.fireIns {
		margin-bottom: 20px;
		text-align: center;
		font-weight: bold;
		}
		.fireIns span {
			margin-bottom: 15px; padding-left: 55px;
			display: block;
			font-family: 'PT Sans Narrow', sans-serif; 
			font-size: 20px;
			text-transform: uppercase;
			text-align: left;
			color: #13857d;
		}
			.fireIns span.m3 { background: url(../img/icon-m3.png) no-repeat 5px center; }
			.fireIns span.m6 { background: url(../img/icon-m6.png) no-repeat 5px center; }
			.fireIns span.m12 { background: url(../img/icon-m12.png) no-repeat 5px center; }
	.why {
		margin-bottom: 10px;
	}
		.why h3 {
			padding-bottom: 10px;
			font-size: 25px;
			line-height: 27px;
		}
	/*---------- Seznamy -----------*/
	.list-1 li {
		padding-left: 20px;
		margin-bottom: 10px;
		background: url(../img/list-1.png) no-repeat 7px 5px;
		font-size: 13px;
		line-height: 15px;
	}
	.list-2 li {
		padding-left: 20px;
		margin-bottom: 10px;
		background: url(../img/list-1.png) no-repeat 7px 5px;
		font-size: 13px;
		line-height: 15px;
		color: #606060 !important;
	}
	.list-3 { margin-bottom: 20px; }
	.list-3 li {
		padding-left: 20px;
		background: url(../img/list-1.png) no-repeat 7px 7px;
	}
	.list-4 li {
		padding-left: 20px;
		background: url(../img/list-3.png) no-repeat 7px 7px;
	}
	.list-5 { margin-bottom: 20px; }
	.list-5 li {
		margin-left: 20px;
	}
	/*---------- Tabulky -----------*/
	table {
		margin-bottom: 25px;
    	*border-collapse: collapse;
    	border-spacing: 0;
    	width: 100%;
		box-sizing: content-box;
	}
	.tab {
		border: 1px solid #bbbbbb;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
		.tab td,
		.tab th {
			padding: 6px;
			border-left: 1px solid #bbbbbb;
			border-top: 1px solid #bbbbbb;
		}
		.tab th {
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
			border-top: none;
		}
		.tab td:first-child,
		.tab th:first-child {
			border-left: none;
		}
		.tab th:first-child {
			-webkit-border-radius: 4px 0 0 0;
			   -moz-border-radius: 4px 0 0 0;
			        border-radius: 4px 0 0 0;
		}
		.tab th:last-child {
			-webkit-border-radius: 0 4px 0 0;
			   -moz-border-radius: 0 4px 0 0;
			        border-radius: 0 4px 0 0;
		}
		.tab th:only-child {
			-webkit-border-radius: 4px 4px 0 0;
			   -moz-border-radius: 4px 4px 0 0;
			        border-radius: 4px 4px 0 0;
		}
		.tab tr:last-child td:first-child {
			-webkit-border-radius: 0 0 0 4px;
			   -moz-border-radius: 0 0 0 4px;
			        border-radius: 0 0 0 4px;
		}
		.tab tr:last-child td:last-child {
			-webkit-border-radius: 0 0 4px 0;
			   -moz-border-radius: 0 0 4px 0;
			        border-radius: 0 0 4px 0;
		}
		.tab-1 tr td+td+td+td { text-align: center; }
		.tab-2 tr td+td+td+td { text-align: right; }
		.tab-3 tr td+td { text-align: right; }
	/*---------- Adresa -----------*/
	.addr-1 { padding: 15px 0 15px 0; }
	.addr-2 { margin-bottom: 20px; }
	/*---------- Odkazy -----------*/
	.link-1 {
		padding-left: 10px;
		font-size: 13px;
		text-decoration: none;
		font-weight: normal;
		text-transform: uppercase;
		background: url(../img/list-1.png) no-repeat 0px 5px;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
			    transition: all 0.3s ease;

	}
	.link-2 { text-decoration: none; }
	.link-2 div {

		font-weight: normal;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
			    transition: all 0.3s ease;
	}
		.link-2 div:hover {
			border-color: #fa0608;
			box-shadow: 0 0 5px #fa0608;
			-webkit-transition: all 0.3s ease;
			   -moz-transition: all 0.3s ease;
	    	     -o-transition: all 0.3s ease;
				    transition: all 0.3s ease;
		}
	.link-3 {
		margin: 20px 0 20px 0;
		float: right;
	}
	.showQR {
		cursor: pointer;
		text-decoration: underline;
		color: #000; font-weight: bold;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
	}
	.showQR:hover {
		color: #fa0608; text-decoration: none;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
	}
	/*---------- Odsazeni -----------*/
	.pad-1 { padding: 15px; }
	.pad-2 { padding-top: 15px; }
	.pad-3 { padding: 20px 0 20px 0; }
	.pad-4 { padding-left: 40px; }
/*---------- Formulare -----------*/
	#formContact-1 label,
	#formContact-2 label {
		margin: 4px 0 5px 0; padding-right: 5px;
		vertical-align: top;
	}
		#formContact-1 label {
			display: block;
			vertical-align: top;
			font: normal 14px/16px 'PT Sans Narrow', sans-serif;
			color: #505050;
			text-align: left; text-transform: uppercase;
		}
		#formContact-2 label {
			width: 130px;
			display: inline-block;
			text-align: right;
			font-weight: bold;
		}
	
	#formContact-1 select,
	#formContact-1 textarea,
	#formContact-1 input[type="text"],
	#formContact-2 select,
	#formContact-2 textarea,
	#formContact-2 input[type="text"] {
		display: inline-block;
		line-height: 20px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
		   -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
		     -o-transition: border linear 0.3s, box-shadow linear 0.3s;
			    transition: border linear 0.3s, box-shadow linear 0.3s;
	}
	
		#formContact-1 textarea,
		#formContact-1 input[type="text"] { 
			margin: 0 0 5px 0; padding: 2px 5px;
			width: 150px; height: 18px;
			color: #fff;
			background-color: #323232;
			border: 1px solid #404040;
		}
		#formContact-2 select,
		#formContact-2 textarea,
		#formContact-2 input[type="text"] { 
			margin-bottom: 9px; padding: 4px 6px;
			width: 250px; height: 20px;
			background-color: #ffffff;
			border: 1px solid #bbbbbb;
		}
		#formContact-1 textarea {
			width: 380px; max-width: 380px;
			height: 70px;
		}	
		#formContact-2 textarea {
			width: 440px; max-width: 440px;
			height: 120px;
		}
		#formContact-2 select {
			width: 264px; height: 30px;
			line-height: 30px;
		}
		#formContact-1 select:focus,
		#formContact-1 textarea:focus,
		#formContact-1 input[type="text"]:focus,
		#formContact-2 select:focus,
		#formContact-2 textarea:focus,
		#formContact-2 input[type="text"]:focus {
			border-color: rgba(250, 6, 8, 0.8);
			outline: 0;
			/* IE6-9 */
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
			   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
        			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
		}

	#formContact-1 button,
	#formContact-2 button {
		display: inline-block;
		line-height: 20px; *line-height: 20px;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		*zoom: 1;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
		#formContact-1 button {
			margin: 0; padding: 3px 14px;
			font-family: 'PT Sans Narrow', sans-serif;
			background: #323232;
			text-shadow: none; text-transform: uppercase;
			color: #505050;
			border: 1px solid #404040; *border: 0;
		}		
		#formContact-2 button {
			margin: 15px 0 0 0; padding: 4px 14px;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
			border: 1px solid #bbbbbb; *border: 0;
		}
	#formContact-1 button:hover,
	#formContact-1 button:active,
	#formContact-2 button:hover,
	#formContact-2 button:active {
		border: 1px solid rgba(250, 6, 8, 1); *border: 0;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
        		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
	}
		#formContact-1 button:hover,
		#formContact-1 button:active { color: #fff; }
		#formContact-2 button:hover,
		#formContact-2 button:active {
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
			background-color: #e6e6e6; *background-color: #f5f5f5;
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
			background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
			background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
			background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
			background-repeat: repeat-x;
		}
	#formContact-1 button:focus,
	#formContact-2 button:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
        		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(250, 6, 8, 1);
	}
	.loading-1 {
		display: none;
		width: 32px; height: 32px;
		background: url(../img/loading-1.gif) no-repeat 0 0;
	}
	.loading-2 {
		display: none;
		width: 32px; height: 32px;
		background: url(../img/loading-2.gif) no-repeat 0 0;
	}
	.msgOk-1 {
		padding: 5px 8px 5px 8px;
		display: none;
		margin-bottom: 20px;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 17px;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		color: #d6e9c6;
		background-color: #468847;
		border: 1px solid #d6e9c6;
	}
	.msgOk-2 {
		padding: 5px 8px 5px 8px;
		display: none;
		margin-bottom: 20px;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		color: #468847;
		background-color: #d6e9c6;
		border: 1px solid #468847;
	}
	.msgError-1 {
		padding: 5px 8px 5px 8px;
		display: none;
		margin-bottom: 20px;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		box-sizing: content-box;
		color: #f2dede;
		background-color: #b94a48;
		border: 1px solid #f2dede;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 17px;
	}
	.msgError-2 {
		padding: 5px 8px 5px 8px;
		display: none;
		margin-bottom: 20px;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		box-sizing: content-box;
		color: #b94a48;
		background-color: #f2dede;
		border: 1px solid #b94a48;
	}
	/*---------- Google Maps -----------*/
	#map_canvas {
		display: block;
		width: 100%; height: 270px;
	}
	/*---------- QR kody -----------*/
	.QR {
		display: none;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
	}
	.QR div {
		height: 300px;
		background: url(../img/br-qr.png) no-repeat center 35px;
	}
	.QR img {
		margin: 0 auto;
		padding-top: 52px;
		width: 200px; height: 200px;
		display: block;
	}
	/*---------- Zapati -----------*/
	footer {
		margin: 0; padding: 40px 0 0 0;
		width: 100%; height: 500px;
		background: url(../img/bg-footer.png) no-repeat top center #323232;
	}
	.footer-link {
		margin-bottom: 20px;
		float: left;
		list-style: none;
	}
		.footer-link li { width: 300px; margin-bottom: 8px; }
		.footer-link li a {
			padding: 2px 0 0 15px;
			font: normal 16px/22px 'PT Sans Narrow', sans-serif;
			background: url(../img/list-3.png) no-repeat 0 10px;
			color: #505050;
			text-decoration: none;
			text-transform: uppercase;
			-webkit-transition: all 0.3s ease;
			   -moz-transition: all 0.3s ease;
		         -o-transition: all 0.3s ease;
				    transition: all 0.3s ease;
		}
		.footer-link li a div {
			padding-left: 15px;
			display: inline-block;
		}
			.footer-link li a:hover {
				color: #fff;
				background: url(../img/list-1.png) no-repeat 0 10px;
				-webkit-transition: all 0.3s ease;
				   -moz-transition: all 0.3s ease;
			         -o-transition: all 0.3s ease;
					    transition: all 0.3s ease;

			}
	.copyright {
		margin-top: 40px;
		padding: 25px 0 0 0;
		height: 70px;
		border-top: 1px solid #404040;
		font: normal 14px/20px 'PT Sans Narrow', sans-serif;
		color: #404040;
		background: url(../img/footer-logo.png) no-repeat 0 17px;
	}
		.copyright span {
			padding-left: 65px;
			font-size: 20px;
		}
		.copyright a {
			padding-left: 83px;
			font-weight: normal;
			color: #404040;
			text-decoration: none;
			text-transform: uppercase;
			-webkit-transition: all 0.3s ease;
			   -moz-transition: all 0.3s ease;
		         -o-transition: all 0.3s ease;
				    transition: all 0.3s ease;
		}
			.copyright a:hover {
				color: #00aecd;
				text-shadow: 0px 0px 20px #00aecd;
				-webkit-transition: all 0.3s ease;
				   -moz-transition: all 0.3s ease;
			         -o-transition: all 0.3s ease;
					    transition: all 0.3s ease;
			}
	/* Nahoru */
	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		right:54px;
		bottom:253px;
		overflow:hidden;
		width: 54px;
		height: 74px;
		border:none;
		text-indent:-999px;
		z-index:20;
		background: url(../img/top.png) no-repeat 0 0 ;
	}
	#toTopHover {
		background: url(../img/top.png) no-repeat right 0;
		width: 54px;
		height: 74px;
		display:block;
		overflow:hidden;
		float:left;
		opacity: 0;	
	}
	#toTop:active, #toTop:focus {
		outline:none;
	}

/* =============================================================================
   Zobrazení pro tablety (dědí styly ze základního zobrazení)
   ========================================================================== */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#masthead h1 a {
			background-size: 148px 148px;
			width: 148px; height: 148px;
		}
		#masthead nav {	width: 600px; }
		#menu {	width: 600px; }
		#menu li { width: 100px; }
		#menu li.active { background-size: 100px 1px; }
		#menu a { font-size: 14px; }
		#menuBar li { width: 88px; }
		#menuBarNav h1 { width: 220px; }
		#menuBar a { font-size: 12px; }
		.contactBox { width: 188px; }
		.home {	height: 400px; }
		.fireIns { height: 170px; }
		.list-1 li {
			padding-left: 12px;
			background-position: 0px 5px;
		}
		#map_canvas { width: 370px; }
		footer { background-size: 748px 10px; }
		#formContact-1 textarea { width: 300px; }
		#formContact-1 input[type="text"] { width: 110px; }
	}
	
/* =============================================================================
   Zobrazení pro smartphony (dědí styly po tabletech)
   ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body { background: url(../img/bg.png) repeat-x 0 0; }
		#masthead {	height: 180px; }
			#masthead h1 { margin-top: 30px; }
			#masthead h1 a {
				background-size: 130px 130px;
				width: 130px; height: 130px;
			}
			#masthead nav {	width: 330px; height: 130px; }
		#menu {
			margin: 33px 0 0 30px;
			width: 300px; height: 130px;
			text-align: left;
		}
			#menu li { width: 150px; }
			#menu li.active { background: none; }
			#menu a {
				padding: 10px 0 0 10px;
				height: 29px;
				font-size: 17px;
			}
		#shield { display: none; }
		#content { padding: 50px 0 0 0; }
		.home {	height: auto; }
		.list-3 { margin-bottom: 0; }
		#rightPanel { padding: 30px 0 50px 0; }
		footer {
			height: 1160px;
			background-size: 460px 10px; }
		.footer-link {
			margin-right: 15px;
			width: 135px;
		}
		.copyright { margin-top: 30px; }
		#formContact-1 textarea { width: 440px; max-width: 440px; }
		#formContact-1 input[type="text"] { width: 230px; }
		#toTop { right: -54px; }
	}

/* =============================================================================
   Zobrazení pro male displaye (dědí styly po smartphonech)
   ========================================================================== */

	@media only screen and (max-width: 479px) {
		body { background: url(../img/bg.png) repeat-x 0 0; }
		#masthead {	height: 180px; }
			#masthead h1 { margin-top: 30px; }
			#masthead h1 a {
				background-size: 130px 130px;
				width: 130px; height: 130px;
			}
			#masthead nav {	width: 170px; height: 180px; }
		#menu {
			margin: 17px 0 0 30px;
			width: 140px; height: 163px;
			text-align: left;
		}
			#menu li { width: 140px; }
			#menu li.active { background: none; }
			#menu a {
				padding: 2px 0 0 10px;
				height: 24px;
			}
		#shield { display: none; }
		#content { padding: 50px 0 0 0; }
		.home {	height: auto; }
		.list-3 { margin-bottom: 0; }
		#rightPanel { padding: 20px 0 50px 0; }
		footer {
			height: 300px;
			background-size: 300px 10px; 
		}
		.footer-link { float: none;	}
		.copyright { margin-top: 30px; }
		footer {
			height: 1020px;
			background-size: 460px 10px; }
		#formContact-1 textarea { width: 300px; max-width: 300px; }
		#formContact-1 input[type="text"] { width: 300px; }
		#toTop { right: -54px; }
	}