@charset "utf-8";

body {
	font: 12px Verdana;
	background-color: #0d1823;
	background-image:url(../img/top.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0px;
	padding:0px;
/*	color:#575757;*/
}
ul {

}
form {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
        border: none;
}
a {
/*	outline:none;*/
    text-decoration: none;
}
h1, h2, h3, h4 {
    padding:0px;
    margin:0px;
    font-size:inherit;
    *font-size:12px;
    font-weight:normal;
    display:inline;
}
#holder {
	width:100%;
/*	min-height:907px;*/
	position:relative;
/*	background-image:url(../img/bgf.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;*/
        overflow: hidden;
}
#holder #container {
	width:960px;
	padding-top:20px;
	margin:0px auto;
        overflow: hidden;
        position: relative;
        z-index:3;
}
#holder #container #logo {
	width:166px;
	padding-top:20px;
	float:left;
	margin-left:200px;
}
#holder #container #slogan {
	width:424px;
	margin-left:70px;
	float:left;
}
#holder #container #menu {
	width:590px;
	height:80px;
	float:right;
	margin-top:100px;
	background-image:url(../img/bgm.png);
	background-repeat:no-repeat;
}

#holder #container #menu ul{
    list-style: none;
}

#holder #container #menu li{
    float: left;
    overflow: hidden;
    font-size: 17px;
    color: #fff;
    text-align: center;
    width: 122px;
    height: 53px;
    position: relative;
    margin-top: -10px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
}

#holder #container #menu li#select{
    background: url('../img/selected.png') no-repeat;
    padding-top: 15px;
    color: #19364d;
}

#holder #container #menu li#select a{
    color: #19364d;
}

#holder #container #menu li a{
    color: #fff;
    text-decoration: none;
}

#holder #container #menu li:hover{
    background: url('../img/selected.png') no-repeat;
}

#holder #container #menu li:hover a{
/*    color: #19364d;*/
}

#holder #container #content {
	width:960px;
	padding-top:35px;
        overflow: hidden;
        margin-bottom: 20px;
}
#holder #container #content #slider {
	width:293px;
	height:287px;
	float:left;
	background-image:url(../img/bgp.png);
	background-repeat:no-repeat;
}

#holder #container #content #slider h2{
    color: #0d1823;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    top: 17px;
    margin-left: 30px;
    font-weight: bold;
    font-style: italic;
}

#holder #container #content #slider #sliders{
    width: 280px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
}

#holder #container #content #slider #sliders li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 10px;
}

#holder #container #content #slider #prev{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
    top: -160px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#holder #container #content #slider #prev:hover{
    background: url(../img/btn-prev-on.png);
}

#holder #container #content #slider #next{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
    top: -160px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#holder #container #content #slider #next:hover{
    background: url(../img/btn-next-on.png);
}

#holder #container #content #slider #sliders ul{
    height: 230px;
    list-style: none;
    float: left;
}

#holder #container #content #slider #sliders li{
    width: 220px;
    height: 230px;
    margin-left: 40px;
}

#holder #container #content #slider #sliders li img{
    margin-left: -15px;
}

.jcarousel-container{
    width: 210px !important;
    height: 230px;
}

.jcarousel-clip{
    height: 210px !important;
}

.jcarousel-clip-horizontal{
    height: 230px;
}

#holder #container #content #first {
	width:582px;
	height:360px;
	margin-left:75px;
	position:relative;
	top:-55px;
	float:left;
	background-image:url(../img/bgfirst2.png);
	background-repeat:no-repeat;
}

#holder #container #content #first p{
    color: #3ec6ff;
    font-size: 15px;
    margin-top: 10px;
    position: relative;
    margin-left: 60px;
    top: 65px;
    width: 332px;
}

#holder #container #content #first span.kontakt{
    color: #fff;
    font-family: arial;
    position: relative;
    top: 135px;
    left: 60px;
}

#holder #container #content #first span.kontakt a{
    color: #f19300;
}

#holder #container #content #first span.godziny{
    color: #fff;
    font-family: arial;
    position: relative;
    margin-top: 100px;
    margin-right: 60px;
    float: right;
}

#holder #container #content #firma {
	width:585px;
	min-height:360px;
	margin-left:75px;
	position:relative;
	top:-55px;
	float:left;
        overflow: hidden;
}

