@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext');
html {
/*111*/
    height: 100%;
    padding: 0;
    margin: 0;
}
#leftSide label[for="showprod"].hide {display: none;}
body {
    height: 100%;
font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    line-height: 150%;
    color: #212121;
    position: relative;
    padding: 0;
    margin: 0;
}
#header .header-3 {width: auto; display: flex; height: 150px;}
#header .header-3 img {    margin: 0 10px 0 0;
}
#banner-big1 .banner_big, .last {width: 100%;margin: 0 auto;}
.last {max-width: 1066px;}
.owl-carousel .owl-wrapper-outer {box-shadow: none; border-radius: 0;}
.owl-carousel .owl-wrapper-outer, #banner-big1 .owl-cont1, #banner-big1 .owl-cont2, #banner-big1 .owl-cont3, #banner-big1 .owl-cont4 {display:block; line-height: 1; background: transparent;}
.owl-cont {padding-top: 200px; padding-bottom: 26px; background: #654040;}
.owl-pagination {position: absolute; left: 45.5%; margin-top: -40px; z-index: 99;}
.owl-theme .owl-controls .owl-buttons div {background: url("owl-pn.png"); width: 45px; opacity: 1; height: 80px; margin: 0; zoom: 1; background-repeat: no-repeat; font-size: 1px; padding: 0; margin: 70px 75px 0 0;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {background: url("owl-pnh.png"); opacity: 1;}
.owl-theme .owl-controls .owl-buttons .owl-prev {transform: rotateY(180deg); margin: 70px 0 0 78px;}
#banner-big1 .banner_big .owl-cont {padding-left: 208px;}
#banner-big1 .banner_big .owl-cont > p:first-of-type {margin-top: 40px; color: #fff; font-size: 42px;}
#banner-big1 .banner_big .owl-cont p {text-shadow: none; text-align: left;}
#banner-big1 .banner_big .owl-cont p.dopFirst {font-size: 28px; color: #fff;}
#banner-big1 .banner_big .owl-cont > div {margin-top: 40px;}
#banner-big1 .banner_big .owl-cont > div p {font-size:18px; vertical-align: top; max-width: 800px; width: 100%; color: #ffd700;display:inline-block;}
#banner-big1 .banner_big .owl-cont > div div {display: inline-block; margin: -20px 0 0 50px;}
#banner-big1 .banner_big .owl-cont > div div img {margin-right: 10px;}
#banner-big1 a:hover {text-decoration: none;}
.owl-theme .owl-controls .owl-page span {background: #ffd700;}
.owl-theme .owl-controls .owl-page.active span {background: #fff;}
.contenent {
	border: 1px solid black;
	padding-left: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
#system .contenent h2 {
	font-size: 20px;
	text-align: center;
}
#system .contenent p:last-child {
	padding-right: 5px;
}
.contenent:hover {
	border: 1px solid #D64A13;
}
img{
    border: 0;
}

.wrapper { margin: auto; }

#header {
    margin: -1px 0 0 0;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 10;
    clear: both;
}

.wrapper {background: #fff;}
.wrapper .cme_form_new > .cme_cls, .b1c-form > .cme_cls {color: #000;}
.wrapper .cme_form_new h6, .wrapper .b1c-form h6 {background:#FFD600; color: #000;}
.wrapper .cme_form_new input[type="submit"], .b1c-form input[type="submit"] {background: #FFD600; color: #000; font-weight: normal;}
#header {position: relative; background: url("bheader.png"); min-height: 224px;}
#header div.header-2 {background:none;}
#header .logo {float:left;}
#header .head_block {position:static; max-width: 934px; width: 100%; float:left; margin: 0; margin-top: 28px; height:100px;}
#header .head_desc, #header .header_phones, #header .head_adress, #header .head_time, #header .callme_viewform_on_head {position: static;}
#header .head_desc {color: #BEBDBD;}
#header .head_desc div {color: #fff;}
#header .head_adress, #header .head_time {color: #FFD700;}
#header .header_phones {float:right; margin-top: -55px;}
#header .header_phones a, #header .header_phones a span {font-size: 20px; color: #fff; font-weight: bold;}
#header .head_adress {float:left; line-height:1.1; background: url("hlocate.png") no-repeat scroll 0 2px transparent; padding-bottom: 1px; margin-top:12px; padding-left: 30px;}
#header .head_time {background: url("hclock.png") no-repeat scroll 0 3px transparent; float:left; margin-left: 20px; line-height: 1.1; height: auto; margin-top: 12px; padding-bottom: 1px; padding-left: 40px;}
#header .menu_block {background: url("bmenu.png") no-repeat scroll 0 0 transparent; z-index: 99; position: absolute;}
#header #menu li.level1:hover, #header #menu li.level1.parent:hover .div_sp, #header #menu li.level1:hover a.level1, #header #menu li.level1:hover .level1 span.bg {background:none;}
#header #menu li.level1:hover a.level1 {background: #fff;}
#header #menu li.level1.item2.parent {padding: 0 0 0 2px;}
#header #menu li.level1 {margin: 2px 0 0; padding: 0 0 0 10px;}
#header #menu li.level1 .level1 span.bg {color: #000;text-shadow: none; font-weight: bold;}
#header #menu li.level1.parent .div_sp {padding: 0 8px;}
#header #menu li.level1.parent:hover .div_sp {background: #fff;}
#header #menu li:hover .dropdown {left: 2px;}
#header .head_block #search {float: left; margin: 5px 0 0 60px;}
#header #searchbox, #bottom #searchbox {background: transparent; border: 1px solid #727c86;}
.catalog_prod {width:100%; margin-bottom: 25px; background: #FFD800; max-width: 1220px; margin: 0 auto; height: 55px;}
.catalog_prod:after {content: ''; position: absolute; left: 49%; bottom: 0px; border: 10px solid transparent; border-bottom: 10px solid #fff;}
.catalog_prod p {font-size: 20px; font-weight: bold; margin: 0 auto; width: 210px; padding: 15px 0 0 8px;}

#bottom {position: relative;}
#bottom #search {position: absolute; right: -10px; bottom: 70px;}
#contents {padding: 0; margin-top: 20px;}
#page-body #contents>div {max-width: 1270px; width: 100%;}
#contents #middle div.mod-menu-box div.box-2 {background: none;}
#contents #middle div.mod-menu ul {text-align: center;padding-bottom: 45px;     border: 1px solid #eaeaea;}
#contents #middle div.mod-box ul.menu li.level1 {display: inline-block; width: 355px; margin: 10px; box-sizing: border-box; border: 5px solid #FFD600; vertical-align: top; height: 145px; text-align: left; padding: 0;}
#contents #middle div.mod-box ul.menu li.level1 > a{cursor: url("black.cur"), pointer;}
#contents #middle div.mod-box ul.menu li.level1 > a:before {content: ""; background: url("menu.png") no-repeat 0px 0px; position:relative; z-index:1; width: 160px; height: 130px; display: inline-block; margin: 0 -10px 0 -20px;}
#contents #middle div.mod-box ul.menu li.level1 > a:hover:before {}
#contents #middle div.mod-box ul.menu li.level1:first-child > a:before {width: 216px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(7) > a:before {background-position: -230px 0;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(8) > a:before {background-position: -420px 0;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(3) > a:before {background-position: -615px 0;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(9) > a:before {background-position: -10px -140px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(4) > a:before {background-position: -240px -140px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(2) > a:before {background-position: -418px -137px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(5) > a:before {background-position: -620px -135px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(6) > a:before {background-position: -27px -292px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(10) > a:before {background-position: -208px -285px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(11) > a:before {background-position: -378px -285px;width: 190px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(12) > a:before {background-position: -601px -282px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(13) > a:before {background-position: -25px -415px;}

#contents #middle div.mod-box ul.menu li.level1:hover > a:before{background: url("menu-color.png") no-repeat -13px -10px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(7):hover > a:before {background-position: -249px -6px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(8):hover > a:before {background-position: -417px 0;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(3):hover > a:before {background-position: -590px -1px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(9):hover > a:before {background-position: -771px -10px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(4):hover > a:before {background-position: -39px -190px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(2):hover > a:before {background-position: -215px -195px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(5):hover > a:before {background-position: -396px -198px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(6):hover > a:before {background-position: -586px -205px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(10):hover > a:before {background-position: -780px -201px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(11):hover > a:before {background-position: -15px -366px; width: 190px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(12):hover > a:before {background-position: -237px -370px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(13):hover > a:before {background-position: -421px -375px;}

#contents #middle div.mod-box ul.menu li.level1 ul.level2 {z-index:105; text-align:left; border: 5px solid #FFD600; border-top-width: 0; margin-left: -5px; margin-top: -55px; box-sizing: border-box; background: #FFF; position: absolute; padding-bottom: 25px; right: -5px; padding-left: 165px;}
#contents #middle div.mod-box ul.menu li.level1:hover {position: relative;}
#contents #middle div.mod-box ul.menu li.level1:not(:first-child) ul.level2 {padding-left: 145px; margin-right: 0; margin-top: -35px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(4) ul.level2, #contents div.mod-box ul.menu li.level1:nth-child(5) ul.level2 {width: 355px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(4) ul.level2, #contents div.mod-box ul.menu li.level1:nth-child(5) ul.level2, #contents div.mod-box ul.menu li.level1:nth-child(6) ul.level2, #contents div.mod-box ul.menu li.level1:nth-child(7) ul.level2 {margin-top: -15px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(11) ul.level2 {padding-left: 180px; margin-top: -55px;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(3) ul.level2 {margin: 0; padding: 0;}
#contents #middle div.mod-box ul.menu li.level1:hover a:before {z-index:106;}
#contents #middle div.mod-box ul.menu li.level1 > a:hover {}
#contents #middle div.mod-box ul.menu li.level1 > a:hover + .level2, #contents div.mod-box ul.menu li.level1 .level2:hover {display: block;}
#contents #middle div.mod-box ul.menu li.level1 a.level2.item1 {text-decoration: underline; color: black; padding: 0; margin-bottom: 4px;}
#contents #middle div.mod-box ul.menu li.level1 a.level2.item1 span {background: none; text-transform: none; font-size: 16px; padding: 5px 5px 5px 10px; line-height: 1;}
#contents #middle div.mod-box ul.menu li.level1 a.level2.item1:hover {background: #FFD600; text-decoration: none;}
#contents #middle div.mod-box ul.menu li.level1 a.level2.item1:hover span {color: black;}
.allCatalog {text-align:center;margin: 0 0 30px;}
.allCatalog a {background:url("bbutton.png") no-repeat scroll -8px 0 transparent; font-size: 18px; box-shadow: 1px 1px 1px #000; color: black; text-decoration: none; background-size:cover; padding: 5px 10px;border: 0; border-radius: 4px;}
.allCatalog a:hover {text-decoration: none; box-shadow: none;}

#contents #middle div.mod-menu ul.menu a {height: 100%; position:relative;}
#contents #middle div.mod-box ul.menu li.parent .level1 span.bg {background:none; width: 150px; margin: 0 auto 0; font-size: 16px; font-weight: bold; position: absolute; left: 45%; top: 30%;}
#contents #middle div.mod-box ul.menu li.level1:first-child a span.bg {left: 58%; line-height:1;}
#contents #middle div.mod-box ul.menu li.level1:nth-child(11) a span.bg {left: 55%;}
#advantages {background: url("badvantages.png"); padding: 50px 100px 40px;background-size: cover;}
#advantages div p {color: #FFD600; padding: 20px 35px 0; line-height: 1.1}
#contents #component {margin: 0;}
#wcon {max-width: 1070px; margin: 0 auto; width: 100%;}
.condesc p {width: 47.5%; display: inline-block; vertical-align: top;}
.condesc p:last-child {float: right;}
.delapay {margin: 40px auto 0; max-width: 1070px; overflow: hidden;}
.delapay > div {display:inline-block; height: 255px; vertical-align: top; max-width: 510px; width: 100%; box-sizing: border-box;}
.delapay #delivery {padding-right: 0; border: 5px solid #FFD600; margin-right: 44px;}
.reklama {vertical-align: top; position: relative; float: right;}
.reklamaH1, .reklamaDesc, .reklamaPrice {position: absolute;padding: 10px 0 0 20px;color: #fecf22;line-height: 1;}
.reklamaH1, .reklamaPrice {font-weight: bold;font-size: 36px;}
.reklamaH1 {top: 0; text-transform: uppercase;}
.reklamaDesc {top: 120px; color: #fff; font-size: 18px;}
.reklamaPrice {top: 200px;}
.reklamaPrice span {font-size: 20px; vertical-align: super;}


.greyLine, .yellowLine {margin: 40px auto; background: #f4f4f4; height: 5px; max-width: 1066px;}
.yellowLine {background: #fecf22;}
.greyLine.small, .yellowLine.small{margin-bottom: 20px;}

.mainH1 {color: #000; text-transform: uppercase;font-weight: bold; margin-top: 0;font-size:26px;}
#p_client_main {font-size: 28px;}

#top {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    clear: both;
}

#middle {
    min-height: 300px;
    clear: both;
}

#ytm h1 {position: absolute;top: 0px; left: -5000px;}

#bottom {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    clear: both;
    background: #fff;
}
#bottom .box-2{padding:0}
#bottom .box-1{max-width: 1066px; margin: 0 auto;}
#bottom .menu li{list-style: none;float: left;width: 250px;border: none;padding: 2px 0;}
#bottom .menu li a{text-decoration:underline}

#bottom .menu {float:left; margin-right: 20px;}
#bottom .menu .separator {display:none;}
#bottom .menu li {float:none;}
#bottom .box-2 div:first-of-type {float: left; padding-right: 40px; font-weight: bold;}
#bottom .box-2 ul+div .under_mail {margin-top: 0;}
#bottom .box-2 ul+div .addressP {font-size:18px; font-weight:bold;}

#footer {
    position: relative;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
    color: #f3f7fa;
    font-size: 13px;
    /*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
}
#footer > div > div {background: url("footer.png") no-repeat left top; background-size: cover; width: 100%; height: 60px;}


#middle {
    width: 100%;

    overflow: hidden;
    position: relative;
}

#middle-expand {
    width: 100%;
}

#main {
    position: relative;
    left: 50%;
    width: 50%;
    float: left;
}

#main-new #main-shift {
	margin: 0;
	left: 0;
	float: none;
}


#left {
    position: relative;
    left: -50%;

    float: left;
    overflow:hidden;
}


#right {


    position: relative;
    float: left;
    overflow:hidden;
}



#maintop,
#contenttop {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#contentbottom,
#mainbottom {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}



#mainmiddle {
    width: 100%;

    overflow: hidden;
    position: relative;
}

#mainmiddle-expand {
    width: 100%;
}


#content {
    position: relative; left: 0; width: 100%; float: none; background: #fff;}

#content-shift {
    position: relative;
    left: 0;


    overflow: hidden;
}


#contentleft {
    position: relative;
    left: -50%;

    float: left;
    overflow:hidden;
}


#contentright {


    position: relative;
    float: left;
    overflow:hidden;
}



.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width46 { width: 46%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width67 { width: 67%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

#top > .vertical,
#bottom > .vertical { float: left; }



body.yoopage {
	background: none;
}

#background {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("main-bg.jpg");
    background-size: cover;
    will-change: transform;
}
#page-body { min-height: 100%; }



#absolute {
    position: absolute;
    z-index: 15;
    top: 0px;
    left: 0px;
    width: 100%;
}



#toolbar {
    height: 40px;
    padding: 0px 0px 0px 200px;
    overflow: hidden;
    color: #969A9F;
    line-height: 40px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    display:none;
}

#date {
    padding: 0px 10px 0px 0px;
    float: left;
}

#headerbar {
    padding: 0px 0px 0px 200px;
    min-height: 50px;
    overflow: hidden;
    display:none;
}

#logo {
    position: absolute;
    top: 22px;
    left: 20px;
}

#search {
    position: static;
    z-index: 12;
}
#header #search {margin-top: -33px;}

#menu {
    position: static;
    bottom: 0px;
    left: 10px;
    right: 0px;
    height: 45px;
}
#menu li.level1 {margin-top:10px;}

#banner {
    position: absolute;
    top: 175px;
    right: -40px;
    width: 0px;
    z-index: 3;
}



#footer a.anchor {
    position: absolute;
    right: -12px;
    top: 35px;
    width: 30px;
    height: 30px;
    background: url("footer_anchor.png") 0 0 no-repeat;
    display: block;
    text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -30px; }



div.header-1 {
    padding: 0px 1px 0px 1px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 99;
    background: transparent;
    position: absolute;
}

div.header-2 {
    padding: 0px 0px 0px 0px;
    max-width: 1066px;
    overflow: hidden;
    margin: 0 auto;
}
.header-1.menuHeader {top: 150px;}
#menubar{background-color: #929CA6 !important;border-radius:0 0 8px 8px}
#menubar{background: url("menubar_bg.png") 0 0 no-repeat}

div.menubar-1{background: url("menubar_bg.png") 0 0 no-repeat}

div.menubar-2
{background: url("menubar_bg.png") 0 0 no-repeat}

div.menubar-1 {
    padding: 0px 10px 0px 10px;
    background-position: 100% -65px;
}

div.menubar-2 {
    height: 54px;
    background-position: 50% -130px;
    background-repeat: repeat-x;
    overflow: hidden;
}

div.mainmiddle-wrapper-t1,
div.mainmiddle-wrapper-t2,
div.mainmiddle-wrapper-t3,
div.mainmiddle-wrapper-b1,
div.mainmiddle-wrapper-b2,
div.mainmiddle-wrapper-b3 { background: url("wrapper_corners.png") 0 0 no-repeat; }

div.mainmiddle-wrapper-t1,
div.mainmiddle-wrapper-1,
div.mainmiddle-wrapper-b1 { margin: 0; }

div.mainmiddle-wrapper-t2 {
    padding: 0px 10px 0px 10px;
    background-position: 100% -20px;
}

div.mainmiddle-wrapper-t3 {
    height: 10px;
    background-position: 50% -40px;
    background-repeat: repeat-x;
}

div.mainmiddle-wrapper-t1.with-breadcrumbs { background-position: 0 -60px; background-color:#8F9AA4;border-radius:8px 8px 0 0;height: 40px;position: relative;}
.with-breadcrumbs div.mainmiddle-wrapper-t2 { background-position: 100% -120px; }
.with-breadcrumbs div.mainmiddle-wrapper-t3 {
    height: 40px;
    padding: 10px 0 0px 0;
    background-position: 50% -180px;
    overflow: hidden;
}

div.mainmiddle-wrapper-1 {
    padding: 0px 1px 0px 1px;
    background: url("wrapper_border.png")
}

div.mainmiddle-wrapper-2 {
    padding: 0; margin: 0;
    background: #ffffff;
}

div.mainmiddle-wrapper-b1 { background-position: 0 -240px; }

div.mainmiddle-wrapper-b2 {
    padding: 0px 10px 0px 10px;
    background-position: 100% -260px;
}

div.mainmiddle-wrapper-b3 {
    height: 10px;
    background-position: 50% -280px;
    background-repeat: repeat-x;
}

.contentwrapper div.mainmiddle-wrapper-b1,
.contentwrapper div.mainmiddle-wrapper-b2,
.contentwrapper div.mainmiddle-wrapper-b3 { background: url("module_paper_corners.png") 0 0 no-repeat; }

.contentwrapper div.mainmiddle-wrapper-b2 {
    padding: 0px 105px 0px 85px;
    background-position: 100% -40px;
}

.contentwrapper div.mainmiddle-wrapper-b3 {
    height: 32px;
    background-position: 50% -80px;
    background-repeat: repeat-x;
}

.top-2,
.bottom-2 {
    clear: both;
    overflow: hidden;
}

.top-3,
.bottom-3 {
    overflow: hidden;
    position: relative;
}

.modulewrappertop .top-2,
.modulewrapperbottom .bottom-2 {
    padding: 1px;
    background: url("module_box_border.png") repeat;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.modulewrappertop .top-2 { margin: 0px 15px 30px 15px; }
.modulewrapperbottom .bottom-2 { margin: 30px 15px 0px 15px; }

.modulewrappertop .top-3,
.modulewrapperbottom .bottom-3 {
    background: #ffffff url("modulewrapper_bg.png") 0 100% repeat-x;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.modulewrappertop #top .top-2 .module {
    margin-bottom: 0px;
    padding: 1px 1px 0px 0px;
}
.modulewrappertop #top .top-2 .module.last { padding-right: 0px; }

.modulewrapperbottom #bottom .bottom-2 .module {
    margin-top: 0px;
    padding: 0px 1px 0px 0px;
}
.modulewrapperbottom #bottom .bottom-2 .module.last { padding-right: 0px; }

/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

h1 {
    font-weight: normal;
    color: #5A5B5D;
    color: #D64A13;
}

#page h1 a {
    /*color: #5A5B5D;*/
    text-decoration: none;
    color: #D64A13;
}

h2 { color: #e13535; font-size: 18px; margin-top: 0;}
h3 { color: #5A5B5D; }
h4 { color: #D64A13; }
h5 { color: #5A5B5D; }
h6 { color: #D64A13; }

h1 { font-size: 30px; line-height: 26px; color: #000; font-weight: bold; text-transform: uppercase;}
h2 { font-size: 22px; line-height: 24px; }

/*
 * anchor
 */

a { color: #D64A13; text-decoration: none; }
a:hover { text-decoration: underline; }

a.icon-folder {
    padding-left: 17px;
    background: url("icon_folder.png") 0 40% no-repeat;
}

a.icon-file {
    padding-left: 17px;
    background: url("icon_file.png") 0 40% no-repeat;
}

a.icon-download {
    padding-left: 17px;
    background: url("icon_download.png") 0 40% no-repeat;
}

a.icon-external {
    padding-left: 17px;
    background: url("icon_external.png") 0 40% no-repeat;
}

a.icon-pdf {
    padding-left: 17px;
    background: url("pdf_button.png") 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box {
    padding: 0px 3px 0px 3px;
    border: 1px dotted #D5D7D8;
    background: #F3F5F8;
    font-family: "Courier New", Courier, monospace;
    font-style: normal;
    white-space: nowrap;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
    margin: 10px 0px 10px 0px;
    padding-left: 20px;
    list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
    margin: 3px 0px 3px 0px;
    padding-left: 35px;
    line-height: 26px;
}

ul.arrow li { background: url("list_arrow.png") 0 0 no-repeat; }
ul.checkbox li { background: url("list_checkbox.png") 0 0 no-repeat; }
ul.check li { background: url("list_check.png") 0 0 no-repeat; }
ul.star li { background: url("list_star.png") 0 0 no-repeat; }

/* links style */
ul.links {
    margin: 10px 0px 20px 0px;
    padding-left: 0px;
    list-style: none;
}
.module ul.links { margin: 0; }

ul.links li {
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
    background: url("list_links.png") 0px 0 no-repeat;
    cursor: pointer;
}

ul.links li:hover {
    background-position: 0px -25px;
    background-color: #C4CACF;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#page ul.links li a {
    display: block;
    color: #7F8384;
    text-decoration: none;
}

#page ul.links li:hover a {	color: #ffffff; }

/*
 * ordered lists
 */

ol.disc {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 45px;
    background: url("list_disc.png") 20px 0px repeat-y;
}

ol.disc li {
    margin: 5px 0px 5px 0px;
    padding-left: 10px;
    font-weight: bold;
    line-height: 26px;
}

/*
 * horizontal rule
 */

hr.dotted {
    margin: 15px 0px 15px 0px;
    display: block;
    background: url("line_dotted.png") 0 0 repeat-x;
    height: 1px;
    border: none;
}


/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
    color: #323232;
    margin: 10px 0px 10px 0px;
    padding: 5px 10px 5px 10px;
    background: #E4EBF1;
    border-top: 1px solid #D4D9DE;
    border-bottom: 1px solid #D4D9DE;
    text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
    color: #323232;
    margin: 10px 0px 10px 0px;
    padding: 8px 10px 8px 40px;
}

div.info, span.info {
    background: #E4EBF1 url("box_info.png") 8px 5px no-repeat;
    border-top: 1px solid #D4D9DE;
    border-bottom: 1px solid #D4D9DE;
}

div.alert, span.alert {
    background: #FFE6DF url("box_alert.png") 8px 5px no-repeat;
    border-top: 1px solid #FFD9CF;
    border-bottom: 1px solid #FFD9CF;
}

div.download, span.download {
    background: #f5faeb url("box_download.png") 8px 15px no-repeat;
    border-top: 1px solid #D6EBCD;
    border-bottom: 1px solid #D6EBCD;
}

div.tip, span.tip {
    background: #FDF9E3 url("box_tip.png") 8px 5px no-repeat;
    border-top: 1px solid #FAE7BE;
    border-bottom: 1px solid #FAE7BE;
}


/*
 * p tag with dropcaps
 */

p.dropcap:first-letter {
    display: block;
    margin: 7px 4px 0px 0px;
    float: left;
    font-size: 280%;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/*
 * blockquotes
 */

blockquote { font-family: Georgia, "Times New Roman", Times, serif; }

q.blockquote {
    margin: 10px 0 10px 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 120%;
}

q.blockquote:first-letter { font-size: 150%; }

q.blockquote:before,
q.blockquote:after { content: ""; }

blockquote.quotation {
    margin: 10px 0px 10px 0px;
    padding: 10px 35px 10px 35px;
    border: none;
    background: url("blockquote_start.png") 0 0 no-repeat;
    text-align:justify;
}

blockquote.quotation p {
    margin: 0px -35px -10px 0px;
    padding: 0px 35px 10px 0px;
    background: url("blockquote_end.png") 100% 100% no-repeat;
}

/*
 * floating boxes
 */

body .inset-left {
    margin: 15px 15px 10px 0px;
    float: left;
}

body .inset-right {
    margin: 15px 0px 10px 15px;
    float: right;
}

/*
 * webfonts
 */

@font-face {
    font-family: 'Chunkfive';
    src: url("index-141.htm") format('eot'),
    url("index-139.htm") format('woff'),
    url("index-140.htm") format('truetype');
}

#page .webfont { font-family: 'Chunkfive', Arial, sans-serif; }

/*
 * spotlight
 */

.spotlight .spotlight1 { visibility: hidden; }

.spotlight.fade .spotlight1 > div > a:first-child,
.spotlight.bottom .spotlight1 > div > a:first-child {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* fade: zoom */
.spotlight.fade.zoom .spotlight1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("spotlight_fade_zoom.png") 50% 50% no-repeat;
}

/* fade: color */
.spotlight.fade.color .spotlight1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto !important;
    padding: 20px;
    background: #141516;
}

.spotlight.fade.color h3 {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0;
    line-height: 23px;
}
.spotlight.fade.color h3 span {
    display: block;
    text-align: center;
}
.spotlight.fade.color h3 span.subtitle {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-style: italic;
    color: #AAB3BE;
}
.spotlight.fade.color h3 span.title {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #F2F1F0;
}

/* top, bottom, left, right */
.spotlight.bottom .spotlight1 > * {
    padding: 15px;
    background: #111;
    color: #ffffff;
}

.spotlight.bottom h3 {
    margin: 0px 0px 3px 0px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #F2F1F0;
}

.spotlight.bottom p {
    margin: 0;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-style: italic;
    color: #AAB3BE;
}

.content p{text-align:justify}

/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * top and footer menu
 */


#toolbar ul.menu,
#footer ul.menu {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#footer ul.menu {
    display: block;
    margin: 10px 0px 10px;
    line-height: 15px;
}

#toolbar .menu li,
#footer .menu li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
    display: inline-block;
    padding: 0px 15px 0px 14px;
    background: url("topmenu_item_bg.png") 0 50% no-repeat;
    overflow: hidden;
    color: #969A9F;
    text-decoration: none;
}

#toolbar .menu a.first { background: none; }
#toolbar .menu a.last {	padding: 0px 0px 0px 14px; }

#toolbar .menu li a.active,
#toolbar .menu li a:hover { text-decoration: underline; }

#footer .menu li { background: url("footermenu_item_border.png") 0 no-repeat; }

#footer .menu li a {
    height: 28px;
    padding: 0 14px 0 15px;
    line-height: 28px;
    background: url("footermenu_item_bg.png") 0 0 repeat-x;
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

#footer .menu li.first { background: none; }

#footer .menu li a.first {
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-bottomleft: 14px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

#footer .menu li a.last {
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

#footer .menu li a:hover {
    color: #5A5B5D;
    background-position: 0 -30px;
}

/*
 * menu
 */


#menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#menu li {
    position: relative;

    margin: 0px;
    padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }


#menu span.icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#menu ul.menu {display:flex; justify-content: space-between;}
#menu .menu > li.level1, #menu ul.menu {float: none;}


#menu li.level1{ background: url("menu_level1_item.png") 0 100px no-repeat; }

#menu a.level1{ background: url("menu_level1_item.png") 0 100px no-repeat; }

#menu .level1{ background: url("menu_level1_item.png") 0 100px no-repeat; }

#menu a.level1 span.bg{ background: url("menu_level1_item.png") 0 100px no-repeat;}
#menu .level1 span.bg
{ background: url("menu_level1_item.png") 0 100px no-repeat; }

#menu li.level1 {
    margin-right: 0;
}

#menu a.level1,
#menu span.level1 {
    float: left;
    padding: 0 10px;

}

#menu a.level1 span.bg,
#menu span.level1 span.bg {
    height: 45px;
    float: left;
    line-height: 45px;
    font-size: 12px;
    color: #E9EAEB;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background-repeat: repeat-x;
    text-transform:uppercase;
	letter-spacing: 1px;
}

#menu .price-list span{text-decoration:underline}


#menu li.level1.active { background-position: 0 0; }

#menu a.level1.active,
#menu span.level1.active { background-position: 100% -50px; }

#menu a.level1.active span.bg,
#menu span.level1.active span.bg { background-position: 50% -100px; }

#menu li.level1:hover,
#menu li.level1.remain { background-position: 0 -150px; }

#menu li.level1:hover a.level1,
#menu li.level1:hover span.level1,
#menu li.level1.remain a.level1,
#menu li.level1.remain span.level1 { background-position: 100% -200px; }

#menu li.level1:hover .level1 span.bg{
    background-position: 50% -250px;
    color: #5A5F64;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#menu li.level1.active_link_menu a.level1,
#menu li.level1.active_link_menu span.level1{
    background-position: 100% -200px;
}
#menu li.level1.active_link_menu,
#menu li.level1.active_link_menu.remain { background-position: 0 -150px; }


#menu .active_link_menu_first .div_sp > .bg{
    background-color: #f0f3f6;
    border-radius: 4px;
    color: #5a5f64;
    height: 30px;
    line-height: 32px;
}

#menu .active_link_menu_first:hover .div_sp > .bg{
    background-color: #f0f3f6;
    border-radius: 4px;
    color: #5a5f64;
    height: 37px;
}




/*#menu li.level1.parent.active_link_menu a.div_sp,
#menu li.level1.parent.active_link_menu .div_sp,
#menu li.level1.parent.active_link_menu a.div_sp,
#menu li.level1.parent.active_link_menu .div_sp
{
    background-position: 100% -350px;
}*/

/*#menu li.level1.parent.active_link_menu .level1 span.bg{
    background-color: #FFFFFF;
    background-position: 50% -400px;
    border-radius: 5px 5px 5px 5px;
}*/


#menu li.active_link_menu .level1 span.bg{
    background-position: 50% -250px;
    color: #5A5F64;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}





#menu li.level1.remain .level1 span.bg {
    background-position: 50% -250px;
    color: #5A5F64;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#menu li.level1.parent:hover,
#menu li.level1.parent.remain { background-position: 0 -300px; }

#menu li.level1.parent:hover a.level1,
#menu li.level1.parent:hover span.level1,
#menu li.level1.parent.remain a.level1,
#menu li.level1.parent.remain span.level1 { background-position: 100% -350px; }

#menu li.level1.parent:hover .level1 span.bg{
    background-color: #FFFFFF;
    background-position: 50% -400px;
    border-radius: 5px 5px 5px 5px;



}

#menu li.level1.parent.remain .level1 span.bg { background-position: 50% -400px; }


#menu a.level1 span.title,
#menu span.level1 span.title {
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0px;
}


#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
    margin-top: -10px;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    text-transform: none;
    text-align: center;
    letter-spacing: 0px;
}


#menu .dropdown {
    position: absolute;
    top: 44px;
    left: -999em;
    z-index: 100;

}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: -3px; }

#menu .dropdown-b1,
#menu .dropdown-b2,
#menu .dropdown-b3 { background: url("menu_dropdown_corners.png") 0 0 no-repeat; }

#menu .dropdown-1,
#menu .dropdown-2 { background: url("menu_dropdown_edges.png") 0 0 repeat-y; }
#menu .dropdown-2 {
    padding: 0 4px 0 4px;
    background-position: 100% 0;
}

#menu .dropdown-3 {
    padding: 9px 0px 8px 0px;
    background: none repeat scroll 0 0 #ececec;
    overflow: hidden;
}

