@import url(reset.css);

@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/museo_slab_500.eot');
    src: url('fonts/museo_slab_500.eot') format('embedded-opentype'),
         url('fonts/museo_slab_500.woff') format('woff'),
         url('fonts/museo_slab_500.ttf') format('truetype'),
         url('fonts/museo_slab_500.svg#MuseoSlab500') format('svg');
}
@font-face {
    font-family: 'DINProRegular';
    src: url('fonts/dinpro-regular.eot');
    src: url('fonts/dinpro-regular.eot') format('embedded-opentype'),
         url('fonts/dinpro-regular.woff') format('woff'),
         url('fonts/dinpro-regular.ttf') format('truetype'),
         url('fonts/dinpro-regular.svg#DINProRegular') format('svg');
}
@font-face {
    font-family: 'DINProMedium';
    src: url('fonts/dinpro-medium.eot');
    src: url('fonts/dinpro-medium.eot') format('embedded-opentype'),
         url('fonts/dinpro-medium.woff') format('woff'),
         url('fonts/dinpro-medium.ttf') format('truetype'),
         url('fonts/dinpro-medium.svg#DINProMedium') format('svg');
}

/* Backgrounds */
html { background: #fbfbfa; }
/* body { background: transparent url(../gfx/bg-bottom.png) repeat-x 0 100%; }*/
.lower-bg { background: transparent url(../gfx/bg-bottom-mask.png) no-repeat 50% 0; }
/* .upper-bg { background: transparent url(../gfx/bg-top.png) repeat-x; }
body.subpage .upper-bg { background: transparent url(../gfx/bg-top-mask.png) no-repeat 50% 832px; }*/
.upper-bg-2 { background: transparent url(../gfx/bg-top-mask.png) no-repeat 50% 132px; }

/* Font defaults */
body, select, input, textarea { 
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif; 
	color: #000; 
	font-size: 13px; 
}

/* Transitions */
#up nav a, #bottom-nav ul a {
	-moz-transition: background-color 0.25s ease-in;
	-webkit-transition: background-color 0.25s ease-in;
	transition: background-color 0.25s ease-in;
}

/* Up */
#up {
	margin: 0 auto;
	width: 933px;
	position: relative;
	height: 132px;
}

#up .logo {
	position: absolute;
	top: 20px;
	left: 36px;
}

#up nav { 
	margin-left: 300px;
	float: left; 


}

#up nav li {
	float: left;
	
	padding-left: 1px;
}


#up nav li:first-child {
	background: none;
	padding-left: 0;
	
}

#up nav a {
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif; 
	float: left;
	height: 110px;
	line-height: 164px;
	color: #002841;
	font-size: 16px;
	padding: 12px 10px 13px 10px;
	position: relative;
	z-index: 9999;
}

#up nav a.active { color: #f44702; }

#up nav a:hover { 
	color: #ffffff;
	background: #f44702; }

/* Top */
#top {
	margin: 0 auto;
	width: 933px;
	background: #002841;
	border-top: 13px solid #f44702;
	position: relative;
}


#top .slider {
	float: left;
	
	overflow: hidden;
	position: relative;
	width: 815px;
}

#top #slider { width: 815px; }

#top .slider .offer-nav {
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0 25px 70px;
	background: url(../gfx/slider-top.png);
}


#top .slider .offer-nav .stay { display: block; }

#top .offer-nav li {
	float: left;
	width: 166px;
	margin-right: 84px;
	border-bottom: 1px solid #2d2b2c;
}

#top .offer-nav a {
	display: block;
	line-height: 26px;
	padding-left: 14px;
	color: #ffffff;
	background: url(../gfx/arrow-1.png) no-repeat 0 11px;
}

#top .offer-nav a:hover {
	color: #ffc600;
	background-image: url(../gfx/arrow-2.png);
}

#top .carousel { 
	clear: both; 
	height: 99px;
	width: 663px;
	margin-left: -27px;
	background: #252525;
	border-right: 1px solid #363636;
}

#top .carousel .outer {
	float: left;
	width: 442px;
	height: 99px;
	overflow: hidden;
}

#top .carousel li {
	float: left;
	height: 99px;
	width: 221px;
	position: relative;
}

#top .carousel a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0; 
	height: 99px;
	width: 221px;
	background: url(../gfx/carousel-hover.png) no-repeat 0 -99px;
}



#top .carousel li:hover a:after {
	background-position: 0 0;
}


#top .carousel .prev {
	float: left;
	height: 99px;
	width: 110px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../gfx/arrow-prev.png) no-repeat 50% 50%;
}

