/* vse */

* { margin: 0; padding: 0;} 
body { text-align: center; } 
#inbody { max-width: 74.7em; text-align: left; margin: 0 auto; min-width: 764px; }

#hlavni { clear: both; float: right; width: 75%;}
#panel { clear: left; float: left; width: 25%; }

#head1, #head2 { display: block;}
#paticka { clear: both; }
#neni { display: none;}
hr { height: 1px; clear: both; } 
.clearboth { clear: both; }


/* nadpisy */

h1,h2,h3 { clear: both; }


.sidenav ul li span {  display: block; } 
.sidenav ul li a { display:  block;   } 

/* obr v textu */

img.vlevo { float: left; }
img.vpravo { float: right; }

/* alba */

div.thumbnail{ float: left; position: relative; z-index: 9999; width: 193px; height: 252px; text-align: center; margin: 0; padding: 0;}
div.vv { float: left; position: relative; z-index: 9999; width: 187px; height: 262px; text-align: center; margin: 0; padding: 0;}
div.innerfoto {z-index: 9999;}
div.thumbnail2 { float: left; position: relative; z-index: 9999; text-align: center; height: 193px;}
div.thumbnail3 { float: left; position: relative; z-index: 9999; text-align: center; height: 200px;}
div.thumbnailf { float: left; position: relative; z-index: 9999; height: 213px; text-align: center; }
div.thumbnailo { float: left; position: relative; z-index: 9999; width: 183px; height: 173px; text-align: center; margin: 0; padding: 0;}
div.pop { display: none; position: absolute; top: 0px; left: 0px;  width: 202px;  z-index: 9999; padding: 0px;}

div.vv div.pop a { display: inline; position: relative; z-index: 10000; line-height: normal;  padding: 0px;  text-decoration: none; }
div.thumbnail4 div.pop a { display: inline;  position: relative; z-index: 10000; line-height: normal;  padding: 0px;  text-decoration: none; }

div.vv span { display: block;  line-height: 1px; padding: 2px;}

div.vv span img { border: 1px solid; }
div.vv div.pop p { height: 158px; margin: 0px; line-height: 1.5em; text-indent: 0; padding: 6px; font-size: 13px;}
div.thumbnail4 div.pop p { margin: 0; line-height: 1.5em; text-indent: 0; padding: 6px; font-size: 13px !important; }

div.vv div.pop p img { float: left; margin: 0 10px 0 0; border: 1px solid;} 

div.vv a.img { height: 180px;}

div.vv:hover div.pop { display: block;}
div.thumbnail4:hover div.pop { display: block;}

div.vv a { display: block; line-height: 1px; cursor: pointer; padding: 3px;}

div.thumbnail4 a.img {   display: block;  line-height: 1px; cursor: pointer; padding: 0px;  } 

div.thumbnail4 div.neodkaz {   display: block;  line-height: 1px; padding: 0px; } 

div.popisek { text-align: center; text-indent: 0; line-height: 125%; margin: 2px 0 0 0; font-size: 13px;  padding: 0px;  }

/* detail alba */

#content {position: relative; width: 100%;  } 
#main { position: absolute; left: 0px; top: 0px; width: 442px;}
#main_content { margin:0; padding: 0em 1em 0.5em 0em; text-align: left; }
#main_content p { text-align: center;}
#sidebar, #nosidebar { position: relative; margin: 0 0 2ex 432px;  height: 485px;}
html>body #sidebar, html>body #nosidebar { min-height: 485px;	height: auto;  }
.outkoment { position: relative; float: none; }
#hodnot { width: 100%; }
p#hodn, p#hodn2 { text-align: center;}

div#dffv { float: none;}
div#dffv ul li { list-style: none; float: none; margin: 0 1px 0 0; height: 3em; }
div#dffv ul { margin: 0; padding: 0;}
div#dffv ul li div { text-align: left; }
div#dffv ul li div.th { text-align: left; }

/* pisne */

#pismena {display: inline; }
.pismena {display: inline; }

#pismena a, #pismena span { text-align: center; float: left; width: 2.6em; }
#pismena span#cislo { width: 10em;}

.pismena a, .pismena span { text-align: center; float: left; width: 2.6em; }
.pismena span#cislo { width: 10em;}


