/* Template created by BEXAM.ru | Author: Sergey | URL: http://bexam.ru */
@import url("reset.css");

*,
*:after,
*:before {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
}

/* Общий стиль */
html,
body {
	width: 100%;
	height: 100%;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	background-color: #F7FAFA;
 	color: #3B3B3B;
}

p {
 	margin-bottom: 15px;
}

h1 {
    clear: both;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: normal;
}

h2 {
	clear: both;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}

h3 {
 	clear: both;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
}

a {
 	color: #347FBF;
}

a:hover {
 	color: #e84d07;
}

input, textarea, button {
 	outline: 0px;
}


.clr {
 	clear: both;
}







/*** Верхняя полоса ***/


#toppolosa {
    display: block;
    min-height: 41px;
    background: rgb(242, 247, 251);
    border-top: 3px solid #347FBF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 12;
}

.toppolosa {
    display: block;
    max-width: 1020px;
    height: 38px;
    margin: 0px auto;
    position: relative;
}

ul.menu {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 38px;
}

ul.menu li {
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.menu li a {
    display: block;
    padding: 0px 13px;
    height: 38px;
    line-height: 38px;
    border-right: 1px solid #E0E8E9;
    text-decoration: none;
 	transition: all 0.15s;
}

ul.menu li:first-child a {
    border-left: 1px solid #E0E8E9;
}


ul.menu li a:hover, ul.menu li.selected a {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
    border-color: transparent;
    background: #347FBF linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.12) 100%);
}

ul.menu li.selected a:hover {
 	cursor: default;
}



.account {
	display: inline-block;
 	float: right;
 	height: 38px;
 	line-height: 38px;
 	text-align: right;
}

a.bluelink {
    display: inline-block;
    padding: 0px 13px;
    height: 43px;
    line-height: 38px;
    text-decoration: none;
    transition: all 0.15s;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
    background: #347FBF linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.12) 100%);
    position: relative;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 1px 3px rgba(46, 113, 170, 0.28), 0px -5px 0px rgba(0, 0, 0, 0.07) inset;
    margin-left: 10px;
}










/*** Шапка ***/

#header {
    display: block;
    background: #fff;
    height: 100px;
    position: relative;
    z-index: 11;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}

.header {
 	display: block;
 	max-width: 1020px;
 	min-height: 100px;
 	position: relative;
 	margin: 0px auto;
}

.logo img {
    width: 450px;
}

.headertab {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    min-height: 100px;
}

.logo {
 	display: table-cell;
 	width: 240px;
 	vertical-align: middle;
}

.search {
 	display: table-cell;
 	vertical-align: middle;
}

input.input_search {
    width: 150px;
    float: right;
    height: 30px;
    border: 1px solid #CBD3D4;
    border-radius: 3px;
    padding: 0px 7px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08) inset;
    transition: all 0.15s;
}

input.input_search:focus {
    border: 1px solid #8BB9E0;
    box-shadow: 0px 0px 7px rgba(46, 113, 170, 0.22);
}

input.button_search {
    width: 60px;
    height: 30px;
    float: left;
    background: #2F74AF;
    border: 0px;
    border-radius: 0px 3px 3px 0px;
    color: #FFF;
    box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.26);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48);
    margin-left: -60px;
    cursor: pointer;
 	transition: all 0.2s;
}


input.button_search:hover {
    box-shadow: inset 0px 15px 30px rgba(255, 255, 255, 0.49);
}

input.button_search:focus {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) inset;
}


.contacts {
 	display: table-cell;
 	vertical-align: middle;
 	padding: 0px 30px;
 	width: 215px;
}

.contacts span {
 	display: block;
 	height: 14px;
 	line-height: 14px;
 	padding: 0px 0px 0px 18px;
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/klEQVQoU5WSiw2CQAyGPRhAnECdQAIL4AY4gTqBsIFOoE4gG4gT6AIgboAbsADgX9Im+OBhkwuX0u/a/q0asFmWtVJKbfI8Xycw8Td9Ff1g6ET3siyzoiimYLM2uAJt26agoQQC3sVxvG0FTdN0dF2/fgRdoihy/wKR7YlS3a4+FTKayHiX1yHOqKs/ihVxUig6JgdAEibtq6oHcM/BIfpb9AJ5JAngGY/Eh6qHznFQAPd6q43FQ+YjjyvAd4kT8oJkVY9imCeN4FxzJVDZQCWTug/w/A3kkmn1qi1qMjzmf4FStqZpgfRcfwDQA3N2foISSDuMOx0Dh9YyFNFewh11VV9w7h0AAAAASUVORK5CYII=') no-repeat 0px 0px;
}

