@charset "utf-8";
body {
	margin-left: 3px;
	margin-top: 0px;
	font-family: tahoma;
	font-size: 12px;
	
}


/*#content_begin{
display:block;
position:absolute;
clear:both;
top:170px;
width:99.5%;
min-width:960px;
z-index:-2;}*/


a:link {
	color:#003366;
	text-decoration: underline;
}
a:visited{color:#003366; text-decoration:underline;}
a:hover{color:#003366;text-decoration:none;}


#katalog_begin{

background: #f5f5f5;
width:99.5%;
min-width:990px;
overflow:hidden;
height:60px;
z-index:-2;}

.katalog_link {
display:inline-block;
position:relative;
border: 1px solid #b8b8b8;
padding: 15px 23px 3px 23px;
margin-left:-5px;
background:#FFFFFF;
height:40px;
font-family:tahoma;
font-size:18px;
cursor:pointer;
}

.katalog_link:hover {
background:#f2f2f2;
}
.katalog_link_active {
display:inline-block;
position:relative;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
padding: 13px 23px 3px 23px;
margin-left:-5px;
background:#006D96;
color:#FFFFFF;
height:40px;
font-family:tahoma;
font-size:18px;
cursor:pointer;
}


#menu_sel {

border-bottom: 3px solid #004C69;
padding: 5px;
margin-bottom: 20px;
background:#006D96;
}
/* ---- Начало стилей для  каталога ---------*/

#katalogbox{
/*width:99.5%;
min-width:950px;*/
margin:20px 0 0 5px;
padding-bottom:30px;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
 overflow: hidden;

}

.sel_kurs, .sel_dod, .sel_ege, .sel_det, .sel_strana {
font-size:26px;
padding:10px 4px;


}
/*
#katalogbox1 {
display:block;
margin-top:20px;
left:1px;
border:1px solid #004C69;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:4px;
}*/

#link_1{
display:inline-block;
position:relative;
top:20px;
width:95%;
left:-1%;
margin-bottom:30px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:4px;

}
#link_2, #link_3, #link_4, #link_5, #link_6{
display:none;
position:relative;
width:95%;
top:20px;
left:-1%;
margin-bottom:30px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:4px;
}

.katalog_def, .katalog_hover, .katalog_hover_new, .carousel-block {
position:relative;
display:inline-block;
vertical-align: top;
width:237px;
height:245px;
border:1px solid #004C69;
margin:0 0 15px 7px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size:14px;
padding:2px;
 overflow: hidden;
}


.katalog_def img, .katalog_hover img, .katalog_hover_new img, .kurs_hover_new img,  .carousel-block img {
display:block;
vertical-align: middle;
padding-top:12px;
max-width:180px;
max-height:160px;
border:none;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 2;
}


.kurs_hover, .kurs_hover_new /*МЕНЯЕМ*/ {
position:relative;
display:inline-block;
width:360px;
height:291px;
border:none;
margin:0 15px 15px 0;
 overflow: hidden;
}


.kurs_border, .kurs_border_new /*МЕНЯЕМ*/ { 
display:block;
position:absolute;
width:99%;
height:75px;
top:215px;
border:1px solid #004C69;
  border-top: none;
-moz-border-radius-topleft: none; -webkit-border-top-left-radius: none; -khtml-border-top-left-radius: none; border-top-left-radius: none;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-topright: none; -webkit-border-top-right-radius: none; -khtml-border-top-right-radius: none; border-top-right-radius: none;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
font-size:16px;
 overflow: hidden;
 z-index:0;
}

