body {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 20px 0px;
margin: 0px;
text-align: center;
background: #ffffff;
}

/*hlavni rozvrzeni stranky*/
#container {
  width: 990px;
  margin: 0 auto;  
}
#main-box {
  float: left;
  width: 660px;
}

#popis_webu_obal {
  position: relative;
  width: 990px;
  height: 1px;
}
#popis_webu {
  position: absolute;
  top: 580px;
  _top: 590px;
  left: 260px;
  _left: 260px;
  text-align: left;
  font-size: 0.75em;
  background-color: #ffffff;
  border: 1px solid #ff8d87/*#ff160b*/;
  width: 447px;
  _width: 467px;
  height: 460px;
  _height: 480px;
  padding: 10px;
}
#popis_webu h2 {font-size: 1.3em; margin: 0 0 5px 0; padding: 0;}
#popis_webu h3 {font-size: 1em; margin: 0; padding: 0;}
#popis_webu p {text-align: justify; margin: 0 0 5px 0; padding: 0;}
#popis_webu a {color: #4168bb; text-decoration: underline;}
#popis_webu a:hover {color: #992f31;}


#leftside-box { /*urcen jen pro skyscraper*/
  float: right;
  width: 148px;
  _width: 180px;
  padding: 0 0 0 20px; 
}

#leftside-box .skyscr{
  border: none;
  margin: 223px 0 0 0;
}


/*-------obecné formátování------------------*/
.nezobrazovat {
width: 200px;
position: absolute;
left: 0;
top: -1000px
}

.nastred {text-align: center;}
.doprava {text-align: right;}
.end {
clear: both;
height: 1px;
margin: 0px;
padding: 0px;
font-size: 1px;
}

abbr {
border-bottom: dashed 1px;
cursor: help;
}
.red, a.red {
  color: red;
}
/*----------hlavička--------------*/
.hlavicka {
  width: 995px;
  height: 166px;
  margin: 10px auto 0 auto;
  padding: 0;
  background: url(images/hlavicka_modra_cara.gif) repeat-x 0 105px;
}

.hlavicka #logo {float: left; margin: 35px 0 0 0;}

.hlavicka #logo span {
  display: block;
	background: url('images/logo.gif') no-repeat top left;
}

.hlavicka #logo a {
  text-decoration: underline;
  color: #416895;
}
.hlavicka #logo a:hover { 
  color: #000000;
}
.hlavicka #logo span {
  width: 151px;
  height: 106px;
}

.hlavicka .leaderboard {
  float: right;
  border: 1px solid #101010;
  width: 745px; 
  *width: 745px;
  height: 100px;
  *height: 100px;
  margin: 2px 35px 8px auto;
  padding: 0;
}
.hlavicka .leaderboard img {
  border: none;
}
/*.hlavicka_2 {
width: 750px;
height: 73px;
margin: 0px;
padding: 0px;
background: url(images/logo_vrch.jpg) no-repeat left bottom;
}
*/

/*----------část pod hlavičkou (viz vyhledávání a nápis HK)--------------*/

.pod_hlavickou {
  float: right;
  width: 800px;
  margin: 0 auto;
  padding: 0;
  /*background: url(images/logo_spodek.jpg) no-repeat top left;*/
  text-align: left;
}

.nadpis {
  margin: 0;
  padding: 0;
}
.nadpis .heading {
  font-family: arial;
  margin: 0;
  padding: 3px 0 3px 5px;
  font-size: 1em;
  font-weight: bold;
}
.nadpis h1 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  
  /*
  font-family: arial;
  margin: 0;
  padding: 3px 0 3px 5px;
  font-size: 1em;
  font-weight: bold;
  */
}

.nadpis img {
float: right;
margin: 5px 0px 0px 8px;
padding: 0px;
border: 0px;
}
.pod_hlavickou input.search {width: 250px;}
.modry_pruh {
float: right;
width: 750px;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 0px;
border-top: 1px solid #dbecfe;
border-bottom: 1px solid #dbecfe;
background: url(images/modry_pruh.jpg) repeat-y top right;
text-align: right;
}
.modry_pruh form {
margin: 0px;
padding: 0px;
_height: 5px;
min-height: 5px;
font-size: 0.8em;
color: #747474;
}
.modry_pruh form input {
font-size: 0.8em;
}
.formular {
margin: 0px;
padding: 0px;
}

/*------------pruh s pocasim, tipem, male bannery----------------*/
.vrstva_1 {
width: 995px;
margin: 8px auto 0px auto;
padding: 0px;
}