#menu .dropdown-b2 {
    padding: 0px 5px 0px 5px;
    background-position: 100% -10px;
}
#menu .dropdown-b3 {
    height: 5px;
    background-position: 0 -20px;
    background-repeat: repeat-x;
}


#menu li.level2 .group-box1 {
    margin: 0px 9px 0px 9px;
    overflow: hidden;
}

#menu li.level2 .hover-box1,
#menu li.level2.parent .group-box1 .hover-box1 {
    border-bottom: 1px solid #aaa;
    overflow: hidden;
}
#menu li.level2.last .hover-box1 { border: none; }

#menu a.level2,
#menu span.level2 {	overflow: hidden; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
    background: none repeat scroll 0 0 transparent;
    color: #5A5F64;
    display: block;
    float: none;
    font-size: 14px;
    height: auto;

    line-height: 18px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: none;
}

#menu li.level2 a:hover span.bg { color: #D64A13; }


#menu li.level2 .current span.bg { color: #D64A13; }


#menu a.level2 span.title,
#menu span.level2 span.title { line-height: 33px; }

#menu a.level2 span.subtitle,
#menu span.level2 span.subtitle {
    margin-top: -18px;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;
}


#menu a.level2 span.icon,
#menu span.level2 span.icon {
    min-height: 45px;
    padding-left: 50px;
    line-height: 45px;
}


