/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body, html {
  text-align: center;
  font-family: Arial, Helvetica,Arial,sans-serif;
  background: url(../grafika/bg3.jpg) repeat left top;
  background-color: white;
}

#page {
  width: 920px;
  margin: 10px auto;
  text-align: left;
  background: white url(../grafika/side_shadow.jpg) repeat-y left top;
}


#container {
  width: 900px;
  margin-left: 10px;
  padding-top: 137px;
  background: url(../grafika/container_bg.jpg) repeat-y center bottom;
}

h1 {
  font-size: 70%;
  padding-bottom: 20px;
  position: absolute;
  top: 157px;
  margin-left: 240px;
  color: white;
  width: 440px;
  z-index: 50;
}


/* left content */

#left_content {
  float: left;
  width: 700px;
  background-color: transparent;

}

#left_menu_content {
  float: left;
  width: 200px;
  background-color: transparent;
  
}

#left_block_menu {
  width: 200px;
  vertical-align: top;
  margin-bottom: 10px;
}

#left_block_menu .head_block {
  color: white;
  background: rgb(80,80,80) url(../grafika/napdis_text.jpg) repeat-x left top;
}

#left_block_menu .head_block h2 {
  font-size: 70%;
  padding: 10px 0 20px 25px;
  border-bottom: 1px solid white;
}

* html #left_block_menu .head_block h2 {
  padding: 6px 0 20px 25px 
}


#left_block_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#b_program #left_block_menu .u_program a,
#b_relacie #left_block_menu .u_relacie a,
#b_zamestnanci #left_block_menu .u_zamestnanci a {
  background: rgb(0,0,0) url(../grafika/left_bg_black.jpg) no-repeat left center;
}

#b_program #left_block_menu .u_program a:hover,
#b_relacie #left_block_menu .u_relacie a:hover,
#b_zamestnanci #left_block_menu .u_zamestnanci a:hover {
  background-position: right center;
}

#left_block_menu ul a {
  font-size: 11px;
  font-weight: bold;
  display: block;
  width: 200px;
  height: 23px;
  line-height: 22px;
  color: white;
  text-decoration: none;
  text-indent: 25px;
  background: rgb(160,0,0) url(../grafika/left_menu_bg.jpg) no-repeat left top;
  padding: 0;
  border-bottom: 1px solid white;
}

* html #left_block_menu ul a {
  height: 23px;
  line-height: 23px;
}

#left_block_menu ul a:hover {
  background: rgb(180,0,0) url(../grafika/left_menu_bg.jpg) no-repeat right top;
  color: white;
  text-decoration: underline;
}

/* text_content*/

#text_content {
  width: 500px;
  float: right;
  min-height: 300px;
}

#text_content #nadpis {
  width: 498px;
  height: 44px;
  position: relative;
  margin: 0 1px 0 1px;
  background: rgb(80,80,80) url(../grafika/napdis_text.jpg) repeat-x left top;
  border-bottom: 1px solid white;
}

* html #text_content #nadpis {
  height: 45px; 
}

#text {
  width: 470px;
  position: relative;
  margin: 0 15px 4em 15px;
  font-size: 14px;
  line-height: 1.5em;
  min-height: 300px;
}

#text h2 {
  padding: 10px 0 15px 40px;
  background: url(../grafika/h2_bg.jpg) 0 13px no-repeat ;
  color: rgb(153,0,0);
}

* html #text h2 {
  font-size: 150%; 
}

#text p {
  font-size: 14px;
  line-height: 1.5em;
  padding-bottom: 20px;
}

#right_content {
  float: right;
  width: 200px;
}

/* footer */

#footer {
  width: 900px;
  height: 60px;
  text-align: center;
  clear: both;
  background: silver url(../grafika/footer_bg.jpg) no-repeat center bottom;
}

#dawn_shadow {
  width: 920px;
  height: 5px;
  position: absolute;
  margin-bottom: -15px;
  margin-left: -10px;
  background: url(../grafika/dolni_stin.jpg) no-repeat center bottom;
}

* html #dawn_shadow {
  height: 5px;
  position: absolute;
  margin-bottom: 15px; 
  text-align: left;
  background-position: center top;
}

#footer h4 {
  font-size: 100%;
  text-align: right;
  color: rgb(224,224,224);
  width: 470px;
  position: absolute;
  margin-left: 215px;
  margin-top: -20px;
}

* html #footer h4 {
  margin-left: 65px; 
}

#footer a {
  text-decoration: none;
  color: rgb(228,228,228);
}

#footer a:hover {
  color: rgb(215,215,215);
}