#top .carousel .next {
	float: left;
	height: 99px;
	width: 111px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../gfx/arrow-next.png) no-repeat 50% 50%;
}

#top .side-nav {
	float: right;
	width: 118px;
	height: 70px;
	background: #f44702;
	margin-top: -13px;
}

#top .side-nav li:first-child { border-top: 0; }
#top .side-nav li { 
	border-top: 1px solid #404040; 
}

#top .side-nav li:hover,
#top .side-nav li.active {
	border-color: #f44702;
	margin-right: -15px;
}

#top .side-nav li.active+li {
	border-top: 0;
}

#top .side-nav a {
	display: block;
	color: #f44702;
	text-align: center;
	width: 100%;
	margin-right: 15px;
}

#top .side-nav a.lang {
	height:72px;
	color: #f44702;
	font-size: 12px;
	line-height: 75px;
	text-transform: uppercase;
	min-height:50px;
}

#top .side-nav li.active a {
	background: #f44702;
	color: #ffffff !important;
	margin-right: -15px !important;
}

#top .side-nav a:hover {
	background: #ffffff;
	color: #ffffff !important;
	margin-right: -15px !important;
}
#top .bottom-link:hover {
	color: #fff;
}

#top .bottom-link {
	position: absolute;
	color: #c2c2c2;
	right: 104px;
	bottom: 25px;
	line-height: 42px;
}

#top:before {
	position: absolute;
	width: 27px;
	height: 45px;
	background-color:#002841;
	z-index: 999;
	display: block;
	top: 96px;
	left: -27px;
	content:'';
}
#top2:before {
	position: absolute;
	width: 27px;
	height: 45px;
	background-color:#002841;
	z-index: 999;
	display: block;
	top: 96px;
	left: -27px;
	content:'';
}

#top:after {
	position: absolute;
	width: 193px;
	height: 29px;
	z-index: 999;
	background: url(../gfx/top-button-ramka.png);
	display: block;
	bottom: 129px;
	right: 105px;
	content:'';
}

/* Top */
#top2 {
	margin: 0 auto;
	width: 933px;
	background: #002841;
	border-top: 13px solid #f44702;
	position: relative;
}


#top2 .slider {
	float: left;
	
	overflow: hidden;
	position: relative;
	width: 815px;
}

#top2 #slider { width: 815px; }

#top2 .slider .offer-nav {
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0 25px 70px;
	background: url(../gfx/slider-top.png);
}


#top2 .slider .offer-nav .stay { display: block; }

#top2 .offer-nav li {
	float: left;
	width: 166px;
	margin-right: 84px;
	border-bottom: 1px solid #2d2b2c;
}

#top2 .offer-nav a {
	display: block;
	line-height: 26px;
	padding-left: 14px;
	color: #ffffff;
	background: url(../gfx/arrow-1.png) no-repeat 0 11px;
}

#top2 .offer-nav a:hover {
	color: #ffc600;
	background-image: url(../gfx/arrow-2.png);
}

#top2 .carousel { 
	clear: both; 
	height: 99px;
	width: 663px;
	margin-left: -27px;
	background: #252525;
	border-right: 1px solid #363636;
}

#top2 .carousel .outer {
	float: left;
	width: 442px;
	height: 99px;
	overflow: hidden;
}

#top2 .carousel li {
	float: left;
	height: 99px;
	width: 221px;
	position: relative;
}

#top2 .carousel a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0; 
	height: 99px;
	width: 221px;
	background: url(../gfx/carousel-hover.png) no-repeat 0 -99px;
}



#top2 .carousel li:hover a:after {
	background-position: 0 0;
}


#top2 .carousel .prev {
	float: left;
	height: 99px;
	width: 110px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../gfx/arrow-prev.png) no-repeat 50% 50%;
}

#top2 .carousel .next {
	float: left;
	height: 99px;
	width: 111px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../gfx/arrow-next.png) no-repeat 50% 50%;
}

#top2 .side-nav {
	float: right;
	width: 118px;
	height: 70px;
	background: #f44702;
	margin-top: -13px;
}

#top2 .side-nav li:first-child { border-top: 0; }
#top2 .side-nav li { 
	border-top: 1px solid #404040; 
}

#top2 .side-nav li:hover,
#top2 .side-nav li.active {
	border-color: #f44702;
	margin-right: -15px;
}

#top2 .side-nav li.active+li {
	border-top: 0;
}

#top2 .side-nav a {
	display: block;
	color: #f44702;
	text-align: center;
	width: 100%;
	margin-right: 15px;
}

#top2 .side-nav a.lang {
	height:72px;
	color: #f44702;
	font-size: 12px;
	line-height: 75px;
	text-transform: uppercase;
	min-height:50px;
}

