html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: "Arial CE", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
a {
color: #333333;
}
img {
border: 0px;
}
.body {
min-height: 100%;
height: auto;
_height: 100%;
width: 907px;
position: relative;
margin: 0 auto;
text-align: left;
}
.header {
height: 75px;
background: #dddbdc url(../gfx/header.png) top left no-repeat;
}
.footer_shadow {
height: 55px;
clear: both;
}
.footer p {
position: absolute;
bottom: 5px;
left: 15px;
font-size: 10px;
margin: 0px;
padding: 0px;
}
.footer {
background: url(../gfx/footer.png) top left no-repeat;
height: 41px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
h1 {
font-size: 22px;
font-weight: normal;
position: absolute;
top: 15px;
margin: 0px;
left: 20px;
}
.content {
text-align: center;
text-align: left;
}
.main_menu {
width: 870px;
background: #f5f5f5 url(../gfx/top_ramecek.png) top left no-repeat;
margin: 0 auto;
text-align: left;
margin-top: 28px;
position: relative;
}
.main_menu_inner {
background: url(../gfx/bottom_ramecek.png) bottom left no-repeat;
/*position: relative;*/
min-height: 218px;
height: auto;
_height: 218px;
width: 100%;
}

.banner {
position: relative;
top: -7px;
height: 237px;
width: 555px;
float: left;
}
.left_sidebar {
width: 151px;
padding: 10px 0px 0px 10px;
float: left;
}
.cleaner {
width: 1px;
height: 1px;
overflow: hidden;
clear: both;
}
.right_sidebar {
width: 144px;
float: right;
padding: 10px 0px 0px 10px;
}
.left_sidebar ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.left_sidebar ul li {
margin-bottom: 3px;
}
.left_sidebar ul li a {
text-decoration: none;
}
.left_sidebar ul li a:hover {
text-decoration: underline;
}
.right_sidebar *{
padding: 0px;
margin: 0px;
}
.right_sidebar ul{
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 10px;
/* font-size: 14px; */
}
.right_sidebar ul li {
/* margin-bottom: 4px; */
margin-bottom: 3px;
}
.right_sidebar ul li a {
text-decoration: none;
}
.left {
width: 137px;
float: left;
margin-left: 18px;
_margin-left: 8px;
margin-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: left;
}
.middle {
width: 563px;
float: left;
overflow: hidden;
margin-top: 15px;
}
.right {
width: 140px;
float: left;
margin-top: 15px;
padding-left: 10px;
text-align: left;
}
.left h4 {
margin: 0px;
}
.inner_ramecek {
display: none;
}
#ram1 {
display: block;
}
.ramecek {
width: 535px;
height: 218px;
text-align: left;
position: relative;
padding-top: 30px;
margin-top: 10px;
padding-left: 27px;
}
.ramecek1 {
background: url(../gfx/zalozka1.png) top left no-repeat;
}
.ramecek2 {
background: url(../gfx/zalozka2.png) top left no-repeat;
}
.ramecek3 {
background: url(../gfx/zalozka3.png) top left no-repeat;
}
.ramecek ul {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
left: 0px;
}
.ramecek ul li {
float: left;
}
.ramecek ul li.odkaz1 {
width: 162px;
}
.ramecek ul li.odkaz2 {
width: 182px;
}
.ramecek ul li.odkaz3 {
width: 182px;
}
.ramecek ul li a {
display: block;
font-size: 14px;
padding: 2px 2px 2px 10px;
color: #999999;
text-decoration: none;
}
.ramecek ul li a:hover, .ramecek ul li a.hover {
color: #333333;
}
.album_big *{
margin: 0px;
padding: 0px;
}
.album_big {
float: left;
padding-right: 35px;
padding-top: 10px;
width: 140px;
}
.album_big strong{
font-size: 14px;
}
.popissmall strong {
 font-size: 12px;
}


