/* CSS Reset 
======================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
text-decoration: none;
}

/* Global and Container
======================================================= */

.clear {
clear: both;
}

html {
height: 100%;
}

body {
background: #080808 url(img/body_bg.jpg) top center no-repeat;
height: 100%;
}

#container {
position: relative;
z-index: 100;
width: 780px;
height: 100%;
background: url(img/container_bg.jpg) top right repeat-y;
margin: 0 auto;
}

#header {
width: 780px;
height: 296px;
background: url(img/header.jpg) top left no-repeat;
}

#header span {
font: 9px tahoma;
color: #fff000;
position: absolute;
top: 0;
right: 5px;
background: url(img/warranty.jpg) top center no-repeat;
padding: 12px 0px 0px 0px;
}

ul#navigation {
height: 68px;
float: right;
margin: 184px 0px 0px 0px;
display: inline;
}

ul#navigation li {
float: left;
}

ul#navigation li a#portfolio {
width: 87px;
height: 73px;
display: block;
float: left;
background: url(img/portfolio.jpg) bottom left no-repeat;
}

ul#navigation li a:hover#portfolio {
background: url(img/portfolio.jpg) top left no-repeat;
}

ul#navigation li a#offer {
width: 84px;
height: 73px;
display: block;
float: left;
background: url(img/offer.jpg) bottom left no-repeat;
}

ul#navigation li a:hover#offer {
background: url(img/offer.jpg) top left no-repeat;
}

ul#navigation li a#about {
width: 84px;
height: 73px;
display: block;
float: left;
background: url(img/about.jpg) bottom left no-repeat;
}

ul#navigation li a:hover#about {
background: url(img/about.jpg) top left no-repeat;
}

ul#navigation li a#contact {
width: 85px;
height: 73px;
display: block;
float: left;
background: url(img/contact.jpg) bottom left no-repeat;
}

ul#navigation li a:hover#contact {
background: url(img/contact.jpg) top left no-repeat;
}

ul#portfolio_nav {
height: 15px;
float: right;
display: inline;
position: absolute;
top: 270px;
right: 8px;
padding-right: 4px;
}

ul#portfolio_nav li {
float: left;
}

ul#portfolio_nav li a#nav_web {
width: 57px;
height: 15px;
display: block;
float: left;
background: url(img/nav_web.jpg) bottom left no-repeat;
}

ul#portfolio_nav li a:hover#nav_web {
background: url(img/nav_web.jpg) top left no-repeat;
}

ul#portfolio_nav li a#nav_logo {
width: 26px;
height: 15px;
display: block;
float: left;
background: url(img/nav_logo.jpg) bottom left no-repeat;
}

ul#portfolio_nav li a:hover#nav_logo {
background: url(img/nav_logo.jpg) top left no-repeat;
}

ul#portfolio_nav li a#nav_print {
width: 85px;
height: 15px;
display: block;
float: left;
background: url(img/nav_print.jpg) bottom left no-repeat;
}

ul#portfolio_nav li a:hover#nav_print {
background: url(img/nav_print.jpg) top left no-repeat;
}

ul#portfolio_nav li.nav_sep {
width: 10px;
height: 15px;
display: block;
float: left;
background: url(img/nav_sep.png) bottom left no-repeat;
margin: 0px 8px;
}

#content {
width: 780px;
background: url(img/content.jpg) top right repeat-y;
padding: 0px 0px 1px 0px;
}

#page{
font-family: arial;
text-align: right;
padding-top: 5px;
padding-right: 23px;
color: #645118;
}

#page a{
color: #fff000;
}

#page a:hover{
color: #ffffff;
}

#leftbox {
width: 400px;
float: left;
font: 11px arial;
color: #d6d6c6;
padding: 10px 20px 0px 20px;
}

#leftbox a {
color:#ffffff;
}

#leftbox h4 {
font: 9px arial;
margin: 8px 0px 8px 10px;
}

#leftbox ul {
color: #d1bf9a;
margin: 0px 0px 0px 10px;
}

#leftbox ul li span {
color: #a1a09e;
}

#leftbox h2#about_head {
width: 42px;
height: 10px;
text-indent: -5000px;
background: url(img/about_head.jpg) top left no-repeat;
margin: 0px 0px 15px 0px;
}

#leftbox h2#offer_head{
width: 42px;
height: 10px;
text-indent: -5000px;
background: url(img/offer_head.jpg) top left no-repeat;
margin: 0px 0px 15px 0px;
}


#leftbox h2#contact_head{
width: 60px;
height: 10px;
text-indent: -5000px;
background: url(img/contact_head.jpg) top left no-repeat;
margin: 0px 0px 15px 0px;
}

#leftbox h2#safety_head{
width: 42px;
height: 10px;
text-indent: -5000px;
background: url(img/safety_head.jpg) top left no-repeat;
margin: 0px 0px 15px 0px;
}



#leftbox p {
margin: 0px 0px 25px 10px;
}

#rightbox {
width: 340px;
float: left;

}