.contacts span.mail {
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAr0lEQVQoU52SAQ2DMBRE+xUMB0xDKwALSMABEmAKACk4wAIOkAAKurulEFIK6dqENPy713/9qajEJYmcEmPMCvj17wGita4AtSKSR8IbfNWvo7W2xU8JuHiC4Zuh9/g6gpZmFFkAK3UIhj6gvkJvqB+gM08wjBCZYL/3xkQuTbkf6oPsvED88N7OxL0B+D4nuYAuNidNmItQ5scPgk8Duo0aA4WGE8up9CcX3cIzfgH8qjg9NLsvRAAAAABJRU5ErkJggg==') no-repeat 0px 0px;
}

.contacts span.skype {
 	background: url('https://toppharm.cn/files/uploads/skype.png') no-repeat 0px 0px;
}

.contacts span:first-child {
    margin-bottom: 7px;
    margin-top: 2px;
}


#cart_informer {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
}

span.cartbutton, a.cartbutton {
    display: block;
    height: 30px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
 	transition: all 0.2s;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
    border-radius: 3px;
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.15), 0px 5px 15px rgba(255, 255, 255, 0.31) inset, 0px 2px 5px rgba(255, 255, 255, 0.37) inset, 0px 1px 3px rgba(14, 59, 97, 0.26);
    padding: 0px 0px 0px 30px;
    background: #347FBF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4T62T4RGCMAyF7QTiBLqBbiJOIE6ATuAKOoG4AWziCDqBMEF9j2u0B2npD3uXH/QlX3ghmFnkWGtXkFtjTBtKMyEBxRtoF8QTcQxBVIBXnLsGBKmQEcC9doWCXLriLnNvM4IYV7D0rPS+XfgOCWHQkpwXATY2yCntL4ACXW5TnaBfEeUg79APES7oeR6BnKDtEfy0cjoMORNAjdutJ/K5c0VaMVPvABQC0GxUSGoQ50Fn6bMDoBYAP89bsUBr1LSz4J58FwlzeCBrHZmDLzUo7rfUB8jupzC4kWz4A6RUaTnBvzEV+AHaQ1SD1/6ThAAAAABJRU5ErkJggg==') no-repeat 9px 6px;
}

a.cartbutton:hover {
 	background: #333 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4T62T4RGCMAyF7QTiBLqBbiJOIE6ATuAKOoG4AWziCDqBMEF9j2u0B2npD3uXH/QlX3ghmFnkWGtXkFtjTBtKMyEBxRtoF8QTcQxBVIBXnLsGBKmQEcC9doWCXLriLnNvM4IYV7D0rPS+XfgOCWHQkpwXATY2yCntL4ACXW5TnaBfEeUg79APES7oeR6BnKDtEfy0cjoMORNAjdutJ/K5c0VaMVPvABQC0GxUSGoQ50Fn6bMDoBYAP89bsUBr1LSz4J58FwlzeCBrHZmDLzUo7rfUB8jupzC4kWz4A6RUaTnBvzEV+AHaQ1SD1/6ThAAAAABJRU5ErkJggg==') no-repeat 9px 6px;
}










/*** Горизонтальное меню ***/

#gormenu {
    display: block;
    width: 100%;
    height: 48px;
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.42);
    z-index: 10;
    position: relative;
}

.gormenu {
 	display: block;
 	max-width: 1020px;
 	min-height: 48px;
 	position: relative;
 	margin: 0px auto;
}

.gormenu> ul {
 	display: table;
 	width: 100%;
 	height: 100%;
 	min-height: 48px;
	border-collapse: collapse;
 	margin: 0px;
 	padding: 0px;
} 

.gormenu> ul> li {
    display: table-cell;
    position: relative;
}

.gormenu> ul> li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.14);
}

.gormenu> ul> li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.gormenu> ul> li> a {
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.23);
    font-size: 14px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
 	transition: all 0.2s;
}

.gormenu> ul> li> a:hover, .gormenu> ul> li.selected> a {
    background: rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(255, 255, 255, 0.21);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.23), 0px 0px 5px rgba(255, 255, 255, 0.57);
}

