html, body { font-family: Arial,Verdana,Helvetica,sans-serif;font-size: 0.9em; color: #FFF; }

* {padding: 0; margin: 0;}
.fc { clear: both; }
.fc1 { clear: both; height: 1px;}
.fc10 { clear: both; height: 10px;}
.h { display:none; }
.b { font-weight: bold; }
.fl {float: left; }
a { color: #FFF; }
.imp { color: #00B0FE; font-weight:bold; }
.imp a:hover { color:#000;}
.tac { text-align: center; }
.i { font-style: italic;}

#head { width: 990px; height: 313px;}
#head h1.logo { width: 197px; height: 53px; background: url('../img/honza_logo.png') 0 0 no-repeat; margin: 13px 0 0 146px;}
#head h1.logo a { display: block; width: 197px; height: 53px; }
#head .float{width: 990px;height: 280px; margin-bottom: 2px;}
#head .bg-l, #head .bg-r { float: left; }
#head .bg-l { width: 500px; height: 208px; background:#ED1C24 url('../img/splash-left.jpg') 0 0 no-repeat;}
#head .bg-r { background: pink; width: 490px; height: 208px; background:#0BB3FF url('../img/splash-right.jpg') 0 0 no-repeat;}
#head .top-menu {text-align: center; font-size: 12px; color: #FFF; font-weight: bold; height: 33px; background: #ED1C24; line-height: 33px;}
#head .top-menu a { text-decoration: none; }
#head .top-menu a:hover { text-decoration: underline; color: #000; }

#col-abc { width: 990px; background: url('../img/ab-bgr.jpg') 0 0 repeat-y; }
#col-ab { width: 780px; }
#col-ab, #col-a, #col-b,  #col-c { float: left; }
#col-a { width: 205px; }
#col-b {  width: 575px; padding-bottom: 30px; }
#col-c {  width: 205px;  padding-top: 30px;}

#footer { width: 990px; height: 51px; background: url('../img/bottom.gif') no-repeat; text-align: right; font-size: 11px;}
#footer span { display: block; padding: 32px 60px 0 ; }
#footer span a { text-decoration: none; }

.menu { margin: 10px 0 0 0px; }
.menu a.m1 { display: block; width: 184px; padding: 0 0 0 20px; font-size: 12px; line-height: 2.2; background: url('../img/m-line.gif') 0 100% no-repeat; text-decoration: none; font-weight: bold; color: #fff;}
.menu a:hover.m1 { background: url('../img/m-hover.gif') no-repeat; color:#0018ff; }

.nav { float: left; color: #00B0FE; font-size: 10px; margin: 5px 0 0 10px; display: inline;}
.nav a { color: #00B0FE; text-decoration: none; }
.nav a:hover {  color: #000; text-decoration: underline;}

a.promo01 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo01.jpg') no-repeat;}
a.promo02 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo02.jpg') no-repeat;}
a.promo03 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo03.jpg') no-repeat;}
a.promo04 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo04.jpg') no-repeat;}
a.promo05 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo05.jpg') no-repeat;}
a.promo06 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo06.jpg') no-repeat;}
a.promo07 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo07.jpg') no-repeat;}
a.promo08 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo08.jpg') no-repeat;}
a.promo09 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo09.jpg') no-repeat;}
a.promo10 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo10.jpg') no-repeat;}
a.promo12 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../img/promo12.jpg') no-repeat;}

.box { color: #000; font-size: 12px;}
.box-in { background: url('../img/b-side.gif') repeat-y; width: 571px;}
.box-in h2 { background: url('../img/b-top.gif') 0 0 no-repeat; width: 571px; padding: 25px 0 0 ; color: #FE0000}
.box-in h2 span { display: block; border-bottom: 1px solid #FE0000; margin: 0 25px; font-size: 12px; line-height: 1.4;}
.box-in h2 span.rub { color: #000; font-size: 20px; }
.box-bottom { background: url('../img/b-bottom.gif') no-repeat; width: 571px; height: 30px;}
.box-inside { margin: 10px 25px 0 25px; padding-bottom: 15px; line-height: 1.2;}

.box-inside a { color: #00B0FE; text-decoration: none;}
.box-inside a:hover { text-decoration: underline; color: #000000;}

.box-inside p { color: #464646; line-height: 1.3}
.box-inside .perex { color: #000; font-weight: bold; font-style: italic; line-height: 1.5;}
 
.box-inside .date { float: left; margin-right: 8px; font-weight:normal; }
/*.box-inside .text { float: left; color: #464646;}*/
.box-inside .text { color: #464646; margin-right: 2px;}

.box-inside .b-nav a.back { float: left; padding-left: 10px;background: url('../img/zpet.gif') 0 4px no-repeat; width: 30px; color: #00B0FE;}
.box-inside .b-nav a.top  { float: left; padding-left: 12px;background: url('../img/nahoru.gif') 0 3px no-repeat; width: 50px; color: #00B0FE;}
.box-inside .b-nav a:hover { color: #000;}
.box-inside .b-nav a:hover  { color: #000;}

.box-inside .info { width: 100%; margin-bottom: 10px;}
.box-inside .info table { width: 100%;  }
.box-inside .info a { text-decoration: none; }
.box-inside .info tr { height: 20px; }
.box-inside .info table tr.hd { font-weight: bold; color: #FFF; font-size: 14px; background: #0db5ff; height: 80px;}
.box-inside .info table tr.in { text-align: right;}
.box-inside .info table tr.in td { padding-right: 3px;}
.c1 { background: #EEEEEE;}
.c2 { background: #DCDCDC; }
.w90 { width: 90px; }
.w80 { width: 80px;}
.w75 { width: 75px;}
.w70 { width: 70px; }

.box-inside .info2 { width: 100%; }
.box-inside .info2 .s { background: #999; padding-top: 5px; padding-bottom: 5px;}
.box-inside .info2 .s a { color: #FFF; text-decoration:underline;}
.box-inside .info2 .s a:hover { color: #000;}
.box-inside .info2 a.s1,.box-inside .info2 a.s2, .box-inside .info2 a.s3, .box-inside .info2 a.s4 {float: left; display: block; background: #999; text-align: center;}
.box-inside .info2 a.s1 { width: 150px;}
.box-inside .info2 a.s2 { width: 100px }
.box-inside .info2 a.s3 { width: 100px}
.box-inside .info2 a.s4 {  width: 150px; }
.box-inside .info2 .head { background: #0db5ff; color: #FFF; font-weight: bold; line-height: 1.4; padding-left: 10px; padding-top: 2px; margin-top: 10px;}
.box-inside .info2 .z  { padding-bottom: 4px; padding-top: 2px; line-height: 1.4;}
.box-inside .info2 .z .text { float: left; width: 200px; margin: 0 10px; display: inline;}
.box-inside .info2 .z .date { float: left; width: 270px; padding-left: 10px;}

.box-inside .gal .menu { text-align: center; margin-bottom: 10px; line-height: 1.3;}
.box-inside .gal .menu a { color: #00B0FE; }
.box-inside .gal .menu a:hover { color: #000;  }
.box-inside .gal h3 { border-bottom: 1px solid #FE0000; padding-bottom: 5px; font-size: 12px; margin-bottom: 10px;}
.box-inside .gal .pic { text-align: center;}
.box-inside .gal .pic img { margin-top: 10px; border: none; text-decoration: none; }
.box-inside .gal .pic a { color: #00B0FE; font-weight: bold; }
.box-inside .gal .pic a:hover { text-decoration: underline; color: #000; }
.w33 { width: 33%; height:160px;}


.zero a {margin: 2px;}
.zero img {border: none;}
.head img{ position:relative; }
 blockquote { padding-left:30px;}
 p.zvyr { margin-top:15px; font-weight: bold; font-style:italic;}
.margin10 {margin: 10px; display: block;}
.tableMat {margin-left:40px; width:90%;}
.labelPujcovna {display:block; background-color:#00B0FE; color:White; font-weight:bold; text-align:center; padding:3px;}
.pujcovnaCenaM { width: 50px; font-weight:bold; margin-left: 5px; text-align:right;}
.red {color: Red; }
.middle {	text-align:center;}
.pointer{ cursor: pointer;} 
td.onmouseover {background-color:#00B0FE; cursor: pointer; text-decoration: underline;}
td.onmouseout {background-color: transparent; cursor: pointer;}
.grid {width: 100%;}
.grid td {padding: 3px;}
.grid tr.table_header { background-color: Navy; color: White; font-weight:bold;}
.druha {background-color:#EEEEEE;}
.LabelKategorie {background-color:#00B0FE; display:block; cursor: pointer; text-decoration: underline; margin-left:10px; font-weight:bold; padding:3px;}
.UkazDetail {background-color: Navy; color: White; font-weight:bold; cursor:pointer; display:block; padding:3px;}
table.cena tr td {font-weight: bold;}
table.cena {border: 1px black solid;}
th.obchodPolozky a:hover
{
  color: navy;
}
.nazev
{
  font-weight: bold;
  color: navy;
  display: block;
  margin-bottom: 5px;
  margin-left: 10px;
}
.rightSide
{
  float: right;
}
img.leftSide
{

  margin: 5px;
}
