body{background: url('../img/bg.png') repeat-x;width: 100%;
font: 12px/20px Verdana, Arial, sens-serif;color:#fff;}

a:visited {color:inherit;}
#wrapper { margin: 0 auto;width:960px;padding:0 10px;overflow: hidden;}

#social { float: right; margin: 30px 10px 0 0;position: relative; right: 5px; z-index: 10;}
#social a img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
#social a img:hover { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}

#logo{background: url('../img/logo.png') no-repeat;height:95px;display: block;
     cursor: pointer;text-indent: -9999px;margin: 0 0 5px 10px;width:800px;}


#domkilist{ display:inline;}

header {position: relative;margin-top: 5px;}

header nav {text-align:left; width:100%;}

header nav div{float:right;color:#fff;text-decoration: none;font-size: 16px;font-family: 'Roboto Condensed', sans-serif;padding:4px 8px;}

header nav ul {margin:0; padding:0;width:80%;}
header nav ul li{margin-left: 5px;	position: relative;	list-style: none; display:inline;
}
header nav ul li a{color:#fff;text-decoration: none;font-size: 16px;font-family: 'Roboto Condensed', sans-serif;padding:4px 8px;display: inline-block;/* IE8 nadanie obiektowi hasLayout*/}
header nav ul li a.active{color:#FF0000;font-family: 'Roboto Condensed', sans-serif;}
section#main-image figure nav ul li a:hover{-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;color:#FF0000;font-family: 'Roboto Condensed', sans-serif;}

header section#main-image {background: url('../img/foto.png') no-repeat;height:309px; width: 940px;display: block;
margin:0 auto;
    -webkit-box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
       -moz-box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
            box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
}

/*do wywalenia wersja 2  :  ----------------- */
header nav ul li a.active{color:#FF0000;font-family: 'Roboto Condensed', sans-serif;}
section#main-image2 figure nav ul li a:hover{-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;color:#FF0000;font-family: 'Roboto Condensed', sans-serif;}

header section#main-image2 {background: url('../img/fotowiazar.png') no-repeat;height:309px; width: 940px;display: block;
margin:0 auto;
    -webkit-box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
       -moz-box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
            box-shadow:0 5px 6px rgba(0, 0, 0, 0.25);
}
}
section#main-image2 figure {background-color: rgba(0, 0, 0, 0.5);height: 35px;padding: 10px;width: auto;}
section#main-image2 figure h2{font-family: 'CapsuulaRegular', sens-serif;color:#fff;font-size: 28px;line-height: 38px;}
section#main-image2 figure h2.second{margin-left:40px;}
section#main-image2 figure h2.third{margin-left:80px;}

/*---------------------------*/

section#main-image2 figure {background-color: rgba(0, 0, 0, 0.5);height: 35px;padding: 10px;width: auto;}
section#main-image2 figure h2{font-family: 'CapsuulaRegular', sens-serif;color:#fff;font-size: 28px;line-height: 38px;}
section#main-image2 figure h2.second{margin-left:40px;}
section#main-image2 figure h2.third{margin-left:80px;}


section#main-image figure {background-color: rgba(0, 0, 0, 0.5);height: 35px;padding: 10px;width: auto;}
section#main-image figure h2{font-family: 'CapsuulaRegular', sens-serif;color:#fff;font-size: 28px;line-height: 38px;}
section#main-image figure h2.second{margin-left:40px;}
section#main-image figure h2.third{margin-left:80px;}

/*#content-wrapper {padding: 20px 10px 40px;margin: 0 10px;overflow: hidden;background: url('../img/bgb.jpg') repeat;}*/
#content-wrapper {padding: 10px 10px 40px;margin: 0 10px;overflow: hidden;background-color: rgba(0, 0, 0, 0.3);}

#content-wrapper strong{color:#f9d467;}
#content-wrapper h2{font-family: 'GraublauWebBold', sens-serif;color:#fff;font-size: 24px;margin-bottom: 30px;
margin-top: 20px;text-shadow:0 0 1px transparent;}

#content {float:right;width:680px;}
article {padding-bottom: 30px;}

#content section.news ul{margin:0; padding:0;overflow: hidden;}
#content section.news ul li{float:left;width: 300px;margin-right: 20px;}
#content section.news ul li.row-end{margin-right: 0;}
#content section.news ul li h3{color:#f9d467;}
#content section.news ul li img{width:294px;height:165px;border-radius:4px;box-shadow: 2px 8px 9px rgba(0, 0, 0, 0.9);}


