.clear {clear: both; height: 0.1px}
.clear3 {clear: both; height: 3px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear50 {clear: both; height: 50px}

.left {float:left !important;}
.right {float:right !important;}
.textleft {text-align:left !important;}
.textright {text-align:right !important;}

body {font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444}

a:link {color: #01669a; text-decoration: none;}
a:visited {color: #01669a; text-decoration: none;}
a:active {color: #01669a;}
a:hover {color: #339cd2; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #af0101; text-decoration: none;}
a.crveni:hover {color: #af0101; text-decoration: undrline;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #fff; text-decoration: undrline;}

.poveznice {margin:10px 0 0 0; font-size:11px}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #ddd; border-radius:2px; padding:0 4px; background:#eee; float:left; margin:0 4px 4px 0}
a.tagovi:hover {border:1px solid #0080ab; background:#09c; color:#fff}

header {
width:100%;
min-height:100px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}

header .span7 .nav-responsive {display:none;}
header .span2 .naslovmanji {display:none;}
.naslovmanji {display:none;}

.rotator-sjena {width:100%; background: url("https://string.hr/slike/header-sjena.png") top left repeat-x;}
.rotator-sjaj {width:100%; background: url("https://string.hr/slike/rotator-sjaj.png") top center no-repeat;}
.breadsjena {margin:0; padding:0; float:left}

#socials-foot {}
#rss-foot {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-rss.png") top left no-repeat; margin:0 5px 0 0}
#rss-foot:hover {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-rss.png") bottom left no-repeat; cursor:pointer;}
#twitter-foot {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-twitter.png") top left no-repeat;margin:0 5px 0 0}
#twitter-foot:hover {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-twitter.png") bottom left no-repeat; cursor:pointer;}
#facebook-foot {width: 24px; height:24px; float: right;background: url("https://string.hr/slike/footsocials-facebook.png") top left no-repeat;margin:0 5px 0 0}
#facebook-foot:hover {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-facebook.png") bottom left no-repeat;cursor: pointer;}
#teamviewer-foot {width: 24px; height:24px; float: right;background: url("https://string.hr/slike/footsocials-teamviewer.png") top left no-repeat;margin:0 5px 0 0}
#teamviewer-foot:hover {width:24px; height:24px; float:right; background: url("https://string.hr/slike/footsocials-teamviewer.png") bottom left no-repeat;cursor: pointer;}

.nav-pills > li > a.nav-halfpills {
padding: 0 1.4em;
margin: 0 -1px 0 0;
font-family: 'Dosis', sans-serif;
font-weight:400;
font-size: 18px;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: none;
text-decoration: none;
line-height:100px;
}

.nav-pills > li > a.active {

background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top,  #e1e1e1 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1e1e1 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

border-left: 1px solid #fff;
border-top: 1px solid transparent;
border-right: 1px solid #fff;
border-bottom: none;
padding: 0 1.6em;
margin: 0 -1px 0 0;
font-family: 'Dosis', sans-serif;
font-weight:400;
font-size: 18px;
line-height:100px;
}
.nav-pills > li > a.nav-halfpills:hover {

background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top,  #e1e1e1 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1e1e1 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

border-left: 1px solid #fff;
border-top: 1px solid transparent;
border-right: 1px solid #fff;
border-bottom: none;
}

#logooko {position: relative;}
#logo {position:absolute; top:0; left:30%;}
.distributer {padding: 20px 0 0 0; text-align:center}


#podloga-rotator {
width:100%;
max-height:400px;
background: #1bc3f9; /* Old browsers */
background: -moz-linear-gradient(top,  #1bc3f9 0%, #014181 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1bc3f9), color-stop(100%,#014181)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1bc3f9 0%,#014181 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1bc3f9 0%,#014181 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1bc3f9 0%,#014181 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1bc3f9 0%,#014181 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bc3f9', endColorstr='#014181',GradientType=0 ); /* IE6-9 */
}

#contact-form input[type="textarea"],
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form input[type="datetime"],
#contact-form input[type="datetime-local"],
#contact-form input[type="date"],
#contact-form input[type="month"],
#contact-form input[type="time"],
#contact-form input[type="week"],
#contact-form input[type="number"],
#contact-form input[type="email"],
#contact-form input[type="url"],
#contact-form input[type="search"],
#contact-form input[type="tel"],
#contact-form input[type="color"],
#contact-form .uneditable-input,
#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {width:100%; margin:0 !important, padding:0 !important; background-color: #111; border: 1px solid #313131;font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; color:#eee}

#contact-form select {background-color: #111; border: 1px solid #313131;}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050), 0 0 8px rgba(255,255,255,.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.050), 0 0 8px rgba(255,255,255,.5);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.050), 0 0 8px rgba(255,255,255,.5);
}

.screen-reader {display: block !important; left: -9999px !important; position: absolute !important; top: -9999px !important;}

.general_errors {margin:0 0 15px 50px;}
.general_errors p {margin:0;}
span.error {display: block;color: red;font-size: 11px;}

.gumb, input[type="submit"] {
background: #909090; /* old browsers */
background: -moz-linear-gradient(top, #909090 0%, #747475 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#747475)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#747475',GradientType=0 ); /* ie */
width: 100%;
height: 40px;
font: bold 16px/40px "Trebuchet MS",Tahoma,Arial,Verdana,Sans-serif;
float: right;
display: block;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
color: #fff;
text-decoration: none;
cursor: pointer;
border: 1px solid #adadad;
border-radius: 4px;
text-shadow:1px 1px 2px rgba(0,0,0,.45);
}

input.gumb {float: left;}

.gumb:hover, input[type=submit]:hover {
background: #555; /* old browsers */
background: -moz-linear-gradient(top, #555 0%, #333 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#333',GradientType=0 ); /* ie */
border: 1px solid #666;
color: #fff;
}

a.gumb:link, a.gumb:visited, a.gumb:active, a.gumb:hover {color: #fff;}

.poc-box {background:#ececec; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.4em; color:#777; cursor:pointer;}
.poc-box:hover {}
.poc-box h3 {font-family: 'Dosis', sans-serif; font-weight:400; font-size:26px; color:#000; margin:0; padding:20px 20px 10px 20px; line-height:1em;}
.poc-box h3 a:link, .poc-box h3 a:visited, .poc-box h3 a:active, .poc-box h3 a:hover {color:#000; text-decoration: none;}
.poc-slika {float:left; margin:0 10px 0 0}
.poc-box p {padding:0 20px 10px 20px}

.boxpocsjena {width:100%; background:#fff; text-align:center}

#breadcrumb{width:100%; height:32px; border:0; border-bottom:1px solid #ececec; color:#666; margin:0 auto 30px auto; padding:0; overflow:hidden; font-family:Arial, Sans-serif;}
#breadcrumb h1 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:16px; text-transform:uppercase; color:#000; line-height:32px; margin:0; padding-left:20px; padding-right:20px; float:left;}
#breadcrumb h2 {font-size:11px; line-height:32px; font-weight:normal; margin:0; color:#666; float:left;}
#breadcrumb p {font-family: 'Dosis', sans-serif; font-weight:500; font-size:16px; text-transform:uppercase; color:#000; line-height:32px; margin:0; padding-left:20px; padding-right:20px; float:right;}
#breadcrumb img {float:left}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#666; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover {color:#7C735B; text-decoration:none; line-height:32px; float:left; border:0}

#breadcrumbd {height:32px; border:0; color:#666; padding:0;font-family:Arial, Sans-serif;}
#breadcrumbd h5 {font-size:11px; line-height:32px; font-weight:normal; margin:0; color:#666}
#breadcrumbd img {float:left}
#breadcrumbd a:link, #breadcrumbd a:visited, #breadcrumbd a:active {color:#666; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumbd a:hover {color:#ddd; text-decoration:none; line-height:32px; float:left; border:0}

footer {width:100%; color:#7f7f7f;font-family: Tahoma, Sans-serif;font-size:11px;line-height:22px;background: #222 url("https://string.hr/slike/footer-podloga-02.gif") top left repeat-x;}
footer h6 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:20px; color:#fff; line-height:1em; margin:0; padding:0;}
footer h6 a:link, footer h6 a:visited, footer h6 a:active {color:#fff; text-decoration: none;}
footer h6 a:hover {color:#fff; text-decoration: underline;} 
.footermid {}
.footerpadding {}
.foot-kontakt {margin:0; padding:0;}
.foottel {text-align:right; font-size:13px; font-style:italic}
.foot-box {line-height:1.6em; padding:0 10px}
.foot-box p {padding:10px 0 15px 0}
.footpotpis {line-height:32px; color:#666; padding:0; text-align:right}
.footpotpis a:link, .footpotpis a:visited, .footpotpis a:active {color:#666; text-decoration:none;}
.footpotpis a:hover {color:#ddd; text-decoration:none;}
.footpocetak {margin: 40px auto 30px auto}

.entry {line-height:1.6em; margin:0; position:relative; padding:0 15px 15px 15px; font-size:12px}
.entry h3 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:26px; color:#09c; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#09c; text-decoration: none;}
.entry h3 a:hover {color:#1ac6f9; text-decoration:none;}
.entry p {margin:0 0 1.2em 0}
.entry ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.entry ul li{background-image:url("https://string.hr/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 7px; padding-left:14px;margin:0}
.entry ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry ol li {margin:0}

.entry-bp {line-height:1.6em; margin:0; position:relative; padding:0 0 15px 0; font-size:12px}
.entry-bp h3 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:26px; color:#09c; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry-bp h3 a:link, .entry-bp h3 a:visited, .entry-bp h3 a:active {color:#09c; text-decoration: none;}
.entry-bp h3 a:hover {color:#1ac6f9; text-decoration:none;}
.entry-bp p {margin:0 0 1.2em 0}
.entry-bp ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.entry-bp ul li{background-image:url("https://string.hr/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 7px; padding-left:14px;margin:0}
.entry-bp ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry-bp ol li {margin:0}

.entry-programi {line-height:1.6em; margin:0 0 15px 0; position:relative; padding:0 15px 15px 15px; font-size:12px; border-bottom:1px solid #ececec; cursor:pointer}
.entry-programi h3 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:22px; color:#09c; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry-programi h3 a:link, .entry-programi h3 a:visited, .entry-programi h3 a:active {color:#09c; text-decoration: none;}
.entry-programi h3 a:hover {color:#1ac6f9; text-decoration:none;}

.reference {width:50%; float:left}

.dokumentidownload {background:#efefef; border:1px solid#e0e0e0; border-radius:4px; float:right; padding:25px; margin:0 0 0 20px}
.dokumentidownload h4 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:26px; color:#000; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}

#smaller {padding:0 15px; margin:0}
#smaller h4 {font-family: 'Dosis', sans-serif; font-weight:500; font-size:20px; color:#5c9d00; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
#smaller h4 a:link, #smaller h4 a:visited, #smaller h4 a:active {color: #5c9d00; text-decoration: none;}
#smaller h4 a:hover {color: #91bc01; text-decoration:none;}
#smaller a:link, #smaller a:visited, #smaller a:active {color:#0286db; text-decoration:none;}
#smaller a:hover {color:#09b1e8; text-decoration:none}

#smaller h5 {font-family: tahoma, sans-serif; font-weight:normal; font-size:11px; color:#000; margin:0; padding:5px 0 0 0; line-height:1.2em}
#smaller h5 a:link, #smaller h5 a:visited, #smaller h5 a:active {color: #000; text-decoration: none;}
#smaller h5 a:hover {color: #000; text-decoration:undesrline;}

.small-box {margin:0 0 20px 0; line-height:1.6em;}

.small-box ul {list-style-type:none;padding:0px;margin:0 0 1.2em 0;}
.small-box ul li {margin:0; padding:0; line-height:40px !important; border-bottom:1px solid #ddd; background:#eee; display:block}

.slika, .image {float:left; margin:0 0 10px 0; padding:0; border:0}
.slika-lijevo, .image-left {float:left; margin:0 10px 0 0; padding:0; border:0}
.slika-desno, .image-right {float:right; margin:0 0 0 10px; padding:0; border:0}
.slika-screen {float:left; margin:0 10px 10px 0; padding:0; border:3px solid #d6e9f2}

.box-distributer {background:#eee; padding:20px; margin:0 0 20px 0; min-height:100px}

#menuproizvodi a:link, #menuproizvodi a:visited, #menuproizvodi a:active {
  position:relative;
  text-decoration:none; 
  background-color:#fff; 
  color:#000 !important; 
  display:block; 
  width:100%; 
  border-bottom:1px solid #ddd;
  padding:8px 6px;
  margin:0;
  }
#menuproizvodi a:hover {
  color:#000 !important; 
  border-bottom:1px solid #ddd;
  background-color:#e8f6d4;
  }




/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {width: 100%; max-height:400px; position: relative; direction: ltr; background:transparent;}
.royalSlider > * {float: left;}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {-webkit-transform: none;}

.rsOverflow {width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap {width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0;}
.rsContainer {position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.rsArrow,
.rsThumbsArrow {cursor: pointer;}

.rsThumb {float: left;position: relative;}

.rsArrow,
.rsNav,
.rsThumbsArrow {opacity: 1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {width: 100%;float: left;text-align: center;}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important;-webkit-transition: 0s;-moz-transition: 0s;-o-transition:  0s;transition:  0s;display: none;}
.rsSlide {position: absolute;left: 0;top: 0;display: block;overflow: hidden;height: 100%;width: 100%;}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {height: auto;}

.rsContent {width: 100%;height: 100%;position: relative;}

.rsPreloader {position:absolute;z-index: 0;}
.rsNav {-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;}
.rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);}
.rsThumbs {cursor: pointer;position: relative;overflow: hidden;float: left;z-index: 22;}
.rsTabs {float: left;background: none !important;}

.rsTabs,
.rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}

.rsVideoContainer {
/*left: 0; top: 0; position: absolute;*/
/*width: 100%;
height: 100%;position: absolute;left: 0;top: 0;float: left;*/width: auto;height: auto;line-height: 0;position: relative;}

.rsVideoFrameHolder {position: absolute;left: 0;top: 0;background: #141414;opacity: 0;-webkit-transition: .3s;}
.rsVideoFrameHolder.rsVideoActive {opacity: 1;}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {position: absolute;z-index: 50;left: 0;top: 0;width: 100%;height: 100%;}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 44px;}
.rsABlock {left: 0;top: 0;position: absolute;z-index: 15;-webkit-backface-visibility: hidden;}
.grab-cursor {cursor:url("https://string.hr/slike/grab.png") 8 8, move; }
.grabbing-cursor{ cursor:url("https://string.hr/slike/grabbing.png") 8 8, move;}
.rsNoDrag {cursor: auto;}
.rsLink {left:0;top:0;position:absolute;width:100%;height:100%;display:block;	z-index: 20;background: url("https://string.hr/slike/blank.gif");-webkit-backface-visibility: hidden;}


.rotatortext {width:35%; height:80%; color:#FFFFFF; position:absolute; top:10%; left:20%; text-align:right; max-height:300px; z-index: 2000000 !important;}
.rotatortext p {font:normal 1.4em "Trebuchet MS",Tahoma,Arial,Verdana,Sans-serif; color:#fff; line-height:1.4em; padding:20px 0 0 0}
.rotatortext h4 {font-family: 'Dosis', sans-serif; font-weight:600; font-size:5em; color:#fff; line-height:1em; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.rotatortext-podnaslov {font-family: 'Dosis', sans-serif; font-weight:600; font-size:2.6em; color:#fff; line-height:1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.rotatortext-touchscreen {font-family: 'Dosis', sans-serif; font-weight:600; font-size:1.8em; color:#fff; line-height:1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}

.qr-kod {float:left;  margin-right: 10px;}


/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }