/*
CSS Credit: http://www.znet.wz.cz/ - Z-net FIMPRESS Iniciativa
*/

html {
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	font-family: "Candara", Trebuchet MS;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-family: "Candara", Trebuchet MS;
	width: 100%; 
	font-size: 12px;	
	scrollbar-face-color: #5eafb0; 
	scrollbar-highlight-color: #5eafb0; 
	scrollbar-shadow-color: #5eafb0; 
	scrollbar-3dlight-color: #999999; 
	scrollbar-arrow-color: #999999; 
	scrollbar-track-color: #5eafb0; 
	scrollbar-darkshadow-color: #999999; 
}

hr {
	width: 98%;
	align: center;
	color: #5eafb0;
	margin: 0px;
	padding: 0px;
	height: 1px;	
}

a {
	margin: 0px; 
	padding: 0px; 
	font-size: 14px;
	font-color: #000000;
	color: #000000;
	font-family: Trebuchet MS;
	text-decoration: none;
}

a:visited {
	margin: 0px; 
	padding: 0px; 
	font-size: 14px;
	font-color: #1a1a1a;
	color: #1a1a1a;
	font-family: Trebuchet MS, sans;
}

a:active {
	margin: 0px; 
	padding: 0px; 
	font-size: 14px;
	font-color: #1a1a1a;
	color: #1a1a1a;
	font-family: Trebuchet MS, sans;
}

a:hover {
	margin: 0px; 
	padding: 0px; 
	font-size: 14px;
	font-color: #c30808;
	color: #c30808;
	font-family: Trebuchet MS, sans;
}



select {
	font-family: "Trebuchet MS"; 
	background: #ffffff;
	background-color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	color: #696969;
	font-color: #696969;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px
}

div {
	font-family: Candara;
	font-size: 8pt;
	font-weight: bold;
	color: #c30808;
	padding: 0px;
	margin: 0px}

blockquote {
	font-family: Candara; 
	font-size: 10pt; 
	color: #224477;
}

form {
	font-family: "Verdana"; 
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	font-color: #ffffff;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px
}

option {
	font-family: "Verdana"; 
	font-size: 10px;
	background: #eeeeee;
	background-color: #eeeeee;
	font-weight: bold;
	color: #696969;
	font-color: #696969;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px
}


h1 {
	font-size: 27px;
	font-family: Trebuchet MS, sans;
	font-weight: bold
	color: #c30808;
	font-color: #c30808;
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}

h2 {
	font-size: 24px;
	font-family: Trebuchet MS, sans;
	font-weight: bold
	color: #c30808;
	font-color: #c30808;
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}

h3 {
	font-size: 21px;
	font-family: Trebuchet MS, sans;
	font-weight: bold
	color: #c30808;
	font-color: #c30808;
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}


h4 {
	font-size: 18px;
	font-family: Trebuchet MS, sans;
	font-weight: bold
	color: #336699
	font-color: #336699
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}


h5 {
	font-size: 15px;
	font-family: Verdana, sans;
	font-weight: bold
	color: #336699
	font-color: #336699
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}

h6 {
	font-size: 13px;
	font-family: Verdana, sans;
	font-weight: bold
	color: #336699
	font-color: #336699
	text-decoration: none;
	text-variant: normal;	
	margin: 1px;	
}








	/* Odkazy a hlavni definice */


a.best {
	font-size: 11px;
	font-family: Verdana;
	color: #224477;
	font-color: #224477;	
}

a.best:active {
	font-size: 11px;
	font-family: Verdana;
	color: #224477;
	font-color: #224477;	
}

a.best:visited {
	font-size: 11px;
	font-family: Verdana;
	color: #224477;
	font-color: #224477;	
}

a.best:hover {
	font-size: 11px;
	font-family: Verdana;
	color: red;
	font-color: red;	
}


a.white:active {
	margin: 0px; 
	padding: 0px; 
	color: #1d1d1d;
	font-size: 13px;
	font-color: #ffffcc;
	color: #ffffcc;
	font-family: Trebuchet MS;
}

