* {margin: 0px; padding: 0px;}


a {color: #1bc1d7; text-decoration: none;}
a:hover {color: #222;}
img {border: none;}
p {}

.right {	float: right;}
.bold { 	font-weight: bold;}
.underline {	text-decoration: underline;}	

.clearfix:before, .clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;}
.clearfix {  clear: both;}

body {font-family: Arial, sans-serif; font-size: 0.80em; color: #222; background:  #fff;}
.kontejner {width: 1000px; margin-left:auto; margin-right:auto; position: relative;}

body>header {padding: 1em 0em; border-bottom: 1px solid #e7e7e7; margin-bottom: 6px;}
body>header .logo {background: url('logo-zsruzyne.png') no-repeat left center; min-height: 105px;
      padding: 0 0 0 240px; display: block; color: #222;}
body>header .logo h1{font-family: OpenSansLight, Arial, sans-serif; font-size: 250%; font-weight: normal; padding: 0.8em 0 0 0;}
body>header .logo h2{font-family: OpenSansLightItalic, Arial, sans-serif; font-size: 180%; font-weight: normal; color: #999;}

.animace {background: url('bg.png'); padding: 15px 0px;}
.obsah {background: url('bg.jpg');  margin: 5px 0px;}
.home .obsah {color: #555; }
.home .obsah .kontejner {width: 800px; padding: 3em 1em;}
.home .obsah footer .kontejner {width: 960px; padding: 2em 1em;}
.page .obsah footer .kontejner {padding: 2em 1em;}
.page .obsah .kontejner {width: 1000px; padding: 1em 1em;}
.page .obsah .navi {margin-bottom: 2em; color: #999;}
.page .obsah .navi a {color: #999;}
.page .obsah .navi a:hover {color: #222;}

body footer {background: url('bg-pata.png'); border-top: 1px solid #ddd;}
body footer .kontejner {width: 960px; line-height: 1.5; padding: 1em 0 1em 0;}
body footer .kontejner p  a {color: #555;}
body footer .kontejner ul {list-style: none; text-transform: uppercase;margin-bottom: 2em;}
body footer .kontejner ul li {display: inline-block; margin-right: 1.5em;} 
.home .obsah h2 {font-size: 260%; font-family: OpenSansLight, Arial, sans-serif; font-weight: bold; margin: 0 0 0.9em 0;
      line-height: 1.1;}
.home .obsah .l h2 {color: #1bc1d7;}
.home .obsah .s h2 {color: #e03a3a;}
.home .obsah .p h2 {color: #9bba1f;}
.home .obsah .p h3 {color: #222; font-family: OpenSansLight, Arial, sans-serif; font-size: 130%; margin: 1em 0 0.2em 0;}
.home .obsah .s h3 {color: #222; font-family: OpenSansLight, Arial, sans-serif; font-size: 120%; margin: 0em 0 0.2em 0; line-height: 1.2;}
.home .obsah .l {width: 450px; float: left; margin-right: 45px;}
.home .obsah .s {width: 255px; float: left; }
.home .obsah .p {width: 255px; float: right; }
.home .obsah .p ul {padding: 5px 0px 10px 15px; line-height: 1.8;}
.home .obsah .l .vice {background-color: #1bc1d7; color: #fff; display: inline-block; padding: 0.5em 0.7em; text-transform: uppercase;
      line-height: 1;
      }
.home .obsah .l .vice:hover {color:#222;}      
.home .obsah .s .vice:hover {color:#222;}      
.home .obsah p {margin: 0.5em 0 1em 0; line-height: 1.5;}

.home .obsah .s article {margin: 0 0 1em 0;}
.home .obsah .s .vice {background-color: #e03a3a; color: #fff; display: inline-block; padding: 0.5em 0.7em; text-transform: uppercase;
      line-height: 1;
      }
.home .obsah .s .datum {background-color: #ffb700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: right; line-height: 1.1;
    color: #fff; float: left; padding: 5px 10px 5px 10px; width: 25px; color: #fff; font-size: 100%; 
     margin: 0 15px 5px 0px; }
.home .obsah .s .datum span {font-size: 160%;}

.menu {background: url('bg.png'); padding: 8px 0px 0 0; }
.menu ul {list-style: none; }
.menu ul li {display: inline-block; padding-bottom: 8px;}
.menu ul li.active {background-color: #fff; font-weight: bold; border-top: 1px solid #ddd;  border-right: 1px solid #ddd;
      }
.menu ul li.active a{background: url('sipka-dolu-seda.png') no-repeat 170px center #fff;}
.menu ul li a {width: 170px; padding: 10px 10px; color: #222; display: block;}
.menu ul li a:hover {color: #fff;} 
.menu ul li.active a:hover {color: #000;} 

.menu .li680 a{background-color: #9bba1f; margin-right: 4px;}
.menu .li681 a{background-color: #ffb700; margin-right: 4px;}
.menu .li684 a{background-color: #e03a3a; margin-right: 4px;}
.menu .li683 a{background-color: #1bc1d7; margin-right: 4px;}
.menu .li682 a{background-color: #767676;}

.page .l {float: left; width: 200px;}
.page .p {float: right; width: 760px;}


.submenu a {display: block; text-align: right;}
.submenu .lvl1 {padding: 0.4em 1em 0.4em 0; font-family: OpenSansBold; font-size: 125%; background: url('sipka-menu.png') right center no-repeat; 
      border-top: 1px dotted #ccc;}
.submenu .lvl2 {padding: 0.3em 2.8em 0.3em 0; background: url('sipka-menu.png') 165px center no-repeat; font-family: OpenSansSemibold;
      font-size: 110%;}
.submenu .lvl3 {padding: 0.2em 5.8em 0.2em 0em; color: #666; font-family: OpenSansSemibold; font-size: 100%; 
        background: url('sipka-menu-seda.png') 130px 0.5em no-repeat;}
.submenu .lvl3:hover {color: #222;}        
.submenu .lvl4 {padding: 0.2em 6.8em 0.2em 0em; color: #666; font-family: OpenSansSemibold; font-size: 100%;}
.submenu .lvl5 {padding: 0.2em 8.8em 0.2em 0em; color: #666; font-family: OpenSansSemibold; font-size: 100%;}
.submenu .top {padding: 0 0 0.2em 0em; color: #222; text-transform: uppercase; font-size: 150%; text-align: right;
    font-family: OpenSansBold; margin-bottom: 0.5em;}
.page .obsah .p h1 {font-family: OpenSansBold; margin-bottom: 0.5em; font-size: 300%; color: #222;}
.page .obsah .p h2 {font-family: OpenSansBold; margin: 0.8em 0 0.2em 0; font-size: 150%; color: #ffb700;}
.page .obsah .p h3 {font-family: OpenSansBold; margin: 0.8em 0 0.2em 0; font-size: 125%; color: #e03a3a;}
.page .obsah .telo {font-size: 110%;} 
.page .obsah .telo p {margin: 5px 0 15px 0; line-height: 1.5;}
.page .obsah .telo ul {line-height: 1.5; margin: 5px 0 15px 0; padding-left: 35px;}

.submenu .lvl1.sel {color: #222;}
.submenu .lvl2.sel {color: #222;}
.clanky {}
.clanky article {margin-bottom: 1.5em;}
.clanky article .cas {color: #999; margin-bottom: 0.5em;}

.galerie {}
.galerie .obrazek {width: 200px; height: 150px; overflow: hidden; display: inline-block;}

.ostcla {margin-top: 2em;}
.page .ostcla h2 {font-size: 100%;}