/* CSS Document */
body{ font-size: 11px;}
#site                                    {margin:0px 2px 0px 0px; padding:0px; position:relative; top:2px; left:2px; text-align:left;}
#middle                                  {float:left;  margin:0px 6px 6px 6px; width:570px; }
#right                                   {float:right; margin-top:0px; width:250px; } 

.clearer                                 {clear:both; height:1px; line-height:1px; font-size: 0px;}
.bluebg                                  {background-color:#245EB2; color:#FFF;}

A, 
A:visited                                {text-decoration:none; color:#245EB2;}
A:hover                                  {text-decoration:underline;}
A:link                                   {color:#245EB2;}

/* LEFTCOL + RIGHTCOL*/
.left-title,
.right-title                                 {color:#FFF; font-size:.9em; line-height:normal; letter-spacing:0px; margin-bottom:1px; padding:6px 5px; }
.right-title                                 {padding:5px 7px;}

.block-border,
.block-noborder                              {background-color:#FFF; border:1px solid #666; margin-bottom:15px; padding:0px;}
.block-noborder                              {border:0px; padding:0px;}

/* SEKCIA */

.sekcia                            {clear:both; }
.sekcia div.datum                  {padding:0px; margin:0px 2px 0px 10px; float:right; text-align:right; }
.sekcia p                          {margin: 5px 0px;}
.sekcia .skupina                  {margin: 2px 0px 0px 0px;}
.sekcia .hodnotenie                {text-decoration:none; padding:0; position:relative; top:2px;}
.sekcia .hodnotenie:hover          {cursor:help; text-decoration:none; }
.sekcia h2                         {font-size:130%;}
.sekcia .perexImage                {float:left; height:100px; margin:1px 10px 10px 1px; width:100px; overflow:hidden;}
.sekcia .perexImage .pereximg      {}
.sekcia .perexImageRight           {float:right; margin:1px 5px 10px 1px; width:150px; overflow:hidden;}
.sekcia .title-article             {margin:0px 0px 5px 0px; padding:0px;}
.sekcia .title-article-vypis       {margin:0px 0px 0px 10px; padding:0px; font-size:100%;}
.sekcia .title-article .date       {color:#333; font-weight:bold; margin:0px; padding:0px; font-size:80%;}

/* END */

/* SEKCIA TV A KULTURA */


.menuPort                        {background-color: rgb(237,237,237); border-top: rgb(178,0,0) 1px solid; border-bottom: rgb(178,0,0) 1px solid; margin-top: 10px; padding:0px; width:100%;  }
.menuPort .menuBlock             {background-color: rgb(237,237,237); border-right: 1px dotted #BBB;}
.menuPort .menuBlock A,
.menuPort .menuBlock A:visited,   
.menuPort .menuBlock A:hover     {color: rgb(204,0,0); font-weight:bold; }
.menuPort .menuBlock             {width: 130px; height: 50px; padding: 5px 0px 0px 0px;  float:left; text-align:center;}

.menuPort .centered              {padding-left:100px;}
.menuPort .noborder              {border:0px;}
.menuPort .relwidth              {width:32%;}

.nopadding                       {padding:0px;}
.bottommargin                    {margin-bottom:5px;}

.right{ float: right;}
.left{ float: left;}

div#middle2{ width: 735px; float: left; padding: 0px 5px 0px 0px}

div.kultura p{ padding: 0px 0px 10px 0px; margin: 0px;}
div.kultura .table td{ padding: 3px;}
div.kultura .table tr.even{ background-color: #eaeaea;}
div.kultura .table tr.odd{ background-color: #fff;}
div.kultura .table tr.nadpis{ background-color:#D9D9D9; font-weight: bold;}
div.kultura h1, div.kultura h4{padding: 0px 0px 10px 0px; margin: 0px;}
div.kultura h1{ font-size: 130%;}
div.kultura h3{ font-size: 120%;}
div.kultura h4{ font-size: 110%;}
div.kultura .bluebg{ width: auto;}

div.menuKultura{
background-color: #000;
padding: 17px 0px 17px 0px; margin: 0px 0px 5px 0px;
clear: both;
text-align: center;
}

div.menuKultura ul{
display: block;
margin: 0px auto;
}

div.menuKultura ul li{
background: url(/images/css/bg-menu-sekcia.gif) right center no-repeat;
list-style-type: none;
display: inline;
padding: 0px 23px 0px 23px
}

div.menuKultura ul li.last{
background: none;
}

div.menuKultura ul li a, div.menuKultura ul li a:visited{
color: #FDFE00;
font-weight: bold;
}

div.kultura h3.bluebg{
clear: both; 
margin:0px; margin-top: 0px; padding: 5px 7px; 
font-size: 1em; 
width:auto;
}

div.kultura .kulturaLeft{
float: left;
width: 435px;
margin: 0px 5px 0px 0px;
}

div.kultura .kulturaRight{
float: left;
width: 295px;
}

body .fotogaleria{
background: url(/images/css/bg-fotogaleria.gif) left center no-repeat;
width: 13px; 
display: block;
padding: 0px; margin: 0px 0px 0px 5px;
}

body .fotogaleria{
background: url(/images/css/bg-fotogaleria.gif) left center no-repeat;
width: 13px; 
display: block;
padding: 0px; margin: 0px 0px 0px 5px;
}

body .videogaleria{
background: url(/images/css/bg-videogaleria.gif) left center no-repeat;
width: 13px;
display: block;
padding: 0px; margin: 0px 0px 0px 5px;
}

a.stanica{
text-decoration: none;
display: block; clear: both; float: left;
color: #999;
margin: 2px 3px 3px 3px; padding: 0px;
}

a.stanica img{
display: block; float: left;
}

a.stanica span{
display: block; float: left;
margin: 4px 0px 0px 8px;
}

/* tvTipy */

div.tvTipy table{
background-color: #d9d9d9;
border-collapse:collapse;
border: 0px;
}

div.tvTipy tr.bgWhite{
background-color: #fff;
padding: 5px 5px 5px 5px;
}

div.tvTipy .even{
background-color: #eaeaea;
}

div.tvTipy tr.image td{
background: url(/images/css/bg-tv-tipy.gif) left top repeat-x;
padding: 0px; margin: 0px;
}

div.tvTipy td{
width: 33%;
padding: 2px 5px 2px 5px;
border-right: 1px solid #fffeff;
}

div.tvTipy .videogaleria, div.tvTipy .fotogaleria{
padding: 0px; margin: 0px;
}

/* tvProgram */

div.tvProgram table{
border-collapse:collapse;
border: 0px;
}

div.tvProgram tr.bgWhite{
background: #fff;
padding: 5px;
border-bottom: 1px solid #EAEAEA;
}

div.tvProgram tr.bgWhite td{
background: #fff;
vertical-align: middle;
border-bottom: 1px solid #EAEAEA;
}

div.tvProgram tr.bgProgressbar{
background: #fff;
}

div.tvProgram tr.bgProgressbar td{
background: #D9D9D9;
padding: 5px;
}

div.tvProgram tr.bgProgressbar td strong{
padding: 0px 0px;
}
div.tvProgram tr.bgGrey td{
background: #D9D9D9;
padding: 0px;
}

div.tvProgram td.casovaKotva{
padding: 0px 10px;
background: none;
color: #CCCCCC;
font-size: 200%;
font-weight: bold;
width: 32px;
}

div.tvProgram small{
color: #999;
clear: both; float: left;
width: 100%;
padding: 3px 0px 3px 0px;
}

div.tvProgram td{
width: 195px;
border-right: 1px solid #fffeff;
background: #eaeaea url(/images/css/bg-program-box.gif) 0px 0px repeat-y;
}
								
div.tvProgram .programBox{
padding: 0px;
clear: both;
width: 200px;
}

div.tvProgram div.cas{
width: 40px;
float: left;
text-align: right;
padding: 3px 4px 3px 0px; margin: 0px;
}

* HTML BODY div.tvProgram div.cas{
width: 32px;
padding: 3px 4px 3px 3px;
}

div.tvProgram div.popis{
width: 140px;
float: left;
padding: 3px 4px 3px 4px; margin: 0px;
}

* HTML BODY div.tvProgram div.popis{
width: 132px;
padding: 3px 0px 3px 7px;
}

div.tvProgram .popis p{
padding: 2px 0px 2px 0px; margin: 0px;
}

/* detail */

div.detail{
clear: both;
padding: 8px; margin: 0px;
}

div.detail .detailDescription{
float: left;
width: 720px;
}

div.detail .detailImg{
float: right;
padding: 0px 0px 0px 10px; margin: 0px;
width: 250px;
}

div.detail .detailImg a.zvacsit{
background: url(/images/css/bg-zvacsit.gif) 0px 1px no-repeat;
padding: 0px 0px 0px 15px;
}

div.detail .detailImg a.odkaz{
display: block;
padding: 0px 0px 5px 0px; margin: 0px;
}

div.detail .detailImg p{
margin: 0px 0px 4px 0px; padding: 0px;
text-align: center;
}

div.detail .detailPopis{
float: left;
margin: 0px; padding: 0px 0px 20px 0px;
clear: both;
}

div.detail .detailPopis dt{
float: left; clear: both;
text-align: right;
width: 60px;
}

div.detail .detailPopis dd{
float: left;
width: 650px;
padding: 0px 0px 0px 10px; margin: 0px;
color: #B20000;
}

div.detail .uvadza{
clear: both;
}

/* tvZoznam */

div.tvZoznam .even{
background-color: #d9d9d9;
}

div.tvZoznam table{
background-color: #eaeaea;
border-collapse:collapse;
border: 0px;
width: 100%;
}

div.tvZoznam td{
width: 33%;
padding: 2px 5px 5px 5px;
border-right: 1px solid #fffeff;
}

div.tvZoznam ul{
list-style: none;
}

div.tvZoznam h2{
color: #454442;
font-size: 100%;
padding: 0px 0px 6px 0px; margin: 4px 0px 4px 0px; 
background: url(/images/css/bg-h2.gif) left bottom repeat-x;
}

div.right-program{
padding: 0px;
}

div.right-program .rightProgram{
background-color: #d9d9d9;
padding: 3px; margin: 0px;
clear: both;
}

div.right-program .rightProgram p{
padding: 0px; margin: 0px;
}

div.left-program{
padding: 0px;
}

div.left-program ul{
padding: 5px; margin: 0px;
background-color: #eaeae8;
}

div.left-program ul li{
background: url(/images/css/bg-li1.gif) left bottom repeat-x;
margin: 0px; padding: 5px 0px 5px 0px;
}

/* tv bar */

div.tv_bar, div.tv_bar form {
padding: 0px; margin: 0px;
position: static;
}

div.tv_bar form p{
padding: 0px; margin: 4px 0px 9px 0px;
}

* HTML BODY div.tv_bar form p{
padding: 0px; margin: 4px 0px 0px 0px;
}

*+HTML BODY div.tv_bar form p{
padding: 0px; margin: 4px 0px 0px 0px;
}

div.tv_bar form p.date{
float: left;
padding: 2px 10px 0px 5px;
}

div.tv_bar p.stanica{
float: left;
padding: 0px 10px 0px 5px; margin: 0px 10px 0px 5px;
}

div.tv_bar form p label{
float: left;
padding: 2px 10px 0px 0px; margin: 0px;
}

/* right */

div#right .search{
padding: 5px; margin: 0px 0px 5px 0px;
background-color: #ededed;
width: auto;
}

div#right .search ul{
list-style-type: none;
clear: both;
padding: 0px;
}

div#right form{
padding: 0px; margin: 0px;
clear: both;
}

/* div#right form fieldset{
padding: 0px 0px 0px 0px; margin: 0px;
clear: both;
} */ 

div#right form p{
padding: 0px 0px 5px 0px; margin: 5px 0px 0px 0px;
display: block; float: left; clear: both;
}

div#right form label{
padding: 0px 5px 4px 0px; margin: 0px 0px 0px 0px;
display: block;
}

div#right form .radio{
display: inline; position: relative; top: -4px; margin: 0px 5px 0px 0px; width: auto;
}

body .clearNone{
clear:none !important;
}

/* div#right form input, 
div#right form select{ margin: 0px 4px 0px 0px; } */

div#right form input.btnSubmit{
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

/* progress bar */

.progressbar{
margin: 0px; border: 1px solid #000;
width: 195px;
height: 12px;
position: relative;
color: #000;
background-color: #fff;
}

.progressbar div.progress{
position: absolute;
width: 0px;
height: 100%;
overflow: hidden;
background-color: #245EB2;
z-index: 100;
}

/* rater */


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/css/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

/* .inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
} */

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/images/css/star_small.gif);
line-height: 10px;
height: 10px;
}
/* rater */


div.port-logo{
clear: both;
width: 990px;
margin: 0px; padding: 7px 0px 7px 0px;
}

div.port-logo p{
float: right;
margin: 0px; padding: 0px ;
}

div#datepicker .ui-datepicker{ border-width: 0px; padding:0 10px; width: 218px;}
div#datepicker .ui-widget-content{ background: none;}
div#datepicker .ui-datepicker td{background: none; padding: 0px; border: 1px solid #EDEDED;}
div#datepicker .ui-datepicker .ui-widget-header{border: 0px;}