.kurs_img /*МЕНЯЕМ*/ {
display:block;
position:absolute;
 background-size: cover;
 background-position: 0px 0px;
 background-repeat: no-repeat;
width:359px;
height:215px;
border:none;
color:#FFFFFF;
 overflow: hidden;
left:0;
z-index:2;
 }
 
 .kurs_img:before /*МЕНЯЕМ*/ {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: rgba(37,43,48,0.25);
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
	} 
 
 .kurs_img span /*МЕНЯЕМ*/{
display:inline-block;
position:relative;
 color:#FFFFFF;

 

 }
 
 .kurs_img em  /*МЕНЯЕМ*/{
position: relative;
display:block;
width:auto;
top:12px;
height:68px;
font-style: normal;
font-weight:bold;
padding:5px;
 color:#FFFFFF;
 font-size:20px;
 overflow:hidden;

 }
 
 .kurs_img h2 /*МЕНЯЕМ*/ {
/* display:block;
 width:99%;
 position:absolute;*/
 font-size:28px;
 font-family:BebasBold;
font-weight:bold;
margin:0 0 0 0;
color:#FFFFFF;
text-align:center;


}

 .bottom_kurs_img  /*МЕНЯЕМ*/{
position: absolute;
display: inline-block;
bottom:0;
right:123px;
font-size:16px;
 color:#FFFFFF;
padding: 1px 0;
white-space: nowrap;
z-index:2;
 
 }
 
 .bottom_kurs_img b /*МЕНЯЕМ*/{
font-size:28px;
font-family:BebasBold;




  }
 

 .cost_kurs_img  /*МЕНЯЕМ*/{
position: absolute;
display: inline-block;
bottom:-4px;
right:0;
background:#FFFFFF;
border-right: 1px solid #004C69; 
width:135px;
height:37px;
color:#000;
padding-top:6px;


 }
 
 .kurs_border_img /*МЕНЯЕМ*/ {
display:block;
position:absolute;
width:110px;
height:95px;
bottom:-8px;
right:0;
opacity:0.25;
 background-size: cover;
 background-position: 0px 0px;
 background-repeat: no-repeat;
   -webkit-transform: rotate(15deg);
   -moz-transform: rotate(15deg);
   -o-transform: rotate(15deg);
   -ms-transform: rotate(15deg);
   transform: rotate(15deg);
 z-index:1;
 overflow:hidden;
} 
  
 .cost_kurs_img b /*МЕНЯЕМ*/{
font-size:28px;
font-family:BebasBold;
color: #FF0000;
padding-left: 15px;
text-shadow: 1px 1px 0 #ccc;

  }
 
 
.cost_kurs_img:before  /*МЕНЯЕМ*/{
content: "";
 position: absolute;
  left: -27px;
  top: 50%;
  margin-top: -22px;  
  border-top: 42px solid transparent;
  border-left: 0;
  border-right: 27px solid #ffffff;        
  border-bottom: 0px solid transparent;} 
  
  
.katalog_def .mask,.katalog_def .content, .katalog_hover .mask,.katalog_hover .content, .katalog_hover_new .mask, .katalog_hover_new .new_content /*МЕНЯЕМ */{
   width: 230px;
   height: 240px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:3;
   
}

.kurs_hover .mask, .kurs_hover .content/*МЕНЯЕМ */{
 width:350px;
height:295px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:3;
   
}

.katalog_def:hover, .katalog_hover:hover, .katalog_hover_new:hover, .carousel-block:hover, .kurs_hover:hover  {
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.3);

}

.katalog_hover:hover  img, .katalog_hover_new:hover img{
	 -webkit-transform: scale(1.2,1.2);
   -moz-transform: scale(1.2,1.2);
   -o-transform: scale(1.2,1.2);
   -ms-transform: scale(1.2,1.2);
   transform: scale(1.2,1.2);

}
.katalog_hover:hover li, .katalog_hover_new:hover li {
opacity:0;}


.katalog_def li, .katalog_hover li, .katalog_hover_new li, .carousel-block li /*МЕНЯЕМ*/{
display:block;
width:99%;
position:absolute;
bottom:2px;
overflow:hidden;
height:57px;
z-index:2;
}

.kurs_border li /*МЕНЯЕМ*/{
display:block;
width:80%;
position:absolute;
bottom:2px;
overflow:hidden;
max-height:65px;
min-height:50px;
height:auto;
z-index:2;
}

