/* Add here all your CSS customizations */

input {color:#333;}

.mt-xs {margin-top:5px !important;}
.mr-xs {margin-right:5px !important;}
.mb-xs {margin-bottom:5px !important;}
.mb-md {margin-bottom:15px !important;}
.mb-lg {margin-bottom:20px !important;}

.clearboth {clear:both}
.clear {height:0.1px}
.clear5 {height:5px}
.clear10 {height:10px}
.clear20 {height:20px}
.clear30 {height:30px}
.clear40 {height:40px}
.clear50 {height:50px}
.clear60 {height:60px}
.clear70 {height:70px}
.clear220 {height:220px}

.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop5 {margin-top:5px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px !important;}
.marginbottom10 {margin-bottom:10px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}

.margin5po {margin:5%;}

.margin3px {margin:3px;}

.padding10 {padding:10px}

.margin0auto {margin:0 auto;}

.mar-do-10 {margin-bottom:10px;}
.mar-top-bot-20 {margin:20px 0;}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px;}
.width100px {width:100px;}
.width120px {width:120px;}
.width160px {width:160px;}
.width320px {width:320px;}

.height32 {height:32px;}
.height34 {height:34px;}

.justify {text-align:justify;}

.btn-warning {background-color:#eb9134; border-color:#fcb266}
.btn-success {background-color:#6bd65c; border-color:#87e57a}
.btn-upit {background-color:#0077c3; border-color:#20c1f6; color:#fff;}
.btn-upit:hover, .btn-upit:focus, .btn-upit:active {background-color:#0057A3; color:#fff;}


.btn-forma { background-color: hsl(211, 66%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9bde", endColorstr="#1a4a7e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#5e9bde), to(#1a4a7e)); background-image: -moz-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -ms-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9bde), color-stop(100%, #1a4a7e)); background-image: -webkit-linear-gradient(top, #5e9bde, #1a4a7e); background-image: -o-linear-gradient(top, #5e9bde, #1a4a7e); background-image: linear-gradient(#5e9bde, #1a4a7e); border-color: #1a4a7e #1a4a7e hsl(211, 66%, 22%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }
.btn-forma:hover, .btn-forma:focus, .btn-forma:active {background-color: hsl(211, 66%, 18%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b7cd3", endColorstr="#0f2c4c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#2b7cd3), to(#0f2c4c)); background-image: -moz-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -ms-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b7cd3), color-stop(100%, #0f2c4c)); background-image: -webkit-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: -o-linear-gradient(top, #2b7cd3, #0f2c4c); background-image: linear-gradient(#2b7cd3, #0f2c4c); border-color: #0f2c4c #0f2c4c hsl(211, 66%, 10%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52); -webkit-font-smoothing: antialiased; }

.btn-plusminus { background-color: hsl(193, 74%, 67%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37cafb", endColorstr="#19bcf2"); background-image: -khtml-gradient(linear, left top, left bottom, from(#37cafb), to(#19bcf2)); background-image: -moz-linear-gradient(top, #a1dff1, #19bcf2); background-image: -ms-linear-gradient(top, #37cafb, #19bcf2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37cafb), color-stop(100%, #19bcf2)); background-image: -webkit-linear-gradient(top, #37cafb, #19bcf2); background-image: -o-linear-gradient(top, #37cafb, #19bcf2); background-image: linear-gradient(#37cafb, #19bcf2); border-color: #56d5fe #56d5fe hsl(193, 74%, 64%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19); -webkit-font-smoothing: antialiased; }
.btn-plusminus:hover { background-color: hsl(190, 100%, 52%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ddeff", endColorstr="#0ad6ff"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3ddeff), to(#0ad6ff)); background-image: -moz-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -ms-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ddeff), color-stop(100%, #0ad6ff)); background-image: -webkit-linear-gradient(top, #3ddeff, #0ad6ff); background-image: -o-linear-gradient(top, #3ddeff, #0ad6ff); background-image: linear-gradient(#3ddeff, #0ad6ff); border-color: #0ad6ff #0ad6ff hsl(190, 100%, 49.5%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16); -webkit-font-smoothing: antialiased; }

.font-1-3-em {font-size:1.3em !important;}
.font12 {font-size:12px}

.h2-ind {font-size:2em; margin-bottom:20px;}

.italic {font-style:italic;}

.centertoleft {text-align:center;}

.caps {text-transform:uppercase;}

.nobg {background:none;}

.slika100 {max-width:100%;height:auto;}
.img-rounded {border-radius:4px;}

.kosaricamali {}
.kosaricaveliki {}

.whitetext {color:#fff !important;}
.darkbluetext {color: #000 !important;
font-weight: bold;
font-size: 22px !important;}
.orangetext {color:#eb9134;}

.padupdo40 {background:#fff;}

.cartrxsl {float:right}

.slika-box {float:left; border:4px solid #9AE7F7;border-radius:50%;max-width:100%;height:auto;}

.slika-box-d {float:right}


.box-in {font-size:11px;color:#09dcf5;line-height:20px;width:45%; margin:0 0 0 5%;float:left; font-family:tahoma;}
.box-in h3 {font-size:14px;color:#fff;font-style:italic;text-transform:none; margin:35px 0 10px 0; height:38px; width: 90%; overflow:hidden;font-family:Merriweather;line-height:18px;}


.box-down {color:#fff;font-family:open sans; font-weight:300;font-style:italic;line-height:28px; width:100%;float:left;}
.box-down h4 {font-family:Merriweather;font-size:35px;text-align:center;color:#fff;background: url(https://roblmarine.hr/slike/naslov_bg.png) center 0 no-repeat;margin:0 0 30px 0}
.box-down h4 a:link, .box-down h4 a:visited, .box-down h4 a:active, .box-down h4 a:hover {color:#fff}
.ul-box {float:left;margin:0 0 0 10px}
.ul-box i {opacity:0.5}
.box-down ul {padding:0;float:left;list-style-type:none;font-size:13px;}
.box-down a:link, .box-down a:visited, .box-down a:active, .box-down a:hover {color:#fff}

.foot-slider-img {border-radius:50%;border:3px solid #001f47;}

.najprodavaniji-h2 {font-family:open sans; font-weight:300; font-size:22px;font-style:italic;text-align:center;margin:0;background: url(https://roblmarine.hr/slike/footer_naslov_bg.png) center 0 no-repeat}
.najprodavaniji-slider {background: url("https://roblmarine.hr/slike/footer_slider_bg.png") bottom center no-repeat}
.owl-theme .owl-controls {margin:5px 0}
footer .push-bottom {margin:0}
/* footer ul {margin:0; padding:0;list-style-image:url(https://roblmarine.hr/slike/footer-list-img.png);} */
footer ul {margin:0; padding:0;list-style-type:none;}
footer ul li {color:#68d0f3}
footer ul li a:link, footer ul li a:visited, footer ul li a:active, footer ul li a:hover {color:#fff !important}

.foot-kontakt-h2 {font-style:normal;font-size:16px;font-family:'Open Sans';margin:0;padding:0; background:transparent}

.telefon {color:#cfd1d7;font-size:25px;font-weight:bold}
.footer-copyright nav ul li a:link, .footer-copyright nav ul li a:visited, .footer-copyright nav ul li a:active, .footer-copyright nav ul li a:hover {color:#2b71a7}
footer {
	background: #242424;
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom:-22px;
	position: relative;
	clear: both;
        color:#fff;
        border-top: none;
}

div.footer-copyright {
	background: #f1f1f1;
	margin-top: 0;
	padding: 15px 0 15px;
        color:#2b71a7;
        font-size:11px;
        border-top: none;
}

div.footer-copyright nav {
	float: right;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #2b71a7;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

.footer-copyright a {
    color: #cf3427;
}


div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
        color:#5f5f5f;
	margin: 0;
	padding: 0;
}

header {
	background:#fff;
	border-top: none;
	padding: 0 0 8px 0;
}



header h1.logo a {
	z-index: 2;
}

header h1.logo img {
	color: transparent;
	
	z-index: 2;
}

header h1.logo-sticky-active img {top:8px !important;}




div.home-intro {
	background:#fff;
	margin-bottom: 0;
	overflow: hidden;
	padding: 20px 0 0 0;
	position: relative;
	text-align: left;
}

div.slider-container {background:transparent;}

.owl-pocetna {}
.owl-pocetna .owl-wrapper-outer {background: url(https://roblmarine.hr/slike/owl-poc-bg.png) 60px 20px no-repeat;}
.kontakt-foot-data {margin-left:40px;}
.main-label {margin-left:-100px !important;}

.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #002454;
    border-radius: 50%;
    display: block;
    height: 10px;
    margin: 4px;
    width: 10px; 
    opacity: 0.3; 
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {opacity:0.7}

.mega-menu-content {border-radius: 0px 0px 6px 6px;}

header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {color:#fff;}
header.flat-menu nav ul.nav-main li.active {}
header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {}
body.sticky-menu-active header.flat-menu nav ul.nav-main {}
header.flat-menu nav ul.nav-main li a {color: #002961 !important;; font-family:life savers, cursive; font-size:22px; padding: 8px 20px !important;; }
body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {}
header nav ul.nav-main li a {font-weight:600;}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
}

.bigtar2 {cursor:pointer; padding-top:10px; background:#efefef; transition: ease 1s;}
.bigtar2:hover {background:#dfdfdf;}
.detaljnija-h2 {color: #fff;font-size: 2em !important;margin:0 0 10px 0; font-weight: 400;text-align:left; text-decoration:none !important;}
.detaljnija-h2 a:link, h2.detaljnija-h2 a:visited {color: #000;}
.detaljnija-h2 a:active, h2.detaljnija-h2 a:hover {color: #78E0EF;}
.nomargin {margin:0 !important;}

section.page-top {
    background: #01ade6 url(https://roblmarine.hr/slike/header-bg.jpg) 0 0 no-repeat;
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
    min-height: 300px;
    padding: 20px 0;
    position: relative;
    text-align: left;}
.header-sve {font:italic 48px/60px Merriweather; float:left; color:#fff;}
.header-kupaonica {font:italic bold 66px/51px Merriweather; float:left; color:#fff;}


#content {}
.whitecontent {background:#fff;padding: 30px 50px;color:#282828; float:left;}

.detaljnija-h1 {color: #000; font-size: 2.4em !important;margin:0 0 20px 0; font-weight: 400;text-align: left;text-decoration: none !important;}
h1.detaljnija-h1 a:link, h1.detaljnija-h1 a:visited {color: #000;}
h1.detaljnija-h1 a:active, h1.detaljnija-h1 a:hover {color: #aaa;}
.novostipopis {height:380px; max-height:380px; overflow:hidden; cursor:pointer;}
.novostipopis h2 {margin:15px 0 10px 0; padding:0; font-size:18px; line-height:20px; color:#002454; font:italic 18px/20px Merriweather; font-weight:400;}
.novostipopis p {margin:0; padding:0; font-size:13px; line-height:22px; color:#fff;}
.thumbnail {

  background:#ffffff; background:rgba(255,255,255,0.2) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  padding:10px;
}
.thumbnail:hover {  background:#ffffff; background:rgba(255,255,255,0.3) !important;}		

.dobavljacipopis {height:230px; max-height:230px; overflow:hidden; cursor:pointer;}
.dobavljacipopis h2 {margin:15px 0 10px 0; padding:0; font-size:18px; line-height:20px; color:#002454; font:italic 18px/20px Merriweather; font-weight:400; height:2.2em; overflow:hidden;}
.dobavljacipopis p {margin:0; padding:0; font-size:13px; line-height:22px; color:#fff;}

.ostale-header {width:1170px; margin-top:-120px; z-index:2; position:absolute;}

.ostale-header h1 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#fff; font-style:italic; max-width:60%; height:50px; overflow:hidden;}

.ostale-header h3 {margin:10px 0 10px 0; font-weight:300; font-size: 40px; line-height: 50px; color:#fff; font-style:italic; max-width:60%; height:50px; overflow:hidden;}

.proizvod-h2 {margin:10px 0 10px 0; font-weight:300; font-size: 30px; line-height: 40px; color:#fff;}

.ostale-header .breadcrumb-novi {max-width:55%; overflow:hidden; height:26px;}

.breadcrumb-novi {color:#0268B2; background:#002961; list-style:none;padding-left: 0;font-size: 12px; font-family:arial; padding:5px 10px; border-radius:3px}
ul.breadcrumb-novi li {display:inline; color:#78E0EF;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; font-weight:bold; text-decoration: none; text-align:Center}
a.bijeli:hover {color: #78E0EF; text-decoration: none;}
a.darkblue:link, a.darkblue:visited, a.darkblue:active {color: #002454; text-decoration: none;}
a.darkblue:hover {color: #305484; text-decoration: none;}
a.logacc:link, a.logacc:visited, a.logacc:active {color: #8eb4e5; text-decoration: none; font-family:tahoma; font-size:11px;}
a.logacc:hover {color: #AED4FF; text-decoration: none;}	

div.slider-container {min-height:100px;}
.sadrzaj {margin:15px 0;}
.entry-detaljnije {text-align:justify; color:#141414;}

.entry-link-shop {border-radius:4px; background:#ffffff; background:rgba(255,255,255,0.3); padding:10px; border: 1px solid rgba(255,255,255,0.4); text-align:left;}

.entry-detaljnije table {border: 1px solid #fff;}
.entry-detaljnije tr:nth-child(odd) {background-color:rgba(255,255,255,0.2);}
.entry-detaljnije tr:hover {background-color:rgba(255,255,255,0.4);}
.entry-detaljnije th {padding:4px 8px;}
.entry-detaljnije td {padding:4px 8px;}


.entry-ind {text-align:justify; color:#fff; padding-bottom:30px;}

.smaller {padding:0; margin:0;}
.smaller-in {padding:0; margin:0;}

.smaller p, .smaller ul.nav_categories li {font-size:12px}
.smaller ul.nav_categories li {line-height:30px}
.smaller ul.nav_categories {list-style: none outside none;margin-bottom: 0;padding-left: 0;}
.smaller h4.smallerh4 {background:#002961; color:#FFFFFF; margin:0 0 10px; padding:4px 15px; font-family:life savers, cursive; font-weight:bold;font-size:1.4em;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.smaller h4.marginbottom2 {margin-bottom:2px}
.smaller h4.smallerh4 a:link, .smaller h4.smallerh4 a:visited, .smaller h4.smallerh4 a:active, .smaller h4.smallerh4 a:hover {color:#FFFFFF; display:block;}

.smaller-inside-cat {padding:0}
.smaller ul.nav_categories li:first-child {border-top: 0 none}
.smaller ul.nav_categories li {border-top: 1px solid #DDDDDD;display: block;}
.smaller ul.nav_categories li a {display: block;padding: 0 5px;}
.smaller ul.nav_categories li a:hover {background: none repeat scroll 0 0 #DDDDDD;display: block;padding: 0 5px;text-decoration: none;}

#izbornik-kosarica .link-izbornik {height: 46px; line-height: 20px; overflow: hidden; background-color:#fff !important; color:#ddd; border-radius: 4px; color: #777777;padding: 3px 8px;}
#izbornik-kosarica .link-izbornik:hover {background-color:#f4f4f4 !important;}
#izbornik-kosarica .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.42857 !important;
    margin-bottom: 0 !important;
    padding: 6px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
#izbornik-kosarica .btn-success {
    background-color: #5CB85C !important;
    border-color: #4CAE4C !important;
    color: #FFFFFF !important;
}
#izbornik-kosarica .btn-success:hover, #izbornik-kosarica  .btn-success:focus, #izbornik-kosarica  .btn-success:active, #izbornik-kosarica  .btn-success.active {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

.cartbg {
  background:#ffffff;
  border: 1px solid rgba(255,255,255,0.6) !important;
  border-radius:4px;
  padding-top:15px;
  padding-bottom:15px; 
}
.table {color:#555;}
ul.payment-steps {float:left; width:100%; margin-top:0; margin-bottom:30px; padding:0; list-style-type:none; background:#002961; border-bottom:1px solid #023373; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:25%; text-align:center; padding:10px 0; background:#023373; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#023E8C; font-weight:bold;}
ul.payment-steps li.active:after {background:#023E8C; border:solid #023E8C; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}

.input-mini {width: 60px;margin-top:2px; float:left; height:26px;}
.input-promocode {margin-top:2px; float:left; height:26px;}
.pay-steps {}

.control-group {
    margin-bottom: 9px;
    margin-left: 0px;
}

.control-group input {
    width:80%
}

.control-group select {
    width:80%;
    height:32px;
    padding:3px 10px;
    color: #333;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    outline: medium none;
}

.control-group input[type="text"], .control-group input[type="email"] {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.control-group input[type="text"]::-moz-placeholder,  .control-group input[type="email"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


legend + .control-group {
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #CC0000;
    color: #CC0000;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .well.error .help-block, .well.error .help-inline {
    color: #CC0000;
}
.help-block, .help-inline {
    color: #555555;
}
.help-block {
    display: block;
    margin: 0 0 10px;
}
.help-inline {
    display: inline-block;
    margin: 0 0 8px;
    padding-left: 5px;
    vertical-align: middle;
}
.well {
    background-color: #E9F3FA;
    border-radius: 4px;
    clear: both;
    display: block;
    margin-bottom: 30px;
    min-height: 20px;
    padding: 10px;
}
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
legend {margin-top: 20px; margin-bottom:10px; border:0; padding:6px 12px; background:#B8EFEF;border-radius: 4px; font-size:14px}




label {color:#000}
.istokao {width:80%}

div.shop {margin-top:0px;}

.product-thumb-info h4 {color: #000;
    font-size: 1.15em;
    font-weight: 400;
    height: 42px;
    line-height: 1.25em;
    overflow: hidden;
    text-align: center;
    font-weight: bold;}
div.shop ul.products li.product .price {min-height:80px; text-align:center}
.product-thumb-info-act-top > p {text-align:center; color:#000; padding:0 7px}
.product-thumb-info {background:none; border:none;}
.product-thumb-info:hover {background:none; border:none;}	
.product-thumb-info span.product-thumb-info-image:before {border-radius: 4px 4px 0 0;}
.product-thumb-info img {border-radius: 4px 4px 0 0; margin: 0 auto;}
.product-thumb-info-act-title {
    font-size: 18px;
    font-weight: bold; margin-bottom:20px; color:#000;
}



.imagebox {background:#F4F2F2; background:#F4F2F2 !important;  border: 1px solid rgba(255,255,255,0.4) !important; padding:10px; border-radius:4px;
}
.imagebox:hover {}

.product-thumb-info span.product-thumb-info-content {height:195px;}

div.shop ul.products li.product .onsale {height:70px; width:70px; line-height:20px; font-weight:600; background:#F11611; border-bottom-color:#8F0000}

.onsale > span {
    left: 0;
    position: absolute;
    right: 0;
    top: 24%;
}

div.shop ul.products li.product .price .amount {font-size:1.1em}


.notification {background: #ffffff;border:none !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:#2184c4;margin: 0;padding: 10px;font-size: 13px;line-height: 13px;font-weight: bold; color:#fff;}

/* --------------------------------------------------------	*/
/*	SuperNotice Notifications */
/* --------------------------------------------------------	*/

.superNotice
{
    position: absolute;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index:1000;
    margin-top: 70px;
}
.superNotice a.superNotice-close
{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: -4px;
    margin-top: 3px;
    background-image: url('https://roblmarine.hr/slike/close.png');
    background-repeat: no-repeat;
    outline: none;
}
.superNotice a.superNotice-close:hover
{
    opacity: 0.6;
}
.superNotice .superNotice-content a.superNotice-close
{
    margin-top: -6px;
    margin-right: -7px;
}
.superNotice .superNotice-content
{    
    clear: left;
    font-size: 14px;    
    line-height: 18px;
    padding: 12px;
    vertical-align: middle;
}
.superNotice .superNotice-content-table td {
    vertical-align: top;
}
.superNotice.default
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.superNotice.default .superNotice-header a.superNotice-close
{
    margin-top: 6px;
}
.superNotice.default .superNotice-content
{
    color: #000000;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
}
.empty-cart {float:left; background:url(https://roblmarine.hr/slike/empty-cart.jpg) 0 0 no-repeat; min-height:400px; width:100%;}
.empty-cart-de {float:left; background:url(https://roblmarine.hr/slike/empty-cart-de.jpg) 0 0 no-repeat; min-height:400px; width:100%;}
.go-shop {position:relative; top:196px; left:66px;margin-left: 0px;-webkit-transition: margin 1s ease;-moz-transition: margin 1s ease;-o-transition: margin 1s ease;-ms-transition: margin 1s ease;transition: margin 1s ease;}
.go-shop:hover {margin-left: 50px;}

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {border-top:5px solid #002353;border-radius: 0px 0px 6px 6px;}
header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {border-radius: 0 0 6px 6px;}

header div.header-top {text-align:right; padding:10px 0; min-height:42px; color:#8eb4e5}
header.clean-top div.header-top {background:#f0f0f0; margin-top:0; border-bottom: none;}
body.sticky-menu-active header {border-bottom:2px solid #2184C4}

div.shop .summary .price {font-size:1.5em}
div.shop ul.products li.product .price del {color:#fff; font-size: 0.9em;}
.entry-summary .price del {font-size: 0.9em; margin: -2px 0 0;}
div.shop .summary .price ins {text-decoration:none;}
div.tabs ul.nav-tabs li.active a {border-color:#fff;}


div.tabs div.tab-content {border-radius: 0 4px 4px 4px;}
.nav-tabs {border-bottom: 1px solid transparent;}

header nav ul.nav-main ul.dropdown-menu > li > a {}
.panel-title {font-size:12px;}
.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0}
.panel-group .panel + .panel {margin-top: -1px;}
.panel {background-color: transparent;}
.panel-default {border-color: rgba(0, 0, 0, 0);}
.panel-default > .panel-heading {background-color: #368ADD; border-color: rgba(0, 0, 0, 0);color: #fff; border-top:none !important}
.panel-heading {border-top-left-radius: 0;border-top-right-radius: 0;padding: 0;}
.panel-title {font-size: 14px;line-height: 24px;font-weight: 400;margin-bottom: 0;margin-top: 0;padding: 5px 7px;}
.panel-title > a {display: block;}
.panel-body {padding: 0}
.panel-body ul.nav_categories li:first-child {border-top: 1px solid #fff}
.panel-body ul.nav_categories li {border-top: 1px solid #fff;display: block;line-height: 20px;}
.panel-body ul.nav_categories li a {display: block;padding: 5px 5px;text-decoration: none; background:#F4F2F2; font-size:13px}
.panel-body ul.nav_categories li a:hover {background: #fff;display: block;text-decoration: none;padding: 5px 5px;}
.panel-group a {padding:0;}
.panel-group {margin:0;}

.tab-pane img {max-width:100%; height:auto !important;}
.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    background: none repeat scroll 0 0 #D0E9FC;
    border: 1px solid #BBDAF1;
    border-radius: 3px;
    color: #000000;
    font-size: 12px !important;
    margin: 0 4px 4px 0;
    padding: 1px 5px;
    text-decoration: none;
    display:inline-block;
}
a.tagovi:hover {
    background: none repeat scroll 0 0 #0066B3;
    border: 1px solid #015696;
    color: #000;
}
.play-izdv {
border-radius: 4px; background:#F4F2F2; text-align:center;
border: 1px solid #F4F2F2;
padding: 10px;
margin: 10px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}
.play-izdv:hover {
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.3);


}

.playaimg  {width:100%;}
.play-izdv-h3 {height:2.2em; overflow:hidden; margin-bottom:10px; font-size:1em; line-height:1.1em; color:#000 !important; text-align:center; color:#fff}
.play-izdv-txt {color:#fff; height:100px;}
.play-izdv-select {padding: 4px; height:30px;}

ul.ul-ref
{
    list-style-type: none;
    counter-reset: section;
    width:100%;
    font-size:13px;
    padding:0;
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.ul-ref li 
{

    position: relative;
line-height:20px;



}

ul.ul-ref li:before 
{
    counter-increment: section;
    margin: 0 0 0 -34px;
    text-align: right;
    width: 2em;
    display: inline-block;
    position: absolute;
    height: 100%;
}

ul.ul-ref li:hover {}
ul.ul-ref li a {display:block;}


.affix {
  width: 270px;
  position: fixed;

}
.affix-bottom {
  width:270px;
  position: absolute;
  top: auto;
}
.affix-top {
  width:270px;
    top: auto;
}

div.footer-copyright nav {
    float: none;
}

.zacijenu {font-weight:400; font-size:1.3em !important;}
header.flat-menu div.search {margin-top:45px; }
.line-height-30 {line-height:30px;}
header div.search input.search:first-child {border-radius:4px;}

header.flat-menu nav ul.nav-main li > a.topcat:link, header.flat-menu nav ul.nav-main li.dropdown:hover a.topcat {background-color: #F1F1F1 !important;} 
header.flat-menu nav ul.nav-main li > a.topcat:hover {background-color: #F4F4F4 !important;} 

.table-striped > tbody > tr:hover > td, .table-striped > tbody > tr:hover > th {background-color: #f0f0f0 !important;}

.smallertext {font-family:open sans; font-size:13px; color:#222222;float:left; width:100%; margin-bottom:30px;}
.h4-smaller {font-family: open sans,arial;
font-size: 36px;
font-weight: 100;
color: #000;
text-align: center;

text-transform: uppercase;
margin-bottom: 40px;
padding-bottom: 20px;
margin-top: 30px;

text-align: center;}
.smallergumb {background: none repeat scroll 0 0 #4fc560;
    font-family: open sans,arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;}
.subtext-btn {font-size:12px;}
.subtext-bold {font-family:open sans; font-weight:600; font-style:normal; font-size:17px;}
.plavitext {color:#0088cc;}
.smaller-icon {font-size:50px; float:left;}

.pocetna-naslov span {font-weight:bold; border-bottom: 1px solid #4fc560; padding-bottom:6px;}
.pocetna-naslov {padding-bottom:10px; border-bottom: 1px solid #d7d7d7;}


.pocetna-naslov2 span {font-weight:bold; border-bottom: 1px solid #0068b4; padding-bottom:6px;}
.pocetna-naslov2 {padding-bottom:10px; border-bottom: 1px solid #d7d7d7;}

.col-md-3.pocetna {
    text-align: center;
}
.col-md-3.pocetna:hover {cursor:pointer}

.col-md-3.pocetna p{
    text-align: center; color:#000; font-size:14px;
}

.sivi {background:url(https://roblmarine.hr/slike/sredina-bg.jpg); padding:30px 0}

.slika-boxes {}
.zeleni {}
.svijetloplavi {}
.plavi {}

.boxes-naslov {color:#fff; margin-bottom:0; margin-top:33px; line-height:30px}
.boxes-naslov span {font-family: life savers,cursive;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: lowercase;}

.col-md-6.zeleni > p {
color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    padding-top: 15px;
    text-align: center; 
font-style:italic
}

.col-md-6.zeleni p span {color:#fff; font-weight:bold; display:inline}

.col-md-6.svijetloplavi > p {
color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    padding-top: 15px;
    text-align: center;
font-style:italic
}

.col-md-6.svijetloplavi p span {color:#fff; font-weight:bold; display:inline}

.col-md-6.plavi > p {
color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    padding-top: 15px;
    text-align: center;
font-style:italic
}

.col-md-6.plavi p span {color:#fff; font-weight:bold; display:inline}

.col-md-6.zeleni {padding: 0 20px; 
width: 48%;
margin-right: 20px; text-align:Center}
.col-md-6.svijetloplavi {padding: 0 20px;
width: 45%;
margin-right: 20px; text-align:Center}
.col-md-6.plavi {padding: 0 20px;
width: 45%;
margin-right: 20px; text-align:Center}

.col-md-12.naslovni-tekst {text-align:center}
.ime-shopa {color:#000; font-size:36px}
.ime-shopa span {font-weight:bold}
.opis-shopa {color:#000; font-size:26px}

.opisni-tekst {
    color: #656565 !important;
    text-align: justify !important;
    width: 90%;
}

.tw {background:#40CDD7}
.fb {background:#3C5B9B}
.yt {background:#D03427}
.drustvene-tekst {color:#fff !important; text-align:left !important}

.slike-naslovna {margin:0 auto;}

.drustvene {
    list-style: none;
    display: inline-flex;}

#keywords {
    border-radius: 6px 0 0 6px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: none;
    color: #666;
    border-right: none;
}

#keywords::-webkit-input-placeholder {color: #666; font-size: 12px; }

#keywords:-moz-placeholder {color: #666 font-size: 12px; ;}

#keywords::-moz-placeholder {color: #666; font-size: 12px; }

#keywords:-ms-input-placeholder {color: #666; font-size: 12px; }

#keywords2 {
    border-radius: 6px 0 0 6px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: none;
    color: #666;
    border-right: none;
}

#keywords2::-webkit-input-placeholder {color: #666; font-size: 12px; }

#keywords2:-moz-placeholder {color: #666 font-size: 12px; ;}

#keywords2::-moz-placeholder {color: #666; font-size: 12px; }

#keywords2:-ms-input-placeholder {color: #666; font-size: 12px; }

#keywords3 {
    border-radius: 6px 0 0 6px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: none;
    color: #666;
    border-right: none;
    height:45px;
}

#keywords3::-webkit-input-placeholder {color: #666; font-size: 12px; }

#keywords3:-moz-placeholder {color: #666 font-size: 12px; ;}

#keywords3::-moz-placeholder {color: #666; font-size: 12px; }

#keywords3:-ms-input-placeholder {color: #666; font-size: 12px; }


.input-group-btn {float:right !important}
.input-group {float:left}

.search-form2 .input-group-btn {float:none !important}
.search-form2 .input-group {float:none !important}

.nav > li > a {padding:0 20px !important}

.col-md-4.kontaktirajtenasiva {float:right;margin-top: 33px;
text-align: right;}

.col-md-4.kontaktirajtenasiva span {font-weight:bold; color:#000}

.blue {background-color: #2184C4; border-bottom:2px solid #6DC7FD; width:50%}

.drustv {display: inline-block; margin-left:5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);}

.drustv:hover, .drustv:focus, .drustv:active {

}


.button-rotator {
font-size: 16px;
font-family: open sans, arial;
font-style: normal;
background: #4FC561;
padding: 10px 25px;
border-radius: 5px;
}

.tp-caption.top-label.lfl.stl.start {
    color: #000;
    font-family: open sans,arial;
    font-size: 55px !important;
    font-style: normal;
}

.tp-caption.main-label.sft.stb.start {
    color: #000;
}

.sticky-menu-active .col-md-4.kontaktirajtenas {
    display: none;
}


.sticky-menu-active .kontaktirajtenasiva {
    display: none;
}

.sticky-menu-active .search {
    display: none;
}

body.sticky-menu-active header.flat-menu .jeziciheader {
    display: none!important;
}

body.sticky-menu-active header.flat-menu .kosaricaheader {
    display: none!important;
}

.sticky-menu-active .nav-main.mega-menu {
    margin-top: 0;
}

.sticky-menu-active header.flat-menu nav ul.nav-main li a {
    padding: 5.5px 26px !important;
}

.plava {background:#2184C4; border-bottom:2px solid #6DC7FD}
.plava:hover {background:#6DC7FD; border:1px solid #6DC7FD}

.prozirni {background:transparent; border:1px solid #000; color:#000 !important}
.btn.btn-primary.btn-lg.prozirni {background-color:transparent !important; border:1px solid #000}

header.flat-menu nav ul.nav-main li:first-child {

}

.border-top-green {
    border-top: 1px solid #ddd;
}

.h1top {float:left; font-size:1.4em !important; margin-left:20px; margin-top:40px}

.blue2 {background: #0060b0; border:none;}
.blue2:hover {background:#6DC7FD}

.orange {background: #fd6a11; border:none; font-size:13px; text-transform:uppercase}
.orange:hover {background:#e25601}

.red {background:#D03427; border:none}
.red:hover {background:#D03427;}

.smaller-slike.img-responsive {
    float: left;
    margin-right: 7px;
    margin-bottom:30px;
}




.smaller-slike {

   
 display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.smaller-slike:hover {cursor:pointer;  -webkit-transform: scale(1.06);
  transform: scale(1.06);
-ms-transform: scale(1.06); /* IE 9 */
-o-transform: scale(1.06); /* Opera */
-moz-transform: scale(1.06); /* Firefox */}



.smaller-a {color:#000; font-weight:bold}
.smaller-a:hover {color:#000; text-decoration:none}
.naziv-proizvoda-smaller {
    font-size: 16px;
    font-weight: bold; margin-bottom:0
}

.h4-smaller2 {
    background: none repeat scroll 0 0 #002961;
    color: #fff;
    padding: 3px 10px;
    border-radius:3px;
    font-family: life savers,cursive;
    font-weight: 700;
}


.smalla1 {float:left;width:30%; height:50px; margin-bottom:30px; margin-right:7px}

.col-md-12.kontakt-info {
    background: none repeat scroll 0 0 #F9F9F9;
    margin-top: 30px; padding:20px
}

.lijeva.lista.pull-left {
    list-style: outside none none; margin-top:30px;
}

.lijeva.lista.pull-left span {
    color: #d03427; 
}

.desna.lista.pull-left {
    list-style: outside none none;margin-top:30px;
}

.desna.lista.pull-left span {
    color: #d03427;
}

.detaljnije-info {
    font-size: 1.8em;
    font-weight: 500;
    margin-bottom: 20px;
}

.h2-unik {
    color: gray;
    font-family: open sans,arial;
    font-size: 3em;
    font-weight: 600;
    border-bottom: 1px solid #BFBFBF; padding-bottom:10px; margin-bottom:10px;
}
.p-unik {

 
 
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 10px;
    text-align: left;
}

.a-unik {
    background: none repeat scroll 0 0 #0263b2;
    color: #fff;
    padding: 5px 10px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.a-unik:hover {color:#fff; text-decoration:none; background:#6DC7FD}

td {
    border-right: 1px solid #fff;
}

.kontakth2 {
    float: left;
    font-weight: 400;
    margin-top: 30px;
    width: 100%;
}

.marginbtm10 {margin-bottom:22px}

.crta-siva {height:1px; width:100%; background:#ECF1F4; float:left; margin-top:20px;}

.kontaktirajtenasiva {
    color:#002961;
    font-family: life savers,cursive;
    font-size: 18px;
    font-weight: 700;
    margin-top: 50px;
}

.kontaktirajtenasiva > span {
    color: #4d6a91;
    font-size: 16px;
    margin-right: 5px;
}

.marginleft20 {margin-left:20px}

.active > a {
    background: none repeat scroll 0 0 transparent !important;
}

#mainMenu a:hover {
    background: none repeat scroll 0 0 transparent;
}

.container.rotator {

    position: relative;
    z-index: 300;
}

.box-l {
    background: none repeat scroll 0 0 #fff;
    padding: 15px 0 0; width:100%; margin-right:20px; padding-bottom:15px; border-radius:4px; display:block;
}
.box-l:hover {cursor:pointer}
.box-d:hover {cursor:pointer}

.box-d {
    background: none repeat scroll 0 0 #fff;
    padding: 15px 0 0; width:100%; padding-bottom:15px; border-radius:4px; display:block;
}

.boxevi-naslov {
    color: #002961;
    font-family: life savers,cursive;
    font-size: 54px;
    font-weight: 700;
    margin-bottom: 20px;
}

.boxevi-tekst {
    font-size: 12px;
    line-height: 22px;  color: #002961; margin:0; padding:0;
}

.col-md-3.pocetna h2 {
    color: #fff;
    font-family: life savers,cursive;
    font-size: 32px;
    font-weight: bold;
    margin-top: 10px; margin-bottom:10px
}


.tekstbg {
    background: none repeat scroll 0 0 #00214e;
    text-align: center;margin-top: -10px;
    padding: 10px;min-height:250px
}

.tekstbg1 {background:#8F0000;margin-top: -10px;
    padding: 10px; min-height:250px}

.tekstbg1 > p {color:#fff !important}

.tekstbg > p {color:#90d2fd !important}

.manji {padding:0 100px}

.razdjelnica {
    float: left;
}

.footer-naslov {
    font-family: life savers,cursive;
    font-weight: 600; margin-bottom:20px
}

.col-md-3.footer1 img {
  
}

.form-control.imput-sm.marginbottom5.footer {
    float: left;
    width: 60%;
  border: 1px solid #000;color:#fff;
}

/*
.form-control.imput-sm.marginbottom5.footer::-moz-placeholder {
    color: #fff;
}


 .form-control.imput-sm.marginbottom5.footer::-webkit-input-placeholder{
    color: #fff;
}

.form-control.search::-moz-placeholder {
    color: #F0F0F0 !important;
    font-size: 12px; 
}

.form-control.search::-webkit-input-placeholder {
    color: #F0F0F0 !important;
    font-size: 12px;
}

*/

.form-control.imput-sm.marginbottom5.footer



.btn.btn-primary.blue.width100po.smallergumb.footer:hover {background:#3680BF}

.footer-lista {
    margin-left: 10px;
}

.footer-lista span {color:#fff}
.tekst-naslov {color:#549dcb}
.footer-lista a {color:#549dcb !important}
.footer-lista a:hover {text-decoration:none}

.footer-potpis2 {
    text-align: center; color:#fff; font-style:italic;
}

.sticky-menu-active .kontaktirajtenas {display:none}

.container.cont {
    background: none repeat scroll 0 0 #fff;

    position: relative;
    z-index: 200;
    border-radius:4px;
    padding-top:16px;
}

.plavi-link {
    font-family: life savers,cursive;
    font-size: 40px;
    font-weight: 700;
    color:#002961
}




.plavi-link:hover {text-decoration:none;color:#002961 }
.h1-ostale { font-size:30px; color:#65a6ff; font-family:life savers, cursive; font-weight:bold; padding:5px; margin:0}
.crta-siva2 {background:#ECF1F4; height:1px;float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;}

.plavi-button {background:#002961; padding:5px 10px; color:#fff}
.plavi-button:hover {color:#fff; text-decoration:none}

.form-control::-moz-placeholder{color:#002961;opacity:1}
.form-control:-ms-input-placeholder{color:#002961}
.form-control::-webkit-input-placeholder{color:#002961}

.gornji {
    font-size: 16px;
    
   float:left; width:100%; margin-bottom:15px; 
}


.donji {
    
    font-size: 18px;
    color:#002961;
    
     float:left;
}

.col-md-9 > form {
    margin-top: -20px;
}
tr {
    border-top: 1px solid gray;
}

.siva-crta {
    height: 1px;
    width: 100%;
    background: #999999;
    margin-bottom: 10px; margin-top:5px
}

div.tabs ul.nav-tabs li.active a {
    background: none repeat scroll 0 0 #fff !important;
    color: #000;

    padding: 5px 10px !important;
}

div.tabs ul.nav-tabs a {
    background: none repeat scroll 0 0 #d3d3d3;
    border-color: #d7f1ff;
    border-radius: 4px 4px 0 0;
    padding: 5px 10px !important;
    font-size: 15px;
    color: #000;
    border: none !important;
}

div.tabs ul.nav-tabs a:hover {background: none repeat scroll 0 0 #d3d3d3;
    border-color: #d7f1ff;
    border-radius: 4px 4px 0 0;

    font-size: 15px;
    color: #000;
    border: none !important;}

.table-responsive.tablica-proizvod table {
    width: 800px !important;
}

.table-responsive.tablica-proizvod > tr {border-top:none !important}


.tablica-proizvod td {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #D7F1FF;
    padding: 5px; color:#000
}


.tab-content {
    color: #000;
}

.ikonica-aw {
    color: #000;
}

.tab-content h5 {
    color: #000;
}

.form-control.drugi {border:1px solid #ddd; background:#eee; padding:5px 20px}

.paddingvideo {padding:20px}

.naslov-videa {
    font-size: 20px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
float: left;
    width: 100%;
}

.video-opis {
    color: gray;
}

.video-pocetni-opis {
    padding: 0 20px; font-size:17px;
}

.shorter.proizvod-h2 {
    color: #000;
    font-weight: bold;
}

.nobold {
    font-size: 20px !important;
    font-weight: normal;
    color: #000 !important;
}

.font-14 span {
    font-size: 14px !important;
  }

.font-14 {text-align:center}
.crni {color:#000 !important; font-weight:bold}

.jeziciheader {float:right; position:relative; top:110px; margin-left:10px;}
.kosaricaheader {float:right; position:relative; top:105px; color:#002961; font-size:12px; line-height:1.4em; width:auto !important; min-width:165px;}
.kosaricaheaderslika {float:left; margin:0 5px 0 0}

.newsletterforma {
    text-align: center;
}


.izdvojeno-naslov {
    font-size: 14px;
    padding-top: 10px;
    color: #000;
    font-weight: bold;
}

.add_to_cart_function.dodaj-u-kosaricu {
    color: #fff;
    background: #002961;
    border: none;
    width: 40px;
    height: 36px; background:url(https://roblmarine.hr/slike/kosarica-mala.jpg) #002961; padding:8px !important;
 margin-left: -15px;

}


.vise-o-proizvodu {
 background: #2184C4; 
    color: #fff;
    float: left;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    transition: all 500ms ease 0s;
    padding:0 45px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.vise-o-proizvodu:hover {color:#fff }

.vise-o-proizvodu-de {
 background: #2184C4; 
    color: #fff;
    float: left;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    transition: all 500ms ease 0s;
    padding:0 25px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.vise-o-proizvodu-de:hover {color:#fff }

.add_to_cart_function.dodaj-u-kosaricu:hover {background:url(https://roblmarine.hr/slike/kosarica-mala.jpg) 0 100%;}


.vise-o-proizvodu-2 {
background: none repeat scroll 0 0 #2184c4;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    transition: all 500ms ease 0s;
    padding: 5px 10px;
  
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.vise-o-proizvodu-2:hover {color:#fff; background:#002961 }

.tanji {
    font-weight: 400;
    color: #000;
}


.img-responsive.app-slika {
    float: left;
    margin-left: 30px;
    border-radius: 10px;
    margin-top: 10px;
}

.active > a:focus {background:transparent !important}


.ustedjeliste {font-size:16px; color:#8F0000}

.accordion-toggle.dubina2.collapsed {
    padding-left: 20px;
    background: #F4F2F2; font-size:15px;
}

.accordion-toggle.dubina2 {
    padding: 3px 0 3px 20px;
    background: #F4F2F2;
}

.nav_categories.dubina3 a {
    padding-left: 40px !important;
}

.dubina2 {
    padding: 3px 0 3px 20px !important;
    background: #F4F2F2; font-size:15px;
}

.depth3surf {padding-left:30px !important}


.borderbottom1 {border-bottom:1px solid #fff}

.vise-opcija-2 {background: none repeat scroll 0 0 #2184c4;
    color: #fff;
    
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 0 45px;
    transition: all 500ms ease 0s; border:none; border-radius:unset}


.vise-opcija-2:hover {color:#fff}


a.vise-o-proizvodu-2:hover {background: none repeat scroll 0 0 #2184c4 !important;}
a.vise-o-proizvodu-2:active {background: none repeat scroll 0 0 #2184c4 !important;}
a.vise-o-proizvodu:hover {background: none repeat scroll 0 0 #2184c4 !important;}
a.vise-o-proizvodu:active {background: none repeat scroll 0 0 #2184c4 !important;}

#mainMenu a:active {background:transparent}
#mainMenu a:focus {background:transparent }

ul.sub-menu a:active {
    background: #fff !important;
}
ul.sub-menu a:focus {
    background: #fff !important;
}

.accordion-toggle.dubina2 {
    color: #000 !important;
}

.accordion-toggle.dubina3 {
    color: #000 !important;
}

.dubina2.borderbottom1 {
    color: #000 !important;
}

.padding-rl15 {padding-left:30px; padding-right:30px}

.summary.entry-summary > p {
    color: #000;
    font-size: 14px;
}

.amount.darkbluetext.zacijenu {
    color: #000 !important;
}

.one a {
    color: #000 !important;
    font-size: 16px;
}

.two a {
    color: #000 !important;
    font-size: 16px;
}

.app-naslov {
    font-size: 20px;
    color: #000;
}

.img-responsive.img-rounded.manjesl2 {
    border: 1px solid #F4F2F2;
}

/*
.col-md-9.kategorije li {
   background: none repeat scroll 0 0 #002961;
    float: left;
    list-style: outside none none;
    margin-bottom: 30px;
    margin-right: 60px;
    text-align: center;
    width: 22.3%;
    margin-left: -40px;
}

.col-md-9.kategorije li:hover {cursor:pointer}

.col-md-9.kategorije li a {
    font-family: life savers, cursive;
    color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; height:50px; padding-top:20px;
}
*/
.col-md-9.kategorije ul {padding:0}
.col-md-9.kategorije li {

    list-style: outside none none;
    text-align: center;
    margin-bottom:20px;
}

.col-md-9.kategorije li:hover {cursor:pointer}

.col-md-9.kategorije li a {
    font-family: life savers, cursive;
    color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; height:50px; padding-top:20px;
}



.kategorijagw {
    
    height: 230px;
    padding:5px;
    width: 100%;
    margin-bottom:10px

}


.kategorijagw2 {
    
   background: none repeat scroll 0 0 #002961;
}

/*
.col-md-9.kategorije li:nth-child(even) {
    background: #5f5f5f;
}
*/

/*
.col-md-9.kategorije2 li {
   background: none repeat scroll 0 0 #002961;
    float: left;
    list-style: outside none none;
    margin-bottom: 30px;
    margin-right: 60px;
    text-align: center;
    width: 22.3%;
    margin-left: -40px;
}

.col-md-9.kategorije2 li:hover {cursor:pointer}

.col-md-9.kategorije2 li a {
    font-family: life savers, cursive;
    color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; height:50px; padding-top:20px;
}
*/

.col-md-9.kategorije2 ul {padding:0}
.col-md-9.kategorije2 li {
    list-style: outside none none;
    text-align: center;
    margin-bottom:20px;
}

.col-md-9.kategorije2 li:hover {cursor:pointer}

.col-md-9.kategorije2 li a {
    font-family: life savers, cursive;
    color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; height:50px; padding-top:20px;
}



/*
.col-md-9.kategorije2 li:nth-child(even) {
    background: #2c9048;
}
*/

.col-md-6.kontakt {color:#000}

.btn.btn-primary.blue.width100po.smallergumb.footer {
border: 1px solid #000;
    border-radius: 5px;
    font-size: 14px;
    
    height: 33px;
    line-height: 20px;
    margin-left: 10px;
    width: 35%;
}

.dropdown-toggle:hover {
    cursor: pointer;
}

.blue3 {background-color: #002961 !important}
.gray3 {background-color:#5F5F5F !important}
.green3 {background-color:#2C9048 !important}

#ustedjelistediv {color:#000}

.add_to_cart_function.btn.btn-lg.crveni.btn-success.margintop10.marginright10 {background:#8F0000; border:none }
.add_to_cart_function.btn.btn-lg.crveni.btn-success.margintop10.marginright10:hover {background:#9B0D0D !important}

.btn.btn-primary.blue.width100po.smallergumb.footer:hover {
    background: #2C7CCD !important;
}

.dropdown-toggle:hover {
    cursor: default;
}






#slidebox {width:1200px; max-width: 90%; max-height:630px;padding:0;background: #fff;border:0;z-index:10000; position:fixed; top:200px; right:20%; padding:15px; box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.7);}



a.closepopup {background:#fff url(https://roblmarine.hr/slike/zatvori.png) no-repeat center center;position:absolute;cursor:pointer; top:0; right:0; opacity:1 !important; padding:5px; height:30px; width:30px;}
a.closepopup:hover {background:#fff url(https://roblmarine.hr/slike/zatvori2.png) no-repeat center center;  }



.store_product_out_of_stock {display:none}


.novo-shop, .topseller-shop, .bestprice-shop {
    color: #fff;
    position: absolute;
    top: 0;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 800;
    z-index: 99;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.2em;
    letter-spacing: -1px;
}

.novo-shop {
    background: #E30613;
}

.topseller-shop {
    background: #00157B;
}

.bestprice-shop {
    background: #007B6A;
}

.star-icon {
	font-size: 1.1em;
    top: 0px;
    position: relative;
    color: yellow;
}

div.slider-container {margin-top:20px; margin-bottom:30px;}
.webshopikonapoc {position: absolute; display: inline-block; top: -65px; left: 70%;}
.poc-box-blue {padding:40px 40px 20px 40px; background:#00214e; position:relative; min-height:290px;}
.poc-box-blue-naslov {font-size:36px; color:#fff; font-family: life savers,cursive; font-weight:700;}
.poc-box-blue-text {font-size:13px; font-weight:300; color:#fff;}
#footer {padding-top:30px}



header div.search button.btn-default {
    border: 1px solid #ddd;
    background: #fff;
}

#productDescription, #Specifikacije, .entry-detaljnije  {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.footpayment {height:40px; width:auto; margin-right:5px; margin-bottom:5px;}

.at-resp-share-element .at-share-btn {background:transparent !important;}
.addthis_sharing_toolbox {display:inline-block;}

.drustvenefooter {display:inline-block; position:relative; top:-18px; height:46px;}
.drustvenefooter .footeremail {font-size:20px; display:inline-block; position:relative; top:0; transition:0.4s ease}
.drustvenefooter:hover .footeremail {position:relative; top:-4px;}

.drustvenefooter .footerikona {display:inline-block; position:relative; top:0; transition:0.4s ease}
.drustvenefooter:hover .footerikona {top:-4px;}

.h1-ostale .drustv {padding:2px 4px; border:1px solid #ddd; width:36px; background:#fff;}

#footer .drustvene li {display:inline;}

.tamnoplava {color:#003399}

.aplikacijediv {display:table}
.aplikacijeslika {display:table-cell; vertical-align:middle; width:100px;}
.aplikacijenaslov {display:table-cell; vertical-align:middle; padding: 0 20px;}

.btnsearch {color:#003399}
.revolutionSlider {font-family:Merriweather; font-style:italic}
.rot-slogan {width:100%; height:100%}


/* 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 {width: 100%;text-align: center;margin: 1em 0 2em 0;background: #242424;padding: 0;border: 0;font-size: 12px;color: #eee;}
.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; }


.euro-cijena {display: block;font-size: 0.9em;line-height: 20px;color: #000;}
.euro-cijena-lt {text-decoration: line-through;color: #868686;}
.euro-cijena-det {font-size: 0.9em;line-height: 20px;}
.cijena-right .euro-cijena-lt {color: #C4C4C4;}
.euro-cijena-cart {color: #666;font-size: 0.7em;}
.pce {font-size: 0.7em;}
.echead {display: inline-block;}