* {
margin:0;padding: 0;
}

marquee {
padding-left:1%;	

}
#obj h3{
text-align:center;
font-family: "Verdana";
color:black;
font-size:3em;
font-weight:bold;
}
#obj{
position:relative;
width:90%;
height:auto;
margin:50px auto;

}
.imgflagspb{
position:absolute;
left:245px;
top:170px;
width:50px;
}
.imgflagmsk{
position:absolute;
left:233px;
top:255px;
width:50px;
}
.imgflagufa{
position:absolute;
left:340px;
top:372px;
width:50px;
}
#fonmain {
position:relative;
width:100%;
height:700px;
background:url(img/geo111.png);
background-size:100%;
background-repeat:no-repeat;
box-shadow:0 0 0 1500px rgba(0, 0, 0, 0.53) inset;

}
#cont1 {
position:relative;
width:100%;
height:auto;

}
#cont2 {
position:relative;
width:100%;
height:3%;

background:#0F65C2;
text-align:center;
font-family: "Verdana";
color:white;

}
#cont2 h4 {
padding-top:10px;
font-size:1.5em;
}
#cont3 {
position:absolute;
width:100%;
height:50%;
background:url(img/fon999.jpg);
}
#ofirm {
position:relative;
width:70%;
z-index:1500;
height:20%;
color:blue;
text-align:center;
font-size:1.5em;
font-family: "Verdana";
margin:0px auto;
top:100px;
 padding: 5px; /* Поля вокруг текста */
 border-radius: 25px; /* Уголки */
}
.nadpis2{
position:absolute;
width:470px;
z-index:1500;
height:50px;
color:white;
font-size:2em;
font-family: "Verdana";
right:0;
background-color:#0F65C2;
 padding: 5px; /* Поля вокруг текста */
 border-radius: 25px; /* Уголки */
}
.nadpis3 {
position:absolute;
width:470px;
z-index:1500;
height:50px;
color:white;
font-size:2em;
font-family: "Verdana";
right:0;
background-color:#0F65C2;
 padding: 5px; /* Поля вокруг текста */
 border-radius: 25px; /* Уголки */
}

.imgtel {
position:relative;
width:5%;
height:auto;
top:5px;
}
#toner{position:absolute;width:100%;height:700px;margin:auto;box-shadow:0 0 0 1500px rgba(0, 0, 0, 0.33) inset;top:0;}
marquee h4 {
	font-size:34pt; color:black;top:5%;
}
#stroka {
	position:absolute;
	width:30%;
	height:auto;
	left:0;
}

#slideshowWrapper {
padding-top:0%;
}
#body {
position:absolute;	
width:100%;
height:1550px;






}
#header {
	width:100%;
	position:relative;
	height:56px;

background:#224158;
}
#content{
	width:100%;
	position:relative;
	height:90%;
}
#footer{

  position: absolute;
   bottom: 0;
   width: 100%;
   height: 70px;   /* Высота блока footer */
  background:#224158;
}
#inhead{
position:absolute;
width:100%;
height:100%;
top:0px;
}

#incont {




}
#logocenter {
	position:relative;
width:22%;
height:auto;
z-index:20;
  margin:0 auto;
text-align:center;

}

#adress {
position:absolute;
width:45%;
height:80%;
max-width:400px;
margin:5px 0;
color:white;
font-family: "Verdana";
font-size:1.1em;
line-height:1.5;

}

#zvonok{
position:absolute;
display:block;
width:33%;
height:55%;

margin:15px 65%;
color:white;
font-family: "Verdana";
font-size:1.4em;
text-align:right;
}

h2 {
position:relative;
margin-top:-6%;
font-size:1.8em;
color:white;
font-family: "Constantia";
}
#incont p {
color:white;
font-family: "Verdana";
}
ul li {
color:white;
font-family: "Verdana";
line-height: 1.7;
}

#flame{
width:100;height:auto;
position:relative;
text-align:center;
margin-top:7%;
padding-bottom:1%;
margin-bottom:0%;
}
#auto {
width:100;height:auto;
position:relative;
text-align:center;
margin-top:8%;
padding-bottom:5%;
padding-top:5%;
}



#h3 {
width:100;height:auto;
position:relative;
text-align:center;
margin-top:8%;
padding-bottom:2%;
padding-top:5%;
}
#h3onas {
width:100;height:auto;
position:relative;
text-align:center;
margin-top:0%;
padding-bottom:0%;
padding-top:2%;
}
#price {
	position:fixed;
	width:5%;
	height:auto;
	border:solid 2px red;
}
#knop {
position:relative;
width:100%;
height:auto;
text-align:center;
margin-top:12%;
z-index:1000;

}
.knop1 {
position:relative;
margin:0 100px;

}
.knop2{
position:relative;


}
h3 {

color:white;
font-family: "Verdana";
}
	TD {
  text-align: center;
   }
   #col1 {
    width: auto; /* Ширина первой колонки */
    height:auto;
	color:white;
font-family: "Verdana";

   }
   #col2 {
    width: auto; /* Ширина второй колонки */
  height:auto;
  color:white;
font-family: "Verdana";
   }
   #col3 {
    width: auto; /* Ширина третьей колонки */
    height:auto;
	color:white;
font-family: "Verdana";
   }
