/* Add here all your CSS customizations */

.left {float:left;}
.right {float:right;}

.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}

.m-auto {margin-left: auto;margin-right: auto;}

.margintop5 {margin-top:5px}
.margintop15 {margin-top:15px}
.marginbottom15 {margin-bottom:15px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginbottom0 {margin-bottom:0 !important}
.marginbottom50 {margin-bottom:50px}
.marginright15 {margin-right:15px}
.marginright25 {margin-right:25px}

.margintop50 {margin-top:50px;}
.marginbottom-50 {margin-bottom:-50px;}

.opacity40 {opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}
.opacity40:hover {opacity:1.0;filter:alpha(opacity=100); /* For IE8 and earlier */}

.hidden {display:none}

.logokavo {width:auto; height: auto;}
.logo-mio {position:absolute; top:24px; left:30px;}
.logo-mamamio {position:absolute; top:10px; left:20px;}

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

a.narancasti:link, a.narancasti:visited, a.narancasti:active {color: #FF9800 !important; text-decoration: none;}
a.narancasti:hover {color: #cf6201 !important; text-decoration: none;}


/* 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; }


body {
	background-color: #f3ebe7 !important;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

#header {
	background: #fff !important;
	border-top: 5px solid #fff !important;
	font: 300 24px 'Open Sans' !important;
}

#header > .container {
	height: 100px;
	margin-bottom: -35px;
	position: relative;
	display: table;
	max-width: 1170px;
}

.featured-box1 {background-color: #FF9800; cursor:pointer}
.featured-box1:hover {opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */}
.featured-box1 p {color:#fff !important; font: 300 14px 'Open Sans'; line-height:22px; padding:0; margin:0;}
.featured-box1-vidiproizvode {width:100%; height:65px; text-align:center; background:#e18600; color:#fff; font: italic 300 24px 'Open Sans'; line-height:65px; padding:0; margin:0;}
.featured-box2 {background-color: #CC0066; cursor:pointer}
.featured-box2:hover {opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */}
.featured-box2 p {color:#fff !important; font: 300 14px 'Open Sans'; line-height:22px; padding:0; margin:0;}
.featured-box2-vidiproizvode {width:100%; height:65px; text-align:center; background:#b6005b; color:#fff; font: italic 300 24px 'Open Sans'; line-height:65px; padding:0; margin:0;}
.featured-box3 {background-color: #69463F; cursor:pointer}
.featured-box3:hover {opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */}
.featured-box3 p {color:#fff !important; font: 300 14px 'Open Sans'; line-height:22px; padding:0; margin:0;}
.featured-box3-vidiproizvode {width:100%; height:65px; text-align:center; background:#5b3a34; color:#fff; font: italic 300 24px 'Open Sans'; line-height:65px; padding:0; margin:0;}


.featured-box-proizvod {background-color: #e8ddd9; cursor:pointer}
.featured-box-proizvod:hover {opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */}
.featured-box-proizvod p {color:#000 !important; font: 13px Arial, sans-serif; line-height:22px; padding:0; margin:0;}

.featured-box h3, .featured-box h2 {font-size: 16px; letter-spacing:0; margin:0 0 15px 0; text-transform:none; font-weight: 400; line-height:24px;}

.pisanitextpoc {font-family: 'Alex Brush', cursive; font-size:28px; color:#000; text-align:center; padding:0; margin:50px 0 0 0}

.dodatninaslov {margin-top:-10px; margin-bottom:10px; color:#9b8783; font-size:14px;}


.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 3px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.heightformafooter {height:100px;}
.kontaktinformacije {margin-bottom:30px;}
#footer .kontaktirajtenas a.btn {color: #fff !important;}
.btn-primary:active, .btn-primary:focus {border-color: #e4299a;background-color: #e4299a;}


#footer h1 {font-size:14px; float:left; color: #000 !important; font-family: Arial, sans-serif !important; line-height: 22px; padding:0; margin:0 30px 0 0; text-transform:uppercase; letter-spacing:1px;}
#footer h2 {font-size:14px; float:left; color: #000 !important; font-family: Arial, sans-serif !important; line-height: 22px; padding:0;}

#navigationmio {float:right; width:auto; font-size:16px; font-weight:300; margin-top:20px; clear:both; margin-bottom:30px;}
#navigationmio ul {margin:0; padding:0}
#navigationmio ul li {list-style-type:none; display:inline}
#navigationmio li a {float:left; padding:5px 7px; margin:0 10px; color:#000; text-decoration:none}
#navigationmio li a.aktiv {border-bottom:1px solid #ca0767}
#navigationmio li a:hover {border-bottom:1px solid #ca0767}


.miopocetnatext h2 {font-size:30px; margin-top:50px; margin-bottom:15px;}
.miopocetnatext p {font-size:16px !important; line-height:30px !important; color:#222 !important; font-weight:300;}

.blincpress {float:left; margin:0 10px 10px 0; border:1px solid #000;}
.musse-slike {float:left; width:92px; height:110px; overflow:hidden; background:#ececec; text-align:center; margin:0 10px 10px 0; font-size:12px;}
.baza-slike {float:left; width:92px; height:120px; overflow:hidden; background:#ececec; text-align:center; margin:0 10px 10px 0; font-size:12px;}

.bijelapodloga {background:#fff; padding:30px 30px; 0 30px;}

/* Tablica */
.tablica {width:100%; text-align:left; border-collapse:collapse; margin-bottom:15px;}
.tablica th {font-weight:bold; padding:8px; background:#CC0066; border-top:4px solid #b3005a; border-bottom:1px solid #ddd; color:#fff}
.tablica td {padding:8px; background:transparent; border-bottom:1px solid #ddd; border-top:1px solid transparent}
.rozi-red {font-weight:bold !important; text-transform:uppercase !important; padding:8px !important; background:#fcdaef !important; border-top:1px solid transparent; border-bottom:1px solid #fcdaef !important;}
.rozi-red p {}
.tablica tr:hover td {background:#f5f5f5;}
.tablica p {margin:0; padding:0;}
.tablica, .tablica th, .tablica td {vertical-align:top !important;}



div.st_horizontal div.st_view_container{position:relative;z-index:5;height:277px;padding:20px 20px 23px;border:1px solid #fff;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;padding:0}
div.st_horizontal div.st_view p{margin:14px 0 10px 0;padding:0; line-height:24px}

.tabs ul.nav-tabs a:focus {
	background: #b3005a !important;
}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #dea4ce; border-radius:2px; padding:0 4px; background:#F1CBE4; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {border:1px solid #b3005a; background:#cc0066; color:#fff}
.poveznice {margin:0; pading:0;}

.proizvodi-kolicina {color:#000; font-size:12px; margin:0 0 20px 0}
.proizvodi-podnaslov {color:#f0860f; font: 300 22px 'Open Sans' !important; margin:0 0 20px 0;}
.proizvodi-dodataknaslovu {color:#f0860f; font: 300 22px 'Open Sans' !important; margin:0 0 10px 0;}

span.sivaslova {color:#888 !important;}













@media (min-width: 992px) {
.formafooter {margin-left:20px; width:400px;}
.kontaktinformacije {text-align:right; padding-right:20px; margin-bottom:0;}
.kontaktinformacije p {font-size:16px; font-weight:300; color:#555; line-height: 40px !important;}
.kontaktinformacije h4 {text-align:right}
.kontaktirajtenas {padding-right:20px; margin-bottom:0;}
.kontaktirajtenas p {font-size:16px; font-weight:300; color:#555; line-height: 40px !important;}
}

@media (max-width: 991px) {
#footer h1 {float:none !important; margin-right:0 !important;}
#footer h2 {float:left !important;}
}


@media (max-width: 600px) {
#navigationmio {float:left !important; width:auto; font-size:14px; font-weight:300; margin-top:50px !important; clear:both; margin-bottom:10px !important;}
#navigationmio ul {margin:0; padding:0}
#navigationmio ul li {list-style-type:none; display:inline}
#navigationmio li a {float:left; padding:3px 0; margin:0 5px; color:#000; text-decoration:none}
#navigationmio li a.aktiv {border-bottom:1px solid #ca0767}
#navigationmio li a:hover {border-bottom:1px solid #ca0767}
}

.fejkporuka {width:0;height:0;overflow:hidden}