#top2 .side-nav li.active a {
	background: #f44702;
	color: #ffffff !important;
	margin-right: -15px !important;
}

#top2 .side-nav a:hover {
	background: #ffffff;
	color: #ffffff !important;
	margin-right: -15px !important;
}
#top2 .bottom-link:hover {
	color: #fff;
}

#top2 .bottom-link {
	position: absolute;
	color: #c2c2c2;
	right: 104px;
	bottom: 25px;
	line-height: 42px;
}

#top2:before {
	position: absolute;
	width: 27px;
	height: 45px;
	background-color:#002841;
	z-index: 999;
	display: block;
	top: 96px;
	left: 0px;
	content:'';
}
#top2:before {
	position: absolute;
	width: 27px;
	height: 45px;
	background-color:#002841;
	z-index: 999;
	display: block;
	top: 253px;
	left: -27px;
	content:'';
}

#top2:after {
	position: absolute;
	width: 193px;
	height: 29px;
	z-index: 999;
	background: url(../gfx/top-button-ramka.png);
	display: block;
	bottom: 117px;
	right: 105px;
	content:'';
}


/* Header */
#top .header {
	clear: both; 
	height: 139px;
	width: 933px;
	margin-left: -27px;
	background: #002841;

	padding-left: 27px;
	
}


#top .header h1 {
	color: #f44702;
	font-size: 18px;	
	line-height: 1.5;
	margin-bottom: 5px;
}


/* Header */
#top2 .header {
	clear: both; 
	height: 127px;
	width: 933px;
	margin-left: -27px;
	background: #002841;

	padding-left: 27px;
	
}


#top2 .header h1 {
	color: #f44702;
	font-size: 18px;	
	line-height: 1.5;
	margin-bottom: 5px;
}



/* Main */
#main {
	width: 933px;
	margin: 0px auto;
	padding: 0; /* overflow fix */
	
	/*background: url(../gfx/gray.png) repeat-y 328px 0;*/
	position: relative;
	overflow: hidden;
}

#main1 {
	width: 933px;
	margin: 0px auto;

	
	/*background: url(../gfx/gray.png) repeat-y 328px 0;*/
	position: relative;
	overflow: hidden;
}

/* Sidebar */
#sidebar {
	margin-top:35px;
	float: left;
	width: 400px;
	padding-right: 10px;
	padding-bottom: 15px;
}
#imgugyved {
	margin-top:35px;
	margin-left:30px;
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
}
.side .side-nav {
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.side .side-nav > li {
  border-top: 1px solid #e6e6e6;
  padding: 10px 50px 10px 19px;
  overflow: hidden;
  color: #666666;
  line-height: 1.5;
  background: url(../gfx/arrow-side-nav.png) no-repeat 0 15px;
}

.side .side-nav li li {
	padding-top: 10px;
	padding-left: 39px;
	margin-left: -19px;
	padding-bottom: 10px;
	margin-right: -50px;
  border-bottom: 0;
  border-top: 1px solid #e6e6e6;
  background: url(../gfx/arrow-side-nav.png) no-repeat 20px 17px;
}

.side .side-nav li a {
	margin: -10px -50px -10px -19px;
	padding: 3px 50px 10px 19px;
	display: block;
	color: #666666;
	line-height: 1.5;
	border-top: 7px solid #fff;
	background: url(../gfx/offer-cat-arrow.png) no-repeat 0 -9999px;
}

.side .side-nav li li a {
	margin-right: 0;
	margin-bottom: -10px;
}

.side-nav li ul {
	margin-top: 10px;
	margin-bottom: -10px;
}



.side .side-nav li a:hover,
.side .side-nav li a.active {
	border-color: #f44702;
	background-position: 100% 50%;
}


.side .who-we-are {
	color: #666666;
}

.section {
	position: relative;
	padding-bottom:1px; /* margin fix */
}

.side .section {
	background: url(../gfx/kreska.png) no-repeat 0 100%;
	margin-bottom: 10px;
}

#content .section {
	background: url(../gfx/kreska2.png) no-repeat 0 100%;
	margin-bottom: 25px;
/*	overflow: hidden; */
width:100%;
}

.section .more {
	position: absolute;
	text-indent: -9999em;
	overflow: hidden;
	width: 28px;
	height: 28px;
	background: url(../gfx/arrow-more.png);
	bottom: -13px;
	right: 0;
	clear:both;
}


/* szakterulet */
.szakterulet{
	font-family: "DINProMedium", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	padding-top: 55px;
	padding-left:140px;
}
szakterulet h2{
	font-family: "DINProMedium", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color:#002841; 
}