aside {float:left;width:230px;}
aside section{margin-bottom: 20px;overflow: hidden;}
ul.sidebar-gallery{margin:0;padding:0;}
ul.sidebar-gallery li{float:left;margin: 5px 10px;}
ul.sidebar-gallery li a img{
  border:4px solid #fff;
-webkit-box-shadow: 0px 3px 6px #444;
-moz-box-shadow: 0px 3px 6px #444;
box-shadow: 0px 3px 6px #444;
}

footer {clear:both;padding:15px;background: url('../img/foot.png') repeat-x;display: block;overflow: hidden;}
footer nav ul {margin:0; padding:0;}
footer nav ul li{float:left;margin-left: 20px;	position: relative;	list-style: none;}
footer nav ul li a{text-decoration: none;color: inherit;}

@font-face {
    font-family: 'GraublauWebBold';
    src: url('../fonts/GraublauWebBold.eot');
    src: url('../fonts/GraublauWebBold.eot?iefix') format('eot'),
         url('../fonts/graublauwebbold-webfont.woff') format('woff'),
         url('../fonts/GraublauWebBold.ttf') format('truetype'),
         url('../fonts/GraublauWebBold.svg#webfontdZKyhquR') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CapsuulaRegular';
    src: url('../fonts/Capsuula-webfont.eot');
    src: url('../fonts/Capsuula-webfont.eot?iefix') format('eot'),
         url('../fonts/Capsuula-webfont.woff') format('woff'),
         url('../fonts/Capsuula-webfont.ttf') format('truetype'),
         url('../fonts/Capsuula-webfont.svg#webfont6Xxy5ivF') format('svg');
    font-weight: normal;
    font-style: normal;

}

.right {float: right;}
.left {float:left;}


/*-------szczegoly domu--------*/

.info_header{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border: 5px solid rgba(0, 0, 0, 0.6);
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 !important;
    padding: 5px;
    text-align: right;
}

.info_dt{
    clear: left;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    width: 150px;display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 7px;
}

.info_dd{
    margin-left: 0;
    padding-left: 160px;display: block;text-align: right;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 7px;border-bottom: 1px dashed #E3E3E3;
}
.info_dtb{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    clear: left;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    width: 150px;display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 7px;
}
.info_ddb{
    margin-left: 0;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    padding-left: 160px;display: block;text-align: right;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 7px;border-bottom: 1px dashed #E3E3E3;
}

#info_tab{
    float: right;margin-left: 0;margin-right: 0;width:272px;
}

//--------------------------

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	

//----------------------




.ui-slider.ui-widget-content {




    background: -moz-linear-gradient(center top , #FFFFFF 0%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 3px #E1E1E1;
}
.ui-widget { 
background: -moz-linear-gradient(center top , #FFFFFF 0%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 3px #E1E1E1;
    font-size: 1em;
}
.ui-corner-all {
    border-radius: 6px 6px 6px 6px;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}


.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider .ui-slider-range {
    background-position: 0 0;
background: -moz-linear-gradient(center top , #FF8C90 15%, #FFFFFF 10%, #FF0000 50%) repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider-range {
    background: -moz-linear-gradient(center top , #FF8C90 15%, #FFFFFF 10%, #FF0000 50%) repeat scroll 0 0 transparent;
    border: 1px solid #FF7200;
}
.ui-widget-header {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}

.ui-slider-horizontal .ui-slider-handle {
    background: url("images/slider-handle.png") no-repeat scroll left top transparent;
    border: 0 none;
    height: 28px;
    position: absolute;
margin-left: -1.0em;
    top: -9px;
    width: 28px;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -1.0em;
    top: -0.3em;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 28px;
    position: absolute;
        width: 28px;
    z-index: 2;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("images/slider-handle.png") no-repeat scroll left top transparent;
    color: #555555;
    font-weight: normal;
  top: -9px;
    width: 28px;
}
.ui-widget-content a {
    color: #222222;
}
.ui-corner-all {
    border-radius: 6px 6px 6px 6px;
}


//------------------------contact

form#contact {
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:550px;
height:450px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

form#contact div label input   {
width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

form#contact div label textarea#feedback {
width:375px;
height:150px;
}

form#contact div label span {
display:block;
}
form#contact div label input[type="file"] {
width:200px;
display:block;
border: 1px solid #999;
height: 25px;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
form#contact div label input[type="submit"] {
width:100px;
margin-top:8px;
margin-left:275px;
background:#FF0000;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}

form#contact div label input[type="submit"]:hover {
background:#fff;
color:#09C;
}

form#contact div label textarea#feedback:focus, input[type="text"]:focus {
border: 1px solid #09C;
}