body {font-family: Verdana,Calibri; font-size: 11px; background: #F1ECEC url('images/body-bg.gif') repeat-y center; color: #FFFFFF;}

a{text-decoration: underline; color: #FFFFFF;}
a:hover{text-decoration: none;}
small{font-size: 10px;}

#mainbody {margin: 0px auto; width: 760px;  background-color: #101010;}
#header {width: 760px; height: 97px; background: url('images/header.gif') repeat-x; }
#contents {width: 720px; min-height: 460px; background: #DCDCDC url('images/content-bg.gif') repeat-x; padding: 20px; float: left;}
#contents ul#karty {width: 720px; height: 363px; margin-top: 25px;}
#contents ul#karty li a{float: left;}
#contents ul#karty li#karta1 a{width: 255px; height: 354px; background: url('images/karta1-main.png') no-repeat;}
#contents ul#karty li#karta2 a{width: 206px; height: 307px; margin-left: 4px; background: url('images/karta2-main.png') no-repeat;}
#contents ul#karty li#karta3 a{width: 255px; height: 346px; background: url('images/karta3-main.png') no-repeat;}

#modal-window{display: none; border: 5px solid #404040; background-color: #1b1b1b; width: 350px; height: 380px; padding: 10px; overflow: auto;}
#modal-window h3{font-size: 15px; text-align: center; margin: 7px;color: #B80000;}
#modal-window span{font-weight: bold;}
#modal-window span.polozky{display: block; margin: 0px; font-weight: normal;}
#modal-window span.code{display: inline; margin: 0px;}
#modal-window a.linked{text-align: center; font-size: 13px; color: #B80000; margin: 20px; display: block;}
#modal-window p.padded{margin-top: 15px; text-align: justify;}
#modal-window strong{font-weight: bold;}
#modal-window ul {margin-left: 20px; margin-top: 10px; margin-right: 20px;}
#modal-window li {list-style-type: disc;}

a.more-info{margin-top: 20px;color: #B80000; font-size: 12px; text-align: right; display: block; float: right; clear: both; text-decoration: none;}

a#vstoupit{text-align: center; font-size: 13px; color: #B80000; margin: 20px; display: block;}
a.simplemodal-close{cursor: pointer;}
b small.grey{font-weight: normal; font-size: 9px; font-style: italic; color: #E3E3E3}

div#varovani{text-align: justify; width: 350px;margin: 0px auto; border: 5px solid #404040; background-color: #0f0f0f; padding: 20px;}
div#varovani h2{font-size: 15px; color: #B80000; margin-bottom: 20px; text-align: center;}
div#varovani p{ margin-top: 10px; font-size: 12px;}

div#left-sloupek {float: left;}
div#left-sloupek #search-menu{width: 160px; border: 5px solid #404040; background-color: #0f0f0f; margin-top: 15px; padding: 10px;}
div#left-sloupek #search-menu h3{font-size: 15px; text-align: left; margin-top: 5px; }
div#left-sloupek img{margin-left: 15px; margin-top: 10px;}
div#left-sloupek ul{margin-left: 0px; margin-top: 10px;}
div#left-sloupek li{height: 13px; line-height: 13px;}


div#main-cont{width: 510px; float: left; border: 5px solid #404040; min-height: 500px; background-color: #1b1b1b; margin-left: 10px; margin-top: 15px; padding-bottom: 10px;}
div#main-cont div.escort{width: 226px; float: left; min-height: 110px; border: 2px solid #404040;  padding: 5px; background-color: #212121; margin-left: 10px; margin-top: 10px;}

div#main-cont div.escort img {float: right; clear: none;}
div#main-cont div.escort h3 {font-size: 13px; width: 120px;}
div#main-cont div.escort span {width: 120px; font-style: italic;}
div#main-cont div.escort p {display: block; margin-top: 20px;}

div#main-cont div.stahovani {width: 140px; float: left; min-height: 110px; border: 2px solid #404040;  padding: 6px; background-color: #212121; margin-left: 10px; margin-top: 10px;}
div#main-cont div.stahovani img{ margin-bottom: 5px;}
div#main-cont div.stahovani a.stahni-pc{font-weight: bold; color:#CC0000; margin-top: 10px; display: block;}


ul#karty-vyber {width: 500px; height: 300px; display:block; margin-top: 20px; float: left; z-index: 1; position: absolute;}
ul#karty-vyber li {float: left; position: absolute;}
ul#karty-vyber li a {width: 50px; position: absolute; height: 155px; display: block;}

ul#karty-vyber li#karta-1 {width: 211px; height: 216px; margin-left: 3px; margin-top: 37px; background: url('images/karta1.png') no-repeat; z-index: 10;}
ul#karty-vyber li#karta-2 {width: 193px; height: 214px; margin-left: 47px; margin-top: 12px; background: url('images/karta2.png') no-repeat;z-index: 20;}
ul#karty-vyber li#karta-3 {width: 161px; height: 212px; margin-left: 107px; margin-top: 1px; background: url('images/karta3.png') no-repeat;z-index: 30;}
ul#karty-vyber li#karta-4 {width: 130px; height: 184px; margin-left: 170px; margin-top: 5px; background: url('images/karta4.png') no-repeat;z-index: 40;}
ul#karty-vyber li#karta-5 {width: 167px; height: 204px; margin-left: 200px; margin-top: 3px; background: url('images/karta5.png') no-repeat;z-index: 50;}
ul#karty-vyber li#karta-6 {width: 196px; height: 214px; margin-left: 233px; margin-top: 20px; background: url('images/karta6.png') no-repeat;z-index: 60;}
ul#karty-vyber li#karta-7 {width: 213px; height: 206px; margin-left: 255px; margin-top: 50px; background: url('images/karta7.png') no-repeat;z-index: 70;}

div#karty-linky{position: absolute; z-index: 200}
div#karty-linky a{width: 52px; display: block; float: left; height: 100px;} 
div#karty-linky a span{display: none;}
div#karty-linky a#xkarta-1{margin-top: 110px; margin-left: 20px;}
div#karty-linky a#xkarta-2{margin-top: 80px; margin-left: 0px;}
div#karty-linky a#xkarta-3{margin-top: 50px; margin-left:0px;height: 115px;}
div#karty-linky a#xkarta-4{width: 57px;margin-top: 45px; margin-left: 0px;height: 120px;}
div#karty-linky a#xkarta-5{width: 57px;margin-top: 40px; margin-left: 0px;height: 130px;}
div#karty-linky a#xkarta-6{margin-top: 50px; margin-left: 0px;height: 150px;}
div#karty-linky a#xkarta-7{width: 85px; margin-top: 85px; margin-left:0px;height: 150px;}

div#holka-detail{width: 195px; min-height: 100px; border: 1px solid #858585; background-color: #0f0f0f; float: right; margin-top: 25px; padding: 10px;}
div#holka-detail h3{font-size: 15px;}
div#holka-detail p{margin-top: 10px; text-align: justify; font-size: 11px;}



div#ktest {width: 480px; height: 271px; background: url('images/karty.png') no-repeat;}


div.pagination{margin-top: 10px; margin-bottom: 10px; clear: both; display: block; float: left; width: 510px; text-align: center;}

#footer {background: #DCDCDC; padding: 20px; color: #930000; clear: both; font-size: 10px; line-height: 11px;}
#footer a{color: #930000;}
#footer p{text-align: center; margin-bottom: 10px;}


#logo-container{padding-top: 9px; padding-left: 20px;float: left;}
h1#logo span {display: none;}
h1#logo a {display: block; width: 360px; height: 85px; background: url('images/logo.png') no-repeat; cursor: pointer;}


ul#menu {padding: 0px; margin-top: -17px; height: 20px; width: 515px; display: block; float: right; }
ul#menu li {display: block; float: right; height: 20px; background-color: #930000;}
ul#menu li a {text-decoration: none; height: 20px; display: block; padding-top: 4px; padding-left: 6px; padding-right: 6px; }
ul#menu li a:hover { background-color: #BA0000;}


.povidka p {padding: 10px; padding-bottom: 2px; text-align: justify; text-indent: 25px;}
.povidka h3 {width: 480px; margin: 0px auto; text-align: center; font-size: 12px; font-weight: bold; color:#CC0000; display: block; float: left; margin: 15px;}
.povidka p.konec {padding: 22px;}
.povidka img {width: 300px; height: 225px; margin: 0px auto; text-align: center; display: block; margin-top: 10px; margin-bottom: 10px;}

input[type=text]{
	font-size: 10px;
	 background-color: #1b1b1b;
	 color: #E5E5E5;
	 border: 1px solid #404040;
	 width: 400px;
}