/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}



/************* General Styles *************/
body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #444549;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h3 {
	font-size: 14px;
}

a {
	color: #b92624;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/************* Structure Styles *************/

div.centerContainer {
	margin: 0px auto;
	width: 960px;
	overflow: hidden;
}


/************* Top Section *************/

div#topContainer {
	background: url('../img/top_bg.png') repeat-x;
	height: 190px;
	overflow: hidden;
}

	a.logo {
		margin-top: 4px;
	}
	
	img.banner {
		margin-top: 133px;
		margin-left: 4px;
	}
	
	div#topContactInfo {
		background: url('../img/top_contact_bg.png') 0 0 no-repeat;
		width: 322px;
		height: 118px;
	}
	
		div#topContactInfo ul {
			margin-top: 25px;
			padding: 0px 25px;
		}
		
		div#topContactInfo ul li {
			border-bottom: 1px solid #dadada;
		}
		
		div#topContactInfo ul li p {
			color: #666666;
			font-size: 11px;
			padding: 10px 10px;
			background: url('../img/top_pointer.png') center left no-repeat;
		}
		
		div#topContactInfo ul li p span {
			color: #444549;
			font-weight: bold;
		}
	
	div#menuContainer {
		margin-top: 1px;
		height: 77px;
		background: url('../img/menu_bg.png') 0 0 repeat-x;
	}
	
		ul#nav li {
/*			display: inline;*/
			float: left;
			background: url('../img/menu_sep.png') right no-repeat;
			margin-top: 22px;
			padding: 0px 28px;
		}
		
		ul#nav li.last {
			background: none;
		}
		
		ul#nav li a {
/*			display: block;*/
			font-size: 14px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		ul#nav li a:hover {
			color: #aaaaaa;	
		}
		
		ul#nav li a span {
			font-size: 12px;
			display: block;
			text-transform: lowercase;
			color: #878787;
		}
		
		ul#nav li a:hover span {
			color: #666666;	
		}
		
/************* Slider Section *************/
		
div#sliderContainer {
	margin-top: 1px;
	/*padding-top: 10px;*/
	height: 335px;
	background: url('../img/slider_bg.png') 0 0 repeat-x;

}
	div#slider {
/*		position: absolute;*/
		margin-top: 16px;
	}

	/************************************************************************
	-) Slider: only the following lines are necceassary for slider styling,
	   rest of the css file styles the demo page
	*************************************************************************/
	.aviaslider {
	height:260px; 	/*this changes the height of the image slider*/
	width:960px;
	overflow: hidden;
	position: relative;
	background: #fff url(../img/preload.gif) center center no-repeat;
	}
	
	.aviaslider li, .aviaslider .featured{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	}
	
	.js_active .aviaslider li, .js_active .aviaslider .featured{
	display:none;
	}
	
	.aviaslider img, .aviaslider a img, .aviaslider a{
	border:none;
	text-decoration: none;
	}
	
	.slidecontrolls{
	margin:0px auto 0 auto;
	position: relative;
	float:left;
	}
	
	.slidecontrolls a{
	height:20px;
	width:18px;
	display:block;
	cursor: pointer;
	background: transparent url(../img/controlls.gif) center bottom no-repeat;
	float:left;
	outline: none;
	}
	
	.slidecontrolls a:hover, .slidecontrolls .active_item{
	background: transparent url(../img/controlls.gif) center top no-repeat;
	}
	
	.feature_excerpt{
	width:610px;
	position: absolute;
	display: block;
	bottom: 0;
	left:0;
	z-index: 2;
	padding:14px 15px;
	font-size: 11.5px;
	line-height:1.5em;
	cursor: pointer;
	background: #000;
	color: #fff;
	}
	
	.feature_excerpt strong{
	display: block;
	font-size: 15px;
	padding-bottom: 3px;
	}


/************* Footer Section *************/

div#footerContainer {
	height: 105px;
	background: url('../img/footer_bg.png') repeat-x;
}

	a.logo_footer {
		margin-top: 4px;
	}
	
	ul#nav_footer {
		float: right;
	}
	
	ul#nav_footer li {
	/*			display: inline;*/
				float: left;
				background: url('../img/menu_sep.png') right no-repeat;
				margin-top: 22px;
				padding: 0px 24px;
			}
			
			ul#nav_footer li.last {
				background: none;
				padding-right: 0px;
			}
			
			ul#nav_footer li a {
	/*			display: block;*/
				font-size: 12px;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
			}
			
			ul#nav_footer li a:hover {
				color: #aaaaaa;	
			}
			
			div#footerContainer p {
				clear: right;
				float: right;
				margin-top: 10px;
				color: #aaaaaa;
				font-style: italic;
			}
			
			
/************* Content Section *************/
			
	div#contentContainer {
		margin: 18px 0px;
	}		
	
		div#contentContainer p {
			line-height: 18px;
			margin-top: 12px;
			font-size: 12px;
		}	
		
		div#contentContainer hr {
			margin-top: 4px;
			margin-bottom: 18px;
			border-bottom: 2px dotted #b0b0b0;
		}
		
		div#contentContainer p.data {
			line-height: 14px;
			margin-top: 12px;
			font-size: 11px;
			color: #b0b0b0;
		}	
		
		div#contentContainer p.data span {
			font-size: 11px;
			color: #ffffff;
			background: #b0b0b0;
			border: 1px solid #b0b0b0;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 0px 12px;
			display: inline-block;
		}
		
		div#contentContainer p.naglowek {
			line-height: 18px;
			margin-top: 2px;
			font-size: 14px;
			color: #b92624;
		}
		
		div#contentContainer h3{
			color: #b92624;
			font-size: 16px;
			text-transform: uppercase;
		}	
		
		div#contentContainer h3 span{
			color: #ffffff;
			border: 1px solid #b92624;
			background: #b92624;
			border-radius: 6px;
			padding: 4px;
			display: inline-block;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			
		}
			
		div#left_column {
			width: 320px;
			float: left;
		}
		
		div#right_column {
			width: 600px;
			float: right;
		}
	
	/******** galeria ********/		
		
		div#galeria {
			background: #f6f6f6;
			border: 1px solid #f2f2f2;
			padding: 10px;
			margin: 10px 0px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			overflow: hidden;
		}
		
		div#galeria p {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			color: #b92624;
			font-size: 14px;
			text-transform: uppercase;
		}
		
		div#galeria li {
			height: 170px;
			width: 170px;
			border: 1px solid #fafafa;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			float: left;
			margin-right: 15px;
			margin-bottom: 6px;
			background: #fafafa;
		}
		div#galeria li:hover {
			border: 1px solid #eeeeee;
			background: #eeeeee;
		}
		
		div#galeria li a {
			display: block;
			margin: 4px;
		}