body {color:white; margin: 0; padding: 0; font: 76% georgia; text-align: center; background-color: black;}

div#page {width: 980px; margin: 0 auto; text-align: left;}

div#top {margin-top: 10px; height: 100px; width: auto; background: url('../obr/upper_shape.gif') no-repeat;}
div#top img {border:none;}
div#top .zona24 {float:left; margin-left:18px; margin-top:16px;}
div#top .sport-zona {float:left; margin-left:18px; margin-top:35px;}
div#top .business-zona {float:left; margin-left:18px; margin-top:30px;}
div#top .art-zona {float:left; margin-left:18px; margin-top:30px;}
div#top .report-zona {float:left; margin-left:18px; margin-top:35px;}
div#top .videokatalog-firem {float:left; margin-left:18px; margin-top:35px;}

div#obal {z-index:1; float:left; width:100%;}

div#banner2 {clear:right; float:right; text-align:right; margin-top:20px; margin-right:20px;}

div#pozadi {z-index:1; width: 100%; color: white;}

div#sloupec_left {text-align: left; width: 660px; color: white;}
div#sloupec_left .kategorie {margin-top:5px;}
div#sloupec_left .kategorie a {color:#ff6600; text-decoration: none;}
div#sloupec_left .kategorie a:hover {text-decoration: underline;}
div#sloupec_left .video_hlavicka {height: 85px;}
div#sloupec_left .video_hlavicka h1 {margin-left:10px; font-size:22px;}
div#sloupec_left .vlozit_video {margin-bottom: 5px;}
div#sloupec_left .vlozit_video a {float:right; margin-right: 10px; font-size:17px; color:#ff6600; text-decoration: none;}
div#sloupec_left .vlozit_video a:hover {float:right; margin-right: 10px; color:#ff6600; text-decoration: underline;}
div#sloupec_left .video_popis_kratky {margin-left: 10px; float:left;}
div#sloupec_left .video_zhlednuto {clear:right; float: right; margin-right: 10px;}
div#sloupec_left .video_prehravac {height:440px; background: url('../obr/player_background.gif') repeat-y; padding: 10px 10px 10px 10px;}
div#sloupec_left .video_prehravac .video_vlozil {margin-top: 10px; width: 500px; float:left; font-weight:bold; color: black;}
div#sloupec_left .video_prehravac .video_vlozil a {display:inline; font-weight:bold; color: white; text-decoration: none}
div#sloupec_left .video_prehravac .video_vlozil a:hover{display:inline; font-weight:bold; color: white; text-decoration: underline}
div#sloupec_left .video_prehravac .popis_dlouhy {font-weight:normal; margin-top:5px; float:left; width: 450px;}
div#sloupec_left .video_prehravac .popis_dlouhy a {font-weight:normal; text-decoration: none;}
div#sloupec_left .video_prehravac .popis_dlouhy a:hover {font-weight:normal; text-decoration: none;}
div#sloupec_left .video_prehravac #video_hodnoceni {margin-top: 10px; float: right; text-align: right;}
div#sloupec_left .video_prehravac #video_hodnoceni a {color:white; font-weight:normal; text-decoration: none;}
div#sloupec_left .video_prehravac #video_hodnoceni a:hover {font-weight:normal; text-decoration: underline;}
div#sloupec_left .video_prehravac #video_doporucit {margin-top: 10px; float: right; text-align: right;}
div#sloupec_left .video_prehravac #video_doporucit a {color:white; font-weight:normal; text-decoration: none;}
div#sloupec_left .video_prehravac #video_doporucit a:hover {font-weight:normal; text-decoration: underline;}
div#sloupec_left .video_prehravac #fbicon {clear:right; float:right; cursor:pointer;}
div#sloupec_left .video_paticka .video_tagy {clear: right; float: right; text-align: right; margin-top:5px;}
div#sloupec_left .video_paticka .video_tagy a {color:#ff6600; text-decoration: none;}
div#sloupec_left .video_paticka .video_tagy a:hover {text-decoration: underline;}


div#right_change {z-index:1; margin-top:10px; float:left; width: 317px; height:600px; margin-left:-319px;}
div#sloupec_right {margin-top:10px; float:left; width: 317px; height:600px;}
div#sloupec_right .table_right {color: white; padding-left: 1em; padding-top: 1em; padding-bottom: 1em; border-bottom: 3px solid black;}
div#sloupec_right div.table_right:hover {background: gray;}
div#sloupec_right .table_right img {float: left; margin: 0 1em 0 0; width: 112px; height: 70px; border: 3px solid black;}
div#sloupec_right .table_right .eye {display:inline; float:right; margin-top:-6px; width: 24px; height: 20px; border: 0px;}
div#sloupec_right .table_right h2 {font-size:11.3px; margin:0; padding: 0 0 10px 0;}
div#sloupec_right .table_right a {font-size:11.3px; color:#ff6600; text-decoration: none;}
div#sloupec_right .table_right a:hover {text-decoration: underline;}
div#sloupec_right div#obsah_right {height:520px; margin-top: 20px; margin-bottom: 5px; background: url('../obr/right_panel_grey.gif') repeat-y;}
div#sloupec_right #pager {text-align: center;}


