body{
  margin:0 auto;
  padding:0;
  font-size: .8em;
  font-family:Arial, sans-serif;
  color: #ddd;
  background-color: #888;
}

.main{
  max-width: 73em;
  min-width: 69em;
	margin: 0 auto;
}

* HTML .main{
  width: 71em;
}

h1{
  word-spacing: -.32em;
  background-color: #000;
  background: #000 url(images/logo.jpg) repeat-x ;
  border: 1px solid #444;
  text-transform: uppercase;
  font-size: 2em;
  float: left;
  width: 23.5em;
  margin: 0;
  padding: 1.5em 1em;
  font-family: 'trebuchet MS', sans-serif;
}

* HTML h1{
  margin-top: .5em;
  height: 2.85em;
  width: 23em;
}

h1 a{
  text-decoration: none;
  color: #bbb;
}

h1 a:hover{
  text-decoration: none;
}

h1 span{
  word-spacing: 0em;
  border-top: 1px solid #777;
  text-transform: none;
  display: inline;
  color: #777;
  font-size: .7em;
  width: auto;
}

h1 em{
  font-style: normal;
  color: #c33;
}

h2{
  text-align: left;
  clear: both;
  margin-top: .5em;
  font-weight: normal;
  text-transform: lowercase;
  color: #bbb;
  word-spacing: -.32em;
  font-size: 1.5em;
  font-family: 'trebuchet MS', sans-serif;
}

h2 em{
  color: #c33;
  font-style: normal;
}

h2 a{
  color: #fff;
  text-decoration: none;
}

h2 a:hover em{
  color: #fff;
}

h2 a:hover{
  color: #c33;
}

h3{
  text-align: left;
  font-family: 'trebuchet MS', sans-serif;
  font-size: 1.2em;
  color: #c33;
  margin-left: 1em;
  margin-top: 0;
}

*HTML h3{
  margin-left: 1.7em;
}

.suta{
  margin-top: 1em;
  margin-bottom: 0;
  font-weight: normal;
  text-transform: lowercase;
  margin-left: 0;
  font-size: 1.5em;
  font-family: 'trebuchet MS', sans-serif;
  word-spacing: 0;
}

.suta a{
  color: #c33;
  text-decoration: none;
}

.suta a:hover{
  text-decoration: underline;
}

.suta span{
  font-size: .8em;
  font-weight: normal;
}

.clan{
  margin-top: 2em;
  text-transform: lowercase;
  margin-left: 0;
  margin-bottom: 0;
}

h4{
  text-align: left;
  margin: 1em 0 0 0;
  text-transform: lowercase;
  color: #c33;
}

.norm{
  clear: both;
  margin-top: 1em;
  margin-bottom: .2em;
  font-weight: normal;
  text-transform: lowercase;
  margin-left: 0;
  font-size: 1.5em;
  font-family: 'trebuchet MS', sans-serif;
  word-spacing: 0;
}

.norm a{
  color: #c33;
  text-decoration: none;
}

.norm a:hover{
  text-decoration: underline;
}

*HTML .norm{
  width: auto;
}

.cl_nadpis{
  color: #c33;
  word-spacing: 0;  
  margin-bottom: .2em;
}

.cl_info{
  font-size: .9em;
  color: #777;
  margin-top: .5em;
  margin-bottom: 1.3em;
}

.cl_citaj{
  padding-bottom: 1em;
  border-bottom: 1px solid #333;
}

.cl_citaj a{
  color: #c33;
}

.cl_fotky img{
  margin-top: .2em;
  margin-right: .7em;
}

.vedla{
  vertical-align: middle;
  margin: 1em 0 0 52.5em;
  padding: 1em;
  background: #000 url(images/logo.jpg) repeat-x ;
  border: 1px solid #444;
  height: 9.1em;
}

.vedla .meno{
  word-spacing: -.3em;
  font-weight: bold;
}

.vedla span{
  color: #a33;
}

* HTML .vedla{
  height: 9.58em;
  margin-left: 51em;
}

.vedla img{
  border: 1px solid #422;
  float: right;
  margin-left: .5em;
  vertical-align: sub;
}

.vedla a{
  color: #888;
  text-decoration: none;
}

.vedla a:hover{
  color: #a33;
  text-decoration: none;
}

.menu{
  font-family: verdana;
  font-weight: bold;
  clear: both;
  list-style-type: none;
  margin: 1em 0 1em 0;
  padding: .5em 2em;
  height: 1em;
}

.menu li{
  float: left;
  margin-right: 2em;
}

.menu a{
  text-decoration: none;
  color: #222;
}

