ACC SHELL

* {margin:0; padding:0;}

body {background: #140f11 url('/images/bkg-body.jpg') no-repeat center top; font-family: sans-serif; font-size:12px;}

/* obecne */
h1 {font-size: 12px; font-weight: bold;}
h1.space {margin-bottom: 20px;}
a img {border:none;}
a {cursor: pointer; color:#787878;}
.cb {display: block; clear: both;}
.hide, .hidden {display: none;}

.wrap {width:950px; /*margin:220px 0 0 200px;*/ margin:250px auto 0 auto;}
.main-wrap {width:837px; text-align: left; min-height:519px; padding-left:17px;}
.main {background-color: #000; width:797px; padding:4px; min-height:519px; z-index: 30; position: relative;}

/* main-menu */
.main-menu {background-color: #97bf00; width:193px; height: 481px; padding-top:2px;}
.main-menu ul {list-style: none;}
.main-menu ul.first-level li {line-height: 32px; width:171px; padding-left:14px; margin-left:2px; margin-top:2px; background: transparent url('/images/bkg-main-menu-item.jpg') no-repeat right top; font-size: 13px; }
.main-menu ul.first-level li.first {margin-top: 0px;}
.main-menu ul.first-level li a {color:#FFF; text-decoration: none; line-height: 32px; font-weight: bold;}
.main-menu ul.first-level li ul.second-level {list-style: disc; color:#FFF; list-style-position: inside; }
.main-menu ul.first-level li ul.second-level li {padding-left:0px; background-image: none; line-height: 24px;}
.main-menu ul.first-level li ul.second-level li a {color:#FFF; font-size: 12px; line-height: 24px; font-weight: normal;}
.main-menu ul.first-level li ul.second-level {display:none;}
.main-menu ul.first-level li ul.second-level.show {display:block;}
.main-menu ul li a.active, .main-menu ul li a:hover, .main-menu ul.first-level li ul.second-level li a.active, .main-menu ul.first-level li ul.second-level li a:hover {color:#4d6811;}

/* lang menu */
.lang-menu {background-color: #3c4c00; width:193px; height: 32px; margin-top:5px;}
.lang-menu ul {height: 32px; list-style: none; width:120px;}
.lang-menu ul li { float:left; padding-right: 0px; margin-left:10px; line-height: 32px;}
.lang-menu a {color:#97bf00; text-decoration: none; line-height: 30px; font-weight: bold;}
.lang-menu a.active, .lang-menu a:hover {color:#FFF; }
.lang-menu li .border {color:#97bf00; padding-left:10px;}
.lang-menu #music-player {float:right; line-height: 32px; padding-top: 5px; margin-right: 15px;  }

/* other-menu */
.other-menu {width:230px;}
.other-menu ul {float:right; height: 32px; list-style: none;}
.other-menu ul li { float:left; padding-right: 40px; line-height: 32px;}
.other-menu a {color:#bfbfbf; text-decoration: none; line-height: 30px; font-weight: normal; font-size: 12px;}
.other-menu a.active, .other-menu a:hover {color:#FFF; }
.other-menu li.last {padding-right: 0px;}

/* left-col */
.left-col {float:left;}

/* banner */
.banner {margin-left:197px; margin-bottom: 50px;}

/* content */
.content {margin-left:197px; color:#787878; line-height: 1.5; padding: 0 25px;}
.content ul {list-style-position: inside; padding:5px 0;}
.content p {padding:2px 0 2px 15px; background: transparent url('/images/bkg-content-p.png') no-repeat 0 8px;}
.content p.kontakt {padding-left:0px; background: none;}
.content p.warning {font-style: italic; color: #B7002B; background: none; padding-left:0px;}
.content .mapa {margin:20px 0;}
.content .maily {float:right; margin-right: 20px; }

/* zalozka */
.zalozka {width:21px; height: 70px; background: transparent url('/images/bkg-zalozka.png') no-repeat left top; overflow: hidden;}
.zalozka .prindor {width:21px; height: 70px; background: transparent url('/images/zalozka-prindor.png') no-repeat 40% 50%; display:block;}

/* kontakt */
.osoba {float:right; color:#97BF00; margin-right: 70px;}
.osoba .name {font-weight: bold;}
.osoba-menu li a {text-decoration: none;}
.osoba-menu li a.active {color:#97BF00;}
.kontakt-left {float:left; margin-right:50px;}
.kontakt-right {float:left; margin-top: 72px;}

/* multikontakt */
.multi-kontakt {padding: 20px 0 0 30px;}
.multi-kontakt h1 {color: #FFF; font-size: 16px; margin-bottom: 25px;}
.multi-kontakt .osoba {float: none; display: inline-block; margin-right: 80px; margin-bottom: 40px; width: 200px; vertical-align: top;}
.multi-kontakt .osoba-last {margin-right: 0;}
.multi-kontakt .osoba img {margin-bottom: 8px;}
.multi-kontakt .osoba a {text-decoration: none;}
.multi-kontakt .osoba .name {color: #FFF;}

/* kontakt ve fancyboxu */
.fancy-osoba img {margin-bottom: 10px;}
.fancy-osoba .name {font-weight: bold;}

/* formular */
.errors {color: #B7002B; position: absolute; margin-left: 200px; margin-top: -25px;}
form dd {margin-bottom: 5px;}
form #odeslat-label {display: none;}
form label.required {font-weight: bold;}
form input[type="checkbox"] {margin-right: 3px;}
form #odeslat {padding:2px 5px; background-color: #97BF00; border: 1px solid #787878; color: #FFF;}
form input.button {cursor: pointer;}

/* cycle-photos - roptovaci seznam obrazku */
ul.cycle-photos {list-style: none;}

/* footer */
.footer {padding:10px 20px;}
.copyright, .copyright a {color:#97BF00; text-decoration: none; font-size: 10px;}
.social-icons {float: right; margin-right: 13px;}

/* individualitky */
.iso-thin {width: 280px;}
.iso-download {float:right;}
.iso-download a {margin-left:20px; display: inline-block;}
/*#background-music {float:right; margin-right: 33px;}*/

/* absolutni */
#logo {position: absolute; margin-top:-88px; margin-left: 37px;}
#slogan-de, #slogan-cs, #slogan-en {position: absolute; margin-top:-75px; margin-left: 535px;}
#slogan-de {margin-left:465px; margin-top:-80px;}
#slogan-en {margin-top:-70px;}
#other-menu {position: absolute; margin-top: -37px; margin-left: 570px;}
#ornamenty {position: absolute; width: 100%; height: 221px; top:0; background: transparent url('/images/ornamenty.jpg') no-repeat top center; z-index: 0;}
#zalozka {position: absolute; margin-left: 801px; top:310px;}

/* IE7 */
*:first-child+html body {padding-top:220px;}
*:first-child+html #ornamenty {left:0px; position: absolute;}
*:first-child+html #music-player {margin-top:-4px;}

/* IE6 */
* html body {padding-top:220px;}
* html #ornamenty {left:0px;}
* html .banner {margin-left:0; }
* html .main-menu ul.second-level li {max-width:120px; width:152px;}