* {margin: 0 auto; padding: 0;}
html {	width: 100%; overflow-y: scroll;}
body {
	background: url(images/bac.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center; /*vycentrovaní pro IE*/
	font-family: "Arial", "sans-serif";
	font-size: 13px;
	color: #004080;
	position: relative;
	margin: 2em auto 2em auto; /* Auto centruje stranku. */ /*vycentrovaní v ostatních prohlížečích*/
}
/*
body {
  margin: 0;
  font-family: Arial;
}
*/
#obal{
margin: 2em auto 2em auto;
	width: 992px;
	height: auto;
	border: 0px;
	text-align: left; /*zrušení vycentrování textu*/
	}
#stranka {
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
   background: #FFF9F2 url(images/img01.gif) repeat-y;
	border: 4px double #89a1b8;
	border-bottom: 4px solid #89a1b8;
   width: 980px;  /*šířka layoutu*/
      }
/* levybox */
#levybox {
	width: 240px;
	float: left;
	height: auto;
}
	/* pravybox */	
	#pravybox{
	width: 740px;
	float: right;
	}
#banner {
		width: 740px;
		height: 220px;
		border: none;
	}
/* kontainer */
   #kontainer {
	background: url(images/img04.gif) repeat-x;
	float: right;
	width: 740px;
	min-height: 600px; 
}
.fotobox {
	width: 615px;
	height: auto;
	margin: 15px auto 20px auto;}
blockquote {
	font-style: italic;
}

a {
text-decoration: none;
color: #004080;
font-size: 1.1em;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
p {
	font-family: "Arial", "sans-serif";
	font-size: 14px;
	font-weight: normal;
}
.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}
.title2 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 250%;
	font-weight: normal;
	text-shadow: 0.1em 0.1em 0.1em #aaa;
	color: #135293;
}
.title3 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.title4 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 150%;
	text-shadow: 0.1em 0.1em 0.1em #aaa;
	color: #135293;
}
.obsah {
padding: 20px;
}
.obsah p, .obsah ul, .obsah ol {
	line-height: 180%;
}
/* Logo */
#logo {
	height: 220px;
	background: #9bc6d0;
}
#logo a {display:block; width: 230px; height: 220px; 	background: url(images/img03x.jpg) no-repeat center;}
/* Menu */
#menu {
	padding-top: 87px;
	background: #9bc6d0 url(images/img04.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li {
color:#FFF;
display:block;
position:relative;
height:60px;
width:240px;
border-bottom: 1px solid #525252;
}
#menu ul {
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 240px;
list-style-type: none;
background: #9FB8D3;
height:auto;
position:relative;
border-top: solid 1px #EEEEEE;
}
#menu a, #menu a:visited {
display:block;
color:#FFF;
text-decoration: none;
font-size: 1.6em;
margin:0px;
height:60px;
width:240px;
background: #7D9CC0 url(images/vert_a60.gif) repeat-x;
 letter-spacing: 0px;
 line-height: 60px;
 text-indent: 30px;
}
#menu a:hover {
margin:0px;
color:#FFF;
text-decoration: none;
background: #9FB8D3 url(images/vert_b60.gif) repeat-x;
}
/* Footer */
#footer {
	width: 980px;
	height: 40px;
	margin: 0 auto;
	background: url(images/img12.gif) repeat-x;
}
#copyright {
   font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	float: left;
	width: 980px;
	height: auto;
	margin-top: 13px;
}
.facebook {
	text-align: center;
	margin: 2.2em 0 38px 0;
}
.facebook a img {
    padding: 0.3em 0 0;
    margin: 0;
    transition: .1s;
}
.facebook a:hover img {
    padding: 0 0 0.3em;
}
.reklama {
background: #b8c9dc;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ 
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
   font-size: 16px;
	font-weight: bold;
	width: 200px;
	height: auto;
	min-height: 200px;
	border: #1368a9;
	border-style: solid;
	border-width: 1px;
}
.HpSocialIcon {
    height: auto;
    max-width: 35px;
}
 .aktual {
   font-family: Georgia, "Times New Roman", Times, serif;
   margin: -70px 0 15px 0;
	height: auto;
	text-align: center;
}	
/* styl pro video*/
#video a {
	display: block;
	margin-top: 8px;
	width: 24px;
	height: 24px;
	background-image: url(images/pl1.png);
	background-repeat: no-repeat;
	float: left;
}
#video a:hover{
   margin-top: 6px;
	background-image: url(images/pl2.png);
	background-repeat: no-repeat;
}
/* styl pro video konec*/
/* styl pro fotogalerii*/
#foto a {
	display: block;
	margin-top: 8px;
	width: 25px;
	height: 25px;
	background-image: url(images/fot1.png);
	background-repeat: no-repeat;
	float: left;
}
#foto a:hover{
   margin-top: 6px;
	background-image: url(images/fot2.png);
	background-repeat: no-repeat;
}
/* styl pro fotogalerii konec*/
/* Article */
.article {background-color: #FFFCE8;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ 
 padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; width: 635px;}
 
 .article-x {background-color: White;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ 
 padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; width: 635px; min-height: 500px;
 
 }
 
.article-zebra {background-color: #f0faf1;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
 padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; width: 635px;}
 
 
.article-video {background-color: #2A3F55;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
 padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; width: 635px;}
.article-video a {
text-decoration: none;
color: White;
font-size: 1.1em;
font-weight: bold;
}
 
.article-kont {background-color: #CFDDE9;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 3px 3px 10px #5a5c62;
-webkit-box-shadow: 3px 3px 10px #5a5c62;
box-shadow: 3px 3px 10px #5a5c62;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#5a5c62');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#5a5c62')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
 padding: 35px 12px 27px 100px; margin: auto; position: relative; width: 550px; min-height: 500px;}
 
 
