body {margin:0px; padding:0; font:0.9em arial,verdana,tahoma,sans-serif; text-align:left; background: #E0E1E3 url("image/bodybg.jpg") 0px 0px repeat-x fixed; color:#000}

/* DECLARE ALL */
*{
  margin: 0; padding: 0;
}
img{
  border: 0;
}
p{
  text-indent: 20px;
  line-height: 1.35em;
  display: block;
  clear: both;
  margin-bottom: 15px;
}
p img{
  margin: 10px;
  margin-top: 5px;
}
h1{
  font-size: 2.5em;
  line-height: 1.5em;
  color: #DA221C;
  padding-bottom: 10px;
  clear: both;
}
h2{
  font-size: 1.5em;
  line-height: 1.5em;
  color: #DA221C;
  padding-bottom: 5px;
  clear: both;
}
h3{
  font-size: 1.2em;
  line-height: 1.5em;
  color: #DA221C;
  padding-bottom: 5px;
  clear: both;
}

a:link, a:visited{
  color: #333;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
.hidden{
  display: none;
}
.justify{
  text-align: justify;
}
.okraj{
  padding: 20px 5px 20px 10px;
  margin-left: 220px;
  margin-right: 280px;
}

/* MAIN CSS */
#all
{
  line-height: 1.22em;
}

#menu_lfix
{
  width: 220px; 
  position:fixed; top: 0px; left: 0px;
  height: 100%;
}

#menu_rfix
{
  width: 440px; 
  position:fixed;
  top: 0px;
  right: 0px;
  height: 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
#main
{
  line-height: 1.22em;
  height: 100%;
  overflow: auto;
} 


/* MENU LEFT */

#menu_lfix ul{
  list-style-type: none;
  padding-bottom: 30px;
  margin-left: 20px; margin-right: 20px; margin-bottom: 55px; margin-top: 30px;
}
#menu_lfix ul li{
}
#menu_lfix ul li a:link, #menu_lfix ul li a:visited{
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #242527;
  padding-top: 6px; padding-left: 17px;
  height: 24px;
  background: url("image/l_line.gif") -189px 0px no-repeat;
}
#menu_lfix ul li a:hover{
  background: url("image/l_line.gif") 0px 0px no-repeat;
  color: #DA221C;
}

/* MENU RIGHT */

#lines{
  background: url("image/lines3.gif") 100% 100% no-repeat;
  height: 100%;
}
#search{
margin-top: 40px;
margin-left: 210px;
}
#search form input{
background: #fff;
border: 1px solid #545456;
}
#search form input#ok{
background: #e0e1e3;
border: 0px;
font-weight: bold;
}
.logo{
z-index: 6;
  width: 170px;
  height: 74px;
  margin-left: 200px; margin-top: 30px;
}
#menu_rfix ul{
z-index: 6;
  list-style-type: none;
  margin-top: 50px; margin-left: 160px; 
  background: url("image/detem.png") 180px 52px no-repeat;
}
#menu_rfix ul li{
}
#menu_rfix ul li a:link, #menu_rfix ul li a:visited{
  display: block;
  margin-left: 50px;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #242527;
  height: 35px;
}
#menu_rfix ul li a#rm1{
  background: url("image/point.gif") -185px 19px no-repeat;
  text-indent: 100px;
}
#menu_rfix ul li a#rm2{
  background: url("image/point.gif") -240px 19px no-repeat;
  text-indent: 70px;
}
#menu_rfix ul li a#rm3{
  background: url("image/point.gif") -300px 19px no-repeat;
  text-indent: 40px;
}
#menu_rfix ul li a#rm1:hover{
  background: url("image/point.gif") -135px 19px no-repeat;
  text-indent: 150px;
}
#menu_rfix ul li a#rm2:hover{
  background: url("image/point.gif") -190px 19px no-repeat;
  text-indent: 120px;
}
#menu_rfix ul li a#rm3:hover{
  background: url("image/point.gif") -250px 19px no-repeat;
  text-indent: 90px;
}