.menu li a:hover{
  text-decoration: none;
  color: #c00;
}

.menu li .aktual{
  color: #c00;
}

.pmenu{
  border-top: 2px solid #000;
  padding-top: 1em;
  padding-left: 4em;
}

.medzera{
  cursor: default;
}

.obsah{
  text-align: center;
  background-color: #000;
  border: 1px solid #444;
  padding: 1em 2em;
}

.obsah b{
  color: #c33;
  font-weight: normal;
}

.first{
  display: block;
  float: left;
  color: inherit;
  font-weight: bold;
  margin-right: 1em;
  margin-top: .4em;
}

.info{
  text-align: right;
  margin: 0;
}

p{
  text-align: left;
}

p a{
  color: #c33;
  text-decoration: none;
}

p a:hover{
  color: #c33;
  text-decoration: underline;
}

.prihlas{
  color: #fff;
  font-size: .5em;
}

.prihlas input{
  font-size: .5em;
}

.foto{
  background-color: #422;
  border: 1px solid #aaa;
  width: 11em;
  min-height: 12.5em;
  margin: 0 1.3em 1.4em 0;
  padding: .5em;
  float: left;
  text-align: center;
}

.foto:hover{
  color: #ddd;
  background-color: #222;
}

* HTML .foto{
  height: 12em;
}

.foto .s{
  width: 10.15em;
  margin-bottom: 1em;
  border: 1px solid #aaa;
}

.foto .v{
  height: 7.8em;
  border: 1px solid #aaa;
}

.foto a{
  font-weight: bold;
  text-decoration: none;
  color: #aaa;  
}

.foto a:hover{
  color: #eee;
  text-decoration: underline;
}

.foto em{
  vertical-align: middle;
  color: #c66;
  font-style: normal;
  font-size: .8em;
}

.foto .fmeno{
  text-align: left;
  color: #aaa;  
  text-decoration: none;
  font-weight: normal;
  font-size: .85em;
}

.foto .fmeno:hover{
  color: #eee;
  text-decoration: none;
}

.foto .edit{
  color: #c00;
  text-decoration: none;
  font-size: .85em;
}

.foto .edit:hover{
  color: #e00;  
}

.foto .index{
  font-size: .85em;
}

.mini{
  min-height: 3em;
}

.foto .black{
  color: #bbb;
}

.foto .black:hover{
  color: #fff;
}

.photos{
  display: block;
  height: 8em;
  margin-top: 0;
  margin-bottom: .5em;
}

.clen{
  width: 100%;
}

.clen td, .clen th{
  padding: .4em 0;
}

.clen th{
  color: #c33;
}

.clen .dark, .clen th{
  background-color: #111;
}

.clen td{
  text-align: center;
}

.clen td .author{
  font-weight: bold;
}

.clen td a{
  color: #aaa;    
}

.clen td a:hover{
  text-decoration: none;
  color: #eee;
}

.partneri a{
  color: #a33; 
  text-decoration: none;
  font-weight: bold;
}

.partneri a:hover{
  color: #c33;
  text-decoration: underline;
}

dl{
  text-align: left;
}

dd{
  margin-bottom: 1em;
}

.clear{
  clear: both;
}

.clearf{
  clear: both;
  height: 1em;
}

hr{
  display: none;
  clear: both;
}

.fotka{
  margin: 0 auto;
  margin-bottom: 1em;
  border: 1px solid #fff; 
}

.infofotka{
  text-align: left;
  border-right: 1px solid #333;  
  width: 29.5em;
  margin: 0 0 0 1em;
  padding-right: 1em;
  float: left;
}

.infofotka em{
  color: #777;
  font-size: .9em;
  display: block;
  float: left;
  font-style: normal;
  width: 7em;
}

.infotech{
  text-align: left;
  border-left: 1px solid #333;
  margin-top: 0;
  margin-bottom: 0;
  text-indent: -2em;
  margin-left: 31.5em;
  padding-left: 3.5em;
  width: 26.5em;  
}

* HTML .infotech{
  border-left: 0;
}

.infotech em{
  color: #777;
  font-size: .9em;
  font-style: normal;  
}

.hodnot{
  text-align: left;
  clear: both;
  padding: .5em;
  min-height: 70px;
  color: #eee;
  background-color: #422;
  border: 1px solid #aaa;
}

* HTML .hodnot{
  height: 70px;  
}

.hodnot img{  
  border: 0;
  height: 70px;
  float: left;
  margin-right: 1.5em;
  vertical-align: sub;
}