#roky { display: inline; }
#roky a { text-align: center; float: left; width: 4.65em; }

/* uvod vlajecky */

.sidenav li.de { background: url('/vlajky2/de.png') no-repeat 5px 5px; }
.sidenav li.en { background: url('/vlajky2/en.png') no-repeat 5px 5px; }
.sidenav li.sk { background: url('/vlajky2/sk.png') no-repeat 5px 5px; }
.sidenav li.pl { background: url('/vlajky2/pl.png') no-repeat 5px 5px; }
.sidenav li.ru { background: url('/vlajky2/ru.png') no-repeat 5px 5px; }
.sidenav li.dk { background: url('/vlajky2/dk.png') no-repeat 5px 5px; }
.sidenav li.hr { background: url('/vlajky2/hr.png') no-repeat 5px 5px; }
.sidenav li.nl { background: url('/vlajky2/nl.png') no-repeat 5px 5px; }
.sidenav li.fr { background: url('/vlajky2/fr.png') no-repeat 5px 5px; }
.sidenav li.hu { background: url('/vlajky2/hu.png') no-repeat 5px 5px; }
.sidenav li.se { background: url('/vlajky2/se.png') no-repeat 5px 5px; }
.sidenav li.cs { background: url('/vlajky2/cs.png') no-repeat 5px 5px; }
.sidenav li.es { background: url('/vlajky2/es.png') no-repeat 5px 5px; }
.sidenav li.it { background: url('/vlajky2/it.png') no-repeat 5px 5px; }
.sidenav li.ua { background: url('/vlajky2/ua.png') no-repeat 5px 5px; }


/* navigacni tabulka */

.tydplantop { width: 100%; }
.ttydplan2 { text-align: center; }
table th.petl { width: 1px; text-align: left; font-weight: bold; padding-left: 2px;}
table th.petp { width: 1px; text-align: right; font-weight: bold; padding-right: 2px;}

form.navigace { display: inline;}

/* tabulky */

table .center { text-align: center;}
table .vlevo { text-align: left;}
table .vpravo {  text-align: right;}
table .w80 { text-align: left;}
table.plan, table.fan { width: 100%; }
table td img { border: none;}

/* hitparada pisn */

table.topsong { width: 100%; }
table.topsong .poradi { text-align: center; width: 5%; }
table.topsong .hlasy { text-align: center; width: 5%; }
table.topsong .pisen { text-align: left; width: 55%; }
table.topsong .rok { text-align: center; width: 10%; }
table.topsong .alba { text-align: left; width: 25%; }

/* fora */

#guestdole { width: 100%; text-align: center;  }

/* form schov */

div#schovat, div#schovatsmall { display:  none;  }
div#schovat2 { display: block;}
div#pridat2 { display: none;}
form#ff, form#ffsmall { display:  none; }
form#ff2 { display:  block; }
div#pridat a, div#schovat a, div#pridat2 a, div#schovat2 a { font-size: 1em; text-decoration: none; font-weight: bold;  }
div#pridatsmall a, div#schovatsmall a { font-size: 0.8em; text-decoration: none; font-weight: bold;  }


/* formulare */

/*#ff2, #ffv { width: 100%; }*/

/* ankety */

p.celkemank { text-align: center; }
p.celkemankl { text-align: left; }
td.hlasyank { text-align: right;}


/* forum */

#posty_forum { width: 100%; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom: 0;}
#posty_forum .nadatum { width: 11em; float: right; }
#posty_forum .navzkaz { clear: both; }

/* kniha */

#posty_kniha {  width: 100%; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom: 0; }
#posty_kniha .nadatum { width: 16em; float: right;  }
#posty_kniha .navzkaz { clear: both;  }
#posty_kniha .najmeno { float: left; }
#posty_kniha .naemail { float: left; }

/* fan */

table.fan td { width: 50%; }

/* menu nahore */

#outmenu1 { height: 2em; width: 100%; z-index: 0; font-size: 1em; min-height: 27px;}
#inmenu { float: right; width: 100%; }

#menu { display: block; width: 100%; }


#menu2 { height: 27px; margin: 0; padding-top: 0px;  width: 100%; line-height: 100%; }
html>body #menu2 { display: block; padding-top: 2px; vertical-align: middle;}

