/*********************************************************************************/
/* Font import																	 */
/*********************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans&subset=latin-ext,latin);

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

html, body {
	height: 100%;
}

body {
	margin: 0em;
	padding: 0em;
	background: #705E3E;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

.maxwidth {
	max-width: 100%;
}

h1, h2, h3 {
	margin: 0em;
	padding: 0.5em 0 0 0;
	font-weight: 300;
}

.empty {
	height: 1em;
}

p {
	line-height: 170%;
	text-align: justify;
}

a {
	color: #e0c28d;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: 700;
	color: #2A2A2A;
}

/* Copyright */

#copyright {
	overflow: hidden;
	padding: 1.875em 0em;
	text-align: center;
}

#copyright p {
	font-size: 0.9em;
	color: #fff;
}

#copyright a {
	color: #fff;
	font-weight: bold;
}

#copyright a:hover {
	text-decoration: none;
}

#copyright img {
	padding-left: 10px;
	vertical-align: middle;
}

#copyright .partners {
	color: #F6D499;
	float: right;
	text-align: right;
	font-size: 1.125em;	
}

#copyright .authors {
	color: #F6D499;
	float: left;
	font-size: 1.125em;	
}

#copyright .counter {
	clear: both;
	float: left;
}

/* Button Style */

.button-style a {
	display: block;
	width: 11.250em;
	height: 2.40em;
	margin-top: 1.875em;
	background: url(images/img03.jpg) repeat;
	line-height: 3.125em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-size: 1.125em;
	font-weight: 200;
	color: #FFFFFF;
}

/* Button Style 2 */

.button-style2 a {
	display: inline-block;
	height: 2.60em;
	margin-top: 1.25em;
	padding: 0em 2.25em 0em 1.25em;
	background: url(images/img03.jpg) repeat right top;
	border-radius: 5px;
	line-height: 2.60em;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
	height:43px;
	/*
      background-color: #6d6d6d;
      -o-transition: background-color 1s;
      -webkit-transition: background-color 1s;
      -moz-transition: background-color 1s;
      -ms-transition: background-color 1s;
      transition: background-color 1s;	
	 */
}


/** LIST STYLE 1 */

ul.style1 {
	margin: 0em;
	list-style: none;
}

ul.style1 li {
	padding: 0.94em 0em;
	border-top: 1px solid #E6E6E6;
}

ul.style1 a {
	display: block;
	padding: 0em 0em 0em 1.87em;
	background: url(images/img10.png) no-repeat left top;
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .first {
	border-top: 0;
}

/** LIST STYLE 2 */

ul.style2 {
	margin: 0em;
	padding: 0em;
	list-style: none;
}

ul.style2 li {
	padding: 1.25em 0em 2.5em 0em;
	border-top: 1px solid #E6E6E6;
}

ul.style2 a {
	text-decoration: none;
	color: #525252;
}

ul.style2 a:hover {
	text-decoration: underline;
}

ul.style2 .date {
	display: inline-block;
	margin: 0em 0em 1.56em 0em;
	padding: 0.35em 0.63em;
	background: url(images/img06.png) repeat;
	border-radius: 5px;
	letter-spacing: 0.06em;
	text-transform: none;
	font-weight: 200;
	color: #FFFFFF;
}

ul.style2 .date a {
	color: #FFFFFF;
}

ul.style2 img {
	float: left;
	margin-right: 1.5em;
}

ul.style2 .first {
	border-top: 0;
}

/** LIST STYLE 3 */

ul.style3 {
	margin: 0em;
	padding: 0em;
	list-style: none;
}

ul.style3 li {
	padding: 1.25em 0em 1.56em 0em;
}

ul.style3 a {
	display: block;
	text-decoration: none;
	color: #C18062;
}

ul.style3 a:hover {
	text-decoration: underline;
}

ul.style3 .date {
}

ul.style3 .date b {
}

ul.style3 .date a {
	color: #FFFFFF;
}

ul.style3 .date a:hover {
	text-decoration: none;
}

ul.style3 .first {
	padding-top: 0em;
	background: none;
}

/** LIST STYLE 4 */

ul.style4 {
	margin: 0em;
	padding: 0em;
	list-style: none;
}

ul.style4 li {
	padding: 0.94em 0em 0.94em 0em;
	border-top: 1px solid #742F0E;
}

ul.style4 a {
	display: block;
	padding: 0em 0em 0em 1.87em;
	background: url(images/img10.png) no-repeat left top;
	text-decoration: none;
	color: #C18062;
}

ul.style4 a:hover {
	text-decoration: underline;
}

ul.style4 li {
	border-top: 0;
}

/** LIST STYLE 5 */

ul.style5 {
	overflow: hidden;
	margin: 0em 0em 1em 0em;
	padding: 0em;
	list-style: none;
}

ul.style5 li {
	float: left;
	padding: 0.25em 0.25em;
	line-height: 0;
}

ul.style5 a {
}



/** LIST STYLE 6 */

ul.style6 {
	margin: 0em;
	padding: 0em;
	list-style: none;
}


ul.style6 h3 {
	margin: 0em;
	padding: 0em 0em 0.63em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #A0A09F;
}

ul.style6 p {
	font-style: italic;
	font-size: 0.87em;
}

ul.style6 li {
	padding: 1.25em 0em 1.25em 0em;
	border-top: 1px solid #303030;
	line-height: 170%;
}

ul.style6 a {
	display: block;
	padding: 0em;
	text-decoration: none;
	color: #737373;
}

ul.style6 a:hover {
	text-decoration: underline;
}

ul.style6 .first {
	padding-top: 0em;
	border-top: 0;
}



.balloon {
	padding: 1.87em;
	background: url(images/img08.jpg) repeat left top;
	border-radius: 5px;
	line-height: 180%;
	font-size: 1.2em;
	font-style: italic;
}

.ballon-bgbtm {
	height: 1.87em;
	background: url(images/img09.png) no-repeat right top;
}


.pict_img img{
	border: 1px solid rgb(200,200,200);
	background: white;
	padding: 10px;
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.25);
	max-width: 100%;
}

