/*
////////////////////////////////////////////////////
//  Hofri.eu - CSS
////////////////////////////////////////////////////
*/



body {margin: 0px; padding: 0px; background-color: #383838; text-align: center; font-family: Arial; font-size: 11px;
  color: black;}
h2 {font-size: 22px; color: #2198c6; letter-spacing: -1px; background: transparent url('images/h2_bg.png') repeat-x; 
background-position: left bottom; margin: 0px 0px 25px 0px; padding-bottom: 5px;}
h3 {color: #00b852; font-size: 14px; margin: 12px 0px 6px 0px; letter-spacing: -0.5px;}
p {margin: 0px 0px 10px 0px;}
em {color: #00b852; font-style: normal;}
table {font-size: 11px;}
hr {display: none;}



/* LAYOUT VRCH */
#vrch {position: relative; height: 253px; background: #212121 url('images/top_bg.png');}
#vrch-plocha {position: relative; width:751px; height: 253px; margin: 0px auto 0px auto;}
h1 {position: absolute; left: 41px; top: 95px; height: 34px; width: 164px; margin: 0px; overflow: hidden;}
h1 span {position: absolute; left:0px; top:0px; height: 34px; width: 164px; cursor: Pointer; background: url('images/logo.jpg');}
#vrch-slogan {position: absolute; right: 34px; top: 104px; width: 500px; text-align: right; color: #9e9e9e; font-size: 18px;
  letter-spacing: -1px;}



/* LAYOUT PROSTŘEDEK */
#prostredek {position: relative; background: #e8e8e8 url('images/middle_bg.png');}
#prostredek-plocha {position: relative; width:751px; margin: 0px auto 0px auto; padding: 91px 0px 75px 0px; 
  background: white url('images/middle_light.jpg') center bottom no-repeat;}
#prostredek-screen {position: absolute; top: -92px; left: 19px; height: 164px; width: 714px;
  background: #227e52 url('images/screen.jpg');}
td#panel {width: 164px; padding: 0px 0px 0px 19px; vertical-align: top;}
td#obsah {padding: 0px 19px 0px 21px; vertical-align: top;}
#prostredek a {color: #2198c6; border-bottom: 1px solid #c8c8c8; text-decoration: none; font-weight: bold}
#prostredek a:hover {border-bottom-style: dashed; color: black;}



/* LAYOUT PANEL */
em.panel-nadpis {text-align: center; font-size: 9px; color: white; padding-top: 1px; height: 12px; width: 164px;
  background: #bbbbbb url('images/panel_nadpis_bg.png'); display: block; overflow: hidden;}
div#panel-menu {width: 164px; font-weight: bold; font-size: 13px; background: #e0e0e0 url('images/panel_menu_bg.png') no-repeat;}
div#panel-menu a {display: block; padding: 8px 0px 9px 11px; color: #4c4c4c; text-decoration: none;
  background: transparent url('images/menu_btn.png') no-repeat; overflow: hidden; border: 0px;}
div#panel-menu a:hover {background: #d0fcde url('images/menu_btnover.png') no-repeat; color: #4c4c4c; border: 0px;}
div#panel-menu a:active {background: white url('images/menu_btnactive.png') no-repeat; border: 0px;}
div.panel-spodekmenu {font-size: 0px; height: 9px; width: 164px; background: #bbbbbb url('images/panel_menu_spodek.png');}
div.panel-spodek {font-size: 0px; height: 7px; width: 164px; background: #f8f8f8 url('images/panel_spodek_bg.png');}
div.panel-lajna {font-size: 0px; height: 3px; width: 164px; background: #f8f8f8 url('images/panel_lajna_bg.png');}
div.panel-ref {background: #f8f8f8 url('images/panel_bg.png') repeat-y; padding: 5px 8px 5px 8px; overflow: hidden;}
div.panel-ref strong {color: #00b852; font-weight: bold; padding-right: 8px;}
div#telefon {margin: 0px 0px 0px 12px; padding-left: 30px; background: transparent url('images/ico_phone.png') no-repeat;
  background-position: left 3px;}
div#email {margin: 5px 0px 2px 12px; padding-left: 30px; background: transparent url('images/ico_mail.png') no-repeat;
  background-position: left 3px;}



/* LAYOUT OBSAH */
td.novinka {vertical-align: top; padding-top: 30px; width: 262px;}
div.novinka-obr {background: transparent url('images/news_bg.png') no-repeat; padding: 4px;}
div.novinka-obr img {height: 66px; width: 254px; background: white url('images/loading.gif') no-repeat;
  background-position: center center; border-width: 0px;}
div.novinka-text {padding: 0px 8px 0px 8px; text-align: justify; overflow: hidden;}
table.reference {padding: 5px 0px 4px 0px; border-bottom: 1px solid #f8f8f8;}
table.reference:hover {border-bottom: 1px dashed #c8c8c8;}
table.reference h3 {margin: 0px;}
table.reference td {vertical-align: top;}
td.ref-imgbox {vertical-align: top; width: 262px;}
#prostredek div.novinka-obr a {border-width: 0px;}

table.rozcestnik {width:100%;}
table.rozcestnik td {padding-bottom:20px;}
table.rozcestnik div {background: transparent url('images/rozcestnik_bg.png') no-repeat; padding: 4px;}
table.rozcestnik div img {border:none; width:160px; height:120px;}
div.banner {margin-top:20px; text-align:center;}
div.banner img {border:none;}


/* LAYOUT SPODEK */
#spodek {position: relative; height:146px; background: url('images/down_bg.png'); color: white;}
#spodek-text {padding: 20px 0px 10px 0px;}
#spodek a {color: #00b6c0; margin: 0px 3px 0px 3px; text-decoration: none;}
#spodek a:hover {border-bottom: 1px dashed #7dff97; }
#spodek em {color: #7dff97;}



/* FORMULÁŘ */
div#formular {padding: 8px 0px 12px 0px;}
input, textarea, select {border: 1px solid #cecece; background-color: #f8f8f8; font-size: 11px; font-family: Arial;
  color: #585858; padding: 2px;}
input:hover, textarea:hover, select:hover {border-color: #2198c6;}
input.tlacitko {font-weight: bold; cursor: Pointer; padding: 2px 10px 2px 10px;}
input.tlacitko:hover {border-color: #00b852;}