#vlajky { float: left;  padding-top: 8px; }
html>body #vlajky { padding-top: 6px; }
html>body #vlajky img { vertical-align: top; }



/* spec obr */

.sim { margin-bottom: -3px;}
.none { display: none !important;}

.ukaz li.audio { background: url(/pisne/img/audio.gif) no-repeat; }
.ukaz li.video { background: url(/pisne/img/video.gif) no-repeat; }
.ukaz li.midi { background: url(/pisne/img/mid.gif) no-repeat; }
.ukaz li.html { background: url(/pisne/img/htm.gif) no-repeat; }
.ukaz li.x-rar-compressed { background: url(/pisne/img/zip.gif) no-repeat; }


* html .ukaz ul, * html .ukaz li  { height: 1px }

a.skipmenu { position: absolute; z-index:-1; padding: 0.2em 0.5em; border-bottom:0 !important; color: #f55;}
a.skip1 { top: 80px; }
a.skip2 { top: 120px; }
a.skipmenu:focus, a.skipmenu:active { z-index:100; background: #ffffff; }

form#ffvh { margin: 0 !important; padding: 0 !important; font-size: 1em;}
form#ffvh input#q { display: inline; vertical-align: top; border: none; padding-left: 0.5em; margin-left: 4px; }
form#ffvh input#submit2 { display: inline; border: none;} 
form#ffvh input#submit3 { display: inline; vertical-align: middle;}
html>body form#ffvh input#submit3 { vertical-align: top;}

input#vydanood { margin-left: 16px !important; margin-bottom: 0.5em !important;}
input#vydanodo { margin-bottom: 1ex !important;}

label#tesne { margin-left: 0 !important;}
#format, #verze, #edic, #cs, #de, #cd { margin-left: 16px !important; margin-bottom: 0.5em !important;}
.bottomspace { margin-bottom: 1em !important;}
.topspace { margin-top: 1em !important;}

table.plan td.alba { width: 160px; font-size: 80%;}

/* galerie */

#obsah div.thumbnail4 { float: left; position: relative; margin: 0 15px 15px 0;}
#obsahs div.thumbnail4 { position: relative; margin: 0 0 15px 15px;}
#obsah div.thumbnail4 a.img, #obsah div.thumbnail4 div.pop a, #obsah div.thumbnail4 div.neodkaz  { display: table-cell; width: 202px; height: 202px; text-align: center; /* qui e non su precedente, iCab */ vertical-align: middle; }
#obsahs div.thumbnail4 a.img, #obsahs div.thumbnail4 div.pop a, #obsahs div.thumbnail4 div.neodkaz  { display: table-cell; width: 202px; height: 202px; text-align: center; /* qui e non su precedente, iCab */ vertical-align: middle;}
html>body #obsah div.thumbnail4 a.img, html>body #obsah div.thumbnail4 div.pop a, html>body #obsah div.thumbnail4 div.neodkaz { height: 208px; }
html>body #obsahs div.thumbnail4 a.img, html>body #obsahs div.thumbnail4 div.pop a, html>body #obsahs div.thumbnail4 div.neodkaz { height: 208px; }
#obsah div.thumbnail4 a.img img, #obsah div.thumbnail4 div.neodkaz img { border: solid 1px; vertical-align: middle;} 
#obsahs div.thumbnail4 a.img img, #obsahs div.thumbnail4 div.neodkaz img { border: solid 1px; vertical-align: middle;} 

/*\*//*/
#obsah div.thumbnail4 a.img, #obsah div.thumbnail4 div.pop a, #obsah div.thumbnail4 div.neodkaz { display: block;}
#obsah span { display: inline-block; vertical-align: middle; height: 100%; width: 1px; }
#obsah div.thumbnail4 a.img, #obsah div.thumbnail4 div.pop a, #obsah div.thumbnail4 div.neodkaz { font-size: 1px;}

/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
#obsah div.thumbnail4 { border-collapse: collapse; /* Op7 */ }
#obsahs div.thumbnail4 { border-collapse: collapse; /* Op7 */ }
.clear { clear: both; margin: 0; padding: 1em 0; }


.left p { text-align: left }