.katalog_def li a:link, .katalog_def li a:visited,.katalog_hover li a:link, .katalog_hover li a:visited, .katalog_hover_new li a:link, .katalog_hover_new li a:visited, .kurs_border li a:link, .kurs_border li a:visited {
text-decoration:none;
color:#003366;}


.katalog_def li a:hover{
text-decoration:underline;
color:#333;}

.katalog_hover em, .katalog_hover_new em{
position: relative;
display:inline-block;
font-style: normal;

}

.katalog_def p, .katalog_hover p, .katalog_hover_new p /*МЕНЯЕМ*/{
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 16px;
      padding: 0 3px;
	  margin: 11px 0 7px 0;
      position: relative;
   color: #fff;
    text-align: center;
}

.kurs_hover p /*МЕНЯЕМ*/{
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 20px;
      padding: 0 3px;
	  margin: 11px 0 7px 0;
      position: relative;
   color: #fff;
    text-align: center;
}


.katalog_hover info, .katalog_hover_new new_info, .kurs_hover info  /*МЕНЯЕМ*/ {
   display: inline-block;
   text-decoration: none;
   border:1px  solid #ddd;
   -webkit-border-radius: 4px;
border-radius: 4px;
   padding: 7px 20px;
   margin-top:-15px;
background: rgb(242,246,248);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}



.katalog_hover a.info, .katalog_hover_new a.new_info, .kurs_hover a.info  /*МЕНЯЕМ*/ {
	display: inline-block;
	text-decoration: none;
	border:1px  solid #ddd;
   -webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 20px;
	color:#000;
	background: rgb(242,246,248);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
	font-size:16px;
	font-weight: bold;
}

.katalog_hover a.info:hover, .katalog_hover_new a.new_info:hover {
  background: rgb(224,239,249);
background: -moz-linear-gradient(top, rgba(224,239,249,1) 0%, rgba(181,198,208,1) 49%, rgba(216,225,231,1) 50%, rgba(242,246,248,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,239,249,1)), color-stop(49%,rgba(181,198,208,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(100%,rgba(242,246,248,1)));
background: -webkit-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: -o-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: -ms-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: linear-gradient(to bottom, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eff9', endColorstr='#f2f6f8',GradientType=0 );
}
.view-content .mask /*МЕНЯЕМ*/ {
   background-color: rgba(0,75,105, 0.7);
   width: 380px;
   padding: 60px;
   height: 380px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.katalog_hover h2, .katalog_hover_new h2 {
font-size:26px;
font-family:BebasBold;
font-weight:bold;
margin:4px 0 -8px 0;}


.view-content h3 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-content p /*МЕНЯЕМ*/{
  -webkit-transform: translate(230px, -230px);
   -moz-transform: translate(230px, -230px);
   -o-transform: translate(230px, -230px);
   -ms-transform: translate(230px, -230px);
   transform: translate(230px, -230px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-content a.info, .view-content a.new_info{
   -webkit-transform: translate(0px, 190px);
   -moz-transform: translate(0px, 190px);
   -o-transform: translate(0px, 190px);
   -ms-transform: translate(0px, 190px);
   transform: translate(0px, 190px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
      
}
.view-content:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transform: translate(-80px, -125px) rotate(45deg);
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);
}
.view-content:hover h3 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-content:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-content:hover a.info, .view-content:hover a.new_info {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
				
#spec_div {
position:relative;
display:inline-block;
vertical-align: top;
width:355px;
height:13px;
overflow:hidden;
color:#333;
margin:0 13px 15px 0;
font-family:arial;
font-weight:bold;
font-size:12px;
padding:2px;
border-bottom: 1px dotted #999999;
}
#spec_div li {
display:block;
position:absolute;
right:1px;
bottom:1px;
padding-left:20px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(17%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
#spec_div a:link, #spec_div a:visited {
text-decoration:none;
}
#spec_div a:hover {
text-decoration:none;
color:#c77405;}


#katalog_bottom, #katalog_bottom1, #katalog_bottom2, #katalog_bottom3, #katalog_bottom4, #katalog_bottom5, #katalog_bottom6, #katalog_bottom7, #katalog_bottom8, #katalog_bottom9 {
position: absolute;
bottom:5px;
display:block;
height:35px;
width:98%;
z-index:5;
font-size:24px;
text-align:center;
cursor:pointer;
background-color:#FFFFFF;}

#promo1, #promo3, #promo4, #promo5{
position:absolute;
 display: block;
 clear:both;
 width:190px;
 left:3px;
  margin-top: -10px;
  padding: 3px;
 border: 1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size: 11px;
color:#999;
}

#promo2{
position:absolute;
 display: block;
 clear:both;
 width:300px;
 left:3px;
  margin-top: -10px;
  padding: 3px;
 border: 1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size: 11px;
color:#999;
}

#promo1:hover, #promo2:hover, #promo3:hover, #promo4:hover, #promo5:hover  {
cursor:pointer;
color:#fff;
background-color:#CCCCCC;
}


#promo1:before, #promo2:before, #promo3:before, #promo4:before, #promo5:before
{
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -9px;
  right: 20%;
  margin-left: -8px;  
  border-top: 8px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0; 
}
#promo1:after, #promo2:after, #promo3:after, #promo4:after, #promo5:after
{
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -8px;
  right: 20%;
  margin-left: -8px;  
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0; 
}
#promo1:hover:after, #promo2:hover:after, #promo3:hover:after, #promo4:hover:after, #promo5:hover:after   {
cursor:pointer;
 content: "";
  position: absolute;
  z-index: 2;
  bottom: -8px;
  right: 20%;
  margin-left: -8px;  
  border-top: 8px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0; 
}


#dialog1, #dialog2, #dialog3, #dialog4, #dialog5 {
position:fixed;
display:none;
top:30%;
left:20%;
z-index:6;
width:630px;
height: 250px;
text-align:justify;
background-color:#fff;
font-family: verdana;
font-size: 16px;
padding:15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border: 2px solid #678AC3;
 box-shadow: 0px 0px 500px #333;
 -moz-box-shadow: 0px 0px 500px #333;
	-webkit-box-shadow:0px 0px 500px #333;
}

#close_dialog, #close_dialog2, #close_dialog3, #close_dialog4, #close_dialog5 {
position:absolute;
left:40%;
bottom:10%;
cursor: pointer;
text-decoration: underline;
}

