@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic");

html{
	background: #363636 url('/img/footer.png') scroll;
}

body{
	/*min-width:600px;*/
	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	background-color: #EDEEF0;
	color: #333;
	padding-top: 50px;
}
main{
	min-height:1200px;
}
h1,h2,h3,h4,h5,h6{
	color:#444;
	font-weight:400;
	text-align:center;
}
h1{ font-size: 1.75em; font-weight:300; }
h2{ font-size: 1.5em; }
h3{
    font-size: 1.3em;
    /* text-decoration:underline; */
    color:#282;
}
h4{
    font-size: 1.1em;
    font-weight:700;
}
p{
	text-align: justify;
	line-height: 160%;
}
strong, b{font-weight: 700;}
em,i{font-style: italic;}

img {
	max-width: 100%;
	height: auto;
	border:0;
}

header{
	margin-bottom: 8px;
}
#header-in{
	box-shadow: 0 3px 3px rgba(81,180,215,0.75);
	/*min-width:600px;*/
}

main{
	padding:15px;
	background-color:#FFF;
	border: solid 1px #d0d0d0;
	border-radius: 8px;
	box-shadow: 0 8px 16px 0 rgba(160,160,160,0.25);
}

footer
{
	background: #363636 url('/img/footer.png') scroll;
	background: linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), -ms-linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	background: -moz-linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), -moz-linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	background: -webkit-linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), -webkit-linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), -o-linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	background: linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	-svg-background: linear-gradient(top, rgba(84, 84, 84, 0.18) 0, rgba(23, 23, 23, 0.11) 100%) no-repeat, url('/img/footer.png'), linear-gradient(top, #4A4A4A 0, #212121 100%) no-repeat;
	border-top:1px dotted #BCD;
	position: relative;
	color: #CCC;
	line-height: 160%;
	padding: 32px 0;
	margin-top: 16px;
}
#logoimg{
	width:320px;
	height:40px;
	position:relative;
	top:4px;
}

#top-menu {
    padding: 4px 0px 3px 0;
    min-height: 40px;
}
#top .container {
    padding: 0 20px;
}
#top-menu-links{
    padding-top: 6px;
}
#top-menu-links li, #top-menu-links a {
	text-shadow: 1px 1px 4px rgba(128,128,128,0.5);
}
#top-menu-links a:hover {
    color: #444;
}#top-menu-links .dropdown-menu a {
    text-shadow: none;
}
#top-menu-links .dropdown-menu a:hover {
    color: #FFF;
}

.list-inline-ror {
	font-weight: 700;
}
#cart a { color:#EEE; text-shadow:1px 1px 1px #444; }
#cart a:hover { color:#FFF; text-shadow:1px 1px 1px #000; }
#cartf {
	position: fixed;
	bottom: 4px;
	right: 4px;
	border: 2px solid #FF0;
	border-radius: 32px;
	box-shadow: 0 0 4px #146;
	background-color: #146;
	z-index: 101;
	opacity: 0.5;
}
.acart {
	color:white;border:0;margin-top:6px;margin-bottom:0;
}
a.acart:hover{
	color:yellow;
}

#banner-up{
	background-color:#FFF;
	border-bottom: solid 1px #d0d0d0;
	border-top: solid 1px #d0d0d0;
}

p img{
	width:100%;
	border: 1px solid #CCC;
	border-radius: 8px;
}

#apix{
	width:30%;
	float:left;
	margin:.5em 1em .5em 1em;
}

#apix img, .apix {
	border: 1px solid #AAA;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(192,192,192,0.5);
}

table{
	line-height: 1.15;
	margin: 0 auto;
	background-color: #FEFEFE;
	border-collapse:separate;	
}
td{
	padding:5px 10px;
}
tr.todd{
	background-color: #DDD;
}
tr.teven{
	background-color: #F8F8F8;
}

/* ========================================================================= */
/* PANEL, MENU */
/* ========================================================================= */
.panel-sizero {
	border-color: #A36363;
}
.panel-sizero > .panel-heading {
	color: #ffffff;
	background-color: #A36363;
	border-color: #A36363;
}
.panel-sizero > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #A36363;
}
.panel-sizero > .panel-heading .badge {
	color: #A36363;
	background-color: #ffffff;
}
.panel-sizero > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #A36363;
}