#menu .sub { padding: 0px 0px 15px 0px; }
#menu ul.level2.last .sub { padding-bottom: 0px; }

#menu ul.level3 { padding: 5px 0px 0px 0px; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
    padding-left: 18px;
    line-height: 18px;
    font-size: 11px;
    color: #7D7E7F;
    background: url("menu_level3_item.png") 0 0 no-repeat;
}

#menu a.level3.current span.bg {
    color: #D64A13;
    background-position: 0 -76px;
}

#menu li.level3 a.level3:hover span.bg {
    color: #D64A13;
    background-position: 0 -38px;
}






#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

/*
 * sub menus
 */


div.mod-menu ul {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    list-style: none;
}

div.mod-menu ul.menu li {
    margin: 0px;
    padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }


div.mod-menu ul.menu span.icon {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    text-indent: 35px;
}


div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }


div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-box
 */

div.mod-box ul.menu span.bg {
    height: auto;
    line-height: 16px;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    padding:10px 15px 10px 0px;
}

div.mod-box ul.menu li.level2 span.bg {
    height: auto;
    line-height: 12px;
    text-indent: 0px;
    /*font-size: 11px;*/
    background: url("submenu_level2_item.png") 0px 0px no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding:3px 5px 5px 20px;
    color: #212121;
}

div.mod-box ul.menu a.current span.bg { color: #D64A13; }


div.mod-box ul.menu a:hover span.bg,
div.mod-box ul.menu span:hover span.bg { color: #D64A13; }


div.mod-box ul.menu li.level1 {
    padding: 0px 10px 0px 20px;
    border-top: 1px solid #E9EAEE;
    z-index: 2;
}
div.mod-box ul.menu li.level1.first { border: none; }

div.mod-box ul.menu li.parent .level1 span.bg { background: url("submenu_level1_item_parent.png") 100% 0 no-repeat; color: #212121;}
div.mod-box ul.menu li.parent .level1:hover span.bg { background-position: 100% -300px; }
div.mod-box ul.menu li.parent.active .level1 span.bg { background-position: 100% -600px;color: #D64A13; }
div.mod-box ul.menu li.parent.active .level1:hover span.bg { background-position: 100% -900px;color: #D64A13; }


div.mod-box ul.menu ul.level2 { padding: 0px 0px 15px 0px; }

div.mod-box ul.menu li.level2 {}
div.mod-box ul.menu li.level2 a:hover {}

div.mod-box ul.menu li.level1 li.level2 span.bg:hover { background-position: 0 -138px; }

div.mod-box ul.menu li.level2 a.current span.bg { background-position: 0 -276px; }



div.mod-box ul.menu a.level3 span.bg { margin-left: 18px; }


div.mod-box ul.menu a.level4 span.bg { margin-left: 36px; }
/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * module headers
 */

.module h3.header {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 28px;
    line-height: 25px;
    color: #000;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.module .box-2.deepest a:hover {color: #000;}

.module h3.header span.color { font-weight: bold; }


.module h3.header span.title {
    display: block;
    font-size: 18px;
    line-height: 20px;
}

.module h3.header span.subtitle {
    display: block;
    margin-top: 15px;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    color: #D64A13;
    text-transform: uppercase;
    text-indent: 1px;
}
/*
 * space between modules
 */

#top .module,
#maintop .module,
#contenttop .module,
#contentbottom .module,
#mainbottom .module,
#bottom .module {
    padding-left: 15px;
    padding-right: 15px;
}

#left .module,
#right .module,
#contentleft .module,
#contentright .module {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

#left div.last,
#right div.last,
#contentleft div.last,
#contentright div.last {
    margin-bottom: 0;
    margin-top: 20px;

}

#top .module,
#maintop .module,
#contenttop .module { margin-bottom: 30px; }

#bottom .module,
#mainbottom .module,
#contentbottom .module { margin-top: 30px; }

/*
 * header module positions
 */

#toolbar .left .module,
#headerbar .left .module {
    margin-right: 15px;
    float: left;
}

#toolbar .right .module,
#headerbar .right .module {
    margin-left: 15px;
    float: right;
}

/*
 * badge styles
 */

div.module { position: relative; }

div.module div.badge {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 165px;
    height: 46px;
    background: url("module_badges.png") right top no-repeat;
    overflow: hidden;
    z-index: 1;
}

div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -50px; }
div.module div.badge-pick { background-position: 0 -100px; }
div.module div.badge-new { background-position: 0 -150px; }
div.module div.badge-hook-small { background-position: 0 -200px; }
div.module div.badge-hook { background-position: 0 -250px; }

/*
 * icon styles
 */

div.module h3.header span.icon {
    display: block;
    position: relative;
    top: -3px;
    left: 0px;
    width: 35px;
    height: 30px;
    background: url("module_icons.png") 0 0 no-repeat;
    overflow: hidden;
    float: left;
}

div.module h3.header span.icon-feed { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */

div.mod-blank { overflow: hidden; }

/*
 * module: dropdown
 */

#menu ul.mod-dropdown {
    padding-left: 0px;
    background: none;
}

#menu ul.mod-dropdown span.level1 span.color { display: inline; }

#menu .mod-dropdown .module {
    padding: 5px;
    overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }

