body {
	scrollbar-3d-light-color : #FFFFFF;
	scrollbar-arrow-color : #990033;
	scrollbar-base-color : #999999;
	scrollbar-dark-shadow-color : #999999;
	scrollbar-face-color : #CCCCCC;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #999999;
}



.fon {
background: 
 url('decor/art-granatis-logo-fon.jpg') /* Путь к файлу с изображением */
  left top  /* В левом верхн. углу окна */
 no-repeat; /* Нет повторения фона */
margin-left: 0px; /* Отступ справа */
background-color:"# "
}


.fon2 {
background: 
 url('decor/fon-w.png') /* Путь к файлу с изображением */
  right bottom  /* В правом нижнем. углу окна */
 no-repeat; /* Нет повторения фона */
margin-right: 0px; /* Отступ справа */
background-color:"# "
}

.fon3 {
background: 
 url('decor/art-granatis-logo-fon2.jpg') /* Путь к файлу с изображением */
  left top  /* В левом верхн. углу окна */
 no-repeat; /* Нет повторения фона */
margin-left: 0px; /* Отступ справа */
background-color:"# "
}


A:link
{
    COLOR:  #999;
    FONT-FAMILY:  Times New Roman, Times, serif;
font-size: 16px;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR:  #999;
    FONT-FAMILY: Times New Roman, Times, serif;
font-size: 16px;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #CCC;
    FONT-FAMILY: Times New Roman, Times, serif;
font-size: 16px;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #CC0066;
    FONT-FAMILY:  Times New Roman, Times, serif;
font-size: 16px;
    TEXT-DECORATION: none
}

.htbl {  font-family:Times New Roman, Times, serif; color: #CCC; font-size: 16px}

ul { list-style: url(decor/o.gif) ;  font-family: Times New Roman, Times, serif; color: #CCC}

body, td {  font-family:Times New Roman, Times, serif; font-size: 16px; color: #CCC; text-decoration: none}

p{  font-family: Times New Roman, Times, serif; font-size: 16px; color: #CCC; text-decoration: none}

h1{  font-family: Times New Roman, Times, serif; font-size: 20px; background-color: # ; color: #CCC; text-decoration: none}

h2{  font-family: Times New Roman, Times, serif; font-size: 18px; background-color: #; color: #999; text-decoration: none}

h3{  font-family: Times New Roman, Times, serif; font-size: 16px; background-color: #; color: #CCC; text-decoration: none}

p:first-letter {padding-left:16pt;  }
h1, h2, h3 {padding-left:16pt; }
h2, h3 {margin-bottom:0; margin-top:10pt;}	
p {margin-top:1pt;}

.copyr {  font-family: Arial, Helvetica, sans-serif;  color: #FFFF66; font-size: 12px}
a.copyr:link, .copyr:visited { font-family: Arial, Helvetica, sans-serif;  color: #FFFF66; font-size: 12px; TEXT-DECORATION: none }
a.copyr:hover, .copyr:active { font-family: Arial, Helvetica, sans-serif;  color: #FFFF66; font-size: 12px; TEXT-DECORATION: none }


.menu-on { COLOR: #FFFFFF; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: none}
a.menu-on:link, .menu-on:visited { COLOR: #FFFFFF; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: none}
a.menu-on:hover, .menu-on:active { COLOR: #FFFFFF; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: underline}


.menu-off { COLOR: #000000; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: none}
a.menu-off:link, .menu-off:visited { COLOR: #000000; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: none}
a.menu-off:hover, .menu-off:active { COLOR: #000000; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 19px; TEXT-DECORATION: underline}


.menu2-on { COLOR: #d3b781; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: underline}
a.menu2-on:link, .menu2-on:visited {COLOR: #d3b781; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none;
/*border-bottom:1px dashed #666666;*/
border-bottom:1px dotted #666666;
}
a.menu2-on:hover, .menu2-on:active { COLOR: #666666; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none; border-bottom:1px solid #d3b781;}


.menu2-off { COLOR:  #666666; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none}
a.menu2-off:link, .menu2-off:visited { COLOR: #666666; FONT-FAMILY: Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none}
a.menu2-off:hover, .menu2-off:active { COLOR: #d3b781; FONT-FAMILY: Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none; border-bottom:1px solid #d3b781;}


.menu-niz { COLOR:  #666666; FONT-FAMILY:  Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none}
a.menu-niz:link, .menu-niz:visited { COLOR: #666666; FONT-FAMILY: Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none;
/*border-bottom:1px dashed #666666;*/
border-bottom:1px dotted #d3b781;
}
a.menu-niz:hover, .menu2-off:active { COLOR: #d3b781; FONT-FAMILY: Times New Roman, Times, serif; font-size: 17px; TEXT-DECORATION: none; border-bottom:1px solid #666666;}


.menu3  { COLOR: #F09300; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 11px; TEXT-DECORATION: none}
a.menu3:link,.menu3 a:link,a.menu3:visited,.menu3 a:visited { COLOR: #F09300; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 11px; TEXT-DECORATION: none; font-weight:bold}
a.menu3:hover,a.menu3:active,.menu3 a:hover,.menu3 a:active { COLOR: #F09300; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 11px; TEXT-DECORATION: underline; font-weight:bold}


.map  { COLOR: #666666; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: none}
.map:link, .map:visited { COLOR: #666666; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: underline}
.map:hover, .map:active { COLOR: #666666; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: underline}


.dop { COLOR: #000000; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: none}
.dop:link, .dop:visited {COLOR: #183884; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: underline}
.dop:hover, .dop:active { COLOR: #F8C300; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION: none}

.titr { COLOR: #996633; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 10px; TEXT-DECORATION: none}
.titr:link, .titr:visited {COLOR: #666699; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 10px; TEXT-DECORATION: none}
a.titr:hover, a.titr:active { COLOR: #666699; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size: 10px; TEXT-DECORATION: underline}

.fx {display:inline-block;position:relative;}
.fx .x {position:absolute;top:0;left:0;visibility:hidden;}

.btn {font-weight: bold; font-size: 1em; letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; border: 1px #ABDEFF outset; background-color: #D7EDFB; color: #183884}

INPUT {
    background: #CCCCCC;
   }

TEXTAREA {
    background: #CCCCCC; /* Цвет фона */
    color: #000; /*  Цвет текста */
    /* width: 100%;  Ширина поля */
   }


.button {
	BORDER-RIGHT: #333333 1px solid;
	BORDER-TOP: #333333 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	FLOAT: left;
	MARGIN: 0px 0px 0px 0px;
	BORDER-LEFT: #333333 1px solid;
	WIDTH: 180px;
	COLOR: #000000;
	BORDER-BOTTOM: #333333 1px solid;
	BACKGROUND-COLOR: #EEEEEE
}