@charset "windows-1251";


body {
background-image:url(img/bg.jpg);
      background-attachment:fixed;
	  margin-top: 5%; }


table.oll {
width: 85%;}


table.con {
    width:80%;
	background: rgba(230,255,200,0.90);
	border-radius:5px;
	box-shadow: rgba(230,255,200,1) 1px 1px 10px 5px;
	  margin-left:20%; }


td.con {
        padding:2%;}
		

p {
    font-size:1.2em;
	margin-left:2%;
	margin-right:2%;
	text-indent:40px;}

h1 {
    font-family:Tahoma, Verdana, Arial, Helvetica;
	color: rgba(75,60,30,1);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6), 1px 1px 3px rgba(255,255,255,0.6);}


div.menu_s {
            width: 100%;
			height:auto;
			border-radius: 5px;}

div.menu_m {
            background-image:url(img/bg2.jpg);
            width: 100%;
			height:auto;
			border-radius: 5px;
			display:none;}


a:link {font-family:Tahoma, Verdana, Arial, Helvetica;
        color: #000033;
		text-decoration: underline;
		font-size:1.14em;
}

a:visited {font-family:Tahoma, Verdana, Arial, Helvetica;
           color: #000000; 
           text-decoration: underline;
		   font-size:1.14em;
}

a:hover {font-family:Tahoma, Verdana, Arial, Helvetica;
         color: #330000; 
         text-decoration: underline;
		 font-size: 1.15em;
}

a:active {font-family:Tahoma, Verdana, Arial, Helvetica;
          color: #330099;
          font-size: 1.14em;
}

ul#navmenu-v a {
  padding: 0 6px;
  display: block;
  background-image: linear-gradient( rgba(220,220,220,0.8), rgba(255,255,255,0.8), rgba(220,220,220,0.8));
  border: solid 1px rgba(150,150,150,0.4);
  border-radius:10px;
  color:rgba(40,40,40,0.9);
  font: bold 1em/1.6em Tahoma, Verdana, Arial, Helvetica;
  text-align:left;
  text-decoration: none;
  height: auto !important;
  height: 1%; 
}

/*при наведении*/
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background-image:linear-gradient(rgba(255,255,255,0.8), rgba(220,220,220,0.8), rgba(255,255,255,0.8));
  border-radius:10px;
  font: bold 1em/1.6em Tahoma, Verdana, Arial, Helvetica;
  color: rgba(40,40,40,0.9);
  text-decoration: underline;
}

/*стиль меню*/
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  padding: 0;
  width: 100%; 
  list-style: none;
		 float:left;
}


/* Стили скользящего меню */
.section {  
	width:100%;
	position: relative; 
}

.section .content {  
	     border-radius:5px;
}

.section .menu {
	position:absolute;
	padding:1%;
	width:15%;
	background: rgba(230,255,200,0.90);
	border-radius:5px;
	box-shadow: rgba(230,255,200,1) 1px 1px 10px 5px;
	left: -3px;
	top: 0px;
	height: avto;
}

#hm { background-image:url(img/bg2.jpg);
         width:100%;
}

#hm ul { padding:1%;
		 width:100%;
}

#hm ul li {    float: left;
			width:24%;
			text-align: center;
			border: ridge 1px rgba(150,150,150,1);
			border-radius: 10px;
			list-style-type:none;
}

#hm ul li a { line-height: 2.8em;
			  text-decoration: none;
			  font: bold 1.2em/1.6em Tahoma, Verdana, Arial, Helvetica;
			  color: rgba(100,80,40,1);
			  text-shadow: 1px 1px 2px rgba(0,0,0,1), 0px -2px 6px rgba(255,255,255,0.3); 
}

#hm ul li a:hover { text-shadow: 1px 1px 1px rgba(0,0,0,1), 0px -2px 5px rgba(255,255,255,0.5); 
}

#fm { background-image:url(img/bg2.jpg);
         width:100%;
}

#fm ul { padding:1%;
		 width:100%;
}

#fm ul li {    float: left;
			width:100%;
			text-align: center;
			border: ridge 1px rgba(150,150,150,1);
			border-radius: 10px;
			list-style-type:none;
}