#holder #container #content #firma #firma-top{
    background: url(../img/bg-firma-top.png) no-repeat top;
    width: 585px;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#holder #container #content #firma #firma-bottom{
    background: url(../img/bg-firma-bottom.png) no-repeat top;
    width: 585px;
    height: 140px;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#holder #container #content #firma #firma-top p{
    color: #fff;
    font-family: arial;
    font-size: 12px;
    padding: 10px 35px 0px 30px;
}

#holder #container #content #firma #firma-bottom span.kontakt{
    color: #fff;
    font-family: arial;
    position: relative;
    top: 40px;
    left: 60px;
}

#holder #container #content #firma #firma-bottom span.kontakt a{
    color: #f19300;
}

#holder #container #content #firma #firma-bottom span.godziny{
    color: #fff;
    font-family: arial;
    position: relative;
    margin-top: -5px;
    margin-right: 60px;
    float: right;
}

#holder #container #content #dane{
    float: left;
    overflow: hidden;
    width: 276px;
}

#holder #container #content #dane #dane-top{
    background: url(../img/frame-top.png) no-repeat top;
}

#holder #container #content #dane #dane-top p{
    color: #fff;
    font-family: arial;
    padding: 20px 10px 10px 40px;
}

#holder #container #content #dane #dane-bottom{
    background: url(../img/frame-bottom.png) no-repeat bottom;
    margin-left: -15px;
}

#holder #container #content #dane #dane-bottom p{
    color: #fff;
    font-family: arial;
    padding: 10px 10px 30px 55px;
}

#holder #container #content #dane #dane-top p a{
    color: #f19300;
}

#holder #container #content #contact{
    float: right;
    overflow: hidden;
    width: 585px;
}

#holder #container #content #contact #form-box{
    float: right;
    overflow: hidden;
    width: 585px;
    min-height: 260px;
    background: url(../img/bg-firma-top.png) no-repeat top;
}

#holder #container #content #contact #form-box #form-left{
    float: left;
    overflow: hidden;
    width: 245px;
    margin-top: 25px;
}

#holder #container #content #contact #form-box #form-left .form-field{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 35px;
}

#holder #container #content #contact #form-box #form-left .form-field input{
    background: url(../img/input2.png) no-repeat;
    border: none;
    width: 190px;
    height: 39px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: arial;
    font-size: 11px;
    color: #99c8f5;
}

#holder #container #content #contact #form-box #form-left .form-field .send{
    background: url(../img/btn-send.png) no-repeat;
    border: none;
    width: 217px;
    height: 52px;
    cursor: pointer;
}

#holder #container #content #contact #form-box #form-right{
    float: right;
    overflow: hidden;
    width: 275px;
    margin-top: 25px;
    margin-right: 35px;
}

#holder #container #content #contact #form-box #form-right textarea{
    background: url(../img/textarea.png) no-repeat;
    border: none;
    width: 225px;
    height: 180px;
    font-family: arial;
    font-size: 11px;
    color: #99c8f5;
    padding: 10px 25px 10px 25px;
}

#holder #container #content #contact #mapka{
    clear: both;
    overflow: hidden;
    width: 505px;
    margin: 0 auto;
}

#holder #container #content .promo-box{
    float: left;
    overflow: hidden;
    width: 276px;
    height: 285px;
    background: url(../img/bgpromo.png) no-repeat;
    margin: 10px;
}

#holder #container #content .promo-box h1{
    font-size: 15px;
    color: #0d1823;
    text-transform: uppercase;
    position: relative;
    margin: 25px 0px 0px 0px;
    top: 5px;
    text-align: center;
    left: 25px;
    padding-right: 60px;
}

#holder #container #content .promo-box img{
    margin: 20px 0px 0px 35px;
}

#holder #container #content .promo-box span.price-new{
    position: relative;
    color: #fff;
    font-size: 20px;
    top: 15px;
    left: 45px;
}

#holder #container #content .promo-box span.price-old{
    position: relative;
    color: #a1d3f5;
    font-size: 18px;
    text-decoration: line-through;
    top: 15px;
    left: 80px;
}

#holder #container #content #oferta1{
    float: left;
    overflow: hidden;
    width: 282px;
    /*height: 300px;*/
    background: url(../img/bg-box-off.png) no-repeat;
    text-align: center;
    margin: 10px;
    margin-bottom: 30px;
}

#holder #container #content #oferta1 h3{
    color: #0d1823;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
/*    left: 35px;*/
    top: 20px;
/*    text-align: left !important;*/
}

#holder #container #content #oferta1 img{
    margin-top: 65px;
}

