/*
    Document   : CatSt
    Created on : 13.02.2013, 9:54:07
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

div.clear{
    clear: both;
}
body{
	color: #696361;
	line-height: 22px;
	font-size: 14px;
	font-family: Arial, 'Courier New', Courier, monospace;
	background: url(images/bg.png) 0 0 repeat #1f1f1f;
}
p{
	margin-bottom: 15px;
}
h1,h2,h3,h4 {
    font-family: "Arial", Helvetica, sans-serif;
    color: #fff;}
h1 {
	color: #283E64;
	font-size: 36px;
	margin-top: 5px;
	font-family: 'OfficinaSansBoldC', Arial, monospace;
	height: 36px;
}
h2 {font-size: 18pt;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt;}
h5 {font-size: 10pt;}
h6 {font-size: 8pt;}
b{
	font-weight: bold;
}
.top-banner{
	width:980px;
	margin: 0 auto;
	text-align: center;
}
div#main {
    width:960px;
    margin:20px auto;
    background-color:#fff;
	padding: 20px;
	box-shadow: 0px 2px 5px #B9B9B9;
	border-radius: 4px;
}

div#header {
    width:960px;
    position: relative;
    margin:0 auto;
    background-color:#fff;
}

            div#phone {
				position: absolute;
				margin-top: 10px;
				text-align: right;
				font-size: 37px;
				font-weight: bold;
                width:590px;
                height:37px;
            }

            div#logo {
                width:195px;
                height:89px;
                float: left;
            }

			div#wcf_logo {

                width:93px;
                height:89px;
                float: left;
            }

            div#menublock {
				margin-top: 40px;
                float: right;
                border-bottom:1px solid #BCBCBC;

            }

.workarea {
	width: 100%;
}
		#waleft{
			width: 100%;
			vertical-align: top;
		}
		#waright{
			width: 0%;
			padding: 0px 10px;
		}

div#slider {
    width:960px;
    height: 400px;
    margin:0 auto;
}

            div#slider table {
                            background: #595959;
                            width:100%;
                            height: 100%;
                            padding: 10px;
                            border-spacing: 0;


                        }
                            #slider1 {
                            vertical-align: top;
                            color: #fff;
							line-height: 1.2;
                        }
                                img.slider-news {
                                    width:60px;
                                    float:left;
                                    margin: 0 10px 0 0;
                                }

                                #slider1 h5 a, #slider1 h6 a {
                                    text-decoration: underline;
                                    color:#fff;
                                }

                                #slider1 h5 a:hover, #slider1 h6 a:hover {
                                    text-decoration: none;
                                }

                                #slider1 h6 {
                                    color: #bcbcbc;
                                }
                                .kurs {
                                    font-style: italic;
                                }
                                #slider1 .line {
                                    margin: 10px 0;
                                    border-bottom:1px solid #BCBCBC;
                                }

								#slider1 .news-date-time {
									color: #bcbcbc;
								}

                            #slider2 {
                            width:530px;
                            padding: 0px 10px;
                            vertical-align: top;
                        }
                            #slider3 {
                            width:150px;
                            vertical-align: top;
                        }

div#promo {
    width:960px;
    height: 360px;
    position: relative;
    margin:0 auto;
    background-color:#fff;
    margin-bottom: 40px;
}

    div#rainbow {
        background-color:#fff;
		margin-left: -10px;
		overflow: hidden;
    }
       div.block {
           width:190px;
           height:300px;
           float:left;
           margin: 20px 0px 20px 11px;
           padding: 20px;
           position: relative;
       }
       div#red {
           background: url(images/bg-box-1.png) 0 0 repeat;
       }
       div#orange {
           background: url(images/bg-box-2.png) 0 0 repeat;
           margin: 20px 12px 20px 12px;
       }
       div#yellow {
           background: url(images/bg-box-3.png) 0 0 repeat;
           margin: 20px 12px 20px 0
       }
       div#turquoise {
           background: url(images/bg-box-4.png) 0 0 repeat;
       }

       div.block h1 {
           text-align: center;
           background: url(images/line.png) 0 bottom repeat-x;
           text-transform: uppercase;
           padding: 8px 0 23px;
           margin-bottom: 17px;
		   color: #fff;
        }

       div.block ul{
           text-decoration: none;
           list-style-type: none;
           font-family: "Arial", Helvetica, sans-serif;
           font-size: 12pt;
        }

        div.block a {
           text-decoration: none;
           color:#fff;
           background: url(images/marker.png) no-repeat 0 8px;
           padding-left: 13px;}

        div.block a:hover {
           text-decoration: underline;
           color: #fff
        }

        div.block a.button-block {
            line-height: 16px;
            padding: 10px 20px;
            text-decoration: none;
            text-transform: lowercase;
            background: #fff;
            font-family: "Arial";
            font-size: 13px;
            font-weight: bold;
            position: absolute;
            left: 62px;
            bottom: 25px;
        }
        div.block a.button-block:hover{
			color: #000 !important;
		}

div.content {
	width: 960px;
	height: 220px;
	margin: 0 auto;
	background-color: #BBB8A3;
	margin-bottom: 20px;
}

div.row{
	width: 420px;
	float: left;
	height: 160px;
	padding: 30px;
}

div.row a {
	text-decoration: underline;
	color: #fff;
}

div.row a:hover {
	text-decoration: none;
	color: #fff;
}

div.row a.more_info{
	text-decoration: underline;
	color: #fff;
	background: url(images/marker-link-box.png) no-repeat 0 8px;
	padding-left: 13px;
}

div.row a.more_info:hover{
	text-decoration: none;
}


div#footer {
    padding: 20px 0px 0px 0px;
    background-color:#fff;
	overflow: hidden;
}

div#footer h3 {color: #696955;}

div#footer div#catus {float: left;}

div#footer div#copyright {float: right;}


div#footer a {
	text-decoration: underline;
	color: #696955;
}

div#footer a:hover{
	text-decoration: none;
	color: #696955;
}

a#button-up {
    display: none;
    float: right;
    width: 77px;
    height: 72px;
    position: fixed;
    bottom: 80px;
    right: 40px;
    background: url(images/button-up.png) no-repeat center center;
}

#menu{
	 width: 100%;
	 list-style: none;
}

.activmenu{
	 background: #CCC;
}

 #menu li {
	 font-family: "Arial", Helvetica, sans-serif;
	 font-size: 16px;
	 float: left;
	 position: relative;
	 display: block;
	 padding: 0 10px;
	 z-index: 4;
 }

 #menu li a {
	 display: block;
	 padding: 7px 10px;
	 color: #585858;
	 background: #fff;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-weight: bold;
 }

 #menu li a:hover{
	 color: #585858;
	 background:#fff;
 }

 #menu ul{
	 list-style:none;
	 position:absolute;
	 left:-9999px;
 }

 #menu ul li{
	 float:none;
 }
 #menu ul li a{
	 border-bottom: 1px solid #a3a3a3;
	 text-transform: none;
	 font-size: 14px;
 }
 #menu ul a{
	 min-width: 150px;
	 white-space:nowrap;
	 display:block;
	 line-height: 28px;
	 padding-left: 17px;
 }

 #menu li:hover ul{
	 left:0px;
	 opacity:1;
 }

 #menu li:hover ul a{
	 color: #fff;

	 background: #585858; /* Old browsers */