/***************************************************/
h3 {
	font-size: 1.8em;
}
h3 span {
	padding-left: 10em;
}
ul.uvod {
	list-style-type: disc;
	padding-left: 3em;
	line-height: 2em;
}

/***************************************************/

/* TABULKY */

table.width100 {
	width:100%;
}
table {
	margin:0px;padding:0px;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
    border-collapse: collapse;
    border-spacing: 0;
	height:100%;
	margin:0px;padding:0px;
}
table a{
	color: #95541a;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
table tr:hover td{
	background-color:#c97123;
}

table tr:hover td, table tr:hover td a{
	color:#fff; 
}
table tr:nth-child(odd){ background-color:#ccb181; }
table tr:nth-child(even){ background-color:#e0c28d; }

table td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:6px;
	color:#000000;
}table tr:last-child td{
	border-width:0px 1px 0px 0px;
}table tr td:last-child{
	border-width:0px 0px 1px 0px;
}table tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
table tr:first-child td{
	background-color: #978462;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-weight:bold;
	color:#ffffff;
}
table tr:first-child td a{
	color:#ffffff;
}
table tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
table tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/***************************************************/

.pict_popis, .pict_float_left p{
    text-align: left;
    font-size: 85%;
	color: #000;
	
}
.pict_float_center p{
    text-align: center;
    font-size: 85%;
	color: #000;
	
}
.pict_popis a, .pict_float_left p a{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	color: #E5CFA7	;
}
.pict_popis a:hover, .pict_float_left p a:hover{
	text-decoration: none;
}
.pict_float_left{
	margin: 0 0 20px 0;
}	
#content h1{
	font-family: Open Sans Condensed, sans-serif;
	/*background: #ebebe8;*/
	padding: 0;
	margin-left: 0px;
} 
#content h2 {
	font-family: Open Sans Condensed, sans-serif;
	/*background: #ebebe8;*/
	padding: 0;
	margin-left: 0px;
} 

#six li{
	width:16%;
	height: 1em;
	list-style: none;
	float: left;
	display: inline;
	padding: 0 0 2px 0;
	top: 3px;
	text-align: left;
}

#six li.firtsLetter{
	position: relative;
	top: 23px;
	left: 7px;
	font-weight: bold;
	color: #c97123;
}

#four li{
	height: 1em;
	list-style: none;
	float: left;
	display: inline;
	padding: 15px 0 2px 0;
	top: 3px;
	text-align: left;
}

ul#four,ul#six{
	text-align: right;
}

#four li a,#six li a{
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	letter-spacing: 0px;
	color: #c97123;
	height:10px;
}
#four li a:hover,#six li a:hover{
	color: #fff;
}