.gormenu> ul> li> a.subcat::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7klEQVQ4T6WTgQ3CMAwEmw0YgQ2ADdpJKBvAJHSEMglsQLsBI7BB+I/iyHFSCSmWrLqNff44qesazTXWd1WA9/4K8Bl+jA0WPCfn3MM2zAAo3CHhqQptPkEDQF9ZsAAmHFTVEGNCxRYATgUgyr6bljUAUy6AzAySAgBsd65vAZIKDfCq+w3xCOcwaROcHZNCKAi1NcAH32WPHCpNhvZGvA+FFYDeQjbtyumsqA9HrBVQrh5igEQF9mjLITKxMkhCaHKhGKfumYII4J5fcH0XIiM8Vni/eZEkE0pGxNySgFjIqzxrWqHALv7z3vw3/gA+YlARly+vSQAAAABJRU5ErkJggg==') no-repeat 0px 0px;
    margin: 0px 0px -4px 4px;
    position: relative;
}

.gormenu> ul> li> ul {
 	display: block;
 	position: absolute;
 	top: 48px;
 	left: 50%;
 	margin: 0px 0px 0px -110px;
 	padding: 15px 0px 0px 0px;
}

.gormenu> ul> li> ul> li, .gormenu> ul> li> ul> li> ul> li {
 	display: block;
 	margin: 0px;
 	padding: 0px;
 	position: relative;
}

.gormenu> ul> li> ul> li> a, .gormenu> ul> li> ul> li> ul> li> a {
    display: block;
    background: #fff;
    width: 220px;
    border: 1px solid #347FBF;
    border-width: 1px 3px 0px 3px;
    border-top-style: dotted;
    border-top-color: rgba(66, 139, 200, 0.37);
    padding: 12px 10px 10px 10px;
    text-decoration: none;
}

.gormenu> ul> li> ul> li:last-child> a, .gormenu> ul> li> ul> li> ul> li:last-child> a {
	border-width: 1px 3px 3px 3px;
    border-radius: 0px 0px 5px 5px;
    border-bottom-style: solid;
    border-bottom-color: #347FBF;
}

.gormenu> ul> li> ul> li:first-child a, .gormenu> ul> li> ul> li> ul> li:first-child> a {
    border-width: 3px 3px 0px 3px;
    border-radius: 5px 5px 0px 0px;
    border-top-style: solid;
    border-top-color: #347FBF;
}

.gormenu> ul> li> ul> li:first-child:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #347FBF;
}

.gormenu> ul> li> ul> li:first-child:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -9px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom: 6px solid #FFFFFF;
}

.gormenu> ul> li> ul> li:hover:first-child:after, .gormenu> ul> li> ul> li.selected:first-child:after {
 	border-bottom: 6px solid #E6F1FA;
}

.gormenu> ul> li> ul> li> a:hover, .gormenu> ul> li> ul> li.selected> a,
.gormenu> ul> li> ul> li> ul> li> a:hover, .gormenu> ul> li> ul> li> ul> li.selected> a {
    background: #E6F1FA;
    color: #4C4C4C;
}

.gormenu> ul> li> ul> li> a.subcat::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCElEQVQ4T7WTTQ6CMBCFafhZewO9gXoDPYm4gLWeRJYENvUkegS4AdzANSTUN40lQykrYhOSMsx88/qmCG/lEivrPScgTdObUuoihDhQA+wr7LOiKJ52wwkgjuNNGIYvU2gnE6jv+7OU8mO+TQDoXOHDnheiqAVwa2IEKcvyOAOQbAQfVtd713UyiqI3BwNyBURS7qhgobuWTIkcwlVwgKLEYRh0gVlBEDR5njfkD4fAUF07A4B+4gDf91sD4Aa7ADMDAarhgQZa06kB0CPmChZNtEfrNJFoLiMRbvDs2LHG7hMF9GIbxb347fWRFi+SKUiSJMbloSOZS1VDdmZmz8H/+Zkc0hdDX7uQihEewZhEAAAAAElFTkSuQmCC') no-repeat 0px 0px;
    margin: 0px 0px -4px 4px;
    position: relative;
}

.gormenu> ul> li> ul> li> ul {
    display: block;
    position: absolute;
    top: 0px;
    left: 220px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    width: 235px;
 	list-style: none;
}


