html,body,h1,h2,h3,p,form,div,ul,ol,li {margin:0; padding:0; border:0; color:#000;}

html {min-height: 100%;min-width: 100%;
background: #E5E5E5;
font-family: Futura,Trebuchet MS,Arial,sans-serif; font-size:14px;}

.cnt {max-width:1200px;position:relative; margin:auto;}
a {cursor:pointer; color:#000;}
.anchor {position:relative;}
.anchor a{position:absolute; top:-50px;}
.clr {clear:both;}
.hidd {display:none;}
h1 {font-size:1.7em; margin:15px 0;}
h1 span {font-weight:normal;}
h2 {font-size:1.7em; margin:15px 0;}
h3 {font-size:1.3em; margin:15px 0 5px;}
h4 {font-size:1.1em; margin:15px 0 2px;}
h1 a,h2 a,h3 a,h4 a{text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{text-decoration:underline;}

p {line-height:1.7em; margin: 10px 0;}

/*HEAD*/
.head {background:#FFF; text-align:center;}
.head a.logo img {display:inline-block; max-height:46px; padding:18px 0; margin: auto;}
.head .langs {position:absolute; top:33px; left:10px;}
.head .langs a {display:inline-block; padding:4px 5px;color:#6D6E70; text-decoration:none; text-transform:uppercase;font-size: 0.8em;}
.head .langs a.sel {font-weight:bold; text-decoration:underline;}
.head .langs a:hover {text-decoration:underline;}
.head .icons {position:absolute; top:31px; right:10px;}
.head .icons>a {display:inline-block; width:24px; height:24px; margin:0 3px; background:url(../icons.png?4);}
.head .icons>a.back {background-position:-2px 0;}
.head .icons>a.home {background-position:-29px 0;}
.head .icons>a.print {background-position:-59px 0;}
.head .icons>a.mail {background-position:-89px 0;}
.head .motiv {height:74px; background:url(../top_bg.jpg) center center;}
#menu {display:block;}
.menu {background:#6D6E70; text-align:center; padding:10px; margin:0;}
.menu>li{list-style:none;display:inline-block; margin:5px 15px; padding:5px 0 3px; border-bottom:2px solid #6D6E70;}
.menu>li.sel,
.menu>li:hover{border-bottom:2px solid #4D4D4D;}
.menu>li>a{display:block; color:#FFF; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.fixTop .menu {position:fixed; top:0; left:0; right:0;z-index:100;}
.fixTop .head {margin-bottom:58px;}
#header,#menu>.langs {display:none;}

@media (max-width: 770px)
{
.menu>li{margin: 2px 7px;padding: 3px 0 2px;}
}

@media (max-width: 500px), (max-height: 400px) 
{
.head .icons,.head .langs {display:none}
.head a.logo img {padding: 10px 0px 5px;}
#header {display:block;position:fixed;z-index:100;top:0; left:0; right:0; height:68px;}
#header .logo {display:block; text-align:center; background-color:#FFF;}
#header .logo img {display:inline-block; padding: 15px 68px 10px 0; height: 40px;margin: auto;}
#menubtn {display:block;position:absolute;z-index:101;top:0; right:0; width:68px; height:68px; background:#6D6E70 url(../icons.png?4) no-repeat -290px 10px;}
#menu {display:none;position:fixed;z-index:99; top:65px; left:0; right:0;background:#6D6E70;}
#menu.shw {display:block;}
#menu>.langs {display:block; text-align:center; margin-top:25px;}
#menu>.langs a {display:inline-block; padding:5px 25px;color:#FFF; text-decoration:none; text-transform:uppercase;font-size: 1em;}
#menu>.langs a.sel {font-weight:bold; text-decoration:underline;}
.fixTop .head {margin-bottom:0;}
.fixTop .menu {position:static;}
.menu>li{display:block; margin:10px 30px;}
.menu>li>a{padding: 15px 0px 5px;}
/*.anchor a{top:0px;}*/

}

/*TITLE MOTIVE*/
.titmotive {height:230px; position:relative;}
#titmot {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
#titmot>li{list-style:none; position:absolute; z-index:10; text-align:center; width: 100%; height: 100%; background:#B2B2B2 center center; background-size: cover;display:table;}
#titmot>li>span{display:table-cell;vertical-align:middle;}
#titmot>li>span>span{display:inline-block; max-width: 840px; background:rgba(255, 255, 255, 0.35); padding:10px 15px; margin: 0px 60px; font-weight:bold;line-height:1.7em;}
#titmot>li.hidd{display:none;}
#titmot>a {display:block; position:absolute; z-index:20; top:50%; margin-top:-37px; height:74px; width:40px; background:url(../icons.png?4);}
#titmot>a#titmotprev {left:30px; background-position:0 -70px;}
#titmot>a#titmotnext {right:30px; background-position:-80px -70px;}

@media (max-width: 1050px)
{
#titmot>a#titmotprev {left:10px;}
#titmot>a#titmotnext {right:10px;}
}

@media (max-width: 500px), (max-height: 400px) 
{
.titmotive {height:180px;}
#titmot>li>span>span{margin:10px;line-height:1.2em;}
#titmot>a {display:none;}
}


/* SUBMENU */
@keyframes example {
    0%   {background-size: 100% auto; background-position:center center;}
    100%  {background-size: 115% auto; background-position:center center;}
}

.submenu {background:#B2B2B2 center center; background-size:cover; padding:10px;}
.submenu h2{text-align:center; text-transform:uppercase;}
.submenu ul{margin:10px 0; text-align:center;}
.submenu ul>li {list-style:none; display:inline-block; vertical-align:top; margin: 5px; width:180px; background:#FFF;}
.submenu h3 {margin:0; padding:0; width:100%; height:180px; display:table; background:#A2A2A2 url(../logo_bg.png) center center; background-size:100% auto;}
.submenu h3.c1 {background-color:#666666;}
.submenu h3.c2 {background-color:#757575;}
.submenu h3.c3 {background-color:#848484;}
.submenu h3.c4 {background-color:#939393;}
/*.submenu h3.sel {background:#FFD253;}*/
.submenu h3:hover  {background-color:#FFD253;
animation-name: example;animation-duration: 0.5s;animation-fill-mode: forwards;}
.submenu h3>a{display:table-cell;vertical-align:bottom;text-decoration:none;}
.submenu h3>a>span{display:inline-block; background:#FFF; width:100%; text-align:center; padding:10px 0; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}
.submenu h3.sel>a>span{background-color:#FFD253;}
.submenu li p {margin:0; padding:10px; height:160px; overflow:auto; font-size:0.8em; line-height:1.2em; text-align:left;}
.submenu li p>a {text-decoration:none;}

@media (max-width: 630px)
{
.submenu p{display:none;}
}

@media (max-width: 420px), (max-height: 400px) 
{
.submenu ul>li {margin: 3px; width:140px;}
.submenu h3 {height:140px;}
}

/*content*/
.content {background:#E5E5E5; padding:10px;}
.content h1 {text-align:center;}
.content h2 {text-align:center; margin-top:50px;}
.content h3 {margin-top:30px;}
.content ul,.content ol {margin:5px 0 15px 20px; padding:0;}
.content li {line-height:1.3em; margin:5px 0;}
.content .l {text-align:left !important;}
.content .c {text-align:center !important;}
.content .r {text-align:right !important;}

.content.cent {text-align:center;}
.content a.btn {display:inline-block; margin:7px 0; padding:4px 20px; border:2px solid #4D4D4D; color:#4D4D4D; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.content a.btn:hover {color:#000; text-decoration:underline;}
.content a.btn span {display:inline-block; width:10px; height:10px; vertical-align:middle; background:url(../icons.png?4);position: relative;top: -2px;left: -7px;}
.content a.btn span.plus {background-position:-490px -10px;}
.content a.btn span.minus {background-position:-490px -20px;}

.content p.date {line-height: 0.5em;font-size: 0.9em;font-style: italic;margin: 0px;}

.content img {max-width:100%;}
.content .rimg {float:right; margin-left:10px;}
.content .limg {float:left; margin-right:10px;}
.content .size4.rimg,
.content .size4.limg {float:none; display:block; margin:10px auto;}
.content .cimg {text-align:center;}
.content .photogallery {margin: 10px 0; text-align:center;}
.content .photogallery img{display:inline-block; margin:5px;}

.content .downloads {margin: 10px 0;}
.content span.download {white-space:nowrap; margin-right:1em;}
.content a.download {display: inline-block;height: 36px;line-height:32px; padding-left:40px; background:url(../fileicon.png) 0 0 no-repeat;}
.content a.download.pdf {background-position:0 -40px;}
.content a.download.doc,
.content a.download.docx,
.content a.download.odt {background-position:0 -80px;}
.content a.download.xls,
.content a.download.xlsx,
.content a.download.ods {background-position:0 -120px;}
.content a.download.ppt,.content a.download.pps,
.content a.download.pptx,.content a.download.ppsx,
.content a.download.odp {background-position:0 -160px;}
.content a.download.zip {background-position:0 -200px;}
.content a.download.rar {background-position:0 -240px;}

.content ul.smenu {margin:10px 0; text-align:center;}
.content ul.smenu>li {list-style:none; display:inline-block; vertical-align:top; margin: 10px 5px;line-height: 1.6em;}
.content ul.smenu>li>a.img{display:block; padding:8px; border:8px solid #4D4D4D; background:#FFF;}
.content ul.smenu>li>a.img>span{display:block; width:148px; height:148px; background:#A2A2A2 url(../logo_bg.png) center center; background-size:100% auto;}
.content ul.smenu>li:hover>a.img>span  {animation-name: example;animation-duration: 0.5s;animation-fill-mode: forwards;}
.content ul.smenu>li>a.img>span.c1 {background-color:#666666;}
.content ul.smenu>li>a.img>span.c2 {background-color:#757575;}
.content ul.smenu>li>a.img>span.c3 {background-color:#848484;}
.content ul.smenu>li>a.img>span.c4 {background-color:#939393;}
.content ul.smenu>li h3 {width:160px; background-color:#FFF; margin-top:10px; text-align:center; padding:10px;font-weight: normal;font-size: 1.5em; text-transform:uppercase;}

.content hr {margin:10px 0; height:1px; border:none; background:#6D6E70;}
.content hr.big {margin:20px 0 10px; height:2px;}

.content table {max-width:100%; border-collapse:collapse;}
.content table th,.content table td{border:none; padding:4px 10px 4px 0; text-align:left; font-size:1em; vertical-align:top;}
.content table th {font-weight:bold;}

.content table.param td{ border:1px solid #4D4D4D; background-color:#FFF; padding:2px 3px; text-align:left;}
.content table.param th,
.content table.param td.hd{font-weight:bold; padding-top:12px;background: #E5E5E5;border: none;}


.content .ytvideo {margin: 10px auto;max-width:768px;position:relative;}
.content .ytvideo:before {display: block;content: "";width: 100%;padding-top: 56.25%;}
.content .ytvideo iframe{ width:100%;height: 100%;position:absolute;top:0;left:0;bottom:0;right:0;}

.content .graph {float:right; margin-left:10px;}
.content .graph h3 { text-align:center; font-size:1.1em; margin-top:0;}



@media (max-width: 950px) 
{
.content .size3.rimg,
.content .size3.limg {float:none; display:block; margin:10px auto;}
}

@media (max-width: 800px) 
{
.content .graph {float:none;margin:0;}
.content .graph h3 { text-align:left;}
}
@media (max-width: 520px) 
{
.content .graph {display:none;}
}



@media (max-width: 500px) 
{
.content .size2.rimg,
.content .size2.limg {float:none; display:block; margin:10px auto;}
}


@media (max-width: 420px), (max-height: 400px) 
{
.content ul.smenu>li {margin: 3px;}
.content ul.smenu>li>a.img{padding:5px; border-width:5px;}
.content ul.smenu>li>a.img>span{width:120px; height:120px;}
.content ul.smenu>li h3 {width:130px; margin-top:3px; padding:5px;font-size: 1.2em;}

.content a.btn {margin:5px; padding:4px 10px;}
}

/* foot */
.footmotiv {max-height:250px; height:200px; height:25vw; background-size:cover; background-position:center center;}
.foot {background:#4D4D4D; padding:10px; color:#FFF;}
.foot a {color:#FFF; text-decoration:none;}
.foot a:hover {text-decoration:underline;}
.foot a.home {position:relative; display:inline-block;vertical-align: top; margin:20px 10px 0 0; padding:5px 20px; border:1px solid #FFF;}
.foot a.home::after {	content:""; position:absolute; top:-8px; left:50%; margin-left:-8px; width:16px; height:8px; background:url(../icons.png?4) -484px 0;}
.foot .footmenu{display:inline-block;vertical-align: top;}
.foot p.itm {display:inline-block; padding:5px 10px; margin-bottom:10px; border-left: 1px solid #FFF;text-transform:uppercase;vertical-align: top;line-height: 1em;font-weight: bold;}
.foot p.itm:first-child {border:none;}
.foot p.itm>span {display:block; font-size:0.7em;margin-top: 12px;}
.foot p.itm>span>a {display:block;}
.foot p.copy {text-align:center; font-size:0.85em;color:#FFF;}

@media (max-width: 900px)
{
.foot {text-align:center;}
.foot a.home {margin:20px 10px;}
.foot p.itm>span {display:none;}
.foot .footmenu{display:block;}
}


/* form */

form {margin:auto auto; max-width:560px; display:block;}

label {display:inline-block; min-width: 200px;vertical-align: top;}
input,textarea {display:inline-block; margin:2px 0px; color: #000;font-family: Futura,Trebuchet MS,Arial,sans-serif; font-size:1em;font-weight: normal; background:none;box-sizing: border-box;}
input[type=text],textarea { background:#FFF; border:1px solid #4D4D4D; padding:2px; width:300px; max-width: 100%;}
textarea {height: 5em;}
input.num {text-align:right; width:50px;}
input.select {border:none; cursor:pointer; background:#FFF url(../frm.png?1) no-repeat right -102px; height: 26px; padding:2px 40px 2px 2px; max-width: 100%;}
select {border: none; background-color:#FFF;padding: 5px 7px;max-width: 100%;}
select option { background-color:#89D7DB;padding: 2px 7px;}


#formres {border:2px solid #4D4D4D; padding:20px; text-align:left;} 
#formres p>span {display:inline-block;}
#formres p>span>span {display:block; margin:0 5px;}
#formres p>span>span input {display: none;}
#formres p>span>span label {display: block; min-width:auto; cursor:pointer; padding: 2px 3px 2px 27px; background: url(../icons.png?4) no-repeat 0px -168px;}
#formres p>span>span input:checked + label { background-position:0px -258px;}
#formres p>span>span a{display:inline-block; list-style:none; width:80px; cursor:pointer; margin:5px; vertical-align:middle;}
#formres p>span>span a b{display:inline-block; width:20px; height:20px; margin-right:2px; vertical-align:middle;}
#formres p>span>span a img{display:block; width:60px; height:60px; margin:2px auto;}


p.btn { padding:15px 0; text-align:center;}
input[type=submit] {width:auto; border:1px solid #FFF; padding:10px 20px;background: #4D4D4D; color:#FFF;
text-transform:uppercase;cursor:pointer; font-size:1.2em; }
input[type=submit]:hover {background: #FFD253; color:#000;}
.err{display:block; font-size: 0.9em;font-weight: bold;color: #EE0000;}
#popform {position:relative;}
#popformres {display:none;position:absolute; z-index:10; top:0; left:0; right:0; bottom:0; background:#E5E5E5;}
#popformres a {text-decoration:underline;}

#formres p.sep {padding-top:10px; margin-bottom:-5px;}
@media (max-width: 620px)
{
#formres #motovfopt {width: 300px;}
}
@media (max-width: 460px)
{
#formres #ralopt {width: auto;}
#formres #motovfopt {width: auto;}
#formres p>span>span {display:block;}
#poptavka label {vertical-align: top;}
}
@media (max-width: 280px)
{
#formres p>span {display:block;}
}

/* spec div */
div.boxes {margin:1em 0; text-align:center;}
div.box {display: inline-block;vertical-align:top;margin: 0.2em;text-align: center;max-width: 200px;background: #FFF;border: 8px solid #4D4D4D;padding: 5px;}