/* Template #1, Студия Авис, г. Петербург, www.avis-piter.ru */

body{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;

color:#000;

text-align:center;

background-color:#fff;

margin: 0 auto;

padding:10px 10px 10px 10px;

min-width: 1136px;  /* 2x LC width + RC width */

max-width: 1366px;

 width:auto !important; width:1106px;

}

html{

scrollbar-face-color: #2291d0; 

scrollbar-highlight-color: #FFFFFF;

scrollbar-shadow-color: #FFFFFF; 

scrollbar-darkshadow-color: #2291d0; 

scrollbar-3dlight-color: #2291d0; 

scrollbar-arrow-color: #FFFFFF; 

scrollbar-track-color: #FFFFFF;

}

p{

text-align:justify;

padding:0px;

margin:2px 7px;

font-family: Bell MT;

font-weight: 500;

font-size: 14px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 4mm;  

line-height: 5mm;

color: 000000;

}

H1{

text-align:center;

padding:0px;

margin:2px 7px;

font-family: Bell MT;

font-weight: bold;

font-size: 14px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 4mm;  

line-height: 5mm;

color: 000000;

}

.nazv{

text-align:right;

font-family: Bell MT;

font-weight: 500;

font-size: 12px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 4mm;  

line-height: 5mm;

color: 000000;

margin: 1px 4px 3px 0px;

}

.wrapper{

float:left;

min-width:1136px;

width:100%;

text-align:left; 

position:relative;

background-image: url(images/lev.gif);

background-repeat: repeat-y;

background-position: top left;

}

.wrapper1{

float:left;

min-width:1136px;

width:100%;

text-align:left; 

position:relative;

background-image: url(images/prav.gif);

background-repeat: repeat-y;

background-position: top right;

}



.colLeft{

	margin-left:-100%;

	float:left;

	width:162px;

	position:relative;

	z-index:1;

	padding:0px 0px 0px 20px;

}

.colRight{

float:right;

width: 120px;

margin-left:-140px;

height: 100%;

padding:0px 20px 10px 0px;

}

.colCenterBlock{

	float:left;

	width:100%;

	padding:0px 0px 10px 0px;

}

.colCenter{

margin-left:192px;

margin-right:150px;

}



.box {

	background: url(images/box_back.gif);

border: 1px solid #000;

padding:0px 0px 10px 0px;

}



.colCenter a:link {

color: #2291d0;

text-decoration:none;

}

.colCenter a:visited {

color: #777e0b;

text-decoration:none;

}

.colCenter a:hover { 

color: #2291d0; 

text-decoration:underline;

}

.colCenter a:active {

color:green; 

text-decoration:none;

}



.clear { /* generic container (i.e. div) for floating buttons */

    overflow: hidden;

    width: 100%;

}



a.button {

text-decoration: none;

border-color: transparent transparent #ECECEC; /** rgba fallback **/

border-color: transparent transparent rgba(255, 255, 255, 0.63);

cursor: pointer;

outline: none;

display: inline-block;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 0mm;  

line-height: 4mm;

}

a.button:hover {

text-decoration: none;

}

a.button,

a.button b.o,

a.button b.m {

text-decoration: none;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

border-width: 1px;

border-style: solid;

}

a.button b.o {

text-decoration: none;

border-color: #5A5A5A; /** rgba fallback **/

border-color: rgba(0, 0, 0, 0.56);

display: block;

}

a.button b.m {

text-decoration: none;

background: transparent url(country/images/button.png) repeat-x 0 0;

border-color: #FFF transparent #C7C7C7; /** rgba fallback **/

border-color: #FFF rgba(255, 255, 255, 0.33) rgba(255, 255, 255, 0.33);

display: block;

}

a.button:hover b.m {

text-decoration: none;

background-position: 0 -180px;

display: block;

}

a.button:active b.m {

text-decoration: none;

display: block;

background-position: 0 -160px;

border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/

border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);

}

a.button b.m b {

text-decoration: none;

font-weight: bold;

padding: 4px 8px;

text-shadow: 0 1px 0 #DDD;

color: #262626;

/** Make the text unselectable **/

-moz-user-select: none;

-webkit-user-select: none;

}



