* {margin: 0; padding: 0;}
body {background-color: #2e3131; color: #b7b8af;font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; text-align: center;}
fieldset {border: none;}
h1 {position: absolute; left: 14px;}
#missland {position: absolute; right: 15px;}
img {border: none;}

a {font-weight: bold; color: #b7b8af;}
a:hover {color: #fff;}


#sidebar {width: 220px; float: left;}
#header {position: fixed; _position:absolute; background-color: #000; width: 100%; _width:99%; height: 35px; text-align: left; z-index: 100;}

#container, #subheader {width: 1000px; text-align: left; margin: auto;}
#subheader {position: relative;}

/*
#menu2 ul li a:hover {border-left: 20px solid #b4c218; color: #fff;}


#menu2 ul ul li a:hover {border-left: 40px solid #b4c218; color: #fff;}











#menu2 ul {margin-left: 24px;}
#menu2 ul ul {margin-left: 0;}
*/
#menu1 ul, ul#menu2, ul#topmenu {list-style-type: none; }
#menu1 { margin-top: 55px; font-size: 14px; padding-bottom: 5px;}
#menu2 {text-transform: uppercase; font-size: 14px; font-weight: bold; padding-bottom: 5px; padding-top: 5px;}
#menu1 ul li, ul#menu2 li {margin-bottom: 2px;}

#menu1 ul li a, ul#menu2 li a {color: #b7b8af; text-decoration: none; border-left: 20px solid #2e3131; font-weight: bold; padding-left: 5px; padding-right: 10px; background: url('img/arrow.gif') center right no-repeat;}
ul#menu2 li a {color: #b7b8af; text-decoration: none; border-left: 40px solid #2e3131; font-weight: bold;}
ul#menu2 ul li a {color: #b7b8af; text-decoration: none; border-left: 60px solid #2e3131; font-weight: bold;}


#menu1 ul li a:hover {border-left: 20px solid #b4c218; color: #fff;}
ul#menu2 li a:hover {border-left: 40px solid #b4c218; color: #fff;}
ul#menu2 ul li a:hover {border-left: 60px solid #b4c218; color: #fff;}

#menu1 ul li a.current, #menu2 ul li a.current {color: #fff; }







ul#topmenu {position: absolute; left: 260px; right: 30px; height: 30px; top: 10px; font-weight: bold; font-size: 14px; color:#838a8a;}
ul#topmenu li a {color:#b7b8af; text-decoration: none;}
ul#topmenu li a:hover {color:#fff; text-decoration: none;}
ul#topmenu li#poprzednia {float: left;width: 25%; display: block;  height: 100%;}
ul#topmenu li#poprzednia  a{background: url('img/leftarrow.gif') center left no-repeat; padding-left: 12px; font-size: 11px; }
ul#topmenu li#wybrano {float: left; text-align: center; display: block;  height: 100%; font-weight: normal; font-size: 11px; }
div#topmenu {position: absolute; left: 260px; right: 30px; height: 30px; top: 10px; text-align: center; font-weight: normal; font-size: 11px; color:#838a8a;}
ul#topmenu li#nastepna{float: right; width: 25%; text-align: right; display: block; height: 100%;}
ul#topmenu li#nastepna a {background: url('img/rightarrow.gif') center right no-repeat; padding-right: 12px; font-size: 11px; }

#main h2 {font-size: 24px;}
#content {margin-left: 24px; padding-top: 10px; border-top: 1px dashed #505454; z-index:1;}
#content h2 {font-size: 14px; text-transform: uppercase; margin-bottom: 4px; color: #fff;}
h3 {font-size: 18px; margin-bottom: 4px; margin-top: 10px; }
h4 {font-size: 14px; margin-bottom: 0px; margin-top: 10px; }

#main {width: 720px; float: right; background-color: #252828; padding: 55px 10px 10px 20px; color: #e9e3db;}
#description {width: 226px; float: left;}
#description1 {width: 100%;clear: both;}
#description h2, #description1 h2 {font-size: 24px; font-weight: normal; display: block; margin-bottom: 10px;}
#description h2 span#kod, #description1 h2 span#kod {display: block;font-size: 13px;}
#kontakt1 {width: 300px; float: left;margin-right: 50px;}
#kontakt2 {width: 300px; float: left; }
#kontakt2 img, .aktualnosc img  {border: 4px solid #fff; clear: both; display: block; margin: auto; text-align: center;margin-bottom: 10px; margin-left: 10px; }
#description img, #description1 img {border: 4px solid #fff; clear: both; display: block; margin-bottom: 10px;}
.aktualnosc1 {width: 300px; float: left;margin-right: 50px;}
.aktualnosc2{width: 300px; float: left; }



.photo { margin: 0 10px 10px 0; float: left; }
.allphoto { margin: 0 10px 10px 0; float: left; text-align: center; }
.allphoto span {display: block;  text-align: center; font-size: 10px; line-height: 12px;}
.allphoto a {color: #b7b8af; font-weight: normal; text-decoration: none;}
.allphoto a:hover {color: #fff; text-decoration: underline;}
#photos {float: right; width: 430px;}
#photos1 {clear: both; width: 100%;}
#allphotos {float: right; width: 730px;}
#photos a img, #allphotos a img {border: 1px solid #aaa;}
#photos1 a img {border: 1px solid #aaa;}
#photos a:hover img, #photos1 a:hover img, #allphotos a:hover img {border: 1px solid #fff;}

legend {color: #b7b8af; margin: 0; padding: 0; text-indent: 0; text-align: left;}
legend {color: #b7b8af;}
fieldset {margin-top: 15px; display: block;}
select {width: 90px;}
input {width: 200px; padding: 1px; }
form {margin-bottom: 20px;}

.aktualnosc {padding: 20px 0 ; border-bottom: 1px dashed #838a8a; border-top: 1px dashed #838a8a;}



#main p {padding-top: 10px;}
#main ul {padding-top: 10px; padding-left: 20px;}
#paginationinfo {padding-top: 20px;}
#paginationinfo span{display: block; margin: 5px; float: left; white-space: nowrap;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.dodano {color:#838a8a;}

#krzysiakportfolio #photos {width: 100%;}
#podpis {width: 100%; padding-bottom: 20px; clear: both;}
.subdane {width: 50%; float: left;}

#main label {width:350px; display: block;}
#main textarea {width: 200px; height: 6em;}

#zostanmodelka p {width: 40%; float: left;}
#wycenaonline p {width: 45%; float: left;}

hr {clear: both; padding: 20px 0; border: none;}