@charset "utf-8";

.cleaner { clear:both; height:0px; line-height:0px; font-size:0px}

/* imageGallery default */
.imageGallery {padding: 0 0 0 0;}
.imageGalleryItem {float: left; padding: 3px;}
.imageGalleryItem img {border: solid 1px #1F1F1F; padding: 1px;}
.imageGalleryTexts {display:none;}

.blogWrap {width: 282px; float: left; margin: 0 20px 30px 0; background:#f0f0f0; padding:10px}
.blogItems .blogWrap:nth-child(3n) {margin: 0 0 30px 0}
.blogWrapL { margin: 0 0 10px 0;background: #225E1E;float: left;width: 100%;text-align: center; position: relative}
.blogWrapL img { float: left;}
.blogTop {display:block; float:left; width:100%; border-bottom:4px solid #434445; margin:0 0 20px 0}
.blogTopIn {background:#434445; display:block; float:left; min-width:200px; padding:0 14px; height:28px; line-height:28px; color:#fff; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; font-size:12px}
.blogTopIn span {padding:0 10px 0 0; border-right:1px solid #d0b709; font-weight:bold; margin:0 10px 0 0}
.blogTopIn strong {color:#72f1f9}
.blogTitle {font-size:17px; font-weight:bold; color:#242526; padding:0 0 10px 0;border-bottom: 1px solid #C5C5C5;height: 60px;display: table-cell; vertical-align: middle}
.blogTitle a {color:#242526; text-decoration:none}
.blogTitle a:hover {color:#242526; text-decoration:underline}
.blogText {line-height:1.4em; margin:10px 0;font-size: 13px;height: 106px; overflow: hidden}

.blogInfo span  {position:absolute; bottom:0px; left:0px; width:90px; height:38px; line-height:38px; text-align:center; color:#fff; background:#005890; z-index:100}
#BlogBox { width: 970px;float: left;}
#BlogBox .contentPager { width: 950px !important;}

.blogDetail .blogDatum { float: left;width: 100%;color: #005890;font-weight: bold; margin: 0 0 10px 0}

.boxPageContent ul { list-style: none; margin: 0 0 20px 0; padding: 0; display: table; }
.boxPageContent ul li{ margin: 0; padding: 0 0 5px 15px; background: url(/odrazkaSmallImage) no-repeat left 5px; }



/* layout */

form 
{			
	margin:0;
	padding:0;
}

#pageWrap, #pageWrap2 
{
    padding:0;
    margin:0 auto;
	max-width:2560px;
	min-width:1000px;
	overflow:hidden;
	background:url(images/pageWrap.jpg) no-repeat center top;
}

#headerWrap {width:100%}

#header 
{						
    position:relative;
    margin:0 auto 0 auto;
    background:url(images/header.png) no-repeat left bottom;
    width:1000px;
    height:304px;
    z-index:3;				
}

#bcBackground 
{
    position:relative;
    width:100%;
    z-index:20;			
}
#bcBackgroundTop {position:relative; width:100%; z-index:2;}
#bcHeaderTop {margin:0 auto; background:#fff; width:1000px}

.nivoSlider-Slider .nivoSlider a {float:left}
.nivoSlider-Slider .nivoSlider a img {float:left}

#bcHeader 
{
    position:relative;
	width:1000px;
    margin:0 auto 0 auto;
    z-index:3;
}

#bcFooter 
{
    position:relative;
    width:100%;
    min-height:400px;
    padding:0px 0 20px 0;
    z-index:3;
    background:#fff;
}

#footerWrap 
{
    position: relative;
    width: 100%;
    height:266px;
    bottom: 0;
    z-index: 1;
	background:url(images/footerWrap.png) repeat-x center top;
}

#footer 
{	
    position:relative;
    width: 1000px;
    height:266px;
    margin: 0 auto 0 auto;
    z-index:4;
	padding:0px 0 0 0;
}

    
/* end layout */

/* header */

#logo {position:absolute; top:104px; left:0px}

#search {float:left; width:405px; height:35px; margin:0 0 0px 0; background:url(images/search.png) no-repeat left top; position:absolute; top:110px; right:0px}
#search .input1 {float:left; width:265px; height:18px; line-height:18px; border:none; background:none; position:absolute; top:7px; left:38px; color:#545454; font-size:12px}
#search .input1:focus { outline:none;  }
#search .button1 {width:85px; height:24px; background:url(images/button1.png) no-repeat left top; position:absolute; top:5px; right:5px; cursor:pointer}
#search .button1:hover {background-position:left bottom}
#search .button1 input {width:85px; height:24px; border:none; background:none; cursor:pointer; color:#fff; font-size:13px}

#headerTel {position:absolute; top:119px; left:311px; padding:3px 0 3px 50px; width:216px; background:url(images/headerTel.png) no-repeat left top; font-family: 'Istok Web', sans-serif; font-size:15px; color:#24621f; text-transform:uppercase; line-height:1.2em}
#headerTel strong {color:#000}

#boxBenefits {position:absolute; top:229px; left:50px; }

.searchA {padding:30px 69px 0 0; position:absolute; top:194px; right:-35px; height:69px; color:#545557; background:url(images/searchA.png) no-repeat right top; width:105px; font-size:14px; font-family: 'Istok Web', sans-serif; line-height:1.2em}
.searchA:hover {color:#545557; text-decoration:underline}

#headerIco {position:absolute; top:84px; right:-46px; width:34px; }
.icoFb {float:left; display:block; width:34px; height:33px; line-height:0px; font-size:0px; background:url(images/icoFb.png) no-repeat left top; margin:0 0 10px 0}
.icoFb:hover {background-position:left bottom}

.icoHome {float:left; display:block; width:17px; height:16px; background:url(images/icoHome.png) no-repeat left top; position:absolute; top:54px; left:7px; line-height:0px; font-size:0px}
.icoHome:hover {background-position:left bottom; }

#boxLogin {display:block; position:absolute; top:0px; left:0px; height:26px; padding:10px 0 0 0}
#boxLogin a, #boxLogin span {float:left; display:block; padding:0 0 0 22px; font-weight:bold; color:#fff; text-decoration:none; margin:0 20px 0 0}
.headerTel {background:url(images/headerPhone.png) no-repeat left top; }
.headerMail {background:url(images/headerMail.png) no-repeat left top; }
#boxLogin a:hover {color:#fff; text-decoration:underline}

.basketTop {position:absolute; top:0px; right:0px}
.basketTop a {float:left; display:block; height:36px; line-height:36px; padding:0 10px 0 56px; text-transform:uppercase; color:#fff; text-decoration:none; background:url(images/basketTop.png) no-repeat left top; font-weight:bold}
.basketTop a span {color:#a2ff00}
.basketTop a:hover {color:#fff; text-decoration:none}
.basketTop a:hover span {color:#a2ff00; text-decoration:underline}

.ben1 {width:170px; margin:0 30px 0 0;}
.ben2 {width:210px; margin:0 30px 0 0;}
.ben3 {width:170px; margin:0 30px 0 0;}

/* end header */

/* top menu*/

#menu 
{    
	position:absolute;
	top:36px;	
	right:0px;
	z-index:4;
    background:url(images/menuLi.png) no-repeat right 18px;
}

.menuMain1
{
	list-style:none;
	margin:0 auto 0 auto;
	padding:0;
    
}

.menuMain1>li 
{
	list-style:none;
    padding:0 0px 0 0;
    margin:0;
    float:left;
    background:url(images/menuLi.png) no-repeat left 18px;
    position:relative;
}

.menuMain1>li.first {display:none}


.menuMain1>li>a 
{
	display:block;
	font-size: 14px;
	color: #fff;
	text-transform:uppercase;
	text-decoration: none;
	text-align:center;
	position:relative;	
	padding:0 20px 0 21px;
    font-family: 'Istok Web', sans-serif;
	height:51px;
	line-height:51px;
	background:url(images/menuA.png) no-repeat center top;
}
.menuMain1>li:hover>a, .menuMain1>li.selected>a {color:#84ce03; background-position:center bottom;}

.menuMain1>li:hover>ul {display:block}
.menuMain2 
{
	list-style:none;
	padding:10px 0;
	margin:0;
	position:absolute; 
	top:51px; 
	left:0px;
    background:#E8F0DD;
    width:240px;
    display:none;
    z-index:100;
}
.menuMain2>li 
{
	list-style:none;
    padding:0;
    margin:0;
    float:left;
    display:block;
    background:none;
}
.menuMain2>li>a {float:left; display:block; width:205px; color:#000; text-decoration:none; padding:4px 10px 4px 25px;background:none;border:none;text-align:left;}
.menuMain2>li>a:hover {color:#fff; background:#225C21}
.menuMain2>li.last {margin:0 0 10px 0;}
/* end top menu*/

/* bottom menu  */

#menuFooter	
{
	width: 1000px;
	text-align:right;
	z-index:7;
	float:left;
	position:absolute;
	top:10px;
	right:0px;
}

.menuMainFooter	
{
	list-style: none;
	margin:0;
	padding:0;
    float:right;
}

.menuMainFooter li 
{
    display: block;
    float:left; 
}

.menuMainFooter li a	
{
    font-size: 12px;
    display:block;
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    background:url(images/menuFooter.png) no-repeat right 2px;

}

.menuMainFooter li.last a
{
    background:none;
    padding: 0 7px 0 10px;
}

.menuMainFooter li:hover a
{
    color: #fff;
    text-decoration: underline;
}

/* end bottom menu  */

/* cs copyright */
#containerFooter {
	font-size: 10px;
	color: #707070;
	padding:0;
	float:left;
    text-align:left;
	position:absolute;
	top:20px; 
	right:6px;
}
#containerFooter a {
	text-decoration: none;
	color:#707070;
}
#containerFooter a:hover {
	text-decoration: none;
	color:#868686;
}
/* end cs copyright */

/* footer */
#footerL {float:left; width:170px; margin:0 45px 0 22px; padding:25px 20px 0 0; border-right:1px solid #acacac; min-height:140px; color:#fff}
#footerC {float:left; width:170px; margin:0 45px 0 0px; padding:25px 20px 0 0; border-right:1px solid #acacac; min-height:140px; color:#fff}
#footerR {float:left; width:260px; margin:0 0px 0 0px; padding:25px 0px 0 0; color:#fff; min-height:140px;}

#footerBox {width:1000px; border-top:1px solid #616161; padding:10px 0 0 0; position:absolute; top:214px; left:0px}

#logoFooter {position:absolute; left:20px; top:5px}

.footerTitle {font-size:14px; color:#9fc800; font-weight:bold; margin:0 0 20px 0; }
.footerText {line-height:1.4em; margin:0 0 15px 0; color:#fff}
.footerText a {color:#9fc800; text-decoration:none; font-weight:bold}
.footerText a:hover {color:#9fc800; text-decoration:underline;}

#footerL ul, #footerC ul {margin:0px; padding:0px; list-style:none}
#footerL ul li, #footerC ul li {float:left; display:block; width:100%}
#footerL ul li a, #footerC ul li a {display:block; padding:0px 0 6px 0; color:#fff; text-decoration:none}
#footerL ul li a:hover, #footerC ul li a:hover {color:#fff; text-decoration:underline}

.topA {position:absolute; top:0px; right:-45px; width:45px; padding:46px 0 0 0; float:left; display:block; color:#fff; text-transform:uppercase; text-decoration:none; background:url(images/topA.png) no-repeat left top; font-size:11px}
.topA:hover {background-position:right top; color:#fff; text-decoration:underline}
/* end footer */

#pageWrap #boxLeft {float:left; width:708px; margin:0 16px 0 26px}
#pageWrap #boxRight {float:left; width:250px; position:relative}
#pageWrap2 #boxLeft {float:left; width:226px; margin:0 16px 0 24px}
#pageWrap2 #boxRight {float:left; width:708px; position:relative}
#pageWrap2 #boxCenter {float:left; width:970px; margin:0 0 19px 24px}

#slider {float:left; width:707px; height:215px; margin:0 0 30px 0}
#boxMain {float:left; width:700px; margin:0 4px 0 4px}

.boxMainL {float:left; width:246px; margin:0 30px 0 0}
.boxMainR {float:left; width:424px}


.boxHR {float:left; width:424px; height:14px; line-height:0px; font-size:0px; background:url(images/boxHR.png) no-repeat left top; margin:10px 0 20px 0}

#plBoxNav {float:left; width:970px; padding:0 0 5px 0; background:url(images/plBoxNav.png) no-repeat left bottom}
#plBoxNav ul {margin:0px; padding:0px; list-style:none}
#plBoxNav ul li {float:left; width:225px; margin:0 16px 0 0}
#plBoxNav ul li a {display:block; width:225px; text-align:center; height:40px; line-height:40px; color:#fff; text-decoration:none; background:#434343; font-size:16px; font-weight:bold; font-family: 'Istok Web', sans-serif;}
#plBoxNav ul li a:hover, #plBoxNav ul li.selected a {background:#d30e0e; color:#fff; text-decoration:none}

/* NEWS HOMEPAGE */
.newsIWrap {float:left; width:225px; margin:0 0 30px 0}
.newsIImg {float:left; width:225px; min-height:38px; position:relative}
.newsIImg img {display:block}
.newsIImg .newsIDate {position:absolute; bottom:0px; left:0px; width:51px; height:38px; line-height:38px; text-align:center; color:#fff; background:#005890; z-index:100}
.newsIT {float:left; width:201px; padding:12px; background:#ededed; color:#434343}
.newsITitle {font-family: 'Raleway', sans-serif; color:#474747; font-size:14px; margin:0 0 10px 0; line-height:1.2em; font-weight:bold}
.newsITitle a {color:#474747; text-decoration:none}
.newsITitle a:hover {color:#474747; text-decoration:underline}
.newsIText {line-height:1.5em; margin:0 0 5px 0}
.newsIA {float:right; color:#269dc8; text-decoration:none; font-size:14px; font-weight:bold}
.newsIA:hover {color:#269dc8; text-decoration:underline}

.newsIArch {display:block; width:35px; height:150px; line-height:0px; font-size:0px; background:url(images/newsIArch.png) no-repeat left top; position:absolute; right:-9px; top:0px}
.newsIArch:hover {background-position:left bottom}
/* END NEWS HOMEPAGE */

.newsHomeTitle { font-weight: bold;font-size: 17px;margin: 0 0 20px 0;color:#286721}

.pldContentTexts table th { text-align: left; padding: 2px 10px 2px 0}


/* CATEGORY PATH */
.productsCategoryPath {float:left; width:706px; margin:0 0 20px 0; padding:0}
.productsCategoryPath ul {list-style: none; padding:0; margin:0;}
.productsCategoryPath ul li {list-style: none; padding:0; margin:0; float:left;}
.productsCategoryPath span {float:left; font-size:13px; color:#000; margin:2px 0 0 0; text-transform:none; font-weight:normal; line-height:1.1em}
.productsCategoryPath a span {float:left; display:block; text-decoration:none; color:#269dc8; padding-right:16px; background:url(images/odrH1.png) no-repeat right 3px; margin-right:8px; line-height:1.1em}
.productsCategoryPath a:hover span {text-decoration:underline; color:#269dc8}
.productsCategoryPath  a.first, .productsCategoryPath h2 a.first, .categoryPathTitle a.first {float:left; display:block; width:29px; height:13px; line-height:0px; font-size:0px; background:url(images/odrH1F.png) no-repeat left top; padding:0px; margin:0 8px 0 0}

/* END CATEGORY PATH */

/* CATEGORY DESCRIPTION */
#plT {float:left; width:706px; margin:0 0 20px 0}
#plT h2 {text-transform:none; color: #20581c; font-size:24px; font-weight:bold; margin:0 0 1.0em 0}
/* END CATEGORY DESCRIPTION */

/* EMPTY SEARCH */
.boxSearch {float:left; width:710px; padding:8px 0 0 0}
.boxSearch h1 span {padding:0px; display:block}
.boxSearchTitle {float:left; width:600px; padding:16px 80px 16px 15px; border:6px solid #f5fbe9; margin:0 0 30px 0; font-size:21px; color:#7b7b7b; background:url(images/boxSearchTitle.png) no-repeat right 2px; min-height:32px}
.boxSearchTitle strong {color:#9fc800}
.boxSearch h2 {font-size:16px; color:#2a2a2a; margin:0 0 20px 0; font-weight:bold}
.boxSearch ul {margin:0px 0 30px 0; padding:0px; list-style:none; }
.boxSearch ul li {padding:0 0 10px 0px; display:block;}
.boxSearch ul li span {color:#000; font-weight:bold}
/* END EMPTY SEARCH */

/* DETAIL */
.pldWrap {float:left; padding:0px 0 0px 0; width:100%; margin:0 0 10px 0; position:relative}
.pldBackground {float:left; width:100%;}
.pldCenter {float:left; width:100%;}
.pldText {float:left; width:706px; margin:0}
.pldText h1 {text-transform:none}
.pldLeft {float:left; width:307px; margin:0 0 30px 0}
.pldContentImage {float:left; width:224px; margin:0 0 10px 18px}
.pldContentImages {float:left; padding:0 0 0 18px; width:240px}
.pldContentImages a img {margin:0 11px 11px 0}
.pldContentImages a.last img {margin:0 0px 11px 0}
.pldRight {float:left; width:400px; margin:0 0 30px 0}
.pldContentTexts {float:left; width:398px; margin:0 0 20px 0; color:#262626}
.pldPrice {float:left; display:block; width:250px; text-align:right; margin:5px 25px 0 0; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:bold; color:#434343}
.pldPrice strong {color:#e20000; font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:bold}
.pldFooter {float:left}
.pldNav {float:left; width:706px; padding:0 0 5px 0; background:url(images/pldNav.png) no-repeat left bottom; margin:0 0 20px 0}
.pldNav ul {margin:0px; padding:0px; list-style:none}
.pldNav ul li {float:left; width:225px; margin:0 16px 0 0}
.pldNav ul li a {display:block; width:225px; text-align:center; height:42px; line-height:42px; color:#fff; text-decoration:none; background:#434343; font-size:16px; font-weight:bold; font-family: 'Raleway', sans-serif;}
.pldNav ul li a:hover, .pldNav ul li.selected a {background:#e20000; color:#fff; text-decoration:none}

.pldFooter a.button {float:left; display:block; width:123px; height:35px; line-height:35px; text-align:center; color:#fff; text-decoration:none; background:#e20000; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.pldFooter a.button:hover {color:#fff; text-decoration:none; background:#ff0b0b}
#podobneBox {display:none}
/* END DETAIL */

/*#region 404 */
#box404 {min-height:600px; text-align:center; padding:40px 30px 50px 30px}
#box404 h1 {font-size:48px; font-weight:normal; color:#434343; margin:0; text-transform:none}
.box404Title {font-size:26px; color:#434343; margin:0; padding:0 0 365px 0; background:url(images/box404Title.png) no-repeat center bottom; font-weight:600}
.box404Title strong {color:#225e1e; font-weight:600}
#box404A h2, #box404B h2 {font-size:22px; color:#002157; font-weight:normal}
#box404A {margin:0 0 40px 0}
#box404A p {font-size:16px; color:#4a4a4a; padding:15px 20px; background:#dceaeb}
.box404Btn {display:table; font-size:15px; padding:0 50px; height:48px; line-height:48px; margin:0 auto; background:#84ce03; color:#fff; text-decoration:none; text-transform:uppercase}
.box404Btn:hover {background:#8bd904; color:#fff; text-decoration:none;}
#box404B p {font-size:14px}

/*#endregion 404 */

/* QUESTION FORM */
#qForm, #qFormText {border:none; position:fixed; width:607px; height:455px; left: calc(50% - 303px); top:20%; z-index:100; background:#E1E4E9; display:none}
#qFormFinal, #qFormTextFinal {border:1px solid #e3dfe6; position:fixed; width:607px; height:165px; left: calc(50% - 303px); top:20%; z-index:100; background:#E1E4E9}
.qClose {position:absolute; top:10px; right:10px; background: url(images/close.jpg) no-repeat left top; font-size:0; line-height:0; width:22px; height:22px;}
.qLeft {float:left;width: 257px; margin:20px 32px 0 28px; height: 335px; position:relative;}
.qRight {float:left;width: 257px; margin:19px 0 0 0; }
.qArea {float:left;width: 310px;}
.qformLabel {width: 310px; height: 30px;line-height: 30px; color:#483642; font-weight:bold; display:block; margin:10px 0 0 0;}
.qformTextArea {width: 247px; height: 255px; overflow: hidden; resize: none; background:#fff; border:none; padding:5px; font-size:12px; font-family:Arial;}
.qformTextBox {width: 247px; height: 34px; line-height: 34px; background: #fff; border:none; padding:0 5px; font-size:12px; font-family:Arial;}
.qformTextBox:focus, .qformTextArea:focus {outline:none}
.qformButton {margin:10px 0 0 0; width: 155px; height: 35px; line-height: 35px;font-weight: bold; background:#225E1E;border:none;color:#fff;font-size:14px; position:absolute; bottom:40px; left:50px}
.qformButton:hover { background:#84CE03; cursor: pointer; color:#fff}
.qformValidator {color: red; width:257px;}
.qformLarge {width:100%;text-align:center;font-size:16px;font-weight:bold;display:block; margin:70px 0 0 0}
.Hidden {display:none;}

.qWideText { margin: 20px 28px 0 28px; text-align: center}
/* END QUESTION FORM */

/* list a detail */

#pageWrap2 #boxLeft {float:left; width:226px; margin:0 16px 0 24px}
#pageWrap2 #boxRight {float:left; width:708px; position:relative}

#pageWrap2 #boxCenter {float:left; width:970px; margin:0 0 19px 24px}


#plT {float:left; width:706px; margin:0 0 20px 0}
#plT h2 {text-transform:none; color: #20581c; font-size:24px; font-weight:bold; margin:0 0 1.0em 0}


.pldWrap {float:left; padding:0px 0 0px 0; width:100%; margin:0 0 10px 0; position:relative}
.pldBackground {float:left; width:100%;}
.pldCenter {float:left; width:100%;}
.pldText {float:left; width:706px; margin:0}
.pldText h1 {text-transform:none}

.pldLeft {float:left; width:307px; margin:0 0 30px 0}

.pldContentImage {float:left; width:224px; margin:0 0 10px 18px}
.pldContentImages {float:left; padding:0 0 0 18px; width:240px}

.pldRight {float:left; width:398px; margin:0 0 30px 0}

.pldContentTexts {float:left; width:398px; margin:0 0 20px 0; color:#262626}

.pldFooter { float: left; margin: 0 0 20px 0}




/* end list a detail */

/* table 1 */

.plNavL {float:left; width:430px}
.plNavR {float:right; width:240px; padding:6px 0 0 0}
.plNavL ul {margin:0px; padding:0px; list-style:none}

.plNavR span {float:left; margin:3px 10px 0 0; color:#545557; font-size:12px}
.plNavR select {float:right; margin:0px 0 0 0}

.plFilrer {float:left; width:706px; margin:0 0 15px 0}
.filterBoxL {float:left; width:520px}
.filterBoxR {float:right; max-width:186px}
.filterBoxL span {float:left; margin:3px 10px 0 0; color:#545557; font-size:11px}
.filterBoxL select {float:left; margin:0 10px 0 0}
.filterUp, .filterDown, .filterEnter, .filterNext {width:19px; height:19px; float:left; display:block; line-height:0px; font-size:0px; }
.filterUp {background:url(images/filterUp.png) no-repeat left top; margin:0 3px 0 0}
.filterDown {background:url(images/filterDown.png) no-repeat left top; margin:0 24px 0 0}
.filterEnter {background:url(images/filterEnter.png) no-repeat left top; margin:0 3px 0 0}
.filterNext {background:url(images/filterNext.png) no-repeat left top;}
.filterUp:hover, .filterDown:hover, .filterEnter:hover, .filterNext:hover {background-position:left bottom}
.filterBoxL input {float:left; margin:3px 5px 0 0; display:block; padding:0}
.filterBoxL strong {float:left; margin:3px 15px 0 0; font-weight:normal}
.colorRed {color:#f00808}
.colorBlue {color:#2aa5de}

.filterBoxR span {float:left; margin:3px 10px 0 0; color:#545557; font-size:11px}
.filterBoxR .inputKs {float:left; width:32px; height:16px; line-height:16px; text-align:center; margin:0 10px 0 0; border:1px solid #e2e3ea; font-size:12px}

#plTable {float:left; width:706px;}
#plTable table {border-collapse:collapse; width:100%}
#plTable table tr th {padding:10px; background:#225e1e; color:#fff; font-size:12px; text-align:center; border:1px solid #fff}
#plTable table tr th.thLeft, #plTable table tr td.tdLeft {text-align:left}

#plTable table tr td.tdNone {background:#fff; padding:0px; height:5px; line-height:0px; font-size:0px}
#plTable table tr td.tdLast {border-right:1px solid #fff}
#plTable table tr td span {text-decoration:line-through}
/*#plTable table tr td img {float:left; display:block; margin:0 10px 0 0}*/
#plTable table tr td a {color:#050505; text-decoration:none}
#plTable table tr td a:hover {color:#050505; text-decoration:underline}

#plTable table tr td.tdPrice { color: #6a6a6a;width: 110px;font-size: 11px; padding: 8px}
#plTable table tr td.tdPrice strong { color: #000; font-size: 12px}
/* end table 1 */

/* table 2 */
#plTable2 {float:left; width:706px;}
#plTable2 .last {margin:0 0 20px 0}
.plTWrap {float:left; padding:0px 0 0px 0; width:225px; margin:0 15px 20px 0; position:relative}
.plTBackground {float:left; width:225px; padding:0px; text-align:center}
.plTTexts {float:left; width:225px; margin:0}

.plTContentImage {width:223px; height:180px; text-align:center; padding:0; margin:0;overflow: hidden;display: table-cell; vertical-align: middle}


/* end table 2 */

/* new */
.newsIT {float:left; width:201px; padding:12px; background:#ededed; color:#434343}
.newsITitle {font-family: 'Raleway', sans-serif; color:#474747; font-size:14px; margin:0 0 10px 0; line-height:1.2em; font-weight:bold}
.newsITitle a {color:#474747; text-decoration:none}
.newsITitle a:hover {color:#474747; text-decoration:underline}
.newsIText {line-height:1.5em; margin:0 0 5px 0}
.newsIA {float:right; color:#269dc8; text-decoration:none; font-size:14px; font-weight:bold}
.newsIA:hover {color:#269dc8; text-decoration:underline}

#headerWrap {width:100%}

#plBoxNav {float:left; width:970px; padding:0 0 5px 0; background:url(images/plBoxNav.png) no-repeat left bottom}
#plBoxNav ul {margin:0px; padding:0px; list-style:none}
#plBoxNav ul li {float:left; width:225px; margin:0 16px 0 0}
#plBoxNav ul li a {display:block; width:225px; text-align:center; height:40px; line-height:40px; color:#fff; text-decoration:none; background:#434343; font-size:16px; font-weight:bold; font-family: 'Istok Web', sans-serif;}
#plBoxNav ul li a:hover, #plBoxNav ul li.selected a {background:#d30e0e; color:#fff; text-decoration:none}

.productsCategoryPath {float:left; width:706px; margin:0 0 20px 0; padding:0}
.productsCategoryPath h1, .productsCategoryPath h2 {float:left; width:450px; font-size:13px; color:#000; margin:2px 0 0 0; text-transform:none; font-weight:normal; line-height:1.1em}
.productsCategoryPath h1 a, .productsCategoryPath h2 a {float:left; display:block; text-decoration:none; color:#269dc8; padding-right:16px; background:url(images/odrH1.png) no-repeat right 3px; margin-right:8px; line-height:1.1em}
.productsCategoryPath h1 a:hover, .productsCategoryPath h2 a:hover {text-decoration:underline; color:#269dc8}
.productsCategoryPath h1 a.first, .productsCategoryPath h2 a.first {float:left; display:block; width:29px; height:13px; line-height:0px; font-size:0px; background:url(images/odrH1F.png) no-repeat left top; padding:0px; margin:0 8px 0 0}
.productsCategoryPath div {float:right; width:250px; text-align:right; color:#545557; font-size:12px}
.productsCategoryPath div span {float:right; margin:2px 6px 0 0; font-weight:bold}
.productsCategoryPath div .tridit {margin:0px 0px 0 0; float:right; background:#fff; border:1px solid #abadb3; color:#000000; width:140px}

.plWrap {float:left; padding:0px 0 0px 0; width:225px; margin:0 16px 30px 0; position:relative}
.plBackground {float:left; width:225px; padding:0px; text-align:center}
.plTexts {float:left; width:225px; margin:0 0 3px 0}
.plTexts h2 {float:left; display:block; width:224px; height:32px; line-height:32px; color:#fff; font-family: 'Istok Web', sans-serif; font-weight:bold; font-size:14px; text-align:center; background:#84ce03; text-transform:none}
.plTexts h2 a {float:left; display:block; width:224px; height:32px; line-height:32px; color:#fff; text-align:center; background:#84ce03; overflow:hidden}
.plTexts h2 a:hover {background:#225e1e; color:#fff; text-decoration:none}

.plContentImage {float:left; width:225px; height:166px; text-align:center; padding:0; margin:0 0px 3px 0; overflow:hidden}
.plContentTexts {float:left; width:201px; padding:15px 11px 35px 11px; color:#6e6e6e; position:relative; height:60px; overflow:hidden; position:relative; text-align:left; background:#ededed; border:1px solid #ededed}
.plContentTexts p {height:60px; overflow:hidden; }
.plFooter {float:right; color:#84ce03; font-family: 'Istok Web', sans-serif; font-size:14px; text-decoration:none}
.plFooter a {color:#fff; text-decoration:none; float:left; padding:0 18px; height:24px; line-height:24px; background:#225e1e; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.plFooter a:hover {color:#fff; text-decoration:none; background:#d30e0e}

.plBorder {border: 1px solid #b3b3b3}

.contentPager {float:left; width:708px; margin:10px 0; text-align:center; position:relative; height:48px; padding:15px 0 0 0; background:url(images/contentPager.png) repeat-x left top}
.contentPager table {margin:0 auto; border-collapse:collapse}
.contentPager a {padding:2px 5px; text-decoration:none; font-size:14px; color:#434343; float:left; display:block; margin:0 3px}
.contentPager a:hover {text-decoration:underline}
.pageCurrent {padding:2px 5px; font-size:14px; color:#fff; float:left; display:block; background:#84ce03; margin:0 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.contentPager .previous {position:absolute; top:15px; left:0px; }
.contentPager .previous a {background:url(images/pagePrev.png) no-repeat left 5px; font-size:14px; padding:2px 0 2px 18px}
.contentPager .next {position:absolute; top:15px; right:0px; }
.contentPager .next a {background:url(images/pageNext.png) no-repeat right 5px; font-size:14px; padding:2px 18px 2px 0;}
.contentPager .previous a:hover, .contentPager .next a:hover {color:#434343; text-decoration:underline}

/*#region filterBox */
.filterBox {margin:0 0 10px 0}
.filterBox ul {margin:0; padding:0; list-style:none}
.filterBox ul li {float:left; margin:0 5px 5px 0}
.filterBox ul li a {display:block; text-align:center; width:64px; padding:10px 9px; background:#fff; color:#000; text-decoration:none; font-size:11px; font-weight: normal;border: 1px solid #e3e3e3; height:87px}
.filterBox ul li:nth-child(8n) {margin:0 0 5px 0}
.filterBox ul li:hover a, .filterBox ul li.selected a {border:1px solid #000; color:#225E1E}
.filterBox ul li a .catImg { width: 100%;text-align: center; height:50px}
.filterBox ul li a .catImg img {max-width:63px; max-height:50px;}
.filterBox ul li a .catTitle { width:100%}
/*#endregion */

.pldPrice {float:left; display:block; width:250px; text-align:right; margin:5px 25px 0 0; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:bold; color:#434343}
.pldPrice strong {color:#e20000; font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:bold}

.pldNav {float:left; width:706px; padding:0 0 5px 0; background:url(images/pldNav.png) no-repeat left bottom; margin:0 0 20px 0}
.pldNav ul {margin:0px; padding:0px; list-style:none}
.pldNav ul li {float:left; width:225px; margin:0 16px 0 0}
.pldNav ul li a {display:block; width:225px; text-align:center; height:42px; line-height:42px; color:#fff; text-decoration:none; background:#434343; font-size:16px; font-weight:bold; font-family: 'Raleway', sans-serif;}
.pldNav ul li a:hover, .pldNav ul li.selected a {background:#e20000; color:#fff; text-decoration:none}

.pldFooter a.button {float:right; display:block; width:225px; height:35px; line-height:35px; text-align:center; color:#fff; text-decoration:none; background:#e20000; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: 15px 0 0 0}
.pldFooter a.button:hover {color:#fff; text-decoration:none; background:#ff0b0b}


.plNav {float:left; width:706px; padding:0 0 5px 0; background:url(images/pldNav.png) repeat-x left bottom; margin:0 0 26px 0}

.plNavL ul li,
div.filterItem.filter-set_view > div {float:left; display:block; margin:0 15px 0 0; width:auto; position:relative}

div.filterItem.filter-set_view > div > input { /*display: none; */position:absolute; top:-9999px; left:-9999px}

.plNavL ul li div,
div.filterItem.filter-set_view > div > label {display:block; padding:0px 35px 0 45px; height:42px; line-height:42px; font-size:16px; color:#fff; background-color:#434343; text-decoration:none; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; background-repeat:no-repeat; background-position:left 4px}
div.filterItem.filter-set_view > div > label { float: left; margin: 0px 15px 0px 0px; }
.plNavL ul li div:hover, 
.plNavL ul li div.selected,
div.filterItem.filter-set_view > div > label:hover,
div.filterItem.filter-set_view > div > label.selected
{background-color:#e20000; color:#fff; text-decoration:none; background-repeat:no-repeat; background-position:left 4px; cursor:pointer}


.view-Katalog, .plNavL ul li.lNavItem0 a {background-image:url(images/lNavItem1.png)}
.view-Seznam, .plNavL ul li.lNavItem1 a {background-image:url(images/lNavItem0.png)}

.plTTexts h2 {float:left; display:block; width:225px; color:#fff; font-family: 'Istok Web', sans-serif; font-weight:bold; font-size:14px; text-align:center; background:#84ce03;text-transform: none; margin: 0}
.plTTexts h2 a {display:table-cell; width:203px; color:#000; text-align:center; background:#85ce03; overflow:hidden; padding:7px 11px;line-height: 1.2em;height: 32px; vertical-align: middle}
.plTTexts h2 a:hover {background:#68a200; color:#000; text-decoration:none}

.plTContentTexts {float:left; width:223px; padding:0px; color:#6e6e6e; position:relative; min-height:100px; position:relative; text-align:left;margin: 0px 0 0px 0;border-top: 1px solid #b3b3b3}
.plTContentTexts table {border-collapse:collapse; width:100%}
.plTContentTexts table tr td {padding:5px 10px 10px 10px; text-align:left; font-weight:normal}

.plTContentTexts table tr td table tr th {padding:2px 0; text-align:left; font-weight:normal;color: #767676; font-size:11px;}
.plTContentTexts table tr td table tr td {padding:2px 0; text-align:right; font-weight:normal; color:#000000}
.plTContentTexts table tr td.plWhite table tr th {padding:2px 0; text-align:left; font-weight:normal;color: #000; font-size:13px;}

.plTContentTexts table tr td.plWhite table tr td strong {font-size:11px;}

.plTContentTexts table tr td.plWhite { background: #f8f8f8; height: 54px}
.plTContentTexts table tr td.plGreen { background: #ededed; height: 114px}
.plTContentTexts table tr td.plGreen table tr.plPriceTitle td { text-align: left;font-weight: bold; padding: 5px 0 0 0}
.plTContentTexts table tr td.plGreen table tr td strong {color:#000; font-size:13px; font-weight:bold}

.plTFooter {float:right;}
.plTFooter a {display:block; color:#fff; text-decoration:none; float:left; padding:0 18px; height:24px; line-height:24px; background:#d40e0f;}
.plTFooter a:hover {color:#fff; text-decoration:none; background:#a10405}

#plTable table tr td {padding:8px 10px; background:#ededed; color:#050505; border:1px solid #fff; text-align:center; border-right:1px solid #d3e8ae}
/* end new */

.productTitle {float:left; display:block; width:706px; padding:0 0 0 33px; color:#300c00; font-size:12px; text-transform:uppercase; margin:0 0 30px 0; text-shadow:1px 1px #f0ede7; height:34px; line-height:34px; border-bottom:1px solid #ded6ca; font-weight:500}
.sliderPrice {float:left; width:706px; margin:0 0 30px 0}
.sPL {float:left; width:120px; text-align:right; margin:0 30px 0 0;}
.sPR {float:left; width:120px; text-align:left; margin:0 0px 0 30px;}
.sPC {float:left; width:404px; height:22px; margin:13px 0 0 0}
.sPL, .sPR { color:#0c1834; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:500;}

.linedPrice {text-decoration: line-through}

.priceDetail {background: #ededed;padding: 15px;float: left;width: 93%;margin: 0 0 30px 0;}
.pldPriceTable {  /*width: 78%;*/width:100%; font-size: 14px; }
.pldPriceTable th { text-align: left;   font-weight: normal; color: #767676; font-size: 11px;}
.pldPriceTable .plPriceTitle { font-size: 11px;}
.spacer {height:15px}

.formHeader { background: #276620;color: #ffffff;font-weight: bold;font-size: 20px; padding: 10px 20px}

.footerMapa { position: absolute;top: 26px; right:25px}

/*#region leftMenu */

#leftMenu { position: relative; float: left; width: 226px; padding: 0; margin: 0 0 6px 0; background: #eef8ff; border: 1px solid #b6d5ec; }
#leftMenu ul { position: relative; float: left; list-style: none; width: 226px; margin: 0; padding: 0; }
#leftMenu>ul {background: #f9f9f9}
#leftMenu>ul>li>ul {background:#f9f9f9; padding:5px 0}
#leftMenu > ul, 
#leftMenu li.selected > ul { display: block; }
#leftMenu > ul > li { float: left; display: block; padding: 0px 0 1px 0; }
#leftMenu > ul > li.last {padding:0}
#leftMenu > ul > li > a { float: left; display: block; width: 201px; padding: 12px 0 12px 25px; text-decoration: none; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#fff; background-color:#434343; font-weight:bold}
#leftMenu > ul > li > a:hover { color: #fff; background-color: #225e1e; }
#leftMenu > ul > li.selected > a,
#leftMenu > ul > li.expanded > a { color: #fff; background-color: #225e1e; }
#leftMenu > ul > li.selected > a:hover { color: #fff; background-color: #225e1e; }
#leftMenu > ul > li.selected > ul { display: block; }

#leftMenu > ul > li > ul > li > a, 
#leftMenu > ul > li > ul > li > ul > li > a {color:#173052; }
#leftMenu > ul > li > ul > li > a {font-size:14px;font-weight: 500;padding: 4px 0 4px 20px; background: url(images/lm1.jpg) no-repeat 10px center}
#leftMenu > ul > li > ul > li > ul > li > a {font-size:13px; padding:5px 0 5px 30px; background: url(images/lm1.jpg) no-repeat 22px center}

#leftMenu > ul > li > ul > li.hasChildNodes > a {background: url(images/lmChild.jpg) no-repeat 6px center}
#leftMenu > ul > li > ul > li.expanded > a {background: url(images/lmEx.jpg) no-repeat 6px center}
#leftMenu > ul > li > ul > li.last.expanded > a {background: url(images/lmLastEx.jpg) no-repeat 6px center}
#leftMenu > ul > li > ul > li.last.hasChildNodes > a {background: url(images/lmLastChild.jpg) no-repeat 6px center}
#leftMenu > ul > li > ul > li.last > a {background: url(images/lmLast.jpg) no-repeat 9px center}

#leftMenu > ul > li > ul > li > ul > li.hasChildNodes > a {background: url(images/lmChild.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li.expanded > a {background: url(images/lmEx.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li.last.expanded > a {background: url(images/lmLastEx.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li.last.hasChildNodes > a {background: url(images/lmLastChild.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li.last > a {background: url(images/lmLast.jpg) no-repeat 21px top}

#leftMenu > ul > li > ul > li > ul > li > ul > li.hasChildNodes > a {background: url(images/lmChild.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li > ul > li.expanded > a {background: url(images/lmEx.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li > ul > li.last.expanded > a {background: url(images/lmLastEx.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li > ul > li.last.hasChildNodes > a {background: url(images/lmLastChild.jpg) no-repeat 18px center}
#leftMenu > ul > li > ul > li > ul > li > ul > li.last > a {background: url(images/lmLast.jpg) no-repeat 29px top}

#leftMenu > ul > li > ul > li > ul > li > ul > li > a, 
#leftMenu > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {color:#2D7BC3; font-weight:300; font-size:12px; padding:5px 0 5px 40px; background: url(images/lm1.jpg) no-repeat 30px center}
#leftMenu > ul > li > ul > li > ul > li > ul > li > ul > li > a {color:#173052; font-weight:300; font-size:12px}
#leftMenu > ul > li > ul > li.selected > a, 
#leftMenu > ul > li > ul > li > ul > li.selected > a, 
#leftMenu > ul > li > ul > li > ul > li > ul > li.selected > a, 
#leftMenu > ul > li > ul > li > ul > li > ul > li > ul > li.selected > a, 
#leftMenu > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.selected > a {color:#be1f01}

#leftMenu > ul > li > ul a { line-height: 24px; }
#leftMenu > ul > li > ul a > span { width: 24px; height: 24px; display: block; float: left; }
#leftMenu > ul > li > ul a > span.last { background-position: -120px center; margin-right: 2px; }

#leftMenu li.last > a > span.last { background-position: -160px center; }
#leftMenu li.hasChildNodes > a > span.last { background-position: 0 center; }
#leftMenu li.hasChildNodes.last > a > span.last { background-position: -40px center; }

#leftMenu li.hasChildNodes.selected > a > span.last { background-position: -60px center; }
#leftMenu li.hasChildNodes.last.selected > a > span.last { background-position: -100px center; }

#leftMenu > ul > li > ul > li.last.hasChildNodes ul > li > a > span.line0,
#leftMenu > ul > li > ul > li > ul > li.last.hasChildNodes ul > li > a > span.line1,
#leftMenu > ul > li > ul > li > ul > li > ul > li.last.hasChildNodes ul > li > a > span.line2,
#leftMenu > ul > li > ul > li > ul > li > ul > li > ul > li.last.hasChildNodes ul > li > a > span.line3 { background: none; }

/*#endregion */

.pldContentTexts table {margin: 0 0 20px 0}

div.cartListWrap {float:left; width:952px; margin:0 0 30px 0}
div.cartListWrap table {width:100%; border-collapse:collapse; margin:0; font-family: Arial, sans-serif; font-size:12px}
div.cartListWrap table tr th {color:#fff; padding:10px; text-align:left; font-weight:bold; font-size:15px; background:#74a94f}
#shopOrderProcess div.cartListWrap table tr th { background: #E9E9E9 !important; color:#000}
div.cartListWrap table tr td {padding:15px 10px; color:#7b7b7b}
div.cartListWrap table tr td.itemImage {width:80px; text-align:center}
div.cartListWrap table tr td.itemText {width:auto}
div.cartListWrap table tr td.itemText a {color:#666; text-decoration:none; width:auto; margin:0 0 6px 0;}
div.cartListWrap table tr td.itemText a:hover {color:#666; text-decoration:underline}
div.cartListWrap table tr th.itemQuantity {width:90px}
div.cartListWrap table tr th.itemPrice {width:130px; text-align: center}
div.cartListWrap table tr td.itemPrice { text-align: center}
.itemPrice span.pldPriceEur {display:block; }
div.cartListWrap table tr th.itemPriceSum {width:150px; text-align: center}
div.cartListWrap table tr td.itemPriceSum { color:#041527;font-size: 18px; text-align: center}
.itemPriceSum span.pldPriceEur {display:block; font-size:0.9em}
div.cartListWrap table tr th.itemIcons {width:50px; padding: 15px 0px;}
div.cartListWrap table tr td.itemIcons {text-align: center; width:23px; padding: 15px 0px;}
div.cartListConfirmWrap table tr th.itemQuantity {text-align: center}
div.cartListConfirmWrap table tr td.itemQuantity {text-align: center}
div.cartListConfirmWrap table tr td.itemPriceSum {font-weight: bold}
div.cartListEmpty {text-align: center; padding: 80px 0 230px 0; color: #555; font-size: 17px; margin:0 0 20px 0; background:url(images/cartListEmpty.jpg) no-repeat center bottom}
div.cartListWrap table tr td span.priceHighlight {font-size:14px; font-weight:normal; color:#041527}
td.itemLength, td.itemNote {text-align: center}

div.cartListWrap div.quantityEdit { position: relative; background: #fff; border: 1px solid #e5e5e5; width: 50px; height: 31px; float: left; margin: 9px 25px 0 0; }
div.cartListWrap div.quantityEdit input { position: absolute; left: 5px; top: 3px; border: none; width: 24px; text-align: center;   height: 22px;}
div.cartListWrap div.quantityEdit div.qPlus,
div.cartListWrap div.quantityEdit div.qMinus { background: #2e2e2e;text-decoration: none;text-align: center;color: #fff;  line-height: 16px; }
div.cartListWrap div.quantityEdit div.qPlus { position: absolute; top: 0; right: 0px; width: 15px; height: 15px; cursor: pointer;}
div.cartListWrap div.quantityEdit div.qMinus { position: absolute; top: 16px; right: 0px; width: 15px; height: 15px; cursor: pointer;}
div.cartListWrap div.quantityEdit div.qPlus:hover, 
div.cartListWrap div.quantityEdit div.qMinus:hover { background-position: right top; }
div.cartListWrap div.quantityEdit .fa { font-weight: normal; font-size:8px}
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }

div.cartListWrap table td.itemIcons div.iconRemove {width:15px; height:15px; margin:0px; cursor: pointer; float:right}

.itemImage img { max-height: 50px; max-width: 50px}

a.dumpLink {background:url(/templates/main/images/emptyIco.png) no-repeat left center  !important;padding: 0 0 0 28px !important; color:#d00002}

/* form - SkinDefault */

.formSkinDefault .header {font-size: 14px; color: #242424; font-weight: bold; margin: 15px 0; padding: 0 0 5px 0; border-bottom: 1px #707070 solid}

.formSkinDefault .formField {position: relative; margin: 0 0 10px 0;}
.formSkinDefault .formField div.label {float: left; width:38%; text-align: left}
.formSkinDefault .formField div.label label {display: block; padding:5px 0 0 0; font-size:13px; color:#474747}
.formSkinDefault .formField div.edit {float:left; width:62%}
.formSkinDefault .formField div.labelCheckBox {float: left; width: 130px}
.formSkinDefault .formField div.editCheckBox {float: left}
.formSkinDefault .formField div.labelCheckBox label {display: block; padding: 5px 5px 0 0}
.formSkinDefault .formField div.editCheckBox input {margin: 8px 0 0 10px; padding: 0}
.formSkinDefault .formField [data-label-for].val_required::after {content: ' *'; color: red}
.formSkinDefault .formField .edit input.error {border-color: red}
.formSkinDefault .formField span.error {position: absolute; left: 40px; top: 34px; color: white; padding: 5px 10px 5px 5px; z-index: 100; border: 1px solid #ccc; background-color: #333; display: none}
.formSkinDefault .formField:hover span.error {display: block}
.formSkinDefault .formField span.error:after {position: absolute; top: -5px; left: 10px; width: 5px; height: 5px; content: ''; }
.formSkinDefault .formField .edit {position: relative}
.formSkinDefault .formField .edit input {display:block; padding:5px; height:30px; border: 1px solid #bababa; background: #fff; margin: 0px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.formSkinDefault .formField .edit input[type="checkbox"] {text-align:left; width:auto; margin:2px 0 0 0}
.formSkinDefault .formField .edit input:focus{background-color: #fffef4}
.formSkinDefault .formField .editRead   {  float: left;display:block; height:30px; margin: 0px; width:62%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.formSkinDefault .formField .editRead span {display: block; padding: 5px; height: 20px; border: 1px solid #bababa; background: #E3E3E3; margin: 0px; color:#7d7d7d; width:100%;}
.formSkinDefault .formField .editButton {/*position:absolute; right: 24px*/float:right}
.formSkinDefault .formField .editButtons {margin: 0 12px;}
.formSkinDefault .formField .editButtons>input.button.left {float: left; }
.formSkinDefault .formField .editButtons>input.button.right {float: right; }
.formSkinDefault .formField .edit select {display: block; padding: 5px 0 5px 5px; height: 29px; border: 1px solid #bababa; background: #fff; margin: 0px; width:100%; }
.formSkinDefault .formField input.button {background:#00B5D0; height:35px; padding:0 30px; display:block; font-weight: bold; font-size: 13px; margin:0px 0 0 0; cursor: pointer; color:#fff; border:none; text-align:center;width:auto; float:right;}
.formSkinDefault .formField input.button:hover {background:#0095aa; color: #fff} 
.formSkinDefault .formField .edit textarea {resize: none; border: 1px solid #bababa; background: #fff; margin: 0px; height:80px;}

#demandForm { margin: 30px 0 0 0;border-top: 1px solid #ccc;padding: 30px 0 0 0; width:952px}
.demandLeft { float: left;width: 476px;}
.demandRight { float: left;width: 476px;}
.demandWide { float: left;width: 952px;}

#demandForm input, #demandForm textarea {border:1px solid #aaa}
.demandLeft label, .demandRight label { text-align: right;padding: 5px 20px 0 0 !important;font-weight: bold; color:#1f1f1f !important}
.demandLeft label { text-align: left !important}
.demandWide .label { text-align: left;padding: 5px 20px 10px 0 !important;font-weight: bold;color: #1f1f1f !important; width: 100% !important}
.demandWide .edit {width: 100% !important}
.demandWide .edit textarea { width:calc(100% - 22px) !important;padding: 10px; margin: 0 0 20px 0 !important}
.demandWide .editButton input { background: #e20000;color: #fff;border: none !important;margin: 0;padding: 10px 35px; border-radius: 5px}
.demandWide .editButton input:hover {background: #ff0b0b;color: #fff;cursor: pointer}

#demandForm input.val_required.error, #demandForm textarea.val_required.error {border:1px solid #ff1212}

#tablePh table { width: 708px;border-collapse: collapse;border-spacing: 0px}
#tablePh thead th { text-align: center;margin: 0;padding:5px 0;background: #225E1E;color:#fff}
#tablePh tbody th { text-align: center;margin: 0;padding: 0;background: #225E1E;color:#fff}
#tablePh tbody td { text-align: center;margin: 0; padding: 0 5px; border:1px solid #A5A5A5}
#tablePh tbody td input { text-align: center;margin: 0;padding: 0;width: 100%;height: 23px; border:none}
#tablePh tfoot a { display: block;margin: 10px 0 0 0; text-align: right}

.boxCart { position: absolute;top: 0px;right: 0px;}
.boxCart a { color: #fff;background: #9fc800;padding: 0 20px;height: 36px;line-height: 34px;float: left}
.boxCart a:hover {background: #86a900;text-decoration: none;color:#fff}
.boxCart a .fa {margin: 0 10px 0 0}

.succesDemand { text-align: center;font-weight: bold;margin: 50px 0 0 0; font-size: 20px}

input:focus { outline:none;  overflow:auto}

#cartAdded {width: 545px;}
.formSkinDefaultPopoup { background: #f4f4f4; position: relative; padding:0 0 10px 0; width: auto; max-width: 1015px; margin: 20px auto; border-radius:7px}
.formSkinDefaultPopoup h2 { font-size: 24px; margin: 0 0 25px 0; font-weight: 300; color: #fff; background: #225E1E; padding: 10px 15px; border-top-left-radius:7px; border-top-right-radius:7px; min-height:29px}
.formSkinDefaultPopoup .formField div.label label { display: block; padding: 8px 0 0 23px; color: #474747; font-size: 15px; }
#cartAdded .mfp-close {color:#fff !important}
.button.left { background: #ccc !important;border-radius: 5px; color:#000 !important}
.button.left:hover {background: #ddd !important}
.button.right { background: #e20000 !important; border-radius:5px}
.button.right:hover {background: #ff0b0b !important}

.cartListBtn {display:table; margin:0 auto 50px auto; }
.cartListBtn a {display:table; height:48px; line-height:48px; padding:0 30px; background:#e20000; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:600}
.cartListBtn a:hover {background:#ff0707; color:#fff; text-decoration:none;}

.plTContentImage {position: relative}
.plTagSleva { position: absolute;top: 0;left: 0;padding: 4px 10px;background: #F9A400;color: #000;font-size: 0.9em;font-weight: bold; pointer-events: none}

.priceInfoText {font-size: 0.9em}