#fm ul li a { line-height: 2.8em;
			  text-decoration: none;
			  font: bold 1.2em/1.6em Tahoma, Verdana, Arial, Helvetica;
			  color: rgba(100,80,40,1);
			  text-shadow: 1px 1px 2px rgba(0,0,0,1), 0px -2px 6px rgba(255,255,255,0.3); 
}

#fm ul li a:hover { text-shadow: 1px 1px 1px rgba(0,0,0,1), 0px -2px 5px rgba(255,255,255,0.5); 
}

#shadow li,
#shadow li ul li{ box-shadow: inset 0px -3px 8px rgba(0,0,0,0.6), inset 0px 3px 8px rgba(255,255,255,0.7);
}

#shadow_m li,
#shadow_m li ul li{ box-shadow: inset 0px -3px 8px rgba(0,0,0,0.6), inset 0px 3px 8px rgba(255,255,255,0.7);
display:none;
}

table.mess { border: solid 1px rgba(150,150,150,0.6);
           border-radius: 5px;
		   width:50%;
		   float: center;
		   background-color: rgba(180,240,240,0.8);
}

h6 {font-family:Tahoma, Verdana, Arial, Helvetica;
   font-size:1.1em;
   color: rgba(50,150,50,1);
}

h2.head_font {
              font-family:Tahoma, Verdana, Arial, Helvetica;
			  color: rgba(230,255,200,0.95);
			  text-shadow: 1px 1px 2px rgba(0,0,0,1), 0px -2px 6px rgba(255,255,255,0.3); 
			  font-size:1.2em;
	  }


.error input,.error textarea {
	  border: 2px solid red;
    }


.nav {
      position:absolute;
      padding: 0px 0px;
	  margin-top:5px;
      display: block;
	  background: rgba(230,255,200,1);
	  border-radius:5px;
	  box-shadow: rgba(230,255,200,1) 1px 1px 10px 5px;
      text-align:left;
      height: auto;
	  max-height:80vh;
	  overflow-y:auto;}


.nav li {
      list-style-type:none;
	  width:100%;}

.nav li a {
      text-decoration: none;
	  font-size:1.1em;
	  font-weight:bold;
	  padding:4px 10px;
	  display:block;
	  width:585%;
      background-image: linear-gradient( rgba(220,220,220,0.6), rgba(255,255,255,0.6), rgba(220,220,220,0.6));
      border: solid 1px rgba(150,150,150,0.4);
      border-radius:2px;
      color:rgba(40,40,40,0.9);}

#touch-menu{
	  display:none;
	  font-size:1.2em;
	  font-weight:bold;
	  text-decoration:none;
	  color: rgba(230,255,200,0.95);
	  text-shadow: 1px 1px 2px rgba(0,0,0,1), 0px -2px 6px rgba(255,255,255,0.3);
      position: relative;
	  padding: 10px 15px;
	  z-index:1;}
 
.icon {
      width:31%;
	  background:#eee;
	  border: solid 2px rgba(100,80,40,0.6);
	  border-radius:5px;
	  box-shadow: 2px 2px 4px rgba(0,0,0,0.8), 2px -3px 6px rgba(200,200,200,0.6);
	  margin:1%;
	  float:left;}

.icon h2 {
	  font: 1.32em Tahoma, Verdana, Arial, Helvetica;
	  font-weight:bold;
	  color: rgba(100,80,40,1);
	  text-shadow: 1px 1px 2px rgba(100,100,100,1), 0px -3px 6px rgba(200,200,200,1);}

.cena {
      background-image:url(img/bg2.jpg);
	  box-shadow: inset 0px -3px 8px rgba(0,0,0,0.6), inset 0px 3px 8px rgba(255,255,255,0.7);
	  border-radius: 4px;}

.cena h3 {
      font-family:Tahoma, Verdana, Arial, Helvetica;
	  color: rgba(230,255,200,0.95);
	  text-shadow: 1px 1px 2px rgba(0,0,0,1), 0px -2px 6px rgba(255,255,255,0.3);
	  line-height:2.2em;}

img.prev {
      width:94%;
	  height:auto;
	  margin:3%;}

hr.prev {
      width:60%;
	  size:2;
	  color:rgba(100,80,40,0.6);}

.maps {
	  width:600px;
	  height:450px;
	  border:0px;}

