/* START */
body{
  font-family: sans-serif;
}

a{
  color:black;
}

a:hover{
    color:#7E9EB1;
}

a img{
  border:0px solid black;
}

.clir{
  font-size:1px;
  clear:both;
}


body,h1,h2,h3,h4,form,p,div,li,ul,ol,td,tr,table,dd,dt{
  margin:0px;
  padding:0px;
}

img{
    display:block;
}

h2 img{
    display:block;
}

h2 a{
    text-decoration:none;
    cursor:pointer;
}

p{
    line-height:1.5em;
}

p.strong{
    font-weight:bold;
}

body{
    background-color:#000;
    font-size:11px;
}

#wraper{
    text-align:left;
    width:970px;
    margin:0px auto;
}

#header{
    background-color:#000;
    color:#fff;
    position:relative;
}

#header #topmenu{
    position:absolute;
    right:24px;
    top:24px;
    margin-right:0px;
}

#header #topmenu li{
    display:block;
    float:left;
    margin-right:14px;
    padding-left:15px;
    padding-bottom:2px;
    background: url('../images/sep.gif') left center no-repeat;
    font-size:12px;
}

#header #topmenu li.first{
    background: url('../images/nothing.gif') left center no-repeat;
}

#header #topmenu li.last{
    margin-right:0px;    
}

#header #topmenu li a{
    color:#7E9EB1;
    text-decoration:none;
}

#header #topmenu li a:hover{
    color:#fff;
    text-decoration:none;
}

#header #topmenu li.active a{
    color:#fff;
    font-weight:bold;    
}

#icons {
    position: relative;
    height: 80px;
    width: 40px;
    top: 38px;
    left: 968px;
}

#icons img {
  padding-bottom: 10px;
}

#topper{
    background-color:#7E9EB1;
    padding:22px;
    padding-right:0px;
    padding-bottom:16px;
}

#main{
    background-color:#fff;
    padding:22px;
    clear:both;
}

#footer{
    color:#7E9EB1;
    clear:both;
    position:relative;
    margin-top:15px;
    margin-bottom:15px;
}

#footer p{
    margin-top:5px;
}

#footer p a{
    color:#7E9EB1;
}

#footer p a:hover{
    color:#fff;
}

#footer .left {
  width: 560px;
  float: left;
  margin-bottom: 10px;
  padding-left:12px;
}

#footer .left p{
    margin-left: 10px;
}

#footer .left img {
    float: left;
}

#footer .right{
    margin-top: 15px;
    width: 300px;
    float: right;
    padding-right:22px;
}

#footer .right p{
    margin-top: 0;
    text-align: right;
}

#footer .right img {
    margin-top: 3px;
    margin-left: 5px;
    float: right;
}

div.leftArea{
    width:452px;
    float:left;
}

div.rightArea{
    width:452px;
    float:right;
}

div.leftArea2{
    width:215px;
    float:left;
}

div.rightArea2{
    width:215px;
    float:right;
}


#vyhledavani{
    float:left;
    width:218px;
}

#vyhledavani input.hledat{
    background: url('../images/input.gif') no-repeat;
    width:200px;
    height:16px;
    border:0px;
    padding-left:10px;
    padding-top:3px;
    font-size:11px;
}

#vyhledavani input.vyhledat{
    border:0px;
    padding-top:10px;
    padding-bottom:5px;
}

#vyhledavani h3{
    font-size:11px;
    padding-bottom:5px;
}

#vyhledavani a{
    color:#fff;
}

#vyhledavani a:hover{
    color:#000;
}

#vyhledavani li{
    display:block;
    float:left;
    width:100px;
    padding-bottom:3px;
}

#headerImgs{

}

#headerImgs a.headerImg{
    float:left;
    background: url('../images/headerImg.gif') no-repeat;    
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-right: 6px;
    position:relative;
    display:block;
    text-decoration:none;
    color:#000;    
    margin-left:18px;
}

#headerImgs a.headerImg:hover{
    background-color:#7E9EB1;
}

#headerImgs a.headerImg span.popis{
    display:none;
}

#headerImgs a.headerImg:hover span.popis{
    position:absolute;    
    display:block;
    left:2px;
    bottom:12px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    background-color:#fff;
    width:192px;
}


div.novinka{
    position:relative;
    padding-bottom:30px;
}

div.novinka h3{
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    float:left;
    clear:both;
    margin-bottom:10px;
}

