ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
body, td { font-family: Arial, Verdana, sans-serif; font-size: 11px; background-color: #fff; }
#main-content p { padding: 20px 0 0 0 }

/* nagłówki */
h1, h2 { color: #555; padding: 20px 0  0 0 }

/* odnośniki */
a { color: black; text-decoration: none; }

a:hover, a.active, .active a { color: #fd6900; }


.clear { clear: both; } 

#logo, #search {float: left; height: 88px;}
#top {width: 970px}
#search form {padding: 60px 0 0 260px ;}
#search input { width: 100px; border: 1px solid #ddd }
#search .submit {width: auto; background:none; border:none; cursor: pointer; font: 11px Arial, Vardana, sans-serif; color: #666}

#main { clear: both; /*height: 400px;*/ width: 100%; background-color: rgb(238,238,238); overflow: hidden ; position: relative  }
#main-image {background-color: rgb(229,229,229); float: left; width: 533px; height: 400px; overflow: hidden; border-left: 1px solid #eeeeee; }
* html #main-image img {margin-right: -0px; margin-top: -1px; margin-left:-3px; }  /*ie-hack*/
#main-image table {float: right;border: none }
#image-center, #image-center td { background-color: transparent; width: 533px; height: 400px; border-collapse: collapse; vertical-align: center; text-align: right; border: none; }
#main-content {position: relative; float: left; padding-left: 20px; width: 400px; height: 400px; background: url(../images/shadow.gif) left repeat-y; } 
#main-container,
#nav-container {width: 970px;}

#main-content h2 { font-size: 16px; text-transform: uppercase  }

#language-select, #main-nav { float: left }

#language-select li, #main-nav li { float: left; display: block }

#language-select a, #main-nav a { float: left; color: #000  }
#language-select a:hover, #main-nav a:hover, #language-select a.active, #main-nav a.active { float: left; color: #fd6900 }

#language-select { clear: both; padding-top: 5px; width: 286px }
#language-select a {border-left: 1px solid #000; padding: 0 10px; text-transform: uppercase }
#language-select a.first { border-left: none }


#main-nav li {width: 124px }
#main-nav li.last {width: 60px !important;}
#main-nav a {border-left: 1px solid #fd6900; padding: 5px 3px 3px 7px; }

#inner { background-color: red; width: 500px; height: 20px; }
#outer { background-color: yellow; width: 100px; height: 20px; overflow: hidden }


ul.category-list {  list-style: none }
ul.category-list,
ul.category-list li { float: left; padding: 5px; }

#sub-category-list { position: absolute; bottom: 0; float: left; clear: both; width: 400px }
#root-category-list li { padding-right: 15px }

#project-list { position: absolute; top: 178px; clear: both; width: 400px; height: 65px; background: #efefef; overflow: hidden }
ul.picture-list {  list-style: none ; float: left; height: 45px; width: 5000px }
ul.picture-list li { float: left; display: block; padding:1px; width: 53px  }

#project-list, 
#neighbour-nav { position: absolute; clear: both; width: 400px; height: 65px; background: #efefef; overflow: hidden }

#project-list  { top: 178px; }
#neighbour-nav { top: 240px; }

a.left-arrow {float: left}
a.right-arrow {float: right}

#project-details, 
#category-comments { clear: both; float: left; position: absolute; bottom: 240px; color: #878787; width: 400px }

#project-details h2 { color: #878787 }

#project-comment {clear: both}

/* formularz kontaktowy */
div.form-row {clear: both;padding-top: 2px; }
div.form-row label {display:block; float: left;  width: 100px }
div.form-row textarea, 
div.form-row input,
div.form-row select {display:block; float: left }
div.form-row textarea {width: 350px}
div.form-submit-row {clear: both;padding-top:5px;}
div.form-submit-row input {width: 50px;}


#contact-form fieldset {border:none;}
#contact-form h4 { padding-bottom: 6px; padding-top: 12px; font-size: 12px }
#contact-form { color: #555 }

.full-size {width: 400px; height: 400px; overflow: auto}

.space {padding: 10px}

.errFld { border: 1px solid #F00; /*... or any other css properties ... */} 
.errMsg { clear: both; color: #C33; /*... or any other css properties ... */ }

#page-body {height: 400px; overflow: auto }