#holder #container #content #oferta1:hover{
    background: url(../img/bg-box-on.png) no-repeat;
}

#holder #container #content #oferta1 .ms-menu{
	position: absolute;
	z-index: 10;
	width: 960px;
	height: 60px;
        margin-top: 10px;
        display: none;
}

#holder #container #content #oferta1 .ms-menu .ms-field{
	float: left;
	overflow: hidden;
	background: url('../img/ss-off.png');
	width: 255px;
	height: 48px;
	margin-right: 50px;
	margin-bottom: 30px;
        text-align: left;
}

#holder #container #content #oferta1 .ms-menu .ms-field h4{
	color: #000;
        margin-left: 20px;
        margin-top: 10px;
        position: absolute;
        width: 100px;
        font-size: 18px;
        color: #0d1823;
        text-transform: uppercase;
}

#holder #container #content #oferta1 .ms-menu .ms-field h4 a{
    color: #0d1823;
}

#holder #container #content #oferta1 .ms-menu .ms-field:hover{
    background: url('../img/ss-on.png');
}

#holder #container #content #oferta1 .ms-menu .ms-field:hover a{
    color: #fff;
}

#holder #container #content #oferta2-menu{
    clear: both;
    overflow: hidden;
    width: 926px;
    margin: 0 auto;
    margin-left: 60px;
}

#holder #container #content #oferta2-menu .oferta2-box{
    width: 256px;
    height: 75px;
    background: url(../img/box-top-off.png) no-repeat;
    float: left;
    overflow: hidden;
    position: relative;
/*    top: 10px;*/
}

#holder #container #content #oferta2-menu .oferta2-box img{
    position: relative;
    top: 1px;
    z-index: 4;
}

#holder #container #content #oferta2-menu .oferta2-box h3{
    font-size: 18px;
    color: #0d1823;
    text-transform: uppercase;
    position: relative;
    top: -20px;
    left: 15px;
}

#holder #container #content #oferta2-menu .oferta2-box h3 a{
    color: #0d1823;
}

#holder #container #content #oferta2-menu .oferta2-box h3:hover a{
    color: #fff;
}

#holder #container #content #oferta2-menu .selected{
    background: url(../img/box-top-on.png) no-repeat;
    position: relative;
    top: 4px;
    z-index: 3;
}

#holder #container #content #oferta2-menu .selected h3{
    top: -25px;
}

#holder #container #content #oferta2{
    clear: both;
    overflow: hidden;
    width: 926px;
    min-height: 200px;
    margin: 0 auto;
    background: url(../img/oferta-bg.png) no-repeat top;
    position: relative;
    z-index:2;
    margin-top: -25px;
}

#holder #container #content #oferta2 .free{
    clear: both;
    overflow: hidden;
    width: 20px;
    height: 40px;
}

#holder #container #content #oferta2 .ln{
    width: 268px;
    height: 194px;
    float: left;
    overflow: hidden;
    background: url(../img/logo-box.png) no-repeat;
    margin: 20px;
}

#holder #container #content #oferta2 .ln img{
    margin: 30px;
}

#holder #container #content #oferta2 #submen{
    background: url(../img/bg-submenu.png) no-repeat;
    width: 883px;
    height: 35px;
    margin: 0 auto;
}

#holder #container #content #oferta2 #submen ul{
    list-style: none;
    margin-left: -25px;
}

#holder #container #content #oferta2 #submen li.old{
    float: left;
    font-size: 15px;
    color: #1587cb;
/*    width: 60px;*/
    text-align: center;
    margin-left: 5px;
    margin-right: 15px;
    font-style: italic;
    text-transform: uppercase;
}

#holder #container #content #oferta2 #submen li.old a{
/*    color: #1587cb;*/
    color: #f29b00;
}

#holder #container #content #oferta2 #submen li.selected{
    color: #fff !important;
}

#holder #container #content #oferta2 #submen li.new{
    float: left;
    font-size: 15px;
    color: #1587cb;
/*    width: 60px;*/
    text-align: center;
    margin-left: 5px;
    margin-right: 15px;
    font-style: italic;
    text-transform: uppercase;
}

#holder #container #content #oferta2 #submen li.new a{
    color: #1587cb;
/*    color: #f29b00;*/
}

#holder #container #content #oferta2 #products{
    clear: both;
    overflow: hidden;
    width: 885px;
    margin: 0 auto;
    margin-top: 20px;
}