/*
 * module: box
 */

div.mod-box div.box-t1,
div.mod-box div.box-t2,
div.mod-box div.box-t3,
div.mod-box div.box-b1,
div.mod-box div.box-b2,
div.mod-box div.box-b3,
div.mod-box-header h3.header,
div.mod-box-header span.header-2,
div.mod-box-header span.header-3 { background: url("module_box_corners.png") 0 0 no-repeat; }

div.mod-box div.box-t2 {
    padding: 0px 8px 0px 8px;
    background-position: 100% -10px;
}

div.mod-box div.box-t3 {
    height: 6px;
    background-position: 50% -20px;
    background-repeat: repeat-x;
}

div.mod-box div.box-1 {
    padding: 0px;
    background: url("module_box_border.png") 0 0 repeat;
	background: #fff;
	overflow: hidden;
}

#bottom div.mod-box div.box-2 {max-width: 1066px;}
div.mod-box.last div.box-2 {padding: 0;}
div.mod-box div.box-2 {
    margin: 0 auto;
    padding: 14px 19px 14px 19px;
    background: #ffffff;
    overflow: hidden;
}

div.mod-box div.box-b1 { background-position: 0 -30px; }

div.mod-box div.box-b2 {
    padding: 0px 8px 0px 8px;
    background-position: 100% -40px;
}

div.mod-box div.box-b3 {
    height: 6px;
    background-position: 50% -50px;
    background-repeat: repeat-x;
}

/* header: default */
div.mod-box-header h3.header {
    position: absolute;
    top: 0px;
    left: 15px;
    right: 15px;
    z-index: 1;
    height: 40px;
    border-radius:8px 8px 0 0;
    margin-top: 0px;
    background-position: 0 -60px;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background-color:#8F9AA4;
}

div.mod-box-header span.header-2 {
    display: block;
    padding: 0px 8px 0px 8px;
    background-position: 100% -110px;
}

div.mod-box-header span.header-3 {
    display: block;
    height: 45px;
    padding: 0px 14px 0px 14px;
    line-height: 40px;
    background-position: 50% -160px;
    background-repeat: repeat-x;
    overflow: hidden;
}

div.mod-box-header div.with-header { padding-top: 54px; }

div.mod-box-header h3.header span.title { line-height: 26px; }
div.mod-box-header h3.header span.subtitle {
    color: #ffffff;
    margin-top: -2px;
    font-size: 10px;
    line-height: 10px;
}

div.mod-box-header h3.header span.icon { top: 4px; }

