@import url("default.css");
@import url("content.css");

#site_conteiner {
	position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
	width: 100%;
  min-width: 1020px;
	max-width: 1680px;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: left;
}
*html #site_conteiner { width: expression((documentElement.clientWidth||document.body.clientWidth)<1015?'1020px':'');}

	#header {
		height: 130px;
	}
		#header h1 {
			float: left;
			margin: 0;
			padding: 30px 0 0 30px;
		}
		#autorize_form {
			position: relative;
			top: 15px;
			float: right;
      color: #fff;
			padding: 30px 60px 10px 20px;
			background-color: #808080;
		}
			#autorize_form h2 {
				position: absolute;
				top: -9px; right: 40px;
				width: 160px; height: 28px;
				margin: 0;
				padding: 0;
				text-align: center;
				color: #efefef;
				font-size: 1.0em;
				font-weight: bold;
				line-height: 28px;
				border-left: 3px solid #fff;
				border-bottom: 3px solid #fff;
				border-right: 3px solid #fff;
				background-color: #4f4f4f;
			}
      #autorize_form h2.account {
        color: #fff;
        background-color: #FF5600;
      }
        #autorize_form h2 a {
          display: block;
          height: 28px;
          color: #fff;
					font-weight: normal;
          text-decoration: none;
        }
				#autorize_form h2 span.lt, #autorize_form h2 span.rt {
					position: absolute;
					height: 5px; width: 5px;
					overflow: hidden;
					background: url(../img/corners.png) transparent 0 0 no-repeat;
				}

				#autorize_form h2 span.rb, #autorize_form h2 span.lb {
					position: absolute;
					height: 8px; width: 8px;
					overflow: hidden;
					background: url(../img/corners.png) transparent 0 0 no-repeat;
				}
        #autorize_form h2 span.lt { top: 0; left: 0; background-position: -3px 0; }
				#autorize_form h2 span.rt { top: 0; right: 0px; margin-left: 100%; background-position: -8px 0; }
				#autorize_form h2 span.rb { bottom: -3px; left: -3px; background-position: 0px -5px; }
				#autorize_form h2 span.lb { bottom: -3px; right: -3px; margin-left: 100%; background-position: -8px -5px; }

        #autorize_form h2.account span.lt { top: 0; left: 0; background-position: -99px 0; }
				#autorize_form h2.account span.rt { top: 0; right: 0px; margin-left: 100%; background-position: -104px 0; }
				#autorize_form h2.account span.rb { bottom: -3px; left: -3px; background-position: -96px -5px; }
				#autorize_form h2.account span.lb { bottom: -3px; right: -3px; margin-left: 100%; background-position: -104px -5px; }

			#autorize_form p { margin: 0; }
			#autorize_form p.i { margin: 0 0 5px 0; }
				#autorize_form p label {
					display: block;
					float: left;
					width: 70px;
					margin: 2px 15px 0 0;
					text-align: right;
					color: #c7c7c7;
					text-transform: lowercase;
				}
				#autorize_form p.i input {
					-display: block;
					width: 160px;
					border: 0;
					background: #efefef;
				}

			#autorize_form p.reg { text-align: right; }
			 #autorize_form p.reg a {
				padding: 0 0 0 17px;
				color: #c7c7c7;
				text-decoration: none;
				text-transform: lowercase;
				background: url(../img/autorize_arrow.png) transparent 0 60% no-repeat;
			}
			 #autorize_form p.reg a:hover, #autorize_form p.reg a:active { color: #fff; text-decoration: underline; }

			#autorize_form .submit {
				position: absolute;
				left: 30px; bottom: -13px;
				border-left: 3px solid #fff;
				border-top: 3px solid #fff;
				border-right: 3px solid #fff;
				background-color: #ff5600;
			}
				#autorize_form button {
					display: block;
					height: 30px; width: 70px;
					padding: 0;
					margin: 0;
					border: 0;
					color: #fff;
					line-height: 20px;
					text-transform: lowercase;
					background-color: #ff5600;
				}

				#autorize_form .submit span {
					position: absolute;
					height: 5px; width: 5px;
					overflow: hidden;
					background: url(../img/corners.png) transparent 0 0 no-repeat;
				}
				#autorize_form .submit span.lt { left: -3px; top: -3px; height: 8px; width: 8px; background-position: -16px 0px; }
				#autorize_form .submit span.rt { top: -3px; right: -3px; height: 8px; width: 8px; margin-left: 100%; background-position: -24px 0px; }
				#autorize_form .submit span.rb { left: 0px; bottom: 0px; background-position: -19px -8px; }
				#autorize_form .submit span.lb { right: 0px; bottom: 0px; margin-left: 100%; background-position: -24px -8px; }

			#autorize_form span.blt, #autorize_form span.blb {
				position: absolute;
				height: 15px; width: 15px;
				overflow: hidden;
				background: url(../img/corners.png) transparent 0 0 no-repeat;
			}
			#autorize_form span.blt { top: 0; left: 0; background-position: 0 -13px; }
			#autorize_form span.blb { bottom: 0; left: 0; background-position: -15px -13px; }

			#autorize_form .exit { width: 245px; }
			#autorize_form .exit p, #autorize_form .exit p a { color: #fff; }