/*--náš tip---*/
.vrstva_1_levy {
float: left;
width: 494px;
margin: 0px;
padding: 0px;
}
.nas_tip_nadpis {
margin: 0px 3px 0px 0px;
padding: 0px 8px 1px 0px;
background: #ffffff url(images/tmave-modry-pruh.gif) repeat-y top right;
text-align: left;
}
.nas_tip_nadpis h2 {
float: right;
margin: 0px;
padding: 2px 0px 0px 0px;
font-size: 0.9em;
color: #ffffff;
}
.nas_tip_nadpis h2 a {
text-decoration: none;
color: #ffffff;
}
.nas_tip_nadpis h2 a:hover {
text-decoration: none;
color: #dfdfdf;
}
.nas_tip_nadpis p {
margin: 0px 0px 0px 127px;
padding: 2px 0px 0px 0px;
font-size: 0.8em;
color: #000066;
}
.nas_tip_nadpis a {
text-decoration: underline;
color: #000066;
}
.nas_tip_nadpis a:hover {
text-decoration: none;
}

.banner_levy {
float: left;
width: 120px;
height: 60px;
margin: 3px 0px 0px 0px;
padding: 0px;
}
.nas_tip_text {
float: left;
width: 364px;
_height: 63px;
height: 64px;
margin: 0px 0px 0px 5px;
padding: 0px;
border-left: 1px solid #416895;
border-bottom: 1px solid #416895;
border-right: 1px solid #416895;
}

.nas_tip_text p {
margin: 0px;
padding: 7px 5px 0px 5px;
font-size: 0.8em;
color: #416895;
text-align: center;
line-height: 1.3em;
font-weight: bold;
}
.nas_tip_text ul {
list-style-type: none;
margin: 0px 3px;
padding: 8px 0px 0px 0px;
text-align: left;
}
.nas_tip_text li {
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
text-align: center;
}

.nas_tip_text a {
text-decoration: underline;
color: #416895;
}
.nas_tip_text a:hover {
text-decoration: none;
color: #000000;
}


.nas_tip_vrch {
font-size: 0.8em;
font-weight: bold;
}
.nas_tip_datum {
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 0.8em;
color: #000000;
}



/*--počasi---*/
.vrstva_1_pravy {
float: right;
width: 494px;
margin: 0px;
padding: 0px;
}
.pocasi_nadpis {
margin: 0px 0px 0px 3px;
padding: 0px 0px 1px 8px;
background: #ffeb9c url(images/zluty_pruh.gif) repeat-y top left;
text-align: right;
color: #000000;
}
.pocasi_nadpis a:hover {
text-decoration: none;
color: #af8d0b;
}
.pocasi_nadpis h2 {
float: left;
margin: 0px;
padding: 2px 0px 0px 0px;
font-size: 0.9em;
color: #000000;
}
.pocasi_nadpis h2 a {
text-decoration: none;
color: #000000;
}
.pocasi_nadpis p {
margin: 0px 127px 0px 0px;
padding: 2px 0px 0px 0px;
font-size: 0.8em;
color: #8d6103;
}
.pocasi_nadpis p a {
text-decoration: underline;
color: #af8d0b;
}
.pocasi_text {
/*display: inline;*/
float: left;
text-align: center;
width: 360px;
height: 64px;
margin: 0px 5px 0px 3px;
padding: 0px;
border-left: 1px solid #ffeb9c;
border-bottom: 1px solid #ffeb9c;
border-right: 1px solid #ffeb9c;
}
.pocasi_text img {
float: left;
margin: 5px 5px 0px 5px;
padding: 0px 10px 0px 0px;
border-right: 1px solid #ffeb9c;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
background: #ffffff;
}
.pocasi_text p {
margin: 0px 10px 0px 0px;
padding: 3px 0px;
font-size: 0.8em;
line-height: 1.4em;
text-align: center;
}

.pocasi_text a:hover  {
text-decoration: none;
color: #000000;
}
.pocasi_text a{
text-decoration: underline;
color: #af8d0b;
}
.predpoved_vyrazne {
font-weight: bold;
color: #af8d0b;
}
.predpoved_normal {
color: #000000;
}

.banner_pravy {
float: left;
width: 120px;
height: 60px;
margin: 3px 0px 0px 0px;
padding: 0px;
}

/*------------spodní část úvodní stránky (od menu dolů)--------------------*/

.spodni_cast {
/*width: 750px;*/
margin: 3px auto 0px auto;
padding: 0px;
text-align: left;
min-height: 970px;
_height: 980px;
}
.left-wrap {
  float: left;
  width: 735px;
}
/*---leva část----*/
.leva_cast {
float: right;
width: 475px;
margin: 0px;
padding: 0px;
}

/*---prava část----*/
.prava_cast {
  float: right;
  width: 250px;
  margin: 0;
  padding: 0;
}

.left-box {
  float: left;
  width: 250px;
}

/*-------------------------------------*/

/*---hlavni menu----*/
.hlavni_menu_zvyraznit a {
padding: 2px 3px;
border: 1px solid #cacaca;
}

