ACC SHELL

/* Obal */
#wrap {
width: 940px;
margin: auto;
z-index: 100;
}

/* Hlavička */
#header {
margin: 20px 30px;
}
#header #logo {
width: 217px;
height: 45px;
position: relative;
}
#header #logo a {
display: block;
width: 217px;
height: 45px;
font-size: 0;
}
#header #logo span {
display: block;
background: url("img/logo.png") no-repeat;
width: 217px;
height: 45px;
position: absolute;
top: 0;
}

/* Kontajner */
#container { 
background: url("img/container-bg.jpg") #263f67 no-repeat;
width: 100%;
margin: auto;
}

#container #column-sidebar {
width: 237px;
float: left;
}
#container #column-content {
width: 623px;
padding: 30px 40px;
float: right;
background-color: #fff;
min-height: 150px;
}

/* Menu */
#menu {
margin: 0;
padding: 30px;
font-size: 16px;
}
#menu li {
list-style-type: none;
}

#menu li a {
display: block;
color: #fff;
padding: 10px 0;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}

#menu li a:hover {
text-decoration: underline;
}

#menu li a.active {
font-weight: bold;
}

/* Fotokoláž */
#photo-collage {
background: url("img/photo-collage.jpg") no-repeat;
width: 940px;
height: 161px;
}


/* Zápatí */
#footer {
background: url("img/footer-bg.jpg") no-repeat;
width: 940px;
height: 288px;
position: relative;
}
#footer .contact {
padding: 40px 30px;
color: #fff;
}
#footer .contact h2 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
#footer .contact ul {
margin: 0;
padding: 0;
font-size: 16px;
}
#footer .contact ul li {
margin: 10px 0;
list-style-type: none;
}

#footer .map {
position: absolute;
top: 15px;
right: 15px;
}

#footer .map iframe {
width: 690px;
height: 260px;
}

#wrap-shadow {
background-image: url("img/wrap-shadow.png");
background-position: center;
height: 77px;
margin: auto;
position: relative;
top: -30px;
z-index: -11;
}

/* Šipka nahoru */
#arrow-top {
width: 30px;
background: #000;
text-align: center;
padding: 10px 15px;
position: fixed;
bottom: 15px;
right: 15px;
cursor: pointer;
display: none;
color: #fff;
border-radius: 6px 6px 6px 6px;
opacity: 0.3;
}
#arrow-top:hover {
opacity: 1;
transition: opacity 0.2s linear 0s;
}
#arrow-top i {
font-size: 2em;
}

/* Ostatní */
.icon-pdf {
display: block;
background: url("img/icon-pdf.gif") no-repeat;
padding-left: 22px;
line-height: 18px;
}