.gormenu> ul> li> ul> li> ul> li:first-child:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 14px;
    border: 8px solid transparent;
    border-right: 8px solid #347FBF;
}

.gormenu> ul> li> ul> li> ul> li:first-child:after {
    content: '';
    position: absolute;
    left: -9px;
    top: 16px;
    border: 6px solid transparent;
    border-right: 6px solid #FFFFFF;
}

.gormenu> ul> li> ul> li> ul> li:hover:first-child:after, .gormenu> ul> li> ul> li> ul> li.selected:first-child:after {
 	border-right: 6px solid #E6F1FA;
}



.gormenu> ul> li> ul> li> ul, .gormenu> ul> li> ul {
 	display: none;
}










/*** Конструкция ***/

#page {
 	display: block;
 	max-width: 1020px;
 	position: relative;
 	margin: 30px auto;
}

.page {
 	display: table;
 	border-collapse: collapse;
 	width: 100%;
}

.pageleft {
 	display: table-cell;
 	vertical-align: top;
 	width: 250px;
 	padding-right: 20px;
 	position: relative;
}

.pageright {
 	display: table-cell;
 	vertical-align: top;
 	position: relative;
}










/*** Sidebar ***/

.pb {
    display: block;
    background: #347FBF;
    padding: 3px 0px 0px 0px;
    border-radius: 4px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.04);
 	margin: 0px 0px 20px 0px;
}

.pb.pb2 {
    background: #CECECE;
}

.block {
    display: block;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.09), inset 0px 0px 13px rgba(51, 83, 111, 0.1);
 	overflow: hidden;
}

.leftcat {
    display: block;
    margin: -10px;
    position: relative;
}

.leftcat a {
    display: block;
    padding: 12px 10px 10px 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.09);
    text-decoration: none;
}

.leftcat a:last-child {
 	border-bottom: 0px;
}

.leftcat a:hover {
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    color: #fff;
    text-shadow: 0px -1px 0px #3074AD;
}


.leftcat a.selected {
    background: rgba(0, 0, 0, 0.06);
    color: #A5A5A5;
    cursor: default;
    text-shadow: none;
}


.blog_menu {
    display: block;
    background: #E8E8E4;
    border-radius: 3px;
    position: relative;
 	margin: 0px 0px 20px 0px;
}

.btitle {
    display: block;
    padding: 14px 10px 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.14);
 	margin: -10px -10px 10px -10px;
}

.bbtitle {
    display: block;
    padding: 14px 10px 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.14);
}

.blog_menu ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.blog_menu ul li {
    display: block;
    margin: 0px;
    list-style: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.14);
    border-top: 1px dotted rgba(255, 255, 255, 0.27);
    padding: 10px;
    font-size: 12px;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.16);
}

.blog_menu ul li a {
    display: block;
    padding: 3px 0px 11px 0px;
    font-weight: 600;
    text-decoration: none;
    margin-left: -1px;
}

.blog_menu ul li span {
    font-size: 11px;
}

.blog_menu ul li:last-child {
    border-bottom: 0px;
}

.allbrans_link {
	display: block;
}

.allbrans_link a, td.feature_values a {
    text-decoration: none;
    font-size: 12px;
    padding: 3px 4px;
    background: rgba(0, 0, 0, 0.03);
    margin: 0px 0px 3px 0px;
    display: inline-block;
    border-radius: 2px;
    transition: all 0.2s;
}

.allbrans_link a:hover, .allbrans_link a.selected, td.feature_values a:hover, td.feature_values a.selected {
    background: #347FBF;
    color: #fff;
}

td.feature_values a {
 	margin: 2px 0px 2px 0px;
}

.podvalut {
 	display: block;
 	margin: 0px 0px 20px 0px;
}

ul.valuta {
    display: table;
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    table-layout: fixed;
}

ul.valuta li {
    display: table-cell;
    padding: 0px;
    margin: 0px;
    list-style: none;
}


ul.valuta li a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    background: #347FBF linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.12) 100%);
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.09);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
 	transition: all 0.15s;
}

ul.valuta li:first-child a {
    border-radius: 3px 0px 0px 3px;
    border-left: 0px;
}

ul.valuta li:last-child a {
    border-radius: 0px 3px 3px 0px;
    border-right: 0px;
}