#div_footer {
  margin: 0px auto;
  width: 600px;
  text-align: center;
  font-size: 10px;
  color: gray;
  line-height: 2em;
  padding-top: 5px;
}

#div_footer a{
  color: gray;
  padding: 0 20px;
  border-left: 1px solid white
}

#div_footer a:hover{
  color: red;
}

#div_footer .kontakt{
  border-right: 1px solid white;
}

#div_footer strong a{
  color: gray;
  border: none; 
  padding: 0;
  text-decoration: none; 
}

#div_footer strong a:hover{
  color: rgb(0,204,255);
}

/* head */

#head {
  width: 900px;
  height: 70px;
  position: absolute;
  top: 15px;
  background-color: white;
  margin-left: 10px;
}

#upshadow {
  background: url(../grafika/horni_stin.jpg) no-repeat center top;
  position: absolute;
  top: 10px;
  width: 920px;
  height: 5px;

}

#head_reklama {
  position: absolute;
  width: 470px;
  height: 62px;
  margin-left: 430px;
  margin-top: 5px;
}

#logo {
  text-decoration: none;
  display: block;
  width: 181px;
  height: 81px;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 20px;
  margin-left: 10px;
  z-index: 15;
}

#logo span {
  width: 163px;
  height: 66px;
  position: absolute;
  top: -1px;
  margin-left: 0px;
  z-index: 5;
  display: block;
  font-weight: bolder;
  background: url(../grafika/logo.jpg) no-repeat;
}

#logo strong {
  position: absolute;
  top: 15px;
  color: black;
  font-size: 10px;
  text-decoration: underline;
  padding-left: 5px;
}

#logo:hover strong {
  text-decoration: none;
  color: rgb(160,0,0);
}


/* menu */

#menu {
  width: 900px;
  height: 40px;
  margin-left: 10px;
  position: absolute;
  top: 106px;
  background: rgb(80,80,80) url(../grafika/menu_bg.jpg) repeat-x left top;
}

#menu ul {
  margin: 0;
}

#menu ul li {
  list-style: none;
  float: right;
  text-align: center;
  width: 150px;
}

#menu ul li .h_kontakt {
  background: rgb(160,0,0) url(../grafika/horizontal_bg_kontakt.jpg) no-repeat left center;
}

#menu ul li .h_kontakt:hover {
  background-position: center center;
}

#b_kontakt #menu ul li .h_kontakt {
  background-position: right center;
}

#menu ul li a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 8px 0 8px 0;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  background: rgb(160,0,0) url(../grafika/horizontal_bg.jpg) no-repeat left center;
}

#menu ul li a:hover {
  text-decoration: none;
  color: white;
  background-position: center center;
}

#home .h_itv_home,
#b_zamestnanci .h_onas,
#b_program .h_program,
#b_relacie .h_relacie,
#b_reklama .h_reklama {
  background-position: right center;
}

/* info content*/

#info_content {
  position: absolute;
  top: 85px;
  width: 900px;
  margin-left: 10px;
  background: rgb(80,80,80) url(../grafika/info_bg1.jpg) no-repeat center;
  color: white;
  font-size: 11px;
  line-height: 20px;
}

#meniny {
  float: right;
  padding-right: 30px;
}

#datum {
  float: right;  
  padding-right: 30px;
}

#Clock {
  float: right;
  color: white;
}

#oblibena {
  float: right;
  color: white;
  padding-left: 30px;
  padding-right: 10px;
}

#oblibena a {
  color: white;
}

#oblibena a:hover {
  color: rgb(224,224,224);
}

/* form_napiste */

#right_content #form_napiste {
  vertical-align: top;
  width: 199px;
  background: rgb(80,80,80) url(../grafika/form_napiste_bg.jpg) no-repeat center center;
  border-left: 1px solid silver;
  border-bottom: 1px solid silver;
}

#right_content #form_napiste #form_napiste_nadpis p {
  font-size: 12px;
  color: white;
  padding: 5px 5px;
  border-top: 1px solid silver;
}

#right_content #form_napiste label {
  font-size: 12px;
  padding-left: 5px;
  width: 70px;
  color: white;
  font-weight: bold;
}

#right_content #form_napiste input {
  width: 100px;
  font-size: 10px;
  margin: 5px 0 0 5px;
}

#right_content #form_napiste textarea {
  width: 190px;
  height: 100px;
  margin: 5px 0 0 5px;
}

#right_content #form_napiste .submit {
  width: 70px;
  margin: 10px 5px;
}

#right_content #form_napiste .reset {
  width: 70px;
  margin: 10px 5px; 
}

