/* 
ALL in 1   04-11-15
iz - libraries/joomla/document/html/renderer/head.php
components/com_jcomments/tpl/default/style.css?v=21
plugins/content/mavikthumbnails/highslide/graphics/highslide.css  
plugins/content/mavikthumbnails/style.php?base=/plugins/content
plugins/content/relatedThumbArticles/vertical.css

iz hablona
templates/system/css/system.css
templates/system/css/general.css
templates/onlinepcstore/css/template.css
templates/onlinepcstore/css/cyan.css
*/

/* *********************************** components/com_jcomments/tpl/default/style.css?v=21  не работает голосование и отправить */


/* *********************************** plugins/content/mavikthumbnails/highslide/graphics/highslide.css  */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
padding: 7px;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	/* border-color: white; */

	border-color: #7493b2;
	background: gray;
box-shadow: 0 0 3px rgba(0,0,0,0.5); 


}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
text-align: center;
font-weight:bold;


}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(http://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see https://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% broke in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/highslide/graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}






/* *********************************** plugins/content/mavikthumbnails/style.php?base=/plugins/content  */
/* Zoomin image at thumbnails */
a.with-zoomin-img {
	position: relative;
	display: inline-block;
}

.zoomin-img {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 3px;
	right: 3px;
	background-image: url(https://www.nastrojkabios.ru/plugins/content/mavikthumbnails/images/zoomin.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}











/* *********************************** plugins/content/relatedThumbArticles/vertical.css  */
.relatedArticles_textBefore {
   font-size: 100%;
   font-weight: bold;
}
#relatedArticles {background:#ffffff; font-family:verdana,arila,serif; font-size:12px; font-style:normal; color:#4E4848;margin-top:10px;margin-bottom:10px;}

#relatedArticles_image { float:left; margin: 2px 10px 5px 7px; padding: 2px 2px 2px 2px; border:1px solid #EBDDE2;}

#relatedArticles_title {padding:2px 2px 2px 0px;}

#relatedArticles_title a{font-family:Georgia,serif; font-size:13px; font-weight:bold; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990;}

#relatedArticles_title a:hover{color:#386990; text-decoration:none; }

#relatedArticles_thumb, #description {margin-left:0px;}

#relatedArticles_li {border-bottom:1px solid #EBDDE2; padding: 5px 5px 10px 0px !important;}

#relatedArticles_li:hover{background:#fafafa;}

#relatedArticles_rl1 {color:#333333; font-family:Georgia,Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold;line-height:1.4em;margin:0 0 8px;}

#relatedArticles_rl2 {font-size:10px;font-family:arial,helvetica,sans-serif;}

#description{display:block;overflow:hidden;position:relative;}















/* *********************************** templates/system/css/system.css  */
input.system-openid, input.com-system-openid {
   background: url(https://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

#system-message dt.message { display: none; }
#system-message dd.message {  }

#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}















/* *********************************** templates/system/css/general.css  */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(https://www.nastrojkabios.ru/templates/system/images/j_button2_blank.png) 100% 0 no-repeat;
}

div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(https://www.nastrojkabios.ru/templates/system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.img_caption  {
text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption.left {
	float: left;
	margin-right: 1em;
}

.caption.right {
	float: right;
	margin-left: 1em;
}

.caption.left p {
	clear: left;
	text-align: center;
}

.caption.right p {
	clear: right;
	text-align: center;
}

.caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption  {
	text-align: center!important;
}

a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(https://www.nastrojkabios.ru/templates/system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
















/* *********************************** templates/onlinepcstore/css/template.css  */
/* *********************************** templates/onlinepcstore/css/template.css  */
@-viewport { width: device-width; }

#comments999 { 
float: right;
}

h1
{ padding: 3px;
font-size:1.4em;
/* line-height:1.19em; */
font-weight:normal;
margin:0 -5px 10px -5px;
text-align: center; }

h2
{ font-size:1.2em;
font-weight:normal;
color: #005180;
text-align: center;
border-bottom-color: #a2b4c6;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #a2b4c6;
border-top-style: solid;
border-top-width: 1px;
padding-top: 7px;
padding-bottom: 7px; }

h6  { 
font-size:0.9em;
background-attachment: scroll;
background-clip: border-box;
background-color: #D9E0DA;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: #D9E0DA;
border-bottom-style: groove;
border-left-color: #D9E0DA;
border-left-style: groove;
border-right-color: #D9E0DA;
border-right-style: groove;
border-top-color: #D9E0DA;
border-top-style: groove;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: left;
text-indent: 10px;

}

h6
{ 
color: #93650f;
background-color: #eef0f5;
}

#navigacia  { 
font-size:0.7em;
background-attachment: scroll;
background-clip: border-box;

background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: #D9E0DA;
border-bottom-style: groove;
border-left-color: #D9E0DA;
border-left-style: groove;
border-right-color: #D9E0DA;
border-right-style: groove;
border-top-color: #D9E0DA;
border-top-style: groove;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
margin-top: 8px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-align: left;
text-indent: 8px;

color: #030012;
background-color: #f7f9fd;
}


html { height: 100%; margin-bottom: 5px; }

html, body, h3, h4{ margin: 0px; padding: 0px; }

form { margin: 0px; padding: 0px; vertical-align:middle;	display:inline; }

ul  {	margin: 0px; padding: 0px; list-style: none; }

#maincol li { padding:0px;}
#maincol ul  { margin: 0px; padding-left: 30px; list-style: square; }

img  { border: 0px; }

p { margin-top: 0px; margin-bottom: 5px; }

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

.left { float: left; }

.right { float: right; }

input.button { 
	height:20px;
	cursor:pointer;
}

.inputbox {
	margin:0px;
	padding:0 0 0 2px;
	font-size:12px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

body {
	font-family: Georgia, Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.3em;
	margin: 15;
	padding: 10;
	font-size: 13px;
	color: #666666;
	background: #fff;
}

body, td, div, p {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
}

td, div, p, .contentpaneopen  p{text-align: justify;}

.blog tr td { text-align:center; }
.blog tr td td{ text-align:left; }



/* @media (max-width: 1330px) */
#wrapper{

	max-width: 1330px;
	margin:0px auto;
	padding: 0px;
	position: relative;

    background: #7493b2;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}






#header{
	/* float: left; */

	max-width: 1330px;
	height:236px;
	padding:0px;
	margin:0px;
}

#title {
	float: left;
	margin:0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	position:absolute;
	top:150px;
	left:300px;
}

#topnavi {
	float: left;

	max-width: 1330px;
	height:35px;
	margin:0px;
	/* padding:0px; */
padding: 5px 17px;
}

#topnavi ul {
	float: left;
	width: auto;
	height:35px;
	margin: 0px 0 0 0px;
	padding: 0px;
	list-style:none;
}

#topnavi ul li {
	float: left;
	height: 35px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

#topnavi ul li a {
	margin: 0px;
	padding: 0px 15px 0 15px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#topnavi ul li a:hover{
	margin: 0px;
	padding: 0px 15px 0 15px;
	text-decoration: none;
	display: block;
}

#topnavi ul li a#active_menu-nav{
	margin: 0px;
	padding: 0px 15px 0 15px;
	text-decoration: none;
	display: block;
}