ul.valuta li a:hover {
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.2), inset 0px 30px 0px rgba(255, 255, 255, 0.1);
}

ul.valuta li.selected a {
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 15px rgba(0, 0, 0, 0.52);
    color: rgba(255, 255, 255, 0.59);
    cursor: default;
}


ul.browsed_products {
 	display: block;
 	padding: 0px;
 	margin: 0px;
}

ul.browsed_products li {
 	display: inline-block;
 	float: left;
 	width: 70px;
 	height: 70px;
}

ul.browsed_products li a {
 	display: table-cell;
 	width: 70px;
 	height: 70px;
 	vertical-align: middle;
 	text-align: center;
 	transition: all 0.15s;
}

ul.browsed_products li a:hover {
 	opacity: 0.5;
}










/*** Основная часть, главная страница ***/

.white {
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13);
}

.white> .title {
    display: block;
    font-size: 22px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.07);
    margin: 0px 0px 9px 0px;
    padding: 2px 0px 8px 2px;
}

ul.products {
    display: block;
    padding: 0px;
    margin: 0px -5px 30px -5px;
    position: relative;
}

ul.products> li.product {
    display: inline-block;
    float: left;
    width: 243px;
    margin: 0px 5px 10px 5px;
    padding: 10px;
	height: 248px;
 	position: relative;
}

.prodposit {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
 	height: 248px;
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
 	transition: all 0.3s;
}

.prodposit> .image {
    display: table;
    width: 100%;
    height: 170px;
}

.prodposit> .image> a {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.prodposit> h3 {
    display: table;
    height: 36px;
    overflow: hidden;
}

.prodposit> h3> a {
    font-size: 13px;
    display: table-cell;
    width: 100%;
    padding: 0px 10px;
    vertical-align: bottom;
}

li.clr {
	overflow: hidden;
 	width: 0px;
 	height: 0px;
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
}

.cen {
    display: block;
    padding: 0px 10px;
    margin: 0px 0px 5px 0px;
}

span.newcen {
    font-size: 15px;
    font-weight: bold;
}

span.oldcen {
    display: inline-block;
    margin-left: 4px;
    text-decoration: line-through;
    color: #AFAFAF;
}

span.percent {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    background: rgb(47, 173, 15);
    padding: 4px 6px;
    border-radius: 0px 0px 3px 0px;
    color: #fff;
    width: 46px;
    text-align: center;
 	opacity: 0.5;
 	transition: all 0.3s;
}

span.percent.p3 {
    top: -1px;
    left: 52px;
    width: auto;
    border-radius: 0px 0px 3px 3px;
 	opacity: 0;
}

.raskrivbutst {
 	display: none;
    text-align: center;
    padding: 20px 0px;
}

.prodposit:hover {
 	height: 303px;
    border: 1px solid #83AACC;
    box-shadow: 0px 1px 3px rgba(46, 116, 177, 0.3);
 	z-index: 100;
}

.prodposit:hover span.percent, .prodposit:hover span.percent.p3 {
 	opacity: 1.0;
}

input.button2 {
    border: 0px;
    display: inline-block;
    height: 30px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
    border-radius: 3px;
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.15), 0px 5px 15px rgba(255, 255, 255, 0.31) inset, 0px 2px 5px rgba(255, 255, 255, 0.37) inset, 0px 1px 3px rgba(14, 59, 97, 0.26);
    padding: 0px 12px 0px 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA60lEQVQ4T62T4RGCMAyF7QTiBLqBbiJOIE6ATuAKOoG4AWziCDqBMEF9j2u0B2npD3uXH/QlX3ghmFnkWGtXkFtjTBtKMyEBxRtoF8QTcQxBVIBXnLsGBKmQEcC9doWCXLriLnNvM4IYV7D0rPS+XfgOCWHQkpwXATY2yCntL4ACXW5TnaBfEeUg79APES7oeR6BnKDtEfy0cjoMORNAjdutJ/K5c0VaMVPvABQC0GxUSGoQ50Fn6bMDoBYAP89bsUBr1LSz4J58FwlzeCBrHZmDLzUo7rfUB8jupzC4kWz4A6RUaTnBvzEV+AHaQ1SD1/6ThAAAAABJRU5ErkJggg==') no-repeat 9px 6px;
    background-color: #347FBF;
 	cursor: pointer;
 	transition: all 0.15s;
}

input.button2:hover {
 	background-color: #343434;
}