#right_content .right_head_block {
  color: white;
  background: rgb(80,80,80) url(../grafika/napdis_text.jpg) repeat-x left top;
  border-bottom: 1px solid white;
}

#right_content .right_head_block h2 {
  font-size: 70%;
  padding-top: 10px;
  padding-bottom: 20px;
  text-indent: 40px;
}

* html #right_content .right_head_block h2 {
  padding-top: 6px;
  padding-bottom: 20px; 
}

#right_block_menu {
  width: 200px;
  vertical-align: top;
  margin-bottom: 10px;
}

#right_block_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


#right_block_menu ul a {
  font-size: 11px;
  font-weight: bold;
  display: block;
  width: 200px;
  height: 23px;
  line-height: 22px;
  color: white;
  text-decoration: none;
  text-indent: 40px;
  background: rgb(160,0,0) url(../grafika/right_menu_bg.jpg) no-repeat left top;
  padding: 0;
  border-bottom: 1px solid white;
}

* html #right_block_menu ul a {
  height: 23px;
  line-height: 23px;
}


#right_block_menu ul a:hover {
  background-position: right top;
  color: white;
  background-color: rgb(180,0,0);
}

/* reklama */

#reklama_right {
  margin-bottom: 10px;
}

#text #x_reklama {
  font-size: 10px;
}

/* head_index_image*/

#head_index_div {
  width: 470px;
  height: 248px;
  background: url(../grafika/head_index.jpg) no-repeat center;
}

.head_index_img1 {
  width: 155px;
  height: 123px;
  float: left;
  margin-bottom: 2px;
}
.head_index_img2 {
  width: 156px;
  height: 123px;
  float: left;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
}
.head_index_img3 {
  width: 155px;
  height: 123px;
  float: left;
  margin-bottom: 2px;
}
.head_index_img4 {
  width: 155px;
  height: 123px;
  float: left;
}
.head_index_img5 {
  width: 156px;
  height: 123px;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}
.head_index_img6 {
  width: 155px;
  height: 123px;
  float: left;
}

/*KONTAKT*/
#text .text_kontakt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 300px;
}

#text .text_kontakt .kontakt_nadpis {
  font-size: 14px;
}

#text .text_kontakt .kontakt_levy {
  color: gray;
}

#text .text_kontakt .kontakt_pravy {
  color: rgb(102,0,0);
}

/* reklama cenik*/

#b_reklama .p_reklama {
  margin: 10px 0;
}

.cnadpis_table {
  width: 470px;
  border-collapse: collapse;
  margin-bottom: 5px;
}

.cnadpis_td {
  background: rgb(153,0,0) url(../grafika/title_table.jpg) no-repeat center top;
  width: 155px;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px;
  color: white;
}

.cenik_table {
  width: 470px;
  border-collapse: collapse;
  margin-bottom: 10px;
  background: rgb(176,176,176) url(../grafika/bg_table_reklama3.jpg) no-repeat center top;
}

.cenik_table td {
  width: 155px;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px;
  border: 1px 
}

/*program*/

.pr_table {
  width: 470px;
  font-size: 14px;
  margin-top: 10px;
}

.pr_hodina {
  vertical-align: top;
  width: 100px;
  font-weight: bold;
  padding-left: 10px;
}

.pr_relace {
  font-weight: bold;
}

/*video*/

#video_content {
  width: 470px;
  height: 360px;
}

#video_video {
  float: left;
  width: 382px;
  background-color: black;
}

#video_stahnout h3 {
  font-size: 70%;
}

#video_stahnout {
  float: right;
  width: 82px;
}

#video_stahnout p {
  font-size: 10px;
}

#video_stahnout .pstahnout {
  margin-top: 5px;
}

#video_stahnout a {
  color: rgb(153,0,0);
  font-size: 10px;
  font-weight: bold;
}

#video_stahnout a:hover {
  color: gray;
}

#video_content embed {
  width: 380px;
  height: 360px;
  margin-top: 1px;
  margin-left: 1px;
}

*html #video_content embed{
  width: 380px;
  height: 360px;
  margin-top: 1px;
  margin-left: 1px;
}

/*zamestnanci*/

#z_table {
  width: 470px;
  font-size: 13px;
}

#z_table .z_otazka {
  width: 130px;
  vertical-align: top;
  padding-top: 5px;
  padding-right: 10px;
  font-weight: bold;
  text-align: right;
}

#z_table .z_odpoved {
  padding-top: 5px;
}

/*inzeraty*/

#inzeraty_table {
  width: 470px;
  font-size: 12px;
  border-bottom: 1px solid silver;
  margin-bottom: 10px;
}

#inzeraty_table .inzeraty_text {
  padding-bottom: 5px;
}