background: -moz-linear-gradient(top, #848484 2%, #585858 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#848484), color-stop(100%,#585858)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #848484 2%,#585858 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #848484 2%,#585858 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #848484 2%,#585858 100%); /* IE10+ */
background: linear-gradient(to bottom, #848484 2%,#585858 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
	 text-decoration:none;
 }

 #menu li:hover ul li a:hover,#menu li a.root-item-selected{
	 background:#BCBCBC;
	 color: #fff;
background: -moz-linear-gradient(top, #bfbfbf 1%, #a0a0a0 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bfbfbf), color-stop(99%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfbfbf 1%,#a0a0a0 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfbfbf 1%,#a0a0a0 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfbfbf 1%,#a0a0a0 99%); /* IE10+ */
background: linear-gradient(to bottom, #bfbfbf 1%,#a0a0a0 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
 }
 #menu li:hover ul{
	 margin-left: 11px;
	 border: 1px solid #6B6B6B;
	 border-top: 0;
	 border-bottom: 0;
 }
 #menu li:hover ul li{
	 padding: 0;
 }
 #menu  ul ul{
	 display: none;
 }

 #menu li ul li:hover ul{
	 position: absolute;
	 display: block;
	 top:0px;
	 left: 213px;
 }

 #menu li:hover ul li ul li a{
	 background: #BCBCBC;
	 color: #fff;
 }

 #menu li:hover ul li ul li a:hover{
	 background: #585858;
	 color: #fff;
 }

 #menu > li:hover {
	 /*background:url(images/bg-li-h.png) 0 top repeat-x; */
 }
 #menu > li:hover a{
	 background: #ccc;
	 color: #fff;
 }

 .hidden{
	 display: none;
 }
 /*Modal*/