input.button2:active {
 	opacity: 0.5;
}









/*** Футер ***/
.fotermenuw {
    display: block;
    width: 100%;
    height: 42px;
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.08) 100%);
    box-shadow: inset 0px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.42);
}

.fotermenu {
	display: block;
 	margin: 0px auto;
 	position: relative;
 	max-width: 1020px;
 	height: 42px;
}

ul.menu2 {
    display: block;
 	position: relative;
 	margin: 0px auto;
    padding: 0px;
    list-style: none;
 	max-width: 1020px;
 	height: 42px;
}

ul.menu2 li {
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.menu2 li a {
    display: block;
    padding: 0px 13px;
    height: 42px;
    line-height: 43px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    text-decoration: none;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    transition: all 0.15s;
    color: #fff;
}

ul.menu2 li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

ul.menu2 li a:hover, ul.menu2 li.selected a {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
    background: rgba(0, 0, 0, 0.11);
}

ul.menu2 li.selected a:hover {
 	cursor: default;
}


ul.menu2 li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.bexam {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 42px;
    line-height: 42px;
    color: rgba(255, 255, 255, 0.57);
}



.footer {
 	display: block;
 	position: relative;
 	margin: 0px auto;
 	max-width: 1020px;
 	height: 100px;
}

.foterlogo img {
    width: 150px;
}

.foterlogo {
    display: inline-block;
    float: left;
    height: 100px;
    padding: 26px 0px 0px 0px;
}

.copy {
    display: block;
    float: left;
    padding: 39px 0px 0px 30px;
    font-size: 12px;
    line-height: 15px;
    color: #6B6B6B;
}

.statistics {
    display: block;
    float: right;
    text-align: right;
    padding: 36px 0px 0px 0px;
}

.statistics img {
    opacity: 0.5;
 	margin-left: 6px;
}

.statistics img:hover {
 	opacity: 1.0;
}

.bexam a {
    background: #FFF;
    padding: 4px 5px 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}







/*** Страница каталога ***/
.path {
    display: block;
    padding: 14px 10px 10px 10px;
    font-size: 12px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.14);
    margin: -10px -10px 10px -10px;
}

.decorationcat {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #ADADAD;
}

table.features {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #E4E9EC;
}

table.features td {
    padding: 9px;
    border: 1px solid #E4E9EC;
}

table.features td.feature_name {
    background: #F2F7FB;
}

td.feature_values {
 	transition: all 0.3s;
}

table.features tr:hover td.feature_values {
 	background: #F2F7FB;
}

.decorationcat.brano {
 	padding-top: 15px;
}

.sort {
    display: block;
    margin-top: 15px;
    color: #868686;
}

.sort a {
    text-decoration: none;
    font-size: 13px;
    padding: 6px 8px 7px 8px;
    margin: 0px 0px 0px 2px;
    display: inline-block;
    border-radius: 2px;
    transition: all 0.2s;
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.26);
    color: #fff;
}

.sort a:hover {
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%,rgba(0, 0, 0, 0.15) 100%);
}

.sort a.selected {
    background: #4B4B4B linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    cursor: default;
}

.sort a.selected::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7klEQVQ4T6WTgQ3CMAwEmw0YgQ2ADdpJKBvAJHSEMglsQLsBI7BB+I/iyHFSCSmWrLqNff44qesazTXWd1WA9/4K8Bl+jA0WPCfn3MM2zAAo3CHhqQptPkEDQF9ZsAAmHFTVEGNCxRYATgUgyr6bljUAUy6AzAySAgBsd65vAZIKDfCq+w3xCOcwaROcHZNCKAi1NcAH32WPHCpNhvZGvA+FFYDeQjbtyumsqA9HrBVQrh5igEQF9mjLITKxMkhCaHKhGKfumYII4J5fcH0XIiM8Vni/eZEkE0pGxNySgFjIqzxrWqHALv7z3vw3/gA+YlARly+vSQAAAABJRU5ErkJggg==') no-repeat 0px 0px;
    margin: 0px 0px -4px 4px;
    position: relative;
}



/*** Навигация по страницам ***/
.pagination {
    display: block;
    margin: 15px 0px;
    text-align: center;
}

.pagination a {
    display: inline-block;
    border: 1px solid #EFEFEF;
    height: 30px;
    line-height: 30px;
    padding: 0px 7px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
 	transition: all 0.15s;
}

