/* =BODY                                                   
---------------------------------------------------------------------------------------------------*/
body { background:#171718 url(../images/bg.jpg); padding:0; margin:0; color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
input,
label,
select,
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:27px; color:#fff; line-height:115%; margin-bottom:10px; font-family:Georgia, Times, serif; }
h2 { font-size:16px; color:#fff; display:block; margin-bottom:20px; font-family:Georgia, Times, serif; }
h3 { font-size:14px; color:#fff; display:block; margin:0 0 10px 10px; line-height:120%; }
a { color:#5c9da2; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left !important; }
.floatRight { float:right !important; }
ul li { list-style:none; line-height:130%; }
.mb10 { margin-bottom:10px !important; }

/* =TOP                                                   
---------------------------------------------------------------------------------------------------*/
#parallax { width:100%; position:relative; margin-bottom:20px; }
#topscroller1 { height:150px; width:100%; overflow:hidden; margin:0 auto; position:absolute; top:0; }
#topscroller2 { height:150px; width:100%; overflow:hidden; margin:0 auto; position:absolute; top:0; }
#topscroller3 { height:150px; width:100%; margin:0 auto; overflow:hidden; }
#topscrollingContent1 { width:10000px; height:150px; background-image:url(../images/bokeh1.png); background-repeat:repeat-x; }
#topscrollingContent2 { width:10000px; height:150px; background-image:url(../images/bokeh2.png); background-repeat:repeat-x; }
#topscrollingContent3 { width:10000px; height:150px; background-image:url(../images/bokeh3.png); background-repeat:repeat-x; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:100%; height:58px; position:absolute; top:34px; left:0px; }
.header-in { width:100%; height:58px; background:url(../images/header_bg.png) repeat-x top left; }
.header li { float:left; }

/* =MENU
---------------------------------------------------------------------------------------------------*/
.main-menu { width:960px; margin:0px auto; position:relative; }
.go_home { display:block; text-indent:-9999em; width:330px; height:58px; left:40px; position:absolute; overflow:hidden; background:url(../images/header_text.png) no-repeat -40px 0px; }
.header:hover .go_home { background-position:-40px -58px; }
.header .go_home:hover { background-position:-40px 0px; }

.go_portfolio { display:block; text-indent:-9999em; width:110px; height:58px; left:580px; position:absolute; overflow:hidden; background:url(../images/header_text.png) no-repeat -580px 0px; }
.header:hover .go_portfolio { background-position:-580px -58px; }
.header .go_portfolio:hover { background-position:-580px 0px; }

.go_blog { display:block; text-indent:-9999em; width:70px; height:58px; left:715px; position:absolute; overflow:hidden; background:url(../images/header_text.png) no-repeat -710px 0px; }
.header:hover .go_blog { background-position: -710px -58px; }
.header .go_blog:hover { background-position: -710px 0px; }

.go_kontakt { display:block; text-indent:-9999em; width:110px; height:58px; left:800px; position:absolute; overflow:hidden; background:url(../images/header_text.png) no-repeat -790px 0px; }
.header:hover .go_kontakt { background-position:-790px -58px; }
.header .go_kontakt:hover { background-position:-790px 0px; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
#scroll-content { width:900px; margin:0 auto; position:relative; overflow:hidden; }
#scrollerWindow { margin:0 auto; width:900px; position:relative; overflow:hidden; }
#scrollingContent { width:10000px; }

div.scrollPanel { width:800px; float:left; padding:0px 50px 20px 50px; }
#home img { display:block; margin:0 auto; }
.leftColumn { width:425px; float:left; padding:0px 50px 0px 0px; }
.leftColumn p { margin-bottom:10px; }
.rightColumn { width:285px; float:left; }

/* =PORTFOLIO
---------------------------------------------------------------------------------------------------*/
.portfolio-boxes li { float:left; width:240px; height:190px; padding:10px; margin:0 10px 10px 0; font-size:11px; background:url(../images/bg-item.gif) repeat-y top left; position:relative; overflow:hidden; }
.portfolio-boxes li.rear { margin-right:0; }
.portfolio-boxes li a { color:#fff; margin-left:10px; display:inline-block; }
.portfolio-boxes li strong { margin-left:10px; display:block; line-height:120%; }
.portfolio-boxes li p { margin:0 0 5px 10px; line-height:120%; width:250px; }
.portfolio-boxes li .cover { position:absolute; left:5px; top:5px; }

/* =KONTAKT
---------------------------------------------------------------------------------------------------*/
form.kontakt label { float:left; line-height:25px; }
form.kontakt .row-textarea,
form.kontakt .row { float:right; margin-bottom:5px; }
form.kontakt .row input { width:300px; padding:3px; }
form.kontakt .row-textarea textarea { width:300px; height:200px; padding:3px; }
form.kontakt .submit { float:left; margin-left:115px; }
form.kontakt .povinna-polozka { float:right; font-size:11px; }

.system { padding:5px; margin-bottom:10px; display:block; }
.system.error { border:2px solid #ff0000; }
.system.success { border:2px solid #a6d000; }