._c50p {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.bnRekl {
    float: left;
    width: 100%;
    padding: 3% 0px;
}.bnRekl img{ max-width: 100% !important; max-height: auto !important; }


.responsive .menuMain li{
	padding-bottom: 0px !important;  
    padding-top: 0px !important;  
    border-radius: 0px !important;
} 

.responsive .btnScroll{ display: none !important; }


body{
	margin: 0px;
	margin: 0px;
   	background-color: #F6FCFF;
	text-align: left;

	background: #f5fcff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #f5fcff 0%, #ffffff 500px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fcff), color-stop(500px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5fcff 0%,#ffffff 500px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5fcff 0%,#ffffff 500px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5fcff 0%,#ffffff 500px); /* IE10+ */
	background: linear-gradient(to bottom,  #f5fcff 0%,#ffffff 500px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	
	overflow-x: hidden !important;
}
.showApp .search{ top: 24px !important; }
.topH,.menuFlw,#topCounts,.topH .logo, .topH .menuMain{
	/*-webkit-transition: all 100ms ease-out 0.3s;
    -moz-transition: all 100ms ease-out 0.3s;
    -o-transition: all 100ms ease-out 0.3s;
    transition: all 100ms ease-out 0.3s;*/
}
a.btnToSan {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 96%;
        font-size: 12px !important;
    color: #fff !important;
    background: #f84b1d;
    text-align: center;
    padding: 2%;
    border-radius: 5px !important;
}

.topH .search{ display: none; }

.menuFlw .search input[type=text]{
	font-size: 13px !important;
}
.menuFlw .search {
	display: block;
    margin: 0px !important;
    padding: 4px 12px;
    width: 33%;
    position: absolute;
    left: 189px;
    top: 10px;
}


.menuFlw.topH{ 
	height: 62px !important; 
	position: fixed;
    z-index: 100;
    width: 100%;	
} 
.menuFlw #topCounts{
	font-size: 12px !important;
    margin-top: -10px !important;
}
.menuFlw .menuMain{ display: none !important; }
.menuFlw .logo {
    width: 157px!important;
    height: 38px !important;
    background-size: cover !important;
    margin-top: -8px;	
}

.blockRight .defaultBox {
    float: left;
    width: 31% !important;
    height: 207px !important;
    margin-right: 2% !important;
}
.btnScroll {
    position: fixed;
    bottom: 100px;
    right: 0px;
    background: #5a5858;
    padding: 10px 14px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}

a.btnBestAnswer {
    float: left;
    margin-top: 11px;
}



.clArticl {
    width: 100%;
    margin-bottom: 59px;
    height: 148px;
    background-position: center center!important;
    position: relative;
    background-size: cover !important;
}
.clArticl .blockLineMain {
    float: left;
    width: 97%;
    clear: both;
    padding: 2%!important;
    background: rgba(255,255,255,.94);
    position: absolute;
    bottom: -58px;
    left: 0px;
}


.appAndroid i {
    color: #fff !important;
    font-size: 28px !important;
}
a.appAndroid {
    padding-left: 5px !important;
    padding-right: 5px !important;
    top: -2px !important;
}

@media only screen and (max-width:700px){
	.popupMContent,.popupM,#ankietMain{ display: none !important; }
}




.mgClar{ margin: 0px !important; 
	font-weight: normal !important;
	float: left !important; 
	width: 100% !important;
}
a.boxLine {
    float: left;
    width: 100% !important;
    min-width: 100% !important;
}
  


.infoDescription{ font-weight: normal !important; }

ul.siteMap {
    float: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin-bottom: 26px;
}

ul.siteMapSub {
    list-style: none;
    padding-left: 13px;
}
ul.siteMapSub>li>a {
    text-decoration: none;
    color: #506D8B;
    font-size: 14px;
    list-style: none;
    margin-top: 5px;
    float: left;
    width: 100%;
}
ul.siteMapSub>li>a:hover, .siteMap>li>a:hover {
	text-decoration:underline;
}

.siteMap>li>a {
    text-decoration: none;
	color: #F93500;
    font-size: 16px;
    font-weight: bold;
}



#ankietMain {
    position: fixed;
    top: 200px;
    right: -414px;
    /* height: 389px; */
    color: white;
    background: #506D8B;
    border-radius: 10px;
    transition: right 0.3s;
    z-index: 10000;
}

#ankietMain a.slide {
    position: absolute;
    display: block;
    left: -55px;
    top: 47px;
    width: 55px;
    /* height: 60px; */
    background: #F94923;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-sizing: border-box;
    font-size: 40px;
    color: white;
    text-decoration: none;
    padding: 9px 0px 0px 14px;
}
#ankietMain.show {
    right: -10px;
}
#ankietMain .content .placeholder {
    font-size: 12px;
    font-style: italic;
    color: grey;
    width: 90%;
    position: absolute;
    top: 54px;
    left: 15px;
}
#ankietMain .content textarea {
    border: 1px solid grey;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    height: 213px;
    font-size: 14px;
}
#ankietMain .content {
    display: block;
    width: 400px;
    /* height: 348px; */
    box-sizing: border-box;
    padding: 20px;
    margin-left: 0px;
    margin-right: 10px;
    font-size: 14px;
}

.clBtnANK {
    color: #FFF;
    float: left;
    font-size: 14px;
    text-align: center;
    padding: 7px;
    margin-left: -13px;
}