/* Базовые стили слоя, затемнения и модального окна */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.65);
position: fixed; /* фиксированное позиционирование */
cursor: default; /* тип курсора */
}
 
/* активируем слой затемнения */
.overlay:target {
display: block;
}
 
/* стили модального окна */
.popup {
top: -100%;
right: 0;
left: 50%;
font-size: 14px;
z-index: 1900;
margin: 0;
width: 85%;
min-width: 900px;
max-width: 1000px;
min-height:400px;
max-height:700px;
height:80%;
z-index:1500;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
background: #fefefe;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
 
/* активируем модальный блок */
.overlay:target+.popup {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 10%;
}
 
/* формируем кнопку закрытия */
.close {
top: -10px;
right: -10px;
width: 20px;
height: 20px;
position: absolute;
padding: 0;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font: 13px/20px 'Tahoma', Arial, sans-serif;
font-weight: bold;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
 
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
 
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
#contact {
position:relative;
width:25%;
height:4%;
padding:1%;
text-align:center;
margin:0 auto;
background-color:red;
	color:white;
font-family: "Verdana";
font-size:1.5em;
}
#adr {
position:relative;
width:45%;
height:6%;
padding:1%;
text-align:left;
margin-top:5%;
background-color:red;
	color:white;
font-family: "Verdana";
font-size:1em;
}
#tel {
position:relative;
width:25%;
height:5%;
padding:1%;
text-align:left;

background-color:red;
	color:white;
font-family: "Verdana";
font-size:1em;
}
#mail {
position:relative;
width:25%;
height:5%;
padding:1%;
text-align:left;

background-color:red;
	color:white;
font-family: "Verdana";
font-size:1em;
}
#karta {
position:absolute;width:50%;height:400px;
left:50%;
float:left;
top:100px;
}



#menu1{
    position:absolute;
    display:block;
    width:40%;
	right:0;
    height:100%;
    z-index:10;
	
}
    #menu1 ul{
        position:relative;
        display:block;
        
        padding:0px;
        width:100%;
        height:auto;
        list-style:none;
        background:#0F65C2;
    }
    #menu1 > ul::after{
        display:block;
        width:100%;
        height:-5px;
        clear:both;
        content:" ";
    }
        #menu1 ul li{
            position:relative;
            display:block;
            float:left;
            width:auto;
            height:auto;
           
        }
            #menu1 ul li a{
                display:block;
                padding:19px 25px 0px 15px;
                font-size:14px;
                font-family:Arial, sans-serif;
                color:#ffffef;
                line-height:1.3em;
                text-decoration:none;
                font-weight:bold;
                text-transform:uppercase;
                height:56px;
                box-sizing:border-box;
                
            }
            #menu1 ul li > a:hover, #menu1 ul li:hover > a{
                background:#EBBD5B;
                color:#2B45E0;
            }
			#menu1 ul li ul{
    position:absolute;
    top:36px;
    left:0px;
    display:none;
    width:200px;
    background:#EBBD5B;
   
}
#menu1 ul li:hover ul{display:block;}/*эта строчка реализует механизм выпадения*/
    #menu1 ul li ul li{
        float:none;
        width:100%;
    }
        #menu1 ul li ul li a{
            display:block;
            text-transform:none;
            height:auto;
            padding:7px 25px;
            width:100%;
            box-sizing:border-box;
            border-top:1px solid #ffffff;
           
        }
        #menu1 ul li ul li:first-child a{border-top:0px;}
        #menu1 ul li ul li a:hover{
            background:#FDDC96;
            color:#6572BC;
        }
.skudknop {
position:absolute;
margin-left:7%;
margin-top:7%;
}
.elknop {
position:absolute;
margin-left:50%;
margin-top:32%;
}
.ohknop {
position:absolute;
margin-left:50%;
margin-top:7%;
}
.videoknop {
position:absolute;
margin-top:19%;
margin-left:26.5%;
}
.automat{
position:absolute;
margin-top:32%;
margin-left:7%;
}		
#zayavka {
position:absolute;
width:22%;
height:40%;
background-color:#B7CCE1;
opacity: 0.6;
border-radius:30px 30px 0 0;
left:73%;
top:30%

}

#zayavka1 {
position:absolute;
width:20%;
height:37%;
z-index:1000;
border-radius:30px 30px 0 0;
left:73.8%;
margin-top:1%;

top:30%;
}
	form .input1 /* Стили для класса input */ {
    position:absolute;
	 margin:2% 0%;
    width: 90%; /* Ширна 230 пикселей */
border-radius: 4px;
height:30px;

}
form .input1 /* Стили для класса input */ {
    position:absolute;
	 margin:21% 0%;
    width: 90%; /* Ширна 230 пикселей */
border-radius: 4px;
height:30px;

}
form .input2 /* Стили для класса input */ {
    position:absolute;
	 margin:40% 0%;
    width: 90%; /* Ширна 230 пикселей */
border-radius: 4px;
height:30px;

}

.button24 {
position:absolute;
  display:block;
  color: white;
  text-decoration: none;
  padding: .5em 3em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
  margin:5% 5%;
} 
.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
.n h3{
position:relative;
 font-family: 'Roboto Slab', serif;
 color:#021336;
  font-weight: bold;
text-align:center;
}