/* CSS Document */

body  {font-family: Georgia; font-size: 12px; color: #fff; text-align: center; margin: 0 auto; padding: 0; background: #302414;}
a:link  {color: #b9944b; text-decoration: underline; font-weight: bold;}
a:visited  {color: #b9944b; text-decoration: underline; font-weight: bold;}
a:hover {color: white; text-decoration: none; font-weight: bold;}
strong  {color: #b9944b;}
p {text-align: justify;}

.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px;}

#header {margin: 0 auto; text-align: center; background: url(../img/bg01.jpg) no-repeat top center; height: 550px;}

#header h1  {width: 569px; height: 234px; display: block; overflow: hidden; position: relative; margin: 0 auto;}
#header h1 span  {width: 569px; height: 234px; display: block; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/logo.jpg) no-repeat top center;}
#header h1.en span  {width: 569px; height: 234px; display: block; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/logo-en.jpg) no-repeat top center;}

.en {width: 76px; height: 163px; display: block; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 1000;}
a.eng  {width: 76px; height: 163px; display: block; overflow: hidden; position: relative;}
a.eng span  {width: 76px; height: 163px; display: block; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/sw-en.png) no-repeat top left;}
.cz {width: 76px; height: 163px; display: block; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 1000;}
a.cze  {width: 76px; height: 163px; display: block; overflow: hidden; position: relative;}
a.cze span  {width: 76px; height: 163px; display: block; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/sw-cz.png) no-repeat top left;}

.headerin {margin: 0 auto; text-align: left; width: 960px;}
.intro {float: left; text-align: left; width: 460px; font-size: 18px; margin-top: 40px; margin-left: 10px;}

.menu  {float: right; margin-right: 10px; margin-top: 40px;}
.menu ul  {list-style: none;}
.menu ul li {float: left; margin-left: 24px;}
a.portfolio {position: relative; display: block; width: 96px; height: 25px; overflow: hidden;}
a.portfolio span {position: absolute; top: 0; left: 0; display: block; width: 96px; height: 25px; overflow: hidden; background: url(../img/menu.jpg) no-repeat 0 0; cursor: pointer;}
a.portfolio:hover span {background: url(../img/menu.jpg) no-repeat 0 -25px;}
a.sluzby {position: relative; display: block; width: 69px; height: 25px; overflow: hidden;}
a.sluzby span {position: absolute; top: 0; left: 0; display: block; width: 69px; height: 25px; overflow: hidden; background: url(../img/menu.jpg) no-repeat -96px 0; cursor: pointer;}
a.sluzby:hover span {background: url(../img/menu.jpg) no-repeat -96px -25px;}
a.kontakt {position: relative; display: block; width: 203px; height: 25px; overflow: hidden;}
a.kontakt span {position: absolute; top: 0; left: 0; display: block; width: 203px; height: 25px; overflow: hidden; background: url(../img/menu.jpg) no-repeat -165px 0; cursor: pointer;}
a.kontakt:hover span {background: url(../img/menu.jpg) no-repeat -165px -25px;}

a.sluzby-en {position: relative; display: block; width: 84px; height: 25px; overflow: hidden;}
a.sluzby-en span {position: absolute; top: 0; left: 0; display: block; width: 84px; height: 25px; overflow: hidden; background: url(../img/menu-en.jpg) no-repeat 0 0; cursor: pointer;}
a.sluzby-en:hover span {background: url(../img/menu-en.jpg) no-repeat 0px -25px;}
a.kontakt-en {position: relative; display: block; width: 153px; height: 25px; overflow: hidden;}
a.kontakt-en span {position: absolute; top: 0; left: 0; display: block; width: 153px; height: 25px; overflow: hidden; background: url(../img/menu-en.jpg) no-repeat -84px 0; cursor: pointer;}
a.kontakt-en:hover span {background: url(../img/menu-en.jpg) no-repeat -84px -25px;}

.hej  {font-size: 18px; color: #b9944b; margin-left: 64px; top: 60px; position: relative;}

.hire {position: relative; top: 63px; left: 60px;}

.referenceout {background: url(../img/bg02.jpg) no-repeat top center #241b0e;}
.referencein  {width: 960px; margin: 0 auto; text-align: left;}

.referencein h2 {position: relative; top: 20px; left: 10px; margin: 0; display: block; overflow: hidden; width: 129px; height: 19px;}
.referencein h2 span  {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 129px; height: 19px; background: url(../img/portfolio.jpg) no-repeat 0 0;}

#gallery  {margin-top: 100px;}

.item {background: url(../img/bg03.png) repeat-y top center; padding-top: 17px; padding-bottom: 17px; padding-left: 10px;}
.item h3  {color: #b9944b; margin: 0; font-size: 18px;}
.item img {border: 2px solid #45331b; padding: 2px;}

.text {float: left; width: 300px; margin-right: 4px; margin-top: 14px;}
.desc {color: #b9944b;}
.thumb1 {position: relative; left: 20px;}
.thumb2 {position: relative; left: 40px;}

.separator  {width: 399px; height: 2px; background: url(../img/separator.jpg) no-repeat 0 0; position: relative; left: 311px;}

#textBox ul {list-style: none; float: left; margin-left: 55px;}

.footerbg {display: block; background: url(../img/bg04.jpg) no-repeat top center;}
#footer {width: 960px; text-align: left; margin: 0 auto; padding-top: 210px;}

.footerbg2 {display: block; background: url(../img/bg05.jpg) repeat-x top left; margin-top: 12px;}
#footer2 {width: 960px; text-align: left; margin: 0 auto;}

.slcontent  {float: left; width: 520px; margin-left: 10px; margin-top: 10px;}
.slcontent h2 {margin: 0; display: block; overflow: hidden; width: 92px; height: 23px; position: relative;}
.slcontent h2 span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 92px; height: 23px; background: url(../img/sluzby.jpg) no-repeat 0 0;}
.slcontent h3 {color: #b9944b; font-size: 18px;}

.slcontent h2.en {margin: 0; display: block; overflow: hidden; width: 114px; height: 23px; position: relative;}
.slcontent h2.en span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 114px; height: 23px; background: url(../img/services.jpg) no-repeat 0 0;}

.analyse  {padding-left: 58px; background: url(../img/61.png) no-repeat 0 0; line-height: 48px;}
.design {padding-left: 58px; background: url(../img/62.png) no-repeat 0 0; line-height: 48px;}
.code {padding-left: 58px; background: url(../img/58.png) no-repeat 0 0; line-height: 48px;}
.copywrite  {padding-left: 58px; background: url(../img/44.png) no-repeat 0 0; line-height: 48px;}

.kocontent  {float: left; width: 420px; margin-left: 10px; margin-top: 38px;}
.kocontent h2 {margin: 0; display: block; overflow: hidden; width: 112px; height: 20px; position: relative;}
.kocontent h2 span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 112px; height: 20px; background: url(../img/kontakt.jpg) no-repeat 0 0;}
.kocontent p span  {color: #b9944b; font-weight: bold;}

.kocontent h2.en {margin: 0; display: block; overflow: hidden; width: 111px; height: 20px; position: relative;}
.kocontent h2.en span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 111px; height: 20px; background: url(../img/contact.jpg) no-repeat 0 0;}

.aucontent  {float: right; width: 370px; margin-bottom: 16px; margin-left: 10px; margin-top: 10px;}
.aucontent h2 {margin: 0; display: block; overflow: hidden; width: 77px; height: 24px; position: relative;}
.aucontent h2 span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 77px; height: 24px; background: url(../img/about.jpg) no-repeat 0 0;}

.aucontent h2.en {margin: 0; display: block; overflow: hidden; width: 122px; height: 24px; position: relative;}
.aucontent h2.en span {position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 122px; height: 24px; background: url(../img/aboutme.jpg) no-repeat 0 0;}

.pdf  {padding-left: 30px; font-weight: bold; background: url(../img/pdf.png) no-repeat 0 0; display: block; line-height: 26px; float: left; margin-right: 16px;}

.foto {float: left; margin-left: -94px; margin-top: 48px;}
.foto img {border: 2px solid #513c20; padding: 2px;}

.ikony1  {float: left; margin-left: 58px; margin-top: 62px;}
.ikony1 li {list-style: none; color: white; margin-top: 50px;}
.ikony1 li a {font-size: 10px; font-weight: normal;}

.ikony2  {float: right; margin-left: -10px; margin-top: 62px;}
.ikony2 li {list-style: none; color: white; margin-top: 50px;}
.ikony2 li a {font-size: 10px; font-weight: normal;}

.face {width: 155px; position: relative; height: 50px;}
.face span  {padding: 0; margin: 0; display: block; width: 155px; height: 50px; position: absolute; cursor: pointer; top: 0; left: 0; background: url(../img/facebook.jpg) no-repeat;}
.blog {width: 99px; height: 50px; padding-left: 1px; position: relative;}
.blog span  {padding: 0; margin: 0; display: block; width: 99px; height: 50px; position: absolute; cursor: pointer; top: 0; left: 0; background: url(../img/blog.jpg) no-repeat;}
.devi {width: 94px; height: 50px; padding-left: 1px; position: relative;}
.devi span  {padding: 0; margin: 0; display: block; width: 94px; height: 50px; position: absolute; cursor: pointer; top: 0; left: 0; background: url(../img/deviant.jpg) no-repeat;}
.linked {width: 145px; height: 50px; padding-left: 1px; position: relative;}
.linked span  {padding: 0; margin: 0; display: block; width: 145px; height: 50px; position: absolute; cursor: pointer; top: 0; left: 0; background: url(../img/linkedin.jpg) no-repeat;}

#tweet {margin: 0 auto; width: 960px; padding: 0; z-index: 1000;}
#tweet ul {list-style: none; padding: 0; margin: 0;}
#tweet span {color: #f2e0c3; padding: 0; margin: 0;}

.copy {float: right; padding: 20px 0px;}