/* Kapcsolat */
#kapcsolat h2{
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	color:#002841; 
}
#kapcsolat_img {
	margin-top:50px;
	float: left;
	width: 400px;
	padding-right: 10px;
	padding-bottom: 15px;
}

#kapcsolat {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841;
	padding-top: 30px;
	float: right;
	width: 390px;
	padding-right: 28px;
	margin-top:35px;
}

#kezdolap {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	padding-top: 30px;
	float: left;
	width: 330px;
	padding-left:30px;
	margin-top:20x;
}
#kezdolap_img3 {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841;
	padding-top: 40px;
	float: left;
	width: 200px;
	padding-left: 30px;
	margin-top:20x;
}
#kezdolap h2{
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#002841;
}
#kezdolap_text{
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841;
	padding-top: 30px;
	padding-right: 5px;
	width: 600px;
	height: 310px;
	padding-left: 40px;
	margin-bottom:10x;
	margin-left:250x;
	margin-right:5x;
	float:left;
}
#kezdolap_text h2{
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#002841;
}

#kezdolap_img1 {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	padding-top: 40px;
	padding-right: 5px;
	width: 250px;
	height: 310px;
	padding-left: 40px;
	margin-bottom:10x;
	margin-left:300x;
	margin-right:5x;
	float:left;
}
#kezdolap_img1 h2{
	width:120px;
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	
	font-size:14px;
	color:#002841;
}
#kezdolap_img2 {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	padding-top: 40px;
	padding-right: 10px;
	width: 250px;
	height: 310px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	
}
#kezdolap_img2 h2{
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	color:#002841;
	font-size:14px;
}

.csik {
	margin-top:31px;
	width:143px;
	float:left;
	
}

.arrow {
	margin-top:20px;
	width:22px;
	float:right;
	
}

.csikarrow {
	position: absolute;
    bottom: 0px;
}
#ugyvedek {
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	padding-top: 15px;
	float: right;
	width: 620px;
	padding-right: 28px;
	margin-top:35px;
}
.ugyvedektextmedium {
	font-family: "DINProMedium", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841; 
	}

#ugyvedek h2{
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif;
	color:#002841; 
}
#maintext {
	background-color:#FFF;
	width: 933px;
	margin: 0px auto;
	padding-top:25px;
	padding-left:35px;
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841;
	float:left;
	min-height: 300px;
	
}
#maintext-2 {
	width: 933px;
	margin: 30px auto 35px;
	font-family: "DINProRegular", Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color:#002841;
	padding-left: 140px;
	padding-right: 20px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
	min-height: 300px;
	
}

/* Content */
#content_kapcsolat {
	float: right;
	width: 561px;
	padding-right: 28px;
}

#content {
	float: right;
	width: 561px;
	padding-right: 28px;
}

/* Bottom */
#bottom {
	margin: 0 auto;
	width: 933px;
}

#bottom .inner {
	margin-left: 0px;
	width: 933px;
	padding-top: 31px;
	padding-left: 0px;
	background: #002841;
}

#bottom .upper {
	background: #f44702;
	margin-left: -25px;
	padding-left:23px;
	padding-top: 31px;
	padding-right: 45px;
	height: 97px;
	overflow: hidden;
}

#bottom .carousel {
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif; 
	float: left;
	width: 372px;
	overflow: hidden;
	height: 65px;
	color:#FFF;
	padding-left:25px;
}


#bottom .carousel li {
	float: left;
	margin-bottom:7px;
	margin-right: 14px;
	font-size:14px;
}

#bottom .carousel li img {
	display: block;
	border: 1px solid #e5bf26;
}

#bottom .info {
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif; 
	float: right;
	width: 384px;
	margin-top: -3px;
	overflow: hidden;
}

#bottom .info dt {
	float: left;
	width: 192px;
	clear: left;
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	color: #ffffff;
	padding-top: 5px;
	border-bottom: 1px solid #ffffff;
}

#bottom .info dd {
	float: left;
	width: 192px;
	line-height: 22px;
	height: 22px;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding-top: 5px;
}

#bottom .info dd a {
	color: #ffffff;
}

#bottom .info dd a:hover {
	text-decoration: underline;
}

#bottom .info dt:first-child {
	padding-top:0px;
	background: none;
}

#bottom .info dt:first-child + dd {
	border-top: 0;
	padding-top: 0;
}


#bottom .lower {
	height: 63px;
}

#bottom .lower p {
	font-family: "MuseoSlab500", Tahoma, Geneva, sans-serif; 
	color: #FFF;
	padding-right:25px;
	font-size: 12px;
	line-height: 55px;
	float:right;
}

