@charset "windows-1251";
/* CSS Document */

body {
	background-image: url(http://vach-remont.narod.ru/foto/fon1.jpg);
	background-attachment: fixed;
    margin: 0;
	padding: 0;
}


.container {
	background: -webkit-linear-gradient(top,#b1d3fc 0%,#FFF 50%,#b1d3fc 100%);
    background: -moz-linear-gradient(top,#b1d3fc 0%,#FFF 50%,#b1d3fc 100%);
    background: -ms-linear-gradient(top,#b1d3fc 0%,#FFF 50%,#b1d3fc 100%);
    background: -o-linear-gradient(top,#b1d3fc 0%,#FFF 50%,#b1d3fc 100%);
    background: linear-gradient(top,#b1d3fc 0%,#FFF 50%,#b1d3fc 100%);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	border-radius: 8px;
	width: 70%; position: relative;
	max-width: 1500px;
	min-width: 760px;
	background-color: rgba(255,255,255,0);
	margin: 10px auto; 
}

.header {
	background-color: rgba(255,255,255,0);
	height: 195px;
}
.header img {
	width: 100%;
	height: 195px;
	border-radius: 8px;
}
.sidebar1 {
	float: left;
	width: 18.5%;
	background-color: rgba(255,255,255,0);
	padding: 0 0 10px 10px;
	margin-top: 5px;
	border: 0px groove #000;
}
.kontakt { 
    background-color: rgba(204,204,204,0); width: 100%;
    border-width: 1px; border-style: groove; border-color: #000000; 
    border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;
}
/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
ul.nav {
	list-style: none; /* удаляет маркер списка */
	margin: 10px 0; /*  создает пространство между навигацией по содержимому ниже */
}
ul {
	padding: 0px;
	margin: 0px;
}
a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}

a:hover, a:active, a:focus { /*эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}
.menu- {
	background: -moz-radial-gradient(center, ellipse cover, #b8ebfc 0%,#b8ebfc 40%, #00f 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #b8ebfc 0%,#b8ebfc 40%,#00f 100%);
    background: -o-radial-gradient(center, ellipse cover, #b8ebfc 0%,#b8ebfc 40%,#00f 100%);
    background: -ms-radial-gradient(center, ellipse cover, #b8ebfc 0%,#b8ebfc 40%,#00f 100%);
    background: radial-gradient(center, ellipse cover, #b8ebfc 0%,#b8ebfc 40%,#00f 100%);
    width: 100%; height: 25px;
    margin: 0 0 10px 0;		
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
}
.menu {
	width: 100%; height: 22px; font-size: 14px; color: #000;
    font: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center;
    margin: 5px 0;  		
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.menu a{ 
     background: -webkit-linear-gradient(top,#b8ebfc 35%,#00F 100%);
     background:  -moz-linear-gradient(top,#b8ebfc 35%,#00F 100%);
	 background: -ms-linear-gradient(top,#b8ebfc 35%,#00F 100%);
	 background: -o-linear-gradient(top,#b8ebfc 35%,#00F 100%);
	 background: linear-gradient(top,#b8ebfc 35%,#00F 100%);
	 box-shadow: 0 0 8px rgba(0,0,0,0.8);
     display: block; width: 100%; height: 22px; font-size: 14px; color: #000;
     font: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center;
     margin: 5px 0;   		
     -moz-border-radius: 8px;
	 -khtml-border-radius: 8px;
	 -webkit-border-radius: 8px;
	 -o-border-radius: 8px;
	 border-radius: 8px;
}
.menu a:hover {
	 background: -webkit-linear-gradient(top,#FFF 35%,#00f 100%);
     background: -moz-linear-gradient(top,#FFF 35%,#00f 100%);
	 background: -ms-linear-gradient(top,#FFF 35%,#00f 100%);
	 background: -o-linear-gradient(top,#FFF35%,#00f 100%);
     background: linear-gradient(top,#FFF 35%,#00f 100%); 
	 height: 22px; width: 100%;
	 color: #000; text-decoration: none; 
}
.menu a:active {
	 box-shadow: 0 0 2px rgba(0,0,0,0.5);
     height: 21px; width: 99%;
	 text-decoration: none; 
}
.reklama { 
     width: 100%; height: 300px;
	 margin: 20px 0;
	 -ms-border-radius: 8px;
     -moz-border-radius: 8px;
	 -o-border-radius: 8px;
	 -webkit-border-radius: 8px;
     border-radius: 8px;
}
.reklama img {
	width:100%; height:300px;
	border-radius:8px;
}
.content {
	padding: 15px 15px 50px 15px;
	width: 53%;
	margin: 5px auto;
	border: 0px groove #000;
	border-radius: 8px;
	box-shadow: inset 0 0 10px 5px rgba(0,0,0,0.4);
}
#galleri {
	list-style: none;
}
#galleri a {
	display:block;
}
#galleri img {
	width: 100px;
	height: 100px;
	opacity:0.7;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        -ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
#galleri img:hover {
	opacity: 1;
}
#dekor img {
      width: 130px;
      height: 130px;
}
.link { 
    color: #000;
    font-size: 18px;
    font-style: inherit;
}
.sidebar2 {
	float: right;
	width: 18.5%;
	background-color: rgba(255,255,255,0);
	padding: 0px 10px 10px 0px;
	margin-top: 5px;
	border: 0px groove #000;
}


.fotoalbum { 
    width: 100%; height: 160px;
	margin:15px 0;
	-ms-border-radius: 8px;
    -moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
    border-radius: 8px;
}
.style {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.teg1 { 
    background-color: #666666; height: 20px; width: 100%;
    margin-top: 15px;
    border-width: 1px; border-style: groove;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}  
.teg { 
    background-color: rgba(204,204,204,0);
    height: 200px; width: 100%;
    border-width: 1px; border-style: groove;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.footer {
	padding: 5px 0;
	background-color: rgba(255,255,255,0);
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
}
.footer_menu {
	width: 55%;
	margin: 1px auto;
	border: 0px groove #000;
	list-style: none; 
}
.footer_menu_li {
	float: left;
	margin: 1px 10px;
	
	
}
.footer_menu_li a, .footer_menu_li a:hover,
.footer_menu_li a:active, .footer_menu_li a:visited {
	text-decoration: none;
	color: #000; font-size: 12px;
}
.bottom {
	clear:both;
	
}