/* color grey */
div.mod-box-grey div.box-t1{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-t2{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-t3{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-b1{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-b2{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-b3{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey.mod-box-header h3.header{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey.mod-box-header span.header-2{ background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey.mod-box-header span.header-3 { background-image: url("module_box_grey_corners.png"); }

div.mod-box-grey div.box-2 { background: #F3F5F8 url("module_box_grey_bg.png") 0 0 repeat-x; }

div.mod-box-grey em.box { background: #ffffff; }

/* color templatecolor */
div.mod-box-templatecolor div.box-t1,
div.mod-box-templatecolor div.box-t2,
div.mod-box-templatecolor div.box-t3,
div.mod-box-templatecolor div.box-b1,
div.mod-box-templatecolor div.box-b2,
div.mod-box-templatecolor div.box-b3,
div.mod-box-templatecolor.mod-box-header h3.header,
div.mod-box-templatecolor.mod-box-header span.header-2,
div.mod-box-templatecolor.mod-box-header span.header-3 { background-image: url("module_box_templatecolor_corners.png"); }

div.mod-box-templatecolor div.box-1 { background: #626B76; }
div.mod-box-templatecolor div.box-2 {
    color: #E9EAEB;
    background: #939DA7 url("module_box_templatecolor_bg.png") 0 100% repeat-x;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

div.mod-box-templatecolor h3.header,
div.mod-box-templatecolor h3.header span.subtitle { color: #ffffff; }

div.mod-box-templatecolor.mod-box-header h3.header { text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }

div.mod-box-templatecolor a,
div.mod-box-templatecolor em.box,
div.mod-box-templatecolor ul.line > li > a {
    color: #4F5760;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

div.mod-box-templatecolor ul.links li { background-position: 0 -25px; }
div.mod-box-templatecolor ul.links li:hover {
    background-position: 0px 0px;
    background-color: #F3F5F8;
}
#page div.mod-box-templatecolor ul.links li a { color: #ffffff; text-shadow: none; }
#page div.mod-box-templatecolor ul.links li:hover a { color: #4F5760; }

div.mod-box-templatecolor ul.line > li { border-color: #626B76; }
div.mod-box-templatecolor ul.line li a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }

div.mod-box-templatecolor a.readmore {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

/* color templatecolor2 */
div.mod-box-templatecolor2 div.box-t1,
div.mod-box-templatecolor2 div.box-t2,
div.mod-box-templatecolor2 div.box-t3,
div.mod-box-templatecolor2 div.box-b1,
div.mod-box-templatecolor2 div.box-b2,
div.mod-box-templatecolor2 div.box-b3,
div.mod-box-templatecolor2.mod-box-header h3.header,
div.mod-box-templatecolor2.mod-box-header span.header-2,
div.mod-box-templatecolor2.mod-box-header span.header-3 { background-image: url("module_box_templatecolor2_corners.png"); }

div.mod-box-templatecolor2 div.box-1 { background: #8A2B0E; }
div.mod-box-templatecolor2 div.box-2 {
    color: #E9EAEB;
    background: #DE4D11 url("module_box_templatecolor2_bg.png") 0 100% repeat-x;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

div.mod-box-templatecolor2 h3.header,
div.mod-box-templatecolor2 h3.header span.subtitle { color: #ffffff; }

div.mod-box-templatecolor2.mod-box-header h3.header { text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }

div.mod-box-templatecolor2 a,
div.mod-box-templatecolor2 em.box,
div.mod-box-templatecolor2 ul.line > li > a {
    color: #8A2B0E;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

div.mod-box-templatecolor2 ul.links li { background-position: 0 -25px; }
div.mod-box-templatecolor2 ul.links li:hover {
    background-position: 0px 0px;
    background-color: #F3F5F8;
}
#page div.mod-box-templatecolor2 ul.links li a { color: #ffffff; text-shadow: none; }
#page div.mod-box-templatecolor2 ul.links li:hover a { color: #4F5760; }

div.mod-box-templatecolor2 ul.line > li { border-color: #8A2B0E; }
div.mod-box-templatecolor2 ul.line li a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }

div.mod-box-templatecolor2 a.readmore {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

/*
 * module: line
 */

div.mod-line div.box-1 {
    padding-top: 15px;
    background: url("module_line_bg.png") 0 0 repeat-x;
    overflow: hidden;
}

.vertical div.mod-line.first div.box-1,
.horizontal div.mod-line div.box-1 {
    padding-top: 0px;
    background: none;
}

.horizontal div.mod-line { background: url("module_line_v_bg.png") 100% 0 repeat-y; }
#headerbar .right.horizontal div.mod-line { background-position: 0 0; }

.horizontal div.mod-line.last { background: none; }

div.mod-line div.box-1 { text-shadow: 0 1px 0 rgba(255,255,255,0.5); }

div.mod-line h3.header span.title {
    font-size: 22px;
    line-height: 24px;
}

div.mod-line div.badge { right: 0px; }

#headerbar .left div.mod-line,
#headerbar .right div.mod-line {
    margin-left: 0px;
    padding: 0px 15px 0px 15px;
}
#headerbar .left div.mod-line.last,
#headerbar .right div.mod-line.first { padding-right: 0px; }

#headerbar .left div.mod-line.first,
#headerbar .right div.mod-line.last { padding-left: 0px; }

/* wrapped top + bottom modules */
.modulewrappertop #top .top-2 div.mod-line div.box-1,
.modulewrapperbottom #bottom .bottom-2 div.mod-line div.box-1 { padding: 19px 20px 20px 20px; }

.modulewrappertop #top .top-2 div.mod-line.first div.box-1,
.modulewrapperbottom #bottom .bottom-2 div.mod-line.first div.box-1 {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.modulewrappertop #top .top-2 div.mod-line.last div.box-1,
.modulewrapperbottom #bottom .bottom-2 div.mod-line.last div.box-1 {
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.modulewrappertop #top .top-2 div.mod-line div.box-1:hover,
.modulewrapperbottom #bottom .bottom-2 div.mod-line div.box-1:hover { background: #ffffff url("module_line_hover.png") 0 0 repeat-x; }

/*
 * module: paper
 */

div.mod-paper div.box-1 {
    padding: 1px 1px 0px 1px;
    background: url("module_paper_border.png") 0 0 repeat;
}

div.mod-paper div.box-2 {
    padding: 20px 20px 0px 20px;
    background: #ffffff;
    overflow: hidden;
}

div.mod-paper div.box-b1,
div.mod-paper div.box-b2,
div.mod-paper div.box-b3 { background: url("module_paper_corners.png") 0 0 no-repeat; }

div.mod-paper div.box-b2 {
    padding: 0px 105px 0px 85px;
    background-position: 100% -40px;
}

div.mod-paper div.box-b3 {
    height: 32px;
    background-position: 50% -80px;
    background-repeat: repeat-x;
}

/*
 * module: menu
 */

div.mod-menu-box div.box-2 {
    padding: 0;
}

/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
    position: absolute;
    top: -13px;
    left: 50%;
    width: 114px;
    height: 38px;
    margin-left: -57px;
    background: url("module_polaroid_tape.png") 0 0 no-repeat;
    z-index: 1;
}

div.mod-polaroid div.box-1 {
    margin-top: 13px;
    padding: 10px 10px 5px 10px;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    background: #ffffff url("module_polaroid_bg.png") 0 100% repeat-x;
    overflow: hidden;
}

div.mod-polaroid div.box-2 {
    margin-bottom: 5px;
    background: #000000;
}

div.mod-polaroid div.box-3 {
    padding: 10px 15px 10px 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #C8C8C8;
}

div.mod-polaroid div.box-b1,
div.mod-polaroid div.box-b2,
div.mod-polaroid div.box-b3 { background: url("module_polaroid_shadows.png") 0 0 no-repeat; }

div.mod-polaroid div.box-b2 {
    padding: 0px 70px 0px 70px;
    background-position: 100% -5px;
}

div.mod-polaroid div.box-b3 {
    height: 5px;
    background-position: 0 -10px;
    background-repeat: repeat-x;
}

div.mod-polaroid h3.header {
    height: 25px;
    margin: 0px 0px 0px 0px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    text-shadow: none;
}

/*
 * module: postit
 */

div.mod-postit div.box-1 {
    background: #FFFFAA;
    color: #323232;
}

div.mod-postit div.box-2 {
    padding: 15px 15px 0px 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
}

div.mod-postit div.box-b1,
div.mod-postit div.box-b2,
div.mod-postit div.box-b3 { background: url("module_postit_shadows.png") 0 0 no-repeat; }

div.mod-postit div.box-b2 {
    padding: 0px 90px 0px 60px;
    background-position: 100% -40px;
}

div.mod-postit div.box-b3 {
    height: 40px;
    background-position: 0 -80px;
    background-repeat: repeat-x;
}

div.mod-postit h3.header {
    height: 30px;
    margin: -15px -15px 5px -15px;
    background: #FFFFDA;
    line-height: 30px;
    text-indent: 15px;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    text-shadow: none;
}

.slide-desc {
    top: 0px !important;
    left: 520px !important;
    position: absolute !important;
    width: 450px !important;
    height: 220px !important;
    bottom: 0px !important;
}

.slide-desc-bg {
    height: 220px !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 450px !important;
}

.slider-read-more {
    background:url("read_more.png") no-repeat;
    width: 140px;
    height:30px;
    display:block;
    float:right;
    margin:5px 0px 15px 5px;
}

/*.slider-container {
	border: 1px solid #c9c5c4 !important;
}*/
/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url("index.htm.css");
@import url("index-1.htm.css");

/*
 * item
 */

#system .title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
}

#system .item > .meta {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
    color: #707986;
}

#system .item > .links a {
    display: inline-block;
    height: 28px;
    margin-right: 5px;
    padding: 0 12px 0 12px;
    border: 1px solid #B84114;
    line-height: 28px;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0px rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #C73E16;
    background: -moz-linear-gradient(
        50% 0%,
        #E35518 0%,
        #C73E16 100%
    ); /* Firefox */

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #E35518),
        color-stop(100%, #C73E16)
    );
}

#system .item > .links a:hover {
    border-color: #8E2C10;
    background: #BB3C15;
    background: -moz-linear-gradient(
        50% 0%,
        #B13714 0%,
        #D24717 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #B13714),
        color-stop(100%, #D24717)
    );
    text-decoration: none;
}

#system .item > .links a:active {
    background: -moz-linear-gradient(
        50% 0%,
        #972F11 0%,
        #BD4015 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #972F11),
        color-stop(100%, #BD4015)
    );
}

#system .item > .links a:after { content: ""; }

#system .items .item {
    margin-top: 29px;
    padding-top: 30px;
    border-color: #E5E5E5;
}

#system .item-list {
    margin-top: 29px;
    padding-top: 15px;
    border-color: #E5E5E5;
}

#system .items .item > .meta { margin-top: 20px; }

/* Joomla 1.5/1.6 only */
#system .item > .icon { margin-top: 10px; }

#system .items.leading {
    padding-bottom: 29px;
    margin-bottom: 29px;
    border-color: #E5E5E5;
}

/*
 * searchbox
 */

#searchbox {
    background: url("searchbox_bg.png") no-repeat scroll 0 0 #727C86;
    border-radius: 3px 3px 3px 3px;
    height: 30px;
    padding-top: 0;
    position: relative;
    top: 8px;
    right: 4px;
    width: 170px;
}
#searchbox:hover  { background-position: 0 -40px; }

#searchbox input {
    width: 115px;
    height: 30px;
    color: #E9EAEB;
    font-size: 14px;
    line-height: 26px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

#searchbox:hover input,
#searchbox input:focus { color: #E9EAEB; }
#searchbox input:-moz-placeholder { color: #E9EAEB; }
#searchbox input::-webkit-input-placeholder { color: #E9EAEB; }

#searchbox button { height: 30px; }

#searchbox button.magnifier {
    width: 30px;
    background: url("searchbox_magnifier.png") 50% 50% no-repeat;
}

#searchbox button.reset { background: url("searchbox_reset.png") 50% 50% no-repeat; }
#searchbox .loading button.reset { background-image: url("index-138.htm"); }

#searchbox .results {
    top: 31px;
    right: -7px;
    border: none;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
    height: 30px;
    border-color: #59626D;
    line-height: 30px;
    color: #F2F1F0;
    font-size: 15px;
    text-transform: none;
    background: #727E8A;
    background: -moz-linear-gradient(
        50% 0%,
        #727E8A 0%,
        #606A75 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #727E8A),
        color-stop(100%, #606A75)
    );
}

#searchbox .results li.more-results {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#searchbox .results li.result {
    margin: 0px 1px 0px 1px;
    background-color: #F3F5F8;
}

#searchbox .results li.result.selected { background-color: #ffffff; }

#searchbox .results li.result.selected h3 { color: #D64A13; }

/*
 * table zebra
 */

table.zebra th,
table.zebra td {
    padding: 9px;
    border-bottom: 1px solid #E0E0E1;
}

table.zebra tbody tr.odd { background: #F3F5F8; }
table.zebra tbody tr:nth-of-type(odd) { background: #F3F5F8; }

table.zebra tbody tr.even { background: #ffffff; }
table.zebra tbody tr:nth-of-type(even) { background: #ffffff; }

/*
 * list style line
 */

ul.line > li {
    border-top-style: solid;
    border-color: #E8E9EB;
    color: #5A5F64;
}
ul.line > li > a {
    color: #5A5F64;
    text-decoration: none;
    display: block;
}
ul.line > li > a:hover { color: #D64A13; }

/*
 * pagination
 */

#system .pagination a,
#system .pagination strong {
    border: 1px solid #CDD0D3;
    text-shadow: 0 1px 0px rgba(255,255,255,1);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #E4E8EB;
    background: -moz-linear-gradient(
        50% 0%,
        #F8FAFD 0%,
        #E4E8EB 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #F8FAFD),
        color-stop(100%, #E4E8EB)
    );
}

#system .pagination a { color: #656669; }

#system .pagination strong { color: #D64A13; }

#system .pagination a:hover {
    color: #454647;
    background: #F2F4F7;
    background: -moz-linear-gradient(
        50% 0%,
        #E8EBEE 0%,
        #F2F4F7 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #E8EBEE),
        color-stop(100%, #F2F4F7)
    );
}

/*
 * breadcrumbs
 */

.breadcrumbs {
    font-size: 12px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 541px;
    z-index: 2;
}

.breadcrumbs>a,
.breadcrumbs li
{
    background: transparent;
}

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong,
.breadcrumbs strong:first-child
 {

    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    overflow: hidden;
    padding: 0 1px 0 0;
    text-shadow: 0 0 0;
}

.breadcrumbs li{
    display: inline; padding-right: 15px;
}
.breadcrumbs li:after{content:">"; width: 10px; height; 10px; display: inline-block; color: #ccc; margin-left: 15px;}

.breadcrumbs a,
.breadcrumbs span {color: #000; margin: 0; padding: 0;}
.breadcrumbs .first_link_br{
    margin-right: 0;
    padding: 0;
    position: relative;
    top: -2px;
}
.breadcrumbs a {text-decoration: underline;}
.breadcrumbs a:hover { color: #000; text-decoration: unset;}

.breadcrumbs strong {
    color: #000;
    font-weight: normal;
    background: none;
}

.breadcrumbs a:first-child,
.breadcrumbs strong:first-child {
    width: 20px;
    text-indent: 50px;
}

/*
 * readmore button
 */

a.readmore {
    height: 28px;
    padding: 0 12px 0 12px;
    border: 1px solid #A03212;
    line-height: 28px;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0px rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #C73E16;
    background: -moz-linear-gradient(
        50% 0%,
        #E35518 0%,
        #C73E16 100%
    );

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #E35518),
        color-stop(100%, #C73E16)
    );
}

#page a.readmore:hover {
    border-color: #8E2C10;
    background: #BB3C15;
    background: -moz-linear-gradient(
        50% 0%,
        #B13714 0%,
        #D24717 100%
    ); /* Firefox */

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #B13714),
        color-stop(100%, #D24717)
    );
}

#page a.readmore:active {
    background: -moz-linear-gradient(
        50% 0%,
        #972F11 0%,
        #BD4015 100%
    ); /* Firefox */

    background: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #E35518),
        color-stop(100%, #C73E16)
    );
}
.mainmiddle-wrapper-t1.with-breadcrumbs .badgehack{right:0}


.badgehack {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 165px;
    height: 46px;
    background: url("index-137.htm") right top no-repeat;
    overflow: hidden;
    z-index: 1;
    background-position: 0 -250px;
}
/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* TEXTURES */
.texture-noise #page-body { background: url("index-136.htm") 50% 0; }
.texture-fabric #page-body { background: url("index-135.htm") 50% 0;  }
.texture-squares #page-body { background: url("index-134.htm") 50% 0; }
.texture-squaresdotted #page-body { background: url("index-133.htm") 50% 0; }
.texture-tartan #page-body { background: url("index-132.htm") 50% 0; }

/* FONTS */
body.font-lucida,
.font-lucida h1,
.font-lucida h2,
.font-lucida h3,
.font-lucida h4,
.font-lucida h5,
.font-lucida h6 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }

body.font-georgia,
.font-georgia h1,
.font-georgia h2,
.font-georgia h3,
.font-georgia h4,
.font-georgia h5,
.font-georgia h6 { font-family: Georgia, "Times New Roman", Times, serif; }

body.font-trebuchet,
.font-trebuchet h1,
.font-trebuchet h2,
.font-trebuchet h3,
.font-trebuchet h4,
.font-trebuchet h5,
.font-trebuchet h6 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }

table.stropy_main td a{font-weight:bold;font-size:16px}

/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */

.stropy_main{
    width: 100%;
}
.stropy_main td{
    width: 115px;
    text-align: center;
    vertical-align: top;
}
.stropy_main td:last-child{
    width: auto;
    text-align: right;
}

.stropy_main_div {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
}
.stropy_main_div div {
	text-align: center;
	display: flex;
    flex-direction: column;
	border: 1px solid #ccc;
	border-radius: 10px;
	transition: all 0.3s ease;
	margin-bottom: 10px;
}
.stropy_main_div div a {
	text-decoration: none;
}
.stropy_main_div div:hover {
	box-shadow: 0 0 20px #D64A13;
	transition: all 0.3s ease;
}
.stropy_main_div div a:first-child {
	padding: 10px 20px;
}
.stropy_main_div div a:nth-child(2){
	padding: 0 20px 10px;
}

#logo a.logo-icon {
    display: block;
    width: 155px;
    height: 80px;
    background: url("index-131.htm") 0 0 no-repeat;
}

.modulewrappertop #top .top-2 div.mod-line div.box-1:hover h3.header,
.modulewrapperbottom #bottom .bottom-2 div.mod-line div.box-1:hover h3.header { color: #2D2E2F; }

/* rss + twitter toolbar icons */
#toolbar a.rss,
#toolbar a.twitter {
    display: inline-block;
    margin-top: 8px;
}

/* demo content: frontpage teaser */
.demoteaser {
    position: relative;
    height: 310px;
    padding: 0px 460px 0px 30px;
    background: url("index-130.htm") 0 0 no-repeat;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    overflow: hidden;
}

.demoteaser h2 {
    margin-top: 45px;
    margin-bottom: 5px;
    font-size: 52px;
    line-height: 52px;
}

.demoteaser span.subtitle {
    font-size: 24px;
    color: #7B8793;
}

.demoteaser p {
    margin-top: 25px;
    color: #7B8793;
}

.demoteaser .buttons {
    position: absolute;
    bottom: 15px;
    overflow: hidden;
}

.demoteaser .buttons a {
    height: 52px;
    padding: 8px 0px 0px 60px;
    color: #798490;
    background: url("index-129.htm") 0 0 no-repeat;
    float: left;
    display: block;
    text-decoration: none;
}

.demoteaser .buttons a.button-free:hover { background-position: 0 -60px; }
.demoteaser .buttons a.button-purchase { background-position: 0 -120px; }
.demoteaser .buttons a.button-purchase:hover { background-position: 0 -180px; }


/* demo content: icons page */
.iconbox {
    padding: 20px;
    border: 1px solid #D5D7D8;
    background: #F3F5F8;
    overflow: hidden;
}

/* demo content: social bookmarks */
.socialbookmarks {
    height: 42px;
    margin: -8px;
}

.socialbookmarks a {
    height: 42px;
    width: 42px;
    margin-right: 9px;
    display: inline-block;
    background: url("index-128.htm") 0 0 no-repeat;
}

.socialbookmarks a.facebook:hover { background-position: 0 -50px; }
.socialbookmarks a.twitter { background-position: 0 -100px; }
.socialbookmarks a.twitter:hover { background-position: 0 -150px; }
.socialbookmarks a.flickr { background-position: 0 -200px; }
.socialbookmarks a.flickr:hover { background-position: 0 -250px; }
.socialbookmarks a.feed { background-position: 0 -300px; }
.socialbookmarks a.feed:hover { background-position: 0 -350px; }
.socialbookmarks a.delicious {
    margin-right: 0px;
    background-position: 0 -400px;
}
.socialbookmarks a.delicious:hover { background-position: 0 -450px; }

.zimghome {border: 1px solid #999999; float: left; height: 82px; width: 82px; margin-right:20px;}
.tab1 {border-collapse: collapse; width: 100%;}
.ztab2 {border:1px solid #999;}
.img0 {border:none;}
.img2 {border: 1px solid #999999; float: left; height: 82px; width: 82px; margin: 0px 10px 10px 0px;}
/* tr.tr1 {
    background-color: #1290E8;
    color: #FFFFF5;
	border:1px solid #999;
}
table.tab3 {
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
    font-size: 8pt;
    text-align: center;
    width: 100%;
}
tr.tr2 {
    background-color: #F1F1F1;
}
tr.tr3 {
    background-color: #FDFDFD;
} */
div.divdate {
    color: #999999;
    text-align: right;
}
img.img4 {
    border: 0 solid;
    height: 94px;
    width: 94px;
}
.zbox {display:none;}
.zmtbl {border:1px solid #999; text-align:center; width:100%;margin-bottom:15px}
.zmtbl caption{font-weight:bold;padding:5px 2px}
.zmtbl img{margin:0 !important}
.content img {margin:0 10px 10px 0}
.content .img0 {margin:0}
.zproduct ul {list-style-type:none; padding-left:100px;}
.zspisok {float:left; width:300px; height:100px; margin-right:20px;}
.zclear {clear:both;}

img.img_150{
    border: #7D8894 1px solid;
}

div.div_art_img_l{
    text-align: center;
    float: left;
    width: 50%;
    height: 190px;
}

div.div_art_img_r{
    text-align: center;
    height: 190px;
}

div.div_art_img1_l{
    float: left;
    width: 200px;
    height: 190px;
}

th.th_art1{
    border: #FFFFFF 1px solid;
    background: #7D8894;
    color: #FFFFFF;
}

td.td_art1{
    border: #FFFFFF 1px solid;
    background: #F5F6F9;
}

table.tab_art1{
    width:100%;
    text-align: center
}

img.img_plus{
    position: relative;
    left: -16px;
}
.slide-desc-bg {
    background: #FFFFFF;
    opacity: 0;
    filter: alpha(opacity = 0);
    display: none;
}
.slide-desc-text {
    color: #656669;
    padding: 15px 20px 15px 20px;
    text-align: justify;
}
.slide-desc-text .slide-title {
    font-size: 1.5em;
    color: #4b7fa7;
    margin-bottom: 5px;
    text-transform:uppercase;
}
.slide-desc-text .slide-title a {
    color: #eeee88;
}
.djslider .navigation-container a {
    outline: none;
}
.djslider-loader {
    background: url("index-127.htm") center center no-repeat;
}

.djslider li {
    text-align: center;
}

span.load-button {
    width: 12px;
    height: 12px;
    display: block;
    background: #334;
    float: left;
    margin-right: 4px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 0.2;
    filter: alpha(opacity = 20);
}
span.load-button-active {
    opacity: 0.8;
    filter: alpha(opacity = 60);
}

/*** image on the left and 100% height of description area ***/
/*
#slider45 li {
	text-align: left;
}
#slider45 .slide-desc,
#slider45 .slide-desc-in {
	height: 100%;
}
#slider45 .slide-desc-bg {
	opacity: 1;
	filter: alpha(opacity = 100);
}
*/
#cboxLoadedContent{background-color:#fff;}
.wrapper { max-width: 1215px; width: 100%;}
#main-shift { margin-left: 260px; }
#left { width: 260px; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }

/* Styles for DJ Image Slider with module id 30 */
#djslider-loader30 {
    margin: 0 auto;
    position: relative;
    height: 220px;
    width: 970px;
}
#djslider30 {
    margin: 0 auto;
    position: relative;
    height: 220px;
    width: 970px;
    display: none;
}
#slider-container30 {
    position: absolute;
    overflow:hidden;
    left: 0;
    top: 0;
    height: 220px;
    width: 970px;
}
#djslider30 ul#slider30 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
#djslider30 ul#slider30 li {
    list-style: none outside !important;
    float: left;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 0px 0px 0 !important;
    position: relative;
    height: 220px;
    width: 970px;
    background: none;
    overflow: hidden;
}
#slider30 li img {
    width: 970px;
    height: auto;
    border: 0 !important;
    margin: 0 !important;
}
#slider30 li a img, #slider30 li a:hover img {
    border: 0 !important;
}

/* Slide description area */
#slider30 .slide-desc {
    position: absolute;
    bottom: 50px;
    left: 520px;
    width: 350px;
}
#slider30 .slide-desc-in {
    position: relative;
}
#slider30 .slide-desc-bg {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#slider30 .slide-desc-text {
    position: relative;
}
#slider30 .slide-desc-text h3 {
    display: block !important;
}

/* Navigation buttons */
#navigation30 {
    position: relative;
    top: 65px;
    margin: 0 0px;
    text-align: center !important;
}
#prev30 {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;

}
#next30 {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;

}
#play30,
#pause30 {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 47%;

}
#cust-navigation30 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 15;
    display: none;
}



