ACC SHELL

html {
    background: #111111 url('../images/background.jpg') center 0 no-repeat;
    font-family: sans-serif;
    font-size: 13px;
    color: #999999;
}

html * {
    margin: 0;
    padding: 0;
}

body {
	margin: 0 auto;
    width: 900px;
}

h1 {
	font: bold 47px/1.5 sans-serif;
	color: #3484D2;
	margin: .6em 0
}

hr {
    border: 1px solid #782b27;
}

.whiteColor, b {
    color: white;
}

a img {
    border: 0;
}

.centerAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
}

.leftAlign {
    text-align: left;
}

.qtipImg.questionmark {
    position: absolute;
    margin-top: -2px;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../images/system-help.png');
    background-size: 20px 20px;
}

.qtipImg.exclamationmark {
    position: absolute;
    margin-top: -2px;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../images/system-threat.gif');
    background-size: 20px 20px;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

br.clear {
    clear: both;
    height: 0;
    width: 0;
}

ul.error {
    color: pink;
    font-weight: bold;
    list-style-type: none;
    /*text-align: center;*/
    padding: 2px;
}

div.flash {
	color: chartreuse;
	background: url('../images/background-opacity.png');
	border: 2px solid darkgreen;
	padding: 1em;
	margin: 1em 0;
}

div.error.flash {
    color: red;
    border: 2px solid red;
}

a {
    text-decoration: none;
    color: #b4b466;
}

a:hover {
    text-decoration: underline;
}

header h1 {
    display: none;
}

#panel {
    float: right;
    margin-top: -20px;
}

#panel ul {
}

#panel ul li {
    display: inline;
}

#panel ul li a.active {
    text-decoration: underline;
}

#menu {
    margin-top: 110px;
    margin-bottom: 20px;
    text-transform: uppercase;
    height: 53px;
}

#menu ul {
    font-size: 0;
    width: 100%;
    background: url('../images/menu-bg.png') repeat-x;
}

#menu ul li {
    font: 13px 'Arial';
    font-weight: bold;
    display: inline-block;
    text-align: center;
    border-right: 1px solid black;
}

#menu ul li.third,
#menu ul li.seventh {
    border-right: none;
}

#menu ul li.first {
    width: 162px;
}
#menu ul li.second {
    width: 99px;
}
#menu ul li.third {
    width: 119px;
}
#menu ul li.fourth {
    width: 119px;
}
#menu ul li.fifth {
    width: 153px;
}
#menu ul li.sixth {
    width: 109px;
}
#menu ul li.seventh {
    width: 134px;
}

#menu ul li {
}

#menu ul li.active,
#menu ul li:not(.underConstruction):hover {
    background: url('../images/menu-bg-active.png') repeat-x;
}

#menu ul li a {
    display: block;
    line-height: 53px;
    text-decoration: none;
    color: white;
}

#menu ul li.underConstruction a {
    color: black;
    font-style: italic;
    cursor: default;
}

#menu ul li.active a,
#menu ul li:not(.underConstruction):hover a {
    color: #6f9329;
}

#menu img {
    position: absolute;
    margin-top: -115px;
    margin-left: 381px;
}

#slider {
    width: 900px;
    height: 553px;
    margin-bottom: 20px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

#slider img {
    border: 0;
    width: 900px;
}

#content {
    background: url('../images/background-opacity.png') repeat;
    padding: 45px;
    margin-bottom: 20px;
}

#content .left {
    float: left;
    width: 600px;
}

#content .right {
    float: left;
    width: 190px;
    padding-left: 20px;
}

#content h2 {
    font-family: 'Arial Black', 'Gadget CE', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 24px;
}

#content h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e5e55c;
    padding-bottom: 15px;
}

#content h3 a {
    color: #e5e55c;
}

#content h4 {
    color: #b4b466;
}

#content .left p {
    padding-bottom: 5px;
}

#content .left #homepage p:not(:first-child) {
    text-indent: 30px;
}

#content table {
    width: 70%;
}

#content .right h4 {
    padding-bottom: 3px;
}

#content .right p {
    font-size: 13px;
    padding-bottom: 3px;
}

#homepage img {
    width: 280px;
    height: 180px;
    border: 2px solid rgba(211, 211, 211, .5);
    border-radius: 2px;
    margin-right: 20px;
    float: left;
}

#homepage p {
}

#homepage ul {
    padding-left: 320px;
}

#clenoveTymu h2+a {
    position: relative;
    top: -25px;
}

#clenoveTymu div {
    border-bottom: 1px dotted #4c4c4c;
    min-height: 100px;
    padding: 10px 50px 12px 50px;
}

#clenoveTymu div b {
    font-weight: normal;
}

#clenoveTymu div h3 {
    padding-bottom: 10px;
    color: #dbdb58;
    text-transform: none;
}

