/* ���������� ��������� */
html {
	min-height: 100%;
	overflow: scroll;
}

body {
    /* background-image: url( /themes/pgb/img/bg.jpg ); */
    background-color: #C9CACC;
    margin: 0px;
}
body,td,font,p,input,select,textarea{font-family: 'Merriweather', serif; color:#000; font-size:12px;}
/* ���������� ��������� */

/* ������ */
span.good {font-weight: bold; color:green;}
span.error {font-weight: bold; color:red;}
span.description {font: italic bold arial, sans-serif; color:gray;}
span.title {font-weight: bold; color:#676767; font-size: 15px;}
span.total {color:#1176d0;}
span.bold {font-weight: bold; font-size:11px;}
span.search {color: #3f3f3f; font-size:10px;}
span.white {color:#fff; font-size: 12px;}
span.purple {font-weight: bold; color:#c547a8;}
span.big {font-weight: bold; color:#fff; font-size: 50px;}
span.big2 {font-weight: bold; color:#4C489D; font-size: 35px;}
span.big3 {font-weight: bold; color:#5B8726; font-size: 35px;}
span.big4 {font-weight: bold; color:#F4442C; font-size: 35px;}
span.big5 {font-weight: bold; color:#AC8F71; font-size: 35px;}
span.middle {font-weight: bold; color:#fff; font-size: 30px;}
span.middle2 {color:#676767; font-size: 25px;}
span.middle3 {color:#fff; font-size: 20px; opacity: 0.7;}
span.statistics { font-weight: bold; color:#3f3f3f; font-size: 15px; text-align: center;}
span.vote { color:#3f3f3f; font-size: 15px; text-align: center;}
span.footerbn {color:#ffffff; font-size: 25px;}
/* ������ */

/* ����� */
.hr.center {clear: both; height: 2px; margin: 2px 0; background: url(/themes/pgb/img/bg-hr.png) center; overflow: hidden;}
.hr.left {clear: both; height: 2px; margin: 20px 0; overflow: hidden;}
/* ����� */

/* ������� ���� ����� � ������ */
input:focus{
  outline:none;
  border-color:#676767;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0 0 8px #676767;
  -moz-box-shadow:0 0 8px #676767;
  -webkit-box-shadow:0 0 8px #676767;
}
input{
    font-size: 12px;
  border:1px solid #aaa;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  transition:border linear .2s,box-shadow linear .2s;
  -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
  -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
}
/* ������� ���� ����� � ������ */

/* ������ */
.button {
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    text-transform: uppercase;
    background: #5b8726;
    color: #FFF;
    border: 0px none;
    outline: 0px none;
    display: inline-block;
    margin: 0;
    text-decoration: none;
}
.button:hover { background: #4c555c; color: #FFF;}
.button:active { background: #5b8726; }
/* ������ */ 

/* ������ */
a { color: #676767; text-decoration: none;  font-size:15px;}
a:visited { color: #676767; text-decoration: none;  font-size:15px; }
a:hover { color: #676767; text-decoration: underline;  font-size:15px; }

.a1 { color: #000; text-decoration: none; font-size:12px; }
.a1:visited { color: #000; text-decoration: none; font-size:12px; }
.a1:hover { color: #000; text-decoration: underline; font-size:12px; }

.a2 { font-weight: bold; color: #676767; }
.a2:visited { font-weight: bold; color: #676767; }
.a2:hover { font-weight: bold; color: #c547a8; }

.a3 { color: #000; text-decoration: none; }
.a3:visited { color: #000; text-decoration: none; }
.a3:hover { color: #c547a8; text-decoration: underline; }

.a4 { text-align: center; color: #676767; text-decoration: none; font-size:15px; }
.a4:visited { text-align: center; color: #676767; text-decoration: none; font-size:15px; }
.a4:hover { text-align: center; color: #676767; text-decoration: underline; font-size:15px; }

.footer { color: #767676; text-decoration: none; }
.footer:visited { color: #767676; text-decoration: none; }
.footer:hover { color: #212121; text-decoration: none; }

.a5 { font-weight: bold; color: #ffffff; text-decoration: none;  font-size:25px; transition: 1s linear;}
.a5:visited { font-weight: bold; color: #ffffff; text-decoration: none;  font-size:25px; }
.a5:hover { font-weight: bold; color: #363636; text-decoration: none;  font-size:25px; }

.a6 { font-weight: bold; color: #ffffff; text-decoration: none;  font-size:35px; }
.a6:visited { font-weight: bold; color: #ffffff; text-decoration: none;  font-size:35px; }
.a6:hover { font-weight: bold; color: #ffffff; text-decoration: none;  font-size:35px; }

.a7 { text-align: center; color: #676767; text-decoration: none; font-size:25px; }
.a7:visited { text-align: center; color: #676767; text-decoration: none; font-size:25px; }
.a7:hover { text-align: center; color: #676767; text-decoration: underline; font-size:25px; }

.a8 { color: #ffffff; text-decoration: none;  font-size:20px; transition: 1s linear;}
.a8:visited { color: #ffffff; text-decoration: none;  font-size:20px; }
.a8:hover { color: #363636; text-decoration: none;  font-size:20px; }
/* ������ */

/* ������� ���� */
#menu {float: left; margin: 0; background-color: d9d9d9; width: 100%;}
#menu td {text-align: center;}
#menu td a {
display: inline-block; padding: 9px 10px; text-align: center;
font: bold; text-decoration: none;}
#menu td a {color: #000; font-size:15px;}
#menu td a:hover, #menu td a.active {color: #000; font-size:15px; text-decoration: none;}
/* ������� ���� */

/* ������� */
td.footer { color: #000; text-align: center; font-size:11px;}
td.login { width: 100%; text-align: center; border:1px solid #EEEEEE; background-color: #F5F5F6;}
td.list-header { font-weight: bold; color: #676767; font-size:12px;}
td.list-footer { border-bottom: 1px solid #cacaca;}
td.forum { height: 40px; padding:5px 5px; border-bottom: 1px solid #cacaca;}
td.bn { color:#676767; font-size: 25px; }
/* ������� */

/* ���� */
#header { width: 100%; background-color: #ffffff;}
#header-bn { width: 100%; background-color: #5B8726;}
#footer { width: 100%; height: 50px; color: #000; background-color: #c9cacc; font-size:11pt;}
#footer-bn { width: 100%; height: 230px; color: #000; background-color: #fff; background: url(/themes/pgb/img/modules/bn/footer.png); font-size:11pt;}
#block-header { border:1px solid #bf0d0f; background-color: #bf0d0f; color: #000; font-weight: bold; padding:0px 0px;}
#block-footer { border:1px solid #bf0d0f; color: #000; padding:0px 0px;}

.bx { position:relative; margin-bottom:10px; border:1px solid #bf0d0f; padding:1px 0px; zoom:1; border-radius: 7px; -opera-border-radius: 7px; -icab-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px;}
.bx.gray { color: #fff; border:10px; border-color:#fff; background-color: #313131; padding:5px 5px;}
.bx.bn { color: #fff; border-color:#4C489D; background-color: #fff; padding:10px 10px;}
.bx.white { border-color:#cbcbcb; background-color: #fff; padding:5px 5px;}
.bx.border { width: 950px; border-color:#cbcbcb; background-color: #fff;}
.bx.message { padding:0px 0px; border:0px;}
.boxblock { position:relative; margin-bottom:10px; border:0px solid fff; padding:0px 0px; }
.box1 { position:relative; margin-bottom:0px; border:1px solid #5b8726; padding:8px 8px; background-color: #5b8726; color: #fff; font-size:15px;}
.box2 { position:relative; margin-bottom:0px; border:1px solid #8cc63e; padding:8px 8px; background-color: #8cc63e; color: #fff; font-size:15px;}
.box3 { position:relative; margin-bottom:0px; border:1px solid #572500; padding:8px 8px; background-color: #572500; color: #fff; font-size:15px;}
.box4 { position:relative; margin-bottom:0px; border:1px solid #C9CACC; padding:8px 8px; background-color: #C9CACC; color: #fff; font-size:15px;}
.box5 { position:relative; margin-bottom:0px; border:1px solid #ff9900; padding:8px 8px; background-color: #ff9900; color: #fff; font-size:15px;}
.box6 { position:relative; margin-bottom:0px; border:1px solid #bf0d0f; padding:8px 8px; background-color: #bf0d0f; color: #fff; font-size:15px;}
/* ���� */

/* �������� */
img.icon { width: 30px;border: none; }
img.icon2 { width: 17px;border: none; }
img.icon3 { width: 140px; border: none; }
img.icon4 { width: 230px; border: none; }
img.icon5 { width: 100px; border: none; }
img.articles { width: 140px; border: 1px solid #fff; }
img.parser { width: 500px; border: 1px solid #fff; }
img.eshop { width: 140px; border: 1px solid #fff; }
img.bn { width: 280px; border: 0px solid #fff; }
/* �������� */

/* ����������� ��������� */
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/themes/pgb/img/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/themes/pgb/img/pointer.gif) left top no-repeat;
}
/* ����������� ��������� */

/* Top menu */
.main-menu {

	background-color:#572500;
	border-radius:0px;
	margin:5px 5px -5px 5px;
	padding:2px;
	}
.main-menu ul {
	text-align:left;
	}
.main-menu li {
	background:url(img/item.png) no-repeat 9% 50%;
	display:inline-block;
	border-right:1px solid #572500;
	position:relative;
	}
.main-menu li2 {
	background-color:#572500;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left: 250px;
	margin-top: -0.1em;
	font-size:15px;
	padding:5px 5px 5px 5px;
	z-index: 10;
	}
.main-menu li a {
	display:block;
	font-size:15px;
	padding:0 10px 0 10px;
	border-right:1px solid #fff;
	}
.main-menu li:last-child,
.main-menu li:last-child a {
	border-right:none;
}
.main-menu ul.child {
	z-index: 10;
	position:absolute;
	display:none;
	padding:15px 5px 5px 0;
}
.main-menu ul.child li {
	padding:5px 5px 5px 10px;
	background:none;
	border-right:none;
	background-color:#572500;
	width:200%;
	border-bottom:1px solid #fff;
	transition: 1s linear;
	}
.main-menu ul.child li a {
	padding-left:0;
	border-right:none;
	}
.main-menu ul.child li:hover {
	background-color:#93613C;
	}
 .main-menu li:hover > ul {
	display:block;
   }
   
   
/* Back-to-top button */
.topNubex {
	position: fixed;
	right: 45px;
	bottom: 45px;


/* Carousel */
#carousel {
    width:1200px;
    height: 800px;
  }
  #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
	display: inline;
  }