.pagination a:hover {
 	border: 1px solid #4485BC;
}

.pagination a.selected {
    border: 1px solid #4485BC;
    color: #3E3E3E;
    background: #F2F7FB;
 	cursor: default;
}








/*** Страница товара ***/

.proleft {
    display: block;
    float: left;
    width: 320px;
    text-align: center;
}

.prodright {
    display: inline-block;
    float: right;
    width: 430px;
}

.description {
    font-size: 13px;
    line-height: 18px;
    color: #565656;
}

.itemvariants {
    display: block;
    margin: 8px 0px;
}

.itemvariant {
    display: inline-block;
    background: #F2F7FB;
    padding: 5px 10px 3px 6px;
    border-radius: 3px;
    border: 1px solid #E4E9EC;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
}


span.compare_price {
    text-decoration: line-through;
    color: #E46767;
}


span.price {
    font-size: 14px;
    font-weight: 600;
}

.itemvariant label {
    cursor: pointer;
}

.social {
 	display: block;
 	padding-top: 20px;
}

.images a {
    display: inline-block;
    padding: 10px 0px 0px 0px;
    opacity: 0.6;
}

.images a:hover {
 	opacity: 1.0;
}

/*** Соседние товары ***/

#back_forward {
    display: block;
    margin: 10px 0px 30px 0px;
}

a.prev_page_link, a.next_page_link {
    text-decoration: none;
    float: left;
    background: #fff;
    border: 1px solid #EAEDED;
    padding: 5px 10px;
    border-radius: 3px;
}

a.next_page_link {
 	float: right;
}


ul.tabs {
 	list-style:none;
 	padding: 0px;
 	margin: 0px;
 	display: block;
}


ul.tabs li {
 	display: inline-block;
 	list-style:none;
 	padding: 0px;
 	margin: 0px;
}

ul.tabs li.active a {
    background: #484848 linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    cursor: default;
 	position: relative;
 	z-index: 11;
}

ul.tabs li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
    display: block;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    z-index: 9;
    background: #347FBF linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0%,rgba(0, 0, 0, 0.09) 100%);
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.42);
    color: #FFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
}

div.tabs_content > div {
 display:none;
     font-size: 13px;
    line-height: 18px;
    color: #565656;
}

.tabs_content.white {
 	margin-bottom: 30px;
 	position: relative;
 	z-index: 10;
}



/*** характеристики ***/

ul.featuresprod {
    display: block;
    position: relative;
    margin: -10px;
}

ul.featuresprod li {
    display: table;
    width: 100%;
    border-bottom: 1px dotted #D6D6D6;
    transition: all 0.1s;
    clear: both;
}

ul.featuresprod li label {
    font-weight: 400;
    color: #000;
    display: table-cell;
    width: 40%;
    vertical-align: middle;
 	padding: 10px
}

ul.featuresprod li span {
    color: #828282;
    display: table-cell;
    width: 60%;
 	padding: 10px
}

ul.featuresprod li.even {
background: rgba(0, 0, 0, 0.02);
}

ul.featuresprod li:hover {
    background: #606060;
    border-bottom: 1px dotted transparent;
    box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.39);
}


ul.featuresprod li:hover label, ul.featuresprod li:hover span {
 	color: #fff;
}


/*** Форма комментариев ***/

.lf-iteam input[type="text"], .lf-iteam input[type="password"] {
    width: 230px;
    height: 35px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
 	padding: 0px 10px;
 	transition: all 0.3s;
}

.lf-iteam input[type="text"]:focus, .lf-iteam input[type="password"]:focus {
    border: 1px solid #347FBF;
    box-shadow: inset 0px 1px 4px rgba(122, 170, 230, 0.27), 0px 0px 10px rgba(66, 132, 212, 0.28);
}

.comment_form.cartform {
 	margin: 0px;
}

.comment_form {
    display: block;
    width: 100%;
    position: relative;
    margin: 30px 0px 0px 0px;
    border: 1px dotted #BBB;
    border-radius: 4px;
    padding: 20px;
}

.comment_form> .lf-iteam label {
    width: 80px;
    padding: 5px 5px 0px 0px;
    text-align: right;
    vertical-align: top;
    display: inline-block;
}

.comment_form> .lf-iteam input[type="text"] {
    width: 350px;
}