#holder #container #content #oferta2 #products .p-box{
    background: url('../img/bgp.png') no-repeat;
    width: 293px;
    height: 287px;
    margin: 20px;
    float: left;
    overflow: hidden;
}

#holder #container #content #oferta2 #products .p-box h1{
    color: #0d1823;
    font-size: 15px;
    position: relative;
    left: 33px;
    top: 7px;
    padding-right: 60px;
}

#holder #container #content #oferta2 #products .p-box .img{
    clear: both;
    overflow: hidden;
}

#holder #container #content #oferta2 #products .p-box .img img{
    margin: 17px 0px 0px 40px;
}

#holder #container #content #oferta2 #products .p-box h2{
    position: relative;
    color: #fff;
    font-size: 20px;
    top: 20px;
    left: 110px;
}

#holder #container #content #oferta2 #products .marki-box{
    width: 268px;
    height: 194px;
    float: left;
    overflow: hidden;
    margin: 10px;
    background: url('../img/logo-box.png') no-repeat;
    text-align: center;
}

#holder #container #content #oferta2 #products .marki-box img{
    max-width: 200px;
    max-height: 160px;
    margin: 20px 30px 0px 30px;
}

#holder #container #content #oferta2 #products .p1-box{
    float: left;
    overflow: hidden;
    width: 293px;
    height: 287px;
    background: url('../img/bgp.png') no-repeat;
    padding-top: 15px;
}

#holder #container #content #oferta2 #products .p1-box h2{
    color: #0d1823;
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0px 0px 50px;
}

#holder #container #content #oferta2 #products .p1-box .p1-main{
    clear: both;
    overflow: hidden;
    width: 255px;
    height: 237px;
/*    border: 1px solid #000;*/
    margin: 5px 0px 0px 20px;
}

.no-product{
    background: url('../img/nop.png') no-repeat bottom;
    width: 458px;
    height: 40px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.no-product p{
    padding-top: 5px;
}

#holder #container #content #oferta2 #products .no-product p span{
    font-style: italic;
    font-size: 15px;
    color: #1587cb;
}

#holder #container #foot{
    clear: both;
    overflow: hidden;
    width: 960px;
}

#holder #container #foot #f-left{
    float: left;
    overflow: hidden;
    margin-left: 150px;
}

#holder #container #foot #f-left p{
    color: #fff;
    font-family: arial;
    font-size: 11px;
}

#holder #container #foot #f-left p span{
    font-weight: bold;
    color: #129dfe;
}

#holder #container #foot #f-right{
    float: right;
    overflow: hidden;
    margin-right: 200px;
}

#holder #container #foot #f-right p{
    color: #fff;
    font-family: arial;
    font-size: 11px;
}

#holder #container #foot #f-right p a{
    color: #fff;
}

#holder #footer{
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 307px;
    background-image:url(../img/bgf.jpg);
    background-repeat:no-repeat;
    background-position: center bottom;
    position: relative;
    margin-top: -170px;
    z-index: 2;
}


