* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#logo {z-index: 2;position: fixed;width: 70px;float: right;top: 30px;right: 30px; }
#logo img {width: 100%;}
#continut{width:100%;float:left;clear:both;position:fixed;bottom:0px;background: rgba(0,0,0,0.5);}
#coloana-1{width:31%;float:left;position:relative;border-right:1px solid #f1f1f1;padding:1%;}
#coloana-2{width:31%;float:left;position:relative;border-right:1px solid #f1f1f1;padding:1%;}
#coloana-3{width:31%;float:left;position:relative;padding:1%;}
#coloana-1 p, #coloana-2 p, #coloana-3 p{color: #fff;font-size: 14px;font-family: "Open Sans";}
#coloana-1 a, #coloana-2 a, #coloana-3 a{color: #fff;font-size: 14px;font-family: "Open Sans Bold";font-weight:bold;}
@media only screen and (max-width: 1024px) {
    #coloana-1 p, #coloana-2 p, #coloana-3 p{font-size: 10px;}
    #coloana-1 a, #coloana-2 a, #coloana-3 a{font-size: 10px;}
}
@media only screen and (min-width: 1024px) {
    #continut-mobil{display:none;}
}
@media only screen and (max-width: 1024px) {
    #continut-desktop{display:none;}
}
#titlu-firma{
  color: #fff;
  float: right;
  top: 84px;
  position: fixed;
  font-size: 14px;
  width: 100%;
  text-align: right;
  right: 110px;
}