#search{
	float: left;
	margin:0px;
	padding:0px;
	position:absolute;
	top:52px;
	left:850px;
}

#search div.search .inputbox{
	width:120px;
	height:18px;
	margin:0;
	padding:0px 2px;
	font-size:12px;
	line-height:16px;
}

#main{
	/* float: left; */

    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}


/* !important */


#leftcol {
	/* margin: 0px 0 0 7px; */
    float: left;
    width: 302px;
    padding: 0px;
    margin-left: -318px;
    margin-left: -99.5%;
    display: block;	
}

#leftcol h3{
	width:302px;
	height:42px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable_menu, #leftcol div.moduletable, #leftcol div.moduletable_text {
	width:302px;
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
} 

#leftcol div.module_menu ul, #leftcol div.module div div div div, #leftcol div.moduletable ul , #leftcol div.moduletable form, #leftcol div.moduletable_text div  {
	padding: 5px 10px;
}

#leftcol a:link, #leftcol a:visited {
	text-decoration: none;
}

#leftcol a:hover, #leftcol a:active {
	text-decoration: underline;
}




#rightcol {
    float: left;
    width: 302px;
    padding: 0px;
    margin-left: -308px;
    display: block;
}

#rightcol h3{
	width:302px;
	height:42px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable_menu, #rightcol div.moduletable, #rightcol div.moduletable_text {
	width:302px;
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
} 

