ACC SHELL

@font-face {
    font-family: 'Josefin Sans';
    src: url('fonts/josefinsansstd-light-webfont.eot');
    src: url('fonts/josefinsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsansstd-light-webfont.woff') format('woff'),
         url('fonts/josefinsansstd-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;}
body {margin:0; padding:0; color: #a8a8a8; background: url(img/body-bg.jpg) center 0 no-repeat #161617; font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; line-height:160%; font-size: 75%;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.nav, .nav li {margin:0; padding:0;}

a {color: #75040b;}
a:hover {text-decoration:none;}
img {border:0;}

p, ul, ol, dl, table {margin: 0 0 1em 0; padding: 0;}
th, td {text-align:left; vertical-align:top; border-bottom: 1px solid #d5bb9a;}
th {border-bottom-width: 2px;}
ul, ol, dl {margin-left:10px; list-style-type:none;}
ol {margin-left: 40px;}
ul li, dl li {padding:0.2em 0 0.1em 29px;}
ul li {background: url(img/bg-li.png) 0 2px no-repeat;}

h1 {margin:0 0 0.8em 0; padding: 0; font-size: 190%; color: #fff; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;}
h2 {margin: 1.2em 0 0.6em 0; padding: 0; font-size: 170%; color: #e5e5e5; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;}
h3 {margin: 1.2em 0 0.6em 0; padding: 0; font-size: 150%; color: #d3d3d3; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;} 
h4 {margin: 1.2em 0 0.6em 0; padding: 0; font-size: 140%; color: #c2c2c2; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;}
h5 {margin: 1.2em 0 0.6em 0; padding: 0; font-size: 130%; color: #b2b2b2; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;}
h6 {margin: 1.2em 0 0.6em 0; padding: 0; font-size: 120%; color: #a8a8a8; line-height: 110%; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 1px #101010; letter-spacing: -0.02em; font-family: 'Josefin Sans', Arial, sans-serif;}

.obrazek-vpravo {float:right; margin: 5px 0 1em 40px;}
.obrazek-vlevo {float:left; margin: 5px 40px 1em 0;}

/* LAYOUT */

#header {width: 960px; margin: 0 auto; padding: 2.6em 0 1em 0;}
#theme {width: 944px; height: 550px; padding: 32px 17px; margin: 0 auto; background: url(img/theme.png) 0 0 no-repeat;}

#page {width: 960px; margin: 0 auto; padding: 2em 0 2em 0;}
#content {padding-bottom: 1.5em;}
#article.home {float:left; width: 440px; padding-right: 30px;}
.box-article-home {width: 195px; float:left; min-height: 190px; padding: 0 25px; background: url(img/box-article-home.png) 0 50% no-repeat;}
.box-article-home h2 {margin:0 0 0.7em 0; font-size: 190%;}
.box-article-home h3, .box-article-home span.date {font-family: Arial; letter-spacing:0; font-size: 100%; text-transform:none; font-weight:bold; color: #f7f7f7;}
.box-article-home span.date {font-size: 55%; font-weight:normal; background: #0d0d0e; display:block; padding:0 5px; margin-top: 3px; color: #a8a8a8; float:right; line-height: 160%;}
.box-article-home h3 a {color: #f7f7f7;} 
.box-article-home ul {margin:-4px; padding:0;}
.box-article-home ul li {width: 202px; height: 26px; padding:9px 0 0 20px; margin-bottom: 2px; font-weight:bold; background: url(img/box-article-home-li.png) 0 0 no-repeat; color: #fff;}

#footer {width: 930px; padding: 2em 0 1em 30px; background: #131313; color: #7d7d7d;}
#footer a {color: #7d7d7d;}
.footer-box {float:left; width: 212px; padding-right: 20px;}
.footer-box h2 {color: #ab8643; margin-top:0;}
.footer-box ul {margin:0; padding:0;}
.footer-box ul li {margin:0; padding:0 0 .2em 15px; background: url(img/footer-ul.gif) 0 5px no-repeat;}
.footer-box.last {text-align:center; padding-top: 50px;}

/* MENUS */
#menu-main {float:right; padding: 1.5em 0 0 0; font-family: 'Josefin Sans', Arial, sans-serif; text-transform:uppercase; font-weight: 600;}
#menu-main li {float:left; border-right: 1px solid #101010; font-size: 130%; font-weight:normal; text-shadow: 1px 1px 1px #101010;}
#menu-main li.last {border:none;}
#menu-main a {display:block; padding: 0.2em 18px; color: #a5a5a5; text-decoration:none;}
#menu-main a:hover {color: #fff;}
#menu-main li.last a {padding-right:0;}