* {
/*outline: 3px solid blue;*/
	}
/* general */

body {
	max-width: 960px;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
	padding: 0em 0em;
	background: #e5e5e5;
	margin: 0em auto;

	-webkit-font-smoothing:antialiased;
}
a {
	text-decoration: none;
	color: inherit;
}
li {
	list-style: none;
	margin: 0em auto; /* 0/16 */
	display: inline-flex;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
/* clearfix */
.menu:before,
.menu:after
.container:before,
.container:after
.group:before,
.group:after {
	content: " ";
	display: table;
}

.menu:after 
.container:after 
.group:after {
	clear: both;
}
/* menu */


/* header */

.picture {
	font-size: 0em;
}

.telefonservis {
	max-width: 960px;
	color: #fff;
	background: #fff;
	text-align: center;
	padding-top: 0.1em;
	padding-bottom:0.1em;
	font-size: 1.3em;
	margin-top:-0.1em;

	
}
.telefonservis ul {
	
	padding-left: 0em;
}

.telefonservis li {
	padding: 0.5em;
	width: 49%;
	background:#ff3e17;
	display: inline-block;
	border-radius: 0.3em;
	border: 0.1em solid #df300c;
	
}

.telefonservis .fa {
	vertical-align: middle;
	font-size: 1.5em;
	margin-right: 0.4em;
}

.telefonservis .fa:hover,
.telefonservis .fa:focus{
	color: #f7fcfe;
	cursor: pointer;

}
.telefonservis a:hover,
.telefonservis a:focus{
	color: #f7fcfe;
	cursor: pointer;
	
}
.telefonservis li:hover,
.telefonservis li:focus {
	background: #ed3814;	
}

.telefonservis li:nth-child(2) {

	background: #838080;
	border: 0.1em solid #726f6f;
}



.header {
	font-size: 1em;
	max-width: 960px;
	background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: radial-gradient(ellipse at center, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	color: #555;
	text-align: center;
	padding: 0.3, 0.3em; /* 10/16 */ /* 5/16 */
	line-height: 2em;
	padding-top: 3.5em;
	margin: 0em;
	padding-bottom: 0.1em;
	border-bottom: 0.1em solid #df300c;

}
.header span {
	color:#fe5603;
}
.header li {
	display: block;
	text-align: left;
	padding: 0em ;
	margin-bottom: 1em;
	text-indent: -1em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}
.header li:before {
	content: "°";
	color: #ff0000;
	margin-right: 0.5em;
	position: relative;
	top: 0.1em;
}
.nadpis {
	color: #555;
	font-weight: bold;	
	font-size: 1.5em;
	margin-top: 0em; /* 15/16 */
	margin-bottom: 1.1em;

}
.popis1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	text-align: center;
	
}

.popis1 li {
	padding-left: 2.5em;
	margin:0em;
	
}




.header p {
	text-align: center;
	padding: 0em 2.5em; /* 0/16 */ /* 40/16 */
}


/* kontakt */




.kontakt1 {
	font-size: 1em;
	background: #ff3e17;
	color: #fff;
	max-width: 960px;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5em;

}
.kontakt1 p {
	margin:0em;
}

.kontakt1 strong {
	font-size: 1.2em;
	
}


/* footer */
.footer {
	
	font-size: 0.8125em;
	color: #fff;
	max-width: 960px;
	background: #838080;
	text-align: center;
	padding: 0.625em 0.3125em;
	border-top: 0.1em solid #df300c;
	border-bottom: 0.1em solid #ddd;
	margin:0em;

}
.footer  a:hover,
.footer  a:focus {
	color: #f7f7f7;
	cursor: pointer;

}
.footer  .fa:hover,
.footer  .fa:focus {
	color: #f7f7f7;
	cursor: pointer;

}

/* reklama */

.controls2 {
	color: #fff;
	max-width: 9em;
	height: auto;
	text-align: center;
	padding: 1%;
	

}





/* ADAPTIVE */
@media screen and ( max-width: 960px) {

body { 
	width: 100%;
	height: 100%;
}

}


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

body { 
	width: 100%;
	height: 100%;
}


.header p{
	padding: 0em 0.625em; /* 0/16 */ /* 10/16 */
}

.footer span {
	white-space: nowrap;
}

}
@media screen and ( max-width: 660px) {
.nadpis {
	font-size: 1.2em;
	margin-bottom: 1.1em;

}
.popis1 {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 1em;
	text-align: center;
	
}

.popis1 li {
	padding-left: 2.5em;
	
}

.kontakt1 strong {
	font-size: 1em;
	
}
.header {

	padding-top: 2.5em;
	
}



}

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


.popis1 li {
	padding-left: 1.5em;
	
}
}

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


.popis1 li {
	padding-left: 0em;
	
}
.header {

	padding-top: 2em;
	
}

}

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


.telefonservis {
	
	padding: 0.3em;
	font-size: 1em;
	padding-bottom:0.1em;
}
.telefonservis .fa {
	vertical-align: middle;
	font-size: 1em;
	margin-right: 0.3em;
}

.footer .tel {
	white-space: nowrap;
}

.controls2 {
	color: #ccc;
	max-width: 9em;
	height: auto;
	text-align: center;
}