@charset "UTF-8";
/* CSS Document */
body {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0px;
	background-repeat: no-repeat, repeat-y;
	background-position: center top;
	font-size: 20px;
}
H1 { font-size: 33px; }
.left  { float: left; }
.right { float: right; }
.stred { display: inline-block; }
.divstred { margin: 0 auto; }
.cleaner, .cleaner2, .cleaner4, .cleaner5 { clear:both; }
.relative { position: relative; }
.absolute { position: absolute; }
.overflw {overflow: hidden; }
.main {
	width: 320px;
	margin: 0 auto;
	text-align: center;
}
.spojuje {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
}
.head-text {
	margin: 10px 0px 0px 0px;
	padding: 2px 15px 4px 15px;
	font-size: 24px;
	font-weight: 700;
	color: #FFF;
}
.loga {
	margin: 10px 0px 0px 10px;
	padding: 10px 20px 10px 20px;
}
.footer {
	width: 320px;
	margin: 0 auto;
	text-align: left;
}
.footer_pict { margin: 10px 15px 7px 0px; }
.footer_text {
	font-size: 20px;
	margin: 18px 0px 0px 0px;
}
.footer_adress {
	font-size: 13px;
	margin: 12px 0px 15px 0px;
}
.popis {
	background-color: #FFF;
	text-align: left;
	padding: 1px 20px 5px 20px;
	margin: 80px auto 0px auto; 
	width: 280px;
}
.logos { height: 25px; }

@media only screen and (min-width: 640px) {
/* For landscape mobile: */
.main  { width: 640px; }
.footer  { width: 640px; }
.footer_text { margin-right: 60px; }
.cleaner4 { clear:none; float: left; }
.popis { margin: 156px auto 0px auto; width: 600px; }
.logos { height: 35px; }
.head-text { padding: 2px 17px 4px 17px; font-size: 30px; }
}

@media only screen and (min-width: 1000px) {
/* For tablets: */
.main  { width: 1000px; }
.footer  { width: 880px; }
.footer_text { margin-right: 60px; }
.cleaner4, .cleaner5 { clear:none; float: left; }
.popis { margin: 170px auto 0px auto; width: 880px; }
.logos { height: 40px; }
.head-text { padding: 3px 18px 5px 18px; font-size: 34px; }
}

@media only screen and (min-width: 1400px) {
/* For desktop: */
.main  { width: 1400px; }
.footer  { width: 1240px; }
.footer_text { margin-right: 340px; }
.cleaner2, .cleaner4, .cleaner5 { clear:none; float: left; }
.popis { margin: 330px auto 0px auto; width: 1240px; }
.logos { height: 80px; }
.head-text { padding: 5px 20px 7px 20px; font-size: 36px; }
}

.head_ocenujeme {
	font-size: 36px;
	font-weight: 700;
	margin: 20px 0px 0px 35px;
	text-align: left;
}
/* ----- COLORS ------ */
.white-70      { background-color: rgba(255, 255, 255, 0.5); }
.red-head      { background-color: #AD372C; }
.cykl-head     { background-color: #007278; }
.grey-main     { background-color: #F0F0F0; }
.grey-footer   { background-color: rgba(188, 188, 188, 0.5); }

.button-back {position:fixed; left: 10px; bottom: 0px;}
.button-add  {position:fixed; right: 15px; bottom: 5px;}

#div { border: 1px solid #00F; }