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: none;}
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;}
body {background:#ADBFF4 url(https://old.medivita.hr/images/uploads/body_slika_bg.png) top right repeat-x; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444; text-align:left}
h1 {font-size: 30px; color: #000; font-weight: normal; font-family:Arial, "Trebuchet MS", Verdana, Sans-serif;margin:30px 0 0 0}
h2 {font-size: 24px; color: #c9c0b6; font-weight: normal;font-family:'Didact Gothic';margin:5px 0 0 0}
h3 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 30px 0;font-family:'Didact Gothic'}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h6 {font-size: 24px; color: #c9c0b6; font-weight: normal;font-family:'Didact Gothic';margin:5px 0 0 0}
#head-content-shop h1 {font-size: 45px; color: #002086; font-weight: normal; font-family:'Didact Gothic';margin:0 0 0 130px;float:left;width:700px}
#head-content-shop h2 {font-size: 24px; color: #007c26; font-weight: normal;font-family:'Didact Gothic';margin:0 0 0 130px;float:left;width:700px}
.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear50 {clear: both; height: 50px}
.slika-lijevo {float:left; margin:0 20px 10px 0}
.slika-desno {float:right; margin:0 0 10px 10px}
.lijevo {float:left}
.desno {float:right}
.none {display:none !important}
.bold {font-weight:bold}
.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://old.medivita.hr/slike/full.png) 0 0 no-repeat; width:200px; height:200px; position:absolute; right:20px; bottom:10px}
.zoom2 {float:left; position:relative}
.zoom2 span {display:block; background:transparent url(https://old.medivita.hr/slike/full2.png) 0 0 no-repeat; width:200px; height:200px; position:absolute; right:20px; bottom:10px}
a:link {color: #01962D; text-decoration: none;}
a:visited {color: #01962D; text-decoration: none;}
a:active {color: #01962D;}
a:hover {color: #002086; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #6f6752; text-decoration: none;}
a.sivi:hover {color: #a29267; text-decoration: none;}
a.crni:link, a.crni:visited, a.crni:active {color: #555; text-decoration: none;}
a.crni:hover {color: #01962D; text-decoration: none;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #fff; text-decoration: none;}
#potpis a:link, #potpis a:visited, #potpis a:active {color: #133191; text-decoration: none;}
#potpis a:hover {color: #B1C7F9; text-decoration: none;}
.one a:link, .one a:visited, .one a:active {color: #01962D; text-decoration: none;}
.one a:hover {color: #002086; text-decoration: none;}
.two a:link, .two a:visited, .two a:active {color: #01962D; text-decoration: none;}
.two a:hover {color: #002086; text-decoration: none;}
h3 a:link, h3 a:visited, h3 a:active {color: #725a3f; text-decoration: none;}
h3 a:hover {color: #000; text-decoration: none;}
/*ul {list-style-type:disc; margin:20px 0 0 20px}*/
p {margin:0 0 10px}
.btn {
background: #5778E1; /* old browsers */
background: -moz-linear-gradient(top, #5778E1 0%, #072DA4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5778E1), color-stop(100%,#072DA4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5778E1', endColorstr='#072DA4',GradientType=0 ); /* ie */
width: 99.8%;
height: 40px;
font: normal 16px/27px 'Didact Gothic';
float: left;
display: block;
margin: 0;
padding: 0 15px;
text-align: center;
color: #C3CCEF;
text-decoration: none;
cursor: pointer;
border: 1px solid #072DA4;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.btn-nsltt {
background: url(https://old.medivita.hr/slike/nsltt_btn.png) 0 0 no-repeat;
width: 75px;
height: 30px;
line-height:30px;
font: normal 12px/27px Arial;
float: left;
display: block;
margin: 0;
text-align: center;
color: #d0f4bc;
text-decoration: none;
cursor: pointer;
border: none;
border-radius:4px
}
input.btn {float: left;}
.btn:hover, .btn:focus, input.btn:focus {
background: #072DA4; /* old browsers */
background: -moz-linear-gradient(top, #5778E1 0%, #1F46C4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5778E1), color-stop(100%,#1F46C4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5778E1', endColorstr='#1F46C4',GradientType=0 ); /* ie */
border: 1px solid #072DA4;
color: #C3CCEF;
}
a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}
#wrapper {width:100%; background: url("https://old.medivita.hr/slike/body_bg.jpg") no-repeat scroll right top transparent; float:right}
#wrapper-in {margin:0 auto; width:1150px}
#header {width:100%;background: url(https://old.medivita.hr/slike/header_bg.png) top left repeat-x; height:55px;padding:50px 0 0 0;position:fixed;z-index:30}
#header-in {margin:0 auto; width:1150px}
#head-content {margin:0 auto; width:1150px; height:400px; padding:140px 0 0}
#head-content-shop {margin:0 auto; width:1150px; height:270px; padding:130px 0 0 0}
#header h1 {margin:0}
#logo {float:left;width:253px;height:161px;overflow:hidden}
#back-to-top {background: url("https://old.medivita.hr/slike/triangle.png") no-repeat scroll 12px 16px #bbbbbb;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:#aaaaaa;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity:0.8;}
#logi {margin:50px 0 0 10%;float:left}
#mali-izbornik ul {list-style-type:disc;color:#d1c6bd; font-size:13px; line-height:19px; margin:30px 0 10px 15px;float:left}
#mali-izbornik ul a:link, #mali-izbornik ul a:visited, #mali-izbornik ul a:active {color:#fff}
#mali-izbornik ul a:hover {color:#3B3229}
#mali-izbornik-2 ul {list-style-type:none;display:inline;color:#52493a; font-size:13px; line-height:19px; margin:50px 0 0 155px;float:left}
#mali-izbornik-2 ul li {float:left;margin:0 30px 0 0}
#mali-izbornik-2 ul a:link, #mali-izbornik-2 ul a:visited, #mali-izbornik-2 ul a:active {color:#52493a}
#mali-izbornik-2 ul a:hover {color:#002086}
#mali-izbornik-2 ul .active:link, #mali-izbornik-2 ul .active:visited, #mali-izbornik-2 ul .active:active {color:#002086}
#mali-izbornik-2 ul .active:hover {color:#002086}
.shop-gumb {margin:65px 0 0 -15px}
.shop-gumb-kosarica {float:left;margin:10px 0 0-15px}
#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}
#content-container {float:left; height:257px; width:100%;background: url("https://old.medivita.hr/slike/content_bg.png") top left repeat-x;margin:0}
#content-container2 {float:left; width:100%;padding:40px 0 55px 0;background: url("https://old.medivita.hr/slike/content_bg.jpg") bottom center no-repeat;margin-bottom:-10px}
#content-container3 {float:left; width:100%;padding:30px 0 50px 0}
#content {margin:0 auto; width:1150px; padding:35px 0; color:#5b5b5b}
#content-container-shop {float:left; width:100%;background:#fff;margin:0;box-shadow: 0 0 3px #999}
#drustvene {float:left;width:343px}
#ispod-boxes {float:left;width:100%}
#stranice {float:right;margin-top:-20px}
.one {width:343px;float:left;margin:0 60px 0 0;font-size:12px;line-height:20px}
.two {width:343px;float:right;margin:0;font-size:12px;line-height:20px}
.one:hover {cursor:pointer}
.two:hover {cursor:pointer}
.box-image {border-radius:64px}
.image-mask {width:128px;float:right;margin:0 0 0 30px}
.image-bg {background:url("https://old.medivita.hr/slike/maska.png") top left no-repeat;width:135px;height:128px;float:right;margin:-140px -6px 0 0;position:relative;z-index:10}
.entry {float:left;width:100%}
.entry h3 {line-height:35px;color:#a9a9a9;font-size:30px}
.entry-search {width:25%;padding:20px;margin:0 20px 20px 0;float:left;border-radius:5px;border:1px solid #dedede;height:110px;overflow:hidden}
.entry-search:hover {cursor:pointer;border:1px solid #c1c1c1}
.entry-search h3 {font-family:'Didact Gothic';font-size:14px;margin:0;height:70px;overflow:hidden}
#linije {float:left;width:670px;padding:40px}
#linije ul li a {font-family:'Didact Gothic';color:#efefef;font-size:35px;margin:0 0 40px 0;width:100%;float:left;text-shadow:0 -1px #C0A98A}
#linije ul li ul li a:link, #linije ul li ul li a:visited, #linije ul li ul li a:active {font-family:'Arial';color:#fff;font-size:20px;margin:0;line-height:30px;text-shadow:none}
#linije ul li ul li a:hover {color:#ccc}
#linije ul li ul li ul li a:link, #linije ul li ul li ul li a:visited, #linije ul li ul li ul li a:active {font-family:'Arial';color:#FFF9ED;font-size:14px;margin:0;line-height:20px;text-shadow:none}
#linije ul li ul li ul li a:hover {color:#ccc}
#linije ul li ul li ul {list-style-type:disc;float:left;color:#FCF6EA;margin:0 0 0 20px}
.shop-opis {font-size:11px;color:#777}
.shop-sivi:link, .shop-sivi:visited, .shop-sivi:active {color:#a9a9a9;font-size:30px}
.shop-sivi:hover {color:#000}
.brandovi {width:100%;float:left}
.linije-mali-box {float:left;width:200px;margin:0 50px 50px 0}
#moja-medivita {float:left;line-height:31px;font-size:11px;width:213px;overflow:hidden;color:#ddd}
.entry-mali {width:230px;padding:0 20px 30px 0;float:left}
.entry-mali h3 {height:36px;overflow:hidden;margin:0 0 20px 0}
.entry-mali img {display:block}
.mali-entry-tekst {height:150px;overflow:hidden;background:#ededed;padding:10px}
.mali-entry-tekst:hover {background:#ddd;cursor:pointer}
.povezano {clear:both}
.povezano1 {width:25%;padding:20px;margin:0 20px 20px 0;float:left;border-radius:5px;border:1px solid #dedede;height:110px;overflow:hidden}
.povezano1:hover {cursor:pointer;border:1px solid #c1c1c1}
.naslov-povezano {font-family:'Didact Gothic';font-size:18px;width:100%;float:left;font-weight:bold;margin:50px 0 10px 0}
.povezano1 h4 {font-family:'Didact Gothic';font-size:14px;margin:0;height:70px;overflow:hidden}
.napomenica {font-size:16px;padding:10px 20px;background:#F8F8F8;border-radius:4px;float:left;width:710px}
.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px;width:100%}
.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:343px;display:inline}
#smaller h4 {margin:0}
#trazilica {float:right; width:277px; height:31px;line-height:31px}
.search-d {width:75px; height:31px; text-align:center;float:right; cursor:pointer;color:#fff;margin:0;padding:0;font-size:11px}
.search-l {box-shadow: 0 0 3px #e3e1df inset;border-radius:4px;float:right; background: #F8F8F8; border:none; width:152px; height:31px; line-height:31px; margin:0 10px 0 0; font-family:Arial; color:#554632; padding:0 20px;font-size:11px}
#kosarica-info {font-size:10px;margin-top:-30px;color:#555;float:right}
#breadcrumb, #breadcrumbd {font-size:11px;height:32px; border:0; color:#867963; padding:0; overflow:hidden}
#breadcrumb {width:550px;margin:35px 0 20px 0;float:left}
#bigger-shop #breadcrumb {margin-top:0}
#breadcrumbd {width:100%; float:left;margin:20px 0 0 0}
#breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#867963}
#breadcrumbd h5 {font-size:11px; line-height:32px; margin:0; color:#867963}
#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:#4d402e; text-decoration:none; line-height:32px; border:0}
#breadcrumb a:hover, #breadcrumbd a:hover {color:#000}
#breadcrumb ul li, #breadcrumbd ul li {list-style-type:none;display:inline}
.rss {float:right}
#footer {width:100%;clear:both;background:url(https://old.medivita.hr/slike/footer_bg.png) top center no-repeat;float:left}
#footer-in {width:1150px;margin:0 auto;text-align:left}
.footer-box-left {float:left; width:535px;background:url(https://old.medivita.hr/slike/footer_l_bg.png) top right no-repeat;margin:-12px 0 0 17px;padding:50px 40px 30px 0}
.footer-box-right {float:right; width:538px;padding:28px 0 30px 20px;color:#50c850;font-size:14px;text-align:center;line-height:20px}
.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:12px;color:#01962d;line-height:30px;padding:0;float:left}
.footer-box-left ul {margin:0 0 10px 15px}
#potpis {width:100%;clear:both;background:#00196a}
#potpis-in {width:1150px;margin:0 auto;text-align:left;font-size:10px;color:#133191;padding:10px 0}
.footer-box-left img {margin:10px 10px 0 0}
.grad-naslov {color:#005c1b;font-family:'Didact Gothic';text-transform:uppercase;font-size:45px;margin:0 0 0 30px;line-height:41px;float:left;width:83%}
.grad-gumb {padding:8px 20px 10px 20px;border-radius:3px;background:#005c1b;font-family:'Didact Gothic';font-size:15px;color:#008728;float:left;margin:30px 0 0 200px}
/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:320px}
.kontakt-l {float:left;width:330px;padding:20px;background:#F8F8F8;color:#555;margin:0 0 10px 0;border-radius:3px;height:217px}
.kontakt-d {float:right;width:350px}
.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://old.medivita.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://old.medivita.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}
.contactForm {background:#F8F8F8; margin:0 0 30px 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:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm 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 input:focus,
.contactForm textarea:focus {background:#E8E6F1}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://old.medivita.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://old.medivita.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: #ff0000;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://old.medivita.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-foot textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://old.medivita.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:750px; height:265px}
#slider-sjena {background: url(https://old.medivita.hr/slike/babor-shop_10.png) top center no-repeat;width:750px;height:20px;display:block;float:left}
.slider-movie-example {width:320px;height:156px;background: url(https://old.medivita.hr/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:20px;position:absolute;top:50px;left:55px;font-size: 12px;line-height: 18px}
.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}
.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:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://old.medivita.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://old.medivita.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 {background:url(https://old.medivita.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://old.medivita.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {display:none;background:url(https://old.medivita.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://old.medivita.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:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(https://old.medivita.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(https://old.medivita.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}
/* 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://old.medivita.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://old.medivita.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://old.medivita.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(https://old.medivita.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://old.medivita.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(https://old.medivita.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://old.medivita.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; background-color:#F8F8F8; width:745px; height:150px; padding:0 8px; margin:0; border-radius:3px;}
.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:300px; 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://old.medivita.hr/js/wt-scroller/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(https://old.medivita.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:#433D37; background:-moz-linear-gradient(top,#433D37 0%,#1E1E1E 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#433D37),color-stop(100%,#1E1E1E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#433D37',endColorstr='#1E1E1E',GradientType=0); border-radius:2px; width:100%; height:5px; cursor:pointer; overflow:hidden}
.wt-scroller .thumb{position:absolute; top:0; left:0; width:100px; height:5px; border-radius:2px; background-color:#FEF0DA; background:-moz-linear-gradient(top,#FEF0DA 0%,#D6BB9E 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEF0DA),color-stop(100%,#D6BB9E)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEF0DA',endColorstr='#D6BB9E',GradientType=0)}
.wt-scroller .index,
.wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(https://old.medivita.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}
/* 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://old.medivita.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://old.medivita.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://old.medivita.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://old.medivita.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://old.medivita.hr/slike-shop/st.gif) 4px 8px no-repeat;margin:0}
#section-navigation ul#nav li ul li:hover{background:#F3F3F3 url(https://old.medivita.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:220px;height:350px;margin:0 40px 40px 0}
.cell2{float:left;width:220px;height:350px}
.cell1 a:link,.cell2 a:link,.cell1 a:visited,.cell2 a:visited,.cell1 a:active,.cell2 a:active{color:#ccc}
.cell1 a:hover,.cell2 a:hover{color:#fff}
.cell1:hover,.cell2:hover{cursor:pointer}
.cell1 h4,.cell2 h4{font:normal 16px Arial;height:40px;padding:5px 0;overflow:hidden;line-height:24px}
.cell1 .slika-box {width:185px;height:185px;float:left}
.cell2 .slika-box {width:185px;height:185px;float:left}
form#sorter{float:right;display:block;width:250px;margin:10px 0 20px}
form#sorter select{float:right;margin:0 0 0 10px;padding:5px 5px 5px 10px;background:#F8F8F8;border:none;border-radius:3px;font-size:12px;color:#777}
#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:20px;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 8px 20px 0;float:left}
fieldset#racun {margin: 0 30px 0 0;position:relative;background:#F8F8F8;border:none;border-radius:3px}
fieldset#dostava {margin: 0 0 8px 0;position:relative;background:#F8F8F8;border:none;border-radius:3px}
fieldset h3 {top:0;left:0;width:320px;font:normal 16px 'Trebuchet MS', Arial; color:#fff}
fieldset .txtinp{display:block; width:300px; background: #fff; border: 1px solid #CCCCCC; border-radius:3px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;color: #000; font-size: 20px; height: 30px; margin: 2px 30px 2px 0; padding: 2px 7px 3px}
fieldset label{width:320px; 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:215px;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:#C2A576;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 {border:none;float:left;margin:10px 3px 0 0;padding:5px;background:#F8F8F8;height:17px;width:40px;font:normal 18px Arial;border-radius:4px}
.shop-btn{margin:10px 0 0 0;height:27px;display:block !important;background:#53585e;background:-moz-linear-gradient(top,#53585e 0,#383f49 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#53585e),color-stop(100%,#383f49));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#53585e',endColorstr='#383f49',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:#383f49;background:-moz-linear-gradient(top,#383f49 0,#53585e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#383f49),color-stop(100%,#53585e));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#383f49',endColorstr='#53585e',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 {width:100%;font:normal 16px 'Trebuchet MS', Arial}
#shop-reg p {font-size: 10px; color: #666}
#shop-reg a {line-height:25px;font-size:11px}
#shop-reg form {padding: 20px; overflow: hidden; background: #F8F8F8; border-radius:3px}
#shop-reg form label {font-size: 12px; display: block; color: #444; padding-top:10px;float:left}
#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: 5px 10px; font-size: 12px; color: #000; background: #fff;border: 1px solid #ccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;border-radius:3px}
#shop-reg form .txtinp2 {display: inline; float: left; margin: 2px 0 2px;padding: 2px 7px 3px;width: 238px;font-size: 12px;background: #fff;border: 1px solid #ccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;border-radius:3px}
#shop-reg form .txtinp3 {display: inline;float: left;margin: 2px 30px 2px 0;padding: 2px 7px 3px;width:214px;height: 20px;color: #000;background: #fff;border: 1px solid #ccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;border-radius:3px}
#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}
.shop-d-reg {float:right;width:480px}
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: 428px;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;margin:20px 0 0 0}
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://old.medivita.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://old.medivita.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://old.medivita.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://old.medivita.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}
#dright a{color:#707580}
#dright p{margin:0 0 40px}
.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;margin:15px 0 20px;line-height:30px}
/*
* Sliding Tabs - jQuery Plugin
* Copyright 2011, Christian André
*
------------------------------------------------------------------------------------- */
div.st_horizontal{position:relative;float:left;width:750px;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://old.medivita.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 #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff url(https://old.medivita.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 #e9e9e9}
div.st_horizontal ul.st_tabs a.st_tab_active{color:#000;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 #e9e9e9;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:#fff;border:1px solid #ccc;font-size:10px;padding:2px 3px;border-radius:3px}
.tag-link:hover {border:1px solid #bbb; background:#eee}
.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://old.medivita.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://old.medivita.hr/slike/gritter.png) no-repeat left -30px;height:10px}
.hover .gritter-top{background-position:right -30px}
.gritter-bottom{background:url(https://old.medivita.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://old.medivita.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://old.medivita.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: 750px;margin:0 0 50px 0;line-height:22px}
#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:16px;background:#F8F8F8;border:1px solid #CCCCCC;border-radius:3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;padding:5px}
#ship_method {font-size:16px;background:#F8F8F8;border:1px solid #CCCCCC;border-radius:3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;padding:5px}
.kupac{font:normal 14px Arial; text-align:right; margin:0 0 0 60px}
.kupac b{font-size:16px}
#racun h3 {font:24px 'Trebuchet MS',Arial}
#dostava h3 {font:24px 'Trebuchet MS',Arial}
/* _______________________________________
Carousel with image and text (horizontal)
_______________________________________ */
/* General styles */
.touchcarousel {
position: relative;
width: 600px;
/* 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%;
}
.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://old.medivita.hr/slike/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(https://old.medivita.hr/slike/grabbing.png) 8 8, move; }
/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }
/* 1. Arrows (direction) navigation */
.touchcarousel.three-d .arrow-icon {
top: 0;
background-image: url('https://old.medivita.hr/slike/three-d-skin-sprite.png');
background-repeat: no-repeat;
width: 19px;
height: 20px;
margin-top: 0;
}
.touchcarousel.three-d .arrow-holder {
width: 19px;
height: 20px;
-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 -14px;
}
.touchcarousel.three-d .arrow-icon.right {
right: 0;
background-position: -173px -14px;
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.left {
background-position: -43px -14px;
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.right {
background-position: -138px -14px;
}
.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;
}
.touchcarousel.three-d .tc-paging-centerer {
float: none;
position: relative;
left: 0;
}
.touchcarousel.three-d .tc-paging-centerer-inside {
position: relative;
left: 0;
float: none;
}
.touchcarousel.three-d .tc-paging-item {
background: url('https://old.medivita.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;
}
.touchcarousel.three-d .tc-paging-item.current {
background: url('https://old.medivita.hr/slike/three-d-skin-sprite.png') no-repeat -95px -22px;
}
.touchcarousel.three-d .tc-paging-item:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
/* Styles for Carousel with image and text (horizontal) */
#carousel-image-text-horizontal {
width: 343px;
margin: 0 auto;
}
#carousel-image-text-horizontal .touchcarousel-item {
width: 343px;
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 h4 {
font: bold 13px/20px Helvetica, Arial, sans-serif;
color: #000;
width: 140px;
}
#carousel-image-text-horizontal p {
font: normal 13px/20px Helvetica, Arial, sans-serif;
color: #555;
}
#carousel-image-text-horizontal .tc-paging-container {
top: 3px;
}
/* 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:660px; height:50px; float:left;color:#d3d3d3}
ul.mega-container{width:720px; padding:0; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; position:relative; z-index:10px}
/*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://old.medivita.hr/slike/active_bg.gif); background-position:top left;}
*/
li.mega.mega-active .mega-tab.mega-sub {font-weight:bold}
li.mega.mega-active .mega-tab {font-weight:bold}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}
/* Basic menu item styles */
li.mega a.mega-tab{height:50px;padding:0 15px;color:#505050; text-decoration:none; font:normal 16px 'Didact Gothic'; display:inline-block; outline:none; position:relative; z-index:20px}
li.mega a.mega-tab:hover {color:#000}
/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://old.medivita.hr/slike/down.png) no-repeat right center; padding-right:26px !important}
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%; left:-138px; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:url(https://old.medivita.hr/slike/izbornik_bg.png) top left repeat-x}
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:30px !important; z-index:10000 !important; min-width:1090px; box-shadow:0 8px 8px rgba(0,0,0,0.3);border-bottom:4px solid #002086}
.mega-menu ul{list-style-type:none; margin:0 20px 0 0; min-width:250px;float:left}
.mega-menu li a{display:block; padding:4px 10px; color:#333; text-decoration:none; font-weight:normal; text-shadow:none; border-bottom:1px dotted #000}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://old.medivita.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#F6F6F6}
.mega-menu li{position:relative;font-family:'Didact Gothic';font-size:14px}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#e77302; width:175px; padding:7px 7px 3px; -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://old.medivita.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://old.medivita.hr/slike/menu-icons/arrow_left.png");
background-repeat: no-repeat;
background-position: 95% 48%;
}
.megamenu .dropdown_arrow:hover {
background-image:url("https://old.medivita.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://old.medivita.hr/slike/menu-icons/icon_bookmark.png");}
.megamenu .icon_bubble {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_bubble.png");}
.megamenu .icon_charts {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_charts.png");}
.megamenu .icon_check {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_check.png");}
.megamenu .icon_cross {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_cross.png");}
.megamenu .icon_favorite {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_favorite.png");}
.megamenu .icon_help {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_help.png");}
.megamenu .icon_info {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_info.png");}
.megamenu .icon_magnifier {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_magnifier.png");}
.megamenu .icon_mail {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_mail.png");}
.megamenu .icon_marker {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_marker.png");}
.megamenu .icon_pencil {background-image:url("https://old.medivita.hr/slike/menu-icons/icon_pencil.png");}
.megamenu .icon_settings {background-image:url("https://old.medivita.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:335px; float:left; margin:30px 0}
.arrowlistmenu .menuheader{/*CSS class for menu headers in general (expanding or not!)*/
font-size:16px;
padding:0 10px 0 10px;
line-height:45px;
color:#777777;
background: #ddd; /* old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #ddd 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ddd)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ddd',GradientType=0 ); /* ie */
cursor:pointer;
float:left;
width:320px;
height:45px;
margin:0;
border-radius:3px;
border:1px solid #ddd;
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:#777777;
background: #ddd; /* old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #ddd 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ddd)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ddd',GradientType=0 ); /* ie */
float:left;
width:320px;
height:45px;
margin:0;
border-radius:3px;
border:1px solid #ddd;
font-family: Arial;
position:relative;
z-index:2
}
.arrowlistmenu ul{/*CSS for UL of each sub menu*/list-style-type:none; margin:-8px 0 0 0; padding:0 10px; float:left; width:300px}
.arrowlistmenu ul li{font-size:16px; color:#777777; line-height:30px; float:left; width:300px; padding:3px 10px 2px 10px;border-top:1px dotted #777}
.arrowlistmenu ul li:hover{background-color:#eee; cursor:pointer}
.arrowlistmenu ul li a{display:block; font-size:16px; color:#777; line-height:30px; float:left; width:300px}
.arrowlistmenu ul li a:visited{color:#555; float:left; width:300px}
.arrowlistmenu ul li a:hover{/*hover state CSS*/float:left; width:300px}
.arrowlistmenu ul li .manji-li {font-size:11px; color:#777777; line-height:18px; padding:0 0 0 10px}
#vertical-ticker{
height:250px;
overflow:hidden;
margin:0; padding:0;
}
#vertical-ticker li{
display:block;
}
#strelice {width:35px;float:right;margin:10px -58px 0 0;position:relative;z-index:10}
/* 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; }