div.novinka div.popis{
    clear:both;
    margin-bottom:10px;
}

div.novinka p.popis a:hover{
    color:#fff;
}

div.novinka p.links{
}

div.novinka p.links a{
    font-weight:bold;
    background: transparent url('../images/arrow.gif') no-repeat center right;
    padding-right:15px;
    margin-right:10px;
}

div.diskuze{
    position:relative;
    padding-bottom:0px;
}

div.diskuze h3{
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    float:left;
    clear:both;
    margin-bottom:10px;
}

div.diskuze p.popis{
    clear:both;
    margin-bottom:10px;
}

div.diskuze p.links{
}

div.diskuze p.links a{
    font-weight:bold;
    background: transparent url('../images/arrow.gif') no-repeat center right;
    padding-right:15px;
    margin-right:10px;
}

#serialmenu li{
    font-weight: bold;
    display:block;
    float:left;
    padding-right:5px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 20px;
    background: url('../images/sepr.png') left center no-repeat;
}

#serialmenu li.first{
    background: url('../images/nothing.gif') left center no-repeat;
}

#serialmenu li.last{
    margin-right:0px;
}

#serialmenu li a{
    text-decoration:none;
}

#serialmenu li:hover{
    background:#7E9EB1;
}

#serialmenu li.aktivni {
    background:#7E9EB1;
}

#serialmenu li.aktivni a {
    color: white;
}

#serialmenu li:hover a{
   color: white;
   text-decoration: none;
}

#serialmenu li.active a{
    color:#7E9EB1;
    font-weight:bold;
}

div.serial{
    position:relative;
    background-color:#7E9EB1;
    padding-top:178px;
    padding-bottom:15px;
    margin-bottom:20px;
}

div.serial h2{
    position:absolute;
    top:138px;
    left:0px;
    z-index:5;
}

div.serial h3{
    padding:10px;
    color:#fff;
    font-size:16px;
}

div.serial p.popis{
    clear:both;
    margin-bottom:5px;
}

div.serial p.popis a:hover{
    color:#fff;
}

div.serial img{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
}

div.serial p.links{
    margin-top:5px;
}

div.serial p{
    padding-left:10px;
    padding-right:10px;
}

div.serial p.links a{
    font-weight:bold;
    background: transparent url('../images/rightArrow.png') no-repeat center right;
    padding-right:15px;
    margin-right:10px;
}

div.serial p.links a:hover{
    color:#fff;
}


div.studie{
    position:relative;
    background-color:#7E9EB1;
    padding-top:178px;
    padding-bottom:15px;
    margin-bottom:0px;
}

div.studie h2{
    position:absolute;
    top:138px;
    left:0px;
    z-index:5;
}

div.studie h3{
    padding:10px;
    color:#fff;
    font-size:16px;
}

div.studie p.popis{
    clear:both;
    margin-bottom:5px;
}

div.studie p.popis a:hover{
    color:#fff;
}

div.studie img{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
}

div.studie p.links{
    margin-top:5px;
}

div.studie p{
    padding-left:10px;
    padding-right:10px;
}

div.studie p.links a{
    font-weight:bold;
    background: transparent url('../images/rightArrow.png') no-repeat center right;
    padding-right:15px;
    margin-right:10px;
}

div.studie p.links a:hover{
    color:#fff;
}

div.seznam 
{
    margin-top:24px;
}

div.seznam h3
{
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    clear:both;
}

div.seznam ul
{
    display:block;
    margin-top:10px;
    margin-bottom:50px;
    _margin-bottom:30px;
    clear:both;
}

div.seznam ul li
{
    display:block;
    list-style-type:none;
    list-style-position: outside;
    list-style-image: url('../images/nothing.gif');
    clear:both;
}

div.seznam ul li a
{
    padding:5px;
    padding-left:15px;
    padding-right:10px;
    float:left;
    clear:both;
    background: transparent url('../images/arrowBW.gif') no-repeat center left;
}
/*
div.seznam ul li.lsa a
{
    color:#666;
}
*/
div.seznam ul li a:hover
{
    background: #000 url('../images/arrowWB.gif') no-repeat center left;
    color:#fff;    
}



div.seznam a.linkImg{
    position:relative;
}

div.seznam a.linkImg:hover{
    background-color:#000;
}

div.seznam a.linkImg span.obrazek{
    display:none;
}