/* Footer */
#foot {
	margin: 0 auto;
	width: 933px;
	height: 100px !important;
}

#foot p {
	color: #002841;
	font-size: 12px;
	line-height: 45px;
	float:right;
}

#foot p a {
	color: #002841;
}

#foot p a:hover {
	text-decoration: underline;
}

/* Headings */
h2 {
	padding-top: 10px;
	line-height: 20px;
	color: #000000;
	font-size: 16px;
	margin-bottom: 20px;
}

h2 a {
	color: #000000;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	color: #666666;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 20px;
	font-size: 18px;
}

#header {
	overflow: hidden;
	margin-bottom: 15px;
}
#main.margin {
	margin-top: 0px;
	
}

#main.margin #header {
	margin-bottom: 25px;
}

#main.margin #content {
	padding-bottom: 50px;
}

#content h2 {
	font-size: 15px;	
	padding-top: 0;
}

#header h2 {
	padding-top: 0;
	float: left;
	font-size: 16px;
	line-height: 37px;
	margin-bottom: 0;
}

#main.margin #header h2 {
	margin-top: 10px;
	line-height: 1.2;
}

#header .all-offer {
	float: right;
	padding-left: 15px;
	width: 165px;
	background: #efefef url(../gfx/offer-icon.png) no-repeat 152px 16px;
	height: 37px;
	line-height: 39px;
	font-size: 12px;
	color: #333333;
}

#header .all-offer:hover {
	text-decoration: underline;
}

#main p {
	line-height: 1.66;
	margin-bottom: 20px;
}

#main p.intro {
	font-weight: bold;
}

#content p {
	color: #666666;
}

#content p a, .side p a, .content ul.list a, #content blockquote a {
	font-weight: bold;
	color: #666666;
	border-bottom: 1px dotted #666666;
}

#content p a:hover, .side p a:hover, .content ul.list a:hover, #content blockquote a:hover {
	color: #252525;
}

#content .gallery {
	margin-bottom: 25px;
	width: 110%;
	overflow: hidden;
	margin-top: -12px;
}

#content .gallery li {
	float: left;
	margin-top:12px;
	margin-right: 12px;
}

#content .gallery li:first-child,
#content .gallery li:first-child + li,
#content .gallery li:first-child + li + li {
/*	margin-top: 0;*/
}

#content img.left {
	margin-right: 20px;
	margin-bottom: 10px;
}

#content small {
	color: #999999;
	font-size: 9px;
}

#content .news-info {
	display: block;
	margin-bottom: 20px;
}

#content h2+.news-info {
	margin-top: -10px;
}

#content small a {
	color: #999999;
}

#content small a:hover {
	color: #252525;
}
/* Offer list */
.offer-list {
	width: 110%;
	overflow: hidden;
}

.offer-list li {
	padding-left:0 !important;
	
	margin-top: 51px !important; 
	margin-right: 11px;
	float: left;
	width: 180px;
	height: 185px;
	background: url(../gfx/offer-category-line.png) no-repeat 0 100% !important;
	padding-bottom: 1px;
	position: relative;
}

.offer-list li:first-child,
.offer-list li:first-child + li,
.offer-list li:first-child + li + li {
	margin-top: 0 !important;
}

.offer-list li .more {
	position: absolute;
	width: 180px;
	height: 178px;
	left: 0;
	top: 0;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	cursor: pointer;
	background: url(../gfx/offer-cat-hover.png) no-repeat 0 -9999px;
	border:0 !important;
}

.offer-list li .more:hover {
	background-position: 0 0;
}

.offer-list li .name {
	border-top: 7px solid #fff;
	display: block;
	height: 38px;
	line-height: 30px;
	font-weight: bold;
	color: #252525;
	font-size: 12px;
	background: url(../gfx/offer-cat-arrow.png) no-repeat 100% -9999px;
	
}

.offer-list li:hover .name {
	border-color: #f44702;
	background-position: 100% 50%;
}

/* Pagination */
.pagination {
	width: 100%;
	height: 25px;
	margin: 40px 0 30px;
	overflow: hidden;
}


.pagination li {
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 9px;
}
.pagination a {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #e3e3e3;
	color: #333333;
	display: block;
}

.pagination a.active {
	background: #333333;
	color: #fff;
	text-decoration: none !important;
}

.pagination li.last {
	margin-left: 44px;
}

.pagination a:hover {
	text-decoration: underline;
}

.pagination li:first-child{
	margin-left: 0;
}

/* Realisations */
#realisations {
	margin-bottom: 30px;
}

#realisations section {
	border-bottom: 1px solid #e4e4e4;
}