.article p {line-height: 1.5; margin-bottom: 3px;}
.article a.more, .article-zebra a.more,.article-x a.more,.article-bila a.more, .article-kont a.more {position: absolute; bottom: 7px; right: 10px; line-height: 1;} /* Více informací o umístění */
.article a.more, .article a.more:visited, .article-zebra a.more, .article-zebra a.more:visited, .article-kont a.more, .article-kont a.more:visited,.article-x a.more, .article-x a.more:visited,.article-bila a.more:visited  
{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #009999; color: #FEFEFE; padding: 5px 7px; text-decoration: none; border: 1px solid #606060; font-size: 0.9em;}
.article a.more:hover, .article-zebra a.more:hover,.article-x a.more:hover,.article-bila a.more:hover, .article-kont a.more:hover {text-decoration: underline;}

h3 {font: 1.3em Georgia, "Times New Roman", Times, serif; background: url(images/img09.gif) repeat-x 0 60%; letter-spacing: 1px; margin-bottom: 3px;}
h3 a {font: 1em Georgia, "Times New Roman", Times, serif; background: url(images/img09.gif) repeat-x 0 60%; letter-spacing: 1px; margin-bottom: 3px;}
h3 span {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.7em; font-weight: bold; padding: 2px 8px; margin-left: 20px; background-color: #FFFFC7; border: 1px solid #A6CAF0;}
.col-l h3 {font: bold 1.1em Verdana; background: #009999; color: #FFF; text-align: center; padding: 7px 0; letter-spacing: 0;}

.kont-box {background-color: #FFFFFB;
border: 1px solid #66a28e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 35px 0px 27px 10px; margin-right: 90px; position: relative; width: 450px;}

#forum {
	width: 630px;
	margin-left: 35px;
	word-wrap: break-word;
}

.gallery {
	overflow: hidden;
	margin: 0 2px 0 0;
	padding: 0px;
	border: 1px solid #6699CC;
	list-style: none;
	cursor:url(images/zoom.ico),pointer;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#gallery {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
	cursor:url(images/zoom.ico),pointer;
}

#gallery li {
	float: left;
	margin: 0px;
	padding: 10px;
}

#gallery img {
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	-moz-box-shadow: 0 0 10px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 10px black;
}
/*****************************************************
  Poptrox
*****************************************************/

.poptrox_popup
{
	position: relative;
	padding: 0.5em 0.5em 3em 0.5em;
	background: #ffffff;
	-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
}

.poptrox_popup .loader
{
	display: block;
	margin: 55px 0 0 0;
	text-indent: -9999em;
	background: url('loader.gif') top center no-repeat;
}

.poptrox_popup .caption
{
	position: relative;
	bottom: 1em;
	left: 1em;
}

.poptrox_popup .closer
{
	position: absolute;
	bottom: 1em;
	right: 1em;
}

/* Styly pro články více */
.nazev {
  font-family: "Arial", "sans-serif";
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.obsah_nazev {
  font-family: "Arial", "sans-serif";
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.upresneni {
  font-family: "Arial", "sans-serif";
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.upresneni_left {
  font-family: "Arial", "sans-serif";
  font-size: 16px;
  text-align: justify;
}
.nadpis {
  font-family: "Arial", "sans-serif";
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.prispevek {
  margin-left: 5em;
  font-family: "Arial", "sans-serif";
  font-size: 1.2em;
  font-weight: bold;
}
.nadpis_left {
  font-family: "Arial", "sans-serif";
  font-size: 16px;
  font-weight: bold;
}
.paragraf {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  text-align: center;
}
.text {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
}
.odsazeny {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
  text-align: justify;
}

.podtrzeny {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  text-align: justify;
}
.podpis {
  margin-left: 30px;
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  font-style: italic;
  text-align: justify;
}
.zvyrazneni {
  margin-left: 30px;
  font-family: "Arial", "sans-serif";
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  text-align: justify;
}
.tabulka td {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  text-align: justify;
  vertical-align: top;
}
.odsazeni {
  font-family: "Arial", "sans-serif";
  font-size: 13px;
  text-align: justify;
  margin-left: 16px;
}
.hr{
color: #0057AA;
width: 90%;
}
.left {
  float: left;
  margin: 10px 15px 0 0;
  width: 249px;
  height: 187px;
  border: 2px solid #6E9FCE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.right {
  float: right;
  margin: 10px 10px 0 10px;
  width: 249px;
  height: 187px;
  border: 2px solid #6E9FCE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

  /* Styly pro články více - konec */
  
/* Simpl galerie*/
#simplegalerie
  * {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
}

/* Mřížka: Čtyři stejné sloupce vedle sebe*/
.column {
  float: left;
  width: 16%;
  padding: 10px;
  margin: 15px;
}

/* Styl obrázků uvnitř mřížky*/
.column img {
margin-left: 12px;
  opacity: 0.8; 
  cursor: url(images/zoom.ico),pointer;
  border: 2px solid #FFFFFF;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	-moz-box-shadow: 0 0 10px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 10px black;
}

.column img:hover {
  opacity: 1;
}

/* Čistič plavoucích sloupců */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Rozbalovací obrázkový kontejner */
.container {
  position: relative;
  margin-top: 10px;
  width: 100%;
  display: none;
  border: 2px solid #FFFFFF;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	-moz-box-shadow: 0 0 10px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 10px black;
}

/* Rozbalení textu obrázku */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Zavírací tlačítko uvnitř rozbaleného obrázku */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}