#rightcol div.module_menu ul, #rightcol div.module div div div div, #rightcol div.moduletable ul , #rightcol div.moduletable form, #rightcol div.moduletable_text div  {
	padding: 5px 10px;
}

#rightcol a:link, #rightcol a:visited {
	text-decoration: none;
}
#rightcol a:hover, #rightcol a:active {
	text-decoration: underline;
}




ul.menu li a,
ul.menu li ul li a,
ul.mostread li a,
ul.latestnews li a,
.moduletable ul li a {
	padding-left:15px;
	margin:0px;
	list-style:none;



}




/* ********** меню новое главным образом правое с фоном но без актив 
.menu li {
border-bottom: solid 1px #ddd;
}

.menu > li > a:link, .menu > li a:visited {
    color: #444;
}

.menu ul li a {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: block;
	color: #333399;
	font-weight: normal; 
	font-size: 15px;
	text-decoration: none;
	padding: 4px;
}

.menu ul li a:visited {
color:#096158;
}

.menu ul li a:hover {
background-color: #e1e6fa;
text-decoration: none;
background-attachment: scroll;
background-clip: border-box;
background-image: url("../images/bkg_list-big.gif");
background-origin: padding-box;
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: auto;
}

.menu ul li a:active {
	color: #6572D6;
}

ul.menu li a {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: block;
	color: #333399;
	font-weight: normal; 
	font-size: 15px; 
	text-decoration: none;
	padding: 4px;
	padding-left: 15px;
}

ul.menu li a:hover {
background-color: #e1e6fa;
text-decoration: none;
background-attachment: scroll;
background-clip: border-box;
background-image: url("../images/bkg_list-big.gif");
background-origin: padding-box;
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: auto;
}

конец меню с фоном ************************************** */


#maincol {
    float: left;
    background: #ffffff;
    margin: 0 315px;
    padding: 7px;
    display: block;

/* float: left; */
/* width:680px;	 */
/* width: 99.99%; */
/* max-width:680px; */
 /* max-width:680px; */
/* 
margin: 0px 7px 10px 7px;
padding: 0px 9px 0px 7px;
*/
}

.maincol_body img {
    max-width: 99%!important;
    height: auto; 
    padding: 5px;
    /* margin: 3px 0px; */
    margin: 4px 0px 0px 0px;
    border: 2px solid silver!important;      
}



.maincol_body table {
    max-width: 100%;
    height: auto;  
    margin: 3px 0px;      
}


#relatedArticles img {
    padding: 0px!important;
    margin: 0px!important;
}

.search {
    margin: 0px 9px 0px 9px;
}




/* ************ при уменьшении ************************/
#comments-form textarea {max-width: 500px !important;}
#comments-form .grippie {max-width: 500px !important;}

@media (max-width: 1225px) 
{
#comments-form textarea {max-width: 400px !important;}
#comments-form .grippie {max-width: 400px !important;}
}

@media (max-width: 1120px) 
{
#comments-form textarea {max-width: 350px !important;}
#comments-form .grippie {max-width: 350px !important;}
}


@media (max-width: 1110px) 
{  
.maincol_body img {    max-width: 99%!important;    height: auto;    }
p {margin-bottom: 0px;}
#leftcol {display:none;}
#maincol { margin: 0 315px 0 11px; border-radius: 10px 10px 0 0;}

#header {background: url(../images/bkg_top-sredniy.jpg) top left no-repeat!important; height: 194px!important;}
#title {display:none;}

#comments-form label, #comments-report-form label {font-size: 12px;}
#comments-form textarea {max-width: 400px !important;}
#comments-form .grippie {max-width: 400px !important;}
}




