@import "base.css"; 
@import url(../../modules/MiniGallery/css/milkbox/milkbox.css);/* Milkbox css */

h2 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 14px;
    text-indent: -9999px;
    height: 25px;
    background: url('images/header-firma.gif') no-repeat;
}

h2.empty { background: transparent; }
h2.ostatnieProjekty { background-image: url('images/header-projekty.gif');}
h2.linki { background-image: url('images/header-linki.gif');}
h2.header6 { background-image: url('images/header-kontakt.gif');}
h2.header48 { background-image: url('images/header-portfolio.gif');}
h2.header47 { background-image: url('images/header-oferta.gif');}
h2.header84 { background-image: url('images/oferta_produkty.png');}
h2.header83 { background-image: url('images/oferta_produkty.png');}

#menu {
    height: 30px;
    margin: 0px 0px 0px 1px;
    padding: 0px;
    background: url('images/menu-bg.gif') no-repeat 545px 0px;
}

#menu li {
    margin: 0px;
    height: 30px;
    padding: 0px;
    float: left;
    list-style: none;
    list-style-image: none;
}

#menu li a {
    display: block;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url('images/menu.gif') no-repeat;
    height: 30px;
    width: 136px;
}

#menu li.item2 a { background-position: -136px 0px; }
#menu li.item3 a { background-position: -272px 0px; }
#menu li.item4 a { background-position: -408px 0px; }

div.left {
    width: 545px;
    float: left;
}

div.right {
    float: left;
    width: 575px;
}

div.fullWidth {
    float: none;
    width: 1120px;
}

.withFoto {
    height: 829px;
    background-repeat: no-repeat;
}

.content {
    padding: 23px 19px 23px 35px;
}

.contentText {
    padding: 0px 0px 0px 33px;
}

.right .contentText {
    padding: 0px;
}

.portfolio-image {
	display: block;
	margin-left: 30px;

    width: 211px; 
	float: left;
	background: #330033;
	border: 1px solid #905890;
	margin-bottom: 33px;
}

.portfolio-image .wrapper {
	display: block;
	height: 86px;
	width: 201px;
	margin: 4px 4px;
	margin-top: 6px;
	margin-left: 4px;
	overflow: hidden;
	border: 1px solid #FFDAFF;
	position: relative;
	top: -1px;
}

.withBorder {
    border: 1px solid #905890;
    margin-left: 33px;
}

#linki {
    margin: 0px;
    padding: 0px;
    background: url('images/linki-bg.gif');
    height: 105px;
    border-bottom: 1px solid #7D177D;
    position: relative;
    left: -4px;
}

#linki li {
    margin: 0px;
    padding: 0px;
    height: 35px;
    list-style: none;
    list-style-image: none;
    float: left;
    width: 163px;
    line-height: 35px;
}

#linki li a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 35px;
    background: url('images/star.gif') no-repeat 5px 8px;
}

#footer {
    padding-top: 20px;
    text-align: center;
}

dl#kontakt {
    
}

dl#kontakt dt {
    width: 185px;
    float: left;
    margin: 0px 0px 4px 0px;
    clear: left;
}

dl#kontakt dd {
    float: left;
    width: 273px;
    margin: 0px 0px 4px 0px;
}

dl#kontakt dt img {
    margin-left: 20px;
}

dl#kontakt input,
dl#kontakt textarea {
    width: 273px;
    height: 24px; 
    border: 0px;
}

dl#kontakt textarea {
    height: 75px;
    position: relative;
    top: -1px;
    overflow: auto;
    padding: 0px;
}

div.submit {
    text-align: right;
    padding: 10px 0px 50px 0px;    
}

div.submit input {
    
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}


#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 100%;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	/*display: block;*/
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }                        

#EmailForm label {	
	clear: left;
	width: 100%;
	margin: 0;
	text-align: right;
	line-height: 1.5em;
	position: relative;
}

#EmailForm label input {	
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	/*margin-top: 3px;
	width: 383px;*/
	width: 310px;
	height: auto;
	
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

#EmailForm label input {
	position: inherit;	
}

#EmailForm img {
	vertical-align: middle;
	margin-right: 10px;	
}

#EmailForm .message {
	/*
	position: relative;
	top: -80px;
	*/
	position: absolute;
	top: 3px; 
	left: 39px;
}

.pager {
	clear: both;
	padding: 10px 0px 10px 30px;
	height: 30px;
}

.pager img, 
.pager a {
	float: left;
}

.pager a {
	display: block;
	width: 24px;
	height: 22px;
	background: url('images/pager.gif') no-repeat;
	text-align: center;	
	color: #6F086E;
	font: bold 12px/22px Tahoma;
	margin-right: 4px;
}

#wrapper {
    background: url('images/wrapper.gif') no-repeat center 30px;
}