/* www.axorclub.cz, media screen */
/* zakladni nastaveni */
html {
font-size: 100.01%;
}
body {
background: #040404 url("./../../_layout/_www/body.png");
color: #ffffff;
font: normal normal normal 1em/normal sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
p {
margin: 0;
padding: 0;
}
h1 {
font-size: 1.8em;
margin: 0;
padding: 0 0 15px 0;
}
h2 {
font-size: 1.8em;
margin: 0;
padding: 0 0 15px 0;
}
h3 {
font-size: 1.6em;
margin: 0;
padding: 0 0 10px 0;
}
h4 {
font-size: 1.4em;
margin: 0;
padding: 0 0 10px 0;
}
h5 {
font-size: 1.2em;
margin: 0;
padding: 0 0 10px 0;
}
h6 {
font-size: 1em;
margin: 0;
padding: 0 0 10px 0;
}
ol, ul {
margin: 0;
padding: 0;
}
ol li, ul li {
list-style: none;
}
a {
color: #e4261a;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #e4261a;
text-decoration: underline;
}
a img {
border: none;
}
ins {
text-decoration: none;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
input.text, input.password {
background: #ffffff;
border: 1px solid #003366;
color: #000000;
font-family: Verdana, "Geneva CE", lucida, sans-serif;
font-size: 1em;
padding: 6px;
}
input.submit, input.reset, input.button {
border: 1px solid #003366;
color: #000000;
cursor: pointer;
font-family: Verdana, "Geneva CE", lucida, sans-serif;
font-size: 1em;
padding: 10px;
}
textarea {
background: #ffffff;
border: 1px solid #003366;
color: #000000;
font-family: sans-serif;
font-size: 1em;
overflow: auto;
padding: 6px;
}
select {
background: #ffffff;
border: 1px solid #003366;
color: #000000;
font-family: sans-serif;
font-size: 1em;
}
hr {
background-color: #cfe0f1;
border: none;
clear: both;
color: #cfe0f1;
height: 1px;
}
table {
font-size: 1em;
margin: 10px 0 10px 0;
}
th, td {
border-bottom: 1px dotted #cccccc;
padding: 2px 10px 2px 10px;
}
th {
background: #003366;
color: #ffffff;
}
/* stranka */
div#homepage,
div#page {
margin: 0 auto 0 auto;
position: relative;
text-align: left;
width: 1002px;
}
div.wrapper {
clear: both;
}
* html div.wrapper {
overflow: hidden;
height: 1px;
}
span.ir {
overflow: hidden !important;
position: absolute;
left: 0;
top: 0;
}
a span.ir {
cursor: pointer;
}
/* content */
div#content {
font-size: 0.7em;
line-height: 15px;
padding: 406px 0 0 0;
position: relative;
width: 1002px;
}
div#list h2 {
font-size: 1.2em;
background: url("./../../_layout/_www/news-ins.png") no-repeat 0 0.5em;
padding-left: 11px;
}
div.columns {
background: #2a2a2a;
border-top: 9px solid #353535;
padding: 10px 207px 10px 207px;
position: relative;
width: 588px;
}
* html div.columns {
padding: 10px 207px 10px 197px;
width: 598px;
}
div.columns div.left {
float: left;
margin-left: -100%;
left: -197px;
overflow: hidden;
position: relative;
width: 197px;
}
div.columns div.center {
float: left;
margin: 0 9px 0 9px;
overflow: hidden;
position: relative;
width: 570px;
}
div#page div.center {
margin-top: 10px;
}
div.columns div.right {
float: left;
overflow: hidden;
position: relative;
right: 0;
width: 197px;
margin-right: -100%;
}
div.box {
background: #1f1f1f;
border: 1px solid #000000;
margin-bottom: 11px;
}
div.box h2 {
background: #060606 url("./../../_layout/_www/box-h3.png") repeat-x;
border: 1px solid #1f1f1f;
font-size: 1.1em;
font-weight: normal;
padding: 9px 12px 5px 12px;
}
div.upcoming-events h2,
div.thumbnails h2 {
border-bottom: none;
}
* html div.upcoming-events h2,
* html div.thumbnails h2 {
float: left;
width: 169px;
}
div.upcoming-events div.item {
background: #000000;
border: 1px solid #1f1f1f;
padding: 12px 0 12px 0;
text-align: center;
}
div.upcoming-events div.item.last {
border-top: 0;
}
div.news div.item {
background: #000000;
border-right: 1px solid #1f1f1f;
border-bottom: 1px solid #1f1f1f;
border-left: 1px solid #1f1f1f;
padding: 9px 8px 15px 16px;
text-align: justify;
}
div.news div.item.last {
border-bottom: 0;
}
div.news ins {
background: url("./../../_layout/_www/news-ins.png") no-repeat 11px 0.5em;
font-weight: bold;
margin-left: -11px;
margin-top: 4px;
margin-bottom: 8px;
padding-left: 18px;
display: inline-block;
display: -moz-inline-box;
}
div.virtual-tour a {
width: 197px;
height: 177px;
display: block;
position: relative;
}
div.virtual-tour span.ir {
width: 197px;
height: 177px;
background: url("./../../_layout/_www/virtual-tour.jpg") no-repeat 0 0;
}
div.video {
margin-bottom: 11px;
}
div.video a {
width: 197px;
height: 177px;
display: block;
position: relative;
}
div.video span.ir {
width: 197px;
height: 177px;
background: url("./../../_layout/_www/video-axor.jpg") no-repeat 0 0;
}
div.thumbnails div.item {
background: #000000;
border: 1px solid #1f1f1f;
padding: 12px 1px 12px 6px;
}
ul.thumbs li {
float: left;
height: 66px;
margin: 0 5px 5px 0;
overflow: hidden;
width: 88px;
}
div.thumbnails p.more {
background: url("./../../_layout/_www/thumbnails-p-more.png") no-repeat 0 0.5em;
float: right;
margin-right: 5px;
margin-top: 9px;
padding-left: 10px;
text-align: right;
}
div.thumbnails p.more a {
color: #ffffff;
}
div.slideshow {
border: 3px solid #000000;
height: 360px;
margin-bottom: 15px;
position: relative;
width: 564px;
}
div.slideshow div#slider {
width: 564px !important;
height: 360px;
overflow: hidden;
}
div#slider ul {
margin: 0;
padding: 0;
}
div#slider li {
list-style: none;
width: 564px;
height: 360px;
overflow: hidden;
}
div.slideshow-title {
background: url("./../../_layout/_www/slideshow-title.png");
bottom: 0;
left: 0;
position: absolute;
width: 564px;
}
* html div.slideshow-title {
background: none;
}
p.title {
float: left;
font-size: 1.6em;
font-weight: bold;
line-height: 21px;
max-width: 60%;
padding: 10px 8px 6px 8px;
}
* html p.title {
width: 60%;
}
ul#controls {
bottom: 0;
float: right;
line-height: 21px;
max-width: 40%;
position: absolute;
right: 0;
}
* html ul#controls {
position: relative;
bottom: -8px;
}
ul#controls li {
float: left;
font-size: 1.4em;
}
ul#controls a {
background: #292829 url("./../../_layout/_www/slideshow-controls-a.png") repeat-x;
border-bottom: 1px solid #1f1f1f;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #1f1f1f;
color: #ffffff;
display: block;
padding: 4px 16px 4px 16px;
text-decoration: none;
}
ul#controls a:hover,
ul#controls li.current a {
background: #810101 url("./../../_layout/_www/slideshow-controls-a-hover.png") repeat-x;
border-bottom: 1px solid #ce1111;
border-left: 1px solid #ce1111;
border-right: 1px solid #990101;
text-decoration: none;
}
div.text {
text-align: justify;
margin-right: 10px;
margin-left: 10px;
}
div.text-output {
font-size: 1.2em;
padding-bottom: 18px;
}
div.text p {
padding-bottom: 10px;
}
div.text a {
text-decoration: underline;
}
div.text ol,
div.text ul {
margin: 2.5em;
}
div.text ol li {
list-style: decimal;
}
div.text ul li {
list-style: square;
}
div.photogallery {
width: 570px;
margin-left: 4px;
margin-top: 20px;
}
div.photogallery ul,
div.photogallery ul li {
list-style-type: none;
}
div.photogallery li {
width: 153px;
height: 153px;
padding: 5px;
background: #000000;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}
span.holder¨{
text-align: center;
position: relative;
display: table-cell;
vertical-align: middle;
width: 153px;
height: 153px;
}
span.holder img {
display: block;
margin: auto;
}

/* header */
div#print-header {
display: none;
}
div#header {
background: url("./../../_layout/_www/header.jpg") no-repeat;
font-size: 0.75em;
height: 416px;
top: 0;
position: absolute;
width: 1002px;
}
div.logo {
height: 117px;
left: 46px;
position: absolute;
top: 46px;
width: 336px;
}
div.logo h1,
div.logo p {
height: 117px;
overflow: hidden;
position: relative;
width: 336px;
}
div#homepage div.logo {
position: absolute;
z-index: 999;
}
div.logo h1 span.ir,
div.logo p span.ir {
background: url("./../../_layout/_www/logo.png") no-repeat 0 0;
height: 117px;
width: 336px;
}
div.mainmenu {
background: #141414;
bottom: 0;
min-height: 45px;
left: 0;
position: absolute;
width: 1002px;
background: #050505 url("./../../_layout/_www/mainmenu-a.png") repeat-x;
}
div.mainmenu li {
border-right: 1px solid #272727;
border-bottom: 1px solid #272727;
float: left;
margin: 0 1px 1px 0;
}
div.mainmenu a {
color: #ffffff;
display: block;
font-weight: bold;
padding: 15px 18px 13px 18px;
text-decoration: none;
text-transform: uppercase;
}
div.mainmenu a:hover,
div.mainmenu a.active {
color: #e4261a;
text-decoration: none;
}
/* foot */
div#footer {
background: #630b0e url("./../../_layout/_www/footer.png") repeat-y;
border: 1px solid #760d0e;
font-size: 0.7em;
line-height: 15px;
min-height: 91px;
padding: 18px 12px 0 18px;
position: relative;
width: 970px;
overflow: hidden;
}
div.site-owner {
float: left;
height: 72px;
margin-right: 88px;
overflow: hidden;
width: 210px;
}
div.site-owner p {
height: 72px;
overflow: hidden;
position: relative;
width: 210px;
}
div.site-owner span.ir {
background: url("./../../_layout/_www/music-club-axor.png");
height: 72px;
width: 210px;
}
div.contact {
float: left;
margin-right: 30px;
margin-top: 14px;
width: 190px;
}
div.textbox {
float: left;
margin-right: 30px;
margin-top: 14px;
width: 190px;
}
div.created-by {
float: right;
font-weight: bold;
line-height: 38px;
margin-top: 17px;
width: 215px;
}
div.created-by p {
position: relative;
width: 215px;
}
div.created-by a {
height: 38px;
margin-left: 16px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 137px;
}
div.created-by span.ir {
background-image: url("./../../_layout/_www/sky-media.png");
height: 38px;
width: 137px;
}
div.created-by a:hover span.ir {
/*background-position: -137px 0;*/
}