* {
    margin: 0px;
    padding: 0px;
}

html {
    height: 100%;
    width: 100%;
    background: #FFF  url(bodybgr.gif) repeat-y center; 
}

body {
    margin: 0px auto;
    width: 990px;
    min-width: 990px;
    min-height: 100%;
    z-index: 0;
    text-align: left;
    font: 12px Verdana, sans-serif;
    color: #333;
    background: #626262;
}

a:link, a:active {
    color: #6C3600;
}

a:visited {
    color: #999;
}

a:hover {
    color: #6C3600;
}

#header {
    position: relative;
    margin: 0px auto;
    height: 230px;
    width: 990px;
    background: #0A8CBC url(nebo-bg.jpg) no-repeat left bottom;
    border-bottom: 10px solid #FFF;
}

#logo {
    float: left;
    height: 230px;
    width: 326px;
    z-index: 1000;
}

.star {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 209px;
    height: 230px;
    /*border:#F0F 1px solid;*/
}

.star img {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 209px;
    height: 230px;
    z-index: 1;
}

#stars {
    display: none;
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 1000;
    text-align: left;
    color: #F55;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80); /* IE 5.5+*/
    opacity: 0.8;
}

#precogn {
    position: absolute;
    display: none;
    width: 340px;
    top: 40px;
    left: 0px;
    z-index: 1000;
    background-color: #EDD6AA;
    border: solid 3px #8D812D;
    border-left: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80); /* IE 5.5+*/
    opacity: 0.8;
    text-align: center;
    padding: 10px;
}

#precogn img {
    margin: 0px 10px;
    height: 25px;
    width:27px;
}

#precogn p {
    margin: 0px 10px;
    padding: 10px;
    text-align: justify;
    font-size: 13px;
    font-weight: bold;
    color: #050527;
}



/****************** авторизация на сайт **********************/
#login, #logout {
    float: right;
    height: 188px;
    width: 244px;
    /*border: #FFF 1px solid;*/
    margin-top: 20px;
    margin-right: 20px;
    background: transparent url(login.png) no-repeat right bottom;
}

#logout {
    background: transparent url(logout.png) no-repeat right bottom;
}

#login form, #logout form {
    height: 188px;
    width: 244px;
/*border: #F0F 1px solid;*/
}

#login input, #logout input {
    display: block;
    width: 120px;
    margin-top: 68px;
    margin-left: 85px;
}

#login input#username {
    text-transform: uppercase;
    border: none;
}

#login input#password {
    margin-top: 18px;
    border: none;
}

#login input#button, #logout input#button {
    height: 30px;
    margin-top: 16px;
    margin-left: 60px;
    background: none;
}

#logout form div {
    margin: 0px auto;
    margin-top: 70px;
    width: 180px;
    height: 60px;
    text-align: center;
    /*background : #afeeee;*/
    font-weight: bold;
}

#logout input#button {
    margin-top: 3px;
}

#footer {
    background: url(footer.gif) repeat-x top;
    height: 80px;
    width: 100%;
    padding-top: 30px;
    border-top: 10px solid #FFF;
    overflow: hidden;
}

#copyright {
    margin-left: 30px;
    color: #B0D44E;
}

#main {
    overflow: hidden;
    padding-bottom: 100px;
    width: 100%;
    background: #FFF url(column_bg2.gif) repeat-y left;
}

/* --------------   меню --------------------*/

#nav {
    float: left;
    width: 200px;
    padding-bottom: 90px;
}

#nav ul {
    list-style-type: none;
    display: block;
    margin: 5px 10px 5px 0px;
}

#nav ul ul {
    margin-right: 0px;
}

#nav li {
    display: inline;
}

#nav a {
    display: block;
    font: bold 12px Tahoma;
    text-decoration: none;
    padding: 5px 10px 5px 20px;
    outline-style: none;
    color: #390909;
}

#nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active {
    text-transform: uppercase;
    background: #FFF url(menu_bg2.gif);
    margin: 5px 0px 0px 0px;
}

#nav li a:hover, #nav li.active a {
    background: #FFF url(menu_bg_active2.gif);
}

#nav li ul {
    display: none;
}

#nav li.active ul {
    display: block;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active {
    text-transform: none;
    background: #FFF;
    padding-left: 40px;
    color: #686857;
}

#nav li ul li a:hover {
    text-decoration: underline;
    color: #333;
}


/* --------------   правая колонка --------------------*/

#column {
    float: right;
    width: 300px;
    padding: 20px 0px 40px 0px;
}

.block {
	float: right;
    margin: 0px 20px 20px 20px;
    padding: 10px;
    border-top: 5px solid #D5D8C4;
    background: #EDEFE0;
    width: 240px;
    text-align: center;
}
 .block2{
	float:right; 
    margin: 0px 20px 0px 20px;
}
 .block2 .block{
	float:none; 
    margin: 0px;
    margin-bottom: 20px;
}