/* end css autorize form */

	#main_menu {
		margin: 20px 5px 0 5px;
		padding: 0 0 15px 0;
		overflow: hidden;
		border-bottom: 4px solid #4f4f4f;
		zoom: 1;
	}

		#main_menu .pos_box {
		/*position: relative;
			right: 50%;
			float: right; */
		}
		#main_menu ul {
		/*position: relative;
			z-index: 1;
			right: -50%;*/
			margin: 0 0 0 20px;
			padding: 0;
			-margin-left: 10px;
		}
			#main_menu ul li {
				position: relative;
				float: left;
				margin: 0 8px 0 8px;
				padding: 0;
				list-style-type: none;
			}
				#main_menu ul li a {
					display: block;
					float: left;
					margin: 0; padding: 0;
					width: 136px; height: 28px;
					text-align: center;
					color: #fff;
					font-size: 1.2em;
					font-weight: normal;
					text-decoration: none;
					line-height: 28px;
					border: 2px solid #c7c7c7;
					background-color: #4f4f4f;
				}

				#main_menu li span {
					position: absolute;
					height: 8px; width: 8px;
					overflow: hidden;
					background: url(../img/corners.png) transparent 0 0 no-repeat;
				}
				#main_menu li span.lt { left: 0; top: 0; background-position: -32px 0px; }
				#main_menu li span.rt { top: 0; right: 0; margin-left: 100%; background-position: -40px 0px; }
				#main_menu li span.rb { left: 0px; bottom: 0px; background-position: -32px -8px; }
				#main_menu li span.lb { right: 0px; bottom: 0px; margin-left: 100%; background-position: -40px -8px; }

				#main_menu li.active span.lt, #main_menu li.selected span.lt { left: 0; top: 0; background-position: -48px 0px; }
				#main_menu li.active span.rt, #main_menu li.selected span.rt { top: 0; right: 0; margin-left: 100%; background-position: -56px 0px; }
				#main_menu li.active span.rb, #main_menu li.selected span.rb { left: 0px; bottom: 0px; background-position: -48px -8px; }
				#main_menu li.active span.lb, #main_menu li.selected span.lb { right: 0px; bottom: 0px; margin-left: 100%; background-position: -56px -8px; }

				#main_menu ul li.active a, #main_menu ul li.selected a { background-color: #ff5600; }

        /*
				#main_menu li span.ico {
					position: absolute;
					top: -41px; left: 50%;
					height: 37px; width: 50px;
					margin: 0 0 0 -25px;
					overflow: hidden;
					background: url(../img/ico_01.png) transparent 50% 0 no-repeat;
				}
				#main_menu li span.ico_01 { background-image: url(../img/ico_01.png); }
				#main_menu li span.ico_02 { background-image: url(../img/ico_02.png); }
				#main_menu li span.ico_03 { background-image: url(../img/ico_03.png); }
				#main_menu li span.ico_04 { background-image: url(../img/ico_04.png); }
				#main_menu li span.ico_05 { background-image: url(../img/ico_05.png); }
				#main_menu li span.ico_06 { background-image: url(../img/ico_06.png); }
        */
