#wenshop_slider { width: 94%; padding: 50px 3%; display: table; border-left: 2px solid #bbbbe4; }

.coll_left { width: 25%; display: table-cell; }
.coll_center { position: relative; width: 50%; background: #6a90e8; display: table-cell; vertical-align: top; }
.coll_right { width: 25%;  display: table-cell; vertical-align: top; }

.top_left { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; margin-bottom: 10px; margin-right: 3%; }
.top_right { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; margin-bottom: 10px; margin-left: 3%; }
.bottom_left { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; margin-top: 10px; margin-right: 3%; }
.bottom_right { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; margin-top: 10px; margin-left: 3%; }

.cell { background: #f1f6fa; -webkit-transition-duration: 1s; transition-duration: 1s; position: relative; }
.cell:hover { background: #cbdeed; }
.cell:focus { background: #cbdeed; }

.cell a { display: block; padding: 115px 15px 0 15px; height: 210px; width: 100%; box-sizing: border-box; font-family: Lato-Regular; font-size: 20px; color: #37474f; font-weight: bold; }
.cell a:hover { color: #191981; }
.cell a:focus { color: #191981; }

.celltext { float: left; width: 40%; }
.cellprice { float: right; margin: 45px 0 15px 2%; background: #f3d255; color: #37474f; font-size: 12.5px; padding: 5px 8px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: normal; font-family: Lato; }

.braille { background: url('/public/web/files/images/braillino.png') no-repeat 90% 10px; }
.daisy { background: url('/public/web/files/images/daisy.png') no-repeat 90% 10px; }
.eset { background: url('/public/web/files/images/eset_home.png') no-repeat 90% 10px; }
.nagyito { background: url('/public/web/files/images/nagyito.png') no-repeat right 10px; }
.ora { background: url('/public/web/files/images/ora.png') no-repeat 90% 10px; }
.eger { background: url('/public/web/files/images/eger.png') no-repeat 90% 10px; }
.nagyito2 { background: url('/public/web/files/images/vinA35m_web.png') no-repeat 90% 10px; }
.braille_nyomtato { background: url('/public/web/files/images/braille_nyomtato.png') no-repeat 90% 10px; }
.hunora { background: url('/public/web/files/images/hunora1_webhome.png') no-repeat 90% 10px; }
.debora { background: url('/public/web/files/images/debora.png') no-repeat 90% 10px; }
.flora {
    background: url('/public/web/files/images/flora.png') no-repeat 90% 10px;
    background-size: 120px;
}
.cell a.flora {
    padding-top: 80px;
}

#slider_content {  }
#slider1 { display: none; }
#slider2 { display: none; }
#slider3 { display: none; }

.sliderimg { width: 34%; float: right; margin: 30px 4% 0 0; }
.sliderimg img { max-height: 280px; }
.slidertext { width: 56%; margin: 20px 2% 10px 4%; float: left; font-size: 14px; color: #ffffff; }
.slidertext h3 { font-family: Merriweather; font-size: 30px; }
.slidertext a { color: #ffffff; font-weight: bold; font-size: 16px; }
.slidertext a:hover { color: #f3d255; }
.slidertext a:focus { color: #f3d255; }
.sliderprice { margin-right: 15px; background: #f3d255; color: #37474f; font-size: 14px; padding: 5px 8px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: normal; font-family: Lato; }

.sliderswitch { position: absolute; bottom: 0; height: 25px; z-index: 100; width: 96%; padding-right: 4%; }

.swith { display: block; float: right; margin-left: 8px; width: 10px; height: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #3482f8; -webkit-transition-duration: 1s; transition-duration: 1s; }
.swith:hover { background: #f3d255; }
.swith:focus { background: #f3d255; }
.activeswitch { background: #f3d255; }

.font_small { font-size: 5px; }


@media screen and (max-width: 1350px) {
    
    .coll_left { width: 30%; }
    .coll_center { width: 40%; }
    .coll_right { width: 30%; }
    
}

@media screen and (max-width: 1100px) {
    
    .coll_left { width: 100%; display: block; }
    .coll_center { width: 100%; padding-bottom: 40px; box-sizing: border-box; }
    .coll_right { width: 100%; display: block; }
    
    .cell { width: 49%; float: left; }
    
    .top_left { margin-bottom: 10px; margin-right: 1%; }
    .top_right { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; margin-bottom: 0; margin-top: 10px; margin-left: 0; margin-right: 1%; }
    .bottom_left { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; margin-top: 0; margin-bottom: 10px; margin-right: 0; margin-left: 1%; }
    .bottom_right { margin-top: 10px; margin-left: 1%; }
    
}

@media screen and (max-width: 550px) {
    
    .cell { width: 100%; float: none; }
    
    .top_left { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; margin-right: 0; }
    .top_right { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; margin-top: 10px; margin-right: 0; }
    .bottom_left { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; margin-left: 0; }
    .bottom_right { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; margin-left: 0; }
    
}