@charset "utf-8";

/* CSS Document */

body {
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 100%;
	line-height: 150%;
	color: #02003e;
	text-align: left;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 80px;
	overflow-y: scroll;
}



/* ODKAZY */


a:link,	
a:visited {
	text-decoration: none;
	color: #c43131;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #c43131;
}

a {
	cursor: hand; cursor: pointer;
}

#txtcontent a {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	/* font-family: 'Playfair Display', serif; 
	font-family: 'Roboto', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 110%;
}

h1 {
	font-size: 300%;
	color: #333;
	padding-top: 60px;
	padding-bottom: 0px;
	margin: 0px;
	text-transform: uppercase;
}

.tittab h1 {
	font-size: 160%;
	padding-top: 0px;
	padding-bottom: 30px;
	text-transform: none;
}

.tittab h1 span {
	text-transform: uppercase;
}


h2 {
	font-size: 170%;
	color: #333;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 0px;
	text-transform: uppercase;
}

h2 sm {
	text-transform: none;
}

h2.empty {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


h3 {
	font-size: 130%;
	margin-bottom: -10px;
	padding-bottom: 0px;
	color: #333;
	text-transform: uppercase;
}

ol, ul {
	/* padding-left: 55px; */
	/* font-size: 200%; */
	padding-left: 30px;
	font-weight: normal;
	color: #02003e;
	margin-top: 0px;
	margin-bottom: 0px;
}

ol li, ul li {
	margin-bottom: 22px;
}

ol li span, ul li span {
	/* font-size: 50%; */
	color: #02003e;
	font-weight: normal;
}

ol.alone, ul.alone {
	padding-left: 40px;
}

#main {
	margin: auto;
	width: 800px;
	min-height: 500px;
	background: #FFF;
	padding: 0px;
	padding-bottom: 30px;
	margin-top: 30px;
	/* margin-top: 0px; */
	margin-bottom: 0px;
}

#txtcontent {
	margin: auto;
	width: 728px;
	padding: 0px;
	/* padding-top: -20px; */
	margin-top: 0px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
	margin-bottom: 5px;
}

.bline {
	border-top: 1px solid #333;
	margin-top: 50px;
	margin-bottom: 20px;
}

.titimg {
	width: 50%;
	height: auto;
	float: left;
	margin-top: 30px;
}

.imgrig {
	width: 50%;
	height: auto;
	float: right;
}

.dlef {
	width: 45%;
	height: auto;
	float: left;
	margin-top: -18px;
}


.tittab {
	width: auto;
	height: auto;
	float: right;
	margin-top: 30px;
}

.tittab tr td {
	padding: 3px;
}

.hb {
	float: right;
	margin-top: -15px;
	margin-bottom: 15px;
}

.hb a {
	text-decoration: none;
}

.add {
	margin-top: -30px;
	margin-bottom: 80px;
}

.btab  {
	border: 1px solid #CCC;
}

.btab td  {
	background-color: #F8F8F8;
}

.btab td.wb  {
	background-color: #eff2f8;
}

p.zm  {
	margin-top: 0px;
}



/* prvky pro zobrazení menší než 768 : MOBIL VERZE */
@media screen and (max-width: 768px) {
	
body {
	font-size: 100%;
}

h1, h2, h3, h4, h5 {
	line-height: 110%;
}

#mobile #main {
	width: 400px;
}

#mobile #txtcontent {
	width: 336px;
	overflow: hidden;
}

.titimg,
.imgrig,
.dlef {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	margin: auto;
}

.tittab {
	width: auto;
	float: none;
	clear: both;
	margin-top: -90px;
}

.hb {
	margin-top: 0px;
}

}