.album_big a{
text-decoration: none;
}
.other_content {
text-align: left;
margin-top: 15px;
position: relative;
border: 1px solid #CCCCCC;
padding: 10px;
padding-left: 30px;
padding-top: 0px;
width: 520px;
}
p.label {
position: relative;
clear: both;
left: -5px;
top: -8px;
background: white;
display:inline;
padding: 2px 5px 2px 5px;
margin:0px;
}
.small_album {
margin-right: 30px;
margin-bottom: 10px;
height: 95px;
float: left;
margin-top: 10px;
}
.other_content .small_album {
width: 100px;
overflow: hidden;
height: 120px;
}
.small_album * {
margin: 0px;
padding: 0px;
}
.small_album strong {
font-size: 14px;
}
.small_album a{
text-decoration: none;
}
.right .small_album {
float: none;
margin: 0px;
margin-bottom: 20px;
padding-left: 20px;
}
.small_film {
margin-right: 30px;
margin-bottom: 10px;
height: 95px;
float: left;
margin-top: 10px;
}
.other_content .small_film {
width: 100px;
overflow: hidden;
height: 130px;
}
.small_film * {
margin: 0px;
padding: 0px;
}
.small_film strong {
font-size: 14px;
}
.small_film a{
text-decoration: none;
}
.right .small_film {
float: none;
margin: 0px;
margin-bottom: 20px;
padding-left: 20px;
}
ul.footer_menu {
font-size: 10px;
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 8px;
left: 15px;
}
ul.footer_menu li {
float: left;
padding-right: 10px;
}
form.find {
width: 195px;
height: 26px;
background: url(../gfx/form.png) top left no-repeat;

padding-left: 3px;
position: absolute;
top: 15px;
right: 15px;
}
.vysl_find {
	width: 198px;
	position: absolute;
	top: 20px;
	left: 0px;
	background: #B7B8B9;
	
}
.vysl_find a{
	display:block;
	padding: 5px;
	border-bottom: 1px solid black;
	text-decoration: none;
}
.vysl_find a:hover {
	background: black;
	color: white;
	}
.detail_text form {
width: auto;
height: auto;
position: static;
background: none;
}
.input_text {
border: 0px;
background: transparent;
position: relative;
top: 3px;
}
form p {
margin: 0px;
padding: 0px;
}
.lupa {
position: absolute;
right: 5px;
top: 3px;
}
.detail {
width: 545px;
/* height: 224px; */
/* background: #dad8d9 url(../gfx/ramecek.png) top left no-repeat; */
position: relative;
background: #e0e0e0 url(../gfx/ramecek.png) bottom left repeat-x;
margin-left: 5px;
padding-left: 10px;
}
.detail_top_left,.detail_top_right,.detail_bottom_left,.detail_bottom_right {
width: 5px;
height: 5px;
overflow: hidden;
position: absolute;	
}
.detail_top_left {
top: 0px;
left: 0px;
background: url(../gfx/top_left.gif) no-repeat;	
}
.detail_top_right {
top: 0px;
right: 0px;
background: url(../gfx/top_right.gif) no-repeat;	
}
.detail_bottom_left {
bottom: 0px;
left: 0px;
background: url(../gfx/bottom_left.gif) no-repeat;	
}
.detail_bottom_right {
bottom: 0px;
right: 0px;
background: url(../gfx/bottom_right.gif) no-repeat;	
}

