.animationload {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
	}
.loader {
	width:200px;
	/*text-indent:-99999;*/
	height:200px;
	font-size:0;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(/images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	
body {
	font-size:18px;
	}

p,h1,h2,h3,h4,td,ul,div {
	font-family: 'Roboto', sans-serif;
	}
	
a {
	text-decoration:underline;
	}
	
h1{
	font-size:1.8em;
	font-weight:bold;
	}
	
h2{
	font-size:1.4em;
	font-weight:bold;
	}

h3{
	font-size:1.3em;
	font-weight:bold;
	}	

.h-aktuality {
	color:#444;
	}

.h-aktuality a {
	color:#444;
	}

h4{
	font-size:1.2em;
	font-weight:bold;
	}	

.hlavicka {
	padding:0;
	}
.skipLink {
	padding: 6px;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:4px;
	position: absolute;
	top: -60px;
	left: 0px;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 100;
	}

.skipLink:focus {
	top: -5px;
	-webkit-transition: top .1s ease-in;
	transition: top .1s ease-in;
	}

.dropdown-menu a,
.dropdown-submenu a {
	text-decoration:none;
	}
/*---------- jssocials ------------------------------*/
#hlavickaRight {
	text-align:right;
	}

@media (max-width: 767px) {
#hlavickaRight,
.toplogo {
	text-align:center;
	}
}
/*---------- výsledky vyhledávání -------------------*/
.vysledkykat {
	border-bottom:1px solid #666;
	margin:20px 0 10px 0;
	}
#searchfield {
	background-image:url(/images/searchfield.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:4px;
	/*width:360px;*/
	width:238px;
	height:36px;
	display:inline-block;
	}
/*#searchfield label {
	color:#666;
	vertical-align:top;
	margin-right:15px;
	margin-top:2px;
	}*/
#searchtext {
	border: 0;
	margin-top:2px;
	display:inline-block;
	background: transparent;
	vertical-align: top;
	width: 190px;
	color: #666;
	}
#searchbtn {
	width:30px;
	height:30px;
	}

/*--- Back To Top Button ---*/
a.back-to-top {
	display: none;
	padding:34px 0 0 0;
	text-align:center;
	width: 60px;
	height: 60px;
	position: fixed;
	right:5%;
	bottom:5%;
	z-index: 999;
	color:#FFF;
	font-size:0.6em;
	background-color: #FFF;
	background: #006845 url("/images/up-arrow.png") no-repeat center 18%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #56d098;
}


/*------------------ DIV tables ----------------------
.rTable {
	display:table;
	}
.rTableRow {
	display:table-row;
	}
.rTableCell {
	display:table-cell;
	}
/*----------------------------------------------------*/

@media (min-width: 1200px) {
.container {
  width: 1200px;
	background-color:#FFF;
	padding-left: 24px;
	padding-right: 24px;
	}
}

@media (max-width: 1200px) {
.container {
	font-size:16px;
	background-color:#FFF;
	padding-left: 24px;
	padding-right: 24px;	
	}
}
@media (max-width: 1024px) {
.container {
	/*padding:0;
	width:990px;*/
	background-color:#FFF;
	padding-left: 18px;
	padding-right: 18px;
	}	
}
@media print {
body {
	/*border:solid 1px #000;*/
}
h1,h2 {
	page-break-after:avoid;
}
.main {
	width:100%;
	/*border:solid 1px #000;*/
}
.container {
	width:100%;
}
a[href]:after {
	content: "";
}
}
/*------------- Bootstrap grid 10 ----------------------*/
.col-xs-1-10,
.col-sm-1-10,
.col-xs-2-10,
.col-sm-2-10 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-10 {
  width: 10%;
  float: left;
}
.col-xs-2-10 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-10 {
    width: 10%;
    float: left;
  }
  .col-sm-2-10 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-10 {
    width: 10%;
    float: left;
  }
  .col-md-2-10 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-10 {
    width: 10%;
    float: left;
  }
  .col-lg-2-10 {
    width: 20%;
    float: left;
  }

}

/*--------------------------------------------------------*/