.menu_obal {
width: 468px;
margin: 0px;
padding: 0px;
border: 3px solid #d5e8fe;
}
.menu_obal a {
text-decoration: underline;
color: #416895;
font-size: 0.9em;
font-weight: bold;
}
.menu_obal a.red {color: red;}
.menu_obal a:hover {
text-decoration: none;
color: #000000;
}

.menu_leva_polovina {
float: left;
width: 231px;
margin: 0px;
padding: 0px;
}
.menu_nadpis {
margin: 0px;
padding: 0px;
background: url(images/svetle_modry_menu.jpg) repeat-y;
}
.menu_nadpis h2 {
margin: 0px;
padding: 1px 0px 2px 5px;
font-size: 0.9em;
text-align: left;
color: #000000;
}
.menu_1 {
float: left;
width: 135px;
margin: 0px;
padding: 10px 0px 2px 5px;
line-height: 1.3em;
}
.menu_2 {
float: left;
width: 90px;
margin: 0px;
padding: 10px 0px 2px 0px;
line-height: 1.3em;
}
.menu_3 {
float: left;
width: 105px;
margin: 0px;
padding: 8px 0px 2px 0px;
line-height: 1.3em;
}
.menu_4 {
float: left;
width: 120px;
margin: 0px;
padding: 8px 0px 2px 0px;
line-height: 1.3em;
}
.menu_prava_polovina {
float: left;
width: 225px;
margin: 0px;
padding: 0px;
}
/*---zpravodajstvi------*/