.detail .album_big {
text-align: left;
}
.koupit_cele_album { /*tohle neni chyba, ale pouziti filtru pro IE ;-) */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='koupit_album.png');
_width:1px; 
_height:1px; 
}
.detail_text {
text-align: left;
padding-top: 8px;
}
.detail_text th {
width: 110px;
}
table.playlist {
text-align: left;
margin-left: 8px;
margin-top: 10px;
width: 98%;
}
td.prehrat {
width: 40px;
}
td.koupit {
width: 80px;
text-align: left;
}
/*
table.playlist th  {
width: 25px;
}
*/
td.nazev_pisnicky {
width: 250px;
}
table.playlist td, table.playlist th{
border-bottom: 1px #cccccc solid;
}
table.playlist td.prehrat, table.playlist td.koupit {
border-bottom: 1px solid white;
}
.detail_text form p {
margin: 0px;
padding: 0px;
margin-bottom: 2px;
}
input.inputText {
font-size: 14px;
padding: 5px;
background: url(../gfx/login_form.gif) top left repeat-x;
color: #353535;
border: 1px solid #838383;
width: 200px;
}
input.inputTextShort {
font-size: 14px;
padding: 5px;
background: url(../gfx/login_form.gif) top left repeat-x;
color: #353535;
border: 1px solid #838383;
}
input.inputTextik {
font-size: 14px;
padding: 5px;
background: url(../gfx/login_form.gif) top left repeat-x;
color: #353535;
border: 1px solid #838383;
width: 400px;
}
textarea.inputText {
font-size: 12px;
padding: 5px;
background: white;
color: #353535;
border: 1px solid #838383;
width: 400px;
}
textarea.SmallinputText {
font-size: 12px;
padding: 5px;
background: white;
color: #353535;
border: 1px solid #838383;
}
input.inputButton{
color: #353535;
border: 1px solid #838383;
font-size: 14px;
padding: 5px;
background: url(../gfx/login_form.gif) top left repeat-x;
padding-top: 4px;
padding-bottom: 4px;
margin-left: 2px;
}
.detail_text form {
padding-left: 140px;
}
.dodatek {
padding-top: 15px;
}
.basketButtons {
width: 100px;
text-align: right;
float: right;
padding-right: 4px;
}
.obecneInfo {
/* padding-top: 10px; */
padding-left: 40px;
padding-right: 40px;
}
.obecneInfo strong{
display: block;
font-size: 36px;
text-align: center;
}
.strongID {
color: #ed1c24;
}
.obecneInfo strong.strongKredit {
color: #869221;
font-size: 34px;
}
.buttons {
list-style: none;
margin: 0px;
padding: 0px;
height: 24px;
width: 557px;
background: url(../gfx/menu.png) bottom center no-repeat;
}
.buttons li {
float: left;
background: url(../gfx/oddelovac.png) right top no-repeat;
height: 23px;
}
.buttons li a, .buttons li span {
display: block;
padding: 3px 12px 3px 10px;
font-size: 11px;
text-decoration: none;
}
.buttons li a:hover {
text-decoration: underline;
}
table.striped {
width: 100%;
}
table.striped th {
padding: 4px;
border-bottom: solid 1px #d5d2d2;
background: #d5d2d2;
}
table.striped td {
padding: 4px;
border-bottom: solid 1px #d5d2d2;
}
table.striped .odd td {
background: white;
}
table.striped .even td {
/* background: #f0f0ff; */
background: #e1e0e1;
}
.div_side_menu {
width: 139px;
background: #dfdfdf url(../gfx/ramecek_top.png) top left no-repeat;
}
.div_side_menu ul{
background: url(../gfx/ramecek_bottom.png) bottom left no-repeat;
padding: 3px;	
}
.div_side_menu p{
padding: 3px;	
}
.reklamy {
width:552px;
overflow: hidden;
padding-left: 6px;
padding-top: 10px;
padding-bottom: 10px;
clear:both;
}
.reklamy-inner {
width: 770px; 
}
.reklamyfile {
width: 125px;
height: 125px;
float: left;
margin-right: 16px;
overflow:hidden; 
}
.textove h2{
margin: 8px 0px 5px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
font-size: 18px;
}
.textove h3{
margin: 6px 0px 5px 0px;
font-size: 16px;
}
.textove h4{
margin: 4px 0px 0px 0px;
font-size: 14px;
}
.textove p {
margin: 5px 0px 12px 0px;
}
.textove strong em {
font-style: normal;
color: #800000;
}
.cervena {
color: red;
}
.cervena a {
color: red;
text-decoration: underline;
}
.cervenahlaska {
color: red;
font-size: 16px;
}
.logobox {
 position: absolute;
 border: 0px solid red;
 bottom: 30px;
 right: 50px;
}
.playerfilm {
 text-align: center;
 background-color: gray;
}