#menu_rfix ul li a:hover{
  margin-left: 0px; text-indent: 100px;
  color: #DA221C;
}
#menu_rfix ul li div{
  background: url("image/auto.gif") 0px 11px no-repeat;
  padding-top: 3px; padding-bottom: 10px;
}



h3.odkazx a{
color: #DA221C;
text-decoration: none;
}
h3.odkazx a:hover{
color: #FF0700;
}





#admin{
width: 700px;
background: #fff;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}
#admin #menux{
display: block;
float: left;
width: 200px;
}
#admin #menux ul{
margin: 30px;
padding: 0px;
border-right: 1px solid #999;
}
#admin #menux ul li a{
color: #333;
}
#admin #obsahx{
display: block;
float: left;
margin-top: 20px;
width: 480px;
}
#admin #obsahx select{
width: 40px;
}
#admin #obsahx select.rubriky{
width: 200px;
}
#admin #obsahx select.linkx{
width: 75px;
}
#admin #obsahx textarea.textareax{
width: 99%;
margin-bottom: 10px;
height: 100px;
}
#admin #obsahx .orderx{
width: 40px;
}
#admin #obsahx a{
color: #333;
}
.waiter{
display: block;
clear: both;
width: 100%;
font-size: 0.1em;
height: 1px;
}
span.bottomx{
display: block;
clear: both;
margin-top: 10px;
font-weight: bold;
color: #333;
}
span.bottomx a{
color: #333;
}
span.bottomx a:hover{
color: #DA221C;
}
div.clanekx{
display: block;
margin-bottom: 30px;
}
span.cestax,span.cestaxx{
display: block;
font-size: 0.9em;
background: #e1e2e4;
padding: 2px;
padding-left: 5px;
margin-bottom: 10px;
}
span.cestaxx{
background: #eee;
}
span.cestax a,span.cestaxx a{
color: #333;
}

ul.ulx,ul#psali_onasxx{
margin-left: 0px;
margin-top: 10px;
margin-bottom: 20px;
list-style-type: none;
}
ul.ulxx{
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
list-style-type: none;
}
ul.ulxxx{
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
list-style-type: none;
font-size: 0.9em;
}

ul.ulx strong{
display: block;
font-size: 1.1em;
padding-top: 5px;
}
ul.ulx li a{
display: block;
color: #da221c;
padding: 2px;
padding-left: 10px;
}
ul.ulxx li a{
text-decoration: none;
font-weight: bold;
}
ul.ulxx li a:hover{
color: #333;
}
ul.ulxx ul.ulxxx li a{
text-decoration: underline;
font-weight: normal;
font-size: 0.9em;
}
ul.ulxx ul.ulxxx li a:hover{
text-decoration: none;
}

ul.ulxxx li a{
color: #333;
}
.svetlax{
background: #eee;
color: #333;
}
.svetlax a{
color: #333;
}
.tmavax{
background: #e1e2e4;
/* color: #da221c; */
color: #333;
}
.tmavax a{
/* color: #da221c; */
color: #333;
}
table td{
vertical-align: top;
}

table.tablex td{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}
.datumx{
font-size: 0.8em;
}
.pocetx{
text-align: right;
padding-right: 10px;
}

a img{
margin-right: 10px;
}

table tr td ul,ul.videoklipyx{
margin-left: 20px;
}

a.fotogaleriex{
display: inline;
}
a.fotogaleriex:hover{
text-decoration: underline;
}

ul#psali_onasxx{
line-height: 1.7em;
}
ul#psali_onasxx a{
display: block;
width: 98%;
padding-left: 10px;
text-decoration: none;
}
ul#psali_onasxx li.svetlax a:hover{
background: #ccc;
}
ul#psali_onasxx li.tmavax a:hover{
background: #d5d5d5;
}

ul#dekujeme{
margin-left: 35px;
font-weight: bold;
}