.hodnot b{  
  color: #422;
  width: 1em;
  height: 1.5em;
  padding-top: .3em;
  padding-left: .25em;
  font-size: 2em;
  font-weight: bold;
  float: right;
}

.hodnot .b1{
  background: #422 url(images/num1.gif) no-repeat; 
}

.hodnot .b2{
  background: #422 url(images/num2.gif) no-repeat; 
}

.hodnot .b3{
  background: #422 url(images/num3.gif) no-repeat; 
}

.hodnot .b4{
  background: #422 url(images/num4.gif) no-repeat; 
}

.hodnot .b5{
  background: #422 url(images/num5.gif) no-repeat; 
}


.hodnot a{
  color: #aaa;
  font-weight: bold;
}

.hodnot a:hover{
  color: #eee;
}

.hodnot .date{
  text-align: left;
  font-size: .9em;
  color: #c66;
}

.hodnot .text{
  text-align: left;
  display: block;
  margin-top: .5em;
}

.hodnot .nazov_fotka{
  color: #c33;  
  font-family: 'trebuchet MS', sans-serif;
}

.hodnot .autor_fotka{
  font-weight: normal;
  font-family: 'trebuchet MS', sans-serif;
}

.info_a img{
  border: 1px solid #422;
  margin-right: 1em;
  float: left;
}

.info_a em{
  color: #777;
  display: block;
  float: left;
  font-style: normal;
  width: 5em;
}

.str{
  margin-top: 0;
  clear: both;
}

.fotka_aut{
  margin: 0;
  width: 15em;
  float: right;
}

.login{
  text-align: left;
  color: #777;
}

.login p{
  margin: .3em 0;
}

.login em{
  display: block;
  float: left;
  width: 4em;
  margin-top: .4em;
  font-style: normal;
}

.login .form em{
  width: 8.5em;
}

.login input, select{
  color: #bbb;
  background-color: #555;
  vertical-align: middle;
  margin: .5em 0;
  font-size: .8em;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999; 
}

.login textarea{
  color: #bbb;
  background-color: #555;
  vertical-align: middle;
  margin: .5em 2em .5em 0;
  font-size: 1.2em;
  padding: 0;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

.login .texta{
  margin-left: 21.5em;
}

*HTML .login .texta{
  margin-left: 24em;
}

.login legend{
  color: #bbb;
  padding: 0 .5em;
  margin-left: .3em;
}

.login fieldset{
  width: 30em;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  float: none;
  margin-bottom: 2em;
}

.login .ok{
  font-size: .7em;
  padding: 0.05em 1.2em;
  color: #bbb;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}

.login label{
  margin-right: 2em;
}

.login .rss{
  margin-right: .5em;
}

.login .check{
  margin-right: 3em;
}

.bold{
  color: #999;
  font-weight: bold;
}

.temy a{
  display: block;
  float: left;
  margin-right: 1em;
  font-style: normal;  
}

.meno{
  color: #a33;
}

ul{
  text-align: left;
}

.pata{
  margin: .2em 0;
  background-color: #000;  
}

.pata{
  font-size: .85em;
  margin: .3em 1.5em .5em 0;
  color: #bbb;
  background-color: #777;
  float: right;
  padding: .2em .9em;
  border: 1px solid #aaa;
}

.pata:hover{
  color: #bbb;
  background-color: #000;
  border-left: 1px solid #aaa;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}

.pata a{
  font-weight: bold;  
  color: inherit;
  background-color: inherit;
  text-decoration: none;
} 

.pata a:hover{
  color: #c33;
  background-color: inherit;
  text-decoration: underline;
}

*HTML .pata a{
  color: #222;
}

*HTML .pata a:hover{
  color: #c11;
}

.sipky{
  width: 40px;
  float: right;
  margin: 0;
}

.sipky a{
  display: block;
  margin-bottom: .7em;
}

.sipky .skri{
  visibility: hidden;
  
}

.sipky a img{
  border: 0;
}

.atelier{
  display: block;
  text-align: left;
  margin-bottom: 1em;
  float: left;
}

.atelier .td{
  text-align: right;
  width: 6em;
}

.atelier .th{
  padding-left: 2.2em;
}

*HTML .atelier{
  margin-bottom: 0;
}

.zmen{
  list-style-type: none;
  padding: 0;
}

.zmen a{
  color: #c33;
  text-decoration: none;
}

.zmen a:hover{
  text-decoration: underline;
}

.cl_fotky a img{
  padding: 0;
  border: 0;
}

.sut{
  margin-top: 0;
}

.sut em{
  font-style: normal;
  font-weight: bold;
  color: #c33;
}