div#bottom {clear:both; margin-top: 0px; width: 980px; height: 160px; background: url('../obr/upper_shape.gif') repeat-y;}
div#bottom .table_bottom {float: left; margin-top: 10px; margin-left: 25px; width: 150px; text-align: center;}
div#bottom .table_bottom img {margin-top: 1em; width: 112px; height: 70px; border: 3px solid black;}
div#bottom .table_bottom h2 {font-size:11.3px; margin:0; padding: 0 0 0px 0;}
div#bottom .table_bottom a {color:#ff6600; text-decoration: none;}
div#bottom .table_bottom a:hover {text-decoration: underline;}
div#bottom div.table_bottom:hover {background: gray;}
div#bottom div.Pager a {float: left; margin-top:30px; margin-left: 5px; text-align: center; color:white; font-weight: bold; font-size: 50px;}
div#bottom .table_bottom ul.hodnoceni-hvezdami {margin-left:15px;}
div#bottom div.pager_left {display:block; border:none; float: left; width:35px; height:5px;}



div#small_odkazy {clear:both; text-align:center; height: 20px; background: url('../obr/upper_shape.gif') no-repeat;}
div#small_odkazy a {color:#ff6600; text-decoration: none;}
div#small_odkazy a:hover {text-decoration: underline;}

div#paticka {clear:both; height: 35px; background: url('../obr/upper_shape.gif') no-repeat;}
div#paticka a {color:#ff6600; text-decoration: none;}
div#paticka a:hover {text-decoration: underline;}

div#menu1 {clear:both; margin-top: 10px;}
div#menu1_obal {height: 26px; background: url('../obr/menu_panel.gif') no-repeat; float:left; width:100%;}

