*,
*:before,
*:after {
  box-sizing: border-box;
  border:0px; margin:0px; padding:0px;
  /* -webkit-transform-style: preserve-3d;
  -webkit-transform:translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden; */
}

* {
padding:0px;
margin:0px;
border:0px;
}
 
html {
height: 100%;
font-family:'Open Sans', sans-serif, Verdana, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 1px rgba(0,0,0,0.1);
} 

html p { line-height:26px; }

body, body a {
 width:100%;
 font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 color:#000000;
 text-decoration: none;
 font-weight:normal;
 }
 
body a:hover {
 color:#666666;
 }
 
strong { font-weight:600 !important; } 

h1, .h1 {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:52px;
 color:#000000;
 font-weight:normal;
 }
 
.hide {
 display:none;
 visibility:hidden;
 } 
 
h2 {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:52px;
 color:#000000;
 font-weight:normal;
 }
 
h3, h3 a {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:42px;
 color:#000000;
 font-weight:normal;
 text-decoration:none;
 }  
 
h1 span, h2 span, h3 span, .h1 span {
 color:#1f4864 ;
 } 
 
.h20 { font-size:20px; } 
.h30 { font-size:30px; line-height:40px; } 
  
.nadpis, .nadpis a {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:28px;
 font-weight:normal;
 color:#37253F; /* #EF7F1A; */
 text-decoration:none;
 } 
 