/* end css main menu */


	#conteiner {
		margin: 15px 0 0 0;
		width: 100%;
		padding-bottom: 80px;
	}
		#center_panel {
			width: 100%;
			float: left;
			overflow: hidden;
		}
			#content {
				margin: 0 270px;
				overflow: hidden;
			}
			*html #content { width: 100%; }

			#single_title {
				margin: 0 0 20px 0;
				padding: 0 0 0 55px;
				overflow: hidden;
				background: url(../img/title_logo.png) transparent 0 0 no-repeat;
				zoom: 1;
			}
				#single_title div {
					position: relative;
					float: left;
					margin: 0;
					padding: 0;
					/*height: 28px;*/
					line-height: 28px;
					border: 2px solid #c7c7c7;
					background-color: #4f4f4f;
				}
					#single_title div h2 {
						padding: 0 20px;
						margin: 0;
						color: #fff;
						font-size: 1.2em;
						font-weight: normal;
					}
					#single_title h2 a { color: #fff; text-decoration: none; }
					#single_title h2 a:hover, #single_title h2 a:active { color: #ff5600; }

					#single_title h2 span {
						position: absolute;
						height: 8px; width: 8px;
						overflow: hidden;
						background: url(../img/corners.png) transparent 0 0 no-repeat;
					}
				#single_title h2 span.lt { left: -2px; top: -2px; background-position: -32px 0px; }
				#single_title h2 span.rt { top: -2px; left: -6px; margin-left: 100%; background-position: -40px 0px; }
				#single_title h2 span.rb { left: -2px; bottom: -2px; background-position: -32px -8px; }
				#single_title h2 span.lb { left: -6px; bottom: -2px; margin-left: 100%; background-position: -40px -8px; }

		#left_panel {
			float: left;
			width: 250px;
			margin-left: -100%;
			overflow: hidden;
		}
			#left_panel .news_item {
				margin: 0 0 15px 0;
			}
			#contentmenu {
				margin: 0 20px 0 30px;
				padding: 0;
			}
				#contentmenu li {
					margin: 0 0 8px 0;
					padding: 0;
					list-style-type: none;
				}
				#contentmenu li span.box {
					display: block;
					position: relative;
					margin: 0;
					padding: 0;
					overflow: hidden;
					zoom: 1;
				}
				#contentmenu li span.box span {
					position: absolute;
					height: 8px; width: 8px;
					overflow: hidden;
					background: url(../img/corners.png) transparent 0 0 no-repeat;
				}
				#contentmenu li span.box span.lt { left: 0; top: 0; background-position: -32px 0px; }
				#contentmenu li span.box span.rt { top: 0; left: -8px; margin-left: 100%; background-position: -40px 0px; }
				#contentmenu li span.box span.rb { left: 0px; bottom: 0px; background-position: -32px -8px; }
				#contentmenu li span.box span.lb { left: -8px; bottom: 0px; margin-left: 100%; background-position: -40px -8px; }

					#contentmenu li a {
						display: block;
						margin: 0; padding: 0;
						height: 28px;
						text-align: center;
						color: #fff;
						font-size: 1.2em;
						font-weight: normal;
						text-decoration: none;
						line-height: 28px;
						border: 2px solid #c7c7c7;
						background-color: #4f4f4f;
					}

			#contentmenu .secondSelfMenu {
				margin: 8px 0 8px 12px;
				padding: 0;
			}
				#contentmenu .secondSelfMenu li {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
					#contentmenu .secondSelfMenu li a {
						display: inline;
						height: auto;
						margin: 0;
						padding: 0 0 0 15px;
						color: #393939;
						line-height: 1.2;
						border: none;
						background: url(../img/marker.png) transparent 0 0.25em no-repeat;
					}
			#contentmenu li a:hover, #contentmenu li a:active, #contentmenu li a.active { color: #ff5600; }

			#news h4 { margin-bottom: 0; }
				#news h4 a {	margin-bottom: 0; font-size: 0.9em;	font-weight: normal; }

			#left_panel .holder {
				margin: 60px 20px 0 30px;
			}

      #left_panel .file input {
        font-size: 10px;
      }

		#right_panel {
			float: left;
			width: 250px;
			margin-left: -250px;
			/*overflow: hidden;*/
		}
      #right_panel .holder {
				margin: 0 30px 30px 20px;
			}

      #right_panel .foto_help_online {
        position: relative;
        margin: 10px -30px 34pt 0;
        padding: 19px 15px 10px 15px;
        background-color: #FF5600;
        zoom: 1;
      }
        #right_panel .foto_help_online .title {
          position: absolute;
          top: -9px; right: 40px;
          width: 160px; height: 28px;
          margin: 0;
          padding: 0;
          text-align: center;
          color: #efefef;
          line-height: 28px;
          border-left: 3px solid #fff;
          border-bottom: 3px solid #fff;
          border-right: 3px solid #fff;
          background-color: #4f4f4f;
        }
          #right_panel .foto_help_online .title h3 {
            display: block;
            height:28px;
            margin: 0;
            font-size: 1.0em;
            font-weight: normal;
            color:#FFFFFF;
            text-decoration:none;
          }

          #right_panel .foto_help_online span.lt, #right_panel .foto_help_online span.lb {
            position: absolute;
            height: 15px; width: 15px;
            overflow: hidden;
            background: url(../img/corners.png) transparent 0 0 no-repeat;
          }

         #right_panel .foto_help_online .title span.lt, #right_panel .foto_help_online .title span.rt {
            position: absolute;
            height: 5px; width: 5px;
            overflow: hidden;
            background: url(../img/corners.png) transparent 0 0 no-repeat;
          }

          #right_panel .foto_help_online .title span.rb, #right_panel .foto_help_online .title span.lb {
            position: absolute;
            height: 8px; width: 8px;
            overflow: hidden;
            background: url(../img/corners.png) transparent 0 0 no-repeat;
          }
          #right_panel .foto_help_online span.lt { top: 0; left: 0; background-position: -129px 0; }
          #right_panel .foto_help_online span.lb { bottom: 0; left: 0; background-position: -128px -13px; }

          #right_panel .foto_help_online .title span.lt { top: 0; left: 0; background-position: -115px 0; }
          #right_panel .foto_help_online .title span.rt { top: 0; right: 0px; margin-left: 100%; background-position: -120px 0; }
          #right_panel .foto_help_online .title span.rb { bottom: -3px; left: -3px; background-position: -112px -5px; }
          #right_panel .foto_help_online .title span.lb { bottom: -3px; right: -3px; left: -5px; margin-left: 100%; background-position: -120px -5px; }


            #right_panel .foto_help_online p {
              color: #fff;
            }

      #left_panel .panel_title, #right_panel .panel_title, #left_panel .info_box, #right_panel .info_box {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        /*overflow: hidden;*/
        zoom: 1;
      }
        #left_panel .panel_title h3, #right_panel .panel_title h3 {
          display: block;
          margin: 0; padding: 0;
          height: 28px;
          text-align: center;
          color: #fff;
          font-size: 1.2em;
          font-weight: normal;
          text-decoration: none;
          line-height: 28px;
          border: 2px solid #c7c7c7;
          background-color: #4f4f4f;
        }
        #left_panel .panel_title span, #right_panel .panel_title span, #left_panel .info_box span, #right_panel .info_box span {
          position: absolute;
          height: 8px; width: 8px;
          overflow: hidden;
          background: url(../img/corners.png) transparent 0 0 no-repeat;
        }

        #left_panel .info_box, #right_panel .info_box {
          margin: 8px 0 0 0;
        }
          #left_panel .info_box .inner, #right_panel .info_box .inner {
            padding: 17px 12px 17px 12px;
            border: 2px solid #4f4f4f;
            background-color: #dfdfdf;
            zoom: 1;
          }
            #left_panel .info_box p, #right_panel .info_box p {
              margin: 0 0 5px 0;
              overflow: hidden;
              zoom: 1;
            }
              #left_panel .info_box input, #right_panel .info_box input {
                /*width: 50px;*/
                padding: 2px;
                color: #4f4f4f;
                border: 1px solid #4f4f4f;
              }
              #left_panel .info_box input.file {
                width: 95%;
                padding: 2px;
              }

                #site_conteiner div.button {
                  position: relative;
                  float: left;
                  clear: both;
                  margin: 5px 0 0 0;
                  background-color: #4f4f4f;
                }
								*html #site_conteiner div.button { width: 125px; }

                  #site_conteiner div.wr {
                    display: block;
                    height: 20px;
                    font-size: 12px;
                    border: none;
                    background: none;
                    border: 2px solid #efefef;
                  }
									*html #site_conteiner div.wr { width: 125px; }

                    #site_conteiner div.button button, #site_conteiner div.button a {
                      display: block;
                      color: #efefef;
                      padding: 1px 12px 0 12px;
                      font-size: 12px;
                      text-decoration: none;
                      border: none;
                      background: none;
                    }

                    *html #site_conteiner div.button button, *html #site_conteiner div.button a {
                        height: 20px;
                    }

                    #site_conteiner div.button a {
                      padding: 2px 12px 0 12px;
                    }
                    #left_panel div.button button {
                      width: 125px;
                    }
                    #site_conteiner div.multy {
                      margin: 20px 0 0 0;
                    }
                      #site_conteiner div.multy a {
                        width: 145px;
                        text-align: center;
                      }
											*html #site_conteiner div.multy a { width: 169px; }

                  #site_conteiner div.button span {
                    position: absolute;
                    height: 6px; width: 6px;
                    overflow: hidden;
                    background: url(../img/corners.png) transparent 0 0 no-repeat;
                  }

        #left_panel .panel_title span.lt, #right_panel .panel_title span.lt { left:0; top: 0; background-position: -32px 0px; }
        #left_panel .panel_title span.rt, #right_panel .panel_title span.rt { top: 0; left: -8px; margin-left: 100%; background-position: -40px 0px; }
        #left_panel .panel_title span.rb, #right_panel .panel_title span.rb { left: 0px; bottom: 0px; background-position: -32px -8px; }
        #left_panel .panel_title span.lb, #right_panel .panel_title span.lb { left: -8px; bottom: 0px; margin-left: 100%; background-position: -40px -8px; }

        #left_panel .info_box span.lt, #right_panel .info_box span.lt { left:0; top: 0; background-position: -80px 0px; }
        #left_panel .info_box span.rt, #right_panel .info_box span.rt { top: 0; left: -8px; margin-left: 100%; background-position: -88px 0px; }
        #left_panel .info_box span.rb, #right_panel .info_box span.rb { left: 0px; bottom: 0px; background-position: -80px -8px; }
        #left_panel .info_box span.lb, #right_panel .info_box span.lb { left: -8px; bottom: 0px; margin-left: 100%; background-position: -88px -8px; }

        *html #left_panel .info_box span.rt, *html #right_panel .info_box span.rt { top: 0; left: -4px; margin-left: 100%; background-position: -88px 0px; }
        *html #left_panel .info_box span.lb, *html #right_panel .info_box span.lb { left: -4px; bottom: -1px; margin-left: 100%; background-position: -88px -8px; }

				*html #left_panel .info_box span.lb { bottom: -1px; }
				*html #left_panel .info_box span.rb { bottom: -1px; }

        #site_conteiner div.button span.lt { left:0; top: 0; background-position: -32px -16px; }
        #site_conteiner div.button span.rt { top: 0; left: -6px; margin-left: 100%; background-position: -38px -16px; }
        #site_conteiner div.button span.rb { left: 0px; bottom: 0px; background-position: -32px -22px; }
        #site_conteiner div.button span.lb { left: -6px; bottom: 0px; margin-left: 100%; background-position: -38px -22px; }

			
	.cleaner { clear: both; height: 1px; overflow: hidden; }

	#footer {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%; height: 50px;
		text-align: center;
		color: #fff;
	}
		#footer .copyright {
			position: absolute;
			top: 0; left: 0;
			width: 250px; height: 50px;
			text-align: left;
			color: #fff;
			background-color: #4f4f4f;
		}
			#footer .copyright p { padding: 7px 0 0 30px; }
				#footer .copyright p a { text-decoration: none; }

		#footer .buttons {
			height: 50px;
			margin: 0 250px;
			color: #4f4f4f;
			line-height: 48px;
			background-color: #dfdfdf;
		}
			#footer .buttons p { 
				margin: 0;
				padding: 0px 0 0 0;
				color: #333;
				font-size: 1.2em;
				font-weight: bold;
			}
				#footer .buttons p span {
					position: relative;
					top: 3px;
					font-size: 1.6em;
					font-weight: normal;
				}
      *html #footer .buttons p { padding: 0; }
      *+html #footer .buttons p { padding: 0; }
			#footer .buttons img { margin: 0 3px; }

		#footer .contacts {
			position: absolute;
			top: 0; right: 0;
			width: 250px; height: 50px;
			line-height: 50px;
			background-color: #ff5600;
		}
			#footer p { margin: 0; color: #fff; }
			#footer p a { color: #fff; }