.zpravodajstvi_obal {
_height: 185px;
min-height: 188px;
margin: 0 0 4px 0;
padding: 0px;
border: 1px solid #faa894;
}
.zpravodajstvi_obal.jidla {_height: 100px; min-height: 100px;}
.zpravodajstvi_obal ul {
margin: 0px;
padding: 2px 0px 4px 23px;
color: #bd6b57;
font-size: 0.9em
}
.zpravodajstvi_obal.dnes_se_hraje ul {color: #ffc466; margin: 6px 0 0 0;}
.zpravodajstvi_obal li {
margin: 0px;
padding: 4px 10px 4px 0px;
*padding: 2px 10px 2px 0px;
}

.zpravodajstvi_obal.dnes_se_hraje .forum  {font-size: 0.8em; padding: 4px;}
/*.zpravodajstvi_obal.dnes_se_hraje.forum p {text-align: right; margin: 0 0 5px 0; padding: 0;}*/
.zpravodajstvi_obal.dnes_se_hraje .forum h3 {font-size: 1em; margin: 10px 0 0 0; padding: 0;}
.zpravodajstvi_obal.dnes_se_hraje .forum h3 a {color: #000000; text-decoration: underline;}
.zpravodajstvi_obal.dnes_se_hraje .forum h3 a:hover {color: #bd6b57;}


.zpravodajstvi_obal li a {
text-decoration: underline;
color: #000000;
}
.zpravodajstvi_obal li a:hover {
text-decoration: none;
color: #bd6b57;
}



.zpravodajstvi_obal p, .fotookenko_obal p {
margin: 8px 0 0 0;
padding: 0px 10px 10px 0px;
color: #545454;
font-size: 0.75em;
text-align: left;
}
.zpravodajstvi_obal p a, .fotookenko_obal p a  {
text-decoration: underline;
color: #bd6b57;
}
.zpravodajstvi_obal p a:hover, .fotookenko_obal p a:hover {
text-decoration: none;
}




.zpravodajstvi_nadpis, .fotookenko_nadpis {margin: 0px;padding: 0px;}
.zpravodajstvi_nadpis {background: #fcc8bb url(images/cerveny_pruh.jpg) repeat-y;}
.zpravodajstvi_obal.dnes_se_hraje .zpravodajstvi_nadpis {background: #ffffff url(images/oranzovy_pruh.jpg) repeat-y;}
.fotookenko_nadpis {background: #ffffff url(images/azurove_modry_pruh.jpg) repeat-y;}

.zpravodajstvi_nadpis h2, .fotookenko_nadpis h2, .zpravodajstvi_nadpis p.indexh {
float: left;
margin: 0px;
padding: 2px 0px 1px 5px;
font-size: 0.9em;
color: #000000;
font-weight: bold;
text-decoration: none;
color: #000000;
}
.zpravodajstvi_nadpis h2 a, .zpravodajstvi_nadpis p.indexh a, .fotookenko_nadpis a {
text-decoration: none;
color: #000000;
}
.zpravodajstvi_nadpis h2 a.red {color: red;}
.zpravodajstvi_nadpis h2 a:hover, .zpravodajstvi_nadpis p.indexh a:hover, .fotookenko_nadpis a:hover {
text-decoration: none;
color: #bd6b57;
}
.zpravodajstvi_nadpis p, .fotookenko_nadpis p {
margin: 0px;
padding: 1px 5px 1px 0px;
font-size: 0.8em;
color: #bd6b57;
float: right;
}
.fotookenko_nadpis p {color: #0068a0;}
.zpravodajstvi_nadpis p a {text-decoration: underline;color: #bd6b57;}
.fotookenko_nadpis p a {text-decoration: underline;color: #0068a0;}

.fotookenko_obal {
/*min-height: 185px;
_height: 185px;*/
margin: 0 0 5px 0;
padding: 0px;
border: 1px solid #4ec1ff;
}

.zpravodajstvi_obal.dnes_se_hraje {
min-height: 150px;
_height: 150px;
margin: 0px;
padding: 0px;
border: 1px solid #ffad42;
}

.fotookenko_obal h3 {text-align: center; margin: 4px 0; padding: 0;}
.fotookenko_obal h3 a {
color: #000000;
font-size: 0.7em;
text-decoration: none;
margin: 0;
padding: 0;
}

.fotookenko_obal h3 a:hover {
text-decoration: underline;
}
.fotookenko_obal .small {font-size: 0.6em;}


/*----- popup nahled inzeratu ----*/
.show_popup {
  display: block;
  position: relative;
  cursor: pointer;
  /*z-index: 10;*/
}
.show_popup .popup {
  display: block;
  cursor: pointer;
  position: absolute;top: 15px; left: 25px;
  color: #494949;
  font-size: 0.9em;
  background-color: #ffffff;
  border: 1px solid #6094b3;
  width: 180px;
  _width: 200px;
  visibility: hidden;  
  padding: 10px;
  z-index: 150;
}

.show_popup.Hover .popup,
.show_popup:hover .popup {
	visibility: visible;
}

/*použití hover.htc scriptu pro správné chování ie*/
.show_popup {
	behavior: url('http://www.hradeckralove.cz/hover.htc');
}

/*--------banner-velky-spodni-------*/


.banner_velky_spodni {
width: 468px;
height: 60px;
margin: 5px 0px;
padding: 0px;
}

/*--------reklamni-sdeleni-------*/

.reklamni_sdeleni_obal {
width: 468px;
_height: 285px;
min-height: 273px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 10px 0px;
border: 1px solid #9bdb83;
}
.reklamni_sdeleni_obal h2, .reklamni_sdeleni_obal p.indexh {
margin: 0px;
padding: 2px 0px 2px 5px;
font-size: 0.9em;
color: #000000;
background: #9bdb83 url(images/zeleny_pruh.jpg) repeat-y;
}
.reklamni_sdeleni_obal h3 {
margin: 0px;
padding: 10px 10px 5px 10px;
font-size: 13px;
color: #9bdb83;
}
.reklamni_sdeleni_obal a {
text-decoration: underline;
color: #49663e;
}
.reklamni_sdeleni_obal a:hover {
text-decoration: none;
color: #000000;
}

.reklama_vyska_radku {
overflow: hidden;
height: 82px;
margin: 0px;
padding: 0px;
}

.reklama_vyska_radku p {
margin: 0px;
padding: 2px 10px;
font-size: 13px;
text-align: justify;
}

/*-------zapati----------------------------------------*/

.zapati {
width: 750px;
margin: 15px auto 0px auto;
padding: 0px;
}
.zapati p {
margin: 0px;
padding: 0px;
font-size: 0.7em;
color: #b0b0b0;
text-align: center;
}
.zapati a, .zapati_2 a {
text-decoration: underline;
color: #416895;
}
.zapati a:hover, .zapati_2 a:hover {
text-decoration: none;
color: #000000;
}

.zapati_2 {
width: 750px;
margin: 0px auto;
padding: 0px;
}
.zapati_2 p {
margin: 0px;
padding: 5px 0px 2px 0px;
font-size: 0.7em;
text-align: center;
}

table.jidla {font-size: 0.7em; border: none; padding: 5px;}
table.jidla a {cursor: pointer; color: #000000; text-decoration: underline;}
table.jidla a:hover {cursor: pointer; color: #bd6b57; text-decoration: underline; background-color: #dddddd;}
table.jidla td {border-bottom: 1px solid #d0d0d0; margin: 0 2px; padding: 5px;}
table.jidla td.nazev { width: 190px; text-align: left;}
table.jidla td.cena {width: 45px; text-align: right;}

/*table.jidla*/ 

.zindex1 {z-index:1;}
.zindex2 {z-index:2;}
.zindex3 {z-index:3;}
.zindex4 {z-index:4;}
.zindex5 {z-index:5;}
.zindex6 {z-index:6;}
.zindex7 {z-index:7;}
.zindex8 {z-index:8;}
.zindex9 {z-index:9;}
.zindex10 {z-index:10;}
                                