#rightbox_txt {
font: 11px arial;
color: #d6d6c6;
margin-top: 10px;
margin-left: 10px;
}

#rightbox a{
color: #fff000;
}

#footer {
width: 715px;
clear: both;
padding: 0px 0px 0px 25px;
margin: 0px 0px 15px 0px;
}

#footer a:hover{
color: #ffffff;
}

#footer ul {
font: 10px tahoma;
color: #a1a09e;
}

#footer ul li {
float: left;
margin: 0px 3px 0px 0px;
}

#footer ul li a {
color: #fff000;
}

#footer p {
font: 9px tahoma;
color: #a1a09e;
clear: both;
padding: 6px 0px 0px 0px;
}

#footer p a {
color: #fff000;
}

#wrapper {
width: 746x;
background: url(img/content.jpg) top right repeat-y;
padding: 20px 0px 20px 34px;
color: #ffffff;
}

#maximize {
padding: 0px 0px 0px 0px;
}

#big {
width: 728px;
background: #18181a;
border: 1px solid #595652;
margin: 0px 0px 0px 24px;
padding: 25px 0px 0px 12px;
}

#big_print {
width: 728px;
background: #18181a;
border: 1px solid #595652;
margin: 0px 0px 0px 24px;
padding: 13px 0px 0px 12px;
}

#about {
font: 11px arial;
color: #a1a09e;
width: 340px;
float: left;
}

#about ul li {
margin: 0px 0px 8px 0px;
}

#about ul li#txt span {
width: 105px;
height: 22px;
background: url(img/big_txt.jpg) top left no-repeat;
text-indent: -5000px;
display: block;
float: left;
}

#about ul li#txt span#bigger {
width: 70px;
height: 24px;
}

#about ul li#txt div {
width: 300px;
}


#about ul li#zleceniodawca span {
width: 105px;
height: 18px;
background: url(img/big_zleceniodawca.jpg) top left no-repeat;
text-indent: -5000px;
display: block;
float: left;
}

#about ul li#data span {
width: 70px;
height: 18px;
background: url(img/big_data.jpg) top left no-repeat;
text-indent: -5000px;
display: block;
float: left;
}

#about ul li#www span {
width: 70px;
height: 18px;
background: url(img/big_www.jpg) top left no-repeat;
text-indent: -5000px;
display: block;
float: left;
}

#about ul li#www a {
color: #ffffff;
}

#thumbs {
width: 380px;
float: left;

}

#thumbs ul li {
float: left;
background: #080808;
border: 1px solid #595652;
margin: 0px 0px 0px 23px;
width: 100px;
height: 100px;
}

#screens {
width: 728px;
margin: 30px 0px 0px 0px;
}

#screens img {
margin: 0px 0px 8px 0px;
border: 2px solid #595652;
}

#screens_print {
width: 728px;
margin: 0px 0px 0px 0px;
}

#screens_print img {
margin: 0px 0px 8px 0px;
border: 2px solid #595652;
}

#cv{
background: url(img/cv_bg.jpg) no-repeat;
width: 219px;
height: 100px;
margin-top: 80px;
margin-left: 62px;
}

#cv_button{
padding-top: 24px;
}

#cv_button_2{
width: 173px;
height: 32px;
display: block;
float: left;
background: url(img/cv_button.jpg) bottom left no-repeat;
}

#cv_button_2:hover{
background: url(img/cv_button.jpg) top left no-repeat;
}

#navbg {
background: url(img/nav_bg.jpg) bottom repeat-x;
position: absolute;
z-index: 10;
width: 50%;
height: 257px;
top: 0;
right: 0;
}

.admin{
height: 480px;
font: 10px tahoma;
color: #a1a09e;
}

.adm_sub
{
      background-color: #18181a;
      color: #a1a09e;
      width: 80px;
      height: 18px;
      font-size: 11px;
      font-family: tahoma;
      border-width: 1px;
      border-color: #262629;
      border-style: solid solid solid solid;
      cursor: default;
      vertical-align: middle;
	  padding-bottom: 5px;
}
.adm_sub input
{
      width: 180px;
      height: 15px;
      font-size: 8px;
}
.tab td
{
     	margin-left: 3px;
    	padding-left: 10px;

}
.adm_sub:hover
{
      background-color: #18181a;
      color: #fff000;
      width: 80px;
      height: 18px;
      font-size: 11px;
      font-family: tahoma;
      border-width: 1px;
      border-color: #262629;
      border-style: solid solid solid solid;
      cursor: default;
      vertical-align: middle;
}

#editable
{
border-collapse: collapse;
border: 1px solid #2f2f33;
width: 715px;
}

#editable td
{
border: 1px solid #2f2f33;
padding: 3px;
}

#editable th
{
border: 1px solid #2f2f33;
padding-left: 3px;
background-color: black;

}
#formkontakt
{
border:0px solid #ffffff;
width: 500px;
      color: #a1a09e;
	  margin-left: 10px;
}

.input{
border: 1px solid #1b1b1e;
background: #29292d;
color: #787878;
}