table.price {
      background-color:#eee;
      width:80%;
	  border-spacing:0;
	  font-family:Tahoma, Verdana, Arial, Helvetica;
	  font-size:1.1em;}

td.kol_2 {
      width:66%;}

td.kol_2_1 {
      padding:5px;}

td.kol_3 {
      width:10%;}

td.kol_4 {
      width:18%;}

ul.price {
      margin: 0;
      padding: 5;
      width: 25%; 
      list-style: none;
	  float:left;
      }

ul.price a {
  padding: 0 6px;
  display: block;
  background-image: linear-gradient( rgba(220,220,220,0.8), rgba(255,255,255,0.8), rgba(220,220,220,0.8));
  border: solid 1px rgba(150,150,150,0.4);
  border-radius:10px;
  color:rgba(40,40,40,0.9);
  font: bold 1em/1.6em Tahoma, Verdana, Arial, Helvetica;
  text-align:left;
  text-decoration: none;
  height: auto !important;
  height: 1%; }

ul.price a:hover {
  background-image:linear-gradient(rgba(255,255,255,0.8), rgba(220,220,220,0.8), rgba(255,255,255,0.8));
  border-radius:10px;
  font: bold 1em/1.6em Tahoma, Verdana, Arial, Helvetica;
  color: rgba(40,40,40,0.9);
  text-decoration: underline;}

table.vert {
      border:0px;
	  border-radius: 10px;
	  background-color:rgba(255,255,255,0.1);
	  box-shadow: 3px 3px 8px rgba(0,0,0,0.6), inset -1px -1px 4px rgba(50,50,50,0.6);
	  width:100%;}

table.icon_vert {
      width:31%;
	  background:#eee;
	  border: solid 2px rgba(100,80,40,0.6);
	  border-radius:5px;
	  box-shadow: 2px 2px 4px rgba(0,0,0,0.8), 2px -3px 6px rgba(200,200,200,0.6);
	  margin:1%;
	  float:left;}

table.pricelist {
      width:66%;
	  border-spacing:0;
	  border-radius: 6px;
	  background-color: rgba(255,255,255,0.6);
	  font-size:1.1em;
	  margin:1%;}



@media (max-width: 1250px) {
  table.oll {
             width:90%;}
  body {
        margin-top:2%;}
}

@media (max-width: 1100px) {
  table.oll {
             width:100%;}
  body {
        margin-top:0px;}
  .icon {
        width:40%;
		margin-left:7%;}
   ul.price {
      width:40%;}
}

@media (max-width: 900px) {
  body {
  background:none;}
  td.left_menu {
              width:0%}
  td.con {
              padding-top:2.5em;}
  td.header {
              width:100%}
  div.menu_s {
              display:none;}
  div.menu_m {
              display: block;
			  position:fixed;}
  div.sectoin {
            display:none;}
  div.menu {
            display:none;
			width:0%;}
  div.rek {
           display:none;}
  table.con {
            width:100%;
			margin-left:0%;
	        background: rgba(245,255,220,0.80);}
  #shadow {
           display: none;}
  #shadow_m li, #shadow_m li ul li{
           box-shadow: inset 0px -3px 8px rgba(0,0,0,0.6), inset 0px 3px 8px rgba(255,255,255,0.7);
           display: block;}
  #hm {
           display:none;}
  #fm ul li a {
	       color:rgba(230,255,200,0.95);}
      .nav {
	        display:none;}
	  #touch-menu {
	        display:block;}
	  .nav li {
	        float:none;
			width:15%;} 
  .icon {
        width:60%;
		margin-left:19%;}
  .maps {
	  width:520px;
	  height:390px;}
   ul.price {
      width:50%;}
   table.icon_vert {
      width:60%;
	  margin-left:19%;}
   table.pricelist {
      width:98%;}
}

@media (max-width: 550px) {
   .maps {
	  width:400px;
	  height:300px;}
   ul.price {
      width:60%;}
}

@media (max-width: 450px) {
   h2.head_font {
           font-size:1.1em;}
   .maps {
	  width:320px;
	  height:240px;}
   ul.price {
      width:100%;}
  .icon {
        width:80%;
		margin-left:9%;}
   table.icon_vert {
      width:80%;
	  margin-left:9%;}
}