/* ---------- CSS RESET ---------- */
html,body,h1,h2,h3,h4,h5,h6,div,span,blockquote,p,address,form,fieldset,label,legend,img,a,abbr,acronym,ul,ol,dl,dt,dd,li,hr,table,td,th,big,small,q,strong,em,sup,sub,del,cite,code {
margin:0;
padding:0;
border:0;
outline:0;
}

body{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
background: white url(/img/bg.gif) 0 0 repeat-x;
color: #353535;
margin: 0 auto;
text-align: center;
}

div#logo{
margin-top: 15px;
}


div#logo, div#menu, h1, div#playing, div#content, div#page{
margin-bottom: 10px;
}

div#footer{
padding-top: 10px;
padding-bottom: 10px;
}

div#menu{
font-size: 16px;
}

div#reklama_img, div#reklama_text{
margin: 0 auto;
width: 728px;
height: 90px;
}

div#reklama_img{
margin-top: 5px;
}

div#tabulka, div#reklama_text{

}

h1{
margin-top: 5px;
font-size: 20px;
}

h2{
font-size: 18px;
margin-bottom: 5px;
}

p{
margin-bottom: 5px;
}

input#q{
padding: 5px 8px 5px 8px;
font-size: 16px; 
border: 2px solid #353535;
width: 450px; 
font-weight: bold;
}

input#submit{
margin-left: 10px;
position: absolute;
width: 48px;
height: 48px;
border: 0;
margin-top: -8px;
background: url(/img/search.gif) no-repeat;
cursor: pointer;
}

div#playing{
font-size: 18px;
}

div#content{
font-size: 14px; 
width: 728px;
margin: 0 auto;
line-height: 150%
}

table.tabulka{
width: 728px;
font-size: 12px;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #dcdcdc;
border-spacing: 0px;
/* font-weight: bold; */
}

table.tabulka tr:hover{
background: #f0f0f0;
}

table.tabulka td{
border: 1px solid #dcdcdc;
padding: 5px;
}

table.tabulka td{
text-align: left;
}

table.tabulka td.song{
cursor: pointer;
}

table.tabulka td.stred{
text-align: center;
}

div#data, div#fb{
margin-top: 10px;
}

a{
color: #353535;
font-weight: bold;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

img{
border: 0;
}

ul.ui-autocomplete {
font-size: 14px;
text-align: left;
}

td.i{
text-decoration: underline;
}