#realisations section.dark {
	background: #f3f3f3;
}

#realisations section:first-child {
/*	border-top: 1px solid #e4e4e4;*/
}

#realisations .inner {
	width: 933px;
	margin: 0 auto;
	padding: 20px 0 30px;
}

#realisations h2 {
	margin-bottom: 30px;
}

#realisations section .list {
	width: 780px;
	float: left;
	height: 214px;
	overflow: hidden;
}

#realisations section .wrap {
	width: 100%;
	height: 214px;
	overflow: hidden;
}

#realisations section .buttons {
	float: right;
	width: 117px;
}

#realisations section .buttons a {
	width: 117px;
	height: 94px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;

	display: none;
}

#realisations section .buttons .prev {
	background-image: url(../gfx/realisations-prev.png);
}

#realisations section .buttons .next {
	background-image: url(../gfx/realisations-next.png);
}


#realisations section .buttons a:hover {
	background-position: 0 -94px;
}
#realisations section .list li {
	float: left;
	margin-left: 20px;
	width: 180px;
	height: 214px;
	position: relative;
	background: url(../gfx/kreska-realizacje.png) no-repeat 0 185px;
}

#realisations section .list li:first-child {
	margin-left: 0;
}

#realisations section .list .name {
	color: #000;
	line-height: 30px;
	border-top: 7px solid transparent;
	padding-bottom: 8px;
	background:rgba(255,0,0,0.2);
	font-weight: bold;
	display: block;
	background: url(../gfx/offer-cat-arrow.png) no-repeat 100% -9999px;
}

#realisations section .list li:hover .name {
	border-color: #f44702;
	background-position: 100% 0;
}


#realisations section a {
	display: block;
	width: 100%;
}

#realisations section .list .category {
	display: block;
	line-height:29px;
	color:#ccc;
}


#realisations section .list .more {
	position: absolute;
	width: 180px;
	height: 140px;
	left: 0;
	top: 0;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

/*#realisations section .list li:hover .more {
	background: url(../gfx/realisation-hover.png);
}*/

/* Clients */
blockquote {
	color: #666666;
	font-style: italic;
	text-indent: 25px;
	padding-top: 5px;
	margin-bottom: 25px;
	line-height: 1.66;
	background: url(../gfx/quote.png) no-repeat;
}

.trusted-us .wrap {
	margin-top: 50px;
	width: 105%;
	height: 647px;
	overflow: hidden;
	margin-bottom: 11px;
}

.trusted-us ul {
	overflow: hidden;
	width:100%;

}

.trusted-us li {
	float: left;
	border: 1px solid #f0f0f0;
	margin-right:3px;
	margin-top:3px;
	position: relative;
}

.trusted-us li .pasek {
	height: 29px;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	background: url(../gfx/clients-hover.png) no-repeat 0 100%;
	position: absolute;
	z-index:99;
}

.trusted-us li:hover .pasek {
	display: block;
}

.trusted-us li:first-child,
.trusted-us li:first-child + li {
	margin-top: 0;
}

.trusted-us .buttons {
	overflow: hidden;
	width: 291px;
}