/* --- Банеры - правая панель --- */

#tizer_block {
  text-align: center;
}
#right_panel a.tizer {
	display: block;
	margin: 0 auto 20px auto;
	width: 134px; height: 111px;
  overflow: hidden;
	text-indent: -5000px;
}
#right_panel a.tizer_01 { height: 122px; background: url(../img/tizers/tizer_01.png) transparent 0 0 no-repeat; }
#right_panel a.tizer_02 { height: 122px; background: url(../img/tizers/tizer_02.png) transparent 0 0 no-repeat; }
#right_panel a.tizer_03 { height: 122px; background: url(../img/tizers/tizer_03.png) transparent 0 0 no-repeat; }
#right_panel a.tizer_04 { background: url(../img/tizers/tizer_04.png) transparent 0 0 no-repeat; }
#right_panel a.tizer_05 { background: url(../img/tizers/tizer_05.png) transparent 0 0 no-repeat; }

#right_panel a.tizer:hover, #right_panel a.tizer:active {
  background-position: -134px;
}

/*
#right_panel a.tizer_01 {
	display: block;
	margin: 0 0 20px 0;
	width: 140px; height: 122px;
	text-indent: -5000px;
	background: url(../img/tizer_01.png) transparent 0 0 no-repeat;
}
	#right_panel a.tizer_01:hover, #right_panel a.tizer_01:active { background-position: -140px; }

#right_panel a.tizer_02 {
	display: block;
	margin: 0 0 20px 0;
	width: 140px; height: 122px;
	text-indent: -5000px;
	background: url(../img/tizer_02.png) transparent 0 0 no-repeat;
}
	#right_panel a.tizer_02:hover, #right_panel a.tizer_02:active { background-position: -140px; }

#right_panel a.tizer_03 {
	display: block;
	margin: 0 0 20px 0;
	width: 140px; height: 122px;
	text-indent: -5000px;
	background: url(../img/tizer_03.png) transparent 0 0 no-repeat;
}
	#right_panel a.tizer_03:hover, #right_panel a.tizer_03:active { background-position: -140px; }

#right_panel a.tizer_04 {
	display: block;
	margin: 0 0 20px 0;
	width: 140px; height: 122px;
	text-indent: -5000px;
	background: url(../img/tizer_04.png) transparent 0 0 no-repeat;
}
	#right_panel a.tizer_04:hover, #right_panel a.tizer_04:active { background-position: -140px; }

#right_panel a.tizer_05 {
	display: block;
	margin: 0 0 20px 0;
	width: 140px; height: 122px;
	text-indent: -5000px;
	background: url(../img/tizer_05.png) transparent 0 0 no-repeat;
}
	#right_panel a.tizer_05:hover, #right_panel a.tizer_05:active { background-position: -140px; }

*/


/* ------------------------------------------------ */

img.albums_covers, img.photoes {
	vertical-align:text-top;
}
div.albums_view, div.photoes_view {
	/*float:left;*/
	display:inline;
}

div.albums_view_first, div.photoes_view_first {
	/*float:left;*/
	display:inline;
}

table.albums_bar, table.photoes_bar, table.order_edit_bar, table.order_step1_bar {
	width:100%;
}

table.albums_bar  td.first, table.photoes_bar td.first, table.order_edit_bar td.first, table.order_step1_bar td.first {
	width:32%;
}

table.albums_bar  td.second, table.photoes_bar td.second, table.order_edit_bar td.second, table.order_step1_bar td.second {
	width:45%;
}

table.albums_view {
	width:100%;
	vertical-align:middle;
	text-align:center;
	border-bottom: 1px solid #DCDCDC;
}

table.albums_view tr td.first {
	width:5%;
}

table.albums_view tr td.second {
	width:35%;
	text-align:left;
	padding:0 0 0 25px;
}