a.white:link {
	margin: 0px; 
	padding: 0px; 
	color: #1d1d1d;
	font-size: 13px;
	font-color: #ffffcc;
	color: #ffffcc;
	font-family: Trebuchet MS;
}

a.white:visited {
	margin: 0px; 
	padding: 0px; 
	color: #1d1d1d;
	font-size: 13px;
	font-color: #ffffcc;
	color: #ffffcc;
	font-family: Trebuchet MS;
}

a.white:hover {
	margin: 0px; 
	padding: 0px; 
	color: #1d1d1d;
	font-size: 13px;
	font-color: #ffff00;
	color: #ffff00;
	font-family: Trebuchet MS;
}



a.contact {
	font-size: 11px; 
	font-weight: bold; 
	color: #3eb73e;
	text-decoration: none;
}

a.contact:active {
	font-size: 11px; 
	font-weight: bold; 
	color: #3eb73e;
	text-decoration: none;
}

a.contact:visited {
	font-size: 11px; 
	font-weight: bold; 
	color: #3eb73e;
	text-decoration: none;
}

a.contact:hover {
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff;
	text-decoration: none;
}



a.grey_menu {
	font-size: 11px; 
	font-weight: bold; 
	color: #999999;
	text-decoration: none;
}

a.grey_menu:active {
	font-size: 11px; 
	font-weight: bold; 
	color: #999999;
	text-decoration: none;
}

a.grey_menu:visited {
	font-size: 11px; 
	font-weight: bold; 
	color: #999999;
	text-decoration: none;
}

a.grey_menu:hover {
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff;
	text-decoration: none;
}

a.navigation: {
	font-size: 13px; 
	font-weight: bold; 
	color: #000916;
	text-decoration: none;
}

a.navigation:link {
	font-size: 13px; 
	font-weight: bold; 
	color: #000916;
	text-decoration: none;
}

a.navigation:active {
	font-size: 13px; 
	font-weight: bold; 
	color: #000916;
	text-decoration: none;
}

a.navigation:visited {
	font-size: 13px; 
	font-weight: bold; 
	color: #000916;
	text-decoration: none;
}

a.navigation:hover {
	font-size: 13px; 
	font-weight: bold; 
	color: #e20e0d;
	text-decoration: none;
}

a.navigation2 {
	font-size: 13px; 
	font-weight: bold; 
	color: #fff6e9;
	text-decoration: none;
}

a.navigation2:active {
	font-size: 13px; 
	font-weight: bold; 
	color: #fff6e9;
	text-decoration: none;
}

a.navigation2:visited {
	font-size: 13px; 
	font-weight: bold; 
	color: #fff6e9;
	text-decoration: none;
}

a.navigation2:hover {
	font-size: 13px; 
	font-weight: bold; 
	color: #ffd700;
	text-decoration: none;
}

a.menus:link {
	color: #555555; 
	font-size: 10pt; 
	border-bottom: dotted 1px; 
	border-top: dotted 1px 
	font-family: Verdana;
	font-weight: bold
}

a.menus:visited {
	color: #777777;
	font-size: 10pt; 
	border-bottom: dotted 1px; 
	border-top: dotted 1px 
	font-family: Verdana; 
	font-weight: bold
}

a.menus:active {
	color: #555555; 
	font-size: 10pt; 
	border-bottom: dotted 1px; 
	border-top: dotted 1px 
	font-family: Verdana; 
	font-weight: bold
}

a.menus:hover {
	font-size: 10pt; 
	color: purple; 
	text-decoration: none; 
	font-family: Verdana; 
	font-weight: bold
}