/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url("index-126.htm") repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url("index-125.htm") no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url("index-125.htm") no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url("index-125.htm") no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url("index-125.htm") no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url("index-125.htm") left top repeat-y;}
#cboxMiddleRight{width:21px; background:url("index-125.htm") right top repeat-y;}
#cboxTopCenter{height:21px; background:url("index-124.htm") 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url("index-124.htm") 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-top:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url("index-125.htm") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url("index-125.htm") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url("index-123.htm") no-repeat center center;}
#cboxLoadingGraphic{background:url("index-122.htm") no-repeat center center;}
#cboxClose{position:absolute; top:0; right:0; background:url("index-125.htm") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url("index-121.htm");}
.cboxIE6 #cboxTopCenter{background:url("index-120.htm");}
.cboxIE6 #cboxTopRight{background:url("index-119.htm");}
.cboxIE6 #cboxBottomLeft{background:url("index-118.htm");}
.cboxIE6 #cboxBottomCenter{background:url("index-117.htm");}
.cboxIE6 #cboxBottomRight{background:url("index-116.htm");}
.cboxIE6 #cboxMiddleLeft{background:url("index-115.htm");}
.cboxIE6 #cboxMiddleRight{background:url("index-114.htm");}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#searchbox button {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 0;
    padding: 0;
    width: 22px;
}
#searchbox input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #969696;
    float: left;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    outline: medium none;
    padding: 0;
    width: 76px;
}
#searchbox button.reset {
    background: url("index-113.htm") no-repeat scroll 50% 50% transparent;
    display: none;
}

#searchbox button {
    height: 30px;
}

#searchbox button {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 0;
    padding: 0;
    width: 22px;
}
#searchbox input {
    color: #E9EAEB;
    font-size: 14px;
    height: 30px;
    line-height: 26px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    width: 115px;
}

#searchbox input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #969696;
    float: left;
    height: 22px;
    line-height: 22px;
    outline: medium none;
    padding: 0;
    width: 135px;
    padding-left: 5px;
    font-size: 14px;

}
.category-modulemod-box-grey h6 {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    margin-top: 0;
    overflow: hidden;
    background: #f4f4f4;
}
.category-modulemod-box-grey img {padding: 10px; display: inline-block;}
.category-modulemod-box-grey .news-div {display: inline-block; width: 40%; margin: 30px 0 0 30px; vertical-align: top;}
.category-modulemod-box-grey .news-div span:first-child{color: black; font-size: 15px; line-height: 1.5; font-weight: bold; text-transform: uppercase;}
.category-modulemod-box-grey .news-div span:last-of-type{display: block; color: #FFD600; font-weight: bold; margin-top: 20px;}
.mod-box .category-modulemod-box-grey {padding-left: 0;max-width: 750px;width: 100%;}
.mod-box .category-modulemod-box-grey, .mod-box .reklama {display: inline-block;}
.mod-box .category-modulemod-box-grey li{
    list-style: none;
}
.shop_img_left{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
div.mod-menu .level3{
    margin-left: 20px;
}
.news_block{

}
.news_block .item{
    margin-bottom: 20px;
}
.news_block .item .date{

}
.news_block .item .name{

}
.news_block .item .desc{

}
.news_block .item .desc p{
    margin: 0;
}
.jcarousel-wrapper {
    margin: 0 auto;
    position: relative;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 100%;
}



.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    position: relative;

}
.jcarousel li .mask_link{
    display: block;
    height: 217px;
    margin-left: 40px;
    position: absolute;
    width: 480px;
    z-index: 1;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    text-indent: -99999px;
}

.jcarousel-control-prev {
    background: url("slider_left.png") no-repeat scroll 0 0 transparent;
    height: 96px;
    left: 0;
    margin-top: -48px;
    top: 50%;
    width: 36px;
}

.jcarousel-control-next {
    background: url("slider_right.png") no-repeat scroll 0 0 transparent;
    height: 96px;
    right: 0;
    margin-top: -48px;
    top: 50%;
    width: 36px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    bottom: -6px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: auto;
}

.jcarousel-pagination a {
    background: none repeat scroll 0 0 #ff7500;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 6px;
    min-width: 14px;
    opacity: 0.75;
    padding: 7px;
    text-align: center;
    text-decoration: none;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.jcarousel-control-link{
    display: none;
}
#system .button{
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    border-radius: 7px 7px 7px 7px;
    color: #111111;
    cursor: pointer;
    padding: 7px;
    width: auto;
}

.comment_otzyv{
    margin-bottom: 10px;
}
.comment_otzyv .txt{

}
.comment_otzyv .txt p{
    margin-top: 0;
}
.comment_otzyv .autor{
    font-style: normal;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.comment_otzyv .date{
    font-size: 12px;
    margin-top: 3px;
}
.captcha{
    cursor: pointer;
}
.item_spec{
    margin-bottom: 10px;
}
.buttom_send{
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 15px;
    background-color: #D64A13;
    background-image: url("index-112.htm");
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.buttom_free_cons{
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 15px;
    background-color: #4EA454;
    background: url("blue_button.png") no-repeat;
    background-size: cover;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.buttom_free_cons:hover, .buttom_send:hover, .buttom_send.callme_viewform {
    box-shadow: 0 0 0;
}
.buttom_free_cons, .buttom_send {width: 220px; text-align: center; box-sizing: border-box; margin: 0;}
.b1c-submit-area .b1c-cr a{
    display: none;
}
.cme_btn_place span a{
    display: none;
}

.spec_pechi_banner_link{
   /* background: url("/img/spec_pechi_empty.png") no-repeat scroll 0 0 transparent;*/
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ededed 0%, #bfbfbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 0%,#bfbfbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 0%,#bfbfbf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 0%,#bfbfbf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */


    border: 1px solid #fff;
    border-radius: 10px;
    display: block;

    margin-left: 16px;
    margin-top: 16px;
    position: relative;
    width: 226px;
}
.spec_pechi_banner_link:hover{
    text-decoration: none;
}
.spec_pechi_banner_link .spec_pechi_banner{

}
.spec_pechi_banner_link .spec_pechi_banner .title_i{
    font-size: 20px;
    padding-top: 12px;
    text-align: center;
}
.spec_pechi_banner_link .spec_pechi_banner .nal{
    color: #FF0000;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
}
.spec_pechi_banner_link .spec_pechi_banner .opt{
    color: #111111;

}
.spec_pechi_banner_link .spec_pechi_banner .opt ul{
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}
.spec_pechi_banner_link .spec_pechi_banner .opt ul li{
    float: left;
    list-style: none outside none;
    text-align: center;
    width: 50%;
}
.spec_pechi_banner_link .spec_pechi_banner .opt ul li img{
    width: 100px;
}
.spec_pechi_banner_link .spec_pechi_banner .opt ul li a{
    color: #111;
}

.spec_stropy_link{
    background: url("spec_xtropy_nulled.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 172px;
    position: relative;
    width: 300px;
}
.spec_stropy_link:hover{
    text-decoration: none;
}
.spec_stropy_link .title_i{
    font-size: 18px;
    padding-top: 11px;
    text-align: center;
}
.spec_stropy_link .txt_i{
    font-size: 12px;
    padding-left: 114px;
    text-align: center;
}
.spec_stropy_link .txt_i p{

}
.spec_stropy_link .txt_i ul{
    padding-left: 5px;
    text-align: left;
}
.spec_stropy_link .txt_i ul li{

}
.menu_block{
    background: url("bg-menu.jpg") no-repeat scroll 0 0 transparent;
    height: 58px;
    max-width: 1066px;
    width: 100%;
    margin: 0 auto;
}

.left_sitebar_block{
    background: url("left_menu.jpg") no-repeat scroll 0 0 transparent;
    height: 40px;
    line-height: 38px;
    text-indent: 23px;
}
.left_sitebar_block h3{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.norm_bread{
    background: transparent;
    height: 40px;
    margin-left: 0;
    width: 100%;
}

.spec_stropy_link .title_i{

}
.spec_stropy_link .txt_i{
    color: #111;
}
.spec_stropy_link .txt_i b{
    font-size: 14px;
}

.spec_stropy_link .txt_i ul{
    color: #111;
}
.spec_stropy_link .txt_i ul li{
    list-style: none;

}
.callme_viewform_on_main {
    left: 58px;
    position: absolute;
    top: 214px;
}
#system .item{
    position: relative;
}
.buttom_send_on_main{
    position: absolute;
    right: 0;
    top: 300px !important;
}

#menu a.level1 span.orange{
    color: red;
    font-weight: bold;
}

.dropdown{

}
.dropdown .col1{
    background-color: #fff;
}
#menu li.level2{
    margin: 0 9px;
    overflow: hidden;
    border-bottom: 1px solid #AAAAAA;

}
#menu li.level2 a span:hover{
    color: #D64A13 !important;
}
#system h2{
    font-weight: normal;
    font-size: 16px;
}
.title_2 {
    margin-top: -30px;
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
}
.title_2 .title_2_button{
    font-size: 14px;
	text-decoration: none;
	padding: 5px 8px;
	margin: 0 10px;
	border: 1px solid #D64A13;
	border-radius: 15px;
	font-weight: bold;
	transition: all 0.3s ease;
	background: #D64A13;
	color: #fff;
	text-align: center;
}
.title_2 a:hover + .title_2_button {
	background: #E9EAEE;
	color: #D64A13;
	transition: all 0.3s ease;
}
.title_2 .title_2_button:hover {
	background: #E9EAEE;
	color: #D64A13;
	transition: all 0.3s ease;
}

#main_content {
	display: flex;
	justify-content: space-around;
}
#main_content div{
	flex: 1 1 60%;
}
#main_content .title_2 {
	flex: 1 1 36%;
}