.nadpis a:hover { color:#000000; }
 
.nadpis-b {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:28px;
 font-weight:600;
 color:#FFFFFF;
 } 
 
.nadpis-c {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:28px;
 font-weight:normal;
 color:#000000;
 line-height:36px;
 } 
 
.nadpis-d {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:22px;
 font-weight:bold;
 color:#000000;
 } 
 
.nadpis-e {
 font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif;
 font-size:18px;
 font-weight:bold;
 color:#444444;
 }  
 
.text {
 font-family: 'Open Sans','sans-serif',Arial,Helvetica,sans-serif;
 font-size:16px;
 font-weight:normal;
 color:#000000;
 text-decoration:none;
 }  
 
.text a {
 color:#7D1AB3;
 text-decoration:none;
 } 
 
.text a:hover {
 color:#000000;
 text-decoration:underline;
 } 
  
.copy, .copy a {
 font-size:12px;
 color:#333333;
 text-decoration:none;
 }
 
.copy a:hover {
 font-size:12px;
 color:#EF7F1A;
 text-decoration:underline;
 }
 
.small, .small a {
 font-size:12px;
 color:#666666;
 text-decoration:none;
 margin-bottom:5px;
 } 
 
.small a:hover {
 font-size:12px;
 color:#990000;
 text-decoration:none;
 }
 
.small2, .small2 a {
 font-size:10px;
 color:#666666;
 text-decoration:none;
 }  
 
.cervena { color:#990000; } 
.modra { color:#336688; }
.oranzova { color:#ef7f1a ; }
.biela { color:#FFFFFF; }
 
.fs18 {
 font-size:18px !important;
 } 
 
.input {
 font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
 padding:5px;
 font-size:16px;
 background-color:#EEEEEE;
 } 

.input#sprava { 
 width:98%; max-width:98%; height:188px; max-height:188px;  min-height:188px; font-size:16px;
 }
 
.input#akcia {
 width:306px; cursor:pointer; font-weight:bold; background-color:#FFFBD0;
 } 
 
.input#akcia:hover {
 background-color:#ffd056;
 } 
 
.clear {
 clear:both;
 height:0px;
}

.error {
 position:fixed;
 z-index:99999;
 border:2px solid #000000;
 background-color:#EBF0F1;
 padding:10px;
 margin-bottom:10px; 
 width:920px;
 left:0;
 right:0;
 top:170px;
 margin-left:auto;
 margin-right:auto;
 box-shadow:#333333 0px 0px 25px;
 }
 
.process-box {
 position:fixed;
 top:0; left:0; z-index:9999; width:100%; height:100%;
 background:url(../images/page/black50.png); top:0px; bottom:0px; left:0px; right:0px;
 display:none;
 }  
 
.process-box div {
 color:#FFFFFF !important;
 font-size:20px;
 z-index:9999;
 margin-top:250px;
 } 
 
.baner-content {
 overflow:hidden;
 } 
 
.baner-content div {
 float:left;
 } 
 
 .anim { 
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
   
} 
 
/* top */ 
.top-box {
 position:fixed; width:100%; height:70px; z-index:9998; background-color:#A578E3; /*#7549B1; top:0px; /* FFD056 */
 top:0px;
 }
 
.top-box div.hcont, .top-box-u div.hcont {
 width:1200px;
 position:relative;
 height:70px;
 }
 
.top-data-box {
 position:absolute; right:0px; top:2px; width:340px; }

.top-data-box div { float:left; }
.top-data-box-right { 
 float:left; border-left:1px solid #999999; padding-left:10px; margin-left:10px; }
 
.fb-link {
 width:48px; height:48px;
 display:block;
 position:absolute;
 right:-48px;
 top:0px;
 background:url(../images/page/fb-left.png) right top no-repeat;
 } 
  
 
.top-cont {
 width:100%;
 position:relative;
 padding:70px 0px 0px 0px;
 background-size:100% auto;
 background:#FFD056;
} 

.topseparator { background:url(../images/page/slide/02.jpg) top center repeat-x; min-height:90px; width:100%; }
.separator { height:70px; }

.page-cont {
 min-height:124px;
 position:relative;
 }
 
/**/
.next-row { line-height: 100px; background: #f5f5f5; }
.next-row a { font-size:40px; width:50%; float:left; cursor:pointer; background:#f5f5f5; }
.next-row a:hover { color:#000000; letter-spacing:1px; }
.next-row a.left { text-align:right; padding:0 70px 0 0 ; border-right: 1px solid #ccc; background:url(../images/page/lightbox-btn-prev.png) right center no-repeat #efefef; }
.next-row a.right { text-align:left; padding:0 0 0 70px; background:url(../images/page/lightbox-btn-next.png) left center no-repeat #efefef; }
 
 
.rowgall {
  width: 100%;
  position: relative;
  max-width:1600px;
}
.rowgall a.w20 {
  width: 21%;
  margin: 0 0.5% 0.75% 0.5%;
  height: 220px;
}
.rowgall a.w15 {
  width: 16%;
  margin: 0 0.5% 0.75% 0.5%;
  height: 220px;
}
.rowgall a {
  float: left;
  display: block;
  overflow: hidden;
} 

.rowgall a img { width:100%; height:100%; }
/* header */
/*---------------------------------------------------------*/ 
.header {
 width:1200px;
 position:relative;
 } 
 
.top-logo-box {
 position:absolute;
 left:0px; top:0px;
 z-index:9999;
 /*width:250px;
 height:150px;*/
 }
 
.top-logo-box img{
  -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; } 
 
.top-logo-box a {
 display:block;
 /*width:250px;
 height:150px;*/
 width:100%;
  height:100%; 
 } 
 
.lock img { width: 100%; height: 72px; }

.top-menu-box {
 right:0px; width:100%; 
 }  
 
.top-popis {
 font-family: Helvetica, sans-serif;
 color:#E6E6E6;
 font-size:40px;
 position:absolute; right:0px; top:25px;
 }
 
.t-box { width:1200px; height:350px; position:relative; }
.t-box-a { position:absolute; left:0px; bottom:0px; height:350px; }
 
/* uvod */
.uvod-img-box div.img-box {
 padding-bottom:10px;
 float:left;
 margin-right:20px;
 margin-top:10px;
 position:relative;
 width:230px;
 height:360px; 
 }
 
.uvod-img-box div.img-box#last {
 margin-right:0px;
 float:right;
 } 
 
.uvod-banner {
 width:1200px;
 height:200px;
 background:url(../images/page/banner-bck.jpg) left top no-repeat;
 margin-top:15px;
 }
 
.uvod-banner h2 {
 color:#FFFFFF;
 height:26px !important;
 font-weight:bold;
 font-family: 'Open Sans Condensed', 'sans-serif', Arial, Helvetica, sans-serif;
 } 
 
.uvod-line-box {
 position:relative;
 }
 
.line-box-cont {
 float:right;
 width:290px;
 min-height:540px;
 margin-right:24px; 
 padding:10px 10px;
 position:relative; 
 }
 
.line-box-n {
 float:right;
 width:290px;
 margin-right:24px; 
 padding:5px 10px;
 position:relative;
 } 
 
.line-box-n.posledny  {
 margin-right:0px;
 }
 
.line-box-n.prvy {
 border:0px;
 }  
 
.grey-bck {
 background-color:#F2F2F2;
 }
 
.line-box-cont.posledny {
 margin-right:0px;
 }
 
.line-box-cont.prvy {
 border:0px;
 } 
 
.imgsel img { border-top:2px solid #666666; margin-bottom:8px; width:100%; height:auto; } 
.imgsel:hover img {
 background:#a578e3;
 border-top:2px solid #a578e3;
 }
 
.imgseln img { border-bottom:2px solid #666666; margin-top:8px; } 
.imgseln:hover img {
 border-bottom:2px solid #a578e3;
 }
 
.imgselb img { border-bottom:2px solid #666666; margin-top:8px; } 
.imgselb:hover img {
 background:#EF7F1A;
 }  
 
.imgsele img { border-bottom:2px solid #CCCCCC; margin-top:8px; } 
.imgsele:hover img {
 border-bottom:2px solid #EF7F1A;
 } 
 
.puvod { background:url(../images/page/slide/02.jpg) top center; height:160px; color:#FFFFFF; padding-top:25px; } /* #1F4864 */
.puvod .v { font-size:40px; font-weight:bold; line-height:70px; text-shadow:3px 3px 3px #333333; }
.puvod .m { font-size:26px; line-height:50px; text-shadow:3px 3px 3px #333333; }
 
 
.topshad { background:url(../images/page/top-tien-2.png) top repeat-x; height:20px; width:100%; top:0px; position:absolute; }
.botshad { background:url(../images/page/top-tien-3.png) bottom repeat-x; height:20px; width:100%; bottom:0px; position:absolute; }
.kontakt-box { position:absolute; right:0px; bottom:-50px; font-size:26px; font-weight:normal; color:#FFFFFF; text-shadow:2px 2px 0px rgba(0,0,0,1); }
.kontakt-box a { text-decoration:none; color:#ffffff!important; font-size:26px!important; font-weight:bold; margin-right:15px; padding-right:10px; border-right:1px solid #ffffff; }

.uvod-realizacie-link { position:absolute; bottom:20px; width:100%; }
.uvod-realizacie-link a { display:block; color:#000000; font-size:30px; font-weight:bold; padding:10px 20px; border:2px solid #FFFFFF; max-width:350px; background:rgba(0,0,0,0.1); }
.uvod-realizacie-link a:hover { color:#000000; background:rgba(255,255,255,0.8); }

/* slide box */  
.slide-cont { margin:15px 0px; width:100%; }
 
.slide-box {
 width:150px; height:200px; margin-right:15px; float:left; 
 } 
 
.slast {
 margin-right:0px !important;
 }
 
.slide-box div {
 padding:0px 5px;
 } 
 
.slide-box img {
 /*box-shadow:#AAAAAA 0px 0px 5px;  */
 border:1px solid #999999;
 } 
 
.slide-box-partner {
 width:220px; margin-right:30px; float:left;
 margin-top:15px;
 position:relative;
 } 
 
.slide-box-partner.slast {
 margin-right:0px !important;
 }
 
.slide-box-r {
 width:23%; margin:1%; float:left;
 position:relative;
 } 
 
.slide-box-.slast {
 margin-right:0px;
 }  
 
.grey-box {
 background-color:#F2F2F2;
 padding:10px;
 } 
 
.grey50-box {
 position:relative;
 background-color:#E8E8E8;
 padding:10px;
 z-index:9997;
 }  
 
.team-box {
 border: 1px solid #333333;
 }
 
.team-box img {
 margin:0px 0px 0px 10px;
 } 

.sluzby-a {
 float:left; width:313px; margin-right:20px; 
 }
 
.sluzby-b {
 float:left; width:313px; 
 } 
 
.sluzby-c {
 float:left; width:646px; 
 }  
 
.sluzby-c li, .sluzby-c p {
 padding:0px 0px 4px 0px;
 } 

/* center */
/*---------------------------------------------------------*/
.cont-box {
 width:1200px;
 min-height:100px;
 position:relative;
 }
 
.cont-box h1 { margin:25px 0; text-align:center; } 
 
.cont-box-f {
 background:url(../images/page/menu-bck-white-330.png) top repeat-x;
 width:1200px;
 min-height:330px;
 position:relative;
 padding:10px;
 }  
 
#hore {
 position:absolute; width:70px; height:70px; bottom:0px; right:-78px; 
 background:url(../images/page/hore.png) no-repeat; display:none; cursor:pointer;
 background-position:0px 0px;
 z-index:9998;
 } 
 
#hore:hover {
 width:70px; height:70px;  bottom:0px; right:-78px; 
 background:url(../images/page/hore.png) no-repeat; cursor:pointer;
 background-position:-71px 0px;
 } 
 
.col-1-3 { float:left; width:29.3%; padding:0 2%; font-size:12px; } 
.col-1-3 a { font-size:16px; color:#666666; }
.col-1-3 a:hover { font-size:16px; color:#000000; }

.col-1-3k { float:left; width:33.3%; text-align:left; }

.col-1-4 { float:left; width:21%; padding:0 2%; font-size:12px; } 

.header { margin-bottom:35px; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; } 
.flex { display:flex; justify-content: center; flex-wrap:wrap;  -webkit-justify-content: center;  }
.material-box-select { float:left; width:18%; margin:1%; height:175px; position:relative;
   -webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
 }
 
 .material-box-select { float:left; width:18%; margin:1%; height:175px; position:relative;
   -webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
 }
 
 .material-box { float:left; width:31.33%; margin:0 1% 25px 1%; height:175px; position:relative; overflow:hidden;
   -webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px; 
 }
 
.material-box div.palec {  pointer-events : none; width:32px; height:32px; background:url(../images/page/tip.png) center no-repeat; position:absolute; left:-35px; top:0; border:0; }
.material-box div.novinka { pointer-events : none; width:32px; height:32px; background:url(../images/page/novinka.png) center no-repeat; position:absolute; left:-35px; bottom:0; border:0; } 
 
.h80 { height:80px; }
.h225 { height:225px; }
.h270 { height:270px; }
.w60 { width:60%; }
.w20 { width:20%; }
 
.material-box div { color:#FFFFFF; font-weight:normal; position:absolute; right:10px; bottom:10px; padding:10px; background-color:#37253F; width:40%; text-align:right;
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
   border:1px solid rgba(255,255,255,0.3);
  /* pointer-events : none; */ }
.material-box div h3 { color:#FFFFFF; font-weight:normal; font-size:16px; }
.material-box div h3 span { font-weight:bold; color:#FFFFFF; }
.material-box:hover div { background-color:#A578E3; border-color:#A578E3; }

.material-box div.full { color:#000000; background:none; font-weight:normal; position:absolute; right:5%; left:5%; bottom:0px; padding:10px; border-top:2px solid #000000; width:90%; text-align:right;
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
.material-box:hover div.full { border-top:2px solid #cc0000; }
.material-box div.full h3 { color:#000000; font-weight:normal; font-size:16px; }
.material-box div.full h3 span { font-weight:bold; color:#000000; }
.material-box:hover div.full { background-color:#A578E3; border-top:#A578E3; }
.material-box:hover div.full h3, .material-box:hover div.full h3 span { color:#FFFFFF; }

/**/
.ramiky {
    height: 300px !important;
}
/**/
.ponuka-box { width:100%; max-width:1200px; position:relative; margin:50px 0; }
.ponuka-box a { float: left; width: 23%;  margin: 1%; height: 130px; font-size: 16px; font-weight: bold; text-align: left; 
padding: 15px 15px 0 15px; display:block; -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; cursor:pointer; }
.ponuka-box a h2 { background:rgba(255,255,255,0.85); padding:5px 10px; background-size:100% auto; font-size:20px; font-weight: bold; }
.ponuka-box a:hover { background-size:110% auto; color:#000000; letter-spacing:1px; }

.ponuka-box div { float: left; width: 23%;  margin: 1%; height: 130px; }
.bw100a { background:#CCCCCCff; }
.bw100b { background:#CCCCCC88; }
.bw100c { background:#CCCCCC33; }

.b01{background:url(../images/page/b01.jpg) center; }
.b02{background:url(../images/page/b02.jpg) center; }
.b03{background:url(../images/page/b03.jpg) center; }
.b04{background:url(../images/page/b04.jpg) center; }
.b05{background:url(../images/page/b05.jpg) center; }
.b06{background:url(../images/page/b06.jpg) center; }
.b07{background:url(../images/page/b07.jpg) center; }
.b08{background:url(../images/page/b08.jpg) center; }
.b09{background:url(../images/page/b09.jpg) center; }
.b10{background:url(../images/page/b10.jpg) center; }
.b11{background:url(../images/page/b11.jpg) center; }
.b12{background:url(../images/page/b12.jpg) center; }
.b13{background:url(../images/page/b13.jpg) center; } /* bottom */
.b14{background:url(../images/page/b14.jpg) center; }
.b15{background:url(../images/page/b15.jpg) center; } /* left bottom*/
.b16{background:url(../images/page/b16.jpg) center; } /* right bottom */
.b17{background:url(../images/page/b17.jpg) center; }
.b18{background:url(../images/page/b18.jpg) center; }

.b19{background:url(../images/page/b19.jpg) center; }
.b20{background:url(../images/page/b20.jpg) center; }

.bw100 { background-size:100% auto; }
.bh100 { background-size:auto 100%; }

.material-box-select-row { margin:40px;}
.material-box-select-small { width: 6.0%; margin: 0 0.25%; min-height:125px; display:block; float:left; 
-webkit-transition: all 100ms ease-in-out;
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
   -o-transition: all 100ms ease-in-out;
   transition: all 100ms ease-in-out; }
.material-box-select-small:hover { background-size:auto 110%; letter-spacing:1px; color:#000000; }
.material-box-select-small span { font-size: 14px !important; text-align:center; font-weight:bold; font-family: 'Open Sans Condensed', 'sans-serif', Helvetica, sans-serif; }
.material-box-select-small div { background: #fff; margin: 10px; padding: 5px; }
 
 /**/
.mlist {  padding-left:15px; }
.mlist li { list-style-type:square; } 
/* bottom */
/*---------------------------------------------------------*/
.bottom-cont {
 width:100%;
 position:relative;
 font-size:16px;
 background:url(../images/page/top-tien.png) top repeat-x #1F4864; /* #D7E2E9; */
 min-height:100px;
 padding:45px 0px 25px 0;
 color:#000000;
 } 

.bottom-cont-box { 
 width:1200px; 
 position:relative;
 margin:0px;
 padding:0px 0px 15px 0px;
 }
 
.copy { border-top:1px solid #D7E2E9; color:#D7E2E9; margin-top:15px; }
.copy a { color:#D7E2E9; }

.bottom-cont-box a {
 text-decoration:none;
 }
 
.bottom-cont-box a:hover {
 text-decoration:none;
 } 
 
.bottom-cont-box .partneri {
 height:75px; padding-top:55px; 
 }
 
.bottom-cont-box .partneri img {
  margin-right:10px;
  }
 
 
.bottom-cont-left {
 float:left;
 padding:10px 0px 0px 0px;
 position:relative; 
 }  
 
.bottom-cont-right {
 float:right;
 padding:10px 0px 0px 0px;
 position:relative; 
 } 

.bottom-box { position:relative; text-align:left; } 
.bottom-box div a { color:#FFFFFF; font-size:15px; }
.bottom-box div a:hover { color:#FFFFFF; text-decoration:underline; }
.bottom-box div.modra { color:#ffd056; }
.bottom-box div p { margin-left:10px; line-height:25px; }
.bottom-box div { float:left; width:20%; }

.logob { background:url(../images/page/logo-bottom.png) center center no-repeat; min-height:180px; }
 
.topline {
 border-top:1px solid #D3D3D3;
 } 
 
.margtop5 {  margin-top:5px;  }
.padtop10 {  padding-top:10px;  }     
.margtop10 {  margin-top:10px;  } 
.margtop15 {  margin-top:20px;  }   
.margtop30 { margin-top:30px !important; }  
.margtop40 { margin-top:40px !important; } 
.margtop100 { margin-top:180px !important; } 
.margtr15 { margin-right:15px; }

.margtb30 { margin:30px 0px !important; } 
.margtb70 { margin:70px 0px !important; } 
.paddtb15 { padding:15px 0px !important; } 
 
.margtop23 { margin-top:27px; }  
.margtop98 { margin-top:60px; }

.botright {
 position:absolute;
 bottom:15px;
 right:10px;
 }

.margr20 { margin-right:20px; } 
.margr25 { margin-right:25px; } 
.mrgr10 { margin-right:10px; } 
 
.paddtop15 {
 padding-top:15px;
 }
 
.paddtop60 { padding-top:60px; }
  
.hide { display:none; } 
 
.link {
 color:#EF7F1A;
 text-decoration:none;
 font-size:16px;
 border-top:2px solid #EBEBEB;
 padding:0px 0px 0px 10px;
 } 
 
.link:hover {
 color:#000000;
 text-decoration:none;
 }  
 
.arrow {
 background:url(../images/page/sipka.png) left center no-repeat; padding-left:24px;
 } 

/* UVOD */ 
.s-start {
 width:540px; height:64px; z-index:9995; padding:18px 40px; top:0px; left:190px; 
 background:url(../images/page/start-bck.png) center right no-repeat
 } 

.s-start:hover {
 background:url(../images/page/start-bck-h.png) center right no-repeat;
 } 
 
.s-start a, .s-start p {
 color:#FFFFFF;
 text-decoration:none;
 } 
 
.u-box { float:left; width:310px; } 
 
.bigbck { 
 border-bottom:2px solid #34495E; height:350px; width:100%;
 } 
 
.s-bigbck {
 /* background:url(../images/page/slide/s02.jpg) top center no-repeat; */
 }
 
.s-bigbck-f {
 background:url(../images/page/slide/s02f.jpg) top center no-repeat #FFFFFF;
 min-height:500px; width:100%;
 padding-top:15px;
 }   
 
.bottline2 {
 border-bottom:2px solid #99A4AE;
 padding-bottom:15px;
 margin-bottom:15px;
 } 
 
.w50 { max-width:50%; } 
 
.novinka {
 background:#F5F5F5;
 padding:5px 2px;
 } 
 
.novinka:hover {
 background:#34495E;
 padding:5px 2px;
 } 
 
.top-line-shad {
 background:url(../images/page/top-tien-2.png) center top repeat-x; position:absolute; bottom:-20px; width:100%; height:20px; z-index:9995;
 }  
 
.ral_color { width:140px; height:50px; border:1px solid #666666; } 

.ralbox { position:relative; width:100%; }
.ralbox div { float:left; width:23%!important; text-align:center; font-size:13px; margin:0px 10px 10px 0px; position:relative; }
.ralbox div:hover div.popis { background-color:#A578E3; }
.ralbox div.popis { position:absolute; color:#FFFFFF; background-color:#37253F; bottom:15px; right:5px; padding:5px; width:60%!important; text-align:right; font-size:15px; margin:0; }
.ralbox div.ral_color { float:left; height:70px; width:100%!important; position:relative; }

.nopage { min-height:560px; background-color:#FFFFFF; padding-top:100px; }
.nopage div { width:300px; min-height:150px; padding-left:160px; background:url(../images/page/smile.png) left center no-repeat; }

.logpage { min-height:560px; padding-top:100px; }
.logpage div { width:400px; min-height:150px; padding-left:140px; background:url(../images/page/security.png) left top no-repeat; }
 
.downpage { min-height:560px; }
.downpage div { width:840px; min-height:150px; padding-left:140px; background:url(../images/page/dokument.png) left top no-repeat; }
.downpage li { list-style:none; margin-bottom:4px; }

/* PONUKA */ 
.ponuka { clear:both; height:130px; }
.ponuka div { width:192px; float:left; } 

.ponuka245 { clear:both; height:130px; }
.ponuka245 div { width:240px; float:left; } 

.ponuka-trend { clear:both; height:110px; }
.ponuka-trend div { width:192px; float:left; } 

.ponuka-trend-l { clear:both; max-height:17px; overflow:hidden; }
.ponuka-trend-l div { width:192px; float:left; } 
 
/* KONTAKTY */ 
.kontakt-mapa { min-height:350px; width:100%; background:url(../images/page/loading.gif) center no-repeat #FFFFFF; }

/**/
.partner-box { float:left; width:210px; background:#F0F0F0; padding:10px; }
.partner-box:hover { background-color:#FFFBD0; }

.mheight600 { min-height:600px; }

/* GALERIA */
.galeria a img {
 border-top:2px solid #666666;
 margin-bottom:20px;
 }
 
.galeria a:hover img {
 border-top:2px solid #EF7F1A;
 margin-bottom:20px;
 }
  
 
.galeria-list { border-bottom:2px solid #666666;  padding-bottom:10px;  } 

.page-button {
 color:#333333;
 font-size:20px;
 font-weight:bold;
 width:42px;
 padding:10px 0px 8px 0px;
 text-align:center;
 margin:0px 6px 15px 0px;
 border-bottom:2px solid #DEDEDE;
 float:left;
 background-color:#DEDEDE;
 text-decoration:none;
 } 
 
.page-button:hover {
 color:#FFFFFF;
 background-color:#666666;
 border-bottom:2px solid #666666;
 }
 
.page-button.psel {
 border-bottom:2px solid #a578e3;
 } 
 
/* AKCIA */ 
.akcia-zaruka { background:url(../images/page/zaruka-na-kuchynu-sedem-rokov.png) center center no-repeat; width:380px; height:170px; position:absolute; bottom:-200px; right:30px; }
.akcia-zaruka a { display:block; width:100%; height:100%; }


/* top menu font-family: 'Open Sans Condensed', 'sans-serif'; font-family: 'Open Sans', 'sans-serif'; */
/*---------------------------------------------------------*/  
ul#menu a { display:block; z-index:9998; font-family: 'Open Sans', 'sans-serif', Arial, Helvetica, sans-serif; font-size:20px !important; font-weight:400; cursor:pointer; }

ul#menu { list-style-type:none; z-index:9998; font-family: 'Open Sans', 'sans-serif', Arial, Helvetica, sans-serif; position:relative; }
ul#menu li { display:block; float:right; margin:0px 0px 0px 50px; padding:0px; font-size:15px; text-decoration:none; line-height:70px; }
ul#menu li#first { border:0px; }			 
ul#menu li a { text-decoration:none; color:#000000; font-size:20px; font-weight:600; }
ul#menu li a span { border-bottom:5px solid #A578E3; padding-bottom:5px; }
ul#menu li a:hover { color:#ffffff !important; text-decoration:none; }
ul#menu li a:hover span { border-bottom:5px solid #333333; }
ul#menu li a.sel { color:#ffffff !important; /* border-bottom:5px solid #FFFFFF; */ }
ul#menu li#last { margin-right:0px; }
ul#menu li ul { display:none; margin:0; padding:0; z-index:9999; vertical-align:text-bottom; text-align:left; color:#000000; position:absolute; left:0; width:100%; }
ul#menu li ul div p, ul#menu li ul div p a { font-size:15px !important; }

ul#menu li ul li { display:block; float:none; height:20px; padding:0px; border:0px; line-height:normal; position:relative; margin:0; }
ul#menu li ul li a { text-decoration:none; color:#000000; font-size:12px !important; border:0px; font-weight:normal; border:0px; }
ul#menu li ul li a.sel { border:0px; color:#7D1AB3!important; }
ul#menu li ul li a.modra { text-decoration:none; color:#1f4864 !important; font-size:16px; border:0px; }
ul#menu li ul li a:hover { text-decoration:underline; color:#7D1AB3 !important;  border:0px; } 

/* hover.htc */
ul#menu li:hover ul, ul#menu li.hover ul { display:block; position:absolute; }  

.menu-div-1 {
 position:absolute; width:1200px; min-height:200px; padding:15px; left:0px; 
 background:url(../images/page/top-tien-2.png) top repeat-x #f5f5f5; border-bottom:2px solid #000000; /* border-top:16px solid #A578E3; */ top:0px;
 }
 
.menu-div-1 .modra strong { font-weight:700 !important; } 
 
.menu-div-1 div { float:left; width:25%; } 
.menu-div-1 .menu-shadow { background:url(../images/page/bottom-shadow.png) top center no-repeat; background-size:100% 100%; height:100px; width:1200px; position:absolute; bottom:-100px; left:0px; pointer-events : none; }
 
.menu-div-1 p {
 padding-left:10px;
 } 
 
.menu-div-3 { position:absolute; width:1200px; height:200px; left:-230px; 
  background:url(../images/page/menu-bck-white.png); border-bottom:2px solid #EF7F1A; top:0px; } 
  
.next { position:absolute; right:10px; height:40px; bottom:30px; background:url(../images/page/next-slide.png) top right no-repeat; font-size:20px; font-weight:bold; color:#FFFFFF; padding:10px 40px 0px 20px;  cursor:pointer; min-width:100px; }
.next:hover { background-position:0px -50px; background:url(../images/page/next-slide.png) bottom right no-repeat;  }

.slider-kuchyne { background:url(../images/page/bottom-shadow.png) top center no-repeat; height:150px; width:980px; }

.mobmenu { display:none; }
.u01 { background:url(../images/page/slide/01.jpg) top center no-repeat; height:400px; position:relative; }

.form-1-3 { float:left; width:33%; margin-right:1%; }
.form-1-6 { float:left; width:66%; }

.h1uvod { text-align:left!important; margin:0!important; font-size:36px; font-weight:600; }

/* NB */
@media all and ( max-width: 1366px ) {

.material-box-select-row { margin:40px 0; }
.material-box-select-small { width: 6.5%; }
.material-box-select-small div { margin:5px; }

}

@media all and ( max-width: 1280px ) {


}

/* MOBILY */
@media all and ( max-width: 480px ) {

.top-logo-box img { height:72px; width:auto; }

.mobmenu { position:absolute; top:16px; right:16px; display:block; width:40px; height:40px; background:url(../images/page/menu-icon-b.png) center no-repeat; background-size:90% 90%; z-index:9998; }

ul#menu { display:none; text-align:center; padding-top:70px; box-shadow:0 0 25px #000000; }
ul#menu li { float:none; width:100%; margin:0; background-color:#A578E3; line-height:50px; }
ul#menu li ul { display:none!important; }

.menu-div-1 { width:100%; }
.menu-div-1 div { float:none; width:100%; }
ul#menu li ul { text-align:center; }

.ponuka-box a { width:48%; padding: 15px 15px 0 15px; }

.kontakt-box { bottom:12px; font-size:14px; text-align:left; left:160px; font-weight:normal; text-shadow:none; }
.kontakt-box a { border:0; margin:0; padding:0; font-size:21px!important; }

.top-box div.hcont, .top-box-u div.hcont { width:100%; }
.top-logo-box { width:150px; height:70px; background-size:100% auto; }
.top-logo-box a { width:150px; height:70px; }
.page-cont { width:100%; overflow-x:hidden; padding:0 3%; }
.cont-box { width:100%; }
.cont-box img { max-width:100%; margin:0; }
.puvod { height:auto; padding:25px 15px; }
.puvod .m, .puvod .v { line-height:normal; }
.uvod-realizacie-link { width:80%; left:10%; right:10%; }


.ralbox div { width:47%!important; }
.ralbox div.ral_color { height:120px; }

.slide-box-r { width:48%; }
.u01 { background:url(../images/page/slide/m01.jpg) top center no-repeat; height:400px; position:relative; }

.material-box { width:100%; }
.header { width:100%; }
.w20 { width:48%!important; }
.w50 { width:90%!important; }
.material-box img { max-width:100%; }

.col-1-3k { float:none; width:100%; text-align:center; }
.col-1-3k img { margin:0 45% 0 45%!important; text-align:center; }

.form-1-3 { float:left; width:100%; margin-right:0; }
.form-1-6 { float:left; width:100%; }

.bottom-box div { float:none; width:100%; text-align:center; margin-bottom:10px; }
.bottom-cont-box { width:100%; padding:0 8%; }
.bottom-box .copy { text-align:center; }

.bottom-box { font-size:20px; }
.bottom-box div a { font-size:16px; }

}