html {
    height: 100%; /* Высота страницы */
}

body {
    /*background: url("../ant_images/bkgRU_2.png") right bottom fixed no-repeat;*/
    background: url("../ant_images/bkgRF_2.png") right bottom fixed no-repeat;
    background-color: #ADD8E6;  /*#AFEEEE; /*#FFF0F5;*/
}

p,ul,ol {
	color: black;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Trebuchet MS, Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

h1
{
	color: #454545;
	font-size: 175%;
	font-weight: bold;
}

h2
{
	color: #707070;
	font-size: 130%;
	font-weight: normal;
	border: 1px solid #cccccc;
	border-width: 0px 0px 1px 0px;
	padding-bottom: 0px;
}

h3
{
	color: #707070;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #cccccc;
	border-width: 0px 0px 1px 0px;
	padding-bottom: 0px;
	text-align: center;
}

h4
{
	color: #454545;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 0px;
	text-align: center;
}

h5
{
	color: #707070;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #cccccc;
	border-width: 0px 0px 1px 0px;
	padding-bottom: 0px;
	text-align: left;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.nav {
	color: #ffffff;
}

/*trbl*/
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 0 10px 10px 0; /* Отступы вокруг картинки */
   }
   .leftimgo {
    float:left; /* Выравнивание по левому краю */
    margin: 0 10px 10px 0; /* Отступы вокруг картинки */
	overflow: hidden;
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin:0px 0px 10px 10px; /* Отступы вокруг картинки */
   }
.centerimg {
	text-align: center;
	overflow: hidden;
}

.title {
    text-align: center;
    border-width:1px;
    border-color:black;
    border-style:solid;
	color: #ffffff;
	background-color: #1C82C3;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.titlesel {
    text-align: center;
	background-color: #47B0E9;
    border-width:1px;
    border-color:black;
    border-style:solid;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.titleon {
	color: #42E9FF;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.small {
	color: #000000;
	font-size: 60%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.big {
	font-size: 100%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.head {
	color: #454545;
	font-size: 90%;
	font-family: Trebuchet MS, Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	text-align: center;
}
.head1 {
	color: #454545;
	font-size: 110%;
	font-family: Trebuchet MS, Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	text-align: center;
}
.desc {
	color: black;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	text-align: left;
}

.footer {
	color: #555555;
	font-size: 60%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	color: #1C82C3;
	font-weight: bold;
	text-decoration: none;
	outline:none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	color: #47B0E9;
	text-decoration: underline;
}
			/* The CSS Code for the menu starts here */
			.menu a {
				text-decoration: none;
				display: block;
				line-height: 23px;
			}
			.menu a:hover, .menu active a {
				background-color: #47B0E9;
			}

			/* Blue Menu */
			.menu.blue a {color: #fff;}
			.menu.blue a:hover, .menu.blue active a {color: #000; background: #47B0E9;}

			/* Price Menu */
.tprice {
    border-width:0;
    border-color:black;
    border-style:solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 110%;
	font-family: Trebuchet MS, Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

			.menu.price a {color: #000;}
			.menu.price a:hover, .menu.price active a {color: #000; background: #47B0E9;}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(..\white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(..\close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
	height:450px;
	overflow-y:auto;
}

#wrapper 
{ 
  min-width: 960px; 
  overflow: hidden; /* прячем пункты, выходящие за область обертки */
}
#descri
{
  padding: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 2365px; 
}
#descr
{
  padding: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
}
#header, #acontent, #acontent_woright, #content_foot, #content_foot_woright, #aright
{
  background-color: #fff;
  border: 1px solid #ccc;
}
#acontent, #acontent_woright, #content_foot, #content_foot_woright, #aright
{
  padding: 8px;
}
#content_right, #content_center, #content_center_head, #content_center_foot
{
  width: 100%; 
}
#header, #content_center, #content_head, #content_foot
{
  margin-bottom: 8px;
}
#content_head
{
  margin-left: 8px;
}
#acontent, #content_foot
{
  margin-right: 224px;
  margin-left: 8px;
}
#acontent_woright, #content_foot_woright
{
  margin-left: 8px;
}
#content_center, #content_center_head, #content_center_foot
{
  float: left;
  margin-right: -224px;
}
#content_right
{
  float: right;
  margin-left: -200px;
}
#content_right_inner
{
  margin-left: 200px;
}
#aright
{
  width: 198px;
  float: right;
  /*background-color: #0c97e2;*/

   border-bottom: 0;
   background-color: #47B0E9;
   background: -moz-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -webkit-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -o-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -ms-linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD8E6', endColorstr='#ADD8E6',GradientType=0 );
   background: linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);

}
#aleft
{
  width: 200px;
  float: left;
}
#afooter 
{ 
  clear: both; 
  text-align:center;
}

/* table price Blue Menu */
    table.cable {
    width: 100%; /* Ширина таблицы */
/*    border-spacing: 5px; /* cellspacing="5" */
	color: black;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
   }
   table.cable td.ahad{
    text-align: center; /* Выравниваем текст по центру ячейки */
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
/*    background: #ACC1D4;*/
   background-color: #ADD8E6;
   }

   table.price td.photo a {
	color: #006699;
	font-size: 55%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
}

   table.price td.photo a:hover {
   background-color: #47B0E9;
   background: -moz-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -webkit-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -o-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -ms-linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD8E6', endColorstr='#ADD8E6',GradientType=0 );
   background: linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
}
   table.cable td.photo a {
	font-size: 85%;
   color: #006699;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   border: 2px solid #fff;
   background-color: #ADD8E6;
    text-align: center; /* Выравниваем текст по центру ячейки */
    letter-spacing: -1px;
    padding: 10px;
   text-decoration: none;
   display: block;
   }
   table.cable td.photo a:hover {
/*   color: #006699; */
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   border: 2px solid #47B0E9;
   background-color: #47B0E9;
   background: -moz-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -webkit-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -o-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -ms-linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD8E6', endColorstr='#ADD8E6',GradientType=0 );
   background: linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   }
   
   table.cable td.descr{
    text-align: justify; /* Выравниваем текст по ширине */
    padding-right: 10px;
   }
   
/* table price Blue Menu */
    table.price {
    width: 100%; /* Ширина таблицы */
    border-collapse: collapse; /* cellspacing="0" */
	color: black;
	font-size: 120%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
   }
   table.price td{
    width:16%;
    text-align: center; /* Выравниваем текст по центру ячейки */
    border: 1px solid black; /* Рамка вокруг таблицы */
   }
   table.price tr.ahad{
    background: #ACC1D4;
	font-size: 60%;
   }
   table.price td.menu a {color: #fff;text-decoration: none;display: block;}
   table.price td.menu a:hover, .menu.blue active a {
   color: #000; 
   background-color: #47B0E9;
   background: -moz-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -webkit-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -o-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -ms-linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD8E6', endColorstr='#ADD8E6',GradientType=0 );
   background: linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
}

    table#mnu {
    width: 100%; /* Ширина таблицы */
    border-collapse: collapse; /* cellspacing="0" */
    }
   tr#cntr {
    text-align: center; /* Выравниваем текст по центру ячейки */
   }

    table#desc {
    width: 100%; /* Ширина таблицы */
    border-collapse: collapse; /* cellspacing="0" */
    margin: auto; /* Выравниваем таблицу по центру окна  */
	color: black;
	font-size: 80%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
   }
    table#desc td{
    width: 50%; /* Ширина столбца */
    }
   td.ahed {
    background: #ACC1D4;
    border: 1px solid black; /* Рамка вокруг таблицы */
	font-size: 110%;
    text-align: center; /* Выравниваем текст по центру ячейки */
   }
   tr.oddd {
    background: #D1DCEC;
   }
   td.idnm {
    /*text-align: left; /* Выравниваем текст по центру ячейки */
    padding: 0 8px 0 8px; /*trbl*/
    border: 1px solid black; /* Рамка вокруг таблицы */
   }
   td.valu {
    text-align: center; /* Выравниваем текст по центру ячейки */
    padding: 0 8px 0 8px; /*trbl*/
    border: 1px solid black; /* Рамка вокруг таблицы */
   }


/* knopka na verh
-----------------------------------------------------------*/
#back-top {
	position: fixed;
	bottom: 10px;
	left: 60px;
	z-index:999;
}
#back-top a {
	width: 100px;
	display: block;
	text-align: left;
	font: 14px/100% Verdana;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 100px;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	line-height:30px;
	background: #777 url(../ant_images/up-arrow.png) no-repeat center center;
	opacity:0.7;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
	opacity:1;
}

#ant_items{
   display: table;
   width: 100%;
}
#ant_items li{
   display: table-cell;
   margin: 8px;
}
#ant_items ul {
   display: table-row;
   text-align: center;
}

#ant_items a {
	color: #006699;
	font-size: 85%;
	font-family: Verdana, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
   display: block;
   text-decoration: none;
   border: 2px solid #fff;
}

#ant_items a:hover {
   display: block;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   border: 2px solid #47B0E9;
   background-color: #47B0E9;
   background: -moz-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -webkit-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -o-linear-gradient(top, #47B0E9 0%, #ADD8E6 100%);
   background: -ms-linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD8E6', endColorstr='#ADD8E6',GradientType=0 );
   background: linear-gradient(top, #47B0E9 0% ,#ADD8E6 100%);
}

#ant_items img {
  border: 0;
}