﻿body, div, p, h1, h2, h3, h4, h5, h6, address, table, tr, td, th, ul, ol, li, hr, img  {margin: 0;padding: 0;} 
body {background-color:#525252;/*background-color:#666666;*/ font:81.25%/1.3 "Arial CE", Arial, Helvetica, sans-serif;color: white; text-align: center;}
#page {width: 760px; margin:0 auto; text-align: left; }

a {color: white; font-weight: bold; }
a img {border: none;}
a:hover, #boxful .text h3 a:hover {text-decoration: none; }
/*a:visited {color:#D2D2D2; }*/

h1 {font-size: 130.8%;}
h2 {font-size: 130.8%;}
h3 {font-size: 100%;}
h4 {font-size: 92.4%; }
h5 {font-size:92.4%;}
h6 {font-size: 84.7%; text-align:right;}

ul {list-style-type: none;margin: 5px 5px 15px 15px; }
ul li {background: url("ico-disc2.gif") no-repeat 0 5px; padding-left: 13px; padding-bottom: 3px;}
ol {margin: 5px 5px 10px 35px; font-weight: bold;}
ol li {padding:0 0 2px 0; }
ol li span {font-weight: normal;}
p {padding: 5px 0 10px 0px; }
table {font-size: 100%;}
table span.small {color: #696969;}

hr { display: block;}
.hr {clear:both;height:1px;visibility:hidden;overflow:hidden; line-height: 1px; background-color: Green;}
.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%;}
.txtVersion {display: none;}
.noMargin{margin: 0;}
.ttCenter {text-align: center;}
.ttRight {text-align: right;}
.alert {font-weight: bold; color:#C40808; padding:3px 5px; font-size: 92.4%;}
div.alert ul {margin-left: 0;border: 1px solid #C40808; padding: 5px;font-weight:normal; }
div.alert ul li {background: none; padding: 0 0 2px 0;}
.line {height: 2px;overflow:hidden; background-color: #880006; width:100%; margin:5px 0;}
.back {background: url("ico-back.gif") no-repeat 0 13px;font-size:92.4%; padding-top: 8px;}
.back a {padding-left: 14px;}
.separator {background: url("separator.gif") no-repeat center 6px; padding: 0 5px;}

.pager {clear: both; text-align: center; padding: 10px 0 10px 0; color:#BBBBBB; font-size: 92.45%;font-family: Arial, Helvetica, sans-serif; }  
.pager span a, .pager span strong { /*padding: 0 2px;*/}
.pager span {padding: 0 5px;}
.pager .separator {padding: 0 2px;}

/* HEADER */
#header { width: 100%; padding-top: 8px;}
#header .logo {float:left;margin: 0px; padding: 0px;  height: 50px;}
#header .logo img {width: 130px;  height: 40px;}

#header #topMenu {float: right; font-size: 92.4%; padding-top: 25px;}
#header #topMenu span {position: relative; top: 3px; padding-left: 6px;}
#header #topMenu span a{padding-left: 2px;}

#header .menu {clear:both;text-transform: uppercase; font-size: 92.4%; background: url("back-menu.gif") repeat-x; height: 29px; }
#header .menu ul {margin:0px; padding:2px 0 0 0px; width: 100%;}
#header .menu li {float: left; display: inline; padding: 0; margin: 0px;  width:20%} 
#header .menu li a { text-decoration: none; display: block; float: left; padding: 4px 0px 5px 0px; text-align: center;
background:#cc0000 url("back-item.gif") repeat-x;  border-left:1px solid #e30c0c;border-right:1px solid #ad0b0b;width:150px; }
#header .menu li a em {text-decoration:underline; font-style: normal;}
#header .menu li a:hover {background:#cc0000 url("back-item-a.gif") repeat-x; text-decoration: underline;}
#header .menu li.selected a, #header .menu li.selected a:hover {background:#cc0000 url("back-item-s.gif") repeat-x;border-right:1px solid #e30c0c;border-left:1px solid #ad0b0b; }
#header .menu li.selected a em, #header .menu li.selected a:hover {text-decoration: none;}

#header #smartNav {float: left; font-size: 84.7%; padding:10px 0;}

#header #searchBox {float: right; padding: 4px 0;}
#header #searchBox input {margin-right: 2px;}
#header #searchBox table {margin: 0;border-spacing: 2px;}
#header #searchBox button {position: relative; top:-1px;}


/* BOXFUL */
#boxful {clear: both;}

#boxful .article {width:370px; padding: 10px 0 5px 0;}
#boxful .article1 {float: left;}
#boxful .article2 {float: right;}
#boxful .article .image { float: left; width: 124px; height: 84px;}
/* #boxful .article .image div {border: 2px solid white;background-color: #333333;  #525252} */
#boxful .article .image div {border: 2px solid #525252;background-color: #515151;    text-align: center;  border-color: #515151; }
#boxful .article .image div a {display: block;height: 80px;}
#boxful .article .txt {float: right; background-color: #333333; width:240px; height:84px; overflow:hidden; }
#boxful .article .txt h3 {padding: 2px 0 2px 7px;}
/*#boxful .article .txt h3 a {color: #cc0000;}*/
#boxful .article .txt p {padding: 0 7px; font-size: 92.4%;}
#boxful .topArticle {width: 100%;padding: 2px 0 5px 0;}
#boxful .topArticle .image {width:310px;height: 210px;}
/* #boxful .topArticle .image div {border: 5px solid white;background-color: #333333; #525252} */
#boxful .topArticle .image div {border: 5px solid #333333;background-color: #515151; text-align: center;  border-color: #515151; }
#boxful .topArticle .image div a {display: block;height: 200px;}
#boxful .topArticle .txt {width:440px; height: 210px; }
#boxful .topArticle .txt h2, #boxful .topArticle .txt h1 {padding: 7px 5px 5px 15px;}
/*#boxful .article#topArticle .txt h2 a {color: #cc0000;}*/
#boxful .topArticle .txt p {padding: 0 15px 0 15px; font-size: 100.0%;}
#boxful .article h6 {padding-right: 7px; position: relative; top: -1px;}
#boxful .article.topArticle h6 {padding-right: 15px;font-size:92.4%;padding-top: 10px;}
#boxful .article h6 a {color: #cc0000;}

#boxful .articleDetail .image { height: auto; margin-bottom: 5px;}
#boxful .articleDetail .txt {height: auto;  }
#boxful .articleDetail .txtIn {padding: 0 15px 15px 15px;}
#boxful .articleDetail .txt h1 {padding-left: 0;}
#boxful .articleDetail .txt h2 {padding-left: 0; font-size:107.69%; }
#boxful .articleDetail .txt h3 {padding-left: 0; font-size:100%; }
#boxful .articleDetail .txt p {padding: 0 15px 10px 0px;}
#boxful .articleDetail .images {text-align: right; width: 310px;}
#boxful .articleDetail .thumb {width: 129px; float: right;}
#boxful .articleDetail .thumb div {border: 2px solid #515151; margin: 5px 0 0 5px;background-color: #515151; text-align: center;}
#boxful .articleDetail .thumb div a {display: block; height: 80px;}

#boxful .photographer {width: 370px; float: left; }
#boxful .photographerIn {padding-left: 40px;}
#boxful .photographer .image {width:310px;height: 210px; float: none;}
#boxful .photographer .image div {border: 5px solid white;background-color: #333333; }
#boxful .photographer .image div a {display: block;height: 200px;}
#boxful .photographer .txt {float: none; height: auto; width: 310px; clear: both; }
#boxful .photographer .txt h1 {padding: 4px 5px 6px 8px; font-size: 107.7%;}

#boxful .photographer2 {width: 250px; float: left; height: 190px; overflow: hidden; }
#boxful .photographerIn2 {padding-left: 20px;}
#boxful .photographer2 .image {width:210px;height: 143px; float: none;}
#boxful .photographer2 .image div {border: 5px solid #333333;background-color: #333333; }
#boxful .photographer2 .image div a {display: block;height: 133px;}
#boxful .photographer2 .txt {float: none; height: auto; width: 210px; clear: both; }
#boxful .photographer2 .txt h1 {padding: 4px 5px 6px 8px; font-size: 107.7%;}
#boxful .photographer2 .txt h2 {padding: 4px 5px 6px 8px; font-size: 100%;}


#boxful .photographerDetail .txt {float: left; height: auto; width: 440px;}
#boxful .photographerDetail .txtIn {padding: 0 15px;}
#boxful .photographerDetail .txt #pImage {float: left; margin-right:5px;}
#boxful .photographerDetail .txt #pImage img {border: 2px solid white; margin: 10px 0 0 0px;}
#boxful .photographerDetail .txt #name {padding-bottom: 10px;}
#boxful .photographerDetail .txt h1 {padding-bottom: 0;}
#boxful .photographerDetail .txt h2 {padding-left: 0; font-size:107.69%; }
#boxful .photographerDetail .txt h3 {padding-left: 0; font-size:100%; }
#boxful .photographerDetail .txt h5 { font-weight: normal;font-size:84.61%; }
#boxful .photographerDetail .txt p {padding: 0 15px 10px 0px;}
#boxful .photographerDetail table {margin: 10px 5px 15px 8px;}
#boxful .photographerDetail th, #boxful .photographerDetail td {border-bottom: 1px solid white; padding: 1px 4px 3px 2px;} 
#boxful .photographerDetail .image {float: right; }
#boxful .photographerDetail .images {text-align: left; width: 315px;float: right; clear:right;}
#boxful .photographerDetail .thumb {width: 129px; float: left;}
#boxful .photographerDetail .thumb div {border: 2px solid #515151; margin: 5px 0 0 5px;background-color: #515151; text-align: center;}
#boxful .photographerDetail .thumb div a {display: block; height: 80px;}

#boxful .collection .txt {height: 210px; overflow: auto;}
#boxful .collection .images {width: 100%; clear: both;}
#boxful .collection .images .thumb {float: left;width:126px;}
#boxful .collection .images .thumb div {margin: 2px 2px 0 0;}


#boxful .box {margin: 10px 0;}
#boxful .box h4 {border-bottom: 1px solid white; background: url("ico-disc.gif") no-repeat 0 3px; padding:0 0 1px 12px;} 
#boxful .boxSilver .boxin {background-color: #727272; background-color: #666666;}
#boxful #news .boxin {padding: 5px 7px;}
#boxful #news ul, #boxful #news li {margin: 0; padding:0; background: none;}
#boxful #adHP {margin-top: 0; display:none}
#boxful #adHP .boxin {text-align: center; padding-top: 2px;}
#boxful #adHP .boxin img {border: 1px solid black;}
#boxful .box2 {width: 370px;}
#boxful .box2#zivot-galerie { float: left; }
#boxful .box2#foto-tydne {float: right;}
#boxful .box2 .boxin {padding:0 10px; text-align: center;minimum-height: 300px;}
#boxful .box2 img {border:5px solid white; margin-top: 15px;}
#boxful .box2 h3 {text-align: left; padding: 5px 20px;}
#boxful .box2 p {text-align: left; padding: 0px 20px 15px;}
#boxful .box2 span {display: block; padding: 4px 0 0 20px;}
#boxful .box2#foto-tydne img {margin-bottom: 10px;}

#boxful .imageDetail {width: 100%; text-align: center; padding-bottom: 15px;}
#boxful .imageDetail img {border: 10px solid white; margin-bottom: 5px;}
#boxful .imageDetail h1, #boxful .imageDetail h2 {text-align: center; font-weight: normal; font-size: 100%; padding-bottom: 2px;}
#boxful .imageDetail h1 span, #boxful .imageDetail h2 span {font-weight: bold;}
#boxful .imageDetail h2 {padding-bottom: 7px;}

#boxful .previews div {width:160px; /*text-align: center;*/ float: left; margin:5px 0;}
#boxful .previews img {width:150px; height:100px; border:2px solid #880006;}
#boxful .previews span {display: block; text-align: center; font-size: 92.4%;}
#boxful .previews a span {text-decoration: underline; }
#boxful .previews a:hover span {text-decoration: none; }
#boxful .previews a:hover img {border-color:#F6F5F7;}

.detail-obrazku #boxful h1 {float: left;}
.detail-obrazku #boxful .image2 {/*clear: both;*/}
.detail-obrazku #boxful .image2 img {width: 480px; height: 320px;border:2px solid #880006;}



.hledani #boxful h1 {margin: 0px 0; float: left;}
.hledani #boxful .searchInfo {color: #484848; float: right; width: 230px; text-align: right; padding-top: 1px; font-size: 84.7%; position: relative; top:-5px;}
.hledani #boxful .searchInfo strong {color: black;}
.hledani #boxful h2 { background: none; color: #484848; font-weight: normal; padding-top: 0px; font-size: 100%; }
.hledani #boxful h2 strong {font-size: 123%; color: Black;}
.hledani #boxful .line {clear: both; margin-top: 0px;}
.hledani #boxful .item {clear: both; margin: 6px 0 0px 0;}
.hledani #boxful .item h3 {font-size: 100%; line-height: 1.2em;}
.hledani #boxful .item p {padding:4px 0 0 0; font-size: 92.4%;}
.hledani #boxful .item span a { text-decoration: none; color: #484848;font-size: 84.7%; font-weight: normal;}
.hledani #boxful .item span a:hover {text-decoration: underline;color:#880006;}
.hledani #boxful .noItem {clear: both;}
.hledani #boxful .noItem p {padding:10px 0 20px 0;}
.hledani #boxful .noItem input {}
.hledani #boxful .pager { margin-top: 10px;}



.mapa-stranek #boxful ul {margin:5px 5px 5px 15px; }
.mapa-stranek #boxful li {background: url("back-ul2.gif") no-repeat 0 6px;padding-top: 3px;}
.mapa-stranek #boxful ul ul {margin: 2px 5px 5px 15px;}
.mapa-stranek #boxful ul ul li {background: url("back-ulpipe.gif") no-repeat 0 0; padding-top: 2px; padding-bottom: 1px; font-size: 84.7%;}
.mapa-stranek #boxful ul ul li.last {background-image: url("back-ulendpipe.gif");}


/* FOOTER */
#footer {width: 100%;clear: both; border-top:1px solid #cc0000; padding-top: 1px; margin-top: 10px; }
#footerIn {background-color: #cc0000; text-align: center; padding-bottom: 5px;}
#footer .menu {padding: 4px 0 2px 0;}
#footer span {font-size: 84.7%;}

#footer a, #footer a:visited {color: White;}
#footer span {background: url("ico-up.gif") no-repeat 0 4px; padding-left: 18px;}
#footer span#up {background-image: url("ico-up.gif");}
#footer span#print {background-image: url("ico-print.gif");}
#footer span#rss {background-image: url("ico-rss.gif");}
#footer span#txt {background-image: url("ico-txt.gif");}
#footer span#map {background-image: url("ico-map.gif");}
/*#footer em {display: block; font-size:84.7%; padding-top: 7px; font-style: normal;}*/