.price_on_page{
    float: right; text-align: center;
    margin-left: 20px;
}
.button_green_after_table{
    background-color: #4EA454;
    margin-top: -40px;
}
.button_green_after_table:hover{
    background-color: #337C38;
    opacity: 1 !important;
}
.header_phones{

}
.header_phones a{
    color: #4E7EA4;
}
.header_phones a:hover{
    text-decoration: none;
}
.head_desc{
    color: #262626;
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: 50px;
}
.head_desc div{
    font-size:22px;
	margin-bottom:7px;
	color: #4C7FA6;
}

.header_phones{
    background: url("logotel.png") no-repeat scroll 0 0 transparent;
    color: #4E7EA4;
    font-size: 24px;
    left: 593px;
    line-height: 23px;
    padding-left: 40px;
    position: absolute;
    top: 45px;
}
.header_phones span{
    font-size: 13px;
}
.head_adress{
    background: url("ico_2.png") no-repeat scroll 0 5px transparent;
    color: #4E7EA4;
    font-size: 14px;
    left: 15px;
    padding-left: 50px;
    position: absolute;
    top: 104px;
}
.head_time{
    background: url("ico_3.png") no-repeat scroll 0 11px transparent;
    color: #4E7EA4;
    font-size: 14px;
    left: 224px;
    padding-left: 50px;
    position: absolute;
    top: 101px;
	height: 60px;
}
.head_stropa{
	display:none;
    background: url("ico_str.png") no-repeat scroll 0 0 transparent;
    height: 72px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 213px;
}
.head_block{
    display: block;
    height: 125px;
    position: absolute;
    right: 0;
    top: 0;
    width: 823px;
	margin-top: -20px;
}
.callme_viewform_on_head{
    position: absolute;
	left: 582px;
    top: 102px;
}
.b1c-form1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 50px #444444;
    display: none;
    height: auto;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    width: 350px;
    z-index: 110;
}
.b1c-form1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 50px #444444;
    display: none;
    height: auto;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    width: 350px;
    z-index: 110;
}
.b1c-tl1 {
    background: none repeat scroll 0 0 #D64A13;
    border-radius: 2px 2px 0 0;
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    text-shadow: 0 -1px 0 #D64A13;
}
.b1c-title-name1 {
    display: block;
    padding: 12px 0 10px 3%;
    text-align: center;
}
.b1c-description1 {
    margin: 8px 10px 10px;
}
.b1c-caption1 {
    margin: 4px 10px 0;
}
.b1c-txt1{
    background: none repeat scroll 0 0 #F3F0EB;
    border: 1px solid #CCD1DA;
    border-radius: 2px 2px 2px 2px;
    color: #4B5362;
    font-size: 13px;
    margin: 2px 10px 5px;
    padding: 5px 2px !important;
    resize: none;
    width: 100%;
}
.b1c-submit-area1 {
    background: none repeat scroll 0 0 #EEEEEE;
    border-top: 1px solid #DEDEDE;
    padding: 10px 0 0;
    position: relative;
}
.b1c-submit1 {
    background: none repeat scroll 0 0 #D64A13;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px #999999;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 15px;
}
.b1c-submit1 {
    display: block;
    margin: 0 auto;
}
.b1c-result1 {
    padding: 5px 10px;
}
.price_on_main{
    font-size: 15px;
}

#menu a.div_sp, #menu .div_sp {
    float: left;
    padding: 0 0;
}
#menu .div_sp {
    background: url("menu_level1_item.png") no-repeat scroll 0 100px transparent;
}
#menu a, #menu .div_sp{
    display: block;
}
#menu a.div_sp span.bg, #menu .div_sp span.bg {
    background: none ;
    color: #E9EAEB;
    float: left;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 7px;
    padding-left: 4px;
    padding-right: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
#menu li.level1.parent:hover a.div_sp,
#menu li.level1.parent:hover .div_sp,
#menu li.level1.parent.remain a.div_sp,
#menu li.level1.parent.remain .div_sp
{
    background-position: 100% -350px;
}

. b1c-form. b1c-caption:last-child {
    display: none! important;
}

. b1c-form. b1c-select {
    display: none;
}
.menu .menu-dropdown .active_link_menu{

}




.jcarousel_inner-wrapper {
    margin: 0 auto;
    position: relative;
}


.jcarousel_inner-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel_inner-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}



.jcarousel_inner ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel_inner li {
    float: left;
    position: relative;
    text-align: center;
    width: 194px;
}
.jcarousel_inner li a:first-child {
    display: table-cell;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    width: 190px;
}
.jcarousel_inner li a:first-child img{

}
.jcarousel_inner li .mask_link{
    display: block;
    height: 217px;
    margin-left: 40px;
    position: absolute;
    width: 888px;
    z-index: 1;
}

/** Carousel Controls **/

.jcarousel_inner-control-prev,
.jcarousel_inner-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    text-indent: -99999px;
    display: block;
}

.jcarousel_inner-control-prev {
    background: url("slider_left.png") no-repeat scroll 0 0 transparent;
    height: 96px;
    left: -40px;
    margin-top: -48px;
    top: 50%;
    width: 36px;
}

.jcarousel_inner-control-next {
    background: url("slider_right.png") no-repeat scroll 0 0 transparent;
    height: 96px;
    margin-top: -48px;
    right: -40px;
    top: 50%;
    width: 36px;
}

.jcarousel_inner-control-prev:hover span,
.jcarousel_inner-control-next:hover span {
    display: block;
}

.jcarousel_inner-control-prev.inactive,
.jcarousel_inner-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel_inner-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel_inner-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    line-height: 14px;
    min-width: 14px;

    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel_inner-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.jcarousel_inner-control-link{
    display: none;
}
.carusel_block_footer{
    clear: both;
    padding: 45px 40px;
    margin: 0;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}
.carusel_block_footer .title{
	text-align:center;
	margin-bottom: 10px;
}
.carusel_block_footer .title h2{

}
.my_new_green_btn{
    background-color: #c6f1c9;
    border: 3px solid #15ae22;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 30px;
    opacity: 0.8;
    padding: 10px;
    text-align: center;
    width: 280px;
}
.my_new_green_btn:hover{
    opacity: 1;
}

.cme_form_new select {
    background: #fff;
    padding: 4px 3px 3px 9px;
    font-size: 12px;
    border: 1px solid #98A198;
    margin: 0 0 7px 0;
    border-radius: 3px;
    outline-style: none;
}
.cme_form_new .cme_select {
    width: 290px !important;
    margin: 0 0 5px 10px;
}

.cme_form_new h6 {
    color:#4ea454;
    font-size:12px;
    padding:8px 0 9px 10px;
    border-bottom:1px solid #e9e9e9;
    margin:0 0 7px 0;
}

#page-body #contents .cme_form_new {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbc1ce;
    border-radius: 3px;
    box-shadow: 0 2px 20px #333;
    color: grey;
    display: none;
    font-family: "Lucida Grande",Tahoma;
    left: 50%;
    margin-left: -150px;
    padding-bottom: 10px;
    position: fixed;
    text-shadow: 0 1px #fff;
    top: 30%;
    width: 305px;
    z-index: 109;
}
.cme_form_new span {
    padding:2px 3px 2px 10px;
    display:block;
    color:grey;
    font-size:11px;
    clear:both;
}
.cme_form_new span div {
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    line-height: 19px;
}
.cme_form_new .cme_btn{
    margin-left: 80px;
    margin-top: 10px;
}
.price_alert{
    color: red;
    margin-left: 18px;
    margin-right: 18px;
    position: relative;
    text-align: center;
    top: -19px;
}
.callme_on_links_page{
    float: none;
    margin: 26px auto 10px;
    text-align: center;
    width: 178px;
}
.new_grafic_2014-2015{
    color: #d64a13;
    /*display: none;*/
    float: left;
    margin-bottom: 14px;
    margin-right: 40px;
    padding-left: 30px;
    text-align: left;
}
.new_grafic_2014-2015 ul{
    margin-top: 5px;
}
#top .module{
    margin-bottom: 0;
}
.botton_buttons{
    display: block;
    margin: 30px auto 30px;
    padding: 2px;
    max-width: 450px;
    width: 100%;
    overflow: hidden;
}
@keyframes blink {
      0% { opacity: 1.0; }
	  10% { opacity: 0.1; }
	  15% { opacity: 0.15; }
      20% { opacity: 0.2; }
	  25% { opacity: 0.25; }
	  30% { opacity: 0.3; }
	  35% { opacity: 0.35; }
	  40% { opacity: 0.4; }
	  45% { opacity: 0.45; }
	  50% { opacity: 0.5; }
	  55% { opacity: 0.55; }
	  60% { opacity: 0.6; }
	  65% { opacity: 0.65; }
	  70% { opacity: 0.7; }
	  75% { opacity: 0.75; }
	  80% { opacity: 0.8; }
	  85% { opacity: 0.85; }
	  90% { opacity: 0.9; }
	  95% { opacity: 0.95; }
      100% { opacity: 1.0; }
    }
    @-webkit-keyframes blink {
      0% { opacity: 1.0; }
	  10% { opacity: 0.1; }
	  15% { opacity: 0.15; }
      20% { opacity: 0.2; }
	  25% { opacity: 0.25; }
	  30% { opacity: 0.3; }
	  35% { opacity: 0.35; }
	  40% { opacity: 0.4; }
	  45% { opacity: 0.45; }
	  50% { opacity: 0.5; }
	  55% { opacity: 0.55; }
	  60% { opacity: 0.6; }
	  65% { opacity: 0.65; }
	  70% { opacity: 0.7; }
	  75% { opacity: 0.75; }
	  80% { opacity: 0.8; }
	  85% { opacity: 0.85; }
	  90% { opacity: 0.9; }
	  95% { opacity: 0.95; }
      100% { opacity: 1.0; }
    }
    .zblink {
      animation: blink 2s step-start 0s infinite;
      -webkit-animation: blink 2s step-start 0s infinite;
	  font-size: 15px;
    }
	.zblink strong {
      display: block;
	  font-size: 16px;
    }