#clenoveTymu div h3 span:not(.a) {
    color: #999999;
    padding-left: 5px;
    font-size: 15px;
}

#clenoveTymu div h3 a:not(:first-child) {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #b4b466;
    padding-top: 5px;
}

#clenoveTymu div.hracTymu>a:first-child {
    float: right;
    position: relative;
    left: -416px;
    top: 85px;
    background-image: url('../images/background-opacity.png');
    padding: 0 4px;
    z-index: 9;
}

#clenoveTymu div.hracTymu p a {
    float: right
}

#clenoveTymu>p {
    text-align: center;
    margin-top: 20px;
}

#clenoveTymu div img {
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #818181;
    margin-right: 50px;
}

#clenoveTymu img.stuha {
    position: absolute;
    border: none;
    margin-left: -152px;
    margin-top: 2px;
    z-index: 5;
}

#forum div {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

#forum div.bottom {
    margin-bottom: 0;
    margin-top: 20px;
}

#forum table img {
    width: 60px;
    height: 60px;
}

#forum table {
    width: 100%;
    border-collapse: collapse;
}

#forum table tr.info td {
    font-style: italic;
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: 0;
    color: #535353;
    vertical-align: bottom;
    text-align: right
}

#forum table td {
    text-align: center;
    border-top: 2px solid black;
    padding: 5px;
}

#forum table td.popis {
    width: 60%;
    text-align: left;
    padding-top: 25px;
}

#akce .akce {
    margin-bottom: 80px;
}

#akce .akce .nadpis {
    font-size: 150%;
    text-align: right;
    clear: both;
    margin-bottom: 10px;
}

#akce .akce .nadpis b {
    float: left;
}

#akce .akce .wrapper .editace {
    float: left;
}

#akce .akce .info {
    font-style: italic;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left;
    border-top: 0;
    color: #535353;
    float: right;
    text-align: right;
}

#akce .vytvorit {
    clear: both;
    margin-top: 120px;
}

#fotogalerie h3 {
    text-transform: none;
    margin-top: 10px;
}

#fotogalerie div.album span {
    font-size: 12px;
    font-weight: normal;
}

#fotogalerie div.album div.popis {
    padding-bottom: 5px;
}

#fotogalerie div.album div.popis p {
    text-align: left;
}

#fotogalerie div.album img, #fotogalerie div.album a div {
    width: 128px;
    height: 128px;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

#fotogalerie .upraveno {
    position: relative;
    top: -22px;
    padding-left: 144px;
    font-style: italic;
    color: #535353;
}

#fotogalerie .controls {
    float: right;
    text-align: right;
}

#fotogalerie div.album {
    border: 1px solid red;
    padding: 5px;
    width: 400px;
    width: 95%;
    min-height: 128px;
    border: 2px solid #818181;
}

#fotogalerie div.album.odd {
    /*margin-left: 160px;*/
}

#fotogalerie ul.fotky {
    margin-left: 25px;
}

#fotogalerie ul.fotky li {
    display: inline-block;
    border: 2px solid #818181;
    vertical-align: middle;
    margin-bottom: 20px;
}

#fotogalerie ul.fotky li img {
    width: 130px;
    margin-bottom: -3px;
}

#fotogalerie ul.fotky li .controls, #fotogalerie ul.fotky li .controls2 {
    position: absolute;
    margin-top: -19px;
    background: url('../images/background-opacity.png');
    padding: 2px;
    width: 126px;
    text-align: center;
    display: none;
}

#fotogalerie ul.fotky li .controls2 {
    font-size: 90%;
}

#fotogalerie p {
    text-align: center;
    margin-right: 35px;
}

#fotogalerie-upravitAlbum h4 a:hover {
    text-decoration: none;
}
#fotogalerie-upravitAlbum h4 a {
    /*color: #E5E55C;*/
    text-decoration: underline;
}

#fotogalerie-upravitAlbum h4 {
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}

#fotogalerie-upravitFotku table {
    width: 300px;
}

#fotogalerie-upravitFotku img {
    float: right;
    margin-right: 45px;
    border: 2px solid gray;
    width: 230px;
}

footer {
    padding: 0 25px 10px 25px;
}

footer p.left {
    float: left;
    width: 45%;
}

footer p.right {
    float: right;
    width: 45%;
    text-align: right;
}

#kdeHrajeme {
    height: 190px;
    width: 190px;
    background: url('../images/background-opacity-2.png');
    text-align: center;
    border-radius: 5px;
}

#kdeHrajeme img {
    margin-top: 30px;
    margin-bottom: 25px;
}

.pristiAkce {
    color: white;
}

#mujUcet img {
    float: right;
    margin-right: 45px;
    border: 2px solid gray;
    width: 130px;
    height: 130px;
}