html {height:100%;}
body {height:100%; margin:0; padding:0; font-size:12px; color:#a7a7a6; background:#0a0a0a url(/i/bg.gif); border-top:7px solid #ffae00; font-family:Trebuchet MS,sans-serif;}
* {margin:0; padding:0; font-family:Trebuchet MS,sans-serif;}
img {border:none;}
input,textarea,td,li,code,label {font-size:12px;}
input,textarea {padding:3px 2px; border:1px solid #ccc; background:#fff;}
option {padding-right:10px;}
optgroup option {padding-left:10px;}

/******/
h1 {padding:15px 0; font-size:18px; font-weight:normal;}
h2 {padding:10px 0; font-size:14px; font-weight:bold;}
h3 {padding:5px 0; font-size:12px; font-weight:bold;}
p {text-align:justify; padding:2px 0;}
ul,ol {margin:15px 0 15px 25px;}
ul ul {margin:5px 0 5px 15px;}
ol ol {margin:5px 0 5px 15px;}
li {padding:1px 0;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

/******/
.clear {clear:both; height:0; line-height:1px; font-size:1px;}
.left {float:left;}
.right {float:right;}

/******/
.head {margin:auto; max-width:1111px; width:100%; height:80%; min-height:500px; margin-bottom:160px;}
.head .slogan {height:44%; margin:auto;} 
.head .slogan .cnt {height:100%; width:968px; margin:auto; position:relative; background:url(i/slogan3.gif) no-repeat left 70%;}
.head .slogan h1 {width:100px; text-indent:-500px; overflow:hidden;}
.head .info {padding-bottom:40px;}
.head .info .cnt {width:968px; margin:auto; position:relative;}
.head .info p {color:#515151; font-size:26px;}
.head .info p a {color:#b1b1b1; background:#1B1B1B;}
.head .info p a.y {color:#ffae00;}
.head .menu {height:110px; padding-bottom:39px; background:url(i/bg_menu.gif) no-repeat center;}
.head .menu .cnt {width:968px; margin:auto; position:relative;}
.head .menu a {display:block; float:left; text-indent:-100px; overflow:hidden; text-decoration:none;}
.head .menu .a1 {width:126px; height:33px; margin:33px 113px 0 10px; background:url(i/btn_webdesign.gif) no-repeat top;}
.head .menu .a1:hover {background:url(i/btn_webdesign.gif) no-repeat bottom;}
.head .menu .a2 {width:82px; height:36px; margin:33px 152px 0 5px; background:url(i/btn_others.gif) no-repeat;}
.head .menu .a2:hover {background:url(i/btn_others.gif) no-repeat bottom;}
.head .menu .a3 {width:95px; height:33px; margin:33px 144px 0 5px; background:url(i/btn_contact.gif) no-repeat;}
.head .menu .a3:hover {background:url(i/btn_contact.gif) no-repeat bottom;}
.head .menu .a4 {width:86px; height:36px; margin:33px 0 0 5px; background:url(i/btn_about.gif) no-repeat;}
.head .menu .a4:hover {background:url(i/btn_about.gif) no-repeat bottom;}

.head .menu .a1_line {height:8px; width:242px; position:absolute; left:0; top:78px; background:#ffae00;}
.head .menu .a2_line {height:8px; width:238px; position:absolute; left:243px; top:78px; background:#ffae00;}
.head .menu .a3_line {height:8px; width:242px; position:absolute; left:482px; top:78px; background:#ffae00;}
.head .menu .a4_line {height:8px; width:242px; position:absolute; left:725px; top:78px; background:#ffae00;}

.grid {padding-top:62px; background:url(i/bg_grid.gif) repeat-y center -80px;}
.grid .content {width:970px; padding-left:1px; margin:auto; background:url(i/bg_grid.gif) repeat-y center -1px;}
.grid .content img {float:left; margin:0 1px 1px 0;}
.grid .content .back {height:141px; clear:both; padding-right:6px;}
.grid .content .last {height:42px !important;}
.grid .content .back img {float:right;}
.grid .content .imgs img {cursor:pointer;}

.contact {margin:300px auto 0; max-width:1111px;}
.contact .sep {clear:both; height:0; line-height:1px; font-size:1px; border-bottom:1px solid #1e1e20;}
.contact .cnt {width:920px; margin:auto;}
.contact .hdr_jakub {width:520px; height:60px; float:left; padding-right:25px; border-right:1px solid #1e1e20; background:url(i/hdr_aboutme.gif)  no-repeat 0px 10px;;}
.contact .hdr_question {width:370px; height:60px; float:left; background:url(i/hdr_question.gif) no-repeat 30px 10px;}
.contact .about {width:520px; float:left; padding-right:25px;}
.contact .about a {color:#A7A7A6; }
.contact .about p {font-size:16px; color:#a7a7a6; padding:30px 0;}
.contact .links {width:545px; float:left; padding:40px 0; border-right:1px solid #1e1e20;}
.contact .links .facebook {display:block; width:104px; height:22px; float:left; background:url(i/facebook.gif) no-repeat top;}
.contact .links .facebook:hover {background:url(i/facebook.gif) no-repeat bottom;}
.contact .links .jakublaptas {margin-top:3px; display:block; width:150px; height:24px; float:left; padding:0px 0 0 130px; background:url(i/jakublaptas_com.gif) no-repeat top;}
.contact .links .jakublaptas:hover {background:url(i/jakublaptas_com.gif) no-repeat bottom;}

.contact .phone {width:190px; height:75px; float:left; padding:25px 0 0 180px; background:url(i/hdr_contact.gif) no-repeat 30px 45px;}
.contact .phone a {display:block; width:186px; height:49px; background:url(i/phone.gif) no-repeat top;}
.contact .phone a:hover {background:url(i/phone.gif) no-repeat bottom;}

.contact_form {float:left; width:340px; padding:30px 0 5px 30px; border-left:1px solid #1e1e20;}
.contact_form input {width:230px; height:14px; color:#a7a7a6; padding:11px 5px; background:none; border:none;}
.contact_form textarea {width:230px; height:100px; color:#a7a7a6; padding:5px; border:none;}
.contact_form .label {padding:3px 0; float:left; text-align:right; width:90px; padding-right:10px; font-size:14px;}
.contact_form .send {height:24px; text-align:right; padding:5px;}
.contact_form .send a {width:128px; height:24px; display:block; float:right; background:url(i/btn_send.gif) no-repeat top;}
.contact_form .send a:hover {background:url(i/btn_send.gif) no-repeat bottom;}
.contact_form .err {color:red !important;}
.contact_form .clear {height:10px;}

.contact_form .inp {float:left; height:33px; background:#212120 url(i/bg_inp_r.gif) no-repeat right;}
.contact_form .inp .content {height:33px; background:url(i/bg_inp_l.gif) no-repeat left;}
.contact_form .ta {float:left; background:#212120 url(i/bg_box_tl.gif) no-repeat top left;}
.contact_form .ta .tabl {background:url(i/bg_box_bl.gif) no-repeat bottom left;}
.contact_form .ta .tabr {background:url(i/bg_box_br.gif) no-repeat bottom right;}
.contact_form .ta textarea {overflow:auto; background:url(i/bg_box_tr.gif) no-repeat top right;}
.contact_form .success {font-size:16px;}

.back2main {display:inline; float: right; margin-top: 18px; width: 241px; height: 41px; background: url(/i/back2main.gif) no-repeat;}
.vertical_border {border: 0 solid #1e1e1e; border-width: 0 1px; width: 865px; margin:auto;}
.horizontal_border {background: #1e1e1e; max-width: 1111px; height: 1px; overflow: hidden; margin: auto; font-size: 0;}
.fotokorp_bottom {display:block; width: 867px; min-height: 42px; margin: auto; background: url(/i/p/fotokorp_bottom.gif) no-repeat;}

.fotokorp_bottom .previous {display:block; width:157px; height:42px; float:left; background:url(i/btn_previous.gif) no-repeat top;}
.fotokorp_bottom .previous:hover {background:url(i/btn_previous.gif) no-repeat bottom;}

.fotokorp_bottom .next {display:block; width:157px; height:42px; float:right; background:url(i/btn_next.gif) no-repeat top;}
.fotokorp_bottom .next:hover {background:url(i/btn_next.gif) no-repeat bottom;}

.foot {width:920px; margin:auto; clear:both; color:#343333; padding-bottom:400px;}
.foot a {color:#343333;}
.foot .left {padding:5px 0;}