@media (max-width: 783px) 
{  
.maincol_body img {    max-width: 99%!important;    height: auto;    }
#rightcol {padding-left: 3px;margin: 3px;width: 99%;}
#maincol {margin: 0 5px 0 11px; padding: 2px;}
#rightcol h3 {width: auto; background: url(../images/cyan/bkg_sidetitle-860.jpg) top left repeat!important;}
#rightcol div.module_menu, #rightcol div.module, #rightcol div.moduletable_menu, #rightcol div.moduletable, #rightcol div.moduletable_text {width: auto!important; background: #a4b0c4!important;     margin: 3px!important;}
#topnavi {display:none;}


#header {background: url(../images/bkg_top-small.jpg) top left no-repeat!important; height: 135px!important;}
#comments-form label, #comments-report-form label {font-size: 11px;}
#comments-form textarea {max-width: 350px!important;}
#comments-form .grippie {max-width: 350px!important;}
#copyright {font-size: 10px!important; line-height: 11px!important;height: 30px!important;padding-top: 10px!important;}
}




@media (max-width: 550px) /* and (min-width: 1023px) */
{  
.maincol_body img {    max-width: 97%!important;    height: auto;    }
#maincol {margin: 0 5px 0 5px;}    
#header {display:none;}
#title {display:none;}
#topnavi {display:none;}
#wrapper {padding: 9px 0px 1px 0px;}
#comments-form textarea {max-width: 300px !important;}
#comments-form .grippie {max-width: 300px !important;}
#description {font-size: 12px;}
}

@media (max-width: 350px) 
{  
#comments-form textarea {max-width: 250px !important;}
#comments-form .grippie {max-width: 250px !important;}
}
/* ************ конец при уменьшении ************************/










.componentheading {
	height:30px;
	margin: 0px;
	padding: 0px 0 0 10px;
	font-size: 20px;
	font-weight:bold;
}

.contentheading {
	margin:0px;
	padding:0px;
	font-size: 17px;
	font-weight: bolder;
	text-align: left;
}

.contentpaneopen h3  {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.contentpaneopen {
	width:100%;
	padding:0px;
	margin: 0px;
}

td.buttonheading {
	padding:0px 2px;
}

.pathway {
	/* padding:0px; */
	padding: 10px 1px 4px 1px;
	margin:0px;
	margin-bottom:5px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	/* display:block; */
}

.small, .createdate, .modifydate {
	font-size:12px;
	font-weight: normal;
	text-align: left;
}

.blog_more {
	margin-bottom:15px;
}
span.pagination span, span.pagination a {
	padding:3px;
	font-size:12px;
}
div .pagenavbar div{
	font-size:12px;
	text-align:center;
}

a.readon, a.readon:hover, a.readon:visited{
	width:110px;
	height:18px;
	padding-left: 22px;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	display:block;
}

#maincol div.moduletable div{
	width:100%;
	text-align: center;
	font-size:12px;
	padding:10;
	margin:10px auto;
}

span.article_separator {height:15px;}
.article_column {padding-right:5px;}

.bannerheader {
	font-weight:bold;
	margin-bottom:10px;
}

.banneritem_text {
	padding: 4px;
	font-size: 12px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 12px;
}

.banneritem img {
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

form#form-login fieldset { 
	border: none;
	margin: 0;
	padding:10px;
}

form#form-login ul { padding-left: 10px; }

form#form-login ul li a {
	text-align: left;
	padding: 0px;
	font-size: 12px;
}

td.sectiontableheader {
  padding: 4px;
  font-weight: bold;
}

.pollstableborder {margin: 5px 0px 5px 0px;}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {padding: 3px;}

table.poll thead td {
	text-align: left;
	padding-left:10px;
}

table.poll td {
	text-align: left;
}