.trusted-us .buttons a {
	width: 144px;
	height: 41px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

.trusted-us .buttons .up {
	float: left;
	background: url(../gfx/clients-up.png);
}

.trusted-us .buttons .down {
	float: right;
	background: url(../gfx/clients-down.png);
}


.trusted-us .buttons a:hover {
	background-position: 0 -41px;
}

/* Realisation */
img.photo + img.photo {
	margin-top: 25px;
}

.side .realisation-nav {
	overflow: hidden;
	width: 291px;
}

.side .realisation-nav a {
	width: 144px;
	height: 41px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

.side .realisation-nav .prev {
	float: left;
	background: url(../gfx/realisation-prev.png);
}

.side .realisation-nav .next {
	float: right;
	background: url(../gfx/realisation-next.png);
}

.side .realisation-nav a:hover {
	background-position: 0 -41px;
}

.side .realisation-nav a.inactive {
	opacity: 0.5;
	background-position: 0 0 !important;
}

/* Contact */
.contact {
	width: 562px;
}

.contact .line {
	width: 100%;
	overflow: hidden;
}

.contact .captcha {
	float: left;
	margin-right: 13px;
	border: 1px solid #e1e1e1;
	margin-top: 3px;
}

.contact .captcha-input {
	float: left;
	margin:0;
	margin-top: 3px;
	border: 1px solid #e1e1e1;
	width: 86px;
	height: 16px;
	padding: 9px 0;
	color: #333333;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	background: url(../gfx/captcha-input-placeholder.png) no-repeat 50% 50%;
}

.contact .captcha-input:focus {
	background: #fff;
}

.contact textarea {
	margin-bottom: 14px;
	border: 1px solid #e0e0e0;
	padding: 9px 10px;
	height: 77px;
	line-height: 16px;
	vertical-align: middle;
	color: #252525;
	display: block;
	width: 540px;
	resize: none;
	color: #999999;
	font-style: italic;
	font-weight: bold;
}

.contact input[type=submit] {
	float:right;
}

.contact .submit {
	float: right;
	width: 105px;
	padding-left: 71px;
	height: 41px;
	line-height: 41px;
	color: #fff;
	background: url(../gfx/contact-submit.png);
}

.contact .mandatory {
	text-align:right;
	width:100%;
	height:36px;
	line-height:36px !important;
	font-weight: bold;
	color: #666666;
	clear: both;
}

.contact .mandatory strong, .contact label strong {
	color: #f44702;
}

.contact .left, .contact .right {
	width: 264px;
	margin-bottom: 10px;
}


.contact label {
	line-height: 35px;
	color: #666666;
	font-weight: bold;
	display: block;
	height: 35px;
	clear: both;
}

.contact label.error {

	color: #CC0000;
}

.contact .field + label {
	margin-top: 10px;
}

.contact .field {
	border: 1px solid #e0e0e0;
	padding: 9px 10px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	color: #999999;
	font-style: italic;
	font-weight: bold;
	display: block;
	width: 242px;
}*

.contact select {
	font-size:14px;
	color:#999999;
	width:100%;
}

.side .contact-data  {
	padding: 10px 0 20px;
	color: #666666;
	border-bottom: 1px solid #e0e0e0;
}

.side .contact-data a {
	font-weight:bold;
	color: #666666;
}

.side .contact-address {
	font-size: 12px;
	padding: 10px 0 20px;
	color: #666666;
	border-bottom: 1px solid #e0e0e0;
}

.side .social-icons {
	overflow: hidden;
}

.side .social-icons li {
	float: left; 
	margin-left: 11px;
}

.side .social-icons li:first-child {
	margin-left: 0;
}

.side .social-icons a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../gfx/social.png);
}

.side .social-icons .facebook { background-position: 0 0; }
.side .social-icons .flickr { background-position: -30px 0; }
.side .social-icons .twitter { background-position: -60px 0; }
.side .social-icons .youtube { background-position: -90px 0; }

.side .social-icons .facebook:hover { background-position: 0 -30px !important; }
.side .social-icons .flickr:hover { background-position: -30px -30px; }
.side .social-icons .twitter:hover { background-position: -60px -30px; }
.side .social-icons .youtube:hover { background-position: -90px -30px; }

/* errah */
.error span {
    background: none repeat scroll 0 0 #CC0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    padding: 0 8px;
}

#contact_message {
	background: #f44702;
	font-size: 16px;
	position: absolute;
	top: 0;
	display: none;
	width: 521px;
	padding: 10px 20px;
}

p.no-news { 
    font-size: 20px; 
    color: #D8D8D8; 
    margin: 100px 0; 
    text-align: center; 
}

/* Katalog 2012-02-20 */
.side-nav.products >li>a {
	font-weight: bold;
	color: #333333;
}

.side-nav.products >li>a span {
	font-weight: normal;
	color: #999999;
}

.side-nav.products li li {
	border: 0;
	background-position: 20px 8px;
}
.side-nav.products li li a {
	border-top: 0;
	background: none !important;
	padding-bottom: 5px !important;
}

.side-nav.products li li a:hover {
	text-decoration: underline;
}

.side-nav.products li ul {
	margin-bottom: 10px;
	border-top: 1px solid #e6e6e6;
	padding-top:10px;
}
ul.gallery.border img {
	border: 1px solid #d1d1d1;
}

p.product-description {
	color: #000000 !important;
	margin-bottom: 35px !important;
}

.product {
	width: 100%;
	overflow: hidden;
	margin-bottom: 35px;
	position: relative;
	min-height: 200px;
}

.product .photo {
	float: left;
	border: 1px solid #cccccc;
}
.product .description {
	float: right;
	width: 182px;
	border-top: 1px solid #dadada;
}

.product .description li {
	border-bottom: 1px solid #dadada;
	color: #999999;
	padding: 15px 0;
}

.product .description li span {
	color: #333333;
}