/* ---------Стили для каталога ---------- */
/* Layout helpers
----------------------------------*/
#katalogbox .ui-helper-hidden { display: none; }
#katalogbox .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#katalogbox .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#katalogbox .ui-helper-clearfix:before, #katalogbox .ui-helper-clearfix:after { content: ""; display: table; }
#katalogbox .ui-helper-clearfix:after { clear: both; }
#katalogbox .ui-helper-clearfix { zoom: 1; }
#katalogbox .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
#katalogbox .ui-state-disabled { cursor: default !important; }


/* Misc visuals
----------------------------------*/

/* Overlays */
#katalogbox .ui-widget-overlay { position: absolute; top: 0; width: 100%; height: 100%; }
#katalogbox .ui-tabs { position: relative;  padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#katalogbox .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0;  border-bottom: 0; padding: 0; white-space: nowrap; }
#katalogbox .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em .1em; text-decoration: none; }
#katalogbox .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
#katalogbox .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #katalogbox .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #katalogbox .ui-tabs #katalogbox .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#katalogbox .ui-tabs .ui-tabs-nav li a, #katalogbox .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#katalogbox .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

/* Component containers
----------------------------------*/
#katalogbox .ui-widget {  font-family: tahoma; font-size: 14px; }
#katalogbox .ui-widget .ui-widget { font-size: 14px; }
#katalogbox .ui-widget input, #katalogbox .ui-widget select, #katalogbox .ui-widget textarea, #katalogbox .ui-widget button { font-family: tahoma; font-size: 18px; }
#katalogbox .ui-widget-content {  border-top: 2px solid #004C69;  border-left: 1px solid #004C69; border-bottom: 1px solid #004C69; border-right: 1px solid #004C69; background: #ffffff; color: #222222; }/*стиль поля контента*/
#katalogbox .ui-widget-content a { color: #222222; }
#katalogbox .ui-widget-header { border: 1px solid #fff; background: #ffffff; color: #000000; font-weight: bold; } /*стиль подложки */
#katalogbox .ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
#katalogbox .ui-state-default, #katalogbox .ui-widget-content .ui-state-default, #katalogbox .ui-widget-header .ui-state-default {  border: 1px solid #d3d3d3; height:30px; line-height:30px; vertical-align:middle; padding-left:5px;  background: #ffffff; font-weight: normal; color: #555555;  font-size: 16px; /*width:175px;*/ } /*стиль перключателей*/
#katalogbox .ui-state-default a, #katalogbox .ui-state-default a:link, #katalogbox .ui-state-default a:visited { color: #555555; text-decoration: none; }
#katalogbox .ui-state-hover, #katalogbox .ui-widget-content .ui-state-hover, #katalogbox .ui-widget-header .ui-state-hover, #katalogbox .ui-state-focus, #katalogbox .ui-widget-content .ui-state-focus, #katalogbox .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #f2f2f2; font-weight: normal; color: #212121; }
#katalogbox .ui-state-hover a, #katalogbox .ui-state-hover a:hover, #katalogbox .ui-state-hover a:link, #katalogbox .ui-state-hover a:visited { color: #212121; text-decoration: none; }
#katalogbox .ui-state-active, #katalogbox .ui-widget-content .ui-state-active, #katalogbox .ui-widget-header .ui-state-active { border-left: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; border-top: 3px solid #004C69; border-right: 3px solid #004C69; background: #006D96; font-weight: normal; color: #ffffff; } /*стиль активной кнопки*/
#katalogbox .ui-state-active a, #katalogbox .ui-state-active a:link, #katalogbox .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#katalogbox .ui-state-highlight, #katalogbox .ui-widget-content .ui-state-highlight, #katalogbox .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #ffffff; color: #363636; }
#katalogbox .ui-state-highlight a, #katalogbox .ui-widget-content .ui-state-highlight a, #katalogbox .ui-widget-header .ui-state-highlight a { color: #363636; }
#katalogbox .ui-state-error, #katalogbox .ui-widget-content .ui-state-error, #katalogbox .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
#katalogbox .ui-state-error a, #katalogbox .ui-widget-content .ui-state-error a, #katalogbox .ui-widget-header .ui-state-error a { color: #cd0a0a; }
#katalogbox .ui-state-error-text, #katalogbox .ui-widget-content .ui-state-error-text, #katalogbox .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
#katalogbox .ui-priority-primary, #katalogbox .ui-widget-content .ui-priority-primary, #katalogbox .ui-widget-header .ui-priority-primary { font-weight: bold; }
#katalogbox .ui-priority-secondary, #katalogbox .ui-widget-content .ui-priority-secondary,  #katalogbox .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
#katalogbox .ui-state-disabled, #katalogbox .ui-widget-content .ui-state-disabled, #katalogbox .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#katalogbox .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */


