BODY{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #000000;
 font-family: 'Josefin Sans', sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 text-align: center;
}
/*--- TAGY ---*/
H1, H2{
 font-size: 48px;
 font-weight: 300;
 display: inline-block;
 text-align: left;
 padding: 0px 0px 20px 0px;
}
H1 EM, H2 EM{
 display: block;
 text-align: right;
 font-style: normal;
 color: #EF0F0F;
 font-size: 24px;
 padding: 0px 5px 0px 0px;
}
.mpozpruh H2{
 padding: 50px 50px 0px 50px;
 height: 120px;
 background-image: url(obr/mpozpruh.png);
}
H3{
 font-size: 30px;
 padding: 0px 0px 20px 0px;
}
STRONG{
 font-weight: 600;
}
DIV.novinky_nad{
 display: block;
 padding: 20px;
 margin: 0px 20px 0px 0px;
 background-image: url(obr/novinky.png);
 font-size: 24px;
}
.novinky IMG{
 float: left;
 margin: 0px 50px 0px 0px;
 -webkit-border-radius: 200px 200px 200px 200px;
 -moz-border-radius: 200px 200px 200px 200px;
 -khtml-border-radius: 200px 200px 200px 200px;
 border-radius: 200px 200px 200px 200px;
}
P{
 display: block;
 text-align: justify;
 padding: 10px 0px 10px 0px;
 font-weight: 300;
}
.novinky P{
 font-size: 20px;
 padding: 10px 0px 20px 0px;
}
IMG.silueta{
 max-width: 100%;
 margin: 0px auto 0px auto;
}
.panely DIV.panel{
 display: block;
 width: 32%;
 margin: 0% 0% 0% 2%;
 float: left;
 font-size: 30px;
 color: #FFFFFF;
}
.panely DIV.panel.p1{
 margin: 0%;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #EF0F0F;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #EF0F0F;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 display: block;
 float: left;
 width: 200px;
 height: 80px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 float: left;
 height: 53px;
 padding: 27px 20px 0px 20px;
 margin: 0px 1px 0px 0px;
 color: #EF0F0F;
 font-size: 21px;
 font-weight: 600;
 text-align: center;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited,
.menu A.sma, .menu A.sma:link, .menu A.sma:visited{
 background-color: #333333;
 color: #FFFFFF;
}
.smenu A,
.smenu A:link, .smenu A:visited{
 display: block;
 float: left;
 max-width: 330px; 
 color: #00619E;
 font-size: 20px;
 text-align: center;
}
.smenu A SPAN.smpad,
.smenu A:link SPAN.smpad, .smenu A:visited SPAN.smpad,
.smenu A:hover SPAN.smpad, .smenu A:active SPAN.smpad{
 display: block;
 padding: 20px;
}
.smenu A SPAN.smobr,
.smenu A:link SPAN.smobr, .smenu A:visited SPAN.smobr,
.smenu A:hover SPAN.smobr, .smenu A:active SPAN.smobr{
 display: block;
 width: 100%;
 height: 200px;
 background-color: #F0F0F0;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 120%;
}
.smenu A STRONG,
.smenu A:link STRONG, .smenu A:visited STRONG{
 display: block;
 width: 100%;
 height: 25px;
 padding: 15px 0px 0px 0px;
 font-weight: normal;
 overflow: hidden;
 white-space: nowpap;
}
.smenu A:hover STRONG, .smenu A:active STRONG,
.smenu A.a:hover STRONG, .smenu A.a:active STRONG{
 font-weight: bold;
}
.smenu A STRONG EM,
.smenu A:link STRONG EM, .smenu A:visited STRONG EM,
.smenu A:hover STRONG EM, .smenu A:active STRONG EM,
.smenu A.a:hover STRONG EM, .smenu A.a:active STRONG EM{
 font-style: normal;
 font-weight: normal;
}
.vlajky A,
.vlajky A:link, .vlajky A:visited,
.vlajky A:hover, .vlajky A:active{
 display: block;
 float: left;
 width: 35px;
 height: 35px;
 margin: 23px 20px 0px 0px;
 background-repeat: no-repeat;
}
.vlajky A.cz, .vlajky A.cz:link, .vlajky A.cz:visited{ background-image: url(obr/vlajky/vlajka_cz.png); }
.vlajky A.en, .vlajky A.en:link, .vlajky A.en:visited{ background-image: url(obr/vlajky/vlajka_en.png); }
.vlajky A.de, .vlajky A.de:link, .vlajky A.de:visited{ background-image: url(obr/vlajky/vlajka_de.png); }
.vlajky A.cz.a, .vlajky A.cz.a:link, .vlajky A.cz.a:visited,
.vlajky A.cz:hover, .vlajky A.cz:active{ background-image: url(obr/vlajky/vlajka_cz_over.png); }
.vlajky A.en.a, .vlajky A.en.a:link, .vlajky A.en.a:visited,
.vlajky A.en:hover, .vlajky A.en:active{ background-image: url(obr/vlajky/vlajka_en_over.png); }
.vlajky A.de.a, .vlajky A.de.a:link, .vlajky A.de.a:visited,
.vlajky A.de:hover, .vlajky A.de:active{ background-image: url(obr/vlajky/vlajka_de_over.png); }
.novinky_nad A,
.novinky_nad A:link, .novinky_nad A:visited{
 color: #FFFFFF;
}
.novinky_nad A:hover, .novinky_nad A:active{
 color: #EF0F0F;
}
.pozpruh .novinky .n A,
.pozpruh .novinky .n A:link, .pozpruh .novinky .n A:visited{
 display: block;
 padding: 15px;
 margin: 0px 10px 0px 10px;
 color: #000000;
}
.pozpruh .novinky .n A:hover, .pozpruh .novinky .n A:active{
 color: #EF0F0F;
}
.pozpruh .novinky .n A STRONG,
.pozpruh .novinky .n A:link STRONG, .pozpruh .novinky .n A:visited STRONG,
.pozpruh .novinky .n A:hover STRONG, .pozpruh .novinky .n A:active STRONG{
 float: left;
 font-size: 18px;
}
.pozpruh .novinky .n A EM,
.pozpruh .novinky .n A:link EM, .pozpruh .novinky .n A:visited EM,
.pozpruh .novinky .n A:hover EM, .pozpruh .novinky .n A:active EM{
 display: block;
 padding: 10px 0px 0px 0px;
 float: right;
 font-size: 14px;
 font-style: normal;
}
.pozpruh .novinky .n A SPAN.o,
.pozpruh .novinky .n A:link SPAN.o, .pozpruh .novinky .n A:visited SPAN.o,
.pozpruh .novinky .n A:hover SPAN.o, .pozpruh .novinky .n A:active SPAN.o{
 display: block;
 height: 90px;
 margin: 10px 0px 0px 0px;
 background-image: url(obr/mpozpruh.png);
 background-position: center center;
}
.pozpruh .novinky .n A SPAN.t,
.pozpruh .novinky .n A:link SPAN.t, .pozpruh .novinky .n A:visited SPAN.t,
.pozpruh .novinky .n A:hover SPAN.t, .pozpruh .novinky .n A:active SPAN.t{
 display: block;
 padding: 10px 0px 0px 0px;
}
.panely DIV.panel A,
.panely DIV.panel A:link, .panely DIV.panel A:visited{
 display: block;
 margin: 30px 0px 0px 0px;
 height: 293px;
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 position: relative;
}
.panely DIV.panel A:hover, .panely DIV.panel A:active{
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
.panely DIV.panel A.areal_firmy{ background-image: url(obr/fotogalerie/_panely/areal_firmy.jpg); }
.panely DIV.panel A.autoservis{ background-image: url(obr/fotogalerie/_panely/autoservis.jpg); }
.panely DIV.panel A.vozovy_park{ background-image: url(obr/fotogalerie/_panely/vozovy_park.jpg); }
.panely DIV.panel A EM{
 position: absolute;
 right: 10px;
 bottom: 10px;
 display: block;
 color: #FFFFFF;
 font-size: 18px;
 font-style: normal;
 background-image: url(obr/mpozpruh.png);
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 padding: 10px 15px 10px 15px;
}
.dokumenty A, .dokumenty A:link, .dokumenty A:visited{
 display: block;
 float: left;
 margin: 0px 10px 0px 0px;
}
.dokumenty A:hover, .dokumenty A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.dokumenty A IMG, .dokumenty A:link IMG, .dokumenty A:visited IMG,
.dokumenty A:hover IMG, .dokumenty A:active IMG{
 display: block;
}
.copy{
 float: left;
 color: #EF0F0F;
}
.copy A:link, .copy A:visited{
 color: #EF0F0F;
}
.copy A:hover, .copy A:active{
 color: #FFFFFF;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #EF0F0F;
}
A.kao:hover, A.kao:active{
 color: #FFFFFF;
}
/*--- DESIGN ---*/
.toppruhpoz{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 80px;
 background-image: url(obr/menu.png);
 z-index: 100;
}
.toppruh{
 position: relative;
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.menu{
 float: left;
 padding: 0px 0px 0px 3px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.vlajky{
 float: right;
}
.pozpruh{
 height: 700px;
 background-color: #AAAAAA;
 background-image: url(obr/pozpruh.jpg);
 background-repeat: repeat-y;
 background-position: center -100px;
}
.pozpruh2{
 height: 300px;
 background-position: center -350px;
}
.pozpruh .novinky{
 position: absolute;
 top: 100px;
 right: 0px;
 width: 360px;
 height: 580px;
 background-image: url(obr/menu.png);
}
.pozpruh .novinky .n{
 padding: 10px 0px 0px 0px;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.mainL{
 float: left;
 width: 60%;
}
.mainP{
 float: right;
 width: 30%;
}
.mainL2{
 float: left;
 width: 45%;
}
.mainP2{
 float: right;
 width: 45%;
}
.mainL3{
 float: left;
 width: 30%;
}
.mainP3{
 float: right;
 width: 60%;
}
.mainL4{
 float: left;
 width: 48%;
}
.mainP4{
 float: right;
 width: 48%;
}
.pruh{
 padding: 50px 0px 50px 0px;
}
.pruh1{
 background-color: #333333;
 color: #FFFFFF;
}
.pruh2{
 background-color: #E8E9E9;
 color: #333333;
}
.pruh3{
 background-color: #FFFFFF;
 color: #333333;
}
.pruh4{
 background-color: #899494;
 color: #FFFFFF;
}
.mpozpruh{
 height: 170px;
 background-repeat: repeat-y;
 background-position: 0px center;
 background-color: #AAAAAA;
}
.mpozpruh1{ background-image: url(obr/mpozpruh1.jpg); }
.mpozpruh2{ background-image: url(obr/mpozpruh2.jpg); }
.mpozpruh3{ background-image: url(obr/mpozpruh3.jpg); }
.mpozpruh4{ background-image: url(obr/mpozpruh4.jpg); }
.bottom{
 padding: 50px 100px 50px 100px;
}
/*--- OSTATNÍ ---*/
.FB{
 max-width: 430px;
 width: 100%;
}
.fb IFRAME{
 width: 100%;
 height: 210px;
 border: none;
}
IFRAME.video{
 width: 100%;
 height: 500px;
}