#copyright {
	float:left;

	/* max-width:1330px; */
	width:100%;
	height:40px;
	margin: -1px;
	padding:0px;
	font-size: 12px;
	text-align:center;
	line-height:40px;

    border: 1px;
    border-color: #000000;
border-top-color: #c7dbf5;
    border-style: solid;
    background: #c7dbf5;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; 
margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid 
#DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid 
#F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
	float:left;
	padding-left: 25px;
}














/* *********************************** templates/onlinepcstore/css/cyan.css  */
input.button { 
	border: 1px solid #000;
	background:#cee7ff;
	color:#3d3d3d;
}

.inputbox {
	border: 1px solid #000;
	background:#cee7ff;
	color:#3d3d3d;
}

.inputbox:hover { background:#a5c6e6; }





/* просто меню */
a:link, a:visited {
	color: #0058b0;
}

a:hover {
	color: #00324f;
}




#rightcol a:link, #leftcol a:link {
    color: #005180;
}

#rightcol a:visited, #leftcol a:visited {
    color: #005180;
}

#rightcol a:hover, #rightcol a:active, #leftcol a:hover, #leftcol a:active {
	color:#00324f;
font-size: 103%;
}




ul.menu li a:hover, ul.menu li ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .moduletable ul li a:hover 
{
background-image: none;
}

/*
#rightcol a:link, #rightcol a:visited {
	color:#005180;
}

#rightcol a:hover, #rightcol a:active {
	color:#00324f;
}
*/
/* конец просто меню */






body {
	background: #a2b4c6 url(../images/cyan/bkg_body.jpg) top center repeat-x;
}

body, td, div, p {
	color: #000;
}

td, div, p {text-align: left;}

td {
padding-left: 3px;
}

#header{
	background: url(../images/bkg_top.jpg) top left no-repeat;
}

#title {
	color: #000;
}

#topnavi ul li a {
	color: #000;
}

#topnavi ul li a:hover{
	color: #fff;
	background: url(../images/cyan/bkg_buttonon.jpg) top left repeat-x; 
}

#topnavi ul li a#active_menu-nav{
	color: #fff;
	background: url(../images/cyan/bkg_buttonon.jpg) top left repeat-x; 
}

#search div.search .inputbox{
	border: 1px solid #9c9c9c;
	background:#fff;
	color:#000;
}

#main{
	/* background: url(../images/cyan/bkg_main.gif) top left repeat-y; */
}

#leftcol h3{
	color: #000;
	background: url(../images/cyan/bkg_sidetitle.jpg) top left no-repeat; 
}
#leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable_menu, #leftcol div.moduletable, #leftcol div.moduletable_text {
	background: url(../images/cyan/bkg_side.gif) bottom left repeat-y; 
} 


#rightcol h3{
	color: #000;
	background: url(../images/cyan/bkg_sidetitle.jpg) top left no-repeat; 
}
#rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable_menu, #rightcol div.moduletable, #rightcol div.moduletable_text {
	background: url(../images/cyan/bkg_side.gif) bottom left repeat-y; 
} 



ul.menu li a,
ul.menu li ul li a,
ul.mostread li a,
ul.latestnews li a,
.moduletable ul li a {
	background: url(../images/bkg_list.gif) left no-repeat;
}

.componentheading {
	color: #597999;
}

.contentheading {
	color: #000;
}

.contentpaneopen h3  {
	color: #000;
}

.pathway {
	color:#000;
}

.small, .createdate, .modifydate {
	color:#5e5e5e;
}

a.readon, a.readon:hover, a.readon:visited{
	color:#000;
	background: url(../images/cyan/bkg_readon.gif) top left no-repeat;
}

td.sectiontableheader {
  border-right: 1px solid #fff;
  color: #000;
  background: #a2b4c6;
}

#copyright {
	color:#4d4d4d;
	/* background: url(../images/cyan/bkg_copy.gif) top left no-repeat; */
}

#copyright a:link, #copyright a:active, #copyright a:visited {
	color:#044f7b;
}