/*  font-family: 'Roboto', sans-serif;  */
html, body{ margin:0; padding:0; width:100%; height:100%;}
body {font-family: 'PT Sans', sans-serif; font-size:16px; color:#000; }
a, img {border: none; text-decoration: none; outline: none;}
table {border-collapse: collapse; border: none; border-spacing: 0; outline: none;}
p, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; word-wrap: break-word; font-weight:normal;}

div.block1, div.block2, div.block3 {width:100%; position:relative;}
div.block1 { height:549px; background: url(/img/fgFooter.jpg) 50% 0 no-repeat; }
div.papaMain {margin: 0 auto; width:960px; position:relative; padding:0 5px;}

.marquee {
	margin: 7px 0;
	float:left;
	width:100%;
	overflow: hidden;
	white-space: nowrap; 
	font-size:12px;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 10s infinite linear;
    -moz-animation: scroll 10s infinite linear;
    animation: scroll 900s infinite linear;
}

div.nav { position:absolute; top:463px; left:60px;}
div.nav>a {color:#FFF; font-size:1.3em; display:inline-block; margin-right:70px; height:50px; line-height:50px;}
div.nav>a:hover, div.nav>a.current { color:#3891c3; text-decoration:none;}
h1.phone {position: absolute; left: 280px; top: 20px; font-size: 2.6em; font-family: 'Tahoma', sans-serif; line-height: 1; font-weight: bold;}
h1.phone a { color:#000;}
h1.phone span {color:#757575; font-size:24px;}
p.xar {color:#fff; font-size:1.3em; position:absolute; top:505px; right:95px;}

div.footer {width:100%; float:left;}
div.footer table {height:50px; width:100%; float:left;}

div.content {width:100%; float:left; margin:0;}

p.fileSave { padding-left:20px; background: url(/img/stock_save.png) 0 50% no-repeat; margin:0 0 10px;}
h2.xk {clear:both; font-size:12px; margin:0 0 5px; color:#000;}
p.fileSave a, h2.xk a { color:#000; text-decoration:underline;}
p.namePages {color:#0e3463; font-size:1.3em; }

div.karta {margin:10px 0; height:450px}
div.blockSmallFoto {margin:0; text-align:center;}
div.blockSmallFoto a {display:inline-block; text-decoration:none; overflow: hidden; cursor: url(/img/zoom-in.cur), pointer; width:220px; height:220px; text-align:center; position:relative;}
div.blockSmallFoto a p {position:absolute; padding:3px 5px; width:220px; bottom:0px; left:-240px; background:#aeaeae; color:#FFF; font-size:12px;}
div.blockSmallFoto a:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(14,52,99,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(14,52,99,0.5);
	box-shadow: 0px 0px 10px 0px rgba(14,52,99,0.5);
}
div.blockSmallFoto a:hover p {left:0;}


/* редактировать администратор */ 
.admBut {text-align:right;}
.admBut button { padding:3px 10px; cursor:pointer; color:#000; border-radius:5px;}
div#Modal {position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:900}
div#Modal2 {position:fixed; left:0; top:0; width:100%; height:100%; z-index:902; opacity:0.7; background: #000;}
div#Modal1 {z-index:903; margin:15px auto; width:930px; position:relative;}
div#Modal3 {width:930px; color:#000;}
div#Modal3 button {padding:3px 15px; font-size:16px; cursor:pointer;}


.mobil { width:100%; display:none; padding:10px;}
div.bgHM {max-width: 640px; margin:0 auto 10px;}
div.bgHM img { width:100%; height:auto;}

.tablem { width:280px; margin: 0 auto;}
.btn{
    background: url(/img/buttonM.png) 50% 0 no-repeat;
	background-size: contain;
    max-width: 456px;
    margin: 10px auto;
	position:relative;
}
.btn a { display:block; color:#FFF; font-size:3rem; text-align:center; padding: 5px 0px 20px; font-weight: bold;}
.m1 { text-align:center; font-size:24px; font-weight:bold;}
img.h24 { width:76px; height:auto; position:absolute; left:-5px; bottom:90%;}
@media only screen and (min-width: 970px) {
	body { overflow-y: scroll; background: url(/img/bg.jpg) 50% 0 no-repeat fixed; }
}
@media only screen and (max-width: 965px) {
	body { background: url(/img/bgM.jpg) 50% 0 no-repeat #d4e0ee; }
	body * { box-sizing:border-box;}
	.desktop { display:none;}
	.mobil { display:block;}
}

@media only screen and (max-width: 459px) {
	.btn a { font-size:2.8rem;}
	img.h24 { width:66px;}
	.m1 {font-size: 22px;}
}
@media only screen and (max-width: 435px) {
	.btn a { font-size:2.5rem;}
	img.h24 { width:56px;}
	.m1 {font-size: 100%;}
}
@media only screen and (max-width: 420px) {
	.btn a { font-size:1.9rem;}
}