.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.normal {font-weight:normal;}
.float_left {float:left;}
.bold {font-weight:bold;}
.text_left {text-align:left;}
.text_center {text-align:center;}
.text_justify {text-align:justify;}
.text_right {text-align:right;}
.def_clear {clear:left;}
.def_both {clear:both;}
.def_clear_right {clear:right};
.no_border {border:0px}
.ver_middle {vertical-align:middle;}
.pointer {cursor:pointer;}
.green {color:#2ca806;}
.white {color:#FFFFFF;}
.green2 {color:#728C43;}
.red {color:#a80606;}
.black {color:#000000;}
.grey555 {color:#545550;}
.grey {color:#aeaeae;}
.blue {color:#096cb8;}
.gold {color:#a58304;}
.orange {color:#D75E33;}
.form_class {padding:0px;margin:0px;}
.line-through {text-decoration:line-through}

/*a:link    {text-decoration: underline;		color:#356c85;}
a:visited {text-decoration: none;			color:#356c85;}
a:hover   {text-decoration: none;   		color:#356c85;}
a:active  {text-decoration: none;			color:#356c85;}*/
a.item_link:link    {text-decoration: none;	color: #FFFFFF;}
a.item_link:visited {text-decoration: none;	color: #FFFFFF;}
a.item_link:hover   {text-decoration: none; color: #FFFFFF;}
a.item_link:active  {text-decoration: none;	color: #FFFFFF;}

a.red_link:link    {text-decoration: none;	color: #8c080a;}
a.red_link:visited {text-decoration: none;	color: #8c080a;}
a.red_link:hover   {text-decoration: none;  color: #8c080a;}
a.red_link:active  {text-decoration: none;	color: #8c080a;}

a.grey_link:link    {text-decoration: none;	color: #aeaeae;}
a.grey_link:visited {text-decoration: none;	color: #aeaeae;}
a.grey_link:hover   {text-decoration: none; color: #aeaeae;}
a.grey_link:active  {text-decoration: none;	color: #aeaeae;}

a.black_link:link    {text-decoration: none;	color: #000000;}
a.black_link:visited {text-decoration: none;	color: #000000;}
a.black_link:hover   {text-decoration: none;    color: #000000;}
a.black_link:active  {text-decoration: none;	color: #000000;}

a.green_link:link    {text-decoration: none;		color: #38A260;}
a.green_link:visited {text-decoration: none;		color: #38A260;}
a.green_link:hover   {text-decoration: none;	color: #38A260;}
a.green_link:active  {text-decoration: none;		color: #38A260;}

a.footer_link:link    {text-decoration: underline;	  color: #595959;}
a.footer_link:visited {text-decoration: underline;	  color: #595959;}
a.footer_link:hover   {text-decoration: none;	  color: #595959;}
a.footer_link:active  {text-decoration: underline;	  color: #595959;}

.error{
    font-size: 11px;
    font-family: arial;
    color: #FF0000;
/*    color: #fff;*/
}

input.error{
/*    border: 1px solid #ff0000 !important;*/
    font-size: 11px;
    width: 240px !important;
}

textarea.error{
/*    border: 1px solid #ff0000 !important;*/
    width: 240px;
}

/**************************************************************************/
#slidersy0{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
}

#slidersy0 li h3{
    color: #000;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
/*    left: 10px;*/
    left: 30px;
    font-style: italic;
}

#prevy0{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy0:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty0{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty0:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy0 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy0 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 15px;
}

#slidersy0 li img{
/*    margin-left: -15px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 1 **************************/
#slidersy1{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy1 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -8px;
    height: 65px;
    
}

#slidersy1 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

#prevy1{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy1:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty1{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty1:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy1 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy1 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 15px;
}

#slidersy1 li img{
/*    margin-left: -15px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 2 **************************/
#slidersy2{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy2 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -8px;
    height: 65px;

}

#slidersy2 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
        margin-right: 25px;
}

/*#slidersy2 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy2{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy2:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty2{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty2:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy2 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy2 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 15px;
}

#slidersy2 li img{
/*    margin-left: -15px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 3 **************************/
#slidersy3{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy3 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -8px;
    height: 65px;

}

#slidersy3 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy3 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy3{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy3:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty3{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty3:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy3 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy3 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 15px;
}

#slidersy3 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 4 **************************/
#slidersy4{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy4 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -5px;
    height: 65px;

}

#slidersy4 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy4 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy4{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy4:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty4{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty4:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy4 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy4 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 10px;
    margin-right: 15px;
}

#slidersy4 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 5 **************************/
#slidersy5{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy5 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -5px;
    height: 65px;

}

#slidersy5 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy5 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy5{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy5:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty5{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty5:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy5 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy5 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 10px;
    margin-right: 15px;
}

#slidersy5 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}

/********************* 6 **************************/
/********************* 6 **************************/
#slidersy6{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy6 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -5px;
    height: 65px;

}

#slidersy6 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy5 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy6{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy6:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty6{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty6:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy6 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy6 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 10px;
    margin-right: 15px;
}

#slidersy6 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}
/*#slidersy6{width: 245px !important;height: 220px;overflow: hidden;position: relative;top: -25px;left: 6px;}
#slidersy6 li .h3{clear: both;overflow: hidden;width: 203px;margin: -6px 0 0 -5px;height: 65px;}
#slidersy6 li .h3 h3{color: #fff;font-size: 15px;position: relative;top: 20px;font-weight: bold;font-style: italic;left: 30px;padding-right: 25px;}
#prevy6{
    position: relative;background: url(../img/btn-prev-off.png);float: left;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;
}
#prevy6:hover{background: url(../img/btn-prev-on.png);}
#nexty6{
    position: relative;background: url(../img/btn-next-off.png);float: right;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;margin-right: 5px;
}
#nexty6:hover{background: url(../img/btn-next-on.png);}
#slidersy6 ul{height: 230px;list-style: none;float: left;margin:0;padding: 0;top: -20px !important;}
#slidersy6 li{width: 220px;height: 230px;margin-left: 10px;margin-right: 15px;}
#slidersy6 li img{max-width: 215px;max-height: 160px;margin-top: 13px;}*/

/********************* 7 **************************/
#slidersy7{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy7 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -5px;
    height: 65px;

}

#slidersy7 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy5 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy7{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy7:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty7{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty7:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy7 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy7 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 10px;
    margin-right: 15px;
}

#slidersy7 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}
/*#slidersy7{width: 245px !important;height: 220px;overflow: hidden;position: relative;top: -25px;left: 6px;}
#slidersy7 li .h3{clear: both;overflow: hidden;width: 203px;margin: -6px 0 0 -5px;height: 65px;}
#slidersy7 li .h3 h3{color: #fff;font-size: 15px;position: relative;top: 20px;font-weight: bold;font-style: italic;left: 30px;padding-right: 25px;}
#prevy7{
    position: relative;background: url(../img/btn-prev-off.png);float: left;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;
}
#prevy7:hover{background: url(../img/btn-prev-on.png);}
#nexty7{
    position: relative;background: url(../img/btn-next-off.png);float: right;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;margin-right: 5px;
}
#nexty7:hover{background: url(../img/btn-next-on.png);}
#slidersy7 ul{height: 230px;list-style: none;float: left;margin:0;padding: 0;top: -20px !important;}
#slidersy7 li{width: 220px;height: 230px;margin-left: 10px;margin-right: 15px;}
#slidersy7 li img{max-width: 215px;max-height: 160px;margin-top: 13px;}*/

/********************* 8 **************************/
#slidersy8{
    width: 245px !important;
    height: 220px;
    overflow: hidden;
    position: relative;
    top: 35px;
    left: 6px;
/*    text-align: center;*/
}

#slidersy8 li .h3{
    clear: both;
    overflow: hidden;
    width: 203px;width: 195px;
    margin: -6px 0 0 -5px;
    height: 65px;

}

#slidersy8 li .h3 h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
/*    left: 10px;*/
    left: 30px;
    padding-right: 25px;
}

/*#slidersy5 li h3{
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-style: italic;
    left: 10px;
    left: 30px;
}*/

#prevy8{
    position: relative;
    background: url(../img/btn-prev-off.png);
    float: left;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#prevy8:hover{
    background: url(../img/btn-prev-on.png);
}

#nexty6{
    position: relative;
    background: url(../img/btn-next-off.png);
    float: right;
    overflow: hidden;
/*    top: -160px;*/
    top: -65px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
}

#nexty8:hover{
    background: url(../img/btn-next-on.png);
}

#slidersy8 ul{
    height: 230px;
    list-style: none;
    float: left;
    margin:0;
    padding: 0;
    top: -20px !important;
}

#slidersy8 li{
    width: 220px;
    height: 230px;
/*    margin-left: 40px;*/
    margin-left: 10px;
    margin-right: 15px;
}

#slidersy8 li img{
/*    margin-left: -30px;*/
/*    max-width: 220px;
    max-height: 170px;*/
    max-width: 215px;
    max-height: 160px;
    margin-top: 13px;
}
/*#slidersy8{width: 245px !important;height: 220px;overflow: hidden;position: relative;top: -25px;left: 6px;}
#slidersy8 li .h3{clear: both;overflow: hidden;width: 203px;margin: -6px 0 0 -5px;height: 65px;}
#slidersy8 li .h3 h3{color: #fff;font-size: 15px;position: relative;top: 20px;font-weight: bold;font-style: italic;left: 30px;padding-right: 25px;}
#prevy8{
    position: relative;background: url(../img/btn-prev-off.png);float: left;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;
}
#prevy8:hover{background: url(../img/btn-prev-on.png);}*/
#nexty8{
    position: relative;background: url(../img/btn-next-off.png);float: right;
    overflow: hidden;top: -65px;width: 40px;height: 40px;cursor: pointer;margin-right: 5px;
}
#nexty8:hover{background: url(../img/btn-next-on.png);}
/*#slidersy8 ul{height: 230px;list-style: none;float: left;margin:0;padding: 0;top: -20px !important;}
#slidersy8 li{width: 220px;height: 230px;margin-left: 10px;margin-right: 15px;}
#slidersy8 li img{max-width: 215px;max-height: 160px;margin-top: 13px;}*/