/* Basic
_____________________________________________________________________*/
* {margin: 0; padding: 0;}
body {font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 10px; color: #9a9999; background-color: #252525;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}
p {margin: 0; padding: 0 0 10px 0;}


/* Header
_____________________________________________________________________*/
#header {background-color: #252525; text-align: center;}
#header-wrap {margin: 5px auto 0 auto; width: 970px; height: 45px;}
#header-wrap ul {margin: 0 0 0 20px; list-style: none;}
#header-wrap li {color: #fffefe; float: left;}
#header-wrap ul li a {margin: 0; padding: 20px 0 0 0; color: #fffefe; font-weight: bold; text-decoration: none; display: block; width: 103px; height: 33px;}
#header-wrap ul li a:hover {margin: 0; padding: 20px 0 0 0; background:url(http://www.stavbystepan.cz/images/menu-background.png) center no-repeat;}


/* Content
_____________________________________________________________________*/
#content {margin: 0; padding: 0; background: url(http://www.stavbystepan.cz/images/background.png) repeat-x; background-color: #e7e7e7;}
#content-wrap {margin: 0 auto 0 auto; width: 970px; height: 732px; background: url(http://www.stavbystepan.cz/images/content-background.png); overflow: hidden;}
#popup {position: relative; left: 260px; top: -678px; width: 650px; z-index: 50;}
#popup h2 {margin: 10px 0 0 10px; padding: 18px 0 12px 90px; font-size: 30px; font-weight: bolder; color: #f50e0e; background: url(images/puzzle.png) no-repeat;}
.pop_close {margin: 0; padding: 3px 10px 0 0; float: right; border: none; font-weight: bold; font-size: 10px; color: #333; position: relative; z-index: 1000; width: 150px; height: 24px; background: url(http://www.stavbystepan.cz/images/x.png) no-repeat right top;}
#pop_content {margin: 0; padding: 10px; width: 630px; text-align: left; font-size: 12px; font-weight: normal; color: #000; position: absolute; z-index: 999; border: 1px solid #666; background-color: #F2F2F2;}
#pop_content a {margin: 0; padding: 0; font-size: 12px; color: #333; font-weight: bold; text-decoration: none;}
#pop_content a:hover {font-size: 12px; color: #666; text-decoration: underline;}
#pop_content .anchor {margin: 0; padding: 0 0 0 15px; background: url(http://www.stavbystepan.cz/images/arrow-content.png)  no-repeat;}
#pop_content hr {margin: 0 0 0 100px; padding: 0; color: #333; width: 480px; text-align: right;}
.entry {margin: 20px 0 10px 0; padding: 0 20px 0 20px; overflow: auto; max-height: 573px; background-color: #F2F2F2;}
.entry ul {margin: 0; padding: 0 10px 10px 20px;}

/* Sidebars
_____________________________________________________________________*/
#sidebar-left {margin: 0; padding: 5px 0 0 0; background: url(http://www.stavbystepan.cz/images/sidebar-left.png) no-repeat; text-align: left; width: 220px;; float: left; position: relative; top: -695px; z-index: 20;}
#sidebar-top {margin: 0; padding: 5px 0 0 0; background: url(http://www.stavbystepan.cz/images/sidebar-top.png) no-repeat; text-align: left; width: 250px;float: left;  position: relative; height: 150px;  top: -695px; z-index: 20;}
#sidebar-right {margin: 0; padding: 5px 0 0 0; background: url(http://www.stavbystepan.cz/images/sidebar-right.png) no-repeat; text-align: left; width: 220px; float: right; position: relative;  top: -695px; z-index: 20;}
/* left */
#sidebar-left-logo {padding: 10px 0 0 25px;}
#sidebar-left-logo a {background:url(http://www.stavbystepan.cz/images/logo.jpg) no-repeat; border: none; display: block; width: 180px; height: 73px; overflow: hidden; text-indent:-3000px;}
#sidebar-left-logo-h2 h2 {padding: 8px 17px 0 0; text-align: right; font-size: 85%; color: #808080;}
#sidebar-left-text {margin: 0; padding: 20px 20px 15px 20px; width: 180px; height: 195px;}
#sidebar-left-text p {margin: 0; padding: 0 0 3px 0; text-align: justify; font-size: 9px; color: #000;}
#sidebar-left-text img {margin: 0 5px 0 0; padding: 0; vertical-align: middle;}
#sidebar-left-aktuality {margin: 0; padding: 10px 20px 5px 20px; width: 180px; height: 380px;}
#sidebar-left-aktuality-nadpis {margin 0; padding: 8px 0 0 10px; font-size: 130%; color: #FFF; font-weight: bolder;}
#sidebar-left-aktuality-obsah {margin 0; padding: 15px 0 0 0;}
#sidebar-left-aktuality-obsah h2 {margin 0; padding: 0; font-size: 12px; color: #333; font-weight: bold;}
#sidebar-left-aktuality-obsah h3 {margin 0; padding: 0; font-size: 7px; color: #666; font-weight: normal;}
#sidebar-left-aktuality-obsah p {margin 0; padding: 5px 0 15px 0; font-size: 9px; color: #333; font-weight: normal; text-align: justify;}
/* top */
#sidebar-top-1r {margin 0; padding: 15px 0 0 5px; height: 18px; font-size: 130%; color: #707070; font-weight: bold;}
#sidebar-top-2r {margin 0; padding: 0 0 0 5px; height: 18px; font-size: 130%; color: #ea690f; font-weight: bold;}
/* slider */
#slider {position:relative; height:552px; margin: 0; padding: 0;}
#slider img {position:absolute; top:85px; left:165px; z-index:8; opacity:0.0;}
#slider img.active {z-index:10; opacity:1.0;}
#slider img.last-active {z-index:9;}
/* slider-reference */
#slider-reference {position: relative; margin: 42px 132px 0 148px; padding: 0; overflow: hidden; height: 100px;}
#slider-reference-content {position: absolute; margin: 0; padding: 0;}
#slider-reference-content img {display: block; float:left; margin-left: 5px; border: none;}
#slider-reference-content a {display: block; margin: 0; padding: 0; text-decoration: none;}
#slider-reference-content #prev1, #next1 {margin-top: 70px;}  
#slider-reference-content #next1 {margin-right: 40px;}
#slider-reference-content .mask1 {position: relative; width: 685px; height: 100px; overflow: hidden; margin: 42px 0 0 152px;}
/* reference */
.reference {margin: 0; padding: 0; width: 280px; height: 180px;}
.reference img {margin: 0 0 5px 0; padding: 0; border: none;}
.reference p {margin: 0 0 10x 0; padding: 0;}
.reference-left {margin: 0; padding: 0; width: 110px; float: left;}
.reference-right {margin: 0; padding: 0; width: 170px; float: left;}
.reference-left-content {margin: 0; padding: 0; width: 120px; float: left;}
.reference-right-content {margin: 0; padding: 0; width: 300px; float: left;}
/* right */
#sidebar-right-certifikaty {margin: 0; padding: 10px 20px 20px 20px; background: url(http://www.stavbystepan.cz/images/certifikaty.png) no-repeat; width: 180px; height: 365px;}
#sidebar-right-certifikaty-nadpis {margin: 0; padding: 8px 0 0 10px; font-size: 130%; color: #FFF; font-weight: bolder;}
#sidebar-right-certifikaty-obsah {margin: 0; padding: 30px 0 0 15px;}
#sidebar-right-certifikaty-obsah ul {list-style: none;}
#sidebar-right-certifikaty-obsah ul li {padding: 0 0 8px 0;}
#sidebar-right-certifikaty-obsah img {border: none;}


/* Footer
_____________________________________________________________________*/
#footer {background-color: #252525; text-align: center; position: relative; z-index: 1;}
#footer-wrap {margin: 10px auto 0 auto; width: 970px; height: 80px; text-align: left;}
#footer-wrap ul {list-style: none;}
#footer a {border: none;}
#footer a:hoover {border: none;}
#footer img {border: none;}
.linka {background: url(images/footer-line.png) no-repeat; width: 7px; height: 100px; float: left}
#footer-adress {margin: 0; padding: 0 0 0 10px; width: 225px; height: 80px; float: left;}
#footer-adress a {color: #fffefe; font-weight: bold; text-decoration: none; border: none;}
#footer-adress a:hover {color: #fffefe; font-weight: bold; text-decoration: underline; border: none;}
#footer-map {margin: 0; padding: 10px 0 0 0; width: 235px; height: 80px; float: left; text-align: center;}
#footer-iso {margin: 0; padding: 10px 0 0 0; width: 235px; height: 80px; float: left; text-align: center;}
#footer-quicknavi {margin: 0; padding: 10px 0 0 30px; width: 80px; height: 100px; float: left;}
#footer-quicknavi a {color: #9a9999; font-weight: bold; text-decoration: none; border: none;}
#footer-quicknavi a:hover {color: #fffefe; font-weight: bold; text-decoration: underline; border: none;}

/* Partneři */
#foot {margin: 10px 0 20px 0; padding: 0; text-align: left; color: #252525;}
#foot h3 {margin: 0; padding: 0; font-size: 0px; color: }
#partners {margin: 0 auto 10px auto; padding: 0; width: 970px; text-align: center; color: #666;}
#partners h4 {margin: 0; padding: 0; font-size: 10px; font-weight: normal; display: inline-block;}
#partners a {margin: 0; padding: 0; color: #666; text-decoration: none;}
#partners a:hover {color: #CCC; text-decoration: underline;}