table td {text-align:left;}
table.sms td {text-align:center;}
table .nadpis {color:#ff6600; font-weight: bold;}
table .popis {color:white;}
table .c {text-align:center;}

/* INDEX_ADMIN */
div#admin_menu a {text-decoration: none; color:#ff6600;}
div#admin_menu a:hover {text-decoration: underline; color:white;}
div#admin_menu .marked {text-decoration: underline; color:white;}
div#admin_menu .new_posta {text-decoration: underline; color:yellow;}

/* Tooltip */
.tooltip-style {border: solid #ff6600 3px; background: url('../obr/upper_shape.gif'); padding: 4px; color: white;}

div.pruh {clear: both; height: 10px; background: url('../obr/menu_panel.gif') no-repeat;}
div.pruh_black_top {clear: both; height: 10px; background: url('../obr/menu_panel.gif') no-repeat; border-top:10px solid black;}
div.pruh_black_bottom {clear: both; height: 10px; background: url('../obr/menu_panel.gif') no-repeat; border-bottom:10px solid black;}

/* INDEX_INFO & INDEX_ADMIN*/
div#obsah {padding-left:10px; background: url('../obr/upper_shape.gif') repeat-y; height: auto;}
div#obsah a {color:#ff6600; text-decoration: none;}
div#obsah a:hover {text-decoration: underline; color:white;}
div#obsah h1 {text-align: center; font-size:25px;}
div#obsah h2 {text-align: center; font-size:15px;}
div#obsah .polozka {/*background:#ff5500;*/ text-align: left; padding: 10px; border: 1px dashed black;}
div#obsah .polozka_region {/*background:#ff5500;*/ text-align: center; padding: 10px; border: 1px dashed black;}
.polozka_main a {font-size:19px;}
div#obsah .polozka a {color: white; text-decoration: none;}
div#obsah .polozka a:hover{text-decoration: underline;}
div#obsah .polozka_selected {text-align: center; padding: 10px; border: 1px dashed black;}
div#obsah .polozka_selected a {font-weight:bold; font-size:18px; color:#ff6600; text-decoration: none;}
div#obsah .polozka_selected a:hover{text-decoration: underline;}
div#obsah .polozka a.region {padding-left:10px;}
div#obsah .sluzby_marked {color:white; text-decoration:underline;}

div#obsah div.ukazky_table {text-align:left;margin-top:3px; border:3px solid black; width:309px; height:100px;}
div#obsah div.ukazky_table div.s1 {float:left; width:150px; height:100px;}
div#obsah div.ukazky_table div.s2 {clear:right; float:right; padding-left:5px; border-left:3px solid black; width:150px; height:100px;}
div#obsah div.ukazky_table img {width: 112px; height: 70px; border: 3px solid black; margin-left:17px; margin-top:6px;}
div#obsah div.ukazky_table a {margin-left:55px;}

div#obsah div.ukazky_table_one {text-align:left;margin-top:3px; border:3px solid black; width:150px; height:100px;}
div#obsah div.ukazky_table_one div.s1 {float:left; width:150px; height:100px;}
div#obsah div.ukazky_table_one div.s2 {clear:right; float:right; padding-left:5px; border-left:3px solid black; width:150px; height:100px;}
div#obsah div.ukazky_table_one img {width: 112px; height: 70px; border: 3px solid black; margin-left:17px; margin-top:6px;}
div#obsah div.ukazky_table_one a {margin-left:55px;}

.chyba {color:red; text-align:center; font-size: 150%;}
div#obsah .marked {text-decoration: underline; color:white;}
div#obsah form {color:white;}
div#obsah input {border: 1px solid black;}
div#obsah input:hover {border: 1px solid #ff6600;}
div#obsah input:focus {border: 1px solid #ff6600;}
div#obsah textarea {border: 1px solid black;}
div#obsah textarea:hover {border: 1px solid #ff6600;}
div#obsah textarea:focus {border: 1px solid #ff6600;}

div.text_left{text-align: left; padding-left:200px; padding-right:200px; padding-bottom:10px;}
div.text_justify{text-align: justify; padding-left:200px; padding-right:200px; padding-bottom:10px;}

div.clanek{clear: both; text-align: justify; padding-left:200px; padding-right:200px; padding-bottom:10px; padding-top:5px;}

/* Registrace */
.registrace .title {background: #ff6600; text-align:center; font-weight: bold;}
.registrace .mandatory {background: #99ffff;}
.nahled {width:400px;}

.text_number{font: 95% arial; display: inline; }
.red{color:red;}
.nahravani_videa_podminky{text-align:justify; font-size:11px; margin-left:200px; margin-right:200px;}

/*PAGER*/
.Pager {font-size: 150%; color: #ff6600; text-align: center;}
.Pager a {color: #ff6600; text-decoration: none;}
.Pager a:hover {color: #ff6600; text-decoration: underline;}
.Pager_numbers {color: #ff6600;}
.Pager_current {color: white;}
.Pager_first {color: #ff6600;}
.Pager_last {color: #ff6600; }
.Pager_next {color: #ff6600;}
.Pager_prev {color: #ff6600;}

/* Clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {clear: both; height: 0; display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both; height: 1px; border: none; visibility: hidden;}

/* INDEX_KATALOG*/
div#katalog {background: url('../obr/upper_shape.gif');}
div#katalog div#obsah {float:left; width:690px;}
div#katalog div#sponzor_odkaz{float:right; text-align:center;}
div#katalog div#sponzor_odkaz img {width: 92px; height: 67px;}
div#katalog img {width: 92px; height: 67px;}

/*---------- bubble tooltip -----------*/
a.tt {z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none;}
div#sloupec_right .table_right a.tt:hover {text-decoration:none;}
div#bottom .table_bottom a.tt:hover {text-decoration:none;}
a.tt span{display: none; text-decoration:none;}
a.tt:hover{z-index:25; color: #aaaaff;}	
a.tt:hover span.tooltip{display:block; z-index:25; position:absolute; padding: 15px 0 0 0; width:165px; color: #993300; text-align: center; /*filter: alpha(opacity=90);*/ opacity: 0.90;}
a.tt:hover span.top{display: block; padding: 30px 8px 0; background: url('../obr/bubble.gif') no-repeat top;}
a.tt:hover span.middle{display: block; padding: 0 8px; background: url('../obr/bubble_filler.gif') repeat bottom;}
a.tt:hover span.bottom{display: block; padding:3px 8px 10px; color: #548912; background: url('../obr/bubble.gif') no-repeat bottom;}

/*---------- bubble tooltip big -----------*/
a.tt2 {z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none;}
a.tt2 span{display: none; text-decoration:none;}
a.tt2:hover{z-index:25; color: #aaaaff;}
a.tt2:hover span.tooltip{display:block; z-index:25; position:absolute; padding: 15px 0 0 0; width:515px; color: #993300; text-align: center; /*filter: alpha(opacity=90);*/ opacity: 0.90;}
a.tt2:hover span.top{display: block; padding: 30px 8px 0; background: url('../obr/bubble_big.gif') no-repeat top;}
a.tt2:hover span.middle{display: block; padding: 0 8px; background: url('../obr/bubble_filler_big.gif') repeat bottom;}
a.tt2:hover span.bottom{display: block; padding:3px 8px 10px; color: #548912; background: url('../obr/bubble_big.gif') no-repeat bottom;}

/* Tagy + hledani tabulka */
div.tags {margin-top:3px; border:3px solid black; width:670px; height:100px;}
div.tags div.s1 {float:left; width:150px; height:100px;}
div.tags div.s2 {clear:right; float:left; width:300px; height:100px;}
div.tags div.s3 {clear:right; float:right; text-align:left; padding-left:5px; border-left:3px solid black; width:200px; height:100px;}
div.tags:hover {background: gray;}
div.tags div.s1 img {width: 112px; height: 70px; border: 3px solid black; margin-top:12px;}
div.tags .eye {display:inline; float:right; margin-top:-6px; width: 24px; height: 20px; border: 0px;}
div.tags div.s2 a {font-weight:bold; font-size:20px; text-decoration:none;}
div.seznam_tagu {width: 700px; border:3px solid black; padding: 10px 10px 10px 10px;}
div.seznam_tagu a {padding: 3px 3px 3px 3px;}

/* ohranicene tabulky */
div.text_title {text-align:left; margin-left:380px; margin-right:200px; margin-top:3px; border:3px solid black; width:200px; height:auto;}
div.text_title .nadpis {text-align:center; font-weight:bold; background: #ff6600; border-bottom:3px solid black;}
div.text_title .text {padding-left:5px; padding-bottom:5px; padding-top:5px;}

/* Videokatalog tabulka */
div.videokatalog_table {margin-left:40px; margin-top:3px; border:3px solid black; width:600px; height:100px;}
div.videokatalog_table div.s1 {float:left; width:150px; height:100px;}
div.videokatalog_table div.s2 {position:relative; clear:right; float:left; padding-left:5px; border-left:3px solid black; width:430px; height:100px; text-align:justify;}
div.videokatalog_table div.s3 {clear:right; float:right; text-align:left; padding-left:5px; border-left:3px solid black; width:200px; height:100px;}
div.videokatalog_table div.s2 div {float:right; position:absolute; bottom:0; left:0;}
div.videokatalog_table div.s2 div a {padding-left:5px; font-weight:normal; font-size:11px;}
div.videokatalog_table:hover {background: gray;}
div.videokatalog_table div.s1 img {width: 112px; height: 70px; border: 3px solid black; margin-left:27px; margin-top:8px;}
div.videokatalog_table div.s1 a {margin-left:55px;}
div.videokatalog_table div.s1 button {margin-left:25px; width: 95px; height: 20px;}
div.videokatalog_table div.s2 a {font-weight:bold; font-size:20px; text-decoration:none;}

/* Videokatalog sponzor tabulka */
div.videokatalog_sponzor_table {margin-top:2px; border:2px solid black; width:270px; height:95px;}
div.videokatalog_sponzor_table div.s1 {float:left; width:95px; height:70px;}
div.videokatalog_sponzor_table div.s2 {clear:right; float:left; border-left:2px solid black; width:120px; height:100px; text-align:left; padding-left:5px; font-size:11px;}
div.videokatalog_sponzor_table:hover {background: gray;}
div.videokatalog_sponzor_table div.s1 img {width: 112px; height: 80px; border: 3px solid black;}
div.videokatalog_sponzor_table div.s1 button {width: 93px; height: 20px;}
div.videokatalog_sponzor_table div.s2 a {color:#ff6600; font-weight:bold; font-size:12px; text-decoration:none;}
div.videokatalog_sponzor_table div.s2 a.tt {color:white; font-weight:normal; font-size:11px; text-decoration:none;}
div.videokatalog_sponzor_table div.s2 a.tt:hover {color:white; font-weight:normal; font-size:11px; text-decoration:none;}
div.videokatalog_sponzor_table a {color:#ff6600; text-decoration:none;}
div.videokatalog_sponzor_table a:hover {color:white; text-decoration:underline;}

div.videokatalog_registrace_zde {margin-top:10px; text-align:center; font-size:13px;}

/* Firma */
div#firma_pozadi {width: 100%; height: 100%; color: white;}
div#firma_obal {float:left; width:100%;}
div#firma_sloupec_left {text-align: left; width: 660px; height:auto; position:relative; color: white;}
div#firma_sloupec_left div.popis {text-align: justify; width:640px;}
div#firma_sloupec_left img {height:100px;}

div#firma_sloupec_right {margin-top:10px; float:left; width: 317px; height:650px; margin-left:-319px;}
div#firma_sloupec_right .nadpis {color:#ff6600; font-weight:bold; font-size:17px; text-align:center;}
div#firma_sloupec_right .table_right {color: white; padding-left: 1em; padding-top: 1em; padding-bottom: 1em; border-bottom: 3px solid black;}
div#firma_sloupec_right div.table_right:hover {background: gray;}
div#firma_sloupec_right .table_right img {float: left; margin: 0 1em 0 0; width: 112px; height: 70px; border: 3px solid black;}
div#firma_sloupec_right .table_right .eye {display:inline; float:right; margin-top:-6px; width: 24px; height: 20px; border: 0px;}
div#firma_sloupec_right .table_right hr.clear {clear: both;}
div#firma_sloupec_right .table_right h2 {font-size:11.3px; text-align:left; font-size:13px;margin:0; padding: 0 0 10px 0;}
div#firma_sloupec_right .table_right a {font-size:11.3px; color:#ff6600; text-decoration: none;}
div#firma_sloupec_right .table_right a:hover {text-decoration: underline;}
div#firma_sloupec_right div#obsah_right {height:520px; margin-top: 10px; margin-bottom: 5px; background: url('../obr/right_panel_grey.gif') repeat-y;}
div#firma_sloupec_right #pager {text-align: center;}

span#file_uploaded {font-weight:bold; font-size:15px; text-align:center; display:block;}

div#panel_hledani_videokatalog {height:0px; margin-left:190px;}
div#panel_hledani_videokatalog form {display:inline; height:0px; margin:0px;}
div#panel_hledani_videokatalog input {border: 2px solid black; margin-top:1px; margin-left:40px; background: url('../obr/upper_shape.gif'); color:white;}
div#panel_hledani_videokatalog a {color: #ff6600; text-decoration: none;}

input:hover {border: 2px solid #ff6600; background-color: white;}
input:focus {border: 2px solid #ff6600; background-color: white;}

/* Videokatalog player */
div.overlay {background:url('../obr/overlay/orange.png') no-repeat; padding:40px; width:690px; height:380px; display:none; margin-left:-60px}
div.overlay div.close {background:url('../obr/overlay/close.png') no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer;}
a.player {display:block; width:640px; height:361px;}
div.overlay_email {padding:40px; width:480px; height:380px; display:none; background:url('../obr/overlay/orange.png') no-repeat;}
div.overlay_email div.close {background:url('../obr/overlay/close_doporucit_email.png') no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer;}


.sloupec {float: left; padding-top: 10px; margin-left: 5px; font-size:13px;}

div#reklamni_panel {text-align:center; font-size:14px; font-weight:bold; width:452px; height:45px; background:url('../obr/panel_sluzby.jpg') repeat-y; clear:right; float:right; margin-top:20px; margin-right:0px; padding-top:8px; padding-left:10px; border:3px solid black;}
div#reklamni_panel a {color:white; text-decoration:none;}
div#reklamni_panel a:hover {color:#ff6600; text-decoration:underline;}

.html_kod {color:black; text-align: left; font-style: italic; background: url('../obr/menu_panel.gif'); padding: 10px; border: 1px dashed black;}

/*form {width:600px;}
table {width:100%;}
*/
table tr {
  text-align:left;
}

table tr.title {
  border-width: 3px;
  border-style: solid;  
  border-color: black;
  font-size: 15px;
  font-weight:bold;
  text-align:center;
}

table td.centered {
  text-align:center;
  height:25px;
}

#bottom_lista {clear:both;height:125px; background: url('../obr/upper_shape.gif');}
#bottom_lista .left {float:left;width:400px; padding:10px;}
#bottom_lista .left hr {background-color: gray; border-width: 0px; height: 1px;}
#bottom_lista .left a {text-decoration:none; color:#ff6600;}
#bottom_lista .left a:hover {text-decoration:underline;}

#bottom_lista .center {float:left; width:320px; padding:10px;}
#bottom_lista .center hr {background-color: gray; border-width: 0px; height: 1px;}
#bottom_lista .center a {text-decoration:none; color:#ff6600;}
#bottom_lista .center a:hover {text-decoration:underline;}

#bottom_lista .right {clear:right; float:right; width:200px; padding:10px;}
#bottom_lista .right hr {background-color: gray; border-width: 0px; height: 1px;}

.profil_header h1 {color: #ff6600;}