.zmtbl-mfix-w {
    border-collapse: collapse;
}
.zmtbl-mfix-w td {
    border-collapse: collapse;
    padding: 5px;
    text-align: center;
    line-height: 25px;
}
.zmtbl-mfix-w tr {
    border-collapse: collapse;

}
.zmtbl-mfix-w th {
    border-collapse: collapse;
    padding: 5px;
    text-align: center;
    line-height: 25px;
    min-width: 90px;
}
.zmtbl-mfix {
    border-collapse: collapse;
}
.zmtbl-mfix td {
    border-collapse: collapse;
    padding: 5px;
    line-height: 25px;
    white-space: nowrap;
}
.zmtbl-mfix tr {
    border-collapse: collapse;

}
.zmtbl-mfix th {
    border-collapse: collapse;
    padding: 5px;
    line-height: 25px;
    white-space: nowrap;
}
.zmtbl .th_width, .zmtbl .th_length2 {
	line-height: 1;
	font-size: 14px;
}
.zmtbl .th_length2 {
	padding: 6px;
}
.zmtbl .th_length {
	font-size: 14px;
}
#main #content .lbtmz td {
	white-space: nowrap;
    word-wrap: normal;
}
#main #content .lbtmz {
	display: block;
	overflow-x: auto;
}
#main #content .lbtmz tbody{
    min-width: 100%;
    display: table;
    box-sizing: border-box;
}
#main #content .lbtmz img {
	min-width: 60px;
}
#information div {
	display: inline-block;
	width: 47%;
	vertical-align: top;
	position: relative;
}
#information h3 {
	text-align: center;
}
#imformation h3:before {
	content: "";
	background: src(/images/main/truck32.png) no-repeat;
	width: 32px;
	height: 32px;
}
#delivery {
	border-right: 1px solid black;
	margin-right: 10px;
	background: #FFF;
}
#delivery > a {
	margin-left: 23px;
}
#delivery:hover .deliveryH3, #payment:hover .paymentH3 {
	color: #000;
}
#delivery .deliveryH3 {background: #FFD600; font-weight: bold; display:block; margin-top: 15px; position: relative; color: #000; padding: 15px 0 15px 15px; font-size: 20px; margin-left: 85px; margin-right: -5px;}
#delivery .deliveryH3:before {background: url("delivery.png") no-repeat; background-size: contain; height: 40px; top: 12px; width: 40px; position: absolute; margin-left: -65px; content: " ";}
#delivery ul {list-style-type: none;}
#delivery ul li {margin-left: 15px; position: relative; margin-top: 10px;}
#delivery ul li:before{content:" "; width: 8px; height: 14px; display: inline-block; position: absolute; left: -20px; top: 4px;background:url("arrow.png");}
#delivery_button {
    font-size: 14px;
	text-decoration: none;
	padding: 10px 10px;
	margin: 15px auto;
	border: 1px solid #D64A13;
	border-radius: 15px;
	font-weight: bold;
	transition: all 0.3s ease;
	background: #D64A13;
	color: #fff;
	text-align: center;
	display: block;
	width: 240px;
}
#delivery_button:hover {
	background: #E9EAEE;
	color: #D64A13;
	transition: all 0.3s ease;
}
#payment .paymentH3 span, #delivery .paymentH3 span {background: none;}
#payment .paymentH3:before {
    background: url("pay.png") no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-left: -65px;
    content: " ";
    top: 6px;
}
#payment .paymentH3 {background: #FFF; display:block; font-weight: bold; position: relative; color: #000; padding: 15px 0 15px 15px; font-size: 20px; margin-top: 20px; margin-left: 85px;}
#payment {background: #FFD600;}
#payment ul {
	list-style: none;
}
#payment ul li:first-child, #payment ul li:nth-child(2) {margin-top: -8px; font-weight: bold}
#payment ul li:first-child p, #payment ul li:nth-child(2) p {margin-left: 44px; margin-top: 0; font-weight: normal; font-size: 14px;}
#payment ul li:first-child span {
	background: url("pay2.png") no-repeat;
	background-size: contain;
	height: 40px;
    display: inline-block;
    width: 40px;
    margin: auto 9px -28px -5px;
}
#payment ul li:nth-child(2) {margin-top: 20px;}
#payment ul li:nth-child(2) span {
	background: url("pay3.png") no-repeat;
	background-size: contain;
	height: 40px;
    display: inline-block;
    width: 40px;
    margin: auto 13px -30px -10px;
}
#new_contacts {
	float: right;
	text-align: left;
	margin-right: 50px;
}
#new_contacts p:first-child {
	margin: 1em auto;
}
#new_contacts p:not(:first-child) {font-size: 18px; font-weight:bold;}
#new_contacts .under_mail {
	font-size: 12.5px;
	margin-top: -10px;
}
#new_contacts h3 {
	margin-bottom: 0;
}
#bottom_footer p {
	margin: 21px auto 0; max-width: 800px; color: #FFD600;
}
#bottom_footer p:nth-child(2) {
	margin: 0 20px 10px;
	text-align: right;
}
#bottom_footer a {
	color: #fff;
	text-decoration: underline;
}
#bottom_footer a:hover {
		text-decoration: none;
}
th.thprice {
    width: 100px;
	text-align: left;
}
.customblank>div {overflow: hidden;}
#other_product div {
	display: inline-block;
	vertical-align: top;
	width: 30%;
}
#other_product div:last-child {
	width: 32%;
}
#other_product div ul {
	margin-top: 0;
	list-style: none;
	padding: 0;
}
#other_product div:nth-child(3) {
	margin-left: -30px;
	margin-right: 40px;
}
#other_product div:nth-child(3) ul {
	display: inline-block;
}
#other_product div:nth-child(3) ul:last-child {
	margin-left: 20px;
}
#advantages div {
	display: inline-block;
	width: 24%;
	vertical-align: top;
	text-align: center;
}
#advantages div span:first-child {height: 98px; width: 98px; background-size: cover; margin-right: 7px; margin-bottom: -8px;display: inline-block;}
#advantages div:first-child span {
	background: url("choose.png") no-repeat 0px 0px;
}
#advantages div:nth-child(2) span {
	background: url("choose.png") no-repeat -212px 0px;
}
#advantages div:nth-child(3) span {
	background: url("choose.png") no-repeat -424px 0px;
}
#advantages div:last-child span {
	background: url("choose.png") no-repeat -636px 0px;
}
#bottom {max-width: 1070px; margin: 0 auto;}
#bottom .clients_main {
	max-width: 1066px;
	margin: 10px auto;
}
#gallery {float: left; margin-right: 20px;}
#gallery img {max-width: 300px; width: 100%;}
.newsDesc {font-size: 16px;}
#leftSide {float:left; width: 250px; margin-left: 45px;}
#component {margin-left: 350px; padding-left: 30px; padding-right: 100px;}
#component.componentInside {padding: 0 100px;}
#component .zmtbl .tr1 th, .zmtbl caption {background: #ffda00; color: #434343; text-align:left; padding: 6px 12px;}
.zmtbl caption a {color: #000; text-decoration: underline;}
.zmtbl caption a:hover {text-decoration: none;}
#component .zmtbl .tr1 th a {color: #434343; text-decoration: underline;}
#component .zmtbl .tr1 th a:hover {text-decoration: unset;}
#component .zmtbl tr:nth-child(odd) {background: #f7f7f7;}
#component .zmtbl {border: 1px solid #e6e6e6;}
div.module {z-index:9;}
#contents .menuLeft {margin: 0;}
#contents .menuLeft li {background: #ededed; position: relative;}
#contents .menuLeft > li > a {    padding: 5px 10px 5px 59px;
    text-align: left;
    min-height: 36px;
    /* width: 160px; */
    font-size: 14px;
    display: block;
    background: #ffffff;
    color: #434343;
    /* text-transform: uppercase; */
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;}
#contents .menuLeft > li > a.active, #contents .menuLeft > li:hover > a {color: #de2827;}
#contents .menuLeft > li.level1 > a span {display: block;}
#contents .menuLeft li ul.level2 {    margin-left: 72px;
    font-size: 13px;
    text-align: left;
    font-weight: bold;}
#contents #middle .mod-menu .menuLeft ul.level2 {padding-bottom: 10px;}
#contents .menuLeft li ul.level2 li {text-align:left;}
#contents .menuLeft li ul.level2 li a {color: #434343;}
#contents .menuLeft li ul.level2 a.active {color: #de2827;text-decoration: underline;}
#contents .menuLeft li ul.level2 li .bg {display:block;}
#contents .menuLeft > li.level1 > a img {max-width: 44px; max-height: 40px; position: absolute; top: 5px; left: 11px; background-position: 0 0;}

.mainTags {display: none;}
#header #menu li.level1, #header #menu li.level1 .level1 span.bg {background: transparent;}
#menu li.level1.active_link_menu a.level1 {background: #fff;}
.item > div > .comment, .comment.comment_otzyv {border-bottom: 2px solid #e6e6e6; padding-bottom: 35px; margin-top: 35px;}
#AddComment {margin-top: 35px;}
p.h1 {font-size: 26px; margin: 35px auto;}
p.tags, .comment.comment_otzyv {margin: 0 0 30px; position: relative; padding-left: 80px;}
p.tags > span {display:block;}
p.tags .author, .comment .author {margin-bottom:10px;font-size:20px; display: inline-block;}
p.tags .authorDate, .comment .authorDate {font-size: 18px; color: #b4b4b4; display: inline-block; margin-left: 20px;}
p.tags .likeImg, .comment .likeImg {background: #f6f6f6; display: inline-block; padding: 17px 19px; border-radius: 50%; font-size: 18px; font-weight: bold; border: 2px solid #b4b4b4; position: absolute; left: 0; top: 0; text-align: center; width: 20px;}
.comment .mceEditor {resize: none; overflow:hidden;}
.comment .mceEditor, .comment input[name="author"], .comment input[name="captcha"] {box-shadow: 0px 0px 7px -2px inset; box-sizing: border-box; max-width: 400px; width: 100%; background: #f6f6f6; padding: 12px; border: 0; border-radius: 4px;}
.comment input[name="captcha"] {width: 150px}
.rowTest {margin-top: 10px;}
.rowTest > div {display: inline-block;}
.comment .rowTest select {margin-left: 10px; background-color: #f6f6f6; border: 0; box-shadow: 0 0 7px -1px inset; border-radius: 4px; color: #555; font-size: inherit; overflow: hidden; padding: 8px 10px; width: 310px;}
.comment .row .button, p.button, .comment .txt a {background: linear-gradient(#cacaca, #828282); color: #fff; border: 0; border-radius: 4px; font-size: 16px; padding: 10px 25px;}
.comment .txt a {display: inline-block; padding: 4px 10px; margin-top: 5px;}
p.button {width: 150px !important; padding: 10px; text-align:center;}
#bottom .menu-dropdown li a{color: #000; text-decoration: unset;}
.overflowInsideTable {margin: -1px -1px 0 -1px; max-width: 570px; overflow-y: scroll; overflow-x: auto;}
.overflowInsideTable table{position: absolute; display: block; overflow-y: scroll;}
.overflowInsideTable table.noBlock {display: table;}
.seoEng {position: absolute; bottom: 30px; text-decoration: underline; color: #000;}
.seoEng:hover {text-decoration: none;}
#contents .item #error, #contents .item #message {background: #e62020; color: #fff; padding: 5px; text-align: center; margin-top: 5px;}
#contents .item #message {background: #179c16;}

.videogal {
	width: 274px;
  height: 180px;
  overflow-y: hidden;
}

.phototext {
  width: 274px;
  min-height: 40px;
  background-position: 0 0px;
  display: block;
  /* background: url(/getdata.php?id=2034); */
  margin-top: -40px;
}

.row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.text-center {
    text-align: center!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.col {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col {
    font-size: 0.85rem;
}

center {
    display: block;
    text-align: -webkit-center;
}

.phototext {
  background-color: #feae00;
}

.phototext p {
  color: white;
  padding-top: 10px;
}

.gallink {
    display: block;
    height: 100%;
}

.lightgray {
 color: black;
 background: #D1D1D1;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 line-height: 1.5rem;
 padding-left: 1rem;
 padding-top: 0em;
 padding-bottom: 0em;
}

.lightgray:hover {
 background: #E8DFAA;
 text-decoration: none;
}

.gray {
 color: black;
 background: #E8E8E8;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 line-height: 1.5rem;
 padding-left: 1rem;
 padding-top: 0em;
 padding-bottom: 0em;
}

.gray:hover {
 background: #E8DFAA;
 text-decoration: none;
}

#accordion {
 margin-left: 0px;
 margin-right: 0px;
 padding-top: 10px;
}

#accordion h3.agray{
color: black;
background: #ffffc9;
outline-color: #ffffc9;
font-size: 16px;
font-family: Arial;
border: 0px;
}

#accordion h3.alightgray{
color: black;
background: #feff99;
outline-color: #feff99;
font-size: 16px;
font-family: Arial;
border: 0px;
}

#accordion h3:hover{
color: black;
background: #E8DFAD;
outline-color: #E8DFAD;
}

#accordion h3.ui-state-active{
color: black;
background: #fed701;
outline-color: #fed701;
}

.last {
/* border-bottom: 2px dotted black; */
/* padding-top: 25px; */
}

.MainTable span {
color: red;
font-weight: bold;
}

.red {
color: red;
font-weight: bold;
}

.purple {
color: purple;
}

.green {
color: green;
}

.yellow {
color: yellow;
}

.mainlist {
float: right;
margin-top: 4px;
margin-right: 125px;
font-size: 12pt;
font-weight: bold;
width: 94px;
height: 30px;
background: url(/img/faq/listbtn.jpg);
}

.mainlist:hover {
 background-position: 0 -30px; /* �������� ���� */
}

.mainlist a{
font-size: 12pt;
text-decoration: none;
}

.mainlistua {
float: right;
margin-top: 4px;
margin-right: 125px;
font-size: 12pt;
font-weight: bold;
width: 94px;
height: 30px;
background: url(/img/faq/listbtnua.jpg);
}

.mainlistua:hover {
 background-position: 0 -30px; /* �������� ���� */
}

.mainlistua a{
font-size: 12pt;
text-decoration: none;
}

.faqtitle {
 float: right;
 background: url(/img/faq/faq.jpg);
 width: 261px;
 height: 38px;
 padding-top: 0px;
 margin-top: 15px;
}