span.list-group-item-sizero {
	font-size: 1.2em;
	color: #fff;
	background-color: #A36363;
	font-weight: 700;
}
a.list-group-item-sizero,
button.list-group-item-sizero {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	background-color: #FFF;
	background-image: none;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #CCC;
	border-radius: 8px;
	box-shadow: 0 8px 16px 0 rgba(160,160,160,0.25);
	white-space: nowrap;
}
a.list-group-item-sizero:first-child, a.list-group-item-sizero:last-child {
	border-radius: 8px;
}
a.list-group-item-sizero .list-group-item-heading,
button.list-group-item-sizero .list-group-item-heading {
	color: inherit;
}
a.list-group-item-sizero:hover,
button.list-group-item-sizero:hover,
a.list-group-item-sizero:focus,
button.list-group-item-sizero:focus {
	color: #228;
	background-color: #FFF;
	border: 1px solid #888;
}
a.list-group-item-sizero.active,
button.list-group-item-sizero.active,
a.list-group-item-sizero.active:hover,
button.list-group-item-sizero.active:hover,
a.list-group-item-sizero.active:focus,
button.list-group-item-sizero.active:focus {
	color: #000;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #888;
	font-weight: 700;
	text-shadow: none;
}

.menu-left-list-group{
}

/* ========================================================================= */

.drug-cat h4 a {
	font-weight: 400;
	text-shadow: 1px 1px 4px #CCC;
	color: #368;
}
div.drug-grid{
	margin-left:-10px;
	margin-right:-10px;
}
.drug-cat-el{
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 15px;
}
.drug-cat{
}
div.drug-cat {
	margin: 0;
	border: 1px solid #CCC;
	border-radius: 32px;
	box-shadow: 0 0 8px #EEE;
}
div.drug-cat p, div.drug-cat div {
	text-align:center;
	color:#888;
}
div.drug-cat div img {
	height:100px;
	width:auto;
}

.offerPrice{
	font-weight:700;
	
}

.offerBox{
	border: 1px solid #DDD;
	border-radius: 8px;
	padding: 0 15px 15px 15px;
	margin-top: 15px;
}
.offerBox > h4, .offerBox > h2{
	color: #224;
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.offerBox > h2{
    font-size: 1.25em;
    font-weight: 700;
    color: #446;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.pagination-ul{
	margin: 0 15px 12px 15px;
}


/*=============================================================================
    BOOTSTRAP THEME REPLACEMENT
=============================================================================*/
.navbar-inverse {
	background-color: #479;
	background-image: linear-gradient(to bottom,#479 0,#257 100%);
	background-repeat: repeat-x;
	border-bottom: 1px solid #456;
}
.navbar-inverse .dropdown-menu {
	background-color: #FFF;
	color: #246;
}
.navbar-inverse .dropdown-menu > li > a {
	color: #246;
}
.navbar-inverse .dropdown-menu > li > a:hover {
	background-color: #DDD;
}
.navbar-inverse .navbar-nav > li > a {
	color: #DDD;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
	background-color: #357;
	background-image: none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #357;
	background-image: none;
}

a.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.breadcrumb{
	border: 1px solid #D8D8D8;
}

div.review {
    background-color: #FCFCFC;
    padding: 8px;
    margin: 8px;
    border: 1px solid #EEE;
}
div.review > h4 {
    background-color: #F4F4F4;
    padding: 8px;
    margin: 0;
    text-align: left;
    font-weight: 400;
    font-size: 1em;
}
div.review > p.review-body {
    color: #448;
    margin: 0 .5em;
}
div.review > p.review-date {
    margin: 0 .75em;
    margin-bottom: 8px;
    font-size: .75em;
    color: #888;
}

div.cross {
    border: 1px solid #DDD;
    border-radius: 8px;
    padding: 16px;
}

.params {
}
.params > .p0 {
    background-color: #E8E8F8;
}
.params > .p1 {
    color: #662;
    margin-bottom: .5em;
    background-color: #FCFCFF;
}

h3.reviews, h3.crosses {
	color: #844;
	background-color: #F4F4F4;
	border: 1px solid #DDD;
	border-radius: 4px;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
h3.reviews > span.glyphicon, h3.crosses > span.glyphicon {
	color: #AAA;
	font-size: .85em;
}

#comform {
	background-color: #FCFCFC;
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 8px 8px 0 8px;
}


/*=============================================================================
    MEDIA
=============================================================================*/
@media screen and (max-width: 480px) {
    h1{ font-size:1.5em; }
    h2{ font-size:1.25em; }
    h3{ font-size:1.15em; }
    .drug-cat h4{ font-size:.9em; }
    .drug-cat h5{ font-size:.9em; }
	.list-inline-ror {
		font-weight: 700;
		font-size: 75%;
	}
}