div.seznam a.linkImg:hover span.obrazek{
    position:absolute;    
    display:block;
    left:4em;
    bottom:2em;
    padding:3px;
    background-color:#fff;
    z-index:10;
}

div.kartaStavby div.adresa{
    font-size:16px;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:6px;
}

div.kartaStavby div.histadresa{
    font-weight:bold;
}

div.kartaStavby dl{
    margin-bottom:10px;
}

div.kartaStavby dt{
    clear:both;
    display:block;
    float:left;
    width:120px;
}

div.kartaStavby dd{
    float:left;
    font-weight:bold;
    display:block;
    width:320px;
}

div.kartaStavby dd span.noBold{
    font-weight:normal;    
}

div.content h3{
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    float:left;
    clear:both;
    margin-top:24px;
    margin-bottom:10px;    
}

div.content h3.noTopMargin{
    margin-top:0px;
}

div.content h4{
    color:#000;
    font-size:16px;
    clear:both;
    margin-top:14px;
    margin-bottom:10px;
}

div.content h5{
    color:#7E9EB1;
    font-size:14px;
    clear:both;
    margin-top:20px;
    margin-bottom:6px;    
}

div.content ul,ol
{
    color:#7E9EB1;
}

div.content ul ul, ul ol, ol ul, ol ol 
{
    margin-left:20px;
}

div.content ul li
{
    font-weight:bold;
    color:#000;
    list-style-type:square;
    list-style-position:inside;
}

div.content ol li
{
    font-weight:bold;
    color:#000;
    list-style-position:inside;
}

div.content table{
    width:100%;
    border:0px solid black;
    border-bottom: 2px solid #A4B09B;
}

div.content table tr{
}

div.content table tr.head th{
    background-color:#A4B09B;
    padding:14px;
    padding-left:18px;
    color:#fff;
    font-size:13px;
}

div.content table td{
    background-color:#E3E3E3;
    padding:14px;
    padding-left:18px;
}

div.content table th{
    background-color:#E3E3E3;
    padding:14px;
    padding-left:18px;
}

div.content tr.odd td{
    background-color:#D7D7D7;
}

#WGal{
    margin-top:24px;
    margin-bottom:24px;
}

#WGal #WGalImageContainer{
/*    height:360px;*/
}

#WGal div.navigator{
    background-color:#7E9EB1;
    padding:5px;
    color:#fff;
    font-weight:bold;
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
}

#WGal div.navigator span.position{
    display:block;
    text-align:center;
}

#WGal div.navigator a{
    position:absolute;
    top:6px;
    display:block;
}

#WGal div.navigator a.prev{
    left:5px;
    _left:0px;
}

#WGal div.navigator a.next{
    right:5px;
}

#WGalThumbnails{
    margin-left:-6px;
    margin-right:-6px;

/*    border:1px solid #000;*/
    width:464px;
}


#WGal #WGalThumbnails a img{
    padding:2px;
    border:1px solid #fff;
    margin:3px;
    float:left;
}

#WGal #WGalThumbnails a:hover img{
    border:1px solid #000;
}

#WGal p.popis{
    font-weight:bold;
    clear:both;
}

#WGal p.zdroj{
    color:#bbb;
}

div.box {
  width:170px;
  background-color:#E3E3E3;
  margin: 8px 8px 8px 0; 
  padding: 8px;
  border-left: solid 2px #699CB7;
  float: left;
}   
    
div.box h5 {
   margin-top:0px;
}

div.kartaAutora{

}

div.kartaAutora div.fotky{
    margin-top:14px;
}

div.kartaAutora div.fotky img{
    margin-bottom:24px;
}

div.kartaAutora h3
{
    float:none;
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    clear:both;
}

div.kartaAutora h4
{
    font-size:18px;
}

div.kartaAutora div.stavby div.stavba{
    clear:both;
    margin:15px;
    float:left;
    margin-left:0px;
    width:211px;
}

div.kartaAutora div.stavby div.stavba2{
    margin:15px;
    float:left;
    margin-right:0px;
    width:211px;
}

div.seznam2 div.polozka{
    margin-top:24px;
    clear:both;
}

div.seznam2 div.perex {
border-left: 20px solid #999999;
}

div.seznam2 div.ilustrace{
    float:left;
    width:215px;
}

div.seznam2 div.text{
    float:right;
    width:690px;
}

div.seznam2 div.cmnt{
    padding-top:8px;
    padding-bottom:4px;
    clear:both;
}

