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: url("https://azop.hr/slike/background.png") center center no-repeat fixed;*/ height:100%; font:normal 12px "Arial", sans-serif; color:#930; text-align:left;
background-size:cover; overflow-x: hidden;}

* {
	margin: 0px;
	padding: 0px;
}

h1 {font-size: 35px; color: #000; font-weight: normal}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 22px; color: #000; font-weight: normal; margin: 0 0 10px 0}

h4 {
	font-size:16px;
	text-align: center;
	color: #D71A21;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	font-family: "Arial", sans-serif;
	margin-right: 0px;
	margin-left: 5px;
	padding-right: 0px;
	padding-left: 10px;
}

h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.h4naslov {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	background-color: #666;
	color: #FFF;
	font-weight: normal;
	/*height: 25px;*/
	width: 760px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}

.h4obavijesti {
	font-size:16px;
	text-align: left;
	color: #D71A21;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	font-family: "Arial", sans-serif;
	margin-right: 0px;
	margin-left: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}

h6 {
	padding-left: 10px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 35px;
}

.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}
.clear50 {clear: both; height: 50px}

.slika {margin:0; padding:0px; border:3px solid #ddd}
.slika-lijevo {float:left; margin:5px 15px 3px 0; padding:0; border:3px solid #ddd}
.slika-desno {float:right; margin:5px 0 3px 15px; padding:0; border:3px solid #ddd}
.slika-lijevo-br {float:left; margin:5px 15px 3px 0; padding:0; border:0}
.slika-desno-br {float:right; margin:5px 0 3px 15px; padding:0; border:0}
.slika-proizvodi-m {float:left; margin:0 3px 3px 0; padding:0; border:1px solid #ddd}
.slika-proizvodi-m2 {float:left; margin:0 9px 9px 0; padding:0; border:3px solid #ddd}
.slika-referenci {border: 1px solid rgb(221, 221, 221);height: 190px;padding: 5px 10px;width: 190px;}

.znacajke {width:260px; float:right; background:#dff4fe; border-radius:6px; padding:20px; margin:0 0 0 20px; font-size:14px; font-style:italic; line-height:1.5em;}

.lijevo {float:left}
.desno {float:right; width: 140px;}
.none {display:none !important}

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

.zooml {float:left; position:relative}
.zooml span {display:block; background:transparent url(https://azop.hr/slike/full2.png) 0 0 no-repeat; width:32px; height:32px; position:absolute; right:30px; top:20px}

.zoomd {float:right; position:relative}
.zoomd span {display:block; background:transparent url(https://azop.hr/slike/full2.png) 0 0 no-repeat; width:32px; height:32px; position:absolute; right:30px; top:20px}

a:link {color: #026198; text-decoration: none;}
a:visited {color: #026198; text-decoration: none;}
a:active {color: #026198;}
a:hover {color: #3499d4; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #666; text-decoration: none;}
a.sivi:hover {color: #aaa; text-decoration: none;}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #bfe5f5; border-radius:2px; padding:0 4px; background:#D2F2FF; float:left; margin:0 4px 4px 0}
a.tagovi:hover {border:1px solid #015c89; background:#006BA0; color:#fff}

/*ul {list-style-type:disc; margin:20px 0 0 20px}*/
p {margin:0 0 10px}



#wrapper {margin-right: auto;  margin-left: auto; width:980px;}
#bijeli {width:1160px; background: #fff url("https://azop.hr/slike/pocetna-sadrzaj-dolje.png") top left no-repeat; float:left;
-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}

#header {float:left; width:975px; padding:0; height: 90px;}
#header h1 {margin:77px 0 0 0; padding:0; font-family: 'Archivo Narrow', sans-serif; font-size:32px; font-weight:400; color:#004376; line-height:1em; text-align:right;}
#logo {float:left}
#top-link {display:none; position:fixed; right:5px; bottom:5px; color:#fff; font-weight:bold; text-decoration:none; border:1px solid #222; background:#444; padding:10px}

#navigation {float:left; width:auto; background:#eff0f0}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:none; display:inline}
#navigation li a {float:left; padding:5px 10px; color:#666; text-decoration:none; border-right:1px solid #e5e6e6}
#navigation li a.aktiv {background:#86c4e0; color:#fff;}
#navigation li a:hover {background:#86c4e0; color:#fff;}

.pocetna-sadrzaj {width:980px; /*height:976px;*/ position:relative;}
.pocetnabox-d {float:left; width:386px; height:280px; position:relative; cursor:pointer;}


.pocetnabox-traka {
	background-color: #003366;
	height: 25px;
	color: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	border: thin solid #666;
	font-weight: bold;
	padding-top: 10px;
	/*padding-bottom: 12px;*/
	position: relative;
	top: -10px;
}

.pocetnabox-1 {
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	background-color: #CCC;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	width: 370px;
	padding-top: 10px;
	margin-top: 10px;
	height: 428px;
	border: thin solid #999;
}

.pocetnabox-2 {
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	background-color: #CCC;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	width: 405px;
	padding-top: 10px;
	margin-top: 10px;
	height: 428px;
	border: thin solid #999;
	margin-bottom: 5px;
}

.pocetnabox-3 {
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	background-color: #CCC;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	width: 370px;
	padding-top: 10px;
	margin-top: 10px;
	height: auto;
	border: thin solid #999;
}

.pocetnabox-4 {
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	background-color: #CCC;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	width: 405px;
	padding-top: 10px;
	margin-top: 10px;
	height: auto;
	border: thin solid #999;
}


.pocetnabox-dolje {
	text-align: left;
	clear: none;
	font-size: 14px;
	color: #000;
	height: auto;
	width: 83%;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	border: thin solid #CCC;
	margin-top: -80px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	/*margin-left: 5px;*/
}

.pocetnabox-dolje2 {
	text-align: left;
	clear: none;
	font-size: 14px;
	color: #000;
	height: auto;
	width: 100%;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	border: thin solid #CCC;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	/*margin-left: 5px;*/
}



.pocetnabox-desno {
	width: 157px;
	float: right;
	margin-left: 0px;
	border: thin solid #CCC;
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 5px;
	margin-top: 10px;
}


.pocetnabox-s {background: url("https://azop.hr/slike/trakica.png") 0 0 no-repeat;}
.pocetnabox-d {background: url("https://azop.hr/slike/trakica.png") 0 0 no-repeat;}
.krug {position:absolute; top:-55px; left:130px; z-index:2000}


.pocetna-sadrzaj-dolje {
	width: 940px;	
	margin-bottom: 0px;
	text-align: left;
	clear: none;
	font-size: 14px;
	color: #000;
	height: 120px;
	width: 780px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	border: thin solid #CCC;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: left;
	
}
.poclijevo {float:left; width:565px; background:transparent; margin:35px 0 0 0; position:relative;}
.pocdesno {float:left; width:595px; background:transparent; margin:30px 0 0 0; cursor:pointer;}
.pocslika {position:absolute; top:0; left:-70px; width:260px; cursor:pointer;}
.pocsadrzaj {float:right; width:335px; cursor:pointer;}
.pocsadrzaj h3 {margin:0 0 20px 0; padding:0; font-family: 'Archivo Narrow', sans-serif; font-size:32px; font-weight:400; color:#006fad; line-height:1em;}
.pocsadrzaj h3 a:link, .pocsadrzaj h3 a:visited, .pocsadrzaj h3 a:active {color:#006fad; text-decoration: none;}
.pocsadrzaj h3 a:hover {color:#2c97d3; text-decoration:none;}
.podnaslov {margin:0 0 12px 0; padding:0; font-family: 'Archivo Narrow', sans-serif; font-size:22px; font-weight:400; color:#86c4e0; line-height:1em;}
.pocsadrzaj p {font-size:14px; line-height:1.6em}

#content-container {float:left; width:1160px; background-color:#fff}
#content {float:left; width:880px; padding:20px 0; margin:0 0 0 30px;}
#content-siri {float:left; width:1100px; padding:20px 0; margin:0 0 0 30px;}
#content-full {float:left; padding:20px 30px 30px 30px}
.content-siri-lijevo {width:300px; float:left}
.content-siri-desno {width:770px; float:right}

#socialsaddthis {position:absolute; top:10px; right:0;}
.entry {line-height:1.5em; font-size:13px; margin:0 0 30px 0; /*position:relative; clear:both;*/ padding: 10px;}
.entry h3 {font-family: "Arial", sans-serif; font-size:32px; font-weight:400; color:#006fad; line-height:1em; margin:0 0 15px 0; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#006fad; text-decoration: none;}
.entry h3 a:hover {color:#006fad; text-decoration:none;}
.entry p {margin:0 0 1.2em 0}
.entry ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px; font-size: 14px;}
.entry ul li{background-image:url("https://azop.hr/slike/entry-lista.png");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:5px 0; font-family: "Arial", sans-serif;}
.entry ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry ol li {margin:5px 0}
.entry h4 {color:#D71A21; font-size:16px; font-weight: bold; font-variant: normal; text-transform: none; font-style: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  line-height: 1em;  margin: 0 0 15px 0;  text-shadow: 1px 1px 1px rgba(0,0,0,.15);}

#main a:hover {color: #D71A21;}


.entry-index {line-height:1.5em; font-size:13px; margin:0 0 30px 0; /*position:relative; clear:both*/}
.entry-index p {margin:0 0 1.2em 0}
.entry-index ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px; font-size: 14px;}
.entry-index ul li{background-image:url("https://azop.hr/slike/entry-lista.png");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:5px 0; font-family: "Arial", sans-serif;}
.entry-index ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry-index ol li {margin:5px 0}




.bloguvod {line-height:1.5em; font-size:13px; margin:0 0 0 0; position:relative; clear:both; cursor:pointer; padding:15px 15px 10px 15px; border-bottom:1px solid #eee;}
.bloguvod h3 {font-family: "Arial", sans-serif; font-size:28px; font-weight:400; color:#006fad; line-height:1em; margin:0 0 15px 0; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.bloguvod h3 a:link, .bloguvod h3 a:visited, .bloguvod h3 a:active {color:#006fad; text-decoration: none;}
.bloguvod h3 a:hover {color:#006fad; text-decoration:none;}
.bloguvod p {margin:0 0 1.2em 0}
.bloguvod ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.bloguvod ul li{background-image:url("https://azop.hr/slike/entry-lista.png");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:5px 0}
.bloguvod ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.bloguvod ol li {margin:5px 0}
.bloguvod:hover {background-color:#eee; border-radius:3px 3px 3px 3px}

.blogdatum {float:right; background:#006fad; color:#fff; font-size:11px; padding:3px 10px; border-radius:2px;}

.entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}

.proizvodiuvodl, .proizvodiuvodd {float:left; width:260px; height:440px; padding:0; overfloW:hidden; cursor:pointer}
.proizvodiuvodl {margin:0 20px 20px 0;}
.proizvodiuvodd {margin:0 0 20px 0;}
.proizvodiuvodl h3, .proizvodiuvodd h3 {width:240px; height:24px; padding:6px 10px 0 10px; background:#014e89 ;font-family: 'Archivo Narrow', sans-serif; font-size:16px; font-weight:400; color:#fff; line-height:1em; margin:0; text-shadow:1px 1px 1px rgba(0,0,0,.15); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.proizvodiuvodl h3 a:link, .proizvodiuvodd h3 a:link, .proizvodiuvodl h3 a:visited, .proizvodiuvodd h3 a:visited, .proizvodiuvodl h3 a:active, .proizvodiuvodd h3 a:active {color:#fff; text-decoration: none;}
.proizvodiuvodl h3 a:hover, .proizvodiuvodd h3 a:hover {color:#fff; text-decoration:none;}
.proizvodi-text {clear:both; background:#bfe7f9; padding:15px; height:120px; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:1.5em}

.paginationw {float:right;}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:10px 10px; border:solid 1px #B6B6B6; background:#9c9c9c;}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 40px; color: #fff !important;}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#D71A21; color: #fff;}

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

#smaller {float:right;width:190px; padding:66px 0; margin:0 30px 0 0; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif;}
#smaller h4 {font-family:"Arial", sans-serif; font-weight:400; font-size:28px; color:#22b2dc; margin:0; padding:0 0 15px 0; line-height:1em;}
#smaller h4 a:link, #smaller h4 a:visited, #smaller h4 a:active, #smaller h4 a:hover {color:#22b2dc; text-decoration: none;}
#smaller a:link, #smaller a:visited, #smaller a:active {color:#22b2dc; text-decoration:none;}
#smaller a:hover{color:#22b2dc; text-decoration:underline;}
.small-box {margin:0 0 15px 0; line-height:1.5em}
.small-box p {padding:0 0 15px 0}
.small-box ul{list-style-type:none;padding:2px 10px 10px 10px;margin:0;}
.small-box ul li{background-image:url("https://azop.hr/slike/small-lista.gif");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:0 0 3px 0}
.small-box ol {margin:0; padding:2px 10px 10px 30px; list-style-type:decimal;}
.small-box ol li {margin:0 0 3px 0}

#trazilica {float:right; width:210px; height:30px; margin:21px 11px 0 0; color:#fff !important;}
.search-d {width:30px; height:30px; float:right; cursor:pointer; position: relative; top:-32px; left: -6px; }
.search-l {float:right; background: url("https://azop.hr/slike/search-l.png") top right no-repeat; border:none; width:160px; height:30px; line-height:30px; margin:0; font-family:Arial; font-size:12px; color:#fff; padding:0 10px}

#breadcrumb {width:100%; height:32px; border:0; color:#888; padding-left:10px; overflow:hidden}
#breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#888}
#breadcrumb img {float:left}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#888; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover {color:#444; text-decoration:none; line-height:32px; float:left; border:0}

#breadcrumbd, #breadcrumbdpoc {height:32px; border:0; color:#808387; padding:0; overflow:hidden; clear:both; position:relative;}
#breadcrumbd {top:0 !important}
#breadcrumbdpoc {top:-30px}
#breadcrumbd h5, #breadcrumbdpoc h5 {clear:both; font-size:11px; line-height:32px; margin:0; color:#808387; font:normal 11px/32px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif;}
#breadcrumbd img, #breadcrumbdpoc img {float:left}
#breadcrumbd a:link, #breadcrumbdpoc a:link, #breadcrumbd a:visited, #breadcrumbdpoc a:visited, #breadcrumbd a:active, #breadcrumbdpoc a:active {line-height:32px; margin:0; color:#808387; font:normal 11px/32px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; text-decoration:none; float:left; border:0}
#breadcrumbd a:hover, #breadcrumbdpoc a:hover {color:#575a5d; text-decoration:none; line-height:32px; float:left; border:0}

#footer {background:#e5e6e6; padding:20px 30px 30px 30px; margin:5px 0 0 0; color:#808387; position:relative; font:normal 11px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.footer-crta {clear:both; margin:15px 0}
.foot-potpis {float:right}

.footerpoc {
	/*width: 980px;*/
	color: #000;
	/*padding-left:3000px;
	padding-right:3000px;
	margin-left:-3000px;
	margin-right:3000px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(https://azop.hr/slike/bg_footer.png);
	/*padding-left: 3000px;
    padding-right: 3000px;
    margin-left: -3000px;
    margin-right: 3000px;*/
		
}


.footerpoc li {
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 30px;
	/*width: 980px;*/
margin:0 22px 0 0;
	}
	

.footerpoc a {
	font-size: 14px;
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 25px;
	text-decoration: underline;
	padding-left: 10px;
}



.footer-crtapoc {clear:both; position:relative; top:-20px}

#socials {position:absolute; top:0px; right:45px; z-index:30000}
#rss {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-rss.png") top left no-repeat; margin:0 5px 0 0}
#rss:hover {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-rss.png") bottom left no-repeat; cursor:pointer;}
#twitter {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-twitter.png") top left no-repeat;margin:0 5px 0 0}
#twitter:hover {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-twitter.png") bottom left no-repeat; cursor:pointer;}
#facebook {width: 42px; height:42px; float: left;background: url("https://azop.hr/slike/socials-facebook.png") top left no-repeat;margin:0 5px 0 0}
#facebook:hover {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-facebook.png") bottom left no-repeat;cursor: pointer;}
#google {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-google.png") top left no-repeat;margin:0 5px 0 0}
#google:hover {width:42px; height:42px; float:left; background: url("https://azop.hr/slike/socials-google.png") bottom left no-repeat; cursor:pointer;}


.kontakt-lijevo {float:left; width:400px;}
.kontakt-desno {float:left; width:670px; margin:0 0 0 30px}

/* Kontakt forma */
.kontaktforma, .notification {width:100%}

.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://azop.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://azop.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {width: 97%; margin:0; padding:12px; height:auto; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative}
.contactForm label {font-size:12px; 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; -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.2) 0 1px 2px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 2px inset; -o-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 2px inset; box-shadow:rgba(0, 0, 0, 0.2) 0 1px 2px inset}
.contactForm input:focus, 
.contactForm textarea:focus {background:#dafdce}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://azop.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://azop.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}

/* 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:#00508B; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#d7eef8; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}

.tablica{width:100%; text-align:left; border-collapse:collapse; margin:0 0 10px 0}
.tablica th{font-weight:bold; padding:5px 10px; background:#00518B; border-top:4px solid #00345C; border-bottom:1px solid #fff; color:#fff}
.tablica td{padding:5px 10px; background:#dff4fe; border-bottom:1px solid #fff; color:#000; border-top:1px solid transparent}
.tablica tr:hover td{background:#C4E9FA; color:#000}


.tablica-temperatura {width:100%; text-align:left; border-collapse:collapse; margin:0 0 10px 0}
.tablica-temperatura th{font-weight:bold; padding:5px 10px; background:#fff; border:1px solid #ccc; color:#000}
.tablica-temperatura td{padding:5px 10px; background:#ddd; border:1px solid #fff; color:#000; border-top:1px solid transparent}
.crvena {background:#EA5A63 !important;}
.zuta {background:#EEF686 !important;}
.zelena {background:#3BC68E !important;}

.tablica-logotipi {width:100%; text-align:left; border-collapse:collapse; margin:0 0 30px 0}
.tablica-logotipi th{font-weight:bold; padding:5px 10px; border:1px solid #ddd; background-color:#ddd; }
.tablica-logotipi td{padding:5px 10px; border:1px solid #ddd; background-color:#FFFFFF; }

/* Mega izbornik */
/*#mega-navigation {width:980px; height:55px; float:left; background: url("https://azop.hr/slike/menu_bg.png"); margin-top: 20px;}*/

.menu{
	width:980px;
	border:none;
	border:0px;
	font-weight:bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	margin-top: 20px;
	height: 55px;
	background-image: url("https://azop.hr/slike/menu_bg.png");
	padding-left:3000px;
	padding-right:3000px;
	margin-left:-3000px;
	margin-right:3000px;
}


.menu ul{
	height:50px;
	list-style:none;
	color: #CCC;
	width: 980px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}


.menu li{
	float:left;
	font-weight: bolder;
	color: #999;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
}
.menu li a{
	color:#000;
	display:block;
	font-weight:bold;
	text-align:left;
	font-size: 16px;
	padding-right: 8px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	height: 25px;
	padding-left: 3px;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFF;
	line-height: 40px;
}



.menu li a:hover{
	line-height: 40px;
	font-weight: bold;
	border-top-width: thin;
	border-bottom-width: thin;
	color: #D71A21;
	border-right-width: thin;
	border-left-width: thin;
}

.menu ul li:hover a{
	color:#666;
	text-decoration:none;
	line-height: 40px;
	font-weight: bolder;
}
.menu li ul{
	display:none;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:500px;
	z-index:200;
	color: #D71A21;
}
.menu li:hover ul{
	display:block;
	line-height: 40px;
	border-top-color: #C03;
	border-right-color: #C03;
	border-bottom-color: #C03;
	border-left-color: #C03;
	color: #666;
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:405px;
}
.menu li:hover li a{
	background-color: #333;
	background-image: none;
	color: #FFF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #C03;
	border-right-color: #C03;
	border-bottom-color: #C03;
	border-left-color: #C03;
}
.menu li ul a{
	display:block;
	height:35px;
	font-size:14px;
	margin:0px;
	text-align:left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;
	color:#C03;
	text-decoration:none;
	-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .8);
	-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .8);
	box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .8);
}














ul.mega-container{width:1100px; padding:0 0 0 30px; margin:0; float:left;}
li.mega{list-style-type:none; float:left; padding:27px 0 14px 0; margin:0 -2px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; position:relative; z-index:10px}
li.mega.mega-active {color:#fff; border:0; background-image:url(https://azop.hr/slike/menu-active.png); background-position:0 0;}
li.mega:hover{background-image:url(https://azop.hr/slike/menu-hover-02.png); background-position:bottom center; background-repeat:no-repeat;}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{color:#FFF; text-decoration:none; font:normal 15px open sans; display:inline-block; padding:0 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
li.mega a.mega-tab:hover {color:#fff; text-decoration:none; font:normal 15px open sans; display:inline-block; padding:0 15px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://azop.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; font-family: "Open Sans", Arial, sans-serif; display:none; padding:0; position:absolute; top:98%; left:-1px; border:1px solid #00355D; border-top:none; text-align:left; color:#222; font-size:13px; z-index:6; display:none; background:#00355D; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
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; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:1px 1px 0px 1px !important; z-index:10000 !important; min-width:250px;}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px; }
.mega-menu li a{background-color:#00355D; padding:10px 10px; display:block; color:#fff; text-decoration:none; font-weight:normal; text-shadow:none; margin-bottom:-10px; margin-left: 10px; margin-top: 10px; margin-right: 10px; /*border-color: #175a8d !important;*/ border-bottom: 1px; border-style: solid; }
*+html .mega-menu li a{padding:10px 10px; margin-bottom:.15em }
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://azop.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#00699F;}
.mega-menu li{position:relative; padding-bottom: 10px; border-right: 1px solid #fff; /*margin-right: 12px;*/ padding-left: 12px;}
.mega-menu li:hover >ul{display:block !important;}
.mega-menu li >ul{background:#00699E; width:175px; padding:7px 9px 3x;  -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%}


/*ROTATOR*/
/*.slider {width:980px !important; height:290px !important; padding-left:3000px;padding-right:3000px; margin-left:-3000px; margin-right:3000px;  background-image: url(https://azop.hr/slike/slider_bg.png);}*/
.slider-movie-example {width:600px;height:300px;color:#808387;padding:0;position:absolute;top:90px;left:80px;font-size:14px;line-height:24px; cursor:pointer}
.slider-movie-example h4 {font-family: 'Archivo Narrow', sans-serif; font-size:32px; font-weight:400; color:#01a5d5; line-height:1em; margin:0;padding:0 0 10px 0}
.slider-movie-example h4 a:link, .slider-movie-example h4 a:visited, .slider-movie-example h4 a:active {color:#01a5d5; text-decoration: none;}
.slider-movie-example h4 a:hover {color:#48c2e6; text-decoration:none;}

.slider-movie-example ul{list-style-type:none;padding:0px;margin:0 0 1.2em 15px;}
.slider-movie-example ul li{background-image:url("https://azop.hr/slike/entry-lista.png");background-repeat:no-repeat;background-position:0px 7px; padding-left:14px;margin:0}
.slider-movie-example ol {margin:0 0 1.2em 30px; list-style-type:decimal;}
.slider-movie-example ol li {margin:0}

.jquery-slider-wrapper {position:relative;clear:both;zoom:1; width: 980px !important; height: 290px !important;}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display: none;float:left;overflow:hidden;position:absolute;bottom:90px;right:30px;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://azop.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://azop.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:18px;top:16px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(https://azop.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://azop.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}

.rota .jquery-slider-navigation {display:none;}

.jquery-slider-navigation-prev {background:url(https://azop.hr/slike/nazad.png) no-repeat 0 0;left:-2px;top:50%;position:absolute;cursor: pointer;width:60px;height:55px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {background:url(https://azop.hr/slike/naprijed.png) no-repeat -3px 0;right:-10px;top:50%;position:absolute;cursor: pointer;width:60px;height:55px;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:10px;right:10px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(https://azop.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:0;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(https://azop.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://azop.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://azop.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://azop.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(https://azop.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://azop.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(https://azop.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://azop.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*/

.wt-scroller{position:relative; display:block; font-family:Arial,Helvetica,sans-serif; background-color:#220e21; 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://azop.hr/js/wt-scroller/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(https://azop.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:#881467; background:-moz-linear-gradient(top,#881467 0%,#500847 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#881467),color-stop(100%,#500847)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#881467',endColorstr='#500847',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:#eb94cc; background:-moz-linear-gradient(top,#eb94cc 0%,#db6bb3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eb94cc),color-stop(100%,#db6bb3)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb94cc',endColorstr='#db6bb3',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://azop.hr/js/wt-scroller/circle.png); background-repeat:no-repeat}
.wt-scroller .index{background-position:0 0; cursor:pointer}
.wt-scroller .index-hl{background-position:-7px 0; cursor:default}

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





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


#back-to-top {
	display:none;
	position:fixed; 
	bottom:20px; 
	right:20px;
	height:40px;
	width:40px;
	cursor:pointer;
	background:#01518d;
	line-height:1em;		
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-image:url(https://azop.hr/slike/triangle.png);
	background-position: 12px 16px;
	background-repeat:no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity:0.8;
	z-index:2;
}

#back-to-top:hover {
	background-color:#018dc7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity:0.8;
}





.formaupitnik ul {list-style: none;}
.formaupitnik ul li{background-image:none !important;background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:0}
.duzi {font-size:16px; font-weight:normal; margin-bottom:10px; margin-top:10px; color: #000; display:block;}
.width300 {width:300px !important}







/*SLIDER*/
div.slider-container {max-height: auto;

/*-webkit-box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);
box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);*/

}
.slider-naslov {font-family: 'Source Sans Pro', sans-serif; color:#0e2248; font-size:42px; font-style:italic; font-weight:400}
.slider-podnaslov {font-family: 'Source Sans Pro', sans-serif; color:#1279c7; font-size:34px; font-style:italic; font-weight:200}
.slider-text {font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size:16px;white-space: normal !important;width: 425px; font-style: italic;}

.slider-container {margin-bottom: 0px !important;}


.traka-ispod-slidera {
background-image: url(https://azop.hr//slike/traka-ispod-slidera.png);
width: 980px;
height: 30px;
padding-top: 10px;
margin-bottom: 10px;
padding-left:3000px;
padding-right:3000px;
margin-left:-3000px;
margin-right:3000px;
}

.traka-ispod-slidera li {
	display: inline;
	padding-right: 40px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: bold;
	width: 980px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
	color: #000;
	}

.traka-ispod-slidera li a {
	color: #efefef;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bolder;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
	margin-left: 5px;
	text-align: right;
}

#main {
	width: 760px;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #FFF;
	-moz-box-shadow:0.5px 0.5px 2px #222;
	-webkit-box-shadow:0.5px 0.5px 2px #222;
	box-shadow:1px 1px 3px #222;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: thin solid #CCC;
	margin-top: 10px;
	padding: 10px;
}

#main2 {
	width: 100%;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #000;
}

.obavijesti {
	font-size: 15px;
	font-family: "Arial", sans-serif;
	/*width: 345px;*/
	text-align: left;
	/*font-weight: normal;*/
	margin-left: 3px;
	margin-right: 3px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F06;
	border-right-color: #F06;
	border-bottom-color: #D71A21;
	border-left-color: #F06;
	color: #000;
	padding: 10px;
	background-color: #CCC;
	box-shadow: 0px 0px 2px #888;
}

#main p {
	text-align: justify;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	/*padding: 5px;
	margin: 10px;*/
}
#main a {
	text-align: right;
	color: #009;
	font-size: 14px;
	/*margin-left: 10px;*/
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#main p a u {
	font-size: 16px;
}

.trazilica{background-color: #cfcfcf; 
    font-size: 12px; 
    border: 1px solid #838383; 
    /*text-transform: uppercase;*/
    margin-top: 0px; 
    color: #000 !important; 
    letter-spacing: 1px; 
    padding: 8px 5px;
    width: 210px;
    /*height: 17px;*/
    font-family: Arial, sans-serif;
    background-size: 20px 20px;
    background-position-x: 190px;}

.trazilica-s {border-radius: 5px;}

.search {margin-top: 15px; float: right;margin-bottom: -10px;}

.traka-ispod-slidera a:visited {
	color: #efefef;
	font-weight: bolder;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
}

.traka-ispod-slidera a:hover {
	color: #D71A21;
}

.jezici li {display: inline;}

.jezici { display: inline-block; width: 100%;text-align: center;}

.ukratko-index {padding-left: 10px;}

.desno-link {float: right; text-decoration: underline !important; padding-right: 15px;}

a.linkroz:hover {color: #D71A21 !important;}
a.linkroz:link {color: #009;}

.jezici li a:link {font-weight: 600; color: #000;}
.jezici li a:hover {color: #D71A21 !important;}
.jezici li a:visited {color: #000;}

.form-control {
  display: block;
  width: 100%;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 20px;
}

a.logotipi-smaller {margin-right: auto; margin-left: auto;}

img.strelica-izbornik {position: relative; top: 3px;}

.dokumenti-preuzimanje {background: none repeat scroll 0 0 #f5f5f5;border-bottom: 1px solid #ccc;padding: 8px; font-family: "Arial", sans-serif;}

span.preuzmite-dok {color: #777; font-family: "Arial", sans-serif; font-weight: 600;}

.dokumenti-preuzimanje a {font-size: 13px !important;}

.h1bread, .h1bread2 {
	font-size: 21px;
	padding-left: 10px;
	font-family: "Arial", sans-serif;
	color: #D71A21;
	text-transform: uppercase;
}

a.opsirnije-link {font-size: 11px; text-transform: uppercase; font-weight: 600; font-style: italic;}

span.datum-objave {font-weight: 600; font-size: 14px;}

.button-search {z-index: 2;  background: url('https://azop.hr//slike/search_icon.png') #cfcfcf right center no-repeat;}

.forma-polje {width: 45%; float: left;}

.forma-polje1 {width: 45%; float: left; margin-right: 40px;}

.forma-polje-text {width: 95.5%; float: left;}

.pretraga-entry {box-shadow: 0px 0px 9px #888; background-color: #fff; padding: 13px 6px;font-size: 13px;line-height: 1.5;padding-top: 12px;margin-bottom: 20px;}

.pretraga-ukratko {padding-left: 10px; padding-right: 10px;}

.pocetnabox-3 .pocetnaboxtext {height: 90px;}
.pocetnabox-4 .pocetnaboxtext {height: 90px;}

.pocetnabox-3 .obavijesti {height: 89px;}
.pocetnabox-4 .obavijesti {height: 89px;}

.toggle-secondary section.tabovi-uvjet label {
	-moz-border-radius: 8px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 8px;
	-webkit-transition: all .15s ease-out;
	background: #dedede;
	border-left: 3px solid #d71a21;
	border-radius: 0px;
	color: #000;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	transition: all .15s ease-out;
}