/*
 Screen style    
 Site: Zakladove dosky
*/
body { font-size: 75%; padding: 0; background: #19241c; color: #fff; }

/* Auto clearing floats */
#wrapper:after, #inner:after, #footer:after, .work:after, .contact-form .row:after, #footer .bottom:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.ir a span { cursor: pointer; }

/* Wrappers */
#outer-wrapper { background: #263326; }
#wrapper { width: 944px; margin: 0 auto; }

/* Header */
#header { height: 152px; position: relative; background: url(../images/bg/header.jpg) center top no-repeat; }
#header .logo { width: 280px; height: 68px; position: absolute; top: 62px; left: 80px; }
#header .logo span { background-image: url(../images/text/logo.gif); }

/* Navigation */
#nav { background: url(../images/bg/nav.jpg) no-repeat; height: 80px; padding: 0 59px 47px 58px; line-height: 1.25; }
#nav .accessibility { display: none; }
#nav li { float: left; }
#nav a { color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; display: block; padding: 32px 5px 5px 5px; height: 43px; margin-left: 1px; }
#nav .current a, #nav a:hover { color: #d5eb66; background-position: center bottom; background-repeat: no-repeat; }
#nav .nav01 { width: 70px; margin: 0; }
#nav .nav02 { width: 147px; }
#nav .nav03 { width: 220px; }
#nav .nav04 { width: 125px; }
#nav .nav05 { width: 109px; }
#nav .nav06 { width: 91px; }
#nav .nav01:hover, #nav .current .nav01 { background: url(../images/bg/nav01.jpg) right bottom no-repeat; }
#nav .nav02:hover, #nav .current .nav02 { background-image: url(../images/bg/nav02.jpg); }
#nav .nav03:hover, #nav .current .nav03 { background-image: url(../images/bg/nav03.jpg); }
#nav .nav04:hover, #nav .current .nav04 { background-image: url(../images/bg/nav04.jpg); }
#nav .nav05:hover, #nav .current .nav05 { background-image: url(../images/bg/nav05.jpg); }
#nav .nav06:hover, #nav .current .nav06 { background: url(../images/bg/nav06.jpg) left bottom no-repeat; }

/* Inner */
#inner { margin: 0 114px 30px 82px; }

/* Content */
#content { float: right; width: 488px; min-height: 373px; }
#content a:hover { color: #90a890; }
#content img.left { float: left; display: block; padding: 39px; background: url(../images/bg/img.jpg) no-repeat; margin: -35px -17px -15px -34px;}
#content .back { font-weight: bold; margin: 1.25em 0 0 0; }
#content .back a:hover { color: #fff; }

/* Work */
.work { margin-top: 16px; }
.work-first { margin-top: 24px; }
.work img { display: block; float: left; margin: -5px 0 0 -6px; padding: 10px 13px 13px 9px; background: url(../images/bg/work-img.jpg) no-repeat; }
.work .inner { margin: 12px 0 0 160px; }
.work p { color: #90a890; margin-bottom: 0; }
.work p.date { color: #fff; margin-bottom: 8px; }
.work-detail-img { padding: 10px 13px 14px 9px; background: url(../images/bg/work-detail-img.gif) no-repeat; width: 482px; height: 334px; margin: 0 0 0 -9px; position: relative; }
.work-detail-img img { display: block; }

/* Pager */
.pager { margin: 35px 0 0 162px; }
.pager img { display: block; float: left; margin-right: 4px; }
.pager a { display: block; float: left; width: 21px; height: 21px; line-height: 21px; margin-right: 4px; text-align: center; }
.pager a.current { background: url(../images/bg/pager.gif) no-repeat; }
#content .pager a:hover { color: #fff; }

/* Sidebar */
#sidebar { float: left; width: 220px; margin-top: -9px; }
#sidebar .sec-nav li { border-bottom: 1px solid #19241c; padding: 7px 0; }
#sidebar .sec-nav a { font-weight: bold; }
#sidebar .sec-nav a.current, #sidebar .sec-nav a:hover { color: #fff; }

/* Home page */
.home #inner { margin: -47px 62px 0 25px; }
.home #content { float: none; width: auto; min-height: 275px; }
.home-photo { float: left; width: 378px; }
.home-photo img { display: block; }
.home-intro { float: right; width: 479px; margin: 36px 0 15px 0; font: 1.75em/1.24 Georgia, "New York CE", utopia, serif; color: #12b572; }
.home-intro p { margin: 0; }
.home-intro p.more { margin-top: 26px; }

/* Home page: News and Portfolio */
.home #footer { padding-top: 32px; }
#footer .bottom { background: url(../images/bg/footer-bottom.gif) left bottom no-repeat; padding-bottom: 25px; margin-bottom: 24px; }
#footer .bottom .news { float: left; width: 225px; }
#footer .bottom .portfolio { float: right; width: 480px; }
#footer .bottom h3 { font: normal 1.5em/1.22 Georgia, "New York CE", utopia, serif; color: #fff; margin-bottom: 18px; }
#footer .bottom h4 { font-size: 1.09em; margin-bottom: 3px; }
#footer .bottom a { color: #12b572; }
#footer .bottom li { padding-left: 9px; background: url(../images/bg/arrow1.gif) 0 6px no-repeat; }
#footer .bottom .portfolio ul { float: left; width: 220px; }
#footer .bottom .portfolio ul.right { float: right; }

/* Contact */
.contact #sidebar { line-height: 1.67; margin-top: -4px; }
.contact #sidebar th { padding: 0 15px 0 0; }
.contact #sidebar .email th { padding-top: 10px; }

/* Contact form */
.contact-form { line-height: 1.67; margin-top: 28px; }
.contact-form .text-input { width: 152px; float: left; margin: 0 28px 6px 0; }
.contact-form .text-input input { width: 152px; }
.contact-form textarea { width: 330px; height: 116px; }
.contact-form .submit { margin-left: 186px; }
p.thanks { font-size: 1.17em; margin: 2em 0 -8px 0; }
p.error { color: #ff9966; margin: 1.75em 0 -8px 0; }

/* Footer */
#footer { width: 739px; margin: 0 auto; padding: 35px 118px 35px 78px; font-size: 0.92em; background: url(../images/bg/footer.jpg) no-repeat; color: #90a890; }
#footer a { color: #90a890; }
#footer a:hover { color: #fff; }
#footer .copy { float: left; }
#footer .design { float: right; }