* {margin: 0;padding: 0;} 
body {background-color: #b2afaf; background-color:#710000; background-color: #550000; font:81.25%/1.3 Arial, Helvetica, sans-serif;color: black; text-align: center;}

a {color: #cc0000; font-weight: bold; /*color: #A40000;*/}
a img {border: none;}
a:hover {text-decoration: none; }
a:visited {color:#cc0000; color: #E30000;color:#FF6666;color: #FF3333;}

h1 { font-size: 153.9%; line-height: 1.4em; color: black; margin-bottom: 10px; padding-top: 20px; background: url("dot.gif") repeat-x bottom;}
h2 {font-size: 115.4%; line-height: 1.4em; color: black; margin-bottom: 10px; padding-top: 20px; background: url("dot.gif") repeat-x bottom;}
h3 {font-size: 100%;  }
h4 {font-size: 92.4%; }
h5 { padding: 4px 0px; border-bottom: 2px solid black; font-weight: bold; text-transform: uppercase; font-size: 84.7%;font-size: 92.3%; margin-top: 5px;}
h6 {font-size: 100%;}

table {font-size: 100%;  border-collapse: separate; margin:10px 15px 5px 12px;border-spacing: 2px; }
table caption {text-align: left; padding: 4px 0px; border-bottom: 2px solid black; font-weight: bold; text-transform: uppercase; font-size: 84.7%;font-size: 92.3%;}
td, th {border-bottom: 1px solid #e0dfe3; padding: 4px 8px; vertical-align: top; text-align: left; }
table.type2 {border-spacing: 1px;}
table.type2 th, table.type2 td {padding: 3px 10px 3px 5px; }
table.type2 th {text-align: left; vertical-align: top;font-size:84.7%; background-color: #333333; padding-top: 5px; }
table.type2 td {text-align: left; vertical-align: top;background-color:#555555; padding-left: 10px; }
table.type3 {border: 0; border-collapse: collapse;} 
table.type3 td, table.type3 {border:0; } 

ul {list-style-type: none; margin-bottom: 10px; margin-left: 15px;}
ul li {background: url("back-ul.gif") no-repeat 0 5px; padding-left: 15px; padding-bottom: 2px;}
ul.type2 {list-style-type: none; margin-bottom: 0; margin-left: 0;  }
ul.type2 li {background: none; padding-left: 0;padding-bottom: 0;}
p {padding: 0 0 10px 0px; /*text-align: justify;*/}
hr { display: none;}
.hr {clear:both;height:1px;visibility:hidden;overflow:hidden; }
.cleaner {clear:both;height:1px;width: 0px;border:none;margin:0; padding:0;background:transparent;visibility: hidden;font-size: 0.1px;line-height: 0.1px;}
.small {font-size: 84.7%;}
table span.small {color: #696969;}
.textVersion {display: none;}
.noMargin{margin: 0;}
.ttCenter {text-align: center;}
.ttRight {text-align: right;}
.alert {background-color:#C40808; font-weight: bold; color:  White; padding:3px 5px;}
.alert2 td, .alert2 th {border-bottom: 1px solid red;}



/* WYSIWYG */ 
.wysiwyg h2{border: none; background: none; margin-bottom: 0;}


/* PAGE */
#page {width: 770px; background: White url("back-page.gif") repeat-y; margin: 0 auto; text-align: left;}
#pageIn { margin: 0 10px; }

/* HEADER */
#header {background: black url("back-header.gif") repeat-y; border-bottom: 8px solid black;}
#header h5 {text-transform: uppercase; color:  white; position: absolute; font-size: 70%; padding-left: 11px; padding-top: 4px; letter-spacing: 0.5em; border: none; margin-top: 0;}
#header h5 span { padding: 0 18px;}
#header img {float: left; height: 84px; padding-left: 8px;}
#header #searchBox {float: right; width: 225px; margin-top:27px; color: White;}
#header #searchBox label {color: White;display:block;}
#header #searchBox input {width: 170px;}
#header #searchBox button {height: 22px;margin-left: 2px; padding: 0 3px; position: relative; top: 1px;}
#header #searchBox p {font-weight: bold; font-size: 92.4%; padding-top: 1px; padding-bottom: 0;}
#header #searchBox p a {color: White; font-weight: normal; position: relative;top:1px;}

#header #loginBox {background-color: white; padding: 2px 0 3px 0; clear: both; margin-top: 8px;}
#header #loginBox input {width: 80px;}
#header #loginBox label {padding-left: 15px; font-size:84.7%; }
#header #loginBox button {height: 22px; padding-bottom: 2px; margin-left: 2px; padding: 0 3px; position: relative; top: 1px;}
#header #loginBox span { padding-left: 5px;font-size:84.7%;}
#header #loginBox strong { font-size: 118.2%;}

/* BAR */
#bar {float: left; width: 182px;}
#bar a {color: White;}

#bar ul.menu {list-style-type: none; margin-bottom: 20px;}
#bar ul.menu li {color: White; font-weight: bold; border-bottom: 1px solid black;}
#bar ul.menu li a {display: block; text-decoration: none; /*width: 100%;*/ padding: 3px 0; text-indent: 8px; border-left: 8px solid #666666; background-color: #8B0000;}
#bar ul.menu li a:hover {background-color: White; color: black; border-color: Black;}
#bar ul.menu li a.selected  {background-color: #C31616; /*font-style: italic;*/ border-left:8px solid white; color: White;}
#bar ul.menu li a em {text-decoration: underline; font-style: normal;}

#bar h4 {background-color: Black; color: White;  padding: 3px 2px 3px 5px;}
#bar h4 a {font-size: 100%;}
#bar #cover {/*border: 1px solid green; *//*background-color: White; padding-top: 15px;*/ background-color:black; margin-bottom: 10px;}
#bar #cover a {  /*display: inline; border: 1px solid pink;*/}
#bar #cover img {height: 245px; width: 182px; }

/* BOXFUL */
#boxful { float:right;width:560px; overflow: hidden;}
#boxful .boxfulIn {padding:0 32px 5px 26px;}

#boxful #smartNavigation {font-size: 84.7%; padding-top: 5px;}
#boxful .pager { text-align: center; clear: both; font-weight: bold; color:#A9A9A9;}
#boxful .pAbeceda { font-size: 92.9%;  padding-bottom:15px;letter-spacing:0.4px; position: relative; top: -5px;}
#boxful .box1 {margin-bottom: 5px; }
#boxful .box1 h4 {color: #959595; margin-bottom: 1px;}
#boxful .box1 .boxin {background-color: #EAEAEA; padding: 8px;}
#boxful .box1 .boxin2 {background-color: #EAEAEA; padding: 6px 3px; border-bottom: 1px solid white; }
#boxful .box1 .boxin3 {padding: 8px; }

#boxful .box1 table {border: none;  border-collapse: collapse; margin:0; padding: 0;  }
#boxful .box1 td, #boxful .box1 th {background-color: #EAEAEA; padding: 6px 3px; border:none; border-bottom: 1px solid white; }
#boxful .box1 td p{ overflow:  hidden;  padding: 0; width:430px;}
#boxful .box1 th {text-align: right; padding-left: 5px;/* width: 50px;*/}
#boxful .box1 li {line-height: 1.4em;}

/* vypis clanku */
#boxful .article {margin-bottom: 30px;  width: 248px; float: left;}
#boxful .article1 {clear: both;}
#boxful .article1 .articleIn {padding-right: 10px;}
#boxful .article2 .articleIn {padding-left: 10px;}
#boxful .article .img {width: 110px; height: 77px; overflow: hidden; float: left;}
#boxful .article .img img {border: 1px solid black;}
#boxful .article h3 {position: relative; top:-4px; font-size: 115.4%;}
#boxful .article p {padding: 0;}
#boxful .article#top {float: none; width: auto; margin-bottom: 25px;}
#boxful .article#top .img {width: 213px; height: 152px; }
#boxful .article#top .img img {border: 1px solid black;}
#boxful .article#top h3 { position: relative; top: -4px;font-size: 153.9%; }
#boxful .tools {font-weight: bold; text-align: right; font-size: 84.7%; padding-top: 4px; clear: both;}
#boxful .article#top .tools {clear: none; padding-top: 8px;}

/* detail clanku */
#boxful .articleDetail .img { width: 502px; padding-bottom: 2px;}
#boxful .articleDetail .img img {border: 1px solid black; height: 150px; width: 500px;}
#boxful .articleDetail p.anotation {font-style: italic; font-size: 107.7% !important;  padding-bottom: 20px;}
#boxful .articleDetail p.author {/*font-size: 84.7%;*/ text-align: right; padding-top: 30px; font-size:115%; font-style: italic; font-weight: bold;}
#boxful .articleDetail p.author a { font-size:136%; font-style: italic; }
#boxful .articleDetail #authorRank {float: right;font-size: 92.4%; padding-bottom: 2px;padding-top: 5px;}
#boxful .articleDetail #authorRank strong {color: #a40000; font-size: 283%;padding-left: 3px; line-height: 1.0em;}
#boxful .articleDetail #userRank {float: left;font-size: 92.4%; padding-bottom: 2px;padding-top: 13px;}
#boxful .articleDetail #userRank strong {color: #0022b4; font-size: 216%; padding-left: 3px;line-height: 1.0em;}
#boxful .articleDetail #filmInfo {font-size: 92.4%; border-top: 2px solid #eaeaea; padding-top: 1px; margin-bottom: 20px; clear: both;}
#boxful .articleDetail #filmInfo table {margin:0px;border-spacing: 0px; border-collapse: collapse; width: 100%;} 
#boxful .articleDetail #filmInfo td {border: none; padding:1px 5px 0 0;}
#boxful .articleDetail #filmInfo strong {/*padding-right: 10px;*/}
#boxful .articleDetail #filmInfo p {padding-top:15px;}
#boxful .articleDetail .box1 {margin-bottom: 15px;}
#boxful .box1#ohodnotit .boxin2 {padding: 4px 8px}
#boxful .box1#ohodnotit .boxin3 {padding: 8px}
#boxful .box1#ohodnotit .boxin3 span.small { position: relative; top: -2px; }
#boxful .box1#ohodnotit .boxin3 p.small {padding-bottom: 0; padding-top: 2px; }
#boxful .box1#ohodnotit .boxin3 p.small #counter {font-weight: bold;}
#boxful .articleDetail label {font-weight: bold; padding-right:10px; position: relative; top: 2px;}
#boxful .articleDetail input {position: relative; top: 3px;}
html>body #boxful .articleDetail label { padding-left: 4px; top: 4px;}
#boxful .articleDetail button {float: right;}
html>body #boxful .articleDetail button {padding: 1px 4px;}
#boxful .box1#ohodnotit th, #boxful .box1#ohodnotit td { border-bottom: none; width:483px; vertical-align: middle; padding: 0;}
#boxful .articleDetail textarea { height: 80px; width: 480px;}
.vltava {position: relative; height:40px;}
.vltava img{position: absolute; top: 0px; left: 72px;}

/* registrace */
#boxful .registration table { margin:25px 0 30px 0; width: 100%; }
html>body #boxful .registration table { margin: 0;}
#boxful .registration table caption { margin-top: 20px; }
#boxful .registration th { width: 150px; vertical-align: middle; font-weight: bold; }
#boxful .registration th, #boxful .registration td {padding: 4px 8px; vertical-align: middle;}
#boxful .registration button {margin-left: 177px; margin-bottom: 30px; }
#boxful .registration select {width: 250px;}
html>body #boxful .registration button {padding: 1px 4px; margin-top: 20px;}



/* vydani */
.issue .img{ width: 200px; float: right; text-align: right;}
.issue #allNumbers {margin:15px 0; clear: both;}
.issue #allNumbers .boxin3 {clear: both; padding:10px 8px 6px 8px; }
.issue #allNumbers .boxin3 td{ width: 80px; text-align: center; border: none;padding: 3px 0px 5px 0;}
.issue #allNumbers .boxin3 td img{ width: 60px;}

/* redakce */
.redaction {margin-bottom:15px;}
.redaction h5 {clear: both; padding-top: 25px;}
.redaction .item { width: 150px; text-align: center; float: left;}
.redaction .item a {display: block; text-decoration: none;background-color: #EAEAEA; margin-right: 10px;margin-top: 10px; padding-top: 15px;}
.redaction .item a:hover {background-color: #A40000; color: White;}
.redaction .item img { width: 110px; height:148px; }
.redaction .item strong {display: block; padding: 2px 0 0 0; text-decoration: underline;}
.redaction .item em {display: block; font-size: 92.3%; font-weight: normal; padding-bottom: 4px; text-decoration: underline;}
.redaction .item a:hover strong, .redaction .item a:hover em {text-decoration: none;}
.person .img{ width: 192px; float: left;}
#boxful .person table { padding-bottom: 10px;}
#boxful .person .boxin3 td {border: none; padding-right: 8px; margin-right: 8px;}
#boxful .person .box {padding-top: 10px;}
#boxful .person .boxin3 {padding-left: 12px;}
.person .box {clear:both;}

/* inzerce */
.advertising h5 {margin-top:15px;}
.advertising table {margin:10px 0px 5px 0px;border-spacing: 1px !important; width: 100%;}
.advertising table thead th, .advertising table thead td { background-color: #A60707; border: none; color: White; font-size: 92.3%; padding:4px 8px 4px 8px; }
.advertising table thead td {font-weight: bold;}
.advertising table tbody th, .advertising table tbody td { text-align: center;  }
.advertising table tbody th { text-align: left;}
.advertising table.type4 tbody th { text-align: center;}
.advertising table.type4 tbody td { text-align: left;}
.advertising table .width1 {width:80px;}
.advertising .cenik tbody th {text-align: left;}
.advertising td.price, .advertising th.price {border-bottom: 1px solid #A60707;}
.advertising #parametrs p {padding:4px 0;}
.advertising #parametrs ul {margin-left: 2px;}

.advertising ol { list-style-type: upper-roman; margin-top: 4px; margin-left: 25px;}
.advertising li {padding-bottom: 5px;}
.advertising ol ul {margin-bottom: 0;}

/* download */
.download h5 { margin-top: 20px; clear: both;}
.download ul {margin: 4px 0 0 1px;}
.download ul.wallpapery li { float: left; width: 230px;}
.download ul.wallpapery li a {padding-right: 5px;}
.download ul.rejstriky li { float: left; width: 50px;}
.download ul.rejstriky li a {padding-right: 5px;}

/* wallpapers */
.wallpaper {width: 160px; text-align: center; float: left; background-color: #EAEAEA; margin-right: 5px; padding: 10px 0 5px 0; margin-bottom: 10px;}
.wallpaper a { display: block;}
.wallpaper img {width:140px; height: 105px;}

/* search */
/*.search {color:#696969;}*/
.search h1 {margin-bottom: 4px;}
.search h2 { background: none; font-size: 92.3%; color: #696969; font-weight: normal; padding-top: 0px; float: left; width: 270px; }
.search h2 strong {font-size: 123%; color: Black;}
.search .searchCount {color: #696969; float: right; width: 230px; text-align: right; padding-top: 1px; font-size: 92.3%;}
.search .searchCount strong {color: black;}
.search .item {clear: both; margin: 10px 0 10px 0;}
.search .item h3 {font-size: 107.7%; line-height: 1.2em;}
.search .item span {font-size: 92.3%;color: #696969;}
.search .pager { margin-top: 30px;}

/* podrobne hledani */
#boxful .moreSearch table { margin:25px 0 30px 0; width: 100%; }
html>body #boxful .moreSearch table { margin: 0;}
#boxful .moreSearch table caption { margin-top: 20px; }
#boxful .moreSearch th { width: 150px; vertical-align: middle; font-weight: bold; }
#boxful .moreSearch th, #boxful .moreSearch td {padding: 4px 8px; vertical-align: middle;}
#boxful .moreSearch button {margin-left: 177px; margin-bottom: 30px; }
#boxful .moreSearch select {width: 250px;}
#boxful .moreSearch select.month {width: 50px;}
#boxful .moreSearch select.year {width: 146px;}
html>body #boxful .moreSearch button {padding: 1px 4px; margin-top: 20px;}

/* mapa */
.mapa ul { margin-left: 1px; line-height: 1.5em;}
.mapa ul ul {margin: 4px 5px 7px 15px; line-height: 1.3em; font-size:92.3%; }
html>body .mapa ul ul { margin-left: 25px;}
.mapa ul ul li {background: url("back-ul2.gif") no-repeat 0 4px; padding-left: 13px;}

/* FOOTER */
#footer {font-size:84.7%; /*line-height: 1.8em;*/ background-color: gray;  clear: both; border-top: 8px solid black;
text-align: center;padding:0 5px 5px 5px;background-color: #efefef;background-color:#EAEAEA;background-color: #E4E4E4; }
#footer a em {font-style: normal; text-decoration: underline;}
#footer p { font-size: 109%; padding-bottom:0px;  padding-top: 3px;}
#footer span { display: block; font-size: 118%; padding: 5px 0 15px 0;}
html>body #footer p {padding-top: 8px;}


/* BANNERY */
.ad150 img, .ad500 img, .ad170 img {border:0px solid black;}

.ad150 { margin: 20px 0; text-align: center;}
.ad150in {width: 150px; height: 150px; margin: 0 auto;}
.ad150 img {border:1px solid black;}
.ad170 { margin: 20px 0; text-align: center;}
.ad170in {width: 170px; height: 170px; margin: 0 auto;}
.ad500 {margin: 25px 0 0px 0;}