.block h1 {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #412001;
    font: 18px Arial, Helvetica, sans-serif;
}


/* --------------   основное содержание --------------------*/
hr {
    color: transparent;
    border: 0;
    background: #FFF url(hr_bg.gif) repeat-x top;
    height: 4px;
}

#content {
    margin-left: 200px;
    margin-right: 300px;
    padding: 0px 20px 30px 20px;
}

#content h1 {
    background: url(hdr_bg.gif) no-repeat left bottom;
    color: #412001;
    padding-left: 5px;
    margin-bottom: 20px;
    font: 24px Arial, Helvetica, sans-serif;
}

#content h2 {
    color: #412001;
    margin: 10px;
    font: 18px Arial, Helvetica, sans-serif;
}

#content p {
    text-align: justify;
    text-indent: 45px;
    padding-bottom: 10px;
}




#content .block .price {
    margin: 10px 0px;
}

#content .block .price span {
    color: #6C3600;
    font-weight: bold;
    margin: 0px 10px;
}

#content .block a img {
    border: none; /*1px solid #6C3600;*/
}

#content ol, #content ul {
    margin: 5px 0px 5px 20px;
    text-align: justify;
}

#content li {
    margin-bottom: 5px;
}

#content table {
    border-collapse: collapse;
    margin: 10px 0px;
    width: 99%;
    text-align: center;
    border: 1px solid #6C3600;
}

#content td, #content th {
    text-align: center;
    border: 1px solid #6C3600;
    padding: 2px 4px;
}

#content th {
    color: #6C3600;
    background: #d8dbc4;
}

.imgleft {
    float: left;
    margin: 10px;
}

.imgright {
    float: right;
    margin: 10px;
}

.imgcenter {
    display: block;
    margin: 0px auto;
}


/* ---------------------  каталог ------------------------ */
.product {
    margin: 20px 0px;
    float: left;
    width: 99%;
}

.product img {
    float: left;
    border: none;
    width: 135px;
    height: 170px;
    margin: 0px 30px 0px 10px;
}

.product div.common {
    margin-left: 165px;
    text-align: justify;
}

.product div.price {
    padding-top: 15px;
    text-align: left;
}

.product div.price span {
    font-weight: bold;
    color: #6C3600;
}

.product a {
    outline-style: none;
}

.product a.more {
    display: block;
    margin-top: 10px;
    text-align: right;
}

.product h2, .product h2 span {
    margin-left: 40px;
    color: #6C3600;
}

.product img.infomat {
    width: 100px;
    height: 100px;
}

/* ---------------------  новости ------------------------ */

.block .news {
    margin: 10px 0px 10px 0px;
}

.block .news .title span {
    padding-right: 10px;
    color: #6C3600;
    font-weight: bold;
}

.block .news a:link, .block .news a:visited, .block .news a:hover, .block .news a:active {
    display: block;
    color: #9E3308;
	padding-bottom:25px;
}

.block .news a:hover {
    color: #6C3600;
}

#content .news {
    margin: 10px 0px 10px 0px;
}

#content .news .title span {
    padding-right: 10px;
    color: #6C3600;
    font-weight: bold;
}

#content  .news a {
    display: block;
}

#content .news a:hover {
    color: #6C3600;
}

.pager {
    margin: 0px;
    text-align: center;
}

.pager span.ditto_currentpage {
    color: #EDEFE0;
    font-weight: bold;
    padding: 5px 5px;
    border: 1px solid #6C3600;
    margin: 5px;
    background: #6C3600;
    
}
.pager a{
    padding: 5px 5px;
    border: 1px solid #6C3600;
    margin: 5px;
    background: #EDEFE0;
    color: #6C3600;
}


/******************     форма регистрации    **************************/
table#regform {
    width: 100%;
    border: none;
    padding: 10px;
}

table#regform td {
    text-align: right;
    border: none;
    padding: 5px;
    padding-bottom: 10px;
}

table#regform td.caption {
    border: 1px solid #666;
    padding: 5px 10px;
    background: #EDEFE0;
    text-align: left;
}

table#regform td.caption h2 {
    font: bold 12px Verdana, sans-serif;
    margin-bottom: 10px;
}

table#regform label {
    text-align: right;
    font-weight: bold;
    color: #666;
}

table#regform input {
    width: 400px;
    text-align: left;
    margin-left: 20px;
}

table#regform select {
    width: 200px;
    text-align: left;
}

table#regform #submit {
    display: block;
    width: 200px;
    margin: 0px auto;
    text-align: center;
}

/***************   авторизация лицевой счет *************/
#accountfrm {
    width: 360px;
    height: 220px;
    margin: 0px auto;
    background: #F2C315 url(authaccount.jpg) no-repeat;
    border: #FFF 1px solid;
}

#accountfrm input {
    width: 150px;
    display: block;
}

#accountfrm input.password {
    margin-left: 142px;
    margin-top: 97px;
    border: none;
}