.product .ask-for-price {
	padding: 10px 50px 10px 0px;
	display: block;
	color: #333333;
	line-height: 1.5;
	border-top: 7px solid #fff;
	background: url(../gfx/offer-cat-arrow.png) no-repeat 0 -9999px;
	position: absolute;
	bottom:0;
	right: 0;
	border-bottom: 1px solid #dadada;
	width: 132px;
	
	border-top-color: #f44702;
	background-position: 100% 50%;
}

.product .ask-for-price:hover {
text-decoration: underline;
}
.product-list {
	width:110%;
	overflow: hidden;
	margin-top:-19px;
}

.product-list article img {
	border: 1px solid #cccccc;
/*	margin-bottom: 16px;*/
}

.product-list article .inner {
	height: 252px;
	padding: 4px;
}
.product-list article {
	float: left;
	margin-top: 19px;
	margin-right: 3px;
	width: 187px;
	padding-bottom: 13px;
	background: url(../gfx/offer-category-line.png) no-repeat 0 100%;
}
.product-list article .title {
	color: #333333;
	text-transform: uppercase;
	display: block;
/*	margin-bottom: 16px;*/
}

.product-list article p {
	margin-bottom: 0 !important;
	line-height: 1.35 !important;
	color: #999999 !important;
}
.product-list article .title {
	padding: 5px 50px 5px 0px;
	display: block;
	color: #333333;
	line-height: 1.5;
	font-weight:bold;
	border-top: 7px solid transparent;
	margin-bottom:10px;
	background: url(../gfx/offer-cat-arrow.png) no-repeat 0 -9999px;
	

}

.product-list article .title:hover,
.product-list article a:hover+.title {
/*text-decoration: underline;*/
	border-top-color: #f44702;
	background-position: 100% 50%;
}

.pagination2 a {
	text-decoration: none !important;
}

.pagination2 a:hover {
	background:#f44702;
}

.pagination2 li.active a {
	background: #333333;
	color:#fff;
}
.product-list article.featured .inner {
	background: #ffd206 url(../../index.html) no-repeat 100% 100%;
}

.product-list article.featured p {
	color:#333333 !important;
}
.product-sort {
	color: #999999; 
	margin-bottom: 10px;
}

.product-sort a {
	color: #999999;
}

.product-sort a:hover {
	text-decoration: underline;
}

.product-sort a.active {
	color: #333333;
}
.product-sort a.up {
	padding-left: 19px;
	background:url(../../index.html) no-repeat 0 50%;
}

.product-sort a.down {
	padding-left: 19px;
	background:url(../../index.html) no-repeat 0 50%;
}

.product-sort span {
	margin-right: 24px;
}
.side-nav.products li li ul {
	border-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

.content ul.list {
	margin-bottom: 30px;
}

.content ul.list li {
	padding-left: 20px;
	background: url(../gfx/arrow-side-nav.png) no-repeat 0 6px;
	line-height: 1.5;
	margin-top: 5px;
}

.content ul.list li:first-child{
	margin-top: 0;
}

/**
* Stylish Select 0.4.5 - $ plugin to replace a select drop down box with a stylable unordered list
* http://scottdarby.com/
* 
* Copyright (c) 2009 Scott Darby
* 
* Requires: jQuery 1.3 or newer
* 
* Dual licensed under the MIT and GPL licenses.
*/

/**
* Hide lists on page load
---------------------------------------------------------*/

.stylish-select .SSContainerDivWrapper {
	left:-9999px;
}

/*
* Red example
---------------------------------------------------------*/
.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:290px;
	position:absolute;
	top:22px;
	left:0;
	z-index:2;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#fff;
	border: 1px solid #e0e0e0;
	margin-left:-1px;
	overflow:auto;
	width:262px;
}

.stylish-select ul.newList * {
	margin:0;
	padding:0;
	background: none;
}


.stylish-select ul.newList a {
	text-decoration:none;
	display:block;
	padding:0 8px;
	line-height: 34px;
	font-weight: normal;
	border: 0;

	color: #999999;
	font-style: italic;
	font-weight: bold;
}

.stylish-select .newListSelected {
	border: 1px solid #e0e0e0;
	color:#000;

	width: 262px;
	height: 34px;
	padding: 0;

	background:url(../gfx/select.png) no-repeat 225px 1px;
}

.stylish-select ul.newList li a:focus {
	-moz-outline-style: none;
}

.stylish-select .selectedTxt {
	height: 34px;
	width: 212px;
	color: #999999;
	font-style: italic;
	font-weight: bold;
	line-height: 34px;
	padding: 0 40px 0 10px;
	display: block;	
}


.stylish-select .newListHover {
	background:#ffd105 !important;
	color:#000 !important;
	cursor:default;
}


.stylish-select .hiLite {
	background:#313131!important;
	color:#fff!important;
}


.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}