.modal {
	border: 1px solid #e7e7e7;
	display: none;
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 999;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.modal#addToBasket{
	text-align: center;
	padding: 10px;
	width: 325px;
}
.modal .item_title{
	color: #E2631B;
	margin: 10px 0 5px;
	font-weight: bold;
}
.modal h4{
	padding: 10px;
	font-weight: bold;
	background: #E7E7E7;
}
.modal img{
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;
	margin:  0 15px 15px 0;
}
/*end Modal*/

.modal {
	border: 1px solid #e7e7e7;
	display: none;
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 999;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.modal .item_title{
	color: #E2631B;
	margin: 10px 0 5px;
	font-weight: bold;
}
.modal h4{
	padding: 10px;
	font-weight: bold;
	background: #E7E7E7;
}
.modal img{
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;
	margin:  0 15px 15px 0;
}
.loginform{
	background: white;
	border-radius: 7px;
	padding: 10px 10px 25px 10px;
	text-align: center;
}
.modal .bx-auth{
	width: 300px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.bx-auth table td{
	vertical-align: middle;
}
.bx-auth .close{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.bx-auth-note{
	padding: 5px;
	background: #EEE;
	font-weight: bold;
}
.bx-auth label{
	margin: 20px 0 8px;
	display: block;
	font-weight: bold;
	font-size: 14px;
}
.bx-auth-input{
	width: 275px;
}
.bx-auth label.label-soft{
	font-weight: normal;
	margin: 0;
	display: inline;
}
.bx-auth .forgot-link,.bx-auth .register-link{
	font-size: 12px;
}
.bx-auth .register-link{

}
.bx-auth .button{
	margin: 15px 0 10px;
	float: left;
}
input[type='text'], input[type='password'] {
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 10px 8px;
	box-shadow: inset 0 2px 6px 0 rgba(194, 194, 194, 0.55);
}
.auth-block{
	float: right;
	margin-top: -10px;
}
.auth-block a{
	margin-left: 10px;
	color: #878787;
	font-size: 12px;
}

/*список новостей*/
/*Блок всех новостей*/
div.news-list {
	padding: 10px;
	font-size: 12pt;
}

/*Параметры картинки*/
div.news-list img.preview_picture
{   width: 150px;
	margin:0 10px 10px 0;
}

/*Картинка*/
div.news-list a.picture {
	float: left;
	margin-right: 10px;
}

/*Блок одной новости*/
div.news-item{
	padding: 10px;
	background: #FAFAFA;
	margin-bottom: 20px;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #E4E4E4;
}

/*Дата публикации*/
.news-date-time {
	color:#486DAA;
	font-size: 10pt;
}

/*Ссылка на название*/
div.news-item a.news-name{
	display: block;
	color: #3592E7;
	margin: 5px 0px 10px 0px;
}

/*Ссылка на название наведенная*/
div.news-item a.news-name:hover{
	color: #25364e;
}

/*Название новости*/
h3.news-name {
	margin: 10px 0px;
}
/**/