#accountfrm input.button {
    width: 150px;
    height: 33px;
    margin-left: 107px;
    margin-top: 38px;
    background: none;
}


/***************   авторизация проект хронос *************/
#hronosfrm {
    width: 360px;
    height: 220px;
    margin: 0px auto;
    background: #FFF url(authhronos.jpg) no-repeat;
    border: #FFF 1px solid; /* почему-то ломается верстка без рамки*/
}

#hronosfrm input {
    margin-top: 83px;
    margin-left: 142px;
    width: 150px;
    display: block;
/*background : #F2C315; */
}

#hronosfrm input#card {
    text-transform: uppercase;
    border: none;
}

#hronosfrm input#password {
    margin-top: 28px;
    border: none;
}

#hronosfrm input#button {
    width: 150px;
    height: 33px;
    margin-left: 98px;
    margin-top: 21px;
    background: none;
}


/**********  страницы управления *****************/
#indicator {
    display: none;
    background: #FFFFAE url(images/indicator.gif) 5px 10px no-repeat;
    color: #67634d;
    padding: 10px;
    padding-left: 30px;
    border: 5px solid #aca99d;
}

#perPage {
    padding: 5px;
    text-align: right;
    color: #060;
    font-weight: bold;
}

#pager {
    width: 95%;
    overflow: hidden;
    padding: 5px;
    margin: 10px auto;
    text-align: center;
}

#numPerPage {
    border: 1px solid #6A664F;
}

#pager a {
    background-color: #ece9d8;
    border: 1px solid #6A664F;
    color: #6A664F;
    padding: 2px 5px;
    margin: 0 3px;
    text-decoration: none;
    cursor: pointer;
}

#pager a.current {
    font-weight: bold;
    background-color: #67634d;
    color: #FFF;
}

#pager a#prevBtn, #pager a#nextBtn {
    font-weight: bold;
    padding: 3px 10px;
}

#errors {
    font-weight: bold;
    color: #F00;
    text-align: left;
    background: #FFDFDF;
    border: 1px solid #F00;
    margin: 10px 0px;
    padding: 10px;
}

#messages {
    font-weight: bold;
    color: #090;
    text-align: left;
    background: #D9F9D9;
    border: 1px solid #090;
    margin: 10px 0px;
    padding: 10px;
}

.error {
    color: #F00;
    font-weight: bold;
}

.message {
    color: #090;
    font-weight: bold;
}
/*
.msg-box {
    min-height: 20px;
    margin: 5px;
}

.auth {
    border: 1px solid #aca99d;
}
*/

/******************     форма     **************************/
table#tabform {
    /*width:80%;*/
    border: none;
    padding: 10px;
}

table#tabform td {
    text-align: left;
    border: none;
    padding: 5px;
}

table#tabform td.label {
    text-align: right;
    font-weight: bold;
    color: #666;
}

table#tabform input {
    text-align: left;
}

table#tabform input#submit {
   display: block;
    width: 200px;
    margin: 0px auto;
    text-align: center;
}

input#activate {
    display: block;
    width: 200px;  
    margin: 10px auto; 
    text-align: center;
}

/******************       прочее        *****************/
table#photos {
    border: none;
    text-align: left;
    vertical-align: top;
    background-color: #FFF;
}

#photos td {
    border: none;
    text-align: left;
    vertical-align: top;
    background-color: #FFF;
}

#content .childscontainer, #content .thumbscontainer {
    text-align: center;
}

#content .childscontainer p, #content .thumbscontainer p {
    text-align: center;
    text-indent: 0px;
}

table#towns {
    margin: 10px auto;
    border: none;
}

table#towns td {
    width: 110px;
    padding-bottom: 50px;
    vertical-align: top;
    text-align: center;
    border: none;
}

table#towns td div.gerb {
    width: 110px;
    height: 140px;
    border: none;
    margin: 0px auto;
}



/**********  контакты *******************/
h2 {
    text-align: center;
}

table#contacts {
    border: none;
}

#contacts td {
    border: none;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

#contacts td.caption {
    text-align: right;
}

#contacts td.caption2 {
    text-align: right;
    width: 50%;
}

#contacts td.obe {
    text-align: center;
}

/******************  доска почета  ***************************/
#content .FoH{
	width:600px;
	margin:0 auto;
	margin-bottom: 30px;
} 
#content .FoH p,
#content .FoH h2 {
	text-align: center;
	text-indent: 0px;
}
#content .FoH ul{
   display: block;
	height:120px;
	padding-left:160px; 
	padding-top:20px; 
	margin-left: 0px;
}
.almaz{
	background: url('al117v2.jpg') no-repeat left center;
}
.sapfir{
	background: url('sa117v2.jpg') no-repeat left center;
}

.izumrud{
	background: url('iz117v2.jpg') no-repeat left center;
}
.granat{
	background: url('gr117v2.jpg') no-repeat left center;
}
.pearl{
	background: url('pr117v2.jpg') no-repeat left center;
}