div.seznam2 h3{
    background-color:#7E9EB1;
    padding:10px;
    color:#fff;
    font-size:16px;
    float:left;
    clear:both;
}

div.seznam2 p.links a{
    font-weight:bold;
    background: transparent url('../images/arrow.gif') no-repeat center right;
    padding-right:15px;
    margin-right:10px;
}

div.seznam2 div.paging{
    margin-top:24px;
    padding-top:12px;
    padding-bottom:12px;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

div.seznam2 div.paging a{
    float:left;
}

div.seznam2 div.paging span{
    display:block;
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-weight:bold;
}

div.clanek div.cl
{
    clear:both;
}

div.clanek div.clanekContent
{
    float:left;
    width:690px;
}

div.clanek div.clanekRight
{
    float:right;
    width:215px;
}

div.clanek div.clanekRight div.fotky div.fotka img
{
    margin-bottom:8px;
}

div.clanek div.clanekRight div.fotky div.fotka
{
    margin-bottom:16px;
}

div.diskuzeDetail div.content div.rightArea div.fotky div.fotka
{
    margin-bottom:16px;
}

div.message{
padding-top:10px;
}

div.diskuzeDetail{
}

div.diskuzeDetail form #jmeno{
    background: url('../images/inputbg.gif') no-repeat;
    width:215px;
    height:18px;
    border:1px solid #7E9EB1;
    padding-left:10px;
    padding-top:5px;
    font-size:11px;
}

div.diskuzeDetail form #komentar{
    background: url('../images/inputbg.gif') no-repeat;
    width:440px;
    height:65px;
    border:1px solid #7E9EB1;
    padding-left:10px;
    padding-top:5px;
    font-size:11px;
    font-family: sans-serif;    
}

div.diskuzeDetail form p{
    margin-top:10px;
}

div.diskuzeDetail p.info{
    font-weight:bold;
}

div.diskuzeDetail div.prispevek{
    clear:both;
    background: url('../images/diskuzebg.gif') no-repeat top left;
    padding-left:20px;
}

div.diskuzeDetail div.d0{
    background: url('../images/nothing.gif') no-repeat;
    padding-left:0px;
    margin-left:0px;
}

div.diskuzeDetail div.d1{
    margin-left:0px;
}

div.diskuzeDetail div.d2{
    margin-left:20px;    
}

div.diskuzeDetail div.d3{
    margin-left:40px;    
}

div.diskuzeDetail div.d4{
    margin-left:60px;    
}

div.diskuzeDetail div.d5{
    margin-left:80px;    
}

div.diskuzeDetail div.d6{
    margin-left:100px;    
}

div.diskuzeDetail div.d7{
    margin-left:120px;    
}

div.diskuzeDetail div.d8{
    margin-left:140px;    
}

div.diskuzeDetail div.d9{
    margin-left:160px;    
}

div.diskuzeDetail div.prispevek p.infoPrispevku{
    position:relative;
    display:block;
}

div.diskuzeDetail div.prispevek p.infoPrispevku span.jmeno{
    color:#54624A;
    font-weight:bold;
}

div.diskuzeDetail div.prispevek p.infoPrispevku span.datum{
    font-weight:bold;
}

div.diskuzeDetail div.prispevek a.odpovedet{
    position:absolute;
    right:0px;
    top:0px;

    font-weight:bold;
    background: transparent url('../images/arrow.gif') no-repeat center right;
    padding-right:15px;
}

div.diskuzeDetail hr{
    height: 1px;
    border: 0px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    _margin-top:5px;
    _margin-bottom:5px;
}

div.diskuzeDetail div.diskuzeFotka{
    margin-top:24px;
    margin-bottom: 24px;
}

p.detailsMysteria{
    display: none;
}

p.showHide{
    text-align:right;
    margin-bottom:20px;
    border-top:0px solid #ddd;
	font-weight:bold;
}

div.anketa {
  width: 100%;    
  padding-top: 20px;
/*  padding: 20px; */
}

div.anketa a {
    }

div.anketa h3 {
    float: none;
    }

div.anketa-status {
    margin-bottom: 5px;
    font-style: italic;
    }    

span.hlasy {
    float: right;
    color: black;
    font-weight: bold;
    }

div.var-cel {
    width: 100%;
    height: 10px;
    background-color: #D7D7D7;
    margin-bottom: 5px;
    }

div.var-pro {
    height:10px;
    background-color: black;
    }

div#fb {
    padding-top: 20px;
    }