* {margin: 0; padding: 0;}
html {height: 100%;}
body {font: 13px Verdana, Arial, Tahoma, sans-serif; height: 100%; background-image: url(fon.png);}

a {color: #58c9fb; outline: none; }
a:hover {text-decoration: none;}
p {margin: 0 0 18px}

img {border: none;}
input {vertical-align: middle;}

@font-face {font-family:pg_isadora_cyr; src:url("pg_isadora_cyr_pro.ttf") format("opentype");}

#wrapper {width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;}

/* Header
-----------------------------------------------------------------------------*/
#header {}
.headerimg{background-image: url("header.png"); background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 22%;}
.headtext {font-family: pg_isadora_cyr; font-size: 50px; color: #ff0000; font-weight: bold; margin: -172px 0 97px 32%;}
.headtextsmall {font-family: pg_isadora_cyr; font-size: 24px; font-weight: bold; position: absolute; padding-top:55px; margin: -163px 0 110px 326px; color: #ffff2f; }
#headtext1 {font-weight: bold; font-size: 14px; color: #000000; margin-left: 130px; background: url('arrow-01.gif') no-repeat left; padding: 0 0 0 110px;}

/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 1px; height: 1%; position: relative;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 0 0 0 260px; background: #ffffff; margin-RIGHT: 15px;}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {float: left; width: 250px; margin-left: -98%;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {width: 1000px; margin: 0px auto 0; height: 30px; position: relative;}
#footertext {font-size: 11px; font-family: Arial, Verdana, sans-serif; color: #000000; text-align: center; padding-top: 1px;}
#footertext A {color: #000000;}
.footerleft { font-size: 12px; left: 15px;  position: relative;}
.footerright {float: right; position: relative; right: 20px; margin:-20px 5px 9px 30px;}

#seti {margin-left: 15px; float: left; margin-bottom: 25px;}

h1 {display: block; font-family: sans-serif, Verdana, Arial Cyr; font-size: 16px; color: #4d92ab; margin: 0 0 15px 10px;}
h2 {font-family: Verdana, Arial, Arial Cyr; font-weight: bold; font-size: 14px; color: #1e3a73; margin-left: 3%; margin-top: 22px; margin-bottom: 10px;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #58c9fb; margin: 15px 15px 15px 3%; font-weight: bold; }
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #58c9fb; margin: 15px 15px 15px 3%;}

/* Меню левое
-----------------------------------------------------------------------------*/
.gdparent1 {margin-top: 15px; float: left; margin-left: 7px; width: 93%; POSITION: relative; border: #92ddfe 1px solid; BACKGROUND-COLOR: white; }
.gdheader1 {background: #58c9fb url('art.png') no-repeat 3px 7px; color: #fff; MARGIN: 1px; padding: 11px 10px 11px 45px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold;}
.gdcontent1 {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff}
.gdcontent1 a {display: block; line-height: 1.5; color: #000000; text-decoration: none; background: url('arrow-16x16.png') no-repeat left; padding: 0 0 0 20px; margin:7px 0;}
.gdcontent1 a:hover {display: block; color:#AA0220; }

/* Стиль Блокнот
-----------------------------------------------------------------------------*/
#seo_bloknot {float: left; margin-left: -21px; width: 1040px;}
#bloknot {background-image: url(bkg_content_med_left.png); background-repeat:repeat-y; width:935px; padding-left: 65px; padding-right: 10px; min-height:365px;}

#top_left {background-image:url(bkg_content_top_left.png); width:43px; height:25px; background-repeat:no-repeat; float: left;}
#top_center {background-color:#FFFFFF; height:25px; width:966px; float: left;}
#top_right {background-image:url(bkg_content_top_right.png); width:31px; height:25px; background-repeat:no-repeat; float: right;}

#seo_bloknot .top, #seo_bloknot .bot {width: 1040px; overflow: hidden;}
#seo_bloknot .med {width: 1040px; background-image:url(bkg_content_med_right.png);	background-repeat:repeat-y; background-position: top right; margin-top: 0px;}

#bot_left {background-image:url(bkg_content_bot_left.png); width:43px; height:55px; background-repeat:no-repeat; float: left;}
#bot_center {background-image:url(bkg_content_bot_center.png); background-repeat:repeat-x; height:55px; width:965px; float: left;}
#bot_right {background-image:url(bkg_content_bot_right.png); width:32px; height:55px; background-repeat:no-repeat; float: right;}

/* Хлебные крошки  
-----------------------------------------------------------------------------*/
.xleb {text-transform: uppercase; font-size: 9pt; color: gray;  margin:0px 0 20px 0;} 
.xleb a {text-transform: uppercase; font-size: 9pt; color:  #1e3a73; text-decoration: none;} 
.xleb a:hover {color:  #58c9fb; text-decoration: underline;} 
.activm a {color: #1e3a73 !important;}


/* LIST #1 */
.list1 { }
.list1 ul { list-style:none; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; }
.list1 ul li { display:inline; text-transform:uppercase; padding:0 10px; letter-spacing:10px; }
.list1 ul li a { text-decoration:none; color:#eee; }
.list1 ul li a:hover { text-decoration:underline; }

/* Новое --- lightlox фото в боксе выводится
-----------------------------------------------------------------------------*/
.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(script-foto/close.png) url(script-foto/loading.gif) url(script-foto/prev.png) url(script-foto/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(script-foto/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(script-foto/lightlox-img.gif)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(script-foto/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(script-foto/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(script-foto/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-number {margin-top:7px;}


/* Рамка как у картины
-----------------------------------------------------------------------------*/
.shadowimg {background: rgb(100, 100, 100) radial-gradient(circle at 0 0 , rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.35)) repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.5) inset, 3px 3px 8px rgba(255, 255, 255, 0.9) inset, 3px 3px 8px -3px rgba(0, 0, 0, 0.8);
    margin: 9px auto;
    padding: 9px;
}
/* Подпись
-----------------------------------------------------------------------------*/
.textsignature { font-style:italic; font-size:12px; text-align:center; padding:11px; margin: 0 10%; line-height:1.4;}

.flipbox { border: #bbbbba 1px solid; height:130px; margin:5px 0; border: 1px solid #d5d5d5; box-shadow: 2px 2px 4px 0 #ccc; padding:2px;}
.fliptonnel { border: #bbbbba 1px solid; height:200px; margin:5px 0; border: 1px solid #d5d5d5; box-shadow: 2px 2px 4px 0 #ccc; padding:2px;}
.flipcat { border: #bbbbba 1px solid; height:110px; margin:5px 0;}
.flipvyshiv { height:210px; margin:5px 0; border: 1px solid #d5d5d5; box-shadow: 2px 2px 4px 0 #ccc;}
.flipmaslo { max-height:300px; max-width:400px; margin:5px 0; border: 1px solid #d5d5d5; box-shadow: 2px 2px 4px 0 #ccc; padding:2px;}
.flipLightBox-1 a, .flipvyshiv a, .flipmaslo a {text-decoration: none !important;}


/* Video Youtube
-----------------------------------------------------------------------------*/
.video-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden;} 
.video-responsive iframe, .video-responsive object, .video-responsive embed {position: absolute; top: 0; left: 0;width: 100%; height: 100%;}

/* IMG
-----------------------------------------------------------------------------*/
.imgleft {float:left; margin: 10px 10px 10px 0;}
.imgcenter {margin: 10px 0 10px 0;}
.imgright  {float: right; margin: 10px 0 10px 10px;}


@media all and (max-width: 860px) {
	
body {
background-image:none;
-webkit-text-size-adjust:none;
padding:5px;
min-height:100%;
background: #ffffff;
font-size:15px;
}
/* Блоки 
--------------------------------------------------------------*/
#seo_bloknot med, #seo_bloknot, .med, #wrapper, #middle, #content, #sideLeft, #bloknot, #footer {
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

/* Шапка
--------------------------------------------------------------*/
#header {height:auto;}
.headtext {margin:-16% 0 0 32%; padding-bottom:12%; font-size:27px;}
.headtextsmall, #top_left, #top_center, #top_right, #bot_left, #bot_center, #bot_right, #headtext {display: none;}


/* Скрываем
--------------------------------------------------------------*/
#footer {background: none;}

.footerleft {margin-bottom:30px;}

img {max-width:100%; height:auto;}

}

@media all and (max-width: 480px) {

#flb-lightbox-text {font-size:12px !important;}
.headtext {font-size:18px;}	
.xleb { display:none;} 
}