.glossymenu{

list-style-type: none;

margin: 0px 0px 10px 0px;

padding: 0;

width: 160px;

border: 1px solid #000;

border-bottom-width: 0;

}

.glossymenu1{

list-style-type: none;

margin: 0px 0px 10px 0px;

padding: 0;

width: 250px;

border: 1px solid #000;

border-bottom-width: 0;

}

.banner{

list-style-type: none;

margin: 10px 0px 10px 0px;

padding: 0;

width: 120px;

border-bottom-width: 0;

background:#transparent;

}

div.banner-banner{

margin: 0;

padding: 10px;

width: 125px;

border-bottom-width: 0;

background:#transparent;

float: right;

position: relative;

display: block;

}

div.banner-banner1{

margin: 0;

padding: 10px;

width: 200px;

border-bottom-width: 0;

background:#transparent;

float: right;

position: relative;

display: block;

}

div.banner-banner2{

margin: 0;

padding: 10px;

width: 240px;

border-bottom-width: 0;

background:#transparent;

float: right;

position: relative;

display: block;

}

div.banner-banner3{

margin: 0;

padding: 10px;

width: 150px;

border-bottom-width: 0;

background:#transparent;

float: right;

position: relative;

display: block;

}

.banner1{

float:left;

display: inline;

list-style-type: none;

margin: 0px 0px 10px 0px;

padding: 0;

width: 120px;

height:120px;

border-bottom-width: 0;

background:#transparent;

font-size:14px;

color:#000;

text-align:center;

}

.banner2{

float:left;

display: inline;

list-style-type: none;

margin: 0px 0px 0px 0px;

padding: 0;

width: 120px;

height:120px;

border-bottom-width: 0;

background:#transparent;

font-size:14px;

color:#000;

text-align:center;

}

.banner3{

float:left;

display: inline;

list-style-type: none;

margin: 10px 0px 10px 0px;

padding: 0;

width: 140px;

border-bottom-width: 0;

background:#transparent;

font-size:14px;

color:#000;

text-align:center;

}

.banner1 a,.banner1 a:visited {

text-align:justify;

padding:0px;

margin:7px 5px;

font-family: Bell MT;

font-weight: 500;

font-size: 14px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 0mm;  

line-height: 5mm;

color: #2291d0;

text-decoration:none;

}

.banner1 a:hover { 

text-align:justify;

padding:0px;

margin:1px 5px;

font-family: Bell MT;

font-weight: 500;

font-size: 14px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 0mm;  

line-height: 5mm;

color: #777e0b; 

text-decoration:none;

}

.banner1 a:active {

text-align:justify;

padding:0px;

margin:1px 5px;

font-family: Bell MT;

font-weight: 500;

font-size: 14px;

font-style: normal;

font-variant: normal;

vertical-align: top;

text-indent: 4mm;  

line-height: 5mm;

color:green; 

text-decoration:none;

}

.banner_gor{

width:468px;

height:60px;

background:#transparent;

margin:-69px 0 0 0; 

	float: right;

}

.glossymenu li a{

background: white url(images/glossyback.gif) repeat-x;

font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

height: 22px;

padding: 0px 0;

padding-top: 2px;

padding-left: 10px;

text-decoration: none;



}





* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (0px) */

width: 160px;

}



.glossymenu li a:hover{

        background-position: 0 -24px;

        color: #000;

}



.header {

        float: center;

        position: relative;

	height: 105px;

        text-align: left;

	background-image: url(images/header.gif);

	background-repeat: repeat-x;

	overflow: hidden;

	font-family: Arial, Helvetica, sans-serif;

        margin: auto 10px;

        padding:0px;

}

.header1 {

background-image: url(images/back.gif);

}

.menu {

	float: left;

	position: absolute;

	width: 100%;

	height: 29px;

	left: 0px;

	font-size: 12px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	overflow: hidden;

	text-align: center;

	top:65px;

}



.menu  a {

	margin-left: 0px;

	margin-right: 0px;

	text-decoration: none;

	display: inline-block;

	float: center;

	height: 29px;

	background-image: url(images/a_link.gif);

	background-repeat: repeat-x;

	padding-top: 8px;

	padding-left: 28px;

	padding-right: 28px;

	color: #000;

}