.comment_form> .lf-iteam textarea {
    width: 350px;
    height: 135px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    transition: all 0.3s;
}

.comment_form> .lf-iteam textarea:focus, .putki input#comment_captcha:focus {
    border: 1px solid #347FBF;
    box-shadow: inset 0px 1px 4px rgba(122, 170, 230, 0.27), 0px 0px 10px rgba(66, 132, 212, 0.28);
}

.lf-iteam {
    display: block;
    margin-bottom: 10px;
}

.lf-iteampad {
    display: block;
    position: relative;
}

.lf-iteampad label {
    display: table-cell;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Arial';
    height: 47px;
    vertical-align: middle;
    width: 78px;
    text-align: right;
}

.lf-iteampad .captcha {
    display: table-cell;
    padding: 0px 10px 0px 5px;
}

.putki {
    display: table-cell;
    height: 48px;
    vertical-align: top;
    padding: 0px 10px 0px 0px;
}

.putki input#comment_captcha {
    width: 110px;
    height: 45px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    transition: all 0.3s;
}

.lf-iteampad .captcha img {
    border-radius: 3px;
    border: 1px solid #C7C7C7;
}

.putki2 {
    display: block;
    padding: 8px 0px 0px 83px;
}

ul.comment_list {
    display: block;
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.comment_list li {
    display: block;
    margin: 0px 0px 20px 0px;
    border: 1px solid #E4E4E4;
    padding: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 4px 4px;
    border-top: 2px solid #6FA4E4;
    font-size: 13px;
    line-height: 20px;
    color: #4E4E4E;
}

.comment_header {
    display: block;
    font-weight: 600;
    color: #3B6496;
    margin-bottom: 7px;
}

input.button, .checkout_button {
    border: 0px;
    display: inline-block;
    height: 30px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
    border-radius: 3px;
    box-shadow: inset 0px 16px 0px rgba(255, 255, 255, 0.08), 0px 5px 15px rgba(255, 255, 255, 0.31) inset, 0px 2px 5px rgba(255, 255, 255, 0.37) inset, 0px 1px 3px rgba(14, 59, 97, 0.26);
    padding: 0px 20px;
    background-color: #292929;
    cursor: pointer;
    transition: all 0.15s;
}

input.button:hover, .checkout_button:hover {
 	background-color: #343434;
}

input.button:active, .checkout_button:active {
 	opacity: 0.5;
}







/*** Корзина ***/

table#purchases {
    border: 1px solid #E4E9EC;
    width: 100%;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
}

table#purchases td {
    padding: 10px;
    border: 1px solid #E4E9EC;
    text-align: center;
}

table#purchases td.name {
    text-align: left;
}

tr.coupon th.name {
    text-align: left;
    padding: 10px 0px;
    line-height: 21px;
}

input.coupon_code {
    border: 1px solid #8B8B8B;
    border-radius: 3px;
    display: block;
    width: 145px;
    height: 30px;
    float: left;
    margin: 0px 5px 0px 0px;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.3);
 	padding: 0px 10px;
}

.itog {
    display: block;
    text-align: center;
    margin: 30px 0px;
    font-size: 20px;
}

ul#deliveries {
    display: block;
    background: #E8E8E4;
    padding: 10px;
    border-radius: 3px;
    margin: 0px 0px 20px 0px;
    list-style: none;
}

ul#deliveries li {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    display: block;
}


ul#deliveries li .description {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.32);
    border-radius: 3px;
    padding: 10px;
    line-height: 15px;
 	margin-bottom: 13px;
}

.comment_form.cartform> .lf-iteam label {
    width: 141px;
}

.comment_form.cartform> .lf-iteampad label {
    width: 139px;
    padding: 0px 4px 0px 0px;
}
.comment_form.cartform .putki2 {
    padding: 8px 0px 0px 144px;
}


/*** Блог ***/

ul#blog {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul#blog li p {
    margin: 0px;
}
ul#blog li {
    display: block;
    margin: 0px 0px 15px 0px;
    list-style: none;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px dotted #D8DDE0;
}

ul#blog li p.date {
    display: block;
    margin: 0px 0px 15px 0px;
    color: #BFBFBF;
}

ul#blog li:last-child {
 	border-bottom: 0px;
}

.commentsblog {
    display: block;
    padding-top: 50px;
}


/*** END Bexam.ru style.css ***/