.blok hr
{
	border-top: 1px solid #EBEBEB !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}


div#wrapper, div#footer
{
	float: left !important;
}

div#wrapper{ width: 100% !important; }
div#footer{ width: 100% !important; clear: both !important; z-index: 100;  }


div,h1,h2,h3,footer,span,a,input,select,textarea{ font-family: 'Lato',arial,verdana,tahoma; }
footer,section,aside,header,figure{ display: block; }

input[type=text]:focus , textarea:focus{ outline: 0px; }

.cl , .clear , .clear:after , .clear:before , .cl:after , .cl:before{
	content: '';
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 0px;
	height: 0px;
	display: block;
}




.aArticle {
    background: none !important;
    padding: 0px !important;
}



.showLeftMobile{ display: block; }

.mWidth{ width: 1050px; margin: 0px auto; position: relative;  clear: both; }
.path{ color: #9B9C9D; font-size: 13px; margin-bottom: 10px; }
.path span{ color: #326888; }
.path a{ color: #326888; font-size: inherit; text-decoration: none; color: #326888; border-radius: 4px; padding: 3px 8px; display: inline-block; border: 1px solid #F9FDFF; position: relative; transition: all 0.3s; }
.path a:last-child{ padding-right: 23px; font-weight: bold; }
.path a:last-child:hover:after{ display: inline-block; content: "\f061"; color: #DBDBDB; font-family: FontAwesome; position: absolute; top: 4px; right: 5px; color: inherit; font-size: 12px; }
.path a:hover{ background: white; border: 1px solid #E8E8E8; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }

.path div{ display: inline-block; }
p , li{ font-size: 14px; }

.topH{ background: white; height: 131px; border-bottom: 1px solid #DCE2E5; }
.topH header{ position: relative; height: inherit; }
.topH header .logo{ width: 218px; height: 52px; background: url(../images/logo.png); position: absolute; top: 20px; left: 0px; }
.topH header ul.menuMain{ display: block; list-style: none; margin: 0px; padding: 0px; position: absolute; bottom: 19px; left: 10px; }
.topH header ul.menuMain li{ float: left; padding: 0px; position: relative; }
.topH header ul.menuMain li a{ color: #214C74; font-weight: bold; font-size: 13px; text-decoration: none; padding: 5px 10px 20px 10px; border-radius: 3px; margin-left: 2px; }
.topH header ul.menuMain li.home a .s1{ display: inline-block; }
.topH header ul.menuMain li.home a .s2{ display: none; }
.topH header ul.menuMain li a:hover , .topH header ul.menuMain li a.active{ border-bottom: 2px solid #F93500; color: red; }
.topH header ul.menuMain li a:hover{ color: #F93400; }
.topH header ul.menuMain li.home a:hover .s2{ display: inline-block; }
.topH header ul.menuMain li.home a:hover .s1{ display: none; }
.topH header ul.menuMain li ul{ display: none; }
.topH header ul.menuMain li:hover ul{ display: block; }
.topH header ul.menuMain li .header{ margin: 5px 0px; padding: 0px; color: #ff0000; font-size: 16px; float: none; }
.topH header ul.menuMain li ul{ position: absolute; right: 0px; top: 35px; width: 500px; border: 2px solid #919191; padding: 10px; background: white; border-radius: 2px; list-style: none; z-index: 200; }
.topH header ul.menuMain li ul li{ float: left; padding: 0px; margin: 0px; width: 245px; }
.topH header ul.menuMain li ul li a{ display: block; padding: 3px 5px; margin: 0px; border-radius: 3px; border-bottom: 2px solid white; transition: background 0.3s; font-weight: normal; }
.topH header ul.menuMain li ul li a:hover{ border-bottom: 2px solid rgba(255,0,0,0); text-decoration: underline; }
.topH header ul.menuMain li ul li a.checked{ font-weight: bold; }
.topH header ul.menuMain li.noMenu{ display: none; }

.topH #topCounts{ width: 380px; position: absolute; top: 20px; right: 10px; line-height: 22px; }
.topH #topCounts strong{ color: #F94923; }

section.main{ margin-top: 25px; }

.search{ background: #FFFFFF; border: 3px solid #F0F6F9; padding: 20px; border-radius: 40px; width: 740px; margin: 35px auto 15px auto; position: relative; }
.search input[type=text]{ width: 80%; border: 0px; background: none; padding: 5px 10px; font-size: 16px; }
.search input[type=text]::-moz-placeholder{ color: #AFAFAF; }
.search input[type=button], .search button[type=submit]{ border: 0px; font-size: 0px; background: url(../images/loop.png); display: block; width: 22px; height: 22px; float: right; cursor: pointer; margin: 4px 10px 0px 0px; }
#tt{ display: none; height: 120px; background: white; border: 1px solid black; width: 400px; position: absolute; z-index: 333; display: none; overflow: auto; }
#tt a{ display: block; color: black; text-decoration: none; padding: 2px 10px; font-size: 13px; }
#tt a:hover , #tt a:focus{ background: #DCEBF1; }
#tt a strong{ color: red; }

.similar{ margin: 10px 0px; border: 1px solid #D6D6D6; padding: 10px 20px; line-height: 23px; border-radius: 5px; }
.similar a{ color: #18355C; font-size: 14px; padding: 3px 5px; display: inline-block; border: 1px solid white; border-radius: 3px; background: #EFEFEF; margin-right: 5px; margin-bottom: 5px; text-decoration: none; transition: all 0.3s; }
.similar a:hover{ background: #D8D8D8; border: 1px solid grey; }

body.responsive #tt{ width: 90%; }
#bgUnder , .showLeftMobile{ display: none; }
#bgUnder.show{ display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.6); }

.blockLeft{ width: 305px; float: left; min-height: 200px; transition: left 0.4s; }
.blockRight{ width: 613px; float: left; min-height: 200px; margin-left: 40px; }
.blockRight.blockRightNoLeft{ width: auto; float: none; margin-left: 0px; }

.blockLeft .blok header{ margin: 10px 0px 10px 10px; color: #2FA3CF; font-size: 18px; font-weight: bold; margin-left: 10px; }
.blockLeft .blok header a{ color: #2FA3CF; font-size: 18px; font-weight: bold; text-decoration: none; margin-left: 10px; }
.blockLeft .blok ul{ display: block; margin: 0px 0px 20px 30px; padding: 0px; list-style: none; }
.blockLeft .blok ul li{ display: block; margin: 0px; padding: 0px; }
.blockLeft .blok ul li a{ display: block; color: #2FA3CF; padding: 2px 0px; font-size: 16px; text-decoration: none; }
.blockLeft .blok ul li a:hover{ text-decoration: underline; color: #F93400; }
.blockLeft .blok ul li a.selected{ color: #FB5825; text-decoration: underline; }
.blockLeft .blok ul li a.break{ margin-bottom: 7px; border-bottom: 1px solid #7CDCFF; width: 90%; }
.blockLeft .blok ul li a.logout{ color: grey; }
.blockLeft .blok.adsense{ border: 0px; box-shadow: none; }

.blok{ box-shadow: 0px 0px 3px rgba(0,0,0,0.3); font-size: 12px; color: #373737; background: white; padding-bottom: 5px; margin-bottom: 30px; }
.blok h4 , .blok .h4{ display: block; text-decoration: none; background: #214C74; color: white; padding: 10px 0px 10px 20px; margin: 0px; font-size: 18px; }
a.h4:hover{ text-decoration: underline; }
.blok .h4 h1{ font-size: inherit; color: inherit; padding: 0px; margin: 0px; display: inline; font-weight: normal; }
.blok .blockContent .blockLine{ padding: 10px; min-height: 80px; }
.blok.blokTop .blockContent .blockLine{ min-height: 50px; }
.blok.blokProducents .blockContent .blockLine{ }
.blok .blockContent.blockContentHover .blockLine:hover{ background: #FAFAFA; }
.blok .blockContent .blockLine .blockLineLeft{ width: 80px; float: left; min-height: 70px; }
.blok .blockContent .blockLine figure{ margin: 0px; padding: 0px; width: 80px; }
.blok .blockContent .blockLine figure.noimg span{ display: block; width: inherit; height: inherit; min-height: 80px; opacity: 0.1; margin: 0px auto; background: url(../images/no_photo.png) no-repeat top left; background-size: cover; }
.blok .blockContent .blockLine figure.img{ display: inline-block; text-align: center; }
.blok .blockContent .blockLine .blockLineLeft img{ max-width: 80px; max-height: 80px; }
.blok .blockContent .blockLine figure img{ }
.blok .blockContent.blockContentUnderline .blockLine{ border-top: 1px solid #EBEBEB; }
.blok .blockContent.blockProducts .blockLineMain , .blok .blockContent.blockContentUnderline .blockLineMain{ padding-left: 94px; }
.blok .blockContent.blockContentUnderline .blockLine:last-child{ border-bottom: 0px; }
.blok .blockContent.blockContentNoleft .blockLineMain{ padding-left: 10px; }
.blok .blockContent .blockLineMain{ padding-top: 7px; }
.blok .blockContent.blockArticles .blockLineMain{ padding-top: 0px; }
.blok .blockContent.blockArticles .blockLine.noFoto .blockLineMain{ }
.blok .blockContent.blockArticles .blockLine.noFoto .blockLineMain a.more{ margin-left: 0px; }
.blok .blockContent.blockArticles .blockLineMain .more{ margin-left: 0px; }
.blok .blockContent.blockArticles .blockLineLeft{ min-height: 90px; }
.blok .blockContent .header{ color: #1DA4CB; font-weight: bold; margin-bottom: 5px; font-size: 14px; display: block; text-decoration: none; text-transform: lowercase; }
.blok .blockContent .header:first-letter{ text-transform: Uppercase; }
.blok .blockContent .header:hover{ color: #F93400; text-decoration: underline; }
.blok .blockContent a.more{ color: #1DA4CB; font-weight: bold; text-decoration: none; transition: all 0.3s; }
.blok .blockContent a.more:hover{ color: #F93400; text-decoration: underline; }
.blok .blockContent .moreArt{ display: block; text-transform: uppercase; text-decoration: none; padding: 10px 0px; color: #ADADAD; text-align: center; margin-bottom: -5px; border-top: 1px solid #EBEBEB; }
.blok .blockContent .moreArt:hover{ background: #ADADAD; color: white; }
.blok .blockContent.blockArticles .blockLineMain .content a.title{ display: block; font-size: 14px; }
.blok .blockContent.blockArticles .blockLineMain .content a.contentGrey{ color: grey; }
.blok .blockContent.blockArticles .blockLineMain .content a{ color: #373737; font-weight: normal; }
.blok .blockContent .moreArt:hover{ background: #ADADAD; color: white; }
.blok.blokExpert a.h4{ background: #FC602D; }
.blok.blokExpert .blockContent .img{ margin: 0px 30px 10px 30px; width: 60px; height: 60px; border-radius: 61px; overflow: hidden; float: right; }
.blok.blokExpert .blockContent .img img{ width: 120%; }
.blok.blokExpert .blockContent .expertNick{ font-weight: bold; font-size: 18px; margin: 0px 0px 10px 30px; }
.blok.blokExpert .blockContent .expertNick a{ text-decoration: none; color: inherit; font-size: inherit; }
.blok.blokExpert .blockContent .expertNick a:hover{ text-decoration: underline; }

.stars .star{ display: inline-block; width: 13px; height: 12px; background: url(../images/stars.png) no-repeat 0px 0px; }
.stars .star.star_inactive{ background-position: -13px 0px; }
.pro_middle .stars .star , .infoProduct .stars .star{ margin-right: 2px; }
.stars .label{ text-transform: lowercase; margin-left: 5px; }

.infoProduct .stars .star , .starsBig .stars .star{ display: inline-block; width: 22px; height: 22px; background: url(../images/stars_big.png) no-repeat 0px 0px; }
.infoProduct .stars .star.star_inactive , .starsBig .stars .star.star_inactive{ background-position: -22px 0px; }

.blockRight .defaultBox{ float: left; width: 290px; height: 140px; margin-right: 5px; }
.blockRight .defaultBox .header{ color: #F93500; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.blockRight .defaultBox .header:first-letter{ text-transform: uppercase; }
.blockRight .defaultBox a{ display: block; text-decoration: none; color: #506D8B; font-size: 14px; line-height: 22px; box-sizing: border-box; border-bottom: 2px solid white; border-radius: 3px; margin: 0px 0px 0px -5px; padding: 0px 0px 0px 5px; }
.blockRight .defaultBox a:first-letter{ text-transform: uppercase; }
.blockRight .defaultBox a:hover{ text-decoration: underline; color: rgba(255,0,0,1); }
.blockRight .defaultBox a.header:hover{ border-bottom: 0px; background: none; text-decoration: underline; border-bottom: 2px solid rgba(255,0,0,0); }

h2{ margin: 0px 0px 30px 0px; color: #506D8B; }
#footer{ border: 1px solid #F2F2F2; min-height: 80px; margin-top: 30px; position: relative; }
#footer:after{ display: block; content: ''; width: 22px; height: 29px; background: url(../images/pill.png) no-repeat 0px 0px; position: absolute; top: -16px; left: 50%; margin-left: -11px; }

#footer .u1 , #footer .u2{ margin-top: 20px; margin-bottom: 20px; position: absolute; top: 25px; right: 0px; }
#footer .u2{ top: 6px; }

#copy{ position: absolute; top: 35px; left: 0px; font-size: 12px; color: black; }
#footer ul{ display: block; top: 35px; right: 0px; margin: 0px; padding: 0px; list-style: none; }
#footer ul li{ display: block; padding: 0px; margin: 0px; float: left; }
#footer ul li a{ display: block; text-decoration: none; color: #B5B5B5; font-size: 12px; text-decoration: none; padding: 0px 10px; transition: all 0.3s; }
#footer ul li a:hover{ text-decoration: underline; color: black; }

.product{ border-bottom: 1px solid #EBEEF0; padding-bottom: 10px; }
.product figure{ width: 230px; float: left; }
.product figure.noimg span{ display: block; width: 120px; height: 120px; opacity: 0.1; margin: 0px auto; background: url(../images/no_photo.png) no-repeat top left; }
.product figure figurecaption{ display: none; }

.product figure img{ max-width: 230px; max-height: 200px; }
.product .infoProduct{ float: left; width: 300px; position: relative; }
.product .infoProduct .stars{ display: block; }
.product .infoProduct .stars .star{ display: block; float: left; }
.product .infoProduct .stars .label{ margin-left: 10px; display: block; float: left; margin-top: 5px; font-size: 13px; }
.product .infoProduct .stars .avs{ margin-left: 10px; display: block; float: left; margin-top: 5px; font-size: 13px; }
.product .infoProduct .properties{ color: #373737; font-size: 14px; margin-top: 10px; line-height: 20px; }
.product .infoProduct .properties a{ color: inherit; font-size: inherit; text-decoration: none; }
.product .infoProduct .properties a.www{ color: #FB5421; }
.product .infoProduct .properties a:hover{ text-decoration: underline; }
.product .infoProduct .properties a.yt{ color: red; font-size: 25px; display: inline-block; margin-left: -34px; transition: color 0.3s; }
.product .infoProduct .properties a.yt:hover{ color: black; }

.aMore{ color: #1DA4CB; text-decoration: none; font-size: 12px; }
.aMore:hover{ color: black; text-decoration: underline; }
#showMoreOpinions.aMore{ font-weight: bold; font-size: 13px; padding: 5px 10px; border-radius: 5px; background: #4FBC93; color: white; }
#showMoreOpinions.aMore:hover{ background: #67D3AA; }

.blockRight h3 , .blockRight h4 , .infoDescription{ color: #163654; }
.infoDescription p{ text-align: justify; }
.infoDescription p , .infoDescription p span{ font-size: inherit !important; }
.blockRight h3{ margin-bottom: 0px; white-space: nowrap; }
.blockRight h3 a{ font-size: inherit; text-decoration: none; color: #214c74; display: block; min-width: auto; white-space: normal; }
.blockRight h3 a:hover{ color: #FB5926; }
.blockRight h4{ margin-bottom: 5px; margin-top: 5px; }
.infoDescription{ font-size: 13px; overflow: hidden; position: relative; }
.readMoreInfo{ color: #1DA4CB; text-decoration: none; font-size: 12px; }
.readMoreInfo:hover{ color: black; text-decoration: underline; }

.infoDescription table.styled{ width: 100%; }
.infoDescription table.styled caption{ text-align: center; padding: 5px 10px; background: #F7F7F7; }
.infoDescription table.styled th{ background: #D6D6D6; }
.infoDescription table.styled th , .infoDescription table.styled td{ padding: 5px 10px; }
.infoDescription table.styled td{ background: #F7F7F7; }

.infoDescription .stop{ display: block; }
.append{ width: 50px; background: red; position: absolute; top: 0px; left: 100px; }
.infoDescription a{ color: #FB5421; text-decoration: none; display: inline-block; border-bottom: 1px solid #FB5421; transition: color 0.3s; }
.infoDescription a:hover{ color: #A03B1C; }

.comments{ margin-top: 20px; border-top: 1px solid #EBEEF0; position: relative; color: #163654; }
.comments.articles{ margin-top: 0px; }
.comments .headerComment{ margin-top: 15px; font-weight: bold; font-size: 16px; margin-bottom: 20px; }
.comments .headerComment input{ float: right; margin-top: -3px; padding-left: 10px; padding-right: 10px; }

.comments .commsLabel{ margin: 10px 0px; font-weight: bold; font-size: 17px; }

.comments .opinion{ padding: 15px 15px 31px 15px; border: 1px solid #E9E9E9; font-size: 13px; margin-bottom: 15px; position: relative; }
.comments .opinion .date{ float: right; }
.comments .opinion .header span{ color: #9E9D9D; }
.comments .opinion .content{ margin-top: 15px; }
.comments .opinion .content a{ color: #F93C0A; text-decoration: none; }
.comments .opinion .content a:hover{ text-decoration: underline; }
.comments .underH3{ margin-top: 10px; font-size: 14px; }
.comments .underH3.underH3Article{ font-size: 17px; }

.comments .expert{ padding: 10px; border: 1px solid white; font-size: 13px; margin-bottom: 15px; margin-left: 30px; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.comments .expert:after{ display: block; position: absolute; content: ''; width: 1px; height: 16px; top: -17px; left: 10px; border-left: 1px solid #E9E9E9; }
.comments .expert .exHeader{ background: #1DA4CB; color: white; margin: -10px -10px 10px -10px; padding: 5px 10px; }
.comments .expert .exHeader .nick{ color: white; text-decoration: none; }
.comments .expert .exHeader .nick:hover{ text-decoration: underline; }
.comments .expert .exHeader .nick span{ font-weight: bold; }
.comments .expert .exHeader .date{ float: right; }
.comments .expert .imgExpert{ float: left; margin: 0px 10px 10px 0px; width: 60px; height: 60px; border-radius: 61px; overflow: hidden; }
.comments .expert .imgExpert img{ width: 120%; }
.comments .expert .exHeaderTop{ display: block; border-radius: 3px; padding: 3px 8px; color: #9E9D9D; margin-bottom: 5px; }
.comments .expert .exContent a{ color: #F93D0A; text-decoration: none; }
.comments .expert .exContent a:hover{ text-decoration: underline; }

.comments .starsBig .star{ cursor: pointer; margin-right: 5px; }
.comments form input[type=text] , .comments textarea{ width: 100%; background: white; border: 1px solid #D6D6D6; border-radius: 4px; padding: 3px 5px; box-sizing: border-box; }
.comments form input[type=text].error , .comments textarea.error{ border-color: red; }
.comments form input{ width: 460px;  padding: 3px 5px; height: 30px; }
.comments textarea{ height: 150px; }
.comments form p{ margin-bottom: 3px; font-size: 14px; }
.comments form .sendButton{ 
	margin-top: 26px;
	margin-right: 0px;
	width: 320px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	float: right;
	padding: 3px 0px;
	height: 40px;
}

form#sendComm , .comments .starsBig{ width: 460px; }

.comments span.error{ color: red; display: block; float: right; font-size: 12px; display: none; } 
.comments .starsBig span.error{ margin-top: 10px; } 

.infoBox{ width: 17px; height: 17px; background: url(../images/info.png) no-repeat 0px 0px; display: inline-block; position: relative; }
.infoBox:hover{ background-position: 0px -17px; display: inline-block; }
.infoBox span{ display: none; position: absolute; left: 30px; top: -32px; width: 230px; border: 1px solid #a7bec7; padding: 10px; color: #515151; font-size: 12px; background: white; }
.infoBox span:after{ content: ''; position: absolute; left: -6px; top: 32px; width: 6px; height: 12px; background: white url(../images/corner.png) no-repeat 0px 0px; }
.infoBox:hover span{ display: block; }

.filters .top{ height: 10px; }

.filters .box{ box-sizing: border-box; width: 114px; height: 41px; cursor: pointer; text-align: center; padding: 10px 0px 0px 0px; float: left; background: #ffffff; border: 1px solid #dee6ec; margin-left: 10px; position: relative; }
.filters .box:first-child{ margin-left: 0px; }
.filters .box .label{ text-transform: uppercase; color: #1DA4CB; padding-right: 13px; position: relative; font-size: 12px; }
.filters .box .label:after{ content: ''; position: absolute; top: 4px; right: 0px; width: 8px; height: 6px; background: url(../images/arrow_down.png); }
.filters .box:hover{ border: 1px solid #97AFBA; /* height: 50px; */ }
.filters .box .content{ display: none; text-align: left; margin-top: 10px; background: white; padding: 10px 10px 10px 10px; border-left: 1px solid #97AFBA; border-right: 1px solid #97AFBA; border-bottom: 1px solid #97AFBA; width: 160px; margin-left: -1px; color: #5F5F5F; font-size: 14px; line-height: 20px; z-index: 777; position: absolute; }
.filters .box.box_attr .content{ width: 260px; right: -77px; }
.filters .box.box_prod .content{ width: 260px; right: -1px; top: 30px; }
.filters .box.box_form .content{ width: 180px; }
.filters .box.box_form .content ul{ list-style: none; padding: 0px; margin: 0px; }
.filters .box.box_form .content ul li{ width: 180px; float: none; }
.filters .box:hover .content{ /* display: block; */ }
.filters .box .content input[type=button]{
	border: 1px solid #1DA4CB; color: white; border-radius: 3px; padding: 5px 0px; display: block; font-weight: bold; width: 100%; margin-top: 10px;

	background: #32bee7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyYmVlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZWE2Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #32bee7 0%, #1ea6cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32bee7), color-stop(100%,#1ea6cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #32bee7 0%,#1ea6cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #32bee7 0%,#1ea6cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #32bee7 0%,#1ea6cd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #32bee7 0%,#1ea6cd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bee7', endColorstr='#1ea6cd',GradientType=0 ); /* IE6-8 */

}
.filters .box .content .fa{ font-size: 14px; margin-right: 5px; cursor: pointer; width: 12px; }
.filters .box .content input[type=checkbox]{ display: none; }
.filters .tags{ padding-top: 60px; box-sizing: border-box; }
.filters .tags span.mtag , .filters .tags span.cf{ border-radius: 3px; padding: 3px 10px; background: #DCEBF1; display: inline-block; color: #7A7A7A; font-size: 13px; margin-right: 3px; margin-bottom: 3px; text-transform: lowercase; }
.filters .tags span.mtag:first-letter{ text-transform: uppercase; }

.filters .tags span.mtag i{ margin-left: 5px; cursor: pointer; }
.filters .tags .cf{ cursor: pointer; }

.filters .content .range{ float: left; width: 70px; margin-right: 10px; margin-bottom: 10px; }
.filters .content .range input{ width: 90%; background: white; border-radius: 3px; font-size: 12px; padding: 5px; border: 1px solid #D6D6D6; }

.filters .box .content ul.attr{ display: block; margin: 0px; padding: 0px; width: 270px; height: 270px; overflow: auto; }
.filters .box .content ul.attr li{ display: block;
    float: left;
    width: 46%;
    padding: 0px 2%;
    margin: 2px 0px; }
.filters .box.box_prod .content ul li{ width: 120px; white-space: nowrap; float: left; overflow: hidden; margin-right: 5px; text-transform: lowercase; }
.filters .box.box_prod .content ul li:first-letter{ text-transform: uppercase; }

.filters .sort{ margin: 20px 0px 10px 0px; color: #98999A; font-size: 14px; }
#sortComboSpan{ display: inline-block; position: relative; background: white; }
#sortComboSpan select{ display: inline-block; background: none; cursor: pointer; border: 1px solid #D6D6D6; padding: 3px 23px 3px 10px; border-radius: 3px; margin-left: 0px; color: #7A7A7A; position: relative; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#sortComboSpan:after{ display: block; width: 20px; pointer-events: none; height: 20px; background: url(../images/arrow_down_combo.png) no-repeat 0px 0px; content: ''; position: absolute; top: 6px; right: 2px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sortComboSpan:after{ top: 3px; }
}

.filters #filtrSearch{ float: right; margin-top: 0px; }

.search_no_result{ font-size: 25px; margin-bottom: 10px; font-weight: 300; color: #183557; }
.search_no_result.header2{ font-size: 18px; color: #373737; font-weight: 400; }

/* produkt */

.pro{ min-height: 150px; box-sizing: border-box; margin-top: 20px; font-size: 13px; border: 1px solid #E9E9E9; position: relative; }
/*
.pro.pro_promotion{ border: 2px solid #F93D0A; }
.pro.pro_promotion:after{ content: ""; width: 85px; height: 85px; position: absolute; top: -1px; left: -1px; background: url(../images/product_promotion.png); }
*/
.pro.pro_promotion:after{ content: ''; display: block; background: url(../images/eq.png) no-repeat 0px 0px; background-size: 100%; position: absolute; width: 66px; top: -16px; right: -13px; z-index: 80; height: 87px; }

.pro figure{ width: 120px; float: left; text-align: center; min-height: 110px; }
.pro figure img{ max-width: 120px; max-height: 120px; }
.pro figure.noimg span{ display: block; width: inherit; height: inherit; min-height: inherit; opacity: 0.1; background: url(../images/no_photo.png) no-repeat top left; }
.pro .pro_middle{ width: 168px; float: left; height: inherit; line-height: 18px; }
.pro .pro_right{  box-sizing: border-box; height: 136px; position: relative; width: 230px; float: left; text-align: center; font-size: 12px; font-style: italic; padding: 40px 10px 0px 0px; color: black; }
.pro .pro_right input{ font-weight: bold; width: 100%; margin-top: 5px; position: absolute; bottom: 0px; cursor: pointer; }
.pro .pro_right p{ margin: 0px; color: inherit; font-size: inherit; /*position: absolute;*/ bottom: 39px; text-align: left; }
.pro:hover{ border-color: black; cursor: pointer; }
.pro .pro_right p span.nick{ font-style: normal; }

.pro .pro_desc{ margin-bottom: 10px; }
.pro .pro_desc .producer{ text-transform: lowercase; }
.pro .pro_desc .producer:first-letter { text-transform: uppercase; }

#productList.adsProducts{  }
#productList.adsProducts h3 a{ font-size: 20px; margin-bottom: 14px; }
#productList.adsProducts figure.img{ width: 113px; }
#productList.adsProducts .pro_desc{ font-size: 16px; }
#productList.adsProducts .pro_middle{ width: 220px; line-height: 27px; float: left; }
#productList.adsProducts .pro_right{ width: 191px; position: absolute; bottom: 10px; right: 0px; height: auto; }
#productList.adsProducts .pro_right p{ font-size: 14px; line-height: 22px; position: relative; bottom: auto; margin-top: 9px; }
#productList.adsProducts .pro_right input{ position: relative; font-size: 16px; padding: 5px 0px; }

.pagination{ text-align: center; margin: 20px 0px; }
.pagination a{ font-size: 12px; color: #74BFDA; text-decoration: none; }
.pagination a.number{ display: inline-block; padding: 2px 4px; border: 1px solid rgba(0,0,0,0); border-radius: 2px; margin: 0px 1px 0px 0px; }
.pagination a.number:hover{ border: 1px solid #D3D3D3; }
.pagination a.number.active{ border: 1px solid #1DA4CB; background: #1DA4CB; color: white; }
.pagination .nav{ padding-right: 10px; padding-left: 10px; }

.lista{ border-top: 1px solid #ECEFF0; border-bottom: 1px solid #ECEFF0; text-align: center; margin: 20px 0px; height: 29px; }
.lista a{ display: inline-block; font-size: 14px; color: #214C74; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 7px 7px 7px 7px; border-radius: 3px; margin: 0px 0px -3px 0px; }
.lista a:hover{ background: #F0F6F9; border-bottom: 2px solid #FA5B3D; }
.lista a.active{ color: #FA5B3D; border-bottom: 2px solid #FA5B3D; }

.combo .mSelect{ line-height: 1px; position: relative; border-radius: 3px; border: 1px solid #D6D6D6; padding: 5px 10px; width: 170px; overflow: hidden; display: inline-block; }
.combo .mSelect:after{ width: 14px; height: 14px; content: ''; position: absolute; top: 7px; right: 5px; background: url(../images/arrow_down_combo.png) no-repeat 0px 0px; }
.combo .mSelect select{ line-height: 1px; width: 210px; border: 0px; background: rgba(0,0,0,0); }
.combo .label{ display: block; float: left; margin-right: 10px; margin-top: 5px; }

/* producents */

.producent{ width: 220px; height: 156px; float: left; margin: 0px 20px 20px 0px; cursor: pointer; }
.producent figure{ width: 220px; height: 100px; text-align: center; border-radius: 3px; border: 1px solid #E9E9E9; margin: 0px; padding-top: 6px; overflow: hidden; box-sizing: border-box; }
.producent .stars{ font-size: 14px; }
.producent:hover figure{ border-color: #C7C7C7; }
.producent h4{ text-transform: lowercase; color: #214c74; }
.producent h4:first-letter{ text-transform: uppercase; }
.producent .stars{ font-size: 12px; }

article.site{ font-size: 14px; line-height: 20px; }
article.site figure{ margin: 0px; float: left; margin-right: 20px; }
article.siteDefault{ border-top: 1px solid #E1E1E1; padding-top: 20px; margin-top: 10px; }
article.siteDefault.site_onas .box{ float: none; height: auto; width: auto; }
article.siteDefault h1{ color: #163654; font-size: 18px; }
.mButton{
	display: block;
	border: 1px solid #F9400D; color: white; border-radius: 3px; padding: 5px 40px; display: block; font-weight: bold; margin-top: 5px; cursor: pointer;
	background: #ff7946; /* Old browsers */
	text-decoration: none;
	font-style: normal;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzk0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTQwMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff7946 0%, #f9400d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7946), color-stop(100%,#f9400d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff7946 0%,#f9400d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff7946 0%,#f9400d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff7946 0%,#f9400d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff7946 0%,#f9400d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7946', endColorstr='#f9400d',GradientType=0 ); /* IE6-8 */
}

.mButton:hover{
	background: #f9400d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5NDAwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc5NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9400d 0%, #ff7946 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9400d), color-stop(100%,#ff7946)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9400d 0%,#ff7946 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9400d 0%,#ff7946 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9400d 0%,#ff7946 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9400d 0%,#ff7946 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9400d', endColorstr='#ff7946',GradientType=0 ); /* IE6-8 */
}
.mButton.mButtonRight{ float: right; margin-right: 10px; }

/* cloud ajax */
.bgCover{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1099; background: rgba(225,236,243,0.95); }
.ajaxCover{ position: fixed; top: 50px; left: 50%; width: 360px; box-sizing: border-box; padding: 10px; margin-left: -180px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border: 1px solid #D8E2E9; z-index: 1100; background: white; }
.ajaxCover .closeCloud{ position: absolute; top: -14px; right: -13px; background: url(../images/close.png) no-repeat 0px 0px; width: 27px; height: 29px; cursor: pointer; }
.ajaxCover.comm{ padding: 30px 20px 20px 20px; font-size: 22px; min-height: 90px; border-radius: 5px; border-color: #777777; transition: all 0.3s; text-align: center; font-weight: bold; width: 360px !important; }
.ajaxCover.comm_:hover{ box-shadow: 0px 0px 50px rgba(0,0,0,0.5); }
.ajaxCover.user{ width: 400px; padding: 30px; font-size: 14px; border-radius: 20px; }
.ajaxCover.user span{ font-weight: bold; color: #FB927B; }
.ajaxCover.contactCloud{ padding: 30px; text-align: center; }

.ajaxCover.cloudProducer .mButton{ width: 100%; margin-top: 15px; padding: 7px 0px;  }
.ajaxCover.cloudProducer p{ font-size: 13px; }
.ajaxCover.cloudProducer .formLine label{ }

.ajaxPoradnik{ width: 560px; height: 320px; background: #F7F7F7; margin-left: -280px; }
.ajaxCover p{ font-size: 14px; }
.ajaxCover.comm p{ margin: 0px; padding: 0px; font-size: inherit; }
.ajaxCover .formLine label{ display: block; font-size: 13px; margin-top: 10px; }
.ajaxCover .formLine label.err{ color: red; }
.ajaxCover .formLine input[type=text] , .ajaxCover .formLine textarea{ width: 100%; border: 1px solid #D6D6D6; background: white; border-radius: 3px; padding: 5px 5px; box-sizing: border-box; }
.ajaxCover .formLine textarea{ height: 90px; }
.ajaxCover .inputCheck input{ display: none; }
.ajaxCover .formLine input.error , .ajaxCover .formLine textarea.error{ border-color: red; }
.ajaxCover .inputCheck .fa{ cursor: pointer; }
.ajaxCover .imgPoradnik{ width: 160px; margin: 0px 20px 0px 0px; float: left; }
.ajaxCover .contentPoradnik{ float: left; width: 345px; box-sizing: border-box; }
.ajaxCover .contentPoradnik input[type=text]{ padding: 5px 10px; border-radius: 2px; border: 1px solid #D6D6D6; width: 90%; margin-bottom: 10px; }
.ajaxCover .contentPoradnik p{ margin-top: 0px; }
.ajaxCover .contentPoradnik p.label{ margin-bottom: 0px; }
.ajaxCover h3{ color: #22415B; margin-top: 0px; }
.ajaxCover .contentPoradnik .mButton{ width: 100%; padding: 13px 0px; }
.ajaxCover .contentPoradnik .zgoda{ color: #C5C5C5; font-size: 12px; margin-bottom: 28px; }
.ajaxCover .contentPoradnik .fa{ width: 13px; font-size: 14px; color: black; }
.ajaxCover .contentPoradnik p.label span{ display: none; color: red; }
.ajaxCover .closeButton{ width: 200px; margin: 0px auto; }
.ajaxCover.comm .closeButton{ width: 100%; margin-top: 10px; font-size: 18px;  }

.contact {
    width: 324px;
    margin: 0px auto;
    /* height: 320px; */
    /* overflow: hidden; */
    position: relative;
}
.contact label{ font-size: 13px; }
.contact textarea , .contact input[type=text] , .contact select{ border: 1px solid #D6D6D6; border-radius: 3px; padding: 5px 5px; width: 100%; box-sizing: border-box; margin-bottom: 10px; resize: vertical !important; }
.contact textarea{ height: 110px; }
.contact .mButton{ width: 100%; padding: 15px 0px; font-size: 19px; margin-top: 0px; }
.contact .inside{ /*position: absolute;*/ top: 0px; left: 0px; width: inherit;}
.contact .inside .resultComm{ height: 300px; text-align: center; box-sizing: border-box; padding-top: 30px; font-size: 16px; color: #FC5D2A; }
.contact textarea.error , .contact input.error[type=text]{ border: 1px solid red; }
.contact span.error{ display: block; float: right; color: red; font-size: 13px; padding-top: 3px; display: none; }


.bound{ border: 1px solid red; position: absolute; z-index: 99999; animation: bou 0.3s normal forwards ease-in-out; -webkit-animation: bou 0.3s normal forwards ease-in-out; }
@-webkit-keyframes bou{
    from {transform: scale(1);}
    to {transform: scale(1.2); opacity: 0; }
}

/* Standard syntax */
@keyframes bou{
    from {transform: scale(1);}
    to {transform: scale(1.2); opacity: 0; }
}

/* info error */
.info{ background: url(../images/info_circle.png) no-repeat 0px 7px; box-sizing: border-box; padding: 0px 0px 0px 60px; color: #787A7B; height: 80px; font-size: 25px; font-weight: bold; margin: 20px 0px 20px 90px; position: relative; width: 737px; }
.info span{ display: block; font-size: 16px; }
.info:after{ display: block; content: ''; width: 66px; height: 46px; background: url(../images/info_arror.png); position: absolute; top: 0px; right: 0px; }

#userOpinion{ position: fixed; bottom: -10px; left: -10px; background: black; color: white; padding: 10px 10px 20px 20px; border: 1px solid white; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; font-size: 12px; width: 250px; }
#userOpinion a.label{ display: block; font-weight: bold; color: #FA5C32; font-size: 14px; margin-bottom: 10px; display: block; }
#userOpinion a{ color: #F2F8FA; }
#userOpinion .stats{ background: #686868; border-radius: 3px; margin-bottom: 2px; padding: 2px 10px 2px 10px; }

.loading{ display: none; }
h1.article{ margin: 0px 0px 20px 0px; }
.sponsored{ border-radius: 3px; color: grey; background: #F4F4F4; font-size: 14px; padding: 5px 10px 5px 30px; display: inline-block; position: relative; text-shadow: 0px 0px 1px white; }
.sponsored:after{ display: block; position: absolute; top: 6px; left: 6px; content: '\f02d'; font-family: fontAwesome; }

article.artMain , article.artMain p{ font-size: 16px; }
article.artMain p a , article.artMain a{ color: #F93400; text-decoration: none; display: inline-block; border-bottom: 1px dashed #F93400; }
article.artMain p a.nodots , article.artMain a.nodots{ border-bottom: 0px; display: inline; }
article.artMain p a:hover , article.artMain a:hover{ color: #214C74; }

article.artMain figure{ display: block; margin: 0px; max-height: 250px; text-align: center; }
article.artMain figure.float-1{ float: left; margin: 0px 10px 10px 0px; width: 50%; max-height: 400px; }
article.artMain figure.float-2{ float: right; margin: 0px 0px 10px 10px; width: 50%; max-height: 400px; }
article.artMain figure figurecaption{ display: none; }

article.artMain ul{  }
article.artMain ul, 
article.artMain ol, 
.catContent ul, 
.catContent ol{ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; position: relative; font-size: inherit; }

article.artMain ul li, 
.catContent ul li, 
.catContent ol li,
.infoHerb ul li{ display: block; position: relative; padding: 0px 0px 10px 30px; margin-left: 0px; background: url(../images/check.png) no-repeat 0px 5px; line-height: 22px; font-size: inherit; }

article.artMain ul li p , article.artMain ol li p{ display: inline; margin: 0px 0px 10px 0px; padding: 0px; text-align: left !important; font-size: inherit; }

article.artMain ol{ }
article.artMain ol li{ padding: 0px 0px 10px 30px; font-size: inherit; position: relative; }
article.artMain ol li:before{ display: block; content: '1'; position: absolute; top: 1px; left: 0px; width: 23px; height: 23px; padding: 3px 1px 0px 1px; box-sizing: border-box; background: #32688F; border: 2px solid white; color: white; border-radius: 12px; font-size: 11px; text-align: center; transition: all 0.2s; }
article.artMain ol li:hover:before{ box-shadow: inset 0px 0px 4px rgba(0,0,0,0.8), 0px 0px 3px rgba(0,0,0,0.5); }
article.artMain ol li:nth-child(2):before{ content: '2'; }
article.artMain ol li:nth-child(3):before{ content: '3'; }
article.artMain ol li:nth-child(4):before{ content: '4'; }
article.artMain ol li:nth-child(5):before{ content: '5'; }
article.artMain ol li:nth-child(6):before{ content: '6'; }
article.artMain ol li:nth-child(7):before{ content: '7'; }
article.artMain ol li:nth-child(8):before{ content: '8'; }
article.artMain ol li:nth-child(9):before{ content: '9'; }
article.artMain ol li:nth-child(10):before{ content: '10'; }
article.artMain ol li:nth-child(11):before{ content: '11'; }
article.artMain ol li:nth-child(12):before{ content: '12'; }
article.artMain ol li:nth-child(13):before{ content: '13'; }
article.artMain ol li:nth-child(14):before{ content: '14'; }
article.artMain ol li:nth-child(15):before{ content: '15'; }

article.artMain figure img{ max-width: 100%; max-height: inherit; }
a.__article.art-3{ margin-right: 0px; }

#articles{ width: 1050px; }
a.article{ display: inline-block; vertical-align: top; padding: 0px 0px 20px 0px; border-bottom: 1px solid #F0F6F9; margin-bottom: 20px; width: 238px; border: 1px solid #F4F4F4; height: 251px; margin-right: 20px; overflow: hidden; color: black; box-sizing: border-box; text-decoration: none; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); transition: all 0.3s; transition: all 0.5s; }
a.article:hover{ box-shadow: 0px 0px 4px rgba(0,0,0,0.4); border-color: black; }
a.article .header{ display: block; font-weight: bold; overflow: hidden; height: 62px; }
a.article .header{ font-size: 16px; color: black; }
a.article .content{ display: block; margin-top: 0px; font-size: 13px; box-sizing: border-box; padding: 10px; }
a.article span.img{ display: block; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: 132px; overflow: hidden; }
a.article span.img img{ width: 100%; }
a.article .content span{ display: block; font-size: inherit; color: inherit; text-decoration: none; }
a.article .content span.aContent{ height: 32px; overflow: hidden; display: block; color: #B7B7B7; }

a.article.infinity{ opacity: 0; -webkit-animation: showInf 1s linear; animation: showInf 1s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
a.article.infinity.inf-1{ animation-delay: 0s; }
a.article.infinity.inf-2{ animation-delay: 0.2s; }
a.article.infinity.inf-3{ animation-delay: 0.4s; }
a.article.infinity.inf-4{ animation-delay: 0.6s; }
a.article.infinity.inf-5{ animation-delay: 0.8s; }
a.article.infinity.inf-6{ animation-delay: 1s; }
a.article.infinity.inf-7{ animation-delay: 1.2s; }
a.article.infinity.inf-8{ animation-delay: 1.4s; }
a.article.infinity.inf-9{ animation-delay: 1.6s; }
a.article.infinity.inf-10{ animation-delay: 1.8s; }
a.article.infinity.inf-11{ animation-delay: 1s; }
a.article.infinity.inf-12{ animation-delay: 2.2s; }
@-webkit-keyframes showInf { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes showInf { 0% { opacity: 0; } 100% { opacity: 1; } }

.artGroups{ margin-bottom: 20px; margin-top: 20px; }
.tableArticleGroup{ display: table; width: 100%; margin: 0p; margin-top: -1px; border-spacing: 1px; border-collapse: separate; background: #B7B7B7; }
.tableArticleGroup ul{ margin: 20px 0px 0px 0px; }
.tableArticleGroup ul{ display: table-row; list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
.tableArticleGroup ul li{ display: table-cell; margin: 0px 0px 0px 0px; padding: 0px; background: white; }
.tableArticleGroup ul li a{ display: block; text-align: center; padding: 10px 0px; font-size: 14px; color: #B7B7B7; text-decoration: none; }
.tableArticleGroup ul li a.selected{ color: black; }

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #B7B7B7;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.site a{ color: #1da4cb; text-decoration: none; }
.site a:hover{ text-decoration: underline; }
.site figure.toRight{ float: right; margin: 0px 0px 20px 40px; }
.site figure.toLeft{ float: left; margin: 0px 20px 20px 0px; }
.site h4{ color: #214c74; }
.site h4 span{ color: #f93500; }
.site .arrRight.a1{ margin-top: 50px; }
.site .toRight.a2{ margin-top: 20px; }
.site .a3{ width: 400px; text-align: right; }

.site.site_onas .box{ float: left; width: 304px; height: 90px; box-sizing: border-box; padding-left: 100px; margin-top: 20px; background-position: 20px 0px; background-repeat: no-repeat; }
.site.site_onas .box.box1{ background-image: url(../images/i1.png); }
.site.site_onas .box.box2{ background-image: url(../images/i2.png); }
.site.site_onas .box.box3{ background-image: url(../images/i3.png); }
.site.site_onas .box.box4{ background-image: url(../images/i4.png); }
.site.site_onas .boxU{ margin-top: 15px; }
.site.site_onas .mButton{ margin: 20px auto 0px auto; padding: 10px 60px; font-weight: bold; font-size: 16px; cursor: pointer; }
.site.site_dla_producentow .mButton{ margin: 0px auto; padding: 10px 30px; font-size: 18px; }

.blockRight h1:first-letter{ text-transform: uppercase; }
.blockRight h1{ margin-top: 0px; }
.blockRight h1.searchResult{ font-weight: 300; }
.blockRight h1 span{ display: block; font-size: 18px; color: grey; }

#producer{ padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: 1px solid #E9EEF0; }
#producer figure{ float: right; margin: 0px; }
#producer figure img{ max-width: 250px; max-height: 130px; }
#producer h2 , #producer h1{ margin: 0px 0px 20px 0px; font-size: 22px; text-transform: lowercase; }
#producer h2:first-letter , #producer h1:first-letter{ text-transform: uppercase; }
#producer .label.overStars{ margin-bottom: 5px; display: block; }
#producer .label.overStars , #producer .product_count{ font-size: 12px; }
#producer .product_count{ margin-top: 5px; }
#producer .content{ border-top: 1px solid #E9EEF0; margin-top: 15px; padding-top: -15px; margin-bottom: -20px; font-size: 13px; color: #373737; overflow: hidden; font-weight: normal; }
#producer .content p{ font-size: inherit; margin-top: 10px; }
#producer .content header{ color: #163654; font-weight: bold; font-size: 17px; margin-bottom: 0px; }

.overH1{ font-size: 12px; }
.moreProductFirm{ display: block; float: right; color: #61B8D6; text-decoration: none; font-size: 13px; }
.moreProductFirm:hover{ text-decoration: underline; }

.producent figure img{ max-width: 242px; }

.justOnMobile{ display: none; }
#mobile , #rLogo , #bottomCountsMobile , #showDesktop{ display: none; }
.ajaxCover.cloudProducer .closeButton{ display: none; }

#social{ position: absolute; top: 19px; left: 148px; font-size: 37px; }
#social a{ font-size: inherit; transition: all 0.3s; position: relative; display: inline-block; line-height: 25px; }
#social a i{ font-size: inherit; color: grey; transition: color 0.3s; }
#social a i:hover{ color: #214C74; }
#social a.mobile , #footer ul li.mobileOnDesktop{ display: none; }
#social a.appAndroid{ top: 2px; display: inline-block; background: grey; border-radius: 6px; padding: 1px; }
#social a.appAndroid:hover{ background: #214C74; }

#banerW{ display: block; width: 600px; height: 381px; position: fixed; top: 50%; left: 50%; margin-left: -300px; margin-top: -190px; z-index: 2222; }
#banerW .img{ width: 100%; }
#banerWbG{ width: 100%; height: 100%; display: block; position: fixed; background: rgba(0,0,0,0.3); top: 0px; left: 0px; z-index: 111; }
#banerW a{ display: block; position: absolute; color: white; top: -16px; right: -13px; }

/* popup z zapytaniem */

#usp{ position: fixed; bottom: 0px; right: 10px; width: 250px; height: 259px; background: #ADD9EA; padding: 10px; box-sizing: border-box; border: 1px solid #7FB0C1; z-index: 200; }
#usp header , #usp header.error{ text-align: center; font-size: 16px; position: absolute; top: 10px; left: 10px; width: 230px;  }
#usp header.error{ color: red; display: none; }
#usp textarea{ width: 100%; height: 120px; border-radius: 3px; border: 1px solid #7FB0C1; box-sizing: border-box; padding: 5px; font-size: 14px; }
#usp input[type=text] , #usp input[type=email]{ width: 100%; border-radius: 3px; border: 1px solid #7FB0C1; box-sizing: border-box; padding: 5px; font-size: 14px; }
#usp input[type=button]{ width: 100%; }
#usp a.close{ position: absolute; top: 2px; right: 2px; transition: color 0.3s; color: black; }
#usp a.close:hover{ color: white; }
#usp .body{ position: absolute; top: 60px; left: 10px; width: 230px; }

#footerDebug{ position: fixed; bottom: 10px; right: 0px; background: #214C74; color: white; padding: 5px 10px; font-size: 12px; }
#footerDebug a{ color: inherit; font-size: inherit; font-weight: bold; margin-left: 10px; }

.artBox{ display: block; width: 146px; float: left; border: 1px solid #EBEBEB; margin-right: 7px; margin-bottom: 10px; height: 157px; overflow: hidden; font-size: 12px; color: #1DA4CB; text-decoration: none; transition: all 0.3s; }
.artBox.artBox-4{ margin-right: 0px; }
.artBox figure{ display: block; width: auto; margin: 0px; padding: 0px; height: 90px; overflow: hidden; text-align: center; position: relative; }
.artBox figure img{ width: 100%; position: absolute; top: 0px; left: 0px; }
.artBox .body{ padding: 10px 5px; font-size: 12px; display: block; }
.artBox:hover{ border-color: #214C74; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.artBoxOver{ margin-top: 30px; color: #1DA4CB; margin-bottom: 15px; border-bottom: 1px solid #1DA4CB; font-size: 13px; }

.downloadPdf{ display: block; color: #1DA4CB; text-decoration: none; text-align: right; font-size: 12px;  padding-top: 10px; }
.downloadPdf a:hover i{ color: red; }
.downloadPdf a{ color: grey; text-decoration: none; font-size: inherit; }
.socials{ float: left; }
.socials a{ font-size: 28px; color: grey; text-decoration: none; transition: all 0.3s; }
.socials a:hover{ color: #1C4163; }


/* slider */
#art-slider{ height: 400px; border: 1px solid #B7B7B7; overflow: hidden; margin-bottom: 0px; position: relative; }
#art-slider ul.slide{ display: block; padding: 0px; margin: 0px; list-style: none; height: inherit; position: relative; }
#art-slider ul.slide li{ display: none; padding: 0px; margin: 0px; height: inherit; width: inherit; position: absolute; top: 0px; left: 0px; }
#art-slider ul.slide li:first-child{ display: block; }
#art-slider ul.slide li img{ width: 818px; }
#art-slider ul.slide li h2{ display: block; margin: 0px; position: absolute; bottom: 10px; left: 10px; background: rgba(255,255,255,0.8); padding: 20px 20px; color: black; box-sizing: border-box; font-size: 18px; font-weight: normal; width: 705px; }
#art-slider ul.slide li .date{ display: none; background: rgba(0,0,0,0.4); position: absolute; top: 10px; right: 10px; color: #E8E8E8; padding: 7px 10px; border-radius: 5px; font-size: 14px; }
#art-slider ul.slide li h2 span{ display: block; color: #E8E8E8; font-size: 12px; }
#art-slider ul.slide li a.url{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 65; }
#art-slider ul.slide li .shadow{ position: absolute; width: 100px; height: inherit; top: 0px; right: 60px; background: url(../images/shadow.png) repeat-y 0px 0px; z-index: 89; }

#art-slider ul.dots{ position: absolute; display: none; top: 10px; left: 10px; margin: 0px; padding: 0px; list-style: none; z-index: 70; }
#art-slider ul.dots li{ display: block; width: 14px; height: 14px; margin: 0px; padding: 0px; float: left; margin-right: 3px; }
#art-slider ul.dots li a{ display: block; width: inherit; height: inherit; background: rgba(255,255,255,0.6); border-radius: 8px; margin: 0px 0px 0px; padding: 0px; border: 1px solid rgba(0,0,0,0.3); transition: all 0.3s; }
#art-slider ul.dots li a span{ display: block; width: 10px; height: 10px; background: #214C74; border-radius: 6px; background: black; margin: 2px 0px 0px 2px; opacity: 0; }
#art-slider ul.dots li a.selected span{ opacity: 1; }
#art-slider ul.dots li a:hover{ box-shadow: 0px 0px 2px rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.3); }

#art-slider ul.minis{ position: absolute; top: 0px; right: 0px; display: block; width: 230px; list-style: none; margin: 0px; padding: 0px; z-index: 90; }
#art-slider ul.minis li{ display: block; margin: 0px 0px 0px 0px; padding: 0px; width: inherit; height: 134px; position: relative; overflow: hidden; }
#art-slider ul.minis li a{ display: block; width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0px; left: 0px; box-sizing: border-box; z-index: 70; }
#art-slider ul.minis li .img{ width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0px; left: 0px; display: block; transition: all 0.3s; }
#art-slider ul.minis li .img img{ width: 100%; }
#art-slider ul.minis li span.content{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 4px 5px; font-size: 12px; background: rgba(255,255,255,0.7); color: black; box-sizing: border-box; max-height: 39px; line-height: 16px; }
#art-slider ul.minis li.selected a{ border: 5px solid #276B94; }
#art-slider ul.minis li.selected span.content{ background: #276B94; color: white; }
#art-slider ul.minis li:hover .img{ webkit-transform: rotate(5deg) scale(1.2); transform: rotate(5deg) scale(1.2); }

#login{ width: 300px; margin: 30px auto; border-radius: 5px; background: #F7F7F7; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); padding: 20px; border: 1px solid white; }
#login .input input{ width: 100%; padding: 10px 10px; border: 0px; box-sizing: border-box; margin-bottom: 5px; border: 1px solid white; transition: all 0.3s; }
#login .input input:focus{ border: 1px solid black; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.7); }

#expertCom{ position: fixed; z-index: 800; top: 50%; left: 50%; margin-left: -160px; margin-top: -90px; width: 320px; height: 100px; padding: 30px 20px; box-sizing: border-box; border-radius: 4px; background: white; text-align: center; }
#expertComBg{ z-index: 100; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0px; left: 0px; }
#panelExpert{ position: fixed; bottom: 20px; left: -20px; padding: 10px 10px 10px 30px; border-radius: 5px; background: #214C74; color: white; box-sizing: border-box; transition: left 0.3s; }
#panelExpert label{ display: block; font-size: 14px; }
#panelExpert .closeExpert{ display: block; position: absolute; top: -8px; right: -8px; background: #214C74; border-radius: 3px; color: white; text-decoration: none; padding: 1px 6px; }
#panelExpert a{ color: white; text-decoration: none; }
#panelExpert a:hover{ color: #F93500; }

.comments .opinion .expComm{ display: inline-block; margin-top: 10px; padding: 3px 10px 3px 10px; background: #214C74; border: 1px solid white; color: white; text-decoration: none; border-radius: 4px; transition: all 0.3s; }
.comments .opinion .expComm:hover{ background: #FC602D; box-shadow: 0px 0px 5px rgba(0,0,0,0.7); }

#expBg{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0px; top: 0px; z-index: 300; }
#expForm{ display: none; position: fixed; width: 600px; height: 400px; background: white; left: 50%; top: 50%; z-index: 350; margin-left: -300px; margin-top: -200px; }
#expForm .header{ display: block; padding: 10px; font-size: 16px; background: grey; color: white; }
#expForm .header span{ color: #FC602D; font-weight: bold; }
#expForm .label{ display: block; padding: 10px; font-size: 14px; height: 100px; overflow: auto; }
#expForm a.close{ display: block; padding: 8px 10px; font-size: 14px; float: right; background: red; color: white; text-decoration: none; border-radius: 5px; margin-right: 10px; }
#expForm textarea{ display: block; padding: 10px; border: 1px solid grey; width: 93%; height: 170px; background: white; box-sizing: border-box; margin: 10px 20px; }
#expForm .mButton{ margin-left: 10px; }

#DefaultShowMore{ display: inline-block; padding-right: 20px; position: relative; }
#DefaultShowMore:after{ display: inline-block; content: '\f0ab'; font-family: FontAwesome; position: absolute; top: 2px; right: 0px; }
.shMore{ height: 0px; overflow: hidden; transition: all 0.3s; }
.shMore.show{ height: auto; }

.artProductsH4{ text-align: center; border-bottom: 1px solid #EBEBEB; font-size: 14px; padding: 10px 0px 10px 0px; margin: 10px 0px 20px 0px; background: #EDEDED; }
.artProducts{ height: 140px; margin-top: 15px; overflow: hidden; position: relative; }
.artProducts .inside{ height: inherit; width: 3200px; position: absolute; top: 0px; left: 0px; }
.artProducts a{ height: inherit; display: block; float: left; vertical-align: top; margin-left: 10px; border: 1px solid #EBEBEB; width: 145px; vertical-align: top; text-align: center; position: relative; font-size: 12px; color: #A8A8A8; text-decoration: none; box-sizing: border-box; transition: all 0.3s; }
.artProducts.artProducts-slide{ width: 540px; }
.artProducts.artProducts-slide a{ width: 125px; }
.slideArror{ display: block; float: left; width: 35px; height: 138px; margin-top: 10px; margin-right: 5px; position: relative; text-decoration: none; color: #E2E2E2; font-size: 34px; transition: all 0.3s; border: 1px solid white; }
.slideArror:hover{ color: #898989; border: 1px solid rgba(0,0,0,0.4); background: #F4F4F4; }
.slideArror.right{ float: right; margin-right: 0px; margin-left: 5px; margin-top: -140px; }
.slideArror i{ position: absolute; top: 50px; left: 3px; }

#barDown{ height: 3px; width: 432px; position: relative; margin: 5px 0px; margin-left: 140px; }
#barDown span{ height: inherit; display: block; position: absolute; top: 0px; left: 0px; background: #214C74; transition: all 0.3s; opacity: 0.1; margin-left: -100px; }
#barDown span.op{ opacity: 1; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }

.artProducts a:first-child{ margin-left: 0px; }
.artProducts a figure{ height: 120px; display: block; margin: 3px 0px 5px 0px; padding: 0px; overflow: hidden; }
.artProducts a figure img{ max-height: 90%; max-width: 100%; }
.artProducts a figure.noPhoto img{ opacity: 0.3; }
.artProducts a span.title{ display: block; position: absolute; bottom: 10px; left: 0px; width: 100%; text-align: center; }
.artProducts a span.opinions{ opacity: 0; display: block; position: absolute; top: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.4); color: white; padding: 5px 0px; text-align: center; transition: opacity 0.4s; }
.artProducts a:hover{ border-color: #848484; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); color: black; }
/* .artProducts a:hover span.opinions{ opacity: 1; } */

#fixLabel{ position: fixed; display: none; bottom: 10px; right: 10px; font-size: 12px; padding: 4px 10px; background: white; border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.5); }

.catContent{ overflow: hidden; margin-bottom: 20px; margin-top: -15px; }
#producer .content h4, .catContent h4{ font-size: 14px; font-weight: normal; border-bottom: 1px solid #F0F6F9; padding-bottom: 10px; transition: all 0.3s; text-align: justify; }
.moreContent{ font-size: 14px; color: #1DA4CB; text-decoration: none; padding-right: 15px; display: block; float: right; text-align: right; margin-top: -25px; position: relative; }
.moreContent:hover{ text-decoration: underline; }
.moreContent i{ position: absolute; right: 0px; top: 4px; transition: all 0.3s; }
.moreContent i.faRotate{ transform: rotate(180deg); top: 2px; }
#producer .content a , .catContent a{ color: #F93400; text-decoration: none; display: inline-block; border-bottom: 1px dashed #F93400; transition: all 0.3s; }
#producer .content a:hover , .catContent a:hover{ color: black; border-bottom-color: black; }
#producer a.moreContent{ margin-top: auto; }
#producer .content{ margin-bottom: -8px; }

.pagMain{ text-align: center; }
ul.pagination{ display: inline-block; list-style: none; margin: 20px auto 10px auto; padding: 0px; text-align: center; border: 1px solid #f4f4f4; border-radius: 4px; }
ul.pagination li{ display: inline-block; margin: 0px 0px 0px 1px; padding: 3px 3px; border-right: 1px solid #f4f4f4; }
ul.pagination li , ul.pagination li a{ font-size: 14px; }
ul.pagination li a , ul.pagination li span{ display: block; padding: 3px 6px; color: #636262; text-decoration: none; border-radius: 4px; }
ul.pagination li a:hover{ background: #D6D6D6; }
ul.pagination li.active span , ul.pagination li a.sel{ border: 1px solid white; background: #1DA4CB; color: white; }
ul.pagination li:last-child{ border-right: 0px; }

.logotypes{ margin: 10px 0px 0px 0px; }
.logotypes label{ margin: 10px 0px 10px 0px; display: block; border-bottom: 1px solid #E1E1E1; padding: 0px 0px 10px 0px; color: #163654; font-weight: bold; }
.logotypes span{ width: 25%; display: block; float: left; }
.logotypes span.logt1{ margin-right: 60px; }
.logotypes span.logt3{ margin-left: 60px; }
.logotypes img{ width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%) }

/* encyklopedia leków */
#enc ul{ display: block; margin: 0px; padding: 0px; list-style: none; }
#enc ul li{ display: block; margin: 0px; padding: 0px; display: block; float: left; }
#enc ul li a{ text-transform: uppercase;  display: block; padding: 5px 0px; font-size: 14px; border-radius: 3px; color: #214C74; background: rgba(242,247,249,1); text-decoration: none; margin-bottom: 4px; margin-right: 2px; box-sizing: border-box; width: 35px; text-align: center; border: 1px solid #F2F7F9; position: relative; }
#enc ul li a.selected{ background: #214C74; color: white; }
#enc ul li a:hover{ border: 1px solid #EFEFEF; background: rgba(242,247,249,0.4); }
#enc ul li a span{ display: block; opacity: 0; width: 40px; height: 40px; text-align: center; box-sizing: border-box; position: absolute; top: -7px; left: -4px; background: #FB5724; font-size: 16px; color: white; z-index: 90; padding-top: 10px; border-radius: 4px; transition: opacity 0.2s; }
#enc ul li a:hover span{ display: block; opacity: 1; }
#shCount{ font-size: 13px; color: grey; margin: 10px 0px; display: none; }
#shCount span{ font-weight: bold; }
#enc .artProducts .inside{ width:50000px; }
#encLetters h3{ border-bottom: 1px solid #EBEBEB; padding: 5px 0px 5px 10px; margin: 10px 0px 10px 0px; font-size: 20px; }
#encLetters ul{ list-style: none; }
#encLetters ul li{ display: block; padding: 0px; margin: 0px; }
#encLetters ul li a{ display: block; text-decoration: none; color: #adadad; transition: all 0.3s; }
#encLetters ul:hover li a{ color: black; }
#encLetters ul li a:hover{ text-decoration: underline; }

#enc h1{ font-size: 24px; }
#enc .encDesc{ overflow: hidden; }
#enc .encDesc h4{ text-align: justify; font-size: 14px; font-weight: normal; border-bottom: 1px solid #F0F6F9; padding-bottom: 20px; transition: all 0.3s; }
#enc .encDesc ul{ display: block; list-style: none; margin: 20px 0px 20px 0px; }
#enc .encDesc ul li{ display: block; font-size: 16px; padding: 6px 0px 6px 30px; float: none; background: url(../images/check.png) no-repeat 0px 9px; }
#enc .encDesc .content{ padding-bottom: 20px; }
#enc .encDesc .content a{ color: #F93400; text-decoration: none; display: inline-block; border-bottom: dashed 1px #F93400; }
#enc .encDesc .content a:hover{ color: black; }
#encLetters ul{ display: block; margin-bottom: 10px; }
#encLetters .amore{ display: block; position: relative; color: #969696; text-decoration: none; padding-left: 39px; }
#encLetters .amore i{ font-size: 8px; }
#encLetters .amore:hover{ color: #F94923; }

/* sub opinions */
.opinion.sub{ display: none; }
.opinion.sub1:after{ display: block; content: ''; width: 1px; height: 15px; border-left: 1px solid #E9E9E9; position: absolute; top: -16px; left: 15px; }
.opinion.sub.sub-1{ margin-left: 20px; margin-top: 30px; }
.opinion.sub.sub-2{ margin-left: 40px; }
.opinion.sub.sub-3{ margin-left: 60px; }
.opinion.sub.sub-4{ margin-left: 80px; }
.opinion a.reply{ position: absolute; bottom: 0px; right: 0px; background: #E9E9E9; padding: 5px 10px; color: #214C74; text-decoration: none; transition: all 0.3s; }
.opinion a.reply:hover{ background: #214C74; color: #E9E9E9; }
.showSub{ position: absolute; bottom: -19px; left: -1px; }
.showSub a{ background: #efefef; text-decoration: none; font-size: 12px; color: #898989; padding: 4px 10px 5px 10px; transition: all 0.3s; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.showSub a:hover{ background: #c9c9c9; color: white; }
.opinion.toSub{ margin-bottom: 30px; }

#subForm{ display: none; position: fixed; width: 600px; height: 440px; background: white; left: 50%; top: 50%; z-index: 350; margin-left: -300px; margin-top: -200px; }
#subForm .header{ display: block; padding: 10px; font-size: 16px; background: grey; color: white; }
#subForm .header span{ color: #FC602D; font-weight: bold; }
#subForm .header span.user{ color: white; }
#subForm .label{ display: block; padding: 10px; font-size: 14px; max-height: 80px; overflow: auto; }
#subForm a.close{ display: block; padding: 5px 8px; font-size: 14px; float: right; background: red; color: white; text-decoration: none; border-radius: 15px; position: absolute; top: 5px; right: 5px; transition: all 0.3s; }
#subForm a.close:hover{ color: red; background: white; }
#subForm .area{ margin: 16px 21px 14px 15px; }
#subForm textarea{ display: block; padding: 10px; border: 1px solid grey; width: 100%; height: 170px; background: white; box-sizing: border-box; margin: 0px; }
#subForm .mButton{ margin-left: 14px; }
#subForm .nick{ margin-left: 14px; margin-right: 22px; }
#subForm .nick input{ width: 450px; float: right; }
#subForm .errorLabel{ color: red; display: none; margin: 0px 0px 10px 11px; }

.user_opinion{ padding: 10px; border: 1px solid grey; margin: 0px 0px 10px 0px; position: relative; }
.user_opinion .date{ color: grey; font-size: 11px; margin: 0px 0px 10px 0px; }
.user_opinion .id{ color: grey; position: absolute; font-size: 11px; top: 10px; right: 10px; }
.user_opinion .content{ font-size: 14px; }

table.data{ width: 100%; }
table.data th, table.data td{ padding: 5px 10px; }
table.data th{ background: grey; color: white; }
table.data td{ background: #f4f4f4; }
table.data td.value{ color: red; font-weight: bold; }

.user_opinion{ padding: 10px; border: 1px solid grey; margin: 0px 0px 10px 0px; position: relative; }
.user_opinion .date{ color: grey; font-size: 11px; margin: 0px 0px 10px 0px; }
.user_opinion .id{ color: grey; position: absolute; font-size: 11px; top: 10px; right: 10px; }
.user_opinion .id a{ color: inherit; font-size: inherit; text-decoration: none; }
.user_opinion .id a:hover{ text-decoration: underline; }
.user_opinion .content{ font-size: 14px; }
.user_opinion .content .cite{ font-style: italic; color: grey; margin-bottom: 10px; }
.user_opinion .content .cite .nick{ font-weight: bold; }
.user_opinion a.reply{ display: inline-block; background: red; color: white; text-decoration: none; padding: 4px 10px; border-radius: 4px; }

#expertOp{ margin: 0px 0px 20px 0px; }
#expertOp a{ display: inline-block; font-size: 14px; color: black; border-radius: 5px; padding: 4px 10px; margin-left: 10px; margin-bottom: 10px; background: #F4F4F4; text-decoration: none; text-transform: lowercase; transition: all 0.3s; }
#expertOp a:first-letter{ text-transform: uppercase; }
#expertOp a:hover{ background: #F94923; color: white; }

.expertEditArt .formLine{ margin-bottom: 15px; }
.expertEditArt .formLine input[type=text]{ width: 100%; padding: 5px 10px; box-sizing: border-box; border: 1px solid grey; border-radius: 3px; }
.expertEditArt .formLine select{ width: 100%; padding: 5px 10px; box-sizing: border-box; border: 1px solid grey; }
.expertEditArt .formLine textarea{ width: 100%; padding: 5px 10px; min-height: 300px; box-sizing: border-box; }
.expertEditArt .formLine label{ display: block; margin-bottom: 15px; }
.expertEditArt .mButton{ margin-bottom: 20px; font-size: 22px; }
.expertList{ display: table; width: 100%; }
.expertList th{ background: #49759b; color: white; }
.expertList th , .expertList td{ padding: 10px 15px; font-size: 14px; }
.expertList td{ background: #f9f9f9; color: black; }
.expertList tr:nth-child(odd) td{ background: #EAEAEA; }
.expertList td.id{ width: 20px; }
.expertList td a{ color: inherit; text-decoration: none; }
.expertList td a:hover{ text-decoration: underline; }
.expertList td .fa.fa-times{ color: red; }
.expertList td .fa.fa-check{ color: green; }

#gallery.gallery .imgContener{ position: relative; display: inline-block; }
#gallery.gallery .imgContener .defaultImage{ display: none; }
#gallery.gallery .imgContener .removeImage{ position: absolute; top: 10px; right: 10px; color: red; }
#gallery.gallery label{ display: block; border-bottom: 1px solid black; margin-bottom: 10px; }
.ajaxCover.expertCloud{ padding: 30px; }

.expert .title{ background: #FC602D; padding: 10px 20px; color: white; font-size: 20px; font-weight: bold; }
.expert .title span{ font-weight: normal; }
.expert .img{ position: relative; width: 200px; height: 190px; float: left; margin-right: 40px; margin: 30px 40px 10px 0px; overflow: hidden; }
.expert .img figure{ width: inherit; height: inherit; overflow: hidden; display: block; float: left; padding: 0px; margin: 0px 0px 0px 0px; border-radius: 72px; }
.expert .img figure img{ width: 100%; }
.expert .content_short{ padding-top: 80px; font-style: italic; color: #214C74; }
.expert .content_short .lastTime{ font-style: italic; font-size: 12px; color: grey; }

/*
.expert .img .lastTime{ position: absolute; bottom: 10px; left: 10px; padding: 10px 10px; background: rgba(255,255,255,0.7); font-weight: bold; }
.expert .img .lastTime label{ font-weight: normal; }
*/

.expert .content p{ line-height: 24px; font-size: 16px; }

.tagsCloud{ padding: 10px 0px; position: relative; }
.tagsCloud a , .tagsCloud span.tag,.tagsCloud div{ display: inline-block; border: 1px solid #f7f7f7; padding: 3px 10px; color: #aaaaaa; text-decoration: none; font-size: 12px; margin-bottom: 5px; transition: all 0.3s; }
.tagsCloud a:hover{ border-color: #9e9e9e; background: #e5e5e5; color: black; }
.tagsCloud label{ display: block; color: #163654; font-weight: bold; font-size: 16px; margin-bottom: 10px; }

#loader{ display: none; width: 42px; height: 42px; padding: 5px; background: url(../images/loading.gif) no-repeat 0px 0px; position: fixed; top: 10px; right: 10px; }

.social-product{ margin-bottom: 10px; margin-top: 15px; }
.social-product .fb-like{ display: inline-block; vertical-align: top; padding-top: 2px; }
.social-product .gplus{ display: inline-block; vertical-align: top; padding-left: 5px; }
.articleAll .social-product{ margin-top: 20px; margin-bottom: -30px; }
.downloadPdf{ padding-bottom: 10px; }


#herbs{ margin-top: 10px; }
#herbs ul{ display: block; list-style: none; margin: 0px; padding: 0px; }
#herbs ul li{ display: block; margin: 0px; padding: 0px; }
#herbs ul li a{ display: block; padding: 5px 0px 5px 30px; color: #214c74; text-decoration: none; font-size: 16px; border: 1px solid white; border-radius: 4px; margin-bottom: 5px; position: relative; transition: all 0.3s; }
#herbs ul li a:hover{ border-color: grey; }
#herbs ul li a:after{ display: block; font-family:'FontAwesome'; content: '\f10c'; position: absolute; top: 12px; left: 10px; color: #e2e2e2; font-size: 12px; }
#herbs ul li a span.latin{ display: block; font-size: 11px; color: grey; }
#herbs ul li a:hover:after{ color: grey; }

article.infoHerb a{ font-size: 14px; color: grey; text-decoration: none; }
article.infoHerb a:hover{ color: black; }

#productList .quality{ position: absolute; width: 90px; top: -10px; right: -10px; z-index: 80; }
#productList .quality img{ width: 100%; }
.product .infoProduct .quality , .product .infoProduct .qualityPromo{ position: absolute; bottom: 0px; right: 0px; width: 120px; }
.product .infoProduct .qualityPromo{ bottom: auto; top: 0px; }
.product .infoProduct .quality img , .product .infoProduct .qualityPromo img{ width: 100%; }
#cookie {
    position: fixed;
    background: rgba(33,76,116,0.8);
    padding: 10px;
    top: 0px;
    left: 0px;
    width: 100%;
    color: white;
    z-index: 99999999;
    box-sizing: border-box;
    font-size: .6em;
    text-align: center;
    padding-right: 80px;
}
#cookie a{ color: black;
    text-decoration: none;
    display: block;
    float: right;
    position: absolute;
    border-radius: 5px;
    background: white;
    padding: 5px 10px;
    border: 1px solid white;
    right: 10px;
    top: 4px; }
#cookie a:hover{ box-shadow: 0px 0px 7px rgba(0,0,0,0.9); border: 1px solid black; }
#cookie a.close{ display: block; position: absolute; top: -18px; left: 10px; border-radius: 20px; padding: 4px 5px; border: 1px solid white; background: #49759b; transition: all 0.3s; }
#cookie a.close:hover{ background: white; color: black; border-color: #316289; }

#moreProducts.sctop{ position: fixed; top: -230px; left: 0px; width: 100%; background: white; padding-bottom: 10px; z-index: 90; border-bottom: 1px solid #e0e0e0; transition: top 0.3s; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); }
#moreProducts.sctop .artProductsSimilar , #moreProducts.sctop h4{ width: 540px; margin: 0px auto; }
#moreProducts.sctop h4{ margin-bottom: 10px; padding: 5px 0px 5px 0px; font-size: 13px; }
#moreProducts.sctop .artProductsH4{ width: auto; }
#moreProducts.sctop .artProducts-slide{ width: 100%; margin: 0px auto; }
#moreProducts.sctop .artProducts{ height: 160px; width: 184px; }
#moreProducts.sctop .artProducts a{ width: 184px; }

.pro.art{ min-height: 50px; padding: 0px; }
.pro.art figure img{ max-width: 200px; max-height: 300px; }
.pro.art figure{ display: none; }
.pro.art figure a{ line-height: 0px; display: block; }
.pro.art .pro_middle{ width: auto; margin-left: 20px; float: none; }
.pro.art .date{ margin-bottom: 15px; color: grey; display: none; }
.pro.art label{ display: block; margin: 0px; padding: 0px; position: absolute; top: 10px; right: 10px; color: #bfbfbf; }

.tArea{ position: relative; }
.tArea .counts{ position: absolute; bottom: 10px; right: 5px; padding: 5px 10px; background: #f4f4f4; font-size: 11px; display: none; }
.commGrey{ color: #989898; font-size: 12px; margin: 0px 0px 10px 0px; }
.commGrey span{ font-style: italic; }

.expertProfilProduct a.mButton{
  width: 115px;
  padding: 6px 14px;
  color: #eee;
  float: right;
  clear: both;
}

.expertProfilProduct{ float:left; border-bottom: 1px solid #EBEEF0; padding: 10px; font-size: 16px; box-sizing: border-box; padding-top: 20px; padding-bottom: 22px; }
.expertProfilProduct .content{ margin-top: 14px; }
.expertProfilProduct .content_short{ font-size: 12px; color: grey; }
.expertProfilProduct figure{ display: block; margin: 0px 30px 0px 0px; width: 100px; height: 100px; border-radius: 70px; overflow: hidden; float: left; }
.expertProfilProduct figure img{ width: 100%; }
.expertProfilProduct a{ text-decoration: none; color: black; }
.expertProfilProduct a:hover{ text-decoration: underline; }

.blockRight h3.othersResults{ font-weight: normal; font-size: 16px; margin-top: 20px; }

.fLine label{ display: block; padding: 10px 0px 5px 5px; }
.fLine .row{ padding: 3px 0px 3px 0px; color: #636363; position: relative; box-sizing: border-box; display: inline-block; width: 100%; vertical-align: top; }
.fLine .row.row2{ width: 50%; }
.fLine .row.row3{ width: 33.3%; }
.fLine .row.err label{ color: red; font-weight: bold; }

.fLine .row.row2, 
.fLine .row.row3, 
.fLine .row.row4, 
.fLine .row.row5{ padding: 0px 10px 0px 0px; }
.fLine .row.row2:last-child , .fLine .row.row3:last-child , .fLine .row.row3:last-child , .fLine .row.row4:last-child , .fLine .row.row5:last-child{ padding-right: 0px; }

.fLine:after{ display: block; content: ''; clear: both; }
.fLine input[type=text], 
.fLine select, 
.fLine textarea{ width: 100%; background: white; border: 1px solid #D6D6D6; border-radius: 4px; padding: 10px 10px 10px 10px; box-sizing: border-box; transition: all 0.3s; }
.fLine textarea{ height: 200px; }
.fLine input[type=text]:focus, 
.fLine select:focus, 
.fLine textarea:focus{ background: #e8e8e8; border-color: black; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); }
.fLine.fLine-photo .row:last-child{ width: 45%; }

#generics ul{ display: block; list-style: none; margin: 0px; padding: 0px; }
#generics ul li{ display: inline-block; background: #f4f4f4; padding: 3px 10px; border-radius: 2px; color: grey; border: 1px solid #dddddd; margin-bottom: 5px; margin-right: 5px; }
#generics ul li:hover{ box-shadow: 0px 1px 1px rgba(0,0,0,0.6); }

ul.list{ display: block; list-style: none; margin: 0px; padding: 0px; }
ul.list li{ display: block; }
ul.list li a{ display: block; color: black; text-decoration: none; padding: 5px 0px 5px 30px; position: relative; }
ul.list li a:after{ display: block; position: absolute; content: '\f00c'; font-family: 'FontAwesome'; color: grey; top: 5px; left: 4px; }
ul.list li a:hover{ background: #efefef; }
ul.list li a span{ display: block; font-style: italic; color: #a8a8a8; }
h3.podmiot{ font-size: 15px; color: grey; margin-top: -15px; margin-bottom: 20px; font-weight: normal; }
h3.podmiot span{ font-weight: bold; }
.uGeneric{ display: inline-block; padding: 10px 20px; border-radius: 4px; font-size: 14px; color: black; background: #f2f2f2; text-decoration: none; }
.uGeneric:hover{ background: grey; color: white; }

#ceneoLink a{ font-weight: bold; }
#ceneoLink.button a{ 
	display: inline-block;
	border: 1px solid #1e5799; color: white; border-radius: 3px; padding: 3px 15px; font-weight: bold; margin-top: 5px; cursor: pointer; text-shadow: 1px 0px 1px black;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+51,7db9e8+100 */
	background: #214C74; /* Old browsers */
}

#mobileAndroidApp{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; padding: 10px 10px; box-sizing: border-box; background: white; z-index: 10000; }
#mobileAndroidApp a.close{ position: absolute; top: 10px; right: 10px; border-radius: 40px; border: 1px dashed grey; color: black; text-decoration: none; padding: 8px 12px; font-size: 20px; }

#mobileAndroidApp .box{ position: absolute; bottom: 158px; left: -1px; width: 100%; }
#mobileAndroidApp .box .playImg{ display: block; text-align: center; position: absolute; left: 20px; top: 0px; width: 60px; height: 60px; background: #214C74; border-radius: 3px; padding: 15px 0px 0px 0px; box-sizing: border-box; }
#mobileAndroidApp .box .boxTitle{ margin-left: 100px; padding-top: 12px; display: block; }
#mobileAndroidApp .box .boxTitle i{ color: orange; }

#mobileAndroidApp .contentMain{ display: block; margin-top: 100px; font-weight: bold; margin-lefty: 10px; color: black; font-size: 26px; text-decoration: none; }
#mobileAndroidApp .download{ display: block; position: absolute; bottom: 60px; left: 50%; width: 90%; font-size: 16px; margin-left: -45%; width: 90%; text-align: center; border-radius: 3px; text-decoration: none; color: white; background: #214C74; padding: 20px 0px; }
#mobileAndroidApp .download i{ color: orange; }
#mobileAndroidApp .textBottom{ display: block; position: absolute; bottom: 20px; left: 0px; width: 100%; font-size: 14px; text-align: center; text-decoration: none; color: grey; }

#mobileAndroidAppPage{ position: fixed; text-decoration: none; background: rgba(234,234,234,0.9); padding: 20px 0px 1px 0px; text-align: center; width: 100%; top: 0px; left: 0px; color: white; z-index: 9000; box-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
#mobileAndroidAppPage .playImg{ display: block; text-align: center; position: absolute; left: 25px; top: 15px; width: 40px; height: 40px; background: #214C74; border-radius: 3px; padding: 6px 0px 0px 0px; box-sizing: border-box; }

#mobileAndroidAppPage .contentMain{ display: block; text-align: right; margin-right: 70px; color: black; font-size: 13px; }
#mobileAndroidAppPage span.stars{ color: orange; margin-top: 0px; margin-bottom: 20px; display: inline-block; font-size: 10px; }
#mobileAndroidAppPage a.textBottom{ background: #214C74; color: white; padding: 6px 6px; text-decoration: none; position: absolute; top: 22px; right: 5px; font-size: 12px; border-radius: 2px; }
#mobileAndroidAppPage a.close{ position: absolute; top: 23px; left: 5px; color: grey; text-decoration: none; padding: 0px 0px; font-size: 18px; }

#mobileAndroidApp {
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 75%;
    padding: 10px 10px;
    box-sizing: border-box;
    background: white;
    z-index: 88;
    min-height: 378px;
}



#coCommentOur{ position: fixed; width: 500px; height: 300px; top: 50%; left: 50%; background: red; border: 3px solid black; box-shadow: 0px 0px 10px rgba(0,0,0,0.9); color: white; text-align: center; box-sizing: border-box; padding-top: 120px; margin-left: -200px; margin-top: -150px; }

.productPhotosMini{ margin: 10px 0px 0px 0px; border-bottom: 1px solid #EBEEF0; vertical-align: top; }
.productPhotosMini figure{ display: inline-block; text-align: center; vertical-align: middle; margin: 0px 0px 12px 15px; width: 140px; height: 93px; overflow: hidden; border: 1px solid #EBEEF0; transition: all 0.3s; }
.productPhotosMini figure:hover{ border: 1px solid black; }
.productPhotosMini figure:nth-child(5){ margin-left: 0px; }
.productPhotosMini figure:first-child{ margin-left: 0px; }
.productPhotosMini figure img{ width: 100%; }
#productPhotosBig{ position: absolute; display: block; top: 71px; left: 344px; overflow: hidden; }
.zoomContainer .zoomLens{ cursor: pointer !important; }

.fancyNav{ display: none; z-index: 10000; position: fixed; width: 150px; height: 400px; top: 50%; margin-top: -200px; }
.fancyNav:hover:after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 34px; margin-left: -18px; margin-top: -17px; background-image: url("../images/fancy/fancybox_sprite.png");  }
.fancyNav.fancyNavNext:hover:after{ background-position: 0px -72px; }
.fancyNav.fancyNavPrev:hover:after{ background-position: 0px -36px; }

#insBg{ width: 100%; height: 100%; position: fixed; z-index: 300; top: 0px; left: 0px; background: rgba(0,0,0,0.6); }
#ins{ width: 800; position: fixed; z-index: 301; top: 50%; left: 50%; margin-left: -400px; background: white; }

#doctors .doctor{ background: #B7D9F4; width: 48%; box-sizing: border-box; margin: 0px 10px 10px 0px; display: inline-block; border-radius: 10px; transition: background 0.3s; }
#doctors .doctor:hover{ background: #9BBFDB; }
#doctors .doctor:nth-child(even){ margin-right: 0px; }
#doctors .doctor header{ display: block; box-sizing: border-box; padding: 10px 20px 10px 50px; position: relative; font-size: 14px; }
#doctors .doctor header:after{ display: block; content: '\f0f0'; font-family: fontAwesome; position: absolute; top: 11px; left: 14px; font-size: 21px; color: #214C74; text-shadow: 0px 0px 1px white; }
#doctors .doctor header a.name{ display: block; font-size: 14px; color: black; text-decoration: none; }
#doctors .doctor:hover header a.name{ color: #214C74; }
#doctors .doctor header span.spec{ display: block; font-size: 13px; color: #F94923; }
#doctors .doctor header span.city{ display: block; font-size: 10px; color: grey; }
#doctors .doctor header span.adress , #doctors .doctor header span.woj{ display: none; }
#doctors .specChoose{ display: inline-block; position: relative; margin-bottom: 10px; }
#doctors .specChoose .aChoose{ padding: 5px 10px 5px 10px; border: 1px solid #EDEDED; background: white; position: relative; cursor: pointer; display: inline-block; }
#doctors .specChoose .aChoose select{ background: white; border: 0px; width: 150px; }
#doctors .specChoose .aChoose select option{ padding: 2px 5px; }

.docProfile .row{ margin-bottom: 10px; background: #F4F4F4; padding: 10px; box-sizing: border-box; }
.docProfile .row.row2{ width: 49.2%; display: inline-block; margin-right: 10px; }
.docProfile .row.row2:nth-child(2n+1){ margin-right: -30px; }
.docProfile .row label{ display: block; color: #999999; font-size: 12px; margin-bottom: 10px; }
.docProfile .row .data{ padding-left: 10px; }
.docProfile .infoDoc{ margin-top: 20px; text-align: center; }
.docProfile .infoDoc header{ display: block; text-align: center; color: #787A7B; font-size: 25px; font-weight: bold; }
.docProfile .infoDoc a{ display: inline-block; background: #214C74; color: white; padding: 6px 10px; text-decoration: none; border-radius: 4px; font-size: 25px; font-weight: bold; }
.docProfile .infoDoc a:hover{ background: #4C8CC4; color: #214C74; }
.docProfile h2{ margin-top: -20px; font-size: 22px; color: grey; }

.docBgInfo{ display: none; background: rgba(255,255,255,0.9); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
.docInfoCloud{ display: none; width: 550px; height: 480px; position: fixed; top: 50%; left: 50%; margin-left: -225px; margin-top: -240px; background: white; border: 1px solid grey; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 20px; z-index: 120; }
.docInfoCloud h3{ text-align: center; margin: 30px 0px; font-size: 35px; }
.docInfoCloud .row{ box-sizing: border-box; padding: 5px 20px; }
.docInfoCloud .row.row2{ float: left; width: 50%; }
.docInfoCloud .row label{ display: block; font-size: 14px; color: grey; }
.docInfoCloud .row.error label{ color: red; }
.docInfoCloud .row .data input , 
.docInfoCloud .row .data select , 
.docInfoCloud .row .data textarea{ display: block; font-size: 14px; color: grey; background: #EDEDED; width: 100%; box-sizing: border-box; border-radius: 3px; border: 0px; padding: 10px 10px; font-size: 16px; }
.docInfoCloud input[type=submit]{ width: 200px; display: block; padding: 10px 20px; text-align: center; box-sizing: border-box; border-radius: 3px; background: #163654; color: white; border: 0px; margin: 20px auto; }
.docInfoCloud a.close{ display: block; background: red; border: 2px solid black; position: absolute; top: -10px; right: 6px; font-size: 24px; color: white; text-decoration: none; border-radius: 30px; padding: 2px 6px; }
.docInfoCloud .errorLabel{ display: none; width: 100%; text-align: center; position: absolute; top: 75px; left: 0px; color: red; }

.artQue{ margin: 20px 0px; background: #EDEDED; padding: 10px; }
.artQue label{ display: block; margin: 0px 0px 10px 0px; font-weight: bold; color: #214C74; }
article.artMain .artQue ul li{ background: none !important; position: relative; padding-left: 40px; }
article.artMain .artQue ul li:after{ content: '\f00c'; font-family: fontAwesome; position: absolute; top: 0px; left: 10px; }

.vad{ position: relative; }
.vad .label{ position: absolute; top: 0px; right: 0px; background: rgba(234,234,234,0.8); padding: 4px 10px; color: grey; font-size: 14px; z-index: 90; }

.boxAdv .header{ color: #999999; font-size: 12px; margin-bottom: 3px; }
.boxAdv .header a{ color: #999999; font-size: inherit; }
.boxAdv .header a:hover{ color: black; }

.smHTitle{ font-size: 16px !important; font-weight: normal !important; }
.serror{    border: 3px solid #F93500} 
.serror ._search::-webkit-input-placeholder {
   color: red;
}

.serror ._search:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

.serror ._search::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

.serror ._search:-ms-input-placeholder {  
   color: red;  
}