.bg {color: #1d1d1d}

.form {
	font-family: Trebuchet MS; 
	font-size: 11px; 
	font-weight: bold;
	color: #999999;
	padding: 0px;
	margin: 0px
}


.font {
	font-family: Trebuchet MS; 
	color: #eeeeee; 
	font-size: 13px; 
	margin: 2px; 
	padding: 20px;
	text-align: justify;
	align: justify;
}

.g {color: #999999;}

.style3 {
	font-size: 10px;
	color: #000000;
	font-family: Trebuchet MS, Helvetica, sans-serif
}

.text {
	border: 0px solid black;
	background: #8dcaf3; font-family: Trebuchet MS; size: 8pt;
	font-weight: bold; color: #000000;
}

.norder {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border: 0px solid #eeeeee;
	background: #8dcaf3;
	font-family: Trebuchet MS;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}

.norder2 {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border: 0px solid #eeeeee;
	background: #8dcaf3;
	font-family: Trebuchet MS;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}


.big {
	color: #999999;
	font-family: Verdana, 
	Helvetica, Arial, sans; font-size: 15pt; 
	font-weight: bold; 
	text-decoration: none;
}







	/* Kalendar a cas */


.zahlavi {
	background-color: #1a1a1a;
	color: #999999;
	font-weight: bold;
	text-align: center;
}

.kal {
	border: 1px solid #696969;
	padding: 1px;
	margin: 1px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}





	/* Formatovani textu, prostor */


.block {
	padding: 3px; 
	margin: 3px; 
	border: #696969 1px solid; 
	background: #1a1a1a;
	width: 100%;
	color: #eeeeee;
	text-color: #eeeeee;
	font-size: 13px;
	text-align: justify;
	align: justify;
}

.blockp {
	padding: 5px; 
	margin: 5px; 
	border: #696969 0px solid; 
	background: #1a1a1a;
	width: 100%;
	color: #eeeeee;
	text-color: #eeeeee;
	font-size: 13px;
	text-align: justify;
	align: justify;
}

.block2 {
	padding: 6px; 
	margin: 0px; 
	border: #696969 1px solid; 
	background: #1f1f1f;
	width: 99%;
	color: #eeeeee;
	text-color: #eeeeee;
	font-size: 13px;
	text-align: justfiy;
	align: justify;
}

.head {
	padding: 8px; 
	margin: 1px; 
	border: #336699 1px solid; 
	background: #eeeeff;
	width: 99%;
	color: #336699;
	text-color: #336699;
	font-size: 13px;
	text-align: justify;
	align: justify;
}

.head2 {
	padding: 8px; 
	margin: 0px; 
	border: #c1d2ec 1px solid; 
	background: #333435;
	width: 99%;
	color: #c1d2ec;
	text-color: #c1d2ec;
	font-size: 13px;
	text-align: justify;
	align: justify;
}

.head3 {
	padding: 8px; 
	margin: 0px; 
	border: #c6bc92 1px solid; 
	background: #00000a;
	width: 99%;
	color: #c6bc92;
	text-color: #c6bc92;
	font-size: 13px;
	text-align: justify;
	align: justify;
}


.activ {
	background: #cfdfff;
	background-color: #cfdfff;
	color: #336699;
	text-color: #336699;
	text-decoration: normal;
	text-variant: none;
	font-size: 11px;
	border-top: #224477 1px solid;
	border-left: #254477 1px solid;
	border-right: #254463 1px solid;
	border-bottom: #254463 1px solid;
}

.pasiv {
	background: #f8df58;
	background-color: #f8df58;
	color: #853a03;
	text-color: #853a03;
	text-decoration: normal;
	text-variant: none;
	font-size: 11px;
	border-top: #cb920a 1px solid;
	border-left: #cb920a 1px solid;
	border-right: #daa520 1px solid;
	border-bottom: #daa520 1px solid;
}

.scam {
	background: #f1b2b2;
	background-color: #f1b2b2;
	color: #9b4200;
	text-color: #9b4200;
	text-decoration: normal;
	text-variant: none;
	font-size: 11px;
	border-top: #b31d1d 1px solid;
	border-left: #b31d1d 1px solid;
	border-right: #bd0a0a 1px solid;
	border-bottom: #bd0a0a 1px solid;
}


.note {
	font-size: 11px; 
	color: lime; 
	text-decoration: none; 
}

.y {
	font-size: 13px; 
	color: #ffff00; 
	text-decoration: none; 
}

.contact {
	font-size: 11px; 
	font-weight: bold; 
	color: #3eb73e;
	text-decoration: none;
}




	/* Formulare */


.input {
	border: #6699ff 1px solid;
	background: #336699;
	color: #ffffff;
	font-color: #ffffff;
	margin: 1px;
	padding: 5px;
	font-size: 14px;
	
}

.inputsearch {
	border: #808080 1px solid; 
	background: #ecd451; 
	color: #1a1a1a; 
	height: 22px; 
	margin: 1px; 
	padding: 3px; 
	font-size: 11px;
}

.inputselect {
	border: #808080 0px solid; 
	background: #999999; 
	color: #1a1a1a; 
	height: 20px; 
	margin: 0px; 
	padding: 2px; 
	font-size: 12px;
}

.img {
	border: #4887a4 1px solid;
}



	/* Zalozky */


.pic IMG {}
#helper {
	VISIBILITY: hidden; 
	POSITION: absolute;
}

.infoText {
	font-size: 11px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #eeeeee;
	font-color: #eeeeee;	
	font-weight: normal;
	border: #a7feff 1px solid; 
	padding: 5px; width: 210px; 
	background-color: #4887a4; 
	background: #4887a4; 
	text-align: justify;
}

.infoText2 {
	font-size: 10px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #224477;
	font-color: #224477;	
	border: #a2d6fa 1px solid; 
	padding: 5px; width: 150px; 
	background-color: #eeeeff; 
	background: #eeeeff; 
	text-align: left;
}

.infoText3 {
	font-size: 10px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #224477;
	font-color: #224477;	
	border: #a2d6fa 1px solid; 
	padding: 3px; 
	background-color: #eff6fb; 
	text-align: left;
}

.nadpis {
	font-size: 13px;
	font-family: Verdana, sans, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-color: #ffffff;
	border: #c30808 1px solid;
	background: #c30808; 
	padding: 5px;
	text-align: justify;
	margin: 2px;
	spacing: 1px;
	
}





.inforam {
	font-size: 14px;
	font-family: Verdana, sans, sans-serif;
	color: brown;
	font-color: black;
	border: red 1px solid;
	padding: 10px;
	text-align: justify;
	margin: 1px;
	spacing: 1px;
	background-color: #FEC7A8;
	
}

.ram {
	font-size: 14px;
	font-family: Verdana, sans, sans-serif;
	color: brown;
	font-color: brown;
	border: red 1px solid;
	padding: 7px;
	text-align: justify;
	margin: 0px;
	spacing: 1px;
	
}

.dotted {
	border: wheat 2px dotted;
	padding: 12px;
	text-align: justify;
	margin: 2px;
	spacing: 2px;
	
}

.ram2 {
	font-size: 13px;
	font-family: Verdana, sans, sans-serif;
	color: #224477;
	font-color: #224477;
	border: #224477 1px solid;
	padding: 7px;
	text-align: justify;
	margin: 0px;
	spacing: 1px;
	
}



  #scrollToTopBtn {

	position: fixed;
      	bottom: 40px;
      	right: 40px;
      	z-index: 9999;
      	background-color: #ffffcc;
      	color: chocolate;
      	font-color: red;
      	border: red 3px dotted;
	border-radius: 50%;  
	padding: 0;          
	font-size: 24px;    
	text-align: center; 
	line-height: 50px;   
	width: 50px;       
  	height: 50px;      
	cursor: pointer;
	display: none; 
      	transition: opacity 0.3s;

   }

    #scrollToTopBtn:hover {
      background-color: wheat;
    }

    /* Pro demo, aby stránka byla dlouhá */
    .content {
      height: 2000px;
      background: linear-gradient(to bottom, #f0f0f0, #ccc);
      padding: 20px;
      font-family: sans-serif;
    }


#share-bar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 9999;
}

.share-icon {
  display: block;
  margin: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background-color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.share-icon:hover {
  background-color: #555;
}

/* různé barvy podle sítě */

.share-icon.facebook { background-color: #3b5998; }
.share-icon.twitter { background-color: #1da1f2; }
.share-icon.whatsapp { background-color: #25d366; }