ACC SHELL
html,body{margin:0; padding:0;background:#f6dd82 url(../images/head.gif) repeat-x left top;height:100%}
body{font-size:0.8125em;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align:center;background:#f6dd82 url(../images/body.gif) repeat-x left top;color:#5b3801;height:100%}
#page{width:956px; height:100%; margin:0 auto; text-align:left; position:relative}
html>body #page{height:auto; min-height:100%}
#head{width:956px; height:122px; background:url(../images/head.gif) no-repeat left bottom;position:relative;}
#logo{position:absolute; left:0; top:31px; width:279px; height:69px; line-height:69px; color:#5b3801; font-size:125%; text-align:center; background:url(../images/logo.gif) no-repeat; overflow:hidden}
#logo span{position:absolute; left:0;top:0; width:279px;height:69px; background:url(../images/logo.gif) no-repeat; cursor:pointer }
#nav{position:absolute; left:10px; top:100px; width:956px; margin:0; padding:0; list-style-type:none; z-index:100}
#nav li{display:inline}
#nav a{color:#5b3801; float:left; display:inline; padding:0 5px; border-right:1px solid #5b3801; text-decoration:underlne}
#nav a:hover{text-decoration:none; color:#5b3801}
li.last a{border-right:0px solid #fff !important}
#layout{width:100%; position:relative; padding:30px 0 0 0}
#column{width:200px; float:left; display:inline; margin:0; font-size:85%}
#content{width:708px; float:right; display:inline; margin:0 24px 0 0; padding:0 0 70px 0}
#withoutcolumn #content {margin:0pt 20px; width:auto; float:none;}
.menu{margin:0 0 20px 0; padding:0; list-style-type:none}
.menu li{display:inline}
.menu a{width:200px; text-decoration:none; background:#E2AD41 url(../images/bottom.gif) no-repeat left bottom; color:#5b3801; display:block; margin:0 0 1px 0}
.menu a span.bot{display:block; background:url(../images/top.gif) no-repeat left top; }
.menu a span.pad{margin:0 8px; padding:5px 0 5px 0; display:block; text-decoration:none}
.menu a:hover span.pad{margin:0 8px; padding:5px 0 5px 0; display:block; text-decoration:underline; color:#fff}
#footer{position:absolute; left:0; bottom:0px; width:956px; padding-top:40px; background:url(../images/footer.gif) no-repeat left top}
#footer p{margin:0; padding:0 10px 5px 140px; font-size:85%; }
#topbanner {position:absolute;left:340px;top:25px;width:468px;height:60px;overflow:hidden;}
#beers {position:absolute;right:10px;bottom:10px;width:102px;height:77px;background: url(../images/beers.gif) no-repeat;z-index:500}
div.gallery {width:100%;position:relative;}
div.gallery div.image {font-size:85%;width:184px;float:left;display:inline;margin:0 40px 20px 0;background: url(../images/image.gif) no-repeat left top;}
div.gallery div.image p {margin:0;padding:2px 5px;text-align:center}
#pics {font-size:85%;width:184px;float:left;display:inline;margin:0 40px 20px 0;background: url(../images/image.gif) no-repeat left top;}
html>body div.galler div.image {height:auto;}
div.gallery div.image images {border:0;width:160px;height:120px;display:block;margin:10px 0 10px 12px;}
table{border-collapse:collapse;font-size:100%;margin:0 0 20px 0}
table.table{border:1px solid #5b3801}
table.table th{background:#e2ad41;color:#5b3801;padding:5px}
table.table td{background:#faebb5;border:1px solid #5b3801;padding:5px}
h1{color:#5b3801;font-size:155%;margin:0 0 20px 0;padding:0}
h2{color:#5b3801;background:#faebb5;font-size:145%;margin:0 0 15px 0;padding:5px;font-weight:normal;clear:left;}
h3.restaurace{color:#5b3801;font-size:125%;margin:10px 0 2px 0;padding:0}
h3{color:#5b3801;font-size:125%;margin:0 0 10px 0;padding:0}
h4{color:#fff;font-size:125%;margin:0 0 10px 0;padding:0}
a{color:#5b3801;text-decoration:underline}
a:hover{color:#5b3801;text-decoration:none}
p{line-height:1.5;text-align:justify}
form {margin:0 0 20px 0}
form fieldset {border:1px solid #e2ad41;padding:10px;}
form legend {background:#e2ad41;padding:2px 4px;color:#fff;}
form div.label {width:100px;float:left;margin:2px 0}
input, select, textarea { border:1px solid #E2AD41; color:#8B5300; font-family:Verdana,"Geneva CE",lucida,sans-serif; font-size:100%; margin:2px 0;}
form textarea {width:400px;margin:2px 0;}
form input.send {width:auto !important;float:left;margin: 3px 6px 3px 3px;color: #fff;font-weight:bold;background: #e2ad41;border:0px solid #fff;cursor:pointer;}
form br {clear:both;float:none;width:1px;height:1px;overflow:hidden}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.fleft {float:left;display:inline;margin:0 5px 0 0}
.fright {float:right;display:inline;margin:0 0 0 5px}
div.center {text-align:center;margin:0 0 20px 0}
div.center images {margin:0 auto;}
div.center table {text-align:center;margin:0 0 20px 0}
div.center table {margin:0 auto;}
hr{display:none}
.nofloat{width:1px;height:1px;overflow:hidden;clear:both}
div.two_column { width: 100%; margin: 0 0 20px 0}
div.column { width: 49%; float: left}
div.column_two { width: 49%; float: left}
#pivmap { width: 507px; height: 315px; background: url(../images/mapka.gif) no-repeat; font-size: 80%; position: relative; list-style-type: none; margin: 0 auto}
.karlovarsky { position: absolute; left: 18px; top: 85px}
.plzensky { position: absolute; left: 40px; top: 140px}
.ustecky { position: absolute; left: 110px; top: 55px}
.liberecky { position: absolute; left: 190px; top: 45px}
.stredocesky { position: absolute; left: 140px; top: 130px}
.kralovarsky { position: absolute; left: 260px; top: 80px}
.pardubicky { position: absolute; left: 270px; top: 150px}
.olomoucky { position: absolute; left: 355px; top: 190px}
.moravskoslezsky { position: absolute; left: 425px; top: 175px}
.zlinsky { position: absolute; left: 390px; top: 240px}
.jihomoravsky { position: absolute; left: 290px; top: 260px}
.vysocina { position: absolute; left: 240px; top: 195px}
.jihocesky { position: absolute; left: 120px; top: 210px}
#odkazy {margin: 0 auto; width: 90%}
#odkazy p { margin: 0; padding: 0;}
#odkazy div.sekce { display: block; width: 48%; float:left;}
#odkazy div.sekce h2 { margin: 0;background:none !important}
#odkazy div.sekce ul, #odkazy div.sekce p { margin: 0;}
#odkazy div.sekce ul {margin:0 0 0 25px;list-style-type:disc;}
table.clanekudaje {border-collapse: collapse; font-size: 100%;margin:0 0 10px 0}
table.clanekudaje { border: 1px solid #5B3801}
table.clanekudaje th, table.clanekudaje caption.top { background: #E2AD41; color: #fff; border: 1 solid #5B3801; text-align: center}
table.clanekudaje td, table.clanekudaje.th { font-size: 85%; width: auto; padding: 3px; line-height: 30px;}
table.clanekudaje images { border: 0; float: left}
table.clanekudaje { width: auto}
table.clanekudaje a { display: block; height: 25px; width: auto;line-height: 25px; display: inline}
html>body table.clanekudaje a { display: block; width: auto; float: left;margin:0 6px 0 6px;}
table.clanekudaje td#ll { text-align: center}
td#ll a { margin: 0px 3px}
a#email { padding-left: 32px; background: url(/pivni-hry/hodnoceni/images/ico-email.gif) no-repeat left center}
a#forum { padding-left: 32px; background: url(/pivni-hry/hodnoceni/images/ico-forum.gif) no-repeat left center}
a#tisk { padding-left: 32px; background: url(/pivni-hry/hodnoceni/images/ico-tisk.gif) no-repeat left center}
#images { background:transparent url(../images/image.gif) no-repeat scroll left top; display:inline; float:left; font-size:85%; margin:0pt 5px 0pt 0pt; width:184px;}
.ipics { float:left, border:0pt none; display:block; height:120px; margin:10px 0pt 10px 12px; width:160px;}
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a images{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
table td {text-align:left; vertical-align:top;}
.graf { margin:1em auto 0.3em; border:1px solid #FFEEA8; }
.graf tr td { vertical-align:bottom; font-size:89% !important; font-size /**/:75%; background-color:#FFEEA8; }
.graf tr th { text-align:center; background:#FFEEA8 url(../images/g0.jpg) 0 0 repeat-x; padding:0.2em; font-size:125% !important; font-size /**/:100%; }
.graf tr.text td { background-color:#FFEEA8; text-align:center; padding:0.1em 0.2em; }
.graf tr.bottom td { background-color:#FFEEA8; font-size:100% !important; font-size /**/:79%; text-align:center; }
.graf .w images { width:6px; }
.table td { border:1px solid black; }
.table body { font-family:verdana;}
.table.table { font-size:11px;}
.ul { margin: 0 0 1.5em 0; padding: 0 0 0 35px; width: auto; text-align:left;margin-left:70px;}
.right {text-align:right;}
ACC SHELL 2018