.menu  a:hover {

        background-position: 0 -29px;

	color: #2291d0;

}



.logo {font-family: Broadway; font-size:50px; padding:15px 0 0px 55px ; background:url(images/logo.jpg) no-repeat 0px 22px}

.footer {

clear:both;

        float: center;

	position: relative;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 100%;

min-width:1024px;

        height: 55px;

	background-image: url(images/fon2.gif);

        background-repeat: repeat-x;

	text-align: center; 

	color: #eaeaea;

}

.footer a {

	color: #fff;

	text-decoration: none;

}

.footer a:hover {

	color: #fff;

	text-decoration: none;

}



div.rightside_image {

position: relative;

display: block;

float: right;

padding: 3px 3px 35px 3px;

margin: auto 7px;

border: 1px solid #777e0b;

text-align: center;

background:#transparent;

}

div.leftside_image {

position: relative;

display: block;

float: left;

padding: 3px 3px 35px 3px;

margin: auto 7px;

border: 1px solid #777e0b;

text-align: center;

background:#transparent;

}

.rightside_image cite{

  background: url(images/box_back.gif);

  opacity:1;

  color: #000;

  position: absolute;

  bottom: 0;

  left: 0px;

  right: 0px;

  padding: 10px;

}

.leftside_image cite{

  background: url(images/box_back.gif);

  opacity:1;

  color: #000;

  position: absolute;

  bottom: 0;

  left: 0px;

  right: 0px;

  padding: 10px;

}

.centerside_image1 cite{

  background: url(images/box_back.gif);

  opacity:1;

  color: #000;

  position: absolute;

  bottom: 0;

  left: 0px;

  right: 0px;

  padding: 10px;

}

div.centerside_image1 {

position: relative;

display: block;

float: center;

padding: 3px 3px 35px 3px;

margin:0 auto;

border: 1px solid #777e0b;

text-align: center;

width:770px;

}

div.centerside_image {

position: relative;

display: block;

float: center;

padding: 3px 3px 3px 3px;

margin:0 auto;

border: 1px solid #777e0b;

text-align: center;

width:770px;

}

div.right_banner {

position: relative;

display: block;

float: right;

padding: 3px 3px 3px 3px;

margin: auto 7px;

border: 1px solid #777e0b;

text-align: center;

background:#transparent;

}

div.left_banner {

position: relative;

display: block;

float: left;

padding: 3px 3px 3px 3px;

margin: auto 7px;

border: 1px solid #777e0b;

text-align: center;

background:#transparent;

}

.table88 {

BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; margin:0px 10px 0 10px; position: relative;

display: block;

float: center;

margin:0 auto;

border: 1px solid #777e0b;

text-align: center;

width:776px;

display: block;

float: center;

}

.table88 TR TD {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-FAMILY: "lucida grande", verdana, sans-serif



}

.table88 THEAD TD {

FONT-WEIGHT: bold; COLOR: #fff; BORDER-BOTTOM: #666 1px solid; background: url(images/fon.gif);width:776px;height:10px;

}

.table88 TBODY TR.even TD {

BACKGROUND: #eee;

}





.table89 {

float: left;

margin:0 auto;

border: 0px solid #777e0b;

text-align: left;

width:100%;

display: block;

}



.world {

 z-index: 1;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



#maket {

    width: 820px; /* Ширина всей таблицы */

   }

   #TD {

    vertical-align: top; /* Вертикальное выравнивание в ячейках */

    padding: 5px; /* Поля вокруг ячеек */

   }

   #spacer {

    width: 20px; /* Расстояние между колонками */

   }

	



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}



#lightbox img{ width: auto; height: auto;}



#lightbox a img{ border: none; }





#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }



#imageContainer{ padding: 10px; }





#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }



#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }



#imageContainer>

#hoverNav{ left: 0;}



#hoverNav a{ outline: none;}





#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }



#prevLink { left: 0; float: left;}



#nextLink { right: 0; float: right;}



#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }



#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }





#imageData{	padding:0 10px; color: #666; }



#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	



#imageData #caption{ font-weight: bold;	}



#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			



#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	





#overlay{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 500px; background-color: #transparent; }