html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow: hidden;}
body {line-height: 1;}
ul {list-style: disc;color: #ffffff;margin: 0 0 0 16px;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

table td {border:1px solid #00d1d4;padding:5px}
table tr {border:1px solid #00d1d4;}

body {background: #01C1C4 url("https://servis.oxy.hr/slike/page_bg_2.jpg") top left no-repeat; font:normal 11px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444}

h1 {font-size: 1.7em; color: #012b2c; font-weight: normal;margin:0 0 100px 0}
h2 {font-size: 2em; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 2em; color: #000; font-weight: normal; margin: 0 0 10px 0}
h4 {font-size: 1em; color: #fff; font-weight: normal; margin: 0}
h5 {font-size: 2em; color: #fff; font-weight: normal}

.clear {clear: both; height: 0.1px}
.clear-crta {clear: both; height: 1px;border-top:1px solid #639ECC;margin:30px 0}
.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}
.clear60 {clear: both; height: 60px}

.slika {float:left; margin:0 0 10px; padding:2px; border:1px solid #444}
.slika-lijevo {float:left; margin:0 10px 10px 0}
.slika-desno {float:right; margin:0 0 10px 10px}
.poc-slika {float:left; margin:0 10px 0 0}
.slika-mala-gal {margin:10px 10px 0 0;border-radius:3px}
.slika-novosti {float:right; margin:0 0 10px 10px;border-radius: 80px;border: 4px solid #1c75bc;}
.slika-galerija:hover {-webkit-box-shadow: 0 1px 25px 0 #66ffff;box-shadow: 0 1px 25px 0 #66ffff;}
.slika-desno-radius {float:right; margin:0 0 10px 10px;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}

.lijevo {float:left}
.desno {float:right}
.none {display:none !important}

.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}

.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(https://servis.oxy.hr/slike/full.png) 0 0 no-repeat; width:26px; height:28px; position:absolute; right:3px; top:3px}

a:link {color: #fff; text-decoration: none}
a:visited {color: #fff; text-decoration: none}
a:active {color: #fff; text-decoration: none}
a:hover {color: #66ffff; text-decoration: none}


a.tirkizni:link, a.tirkizni:visited, a.tirkizni:active {color: #66ffff; text-decoration: none;}
a.tirkizni:hover {color: #ffffff; text-decoration: undrline;}

a.bezcrte:link, a.bezcrte:visited, a.bezcrte:active {color: #ffffff; text-decoration: none;}
a.bezcrte:hover {color: #66ffff; 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.plavi:link, a.plavi:visited, a.plavi:active {color: #8cbbe2; text-decoration: none; font-size:14px; font-weight:bold}
a.plavi:hover {color: #ffffff; text-decoration: undrline;font-size:14px; font-weight:bold}

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

.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color: #66ffff; text-decoration: none;}
.entry h3 a:hover {color: #fff}

.entry-manji h3 a:link, .entry-manji h3 a:visited, .entry-manji h3 a:active {color: #fff; text-decoration: none;}
.entry-manji h3 a:hover {color: #fff; text-decoration: underline;}

.entry ul {list-style-type:disc; margin:20px 0 20px 20px}
.entry ol {margin:10px 0 20px 20px}
p {margin:0 0 10px}

.slika-drustvene:hover {opacity: 0.6}

.btn {
background: #00cfd2; /* Old browsers */
background: -moz-linear-gradient(top,  #00cfd2 0%, #00aeb0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cfd2), color-stop(100%,#00aeb0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00cfd2 0%,#00aeb0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfd2', endColorstr='#00aeb0',GradientType=0 ); /* IE6-9 */
cursor: pointer;
border: 1px solid #34c7cd;

width: 99.8%;
height: 45px;
font: bold 12px/27px Arial;
float: left;
display: block;
margin: 0;
padding: 0 15px;
text-align: center;
color: #ffffff;
text-decoration: none;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;text-transform: uppercase;
}

input.btn {float: left;}

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

border: 1px solid #3e9bd5;
color: #ffffff;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#wrapper-poc {width:100%;background: url("https://servis.oxy.hr/slike/header_bg.png") top left repeat-x;height:501px}
#wrapper {width:100%}

#header {min-height:167px;background: url("https://servis.oxy.hr/slike/header_bg_1.png") top center no-repeat;position:relative;z-index:100}
#header-in {width:1152px;margin:0 auto}
#header h1 {margin:0}
#logo {position: absolute;z-index:100000;margin-left:-2.5em}
#back-to-top {background: url("https://servis.oxy.hr/slike/triangle.png") no-repeat scroll 12px 16px #016e70;border-radius: 2px 2px 2px 2px;bottom: 20px;cursor: pointer;display: none;height: 40px;line-height: 1em;opacity: 0.8;position: fixed;right: 20px;width: 40px;z-index: 2;}
#back-to-top:hover {background-color:#016e70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity:1.0;}

#navigation {float:left; width:1000px; background:#333}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:none; display:inline}
#navigation li a {float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff}
#navigation li a.aktiv {background:#383}
#navigation li a:hover {background:#383}
#rotator-maska {float:left;background: url("https://servis.oxy.hr/slike/krugovi.png") top left no-repeat;width:500px;height:280px;position:absolute;top:11em;z-index:50;margin:0 0 0 -10em}

#content-container {margin:0 auto; width:1152px; margin-top:-7px}
#content-container2 {margin:0 auto; width:1152px; margin-top:-7px}
#content {float:right; width:800px; padding:20px 0 5em 4em; margin:0;color:#fff;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.8em;border-top:1px solid #34c7cd}
#content-container2 h1 {text-transform:uppercase;font-size: 2.4em;color:#fff;float:right;margin:40px 0 0 0;width:65%; text-align:right}
.entry {float:left;width:100%;margin: 0 0 25px 0;}
.entry h3 {color:#fff;margin:20px 0 15px 0;font-size:1.8em}
.entry-manji {float:left;width:100%}
.entry-manji h3 {margin:5px 10px;font-size:1.1em;color:#fff}
.entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}
.entry-info {float: left;height: 300px;margin: 0 0 0 20px;width: 363px;}

.saznaj-vise {padding: 5px 10px;margin: 10px 0 0 0;width: 140px;font-style: italic;text-align: center;
background: #00cfd2; /* Old browsers */
background: -moz-linear-gradient(top,  #00cfd2 0%, #00aeb0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cfd2), color-stop(100%,#00aeb0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00cfd2 0%,#00aeb0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00cfd2 0%,#00aeb0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfd2', endColorstr='#00aeb0',GradientType=0 ); /* IE6-9 */
cursor: pointer;
border: 1px solid #34c7cd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}

.poc-box1 {padding:0 4em 4em 0;width:63%;float:left;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.3em; color:#fff; text-align:left;border-right:1px solid #34c7cd}
.poc-box1 h3 {font-size:22px; color:#fff; margin:0; padding:0 0 1em 0; line-height:1.3em;}
.poc-box1 h3 a:link, .poc-box1 h3 a:visited, .poc-box1 h3 a:active, .poc-box1 h3 a:hover {color:#fff; text-decoration: none;}

.poc-box21 {height:265px; padding:0;width:27%;float:left;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.8em; color:#fff; text-align:justify;border-bottom:1px solid #34c7cd;margin: 0 109px 0 0;}
.poc-box21 h3 {font-size:22px; color:#fff; margin:0; padding:2em 0 1em 0; line-height:1.3em;text-align:left; height:55px; overflow:hidden}
.poc-box21 h3 a:link, .poc-box21 h3 a:visited, .poc-box21 h3 a:active, .poc-box21 h3 a:hover {color:#fff; text-decoration: none;}

.poc-box22 {height:265px; padding:0;width:27%;float:left;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.8em; color:#fff; text-align:justify;border-bottom:1px solid #34c7cd;margin: 0 109px 0 0;}
.poc-box22 h3 {font-size:22px; color:#fff; margin:0; padding:2em 0 1em 0; line-height:1.3em;text-align:left; height:55px; overflow:hidden}
.poc-box22 h3 a:link, .poc-box22 h3 a:visited, .poc-box22 h3 a:active, .poc-box22 h3 a:hover {color:#fff; text-decoration: none;}

.poc-box23 {height:265px; padding:0;width:27%;float:left;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.8em; color:#fff; text-align:justify;border-bottom:1px solid #34c7cd; cursor:pointer}
.poc-box23 h3 {font-size:22px; color:#fff; margin:0; padding:2em 0 1em 0; line-height:1.3em;text-align:left; height:55px; overflow:hidden}
.poc-box23 h3 a:link, .poc-box23 h3 a:visited, .poc-box23 h3 a:active, .poc-box23 h3 a:hover {color:#fff; text-decoration: none;}

.poc-box3 {padding:0;width:28%;float:right;font:normal 1.3em Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.8em; color:#fff; cursor:pointer}
.poc-box3 h3 {font-size:22px; color:#fff; margin:0; padding:0 0 1em 0; line-height:1.3em;}
.poc-box3 h3 a:link, .poc-box3 h3 a:visited, .poc-box3 h3 a:active, .poc-box3 h3 a:hover {color:#fff; text-decoration: none;}

.galerija-box1 {float:left; width:389px; margin: 0 0 20px 0}
.galerija-box1 h3 {font-size: 19px;color: #fff;margin: 0;padding: 0.5em 0 0.7em 0;line-height: 1em;text-align: left;height: 43px;overflow: hidden;}
.galerija-box1 h3 a:link, .galerija-box1 h3 a:visited, .galerija-box1 h3 a:active {color:#66ffff; text-decoration: none;}
.galerija-box1 h3 a:hover {color:#fff; text-decoration: none;}

.galerija-box2 {float: left;width: 352px;margin: 0 0 20px 0;padding: 0 0 0 57px;border-left: 1px solid #34c7cd;}
.galerija-box2 h3 {font-size: 19px;color: #fff;margin: 0;padding: 0.5em 0 0.7em 0;line-height: 1em;text-align: left;height: 43px;overflow: hidden;}
.galerija-box2 h3 a:link, .galerija-box2 h3 a:visited, .galerija-box2 h3 a:active {color:#66ffff; text-decoration: none;}
.galerija-box2 h3 a:hover {color:#fff; text-decoration: none;}

.download-box {background:#016e70;border-radius:4px;float:left;padding:15px;margin:0 0 20px 0;width:90%}
.download-naslov {width:100%;background:url(https://servis.oxy.hr/slike/download.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#81D5DB;padding:0 0 0 25px}
.download-dokument {font-size:14px;font-style:italic;width:95%}
.download-l {float:left;padding:5px 15px 5px 15px;width:520px;color:#81D5DB;margin:0 30px 0 0}
.download-l:hover {cursor:pointer}
.download-d {float:right;font-size:10px;border-radius:4px;padding:5px 15px 5px 15px}
.galerija-slider-naslov {width:100%;background:url(https://servis.oxy.hr/slike/galerija.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#81D5DB;padding:0 0 0 25px}
.galerija-podruznica-naslov {width:100%;background:url(https://servis.oxy.hr/slike/kontakti-ikonica.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#81D5DB;padding:0 0 0 25px}


.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}

.missing-link-btn {position:absolute; bottom:0; right:0}
.google-karta {float:left; margin:0; width:100%; height:600px}

#smaller {float:right;width:290px; padding:40px 0; display:inline;border-right:1px solid #34c7cd}
#smaller h4 {margin:0}

#trazilica {float:right; width:204px; height:32px}
.search-d {width:32px; height:32px; float:right; cursor:pointer}
.search-l {float:right; background: url("https://servis.oxy.hr/slike/search-l.png") top right no-repeat; border:none; width:152px; height:32px; line-height:32px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px}

#breadcrumb, #breadcrumbd {border:0; color:#ddd; padding:0}
#breadcrumb {float:left}
#breadcrumbd {width:100%; float:left;margin-top:-50px;color:#ddd}
#breadcrumb li {font-size:11px; line-height:32px; margin:0; color:#beffff;float:left;list-style:none}
#breadcrumbd li {font-size:11px; line-height:32px; margin:0; color:#beffff;float:left;list-style:none}
#breadcrumb img, #breadcrumbd img {float:left}
#breadcrumb a:link, #breadcrumbd a:link, #breadcrumb a:visited, #breadcrumbd a:visited, #breadcrumb a:active, #breadcrumbd a:active {color:#fff; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover, #breadcrumbd a:hover {color:#fff; text-decoration:underline; line-height:32px; float:left; border:0}
#breadcrumb li h3 {font-size:11px; line-height:32px; margin:0; color:#ffffff;float:left;cursor:pointer}
#breadcrumbd li h3 {font-size:11px; line-height:32px; margin:0; color:#ffffff;float:left;cursor:pointer}

.rss {float:right}
#footer {clear:both;width:100%; color:#444;font-family: Arial, Sans-serif;font-size:1.3em;line-height:22px;background: #fff;box-shadow:0 -4px 4px 0 rgba(0, 0, 0, 0.1);float:left;padding:0 0 3em 0}
#footer-in {width:1152px;margin:0 auto}
#potpis {clear:both;width:100%;background: url("https://servis.oxy.hr/slike/potpis_bg.gif") top left repeat-x;height:50px;line-height:50px;color:#fff;font-size:10px;text-align:center}
#potpis-in {width:1152px;margin:0 auto}
.footer-box-left {float:left;padding:5em 4em 0 0;width:27%}
.footer-box-mid {float:left; padding:1.4em 0 0 3.5em;width:27%}
.footer-box-right {float:right; padding:0;width:31%;font-size:0.9em;line-height:1.6em}
.footer-naslov {font-size:18px; border-bottom:1px solid #444; margin:0 0 15px 0; padding:0 0 15px 15px}
.footer-naslov-newsletter {border-bottom:none;font-size:14px;font-weight:bold;color:#fff;margin:15px 0 0 0;padding:0;}
.footer-box-left ul {margin:0 0 10px 15px}
.footer-box-left ul li {list-style-type:square; padding:0 0 0 15px}
.footer-lijevo {float:left}
.footer-desno {float:right}
.socials {width:164px;float:right;margin:98px 0 0 0}


#footer h6 {font-size:16px; color:#005455 !important; line-height:1em; margin:0 0.6em 1.5em 0; padding:0;font-weight:normal;text-align:right}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:active {color:#005455 !important; text-decoration: none;}
#footer h6 a:hover {color:#444 !important; text-decoration: underline;}


/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:400px}
.kontakt-lijevo {width: 398px;float: left;line-height: 16px;}

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(https://servis.oxy.hr/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(https://servis.oxy.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {/*background:#ccc496; */margin:15px 0 0 0; padding:15px; height:auto; float:left;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative}
.contactForm label {font-size:14px; font-weight:normal; color:#8cbbe2; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm input[type=text] {font-family:Arial; font-size:12px; width:46%; height: 28px;margin-bottom:12px; padding:5px; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input[type=email] {font-family:Arial; font-size:12px; width:46%; height: 28px;margin-bottom:12px; padding:5px; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm textarea {font-family:Arial; font-size:12px; width:96%; height: 115px;margin-bottom:12px; padding:5px; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input:focus, 
.contactForm textarea:focus {}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://servis.oxy.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://servis.oxy.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}
#freeform_multiselect {float:left;clear:both}
#freeform_checkbox {float:none}
.freeform_polje {background:#eee; float:left; width:96%; margin-bottom:12px; padding:7px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.freeform_polje_label {margin:0 10px 10px 0; font-size:15px; font-weight:bold; float:left; color:#000}
.general_errors, .error_message {color: #66ffff;display: none;margin-bottom: 10px;font-size: 11px;}

/* Footer */
.contactForm-foot {margin:15px 0 0 0; padding:15px; height:auto; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm-foot div{position:relative}
.contactForm-foot label {font-size:14px; font-weight:normal; color:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm-foot input[type=text],
.contactForm-foot input[type=email],
.contactForm-foot textarea {font-family:Arial; font-size:12px; width:97%; margin-bottom:12px; padding:5px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm-foot input:focus, 
.contactForm-foot textarea:focus {background:#FEFFB7}
.contactForm-foot input[type=text].error,
.contactForm-foot input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://servis.oxy.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-foot textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://servis.oxy.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-foot label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm-foot input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}


/* Tablica */
#box-table-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#033F63; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}


/*ROTATOR*/
.slider {float:left; width:1152; height:380px}
.slider-movie-example {color:#404142;padding:20px;position:absolute;top:50px;right:40px;font-size: 16px;line-height: 26px;text-align:right}
.slider-movie-example h4 {font-size:18px; color:#fff; width:320px; height:20px; overflow:hidden; float:left; margin:0 0 10px 0; font-weight:bold}
.box-bg {background: url(https://servis.oxy.hr/slike/slider_box_bg.png); padding:20px}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:none;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px}
.jquery-slider-selector-current {background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {display:none;background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {display:none;background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {display:none;background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {display:none;background:url(https://servis.oxy.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer
{
  color:#000000;
  height:3px;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:4;
  display:none
}

.jquery-slider-timer-bar
{
  background:#000000;
  opacity:0.5;
  height:3px;
  width:0;
  float:left;
  display:inline;
}


/* lightbox */
#overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:9999; display:none}
#lightbox{position:fixed; top:50%; left:50%; font-family:Arial,Helvetica,sans-serif; color:#333; border:1px solid #CCC; background-color:#FFF; padding:10px 10px 0 10px; z-index:10000; display:none; overflow:hidden; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000}
#lightbox .inner-box{position:relative; width:100%; height:100%; overflow:hidden}
#lightbox .content{z-index:1}
#lightbox .content img{display:block; position:absolute; top:0; left:0; border:0}
#lightbox .cpanel{position:relative; width:100%; height:30px; overflow:hidden; display:none}
#lightbox #close-btn{position:relative; width:76px; height:30px; cursor:pointer; float:right; background:url(https://servis.oxy.hr/js/wt-scroller/lightbox/icons.png) 0 0 no-repeat; z-index:2}
#lightbox #play-btn{position:relative; width:26px; height:30px; cursor:pointer; float:left; background:url(https://servis.oxy.hr/js/wt-scroller/lightbox/icons.png) 0 -30px no-repeat; z-index:2}
#lightbox #play-btn.pause{background-position:-30px -30px}
#lightbox .info{position:absolute; width:100%; color:#222; height:30px; line-height:30px; font-size:16px; z-index:0; text-align:center}
#lightbox .back-btn, 
#lightbox .fwd-btn{position:absolute; width:20px; height:70px; top:50%; margin-top:-35px; cursor:pointer}
#lightbox .back-btn{left:0; margin-left:-20px; background:#000 url(https://servis.oxy.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(https://servis.oxy.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; border-top-right-radius:4px; border-bottom-right-radius:4px}
#lightbox .fwd-btn{left:100%; background:#000 url(https://servis.oxy.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(https://servis.oxy.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; border-top-left-radius:4px; border-bottom-left-radius:4px}
#lightbox .btn-panel{background:url(https://servis.oxy.hr/js/wt-scroller/lightbox/spacer.png) no-repeat; position:relative; float:left; width:50%; height:0; z-index:3; cursor:pointer}
#lightbox .timer{position:absolute; left:0; background-color:#FFF; filter:alpha(opacity=50); opacity:.5; width:0; height:5px; z-index:2; visibility:hidden; font-size:0}
#lightbox .desc{position:absolute; left:0; color:#FFF; font-size:14px; text-align:left; width:100%; z-index:4; overflow:hidden; display:none; background:#000; background:rgba(0,0,0,0.75)}
#lightbox .inner-text{padding:5px}


/*channel images galerija slika*/
.container {float:left}
.wt-scroller{position:relative; display:block; font-family:Arial,Helvetica,sans-serif; width:745px; height:150px; padding:0 8px; margin:0;border-top:1px solid #81D5DB}
.wt-scroller .slides{position:relative; width:745px; height:150px; float:left; overflow:hidden; z-index:1}
.wt-scroller .slides ul{list-style:none; position:relative; width:99999px; margin:0; padding:0; z-index:0; overflow:hidden}
.wt-scroller .slides ul li{position:relative; display:block; float:left; overflow:hidden; width:160px; height:130px}
.wt-scroller .slides ul li img{position:absolute; top:0; left:0; z-index:0; border:0}
.wt-scroller .slides ul li p{position:absolute; top:0; left:0; z-index:1; color:#FFF; font-size:12px; width:150px; padding:5px; margin:0; visibility:hidden}
.wt-scroller .outside{background-color:#222}
.wt-scroller .inside{background:#000; background:rgba(0,0,0,0.75)}
.wt-scroller .prev-btn, 
.wt-scroller .next-btn{float:left; position:relative; width:50px; height:55px; cursor:pointer;}
.wt-scroller .prev-btn{background:url(https://servis.oxy.hr/js/wt-scroller/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(https://servis.oxy.hr/js/wt-scroller/next.png) center no-repeat}
.wt-scroller .lower-panel{display:block; position:relative; clear:both; text-align:center; font-size:0}
.wt-scroller .scroll-bar{position:relative; background-color:#00D1D4; border-radius:2px; width:100%; height:5px; cursor:pointer; overflow:hidden}
.wt-scroller .thumb{position:absolute; top:0; left:0; width:30px; height:5px; background-color:#016e70}
.wt-scroller .index, 
.wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(https://servis.oxy.hr/js/wt-scroller/circle.png); background-repeat:no-repeat}
.wt-scroller .index{background-position:0 0; cursor:pointer}
.wt-scroller .index-hl{background-position:-7px 0; cursor:default}

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

/*channel images galerija slika2*/
.container2 {float:left}
.container2 .wt-scroller{position:relative; display:block; font-family:Arial,Helvetica,sans-serif; width:300px; height:300px; padding:0 8px; margin:0;border-top:1px solid #639ECC}
.container2 .wt-scroller .slides{position:relative; width:300px; height:300px float:left; overflow:hidden; z-index:1}
.container2 .wt-scroller .slides ul{list-style:none; position:relative; width:99999px; margin:0; padding:0; z-index:0; overflow:hidden}
.container2 .wt-scroller .slides ul li{position:relative; display:block; float:left; overflow:hidden; width:300px; height:130px}
.container2 .wt-scroller .slides ul li img{position:absolute; top:0; left:0; z-index:0; border:0}
.container2 .wt-scroller .slides ul li p{position:absolute; top:0; left:0; z-index:1; color:#FFF; font-size:12px; width:150px; padding:5px; margin:0; visibility:hidden}
.container2 .wt-scroller .outside{background-color:#222}
.container2 .wt-scroller .inside{background:#000; background:rgba(0,0,0,0.75)}
.container2 .wt-scroller .prev-btn, 
.container2 .wt-scroller .next-btn{float:left; position:relative; width:50px; height:55px; cursor:pointer;}
.container2 .wt-scroller .prev-btn{background:url(https://servis.oxy.hr/js/wt-scroller/prev.png) center no-repeat}
.container2 .wt-scroller .next-btn{background:url(https://servis.oxy.hr/js/wt-scroller/next.png) center no-repeat}
.container2 .wt-scroller .lower-panel{display:block; position:relative; clear:both; text-align:center; font-size:0}
.container2 .wt-scroller .scroll-bar{position:relative; background-color:#1D75BD; border-radius:2px; width:100%; height:5px; cursor:pointer; overflow:hidden}
.container2 .wt-scroller .thumb{position:absolute; top:0; left:0; width:30px; height:5px; background-color:#016e70}
.container2 .wt-scroller .index, 
.container2 .wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(https://servis.oxy.hr/js/wt-scroller/circle.png); background-repeat:no-repeat}
.container2 .wt-scroller .index{background-position:0 0; cursor:pointer}
.container2 .wt-scroller .index-hl{background-position:-7px 0; cursor:default}



/* SHOP */

#content-shop {float:left; width:970px; padding:15px 0; margin:0 0 0 15px}

#smaller-shop{float:left;width:220px;margin:0 15px 0 0;font-family:Tahoma;font-size:11px;color:#444}
.trazilica{float:left;background:url(https://servis.oxy.hr/slike-shop/trazilica-bg.gif) top left no-repeat;padding:0 0 0 14px;margin-bottom:18px;width:206px;height:33px;line-height:33px}

.smaller-box{float:left;width:200px;padding:0 5px 15px 15px;background:#ECEAEB url(https://servis.oxy.hr/slike-shop/smaller-naslov-bg.gif) top left no-repeat}
.smaller-box2{float:left;width:200px;padding:0 0 15px 15px;background:#ECEAEB url(https://servis.oxy.hr/slike-shop/smaller-naslov-bg2.gif) top left no-repeat}
.smaller-box h4{float:left;width:200px;height:33px;font-family:"Trebuchet MS";font-size:18px;line-height:33px;color:#fff;margin:0 0 10px 0}
.smaller-box ul{clear:both}
.smaller-box ul li{list-style:none}
.smaller-box ul.anketa{margin:0;clear:both}
.smaller-box ul.anketa li{padding:2px 0;list-style-image:none}
.smaller-box p{padding:8px 0;clear:both}
.smaller-box-ispod{float:left;width:220px;height:5px;margin-bottom:18px;background:url(https://servis.oxy.hr/slike-shop/smaller-box-ispod.gif) top left no-repeat}

#section-navigation{float:left;width:200px;display:inline;color:#444}
#section-navigation ul#nav{margin:0;padding:0}
#section-navigation ul#nav li{display:block;list-style-type:none;margin:0 0 2px 0}
#section-navigation ul#nav li a{display:block;border-top:0 solid #999;font:bold 12px/22px Arial}
#section-navigation ul#nav li a,#section-navigation ul#nav li a:visited,#section-navigation ul#nav li a:active{color:#221e23}
#section-navigation ul#nav li a:hover{color:#9E71AB}
#section-navigation ul#nav li ul{display:block;width:190px}
#section-navigation ul#nav li ul li{border-bottom:1px solid #ddd;background:#ECEAEB url(https://servis.oxy.hr/slike-shop/st.gif) 4px 8px no-repeat;margin:0}
#section-navigation ul#nav li ul li:hover{background:#F3F3F3 url(https://servis.oxy.hr/slike-shop/st.gif) 4px 8px no-repeat}
#section-navigation ul#nav li ul li a{display:block;font:normal 11px/22px Arial;padding:0 0 0 15px;border:0}

.cell1{float:left;width:175px;height:270px;margin:0 9px 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell2{float:left;width:175px;height:270px;margin:0 0 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell1 a,.cell2 a{color:#000}
.cell1 a:hover,.cell2 a:hover{color:#666}
.cell1:hover,.cell2:hover{background:#fff;cursor:pointer}
.cell1 h4,.cell2 h4{font:bold 11px Arial;height:56px;padding:5px;overflow:hidden}
form#sorter{float:left;display:block;width:970px;margin:0 0 5px 0}
form#sorter select{float:right;margin:0 0 0 10px}

#cart_za_desno {float:left;border:1px solid #AC85B6; background:#D0BAD5;width:180px;padding:5px;margin:0 0 15px 0}
#cart_za_desno img {float:right}

.total{display:inline;font:bold 16px/21px Tahoma;padding:2px 4px;background-color:#000}
.total2{font:bold 20px/20px Tahoma;padding:0 4px}
.tright{text-align:right}

table#kosara{border-collapse:collapse; font-size:11px; width:100%; margin:0}
table#kosara td {background-color:#fff; border:1px solid #ddd; padding:10px; vertical-align:top}
table#kosara td.osvjez{background:transparent; border:0px solid #ddd}
table#kosara th{background:#eee;color:#000;padding:10px;border:1px solid #ddd;font:normal 12px Arial;text-transform:uppercase}

table#kosara22{border-collapse:collapse;font-size:11px;width:100%;margin:0 0 15px 0}
table#kosara22 a{font-size:11px}
table#kosara22 td{background-color:#fff;border:1px solid #ddd;padding:5px;vertical-align:top;text-align:left}
table#kosara22 th{background:#eee;color:#000;padding:10px;border:1px solid #ddd;font:normal 12px Arial;text-transform:uppercase}
table#kosara22 td a{color:#999}
table#kosara22 td a:hover{color:#000}

.total{display:inline;color:#000;font:bold 16px/21px Arial;padding:2px 4px;background-color:#000}
.total2{color:#000;font:bold 20px/20px Arial;padding:0 4px}
.tright{text-align:right}
input.text540{background:#ddd;border:1px solid #1C1A1A;padding:2px;color:#000;font-size:11px;width:450px}
label{font:normal 11px Tahoma;color:#444;display:block;margin:0 0 2px 0}
label.error{color:#f00}
label span{color:#ed1100}
fieldset{padding:35px 10px 10px 10px;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 8px 20px 0;float:left}
fieldset#racun {margin: 0 10px 0 0;position:relative}
fieldset#dostava {margin: 0 0 8px 0;position:relative}
fieldset h3 {position:absolute;top:0;left:0;padding:5px 5px 5px 10px;width:345px;background:#777; font:normal 16px 'Trebuchet MS', Arial; color:#fff}
fieldset .txtinp{display:block; width:324px; background: #FAFAFA; border: 1px solid #D4D4D4; color: #000; font-size: 20px; height: 30px; margin: 2px 30px 2px 0; padding: 2px 7px 3px}
fieldset label{width:340px; color: #444444; display: block; font-size: 12px; padding-top: 10px}
fieldset p,#kekaut p,#kekaut2 p{margin:0 0 10px 0}
legend{padding:7px 10px;color:#000;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;font:normal 20px Arial;background:#eee}
.bijeli-naslov{color:#000;font-family:"Century Gothic",Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold}
#uplatnica{font-family:Geneva,Arial,Verdana,"Times New Roman",Times,serif;float:left;position:relative;width:703px;height:406px;margin:0;padding:0;color:#000}
.ikser{font-size:18px;font-weight:bold;height:25px;left:611px;position:absolute;top:3px;width:20px}
.arti{font-size:16px;height:68px;left:21px;margin:0;padding:0;position:absolute;text-align:left;top:167px;width:220px}
.ziro{font-size:20px;height:25px;left:331px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:500px;letter-spacing:10px}
.poziv{font-size:20px;height:25px;left:244px;margin:0;padding:0;position:absolute;text-align:left;top:212px;width:500px;letter-spacing:10.6px}
.ime{font-size:14px;height:68px;left:19px;margin:0;padding:0;position:absolute;text-align:left;top:83px;width:220px}
.iznos{font-size:21px;font-weight:bold;height:25px;left:587px;letter-spacing:5px;margin:0;padding:0;position:absolute;text-align:left;top:46px;width:250px}
.odobrenje{font-size:20px;height:20px;left:249px;letter-spacing:8px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:300px}
.invois{font-size:16px;height:25px;left:255px;margin:0;padding:0;position:absolute;text-align:left;top:250px;width:440px;line-height:19px}
#predracunm{float:left;width:100%;padding:10px;background:#fff;color:#000}
#predracunm span{font:normal 22px Arial}
#predracunm span.datu{font:normal 14px Arial}
#predracunm-print{float:left;width:600px;padding:30px 100px 30px 30px;background:#fff;color:#000;font:normal 13px/16px Tahoma,Arial}
#predracunm-print span{font:normal 22px Arial}
.obrisi{float:right;color:#f00}
.hvala{text-align:center;margin:10px auto;font:bold 20px Arial}
.gore1{float:left;height:150px}
.gore11{float:left;height:110px}
.gore2{float:right;height:150px;text-align:right}
.desno{float:right}
.kupac{font:normal 14px Arial;text-align:right;margin:0 0 0 60px}
.kupac b{font-size:16px}
table.host{width:100%;margin:20px 0 0 0}
table.host thead tr td{color:#0085CF;padding:.5em 0;font:bold 13px Arial}
table.host tbody tr.even td{background-color:#fff;padding:.4em}
table.host tbody tr.odd td{background-color:#f5f5f5;padding:.4em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e3e3e3}
table.host tbody tr.lasti td{background-color:#ccc;padding:.4em;border-top:1px solid #999;border-bottom:1px solid #999;font:bold 15px Arial;text-align:right}
table.host tbody tr.lasti1 td{background-color:#eee;padding:.2em;border-top:1px solid #ddd;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
table.host tbody tr.lasti2 td{background-color:#fff;padding:.3em;border-top:0 solid #ddd;border-bottom:1px solid #eee;font:bold 12px Arial}
table.host tbody tr.lasti3 td{background-color:#eee;padding:.2em;border-top:1px solid #444;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
.shop-logo{float:left;margin:0 15px 15px 0}
.tekstd{text-align:right}
.loder{display:block;margin:0 auto}


.shop-komada {float:left;margin:10px 3px 0 0;border:1px solid #ccc;height:23px;width:40px;font:normal 20px Arial;}

.shop-btn{margin:10px 0 0 0;height:27px;display:block !important;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;cursor:pointer;border:0;font:bold 12px/27px Arial;padding:0 15px;border-radius:4px;-webkit-border-radius:4px}
input.shop-btn{float:left}
.shop-btn:hover{background:#864d93;background:-moz-linear-gradient(top,#864d93 0,#b593c3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#864d93),color-stop(100%,#b593c3));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#864d93',endColorstr='#b593c3',GradientType=0 );border:0;color:#fff}
a.shop-btn:link,a.shop-btn:visited,a.shop-btn:active,a.shop-btn:hover{color:#fff}
.shop-btn2{height:37px;display:block;background:#000;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );text-align:center;float:left;color:#fff !important;text-decoration:none;cursor:pointer;border:0 solid #c4c4c4;font:bold 20px/37px Arial;margin:0;padding:5px 15px;border-radius:4px;-webkit-border-radius:4px}
input.shop-btn2{float:left}
.shop-btn2:hover{background:#212121;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );border:0 solid #c4c4c4;color:#fff !important}
a.shop-btn2:link,a.shop-btn2:visited,a.shop-btn2:active,a.shop-btn2:hover{color:#fff !important;height:37px}
.shop-btnsold{height:27px;display:block;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;border:0;font:normal 11px/13px Arial;padding:0 15px;border-radius:4px;-webkit-border-radius:4px}

.store_product_price_inc_tax {color:#f00;font-weight:bold;margin:0 20px 0 0}
table.pad tr td {padding:5px}

#shop-reg h3 {position:absolute;top:0;left:0;padding:5px 5px 5px 10px;width:100%;background:#777; font:normal 16px 'Trebuchet MS', Arial; color:#fff}
#shop-reg p {font-size: 10px; color: #666}
#shop-reg a {color: #1165cc}
#shop-reg form {padding: 40px 0 10px 10px; overflow: hidden; background: #fff; border: 1px solid #d4d4d4}
#shop-reg form label {font-size: 12px; display: block; color: #444; padding-top:10px}
#shop-reg form label.error {padding-top:2px; color:#FF0000; display:block; font-size:12px}
#shop-reg form .txtinp {margin: 2px 30px 2px 0; padding: 2px 7px 3px; height: 20px; font-size: 12px; color: #000; background: #fafafa; border: 1px solid #d4d4d4}
#shop-reg form .txtinp2 {display: inline; float: left; margin: 2px 0 2px;padding: 2px 7px 3px;width: 238px;font-size: 12px;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:214px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .selinp2 {margin: 3px 0 0;padding: 2px;background: #FAFAFA;color: #000}
#shop-reg form .selinp3 {margin: 3px 0 0;width: 159px;border: 1px solid #D4D4D4;color: #000}
#shop-reg form .inpbtn {background: transparent;text-align: center;top: 0;font-size: 16px;height: 23px;cursor: pointer}
#shop-reg #login_form, #shop-reg #forgot_password_form {float: left;width: 212px;position:relative}
#shop-reg #login_form p {margin: 0;width: 253px;text-align: right}
#shop-reg #login_form .txtinp, #shop-reg #forgot_password_form .txtinp {display: block; width: 186px}
#shop-reg #register_form {float: right;display: inline;width: 480px;position:relative}
#shop-reg #register_form .txtinp {float: left;display: inline;width: 134px}
#shop-reg #register_form label {float: left;position:relative;display: inline;margin: 0 15px 0 0;width: 145px}
#shop-reg #register_form label.error {font: normal 11px/11px Tahoma, Arial}
#shop-reg #register_form label.duzi {float: left;display: inline;margin: 0 15px 0 0;width: 225px;color: #444}
#shop-reg #register_form label.duzi2 {float: left;display: inline;margin: 0 15px 0 0;width: 325px;color: #444}
#shop-reg #register_form div.clearboth {clear:both;height:1px}
#shop-reg #register_form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 470px}

#shop-reg #promjena_form {float: left;display: inline;width: 723px;position:relative}
#shop-reg #promjena_form .txtinp {float: left;display: inline;width: 215px}
#shop-reg #promjena_form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:335px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg #promjena_form .txtinp4 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:336px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg #promjena_form label {float: left;position:relative;display: inline;margin: 0 15px 0 0;width: 226px}
#shop-reg #promjena_form label.error {font: normal 11px/11px Tahoma, Arial}
#shop-reg #promjena_form label.duzi {float: left;display: inline;margin: 0 15px 0 0;width: 346px;color: #444}
#shop-reg #promjena_form div.clearboth {clear:both;height:1px}
#shop-reg #promjena_form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 713px}
#shop-reg #promjena_form select{margin:2px 0 0 0;height:27px;font-size:12px;color:#000;text-align:left;background:#fafafa;border:1px solid #d4d4d4}

#shop-reg a#forgotpass {float: right;margin: 70px 40px 0 0;color: #688D41}
.shop-l-reg {float:left;width:212px}
span.napomena-pass {color: #aaa}
#br_alert, #br_message {text-align:center; font-size:15px; line-height:15px; padding:10px; margin-bottom:20px; color:#ff0000; border:1px solid #ddd; background:#eee; border-radius:5px}
.textare {float: left;width: 458px;height: 200px;border: 1px solid #D4D4D4;background: #fafafa;padding: 5px}
.hani{display:block !important;left:-9999px !important;position:absolute !important;top:-9999px !important}

#promjena_lozinke {display:none;}

.container-shop {float: left}
.shop-slika {display:block;border:1px solid #ccc;padding:4px}

span.opis-proizvoda{line-height:26px;font-family:Tahoma;font-size:11px;font-weight:normal;color:#221e23;height:26px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:287px;overflow:auto}
#slider-wrapper{height:390px;width:260px}
#slider{position:relative;width:260x;height:370px;background:url(https://servis.oxy.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider img{position:absolute;top:0;left:0;display:none}
#slider a{border:0;display:block}
#slider-poc{position:relative;width:740x;height:320px;background:url(https://servis.oxy.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider-poc img{position:absolute;top:0;left:0;display:none}
#slider-poc a{border:0;display:block}
.reder{font:bold 15px/30px Arial;color:#8FB269}
.buzzsl{margin:0 5px 0 0;padding:2px;border:1px solid #c9c2b1;background:#fff;float:left}
p.buzzbox{margin:0 10px 10px 0;padding:0;border-right:20px solid #FFF;float:left;width:320px;height:95px;position:relative;owerflow:hidden;background:#ECF4E3}
.buzzbox p{margin:0;padding:10px;font-size:11px;line-height:1.4em}
.flexi11{padding:4px;margin:10px 41px 20px 0;border:1px solid #e7e1d4;background:#faf0dd;float:left}
.flexi22{padding:4px;margin:10px 0 0 0;border:1px solid #e7e1d4;background:#faf0dd;float:right}
.tooltip{display:none;background:url(https://servis.oxy.hr/slike-shop/green_big.png);font-size:11px;color:#000;padding:50px 30px;height:94px;width:310px;z-index:1001;text-align:left;position:absolute}
.tooltip .label{color:yellow;width:35px}
.tooltip a{color:#ad4;font-size:11px;font-weight:bold}
input.textpass{float:left;width:230px}
.entry-upute{margin:0;padding:0;font-size:16px}
.entry-upute p{padding:0 0 10px 0}
.entry-upute ul{list-style-type:square;padding:0 0 10px 20px}
.entry-upute ul li{padding:0}
.entry-upute ol{list-style-type:decimal-leading-zero;padding:0 0 20px 40px}
.entry-upute ol li{padding:0 0 10px 0}
.entry-uputecms{margin:0;padding:0;font-size:14px;float:left;width:990px}
.entry-uputecms p{padding:0 0 20px 0}
.entry-uputecms ul{list-style-type:square;padding:0 0 20px 30px}
.entry-uputecms ul li{padding:0 0 8px 0}
.entry-uputecms ol{list-style-type:decimal-leading-zero;padding:0 0 20px 30px}
.entry-uputecms ol li{padding:0 0 8px 0}
.uputescreenovi{background:#dbf7ce;border:1px solid #acce9c;padding:10px;margin:0 0 20px 0}
.uputeslika1{margin:0 15px 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
.uputeslika2{margin:0 0 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
a.trigger{background:url(https://servis.oxy.hr/slike-shop/upute_bg.png) 0 0 no-repeat;border:0;color:#FFF;display:block;font-family:verdana,helvetica,arial,sans-serif;font-size:16px;font-weight:700;right:0;width:75px;height:224px;position:fixed;text-decoration:none;top:190px}
.panel{-moz-border-radius-topleft:10px;-khtml-border-radius-topleft:10px;-webkit-border-radius-topleft:10px;border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-khtml-border-radius-bottomleft:10px;-webkit-border-radius-bottomleft:10px;border-radius-bottomleft:10px;background:#C4A8CD;border:1px solid #AA82B3;display:none;height:auto;opacity:.85;filter:alpha(opacity=85);padding:30px 80px 30px 30px;position:fixed;right:0;top:190px;min-height:163px}
.panel p{font-size:16px;margin-bottom:5px}
.panel ul{list-style:none}
.panel ul li{padding:5px 0 0}
.panel a,.panel a:visited{color:#662d75;text-decoration:none}
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff}
div#error1,div#error2{font-size:12px;color:red}
#br_message,#br_alert{background:none repeat scroll 0 0 #D0BAD5;border:1px solid #A073AD;margin:0 0 18px 0;padding:10px;font-size:12px}
.blincpress{float:left;margin:0 10px 10px 0;border:1px solid #000}
.musse-slike{float:left;width:92px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.musse-slike2{float:left;width:88px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 9px 10px 0;padding:0 !important}
.baza-slike{float:left;width:92px;height:120px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.panes ul li{list-style-type:disc;margin:0 0 0 13px}

#dright{float:right;display:inline;padding:16px;width:410px;border:1px solid #ccc}
#dright a{color:#1165cc}
#dright p{font-family:Tahoma;font-size:11px;line-height:18px;margin:0 0 10px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:202px;overflow:auto}
#details{background:none repeat scroll 0 0 #DAF0D2;border-top:15px solid #FFF;display:inline;float:left;overflow:hidden;padding:5px 10px 10px;width:260px;bottom:17px}
.details1{float:left;display:block;width:260px;margin:0 0 5px 0;font:normal 11px/20px Tahoma}
.details2{float:left;display:block;width:260px;margin:0 0 5px 0;font:bold 16px Arial}
#details form{padding:0 0 20px;border-bottom:1px solid #e2e2e2}
#details .price{margin:0 0 14px;font-size:13px;color:#873F97;line-height:1.5em}
#details p.price span.original{color:#666;text-decoration:line-through;display:block;font-size:10px;line-height:10px}
#details select{min-width:45px;margin:3px 0 5px 0;height:20px;font-size:11px;color:#505757;text-align:left;background:#fff;border:1px solid #d6d6d6}
#dright h3{color:#000;font-family:"Trebuchet MS";font-size:20px;font-weight:bold;line-height:26px;margin:15px 0 10px}



/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
------------------------------------------------------------------------------------- */
div.st_horizontal{position:relative;float:left;width:735px;color:#616161;margin:20px 0 0 0}
/* Control buttons------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev,div.st_horizontal a.st_next{position:absolute;top:0;z-index:110;display:none;height:38px;width:39px;border:1px solid #d4d4d4;outline:none;background:#fff url(https://servis.oxy.hr/slike/btn_arrows.gif) no-repeat}
div.st_horizontal a.st_prev{left:0;background-position:13px 13px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px}
div.st_horizontal a.st_prev:hover{background-position:-50px 13px;background-color:#f5f5f5}
div.st_horizontal a.st_next{right:0;background-position:14px -14px;border-top-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
div.st_horizontal a.st_next:hover{background-position:-49px -14px;background-color:#f5f5f5}
div.st_horizontal a.st_prev.st_btn_disabled,div.st_horizontal a.st_next.st_btn_disabled{cursor:default;background-color:#f7f7f7}
div.st_horizontal a.st_prev.st_btn_disabled{background-position:-113px 13px}
div.st_horizontal a.st_next.st_btn_disabled{background-position:-112px -14px}
/* Tabs------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container{position:relative;z-index:100;width:100% !important;height:40px;margin-bottom:-1px;overflow:hidden}
div.st_horizontal div.st_slide_container{position:relative !important}
div.st_horizontal div.st_sliding_active div.st_slide_container{margin:0 40px}
div.st_horizontal ul.st_tabs{width:10000px;height:40px;margin:0;padding:0;list-style:none}
div.st_horizontal ul.st_tabs li{float:left}
div.st_horizontal ul.st_tabs li a{display:block;margin:0;padding:10px 20px;font-size:11px;line-height:18px;color:#6a6a6a;font-weight:bold;text-decoration:none;outline:none;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#fff url(https://servis.oxy.hr/slike/h_tab_bg.jpg) repeat-x 0 bottom}
div.st_horizontal ul.st_tabs a:hover{color:#333}
div.st_horizontal ul.st_tabs li a.st_first_tab{border-left:1px solid #d4d4d4}
div.st_horizontal ul.st_tabs a.st_tab_active{color:#1ca5ec;border-bottom-color:#fff;background:#fff}
/* Content------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container{position:relative;z-index:5;height:277px;padding:20px 20px 23px;border:1px solid #d4d4d4;background-color:#fff;overflow:auto}
div.st_horizontal div.st_view{position:relative;height:100%;overflow:hidden}
div.st_horizontal div.st_tab_view{display:none;width:100%}
div.st_horizontal div.st_first_tab_view{display:block}
div.st_horizontal div.st_view h2{font-size:16px;color:#454545;margin:0 0 16px;padding:0}
div.st_horizontal div.st_view p{margin:14px 0 0;padding:0}
div.st_horizontal div.st_view blockquote{float:left;width:315px;margin:18px 14px 0 0;padding:0 0 0 14px;border-left:2px solid #5c5c5c;font:italic 17px/21px Georgia,"Times New Roman",Times,serif;color:#A8A8A8}
div.st_horizontal div.st_view blockquote p{margin:0}
/* Bottom aligned tabs------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev,div.st_horizontal.align_bottom a.st_next{border-bottom:1px solid #d4d4d4}
div.st_horizontal.align_bottom a.st_prev{border-top-left-radius:0;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
div.st_horizontal.align_bottom a.st_next{border-top-right-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
div.st_horizontal.align_bottom div.st_tabs_container{position:absolute;bottom:-39px;left:0;margin-bottom:0}
div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active{border-top-color:#fff;border-bottom-color:#d4d4d4}

#contact-form label.duzi {float: left;display: inline;margin: 0 20px 0 0;width: 325px;color: #444}
#contact-form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:310px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#contact-form .textare {float: left;width: 310px;height: 200px;border: 1px solid #D4D4D4;background: #fafafa;padding: 5px;margin:2px 15px 10px 0}
#contact-form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 763px}
.bijeli-naslov2 {margin: 20px 0 0 0}
.bijeli-naslov2 li {list-style-type: none; margin: 0 0 0 10px}


.tag-link {float:left;margin:0 5px 5px 0;background-color:#3a96d2;border:1px solid #3e9bd5;font-size:10px;padding:2px 3px;border-radius:3px}
.tag-link:hover {border:1px solid #3e9bd5; background:#3a96d2}

.st_tab_view ul li {list-style-type:disc;list-style-position:inside}
.st_tab_view ol li {list-style-type:decimal;list-style-position:inside}

* html #gritter-notice-wrapper{position:absolute}
* html .gritter-top{margin-bottom:-10px}
* html .gritter-item{padding-bottom:0}
* html .gritter-bottom{margin-bottom:0}
* html .gritter-close{background:url(https://servis.oxy.hr/slike/gritter-close-ie6.gif);width:22px;height:22px;top:-7px;right:-7px}
#gritter-notice-wrapper{position:fixed;top:50%;right:48%;width:301px;z-index:9999}
.gritter-item-wrapper{position:relative;margin:0 0 10px 0;background:url('.')}
.gritter-top{background:url(https://servis.oxy.hr/slike/gritter.png) no-repeat left -30px;height:10px}
.hover .gritter-top{background-position:right -30px}
.gritter-bottom{background:url(https://servis.oxy.hr/slike/gritter.png) no-repeat left bottom;height:8px;margin:0}
.hover .gritter-bottom{background-position:bottom right}
.gritter-item{display:block;background:url(https://servis.oxy.hr/slike/gritter.png) no-repeat left -40px;color:#eee;padding:2px 11px 8px 11px;font-size:11px;font-family:verdana}
.hover .gritter-item{background-position:right -40px}
.gritter-item p{padding:0;margin:0}
.gritter-close{position:absolute;top:-7px;right:-7px;background:url(https://servis.oxy.hr/slike/gritter.png) no-repeat left top;cursor:pointer;width:30px;height:30px}
.gritter-title{font-size:14px;font-weight:bold;padding:0 0 7px 0;display:block;text-shadow:1px 1px #000;text-align:center}
.gritter-image{width:48px;height:48px;float:left}
.gritter-with-image,.gritter-without-image{padding:0 0 5px 0}
.gritter-with-image{width:220px;float:right}

#bigger-shop {float: left; width: 735px; min-height: 100px;background-color: #fff}
#proizvodi a:link {color: #506E0A; text-decoration: none;}
#proizvodi a:visited {color: #506E0A; text-decoration: none;}
#proizvodi a:active {color: #506E0A;}
#proizvodi a:hover {color: #000; text-decoration: none;}

.lijevo-placanje {float: left; margin: 0 50px 0 0}
.lijevo-placanje2 {float: left; margin: 0 50px 0 50px}
.desno-placanje {float: left; margin: 0 80px 0 0}
#payment_method {font-size:20px}
#ship_method {font-size:20px}
.kupac{font:normal 14px Arial; text-align:right; margin:0 0 0 60px}
.kupac b{font-size:16px}







/*  _______________________________________

    Carousel with image and text (horizontal)
    _______________________________________  */


/* General styles */

.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;		
	
	/* style is removed after carousel is inited, use !important if you want to keep it*/
	overflow: hidden; 
}
.touchcarousel .touchcarousel-container {
	position: relative;    
    margin: 0;
    padding: 0;
    list-style: none;    
	left: 0;
}
.touchcarousel .touchcarousel-wrapper {
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
}
.touchcarousel .touchcarousel-item {
	/* use margin-right for spacing between items */
	margin: 0 0 0 0;
	padding: 0;	
	float: left;		
}

/* Last carousel item  */
.touchcarousel .touchcarousel-item.last {
	margin-right: 0 !important;		
}
/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
	height: 100%;
	width: 45px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;	
	z-index: 25;	
}
.touchcarousel .arrow-holder.left {	
	left: 0;	
}
.touchcarousel .arrow-holder.right {	
	right: 0;
}

/* arrow icons */
.touchcarousel .arrow-icon{		
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;	
	position: absolute;	
	cursor: pointer;	
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }

.touchcarousel .tc-paging-container {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
.touchcarousel .tc-paging-centerer {	
	float: left;
	position: relative;
	left: 50%;		
}
.touchcarousel .tc-paging-centerer-inside {
	float: left;
	position: relative;
	left: -50%;
}
.touchcarousel .tc-paging-item {			
	float:left;	
	cursor:pointer;		
	position:relative;
	display:block;	
	text-indent: -9999px;	
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }

.touchcarousel .scrollbar-holder {
	position: absolute;
	z-index: 30;
	left: 6px;
	right: 6px;	
	bottom: 5px;
	height:4px;
	overflow: hidden;
}
.touchcarousel .scrollbar {
	position: absolute;
	left:0;	
	height:4px;
	bottom: 0px;
}
.touchcarousel .scrollbar.dark {
	background-color: rgb(130, 130, 130);	
	background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
	background-color: rgb(210, 210, 210);	
	background-color: rgba(255, 255, 255, 0.5);	
}

/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(https://servis.oxy.hr/slike/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(https://servis.oxy.hr/slike/grabbing.png) 8 8, move; }

/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }

.rblock {
	float:left;
	width:159px;
	margin:0 15px 15px 0;
	font-size:13px;
	font-family:"Open Sans";
	color:#c6c6c6;
	line-height:16px;height: 144px;
overflow: hidden;
}

.rblock-title {color: #b0060b;
text-transform: uppercase;
font-size: 14px;
font-family: "Open Sans";font-weight: normal;
margin: 0 0 10px 0;}



.rblock p {border:none}




/* 1. Arrows (direction) navigation */

.touchcarousel.three-d .arrow-icon {
	top: 0;
	background-image: url('https://servis.oxy.hr/slike/three-d-skin-sprite.png');
	background-repeat: no-repeat;
	width: 19px;
	height: 30px;	
	margin-top: 0;
}
.touchcarousel.three-d .arrow-holder {
	top: -52px;
	width: 19px;
	height: 40px;	
	
	-moz-opacity: 0.8;	
	-webkit-opacity: 0.8;	
	opacity: 0.8;	
}
.touchcarousel.three-d .arrow-holder.left {
	left: auto;
	right: 26px;
}
.touchcarousel.three-d .arrow-holder.right {	
	right: 3px;
}

.touchcarousel.three-d .arrow-icon.left {
	left: 0;
	background-position: -8px -8px ;
}
.touchcarousel.three-d .arrow-icon.right {
	right: 0;
	background-position: -173px -8px ;
}

.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.left {
	background-position: -43px -8px ;
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.right {
	background-position: -138px -8px ;
}
.touchcarousel.three-d .arrow-holder:hover {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}
.touchcarousel.three-d .arrow-holder:active {
	-moz-opacity: 0.7;	
	-webkit-opacity: 0.7;	
	opacity: 0.7;	
}
.touchcarousel.three-d .arrow-holder.disabled {
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	
}


/* 2. Paging navigation */

.touchcarousel.three-d .tc-paging-container {		
	width: auto;
	float: none;
	right: 53px;
	margin-top: 0;
	display:none;
}
.touchcarousel.three-d .tc-paging-centerer {
	float: none;
	position: relative;
	left: 0;
	display:none;
}
.touchcarousel.three-d .tc-paging-centerer-inside {	
	position: relative;
	left: 0;
	float: none;	
	display:none;
}
.touchcarousel.three-d .tc-paging-item {
	background: url('https://servis.oxy.hr/slike/three-d-skin-sprite.png') no-repeat -95px -4px;
	
	width: 16px;
	height: 16px;	
	
	-moz-opacity: 0.8;	
	-webkit-opacity: 0.8;	
	opacity: 0.8;	
	display:none;
}
.touchcarousel.three-d .tc-paging-item.current {	
	background: url('https://servis.oxy.hr/slike/three-d-skin-sprite.png') no-repeat -95px -22px;	display:none;
}
.touchcarousel.three-d .tc-paging-item:hover {		
	-moz-opacity: 1;	
	-webkit-opacity: 1;	
	opacity: 1;	display:none;		
}



/* Styles for Carousel with image and text (horizontal) */

#carousel-image-text-horizontal {
	width: 300px;
	height: 495px;
	margin: 0 auto;
}
#carousel-image-text-horizontal .touchcarousel-item {
	width: 300px;
	height: 495px;
	margin-right: 0;			
	padding: 0;
	position: relative;
}
#carousel-image-text-horizontal img, 
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
	float:left;
	position: relative;
	margin: 0;
	padding: 0;	
	border: 0;
			
}		
#carousel-image-text-horizontal img {			
width: 120px;
height: 120px;
border-radius: 80px;
border: 4px solid #1c75bc;
float: right;
}
#carousel-image-text-horizontal .rblock {
	width: 138px;
	float: left;
	margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
	font: bold 13px/20px Helvetica, Arial, sans-serif;
	color: #000;
	width: 140px;
}
#carousel-image-text-horizontal p {			
font: normal 14px Arial,"Trebuchet MS",Verdana,sans-serif;
color: #ffffff;
line-height: 1.8em;
}
#carousel-image-text-horizontal .tc-paging-container {
	top: -21px;
}



/* Styles for Carousel with a single image per view */

#carousel-single-image {
	width: 400px;
	height: 400px;
	margin: 0;			
	background: #242021;
}
#carousel-single-image .touchcarousel-container {
	height: 100%;
	background: #F0F3F3;
}
#carousel-single-image .touchcarousel-item {
	margin-right: 0;
	width: 400px;
	height: 400px;
}
#carousel-single-image img {
	width: 300px;
	height: 300px;
	margin: 47px 0 0 47px;	
	
	float:left;
	position: relative;
	display: block;
	padding: 3px;
	background: #FFF;
	border: 0;
	
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
	box-shadow: 0 1px 6px rgba(0,0,0,0.6);
}
#carousel-single-image .tc-paging-container {
	margin-top: -29px;
}







/*  _______________________________________

    HORIZONTAL Mega izbornik
    _______________________________________  */


#mega-navigation {width:100%; float:left;height:160px}

ul.mega-container{width:775x; padding:0; margin:0; float:right}
li.mega{list-style-type:none; float:left; padding:0; margin:0 1px 0 0; position:relative; z-index:10px;line-height:8.9em;cursor:pointer}
 /*Ako stavljate sliku morate pisati na ovaj način zbog IE
 li.mega.mega-active {color:#254809; border:1px solid #9dc259; background-image:url(https://servis.oxy.hr/slike/active_bg.gif); background-position:top left;}
 */
li.mega.mega-active .mega-tab.mega-sub {color:#fff;background:#016e70}
li.mega.mega-active .mega-tab {color:#fff;background:#016e70}
li.mega:hover{background:#016e70}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{height:6em;padding:0 26px;color:#fff; text-decoration:none; display:inline-block; outline:none; position:relative; z-index:20px;font-size:1.5em}
li.mega a.mega-tab:hover {color:#fff}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:none}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}

/* Content container */
.mega-content{width:175px; display:none; padding:0; position:absolute; top:96%; text-align:left; color:#000; font-size:16px; z-index:6; display:none}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:0;z-index:10000 !important; min-width:1152px}
.mega-menu ul{list-style-type:none; min-width:250px;float:left}
.mega-menu li a{display:block; padding:0 40px 0 10px; color:#00b6b9; text-decoration:none; font-weight:normal; text-shadow:none;line-height:4.5em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://servis.oxy.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{color:#016e70}
.mega-menu li{position:relative;font-size:14px;float:left}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#e77302; width:175px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:1000; position:absolute; left:100%; top:0; display:none}

/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}






/*  _______________________________________

    VERTICAL mega izbornik (light version) 
    ako trebate crnu verziju, samo ubacite drugi css ispod i druge slike na ftp
    _______________________________________  */


/* 1. Mega Menu Container */

.megamenu_container {
	width:115px;
	height:44px;
	margin:0;
	position:relative;
	float:left;
	z-index:9;
	background: #3d3d3d; /* Old browsers */
	background: -moz-linear-gradient(top, #3d3d3d 0%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3d3d3d 0%,#282828 100%); /* W3C */
	border:solid 1px #434343;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	-webkit-box-shadow: 0 2px 3px #cccccc;
	-moz-box-shadow: 0 2px 3px #cccccc;
	-o-box-shadow: 0 2px 3px #cccccc;
	box-shadow: 0 2px 3px #cccccc;
}
	.megamenu_container:hover {
		cursor:pointer;
	}
	.megamenu_container a {
		text-decoration: none;
	}
		.megamenu_container a:focus {
			outline:none;
		}


/* 2. Mega Menu Button */

.megamenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style:none;
	padding:0;
	margin:0;
}
	.megamenu .top_level {
		display:inline;
		border:none;
		margin:0;
		padding: 14px 0 15px 15px;
	}
		.megamenu .top_level > span {
			font-size:12px;
			color:#ffffff;
			line-height:44px;
			text-transform:uppercase;
			outline:0;
			text-decoration:none;
			color:#ffffff;
			text-shadow:1px 1px 1px #000000;
			background:url("https://servis.oxy.hr/slike/menu-icons/arrow_down.png") no-repeat 80px 18px;
			padding:14px 32px 20px 0;
		}


/* 1. Drop Downs Default Behavior */

.megamenu .megamenu_main,
.megamenu .megamenu_main ul {
	position:absolute;
	top:-9999em; /* Used to avoid scrollbars */
	left:-9999em;
	width: 220px;
	margin:0 0 40px -1px;
	padding:0;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;	
	-webkit-box-shadow: 0 2px 5px #dddddd;
	-moz-box-shadow: 0 2px 5px #dddddd;
	-o-box-shadow: 0 2px 5px #dddddd;
	box-shadow: 0 2px 5px #dddddd;
	border:solid 1px #dddddd;
	border-top:solid 3px #202020;
	background:#FCFCFC;
	opacity:0;
}
.megamenu .megamenu_main li .megamenu_2col {
	width: 400px;
}
.megamenu .megamenu_main li .megamenu_3col {
	width: 600px;
}
.megamenu > li:hover .megamenu_main {
	top:42px;
	left:0;
	opacity:1;
}
.megamenu .megamenu_main li:hover > ul {
	top:-3px;
	left:100%;
	opacity:1;
}
.megamenu .megamenu_main li:hover > .left_dropdown {
	left:-100%;
}

.megamenu > li .main_opened {
	top:42px;
	left:0;
	opacity:1;
}

/* 2. Fade Transition */

.megamenu_fade .megamenu_main,
.megamenu_fade .megamenu_main ul {
	-webkit-transition: opacity 0.4s 0.2s;
	-moz-transition: opacity 0.4s 0.2s;
	-o-transition: opacity 0.4s 0.2s;
	-ms-transition: opacity 0.4s 0.2s;
	transition: opacity 0.4s 0.2s;
}

/* 3. Slide Transition */

.megamenu_slide .megamenu_main {
	top:30px;
	-webkit-transition: top 0.3s 0.2s, opacity 0 0.2s;
	-moz-transition: top 0.3s 0.2s, opacity 0 0.2s;
	-o-transition: top 0.3s 0.2s, opacity 0 0.2s;
	-ms-transition: top 0.3s 0.2s, opacity 0 0.2s;
	transition: top 0.3s 0.2s, opacity 0 0.2s;
}
.megamenu_slide .megamenu_main ul {
	left:80%;
	-webkit-transition: left 0.2s 0.2s, opacity 0 0.2s;
	-moz-transition: left 0.2s 0.2s, opacity 0 0.2s;
	-o-transition: left 0.2s 0.2s, opacity 0 0.2s;
	-ms-transition: left 0.2s 0.2s, opacity 0 0.2s;
	transition: left 0.2s 0.2s, opacity 0 0.2s;
}
.megamenu_slide .megamenu_main li > .left_dropdown {
	left:-80%;
}

/* 4. Toggle Transition */

.megamenu_toggle .megamenu_main {
	top:30px;
	-webkit-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
	-moz-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
	-o-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
	-ms-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
	transition: opacity 0.4s 0.2s, top 0.3s 0.2s;

}
.megamenu_toggle .megamenu_main ul {
	left:90%;
	-webkit-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
	-moz-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
	-o-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
	-ms-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
	transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
}
.megamenu_toggle .megamenu_main li > .left_dropdown {
	left:-90%;
}


/* 1. Arrows */


.megamenu .dropdown_arrow {
	background-image:url("https://servis.oxy.hr/slike/menu-icons/arrow_left.png");
	background-repeat: no-repeat;
	background-position: 95% 48%;
}
.megamenu .dropdown_arrow:hover {
	background-image:url("https://servis.oxy.hr/slike/menu-icons/arrow_left_hover.png");
}

.megamenu > li .megamenu_main a {
	text-decoration: none;
	color:#333333;
}


/* 2. List Elements */


.megamenu > li ul {
	list-style: none;
	padding:0 0 0 18px;
	margin:0 0 18px 0;
}
.megamenu > li ul li {
	font-size:12px;
	position:static;
	color:#333333;
	padding: 12px 15px 12px 15px;
	-webkit-transition: background-color 0.3S;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.megamenu > li ul li:hover {
	background-color: #F6F6F6;
}
.megamenu > li ul .relative_dropdown {
	position:relative;
}


/* 3. Typography */


.megamenu p {
	padding:0;
	margin:0 0 12px 0;
}
.megamenu h3 {
	font-size: 14px;
	font-weight:bold;
	padding:0;
	margin:6px 0 12px 0;
}
.megamenu .new {
	font-size:xx-small; 
	vertical-align:text-top;
	color:#e10000;
}
.megamenu .small {
	font-size: 11px;
	color: #888888;
	display: block;
	padding: 0;
	margin-top: 4px;
}
.megamenu .title {
	display: block;
	font-size: 14px;
	line-height: 12px;
}


/* 4. Icons */


.megamenu .icon_bookmark,
.megamenu .icon_bubble,
.megamenu .icon_charts,
.megamenu .icon_check,
.megamenu .icon_cross,
.megamenu .icon_favorite,
.megamenu .icon_help,
.megamenu .icon_info,
.megamenu .icon_magnifier,
.megamenu .icon_mail,
.megamenu .icon_marker,
.megamenu .icon_pencil,
.megamenu .icon_settings {
	padding-left:38px;
	background-repeat: no-repeat;
	background-position: 12px 50%;
}
.megamenu .icon_bookmark {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_bookmark.png");}
.megamenu .icon_bubble {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_bubble.png");}
.megamenu .icon_charts {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_charts.png");}
.megamenu .icon_check {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_check.png");}
.megamenu .icon_cross {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_cross.png");}
.megamenu .icon_favorite {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_favorite.png");}
.megamenu .icon_help {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_help.png");}
.megamenu .icon_info {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_info.png");}
.megamenu .icon_magnifier {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_magnifier.png");}
.megamenu .icon_mail {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_mail.png");}
.megamenu .icon_marker {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_marker.png");}
.megamenu .icon_pencil {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_pencil.png");}
.megamenu .icon_settings {background-image:url("https://servis.oxy.hr/slike/menu-icons/icon_settings.png");}


/* 5. Large Icons */


.megamenu .megamenu_main .large_icons {
	width: 534px;
}
.megamenu .large_icons li {
	width: 128px;
	float: left;
	text-align:center;
	position:relative;
	padding: 25px;
}
.megamenu .large_icons li span {
	font-weight: bold;
	font-size: 14px;
	padding-top:10px;
	display: block;
}
.megamenu img {
	border:none;
}












/*IZBORNIK DESNO*/
.arrowlistmenu {width:260px; float:left; margin:30px 0}
.arrowlistmenu h4 {font-size:16px;padding:0 10px 0 10px;line-height:45px;border-bottom:1px solid #34c7cd}
.arrowlistmenu h4:hover {cursor:pointer;border-bottom:1px solid #86e2e6}
.arrowlistmenu .menuheader {background:url(https://servis.oxy.hr/slike/down.png) no-repeat right center}
.arrowlistmenu a:link, .arrowlistmenu a:visited, .arrowlistmenu a:active, .arrowlistmenu a:hover {text-decoration:none}

.arrowlistmenu .menuheader {/*CSS class for menu headers in general (expanding or not!)*/ 
font-size:16px;  
padding:0 10px 0 10px; 
line-height:45px; 
color:#fff; 
cursor:pointer; 
float:left; 
width:240px; 
height:45px; 
margin:0;
border-bottom:1px solid #34c7cd;
font-family: Arial;
position:relative;
z-index:2
}

.arrowlistmenu .openheader {/*CSS class to apply to expandable header when it's expanded*/ 
font-size:16px;  
padding:0 10px 0 10px; 
line-height:45px; 
color:#fff; 
float:left; 
width:240px; 
height:45px; 
margin:0;
border-bottom:1px solid #34c7cd;
font-family: Arial;
position:relative;
z-index:2;
background:url(https://servis.oxy.hr/slike/up.png) no-repeat right center
}

.arrowlistmenu ul {/*CSS for UL of each sub menu*/list-style-type:none; margin:10px 0 20px 0; float:left; width:252px}
.arrowlistmenu ul li {font-size:12px; color:#fff; line-height:25px; float:left; width:230px; padding:10px 10px 10px 20px;background:url(https://servis.oxy.hr/slike/dot.png) no-repeat left top}
.arrowlistmenu ul li:hover {cursor:pointer;border-bottom:1px dashed #86e2e6;line-height:24px;padding:10px 10px 9px 20px;background:url(https://servis.oxy.hr/slike/dot-2.png) no-repeat left top}
.arrowlistmenu ul li a {display:block; font-size:12px; color:#fff; line-height:16px; float:left; width:220px;text-decoration: none}
.arrowlistmenu ul li a:visited {color:#fff; float:left;width:220px;text-decoration: none}
.arrowlistmenu ul li a:hover {/*hover state CSS*/float:left;text-decoration: none}
.arrowlistmenu ul li .manji-li {font-size:11px; color:#fff; line-height:18px; padding:0 0 0 10px}