/* Misc visuals
----------------------------------*/

/* Corner radius */
#katalogbox .ui-corner-all, #katalogbox .ui-corner-top, #katalogbox .ui-corner-left, #katalogbox .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-top, #katalogbox .ui-corner-right, #katalogbox .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-bottom, #katalogbox .ui-corner-left, #katalogbox .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-bottom, #katalogbox .ui-corner-right, #katalogbox .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
/*#katalogbox .ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); }
#katalogbox .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
*/
.ui-tabs-vertical { min-width: 975px; width: auto;}/*ширина всей конструкции*/
.ui-tabs-vertical .ui-tabs-nav { /*padding: .2em .1em .2em 10px;*/ float: left; width: 185px;  }/*ширина кнопок переключателей!!!*/
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0 0 .2em 0; } /*нижний и правый бордюр переключателей переключателей!!!*/
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; width: 189px; padding-right: 0; border-right-width: 3px; } /*длина выступа активной кнопки*/
.ui-tabs-vertical .ui-tabs-panel { margin:1px 0 0 10px; padding: 1em; float: left; vertical-align:top; width: 748px; height:580px; overflow:hidden;} /*ширина  и ВЫСОТАпанели контента*/
/* ------ конец стилей для каталога */


/


/* font-family: "PTSansNarrowBold"; */
@font-face {
    font-family: "PTSansNarrowBold";
    src: url("fonts/PTSansNarrowBold/PTSansNarrowBold.eot");
    src: url("fonts/PTSansNarrowBold/PTSansNarrowBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/PTSansNarrowBold/PTSansNarrowBold.woff") format("woff"),
    url("fonts/PTSansNarrowBold/PTSansNarrowBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "BebasBold"; */
@font-face {
    font-family: "BebasBold";
    src: url("fonts/BebasBold/BebasBold.eot");
    src: url("fonts/BebasBold/BebasBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasBold/BebasBold.woff") format("woff"),
    url("fonts/BebasBold/BebasBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}