/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	color: white;
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
    -webkit-animation-iteration-count: 1;	
    -moz-animation-iteration-count: 1;	
    -animation-iteration-count: 1;	
}

.cl-effect-1 a::before {
	margin-right: 3px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 3px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


/* ************************************ */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: icomoon; /* BYO icon font, mapped smartly */
	content: attr(data-icon);
	speak: none; /* Not to be trusted, but hey. */
	font-size: 1.3em;
	line-height: 1.7em;
}

/************ HORIZONTAL MENU **************/

#cssmenu .xcbp-hrmenu ul {
  list-style: none;
}
#cssmenu .xcbp-hrmenu a {
  text-decoration: none;
}

#cssmenu .xcbp-hrmenu > ul > li {
  float: left;
  margin-left: 0;
  position: relative;
  text-align: center;
}
#cssmenu .xcbp-hrmenu > ul > li > a {
  height: 45px;
  background-color: #705E3E;
  -o-transition: background-color 1s;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -ms-transition: background-color 1s;
  transition: background-color 1s;
  display: block;
  margin: 0;
  padding: 1.2em 1.1em 1.2em 1.1em;
  text-decoration: none;
  text-transform: none;
  font-family: Open Sans Condensed, sans-serif;
  font-size: 1.5em;
  color: #fff;
  overflow: hidden;
}
#cssmenu .xcbp-hrmenu > ul > li.smallmenu > a {
  color: #F6D499;
}
#cssmenu .xcbp-hrmenu > ul > li.posun > a {
  padding: 1.65em 1.25em 0.75em 1.25em;
}
#cssmenu .xcbp-hrmenu > ul > li > a:hover {
  color: #ffffff;
  background-color: #c97123;   
}
#cssmenu .xcbp-hrmenu > ul > li > ul {
  background: #3F3625;
  opacity: 0;
  visibility: hidden;
  padding: 0 0 30px 30px;
  text-align: left;
  position: absolute;
  top: 7em;
  right: -250px;
  margin-left: -90px;
  border-top: 6px solid #c97123;
  -webkit-transition: all 1s .1s;
  -moz-transition: all 1s .1s;
  -o-transition: all 1s .1s;
  transition: all 1s .1s;
}
#cssmenu .xcbp-hrmenu > ul > li > ul#four {
  width: 45em;
}
#cssmenu .xcbp-hrmenu > ul > li > ul#six {
  width: 65em;
}
#cssmenu .xcbp-hrmenu > ul > li:hover > ul {
  opacity: 0.95;
  top: 7em;
  visibility: visible;
}
#cssmenu .xcbp-hrmenu > ul ul > li {
  position: relative;
}
#cssmenu .xcbp-hrmenu ul ul a {
  color: #fff;
  padding: 5px 8px 7px 16px;
  display: block;
}


/******* Back to top button *********/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 95px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	transition: 1.5s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 85px;
	height: 85px;
	display: block;
	margin-bottom: 7px;
	background: #705E3E url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	transition: 1.5s;
}
#back-top a:hover span {
	background-color: #c97123;
}
















/*********************************************/


#loadd {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
#loadd {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: flipInBottom .5s both ease-out;
	-moz-transform-origin: 50% 50%;
	-moz-animation: flipInBottom .5s both ease-out;
	transform-origin: 50% 50%;
	animation: flipInBottom .5s both ease-out;
}
	
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*******************************************************************/
/*******************************************************************/


/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.fadeIn {
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}


/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay {
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}
.fadeIn-Delay1 {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.fadeIn-Delay1a {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
.fadeIn-Delay2 {
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	animation-delay:4s;
}
.fadeIn-Delay2a {
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	animation-delay:4.5s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }




/**************************************************************/
/**************************************************************/
.moto {
	font-family: Open Sans Condensed, sans-serif;
	font-size: 2.5em;
	color: #fff;
}
.motoa {
	font-family: Open Sans Condensed, sans-serif;
	font-size: 2.0em;
	color: #fff;
}
.moto1 {
	position: relative;
	top: -570px;
	left: 200px;
}
.moto1a {
	position: relative;
	top: -560px;
	left: 500px;
}
.moto2 {
	position: relative;
	top: -520px;
	left: 200px;
}
.moto2a {
	position: relative;
	top: -510px;
	left: 500px;
}