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 */
body {font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444; text-align:left}
h1 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
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 15px 0}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}
.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}
.clear40 {clear: both; height: 40px}
.clear111 {clear: both; height: 111px}
.clear171 {clear: both; height: 171px}
.slika {float:left; margin:0 0 10px; padding:2px; border:1px solid #444}
.slika-lijevo {float:left; margin:0 10px 10px 0;}
.slika-desno {float:right; margin:0 0 10px 10px;}
.lijevo {float:left}
.desno {float:right}
.none {display:none !important}
.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}
.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(http://vodneusluge-bj.hr/slike/full.png) 0 0 no-repeat; width:26px; height:28px; position:absolute; right:3px; top:3px}
a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:active {color: #000;}
a:hover {color: #0082d6; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #6f6752; text-decoration: none;}
a.sivi:hover {color: #a29267; text-decoration: none;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #ddd !important; text-decoration: none;}
a.crni:link, a.crni:visited, a.crni:active {color: #313131; text-decoration: none;}
a.crni:hover {color: #666 !important; text-decoration: none;}
a.plavi:link, a.plavi:visited, a.plavi:active {color: #0082d6; text-decoration: none;}
a.plavi:hover {color: #a3c9ea!important; text-decoration: none;}
a.tamnosivi:link, a.tamnosivi:visited, a.tamnosivi:active {color: #444444 !important; text-decoration: none;}
a.tamnosivi:hover {color: #777777 !important; text-decoration: none;}
a.foot:link, a.foot:visited, a.foot:active {color: #76c5fe; text-decoration: none;}
a.foot:hover {color: #fff; text-decoration: none;}
a.slidy:link, a.slidy:visited, a.slidy:active {color: #CCE5F8; text-decoration: none;}
a.slidy:hover {color: #a3c9ea !important; text-decoration: none;}
a.det-link:link, a.det-link:visited, a.det-link:active {color: #0082D6; text-decoration: none; float:right; font-style:italic;}
a.det-link:hover {color: #A3C9EA; text-decoration: none;}
a.poc-vise:link, a.poc-vise:visited, a.poc-vise:active {color: #3197D3; text-decoration: none; float:right; margin:10px 10px 0 0; font-size:11px;}
a.poc-vise:hover {color: #838383!important; text-decoration: none;}
/*ul {list-style-type:disc; margin:20px 0 0 20px}*/
p {margin:0 0 10px}
input.btn {float: left;}
.opac95 {opacity:0.95;}
.header-outer {margin:0 auto; min-width: 1140px; padding:10px 0 0 0; z-index:1001; width: 100%; height:157px; border-top:4px solid #0051a6; border-bottom:1px solid #ddd; position:fixed;background:#fff;
-webkit-box-shadow: 1px 0px 9px 0px rgba(185, 185, 185, 0.5);
-moz-box-shadow: 1px 0px 9px 0px rgba(185, 185, 185, 0.5);
box-shadow: 1px 0px 9px 0px rgba(185, 185, 185, 0.5);
}
.header-vijesti {float:left; padding: 10px 0 10px 0; margin: 0 0 12px 0; border-bottom:1px solid #ddd; width:1150px;}
.header2 {width:1150px; margin: 0 auto;}
.header-logo {float:left;}
.header-kosarica-small, .header-myaccount {margin-right:40px;}
.header-nav {width:710px; margin:0; padding:0; float:right;}
.header-nav ul li {list-style-type:none; float:left;}
.header-nav ul li a {font-family: open sans; font-weight:400; text-shadow:1px 1px 1px rgba(0,0,0,.15); font-size:18px; padding:10px 15px;}
.header-nav ul li a:hover {color: #0082d6;}
a.act {color:#0082d6;}
.poc-nasl {font-size: 30px; color: #005bab; font-family: open sans; font-weight:400; margin: 50px 0 10px 0; text-transform:uppercase;}
.poc-nasl img {float:left; margin:3px 15px 0 0;}
.poc-nasl a {color: #005bab;}
.poc-nasl a:hover {color: #838383;}
.boxes-wrapper {float:left;}
.span3column1, .span3column2, .span3column3, .span3columnkat { color:#3197d3;
float:left; width:356px; background:#75bee9; height:174px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s;
box-shadow:0px 1px 9px 0px rgba(117, 190, 233, 0.4);
}
.span3column1:hover, .span3column2:hover, .span3column3:hover, .span3columnkat:hover {background-color:#dbdbdb; color:#838383; box-shadow:0px 1px 9px 0px rgba(27, 52, 77, 0.4);}
.span3column1 {margin:10px 10px 10px 0; background-image:url(http://vodneusluge-bj.hr/slike/opskrba-bg.png); background-position: 100% 100%; background-repeat:no-repeat;}
.span3column1:hover {background-image:url(http://vodneusluge-bj.hr/slike/opskrba-bg-h.png);}
.span3column2 {margin:10px; background-image:url(http://vodneusluge-bj.hr/slike/odvodnja-bg.png); background-position: 100% 100%; background-repeat:no-repeat;}
.span3column2:hover {background-image:url(http://vodneusluge-bj.hr/slike/odvodnja-bg-h.png);}
.span3column3 {margin:10px 0 10px 10px; background-image:url(http://vodneusluge-bj.hr/slike/procisc-bg.png); background-position: 100% 100%; background-repeat:no-repeat;}
.span3column3:hover {background-image:url(http://vodneusluge-bj.hr/slike/procisc-bg-h.png);}
.span3columnkat {margin:10px 50px 40px 0; background-image:url(http://vodneusluge-bj.hr/slike/kat-bg.png); background-position: 100% 100%; background-repeat:no-repeat;}
.span3columnkat:hover {background-image:url(http://vodneusluge-bj.hr/slike/kat-bg-h.png);}
.span3column-title {font-family:Arial; font-size:20px; line-height:50px; height:50px; overflow:hidden; display:block; padding-left:20px; width:286px; background: #fff; float:left; text-transform:uppercase;}
.span3column-title span {font-size:11px; float:right; margin-right:10px; text-transform:none;}
.span3column-title-kat {font-family:Arial; font-size:15px; line-height:50px; height:50px; overflow:hidden; display:block; padding-left:10px; width:296px; background: #fff; float:left; text-transform:uppercase;}
.span3column-title-kat span {font-size:11px; float:right; margin-right:10px; text-transform:none;}
.span3column-text {color:#2f3b8d; font-size:15px; line-height:24px; font-weight:400; font-family:open sans; width:330px; float:left; height:120px; overflow:hidden; margin: 10px 0 30px 0;}
.poc-drugi-red
{
float:left; width:356px; height:174px;
-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s;
box-shadow:0px 1px 9px 0px rgba(117, 190, 233, 0.4);
}
.poc-drugi-red:hover {box-shadow:0px 1px 9px 0px rgba(27, 52, 77, 0.4);}
.drugired-slika {border:1px solid #fff;float:left;}
.drugired-text {width:152px; height:124px; padding:15px 15px 0 15px;overflow:hidden;font-family:open sans; font-size:13px;float:left;}
.drugired-vise {width:152px; height:20px; padding:0 0 15px 0; float:left;}
.drugired-naslov {color:5b5c59; font-family:"open sans"; font-size:17px;line-height:18px;width:154px; height:39px; overflow:hidden; margin: 0 0 10px 0;}
.bigtar {cursor:pointer}
.gmap-frame {float:left; width:100%; border-top:5px solid #dbdbdb;}
.google-map {float:left; width:100%; height:400px;}
.gmap-small {float:left; width:278px; border:1px solid #dbdbdb;}
.google-small {float:left; width:278px; height:298px;}
#wrapper {margin:0 auto; width:1150px; background:#fff}
#header {float:left; width:1150px; background:#ccc;}
#header h1 {margin:0}
#logo {float:left}
#back-to-top {background: url("http://vodneusluge-bj.hr/slike/triangle.png") no-repeat scroll 12px 16px #bad0f7;border-radius: 2px 2px 2px 2px;bottom: 50px;cursor: pointer;display: none;height: 40px;line-height: 1em;opacity: 0.9;position: fixed;right: 20px;width: 40px;z-index: 2;}
#back-to-top:hover {background-color:#AAC0E7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity:0.9;}
#navigation {float:left; width:1150px; background:#333}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:none; display:inline}
#navigation li a {float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff}
#navigation li a.aktiv {background:#383}
#navigation li a:hover {background:#383}
#content-container {float:left; width:1150px; background-color:#fff; padding:0 0 20px 0;}
#content {float:left; width:820px; padding:20px 0; min-height:300px;}
.entry {float:left; line-height:20px; font-size:14px; padding:0 10px 10px 10px; border: 1px solid transparent; width:800px; margin: 0 0 40px 0; text-align:justify;}
.entry h3 {font-family: open sans; font-size:22px; text-transform:uppercase; font-weight:400; color:#005BAB; line-height:20px;}
.entry h3 a:link {color: #005BAB; text-decoration: none;}
.entry h3 a:visited {color: #005BAB; text-decoration: none;}
.entry h3 a:active {color: #005BAB;}
.entry h3 a:hover {color: #0082D6; text-decoration: none;}
.entry-index {float:left; line-height:20px; font-size:14px; padding: 10px 10px 0 10px; margin: 0 0 40px 0; border: 1px solid #efefef; width:800px; margin: 0 0 40px 0; text-align:justify;}
.entry-index h3 {font-family: open sans; font-size:22px; text-transform:uppercase; font-weight:400; color:#005BAB; line-height:20px;}
.entry-index h3 a:link {color: #005BAB; text-decoration: none;}
.entry-index h3 a:visited {color: #005BAB; text-decoration: none;}
.entry-index h3 a:active {color: #005BAB;}
.entry-index h3 a:hover {color: #0082D6; text-decoration: none;}
.entry-index-ispod {font-family:open sans; font-size:15px; line-height:30px; height:30px; padding:0 10px; margin-left:-10px; margin-top:20px; width:100%; background: #efefef; float:left;}
.entry-index-ispod span {font-size:11px; float:right; margin-right:10px;}
.dokumenti {width:760px; border-radius:3px; background:#dddddd; padding:20px; margin:20px 0; float:left;}
.dokumenti h4 {color:#444444;}
.objavljeno {font-size:15px; font-family:open sans; color:#444444;}
.entry-slika {margin: 0 20px 20px 0; float:left;}
.entry ol {padding:0 0 0 25px}
.entry ol li {padding:0 0 1px 0}
.entry ul {padding:0 0 0 25px; list-style-type:circle;}
.entry ul li {padding:0 0 1px 0}
.entry a:link, .entry a:visited, .entry a:active {color: #0082d6; text-decoration: none;}
.entry a:hover {color: #a3c9ea; text-decoration: none;}
.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}
.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
color:#005bab !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #eeeeee;
color:#444444 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #cccccc;
border-color: #cccccc;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #005bab;
color:#ffffff !important;
}
.pagination > .active > a {
border-color: #005bab;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #005bab;
border-color: #005bab #005bab #005bab;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.pagination > .active > a:hover {
border-color: #005bab;
background-color: #005bab;
}
.pagination > .active > a:active,
.pagination > .active > a:focus {
border-color: #005bab;
background-color: #005bab;
}
.missing-link-btn {position:absolute; bottom:0; right:0}
.google-karta {float:left; margin:0; width:100%; height:600px}
#smaller {float:right;width:280px; padding:20px 0 20px 20px; display:inline; font-size:13px; line-height:17px;
border-left:1px solid #ddd;}
#smaller h4 {font-size: 16px; color: #000; font-family: open sans; font-weight:600; margin: 0 0 5px 0; line-height:20px; float:left; width:280px;}
#smaller h4 a {padding:10px; float:left; width:260px; color:#ffffff; background-color:#75BEE9;}
#smaller h4 a:hover {color:#005bab;}
#smaller ul {list-style-type:none; padding:2px 0; float:left; font-family: open sans; font-weight:400; font-size:12px; width:280px;}
#smaller ul li {width:280px; margin:0 0 5px 0; float:left;}
#smaller ul li a {display:block; color:#333; padding: 4px 10px; background-color:#fafafa;}
#smaller ul li a:hover {background-color:#D4E4F2;}
.smallact {background-color:#D4E4F2 !important}
.kat-li {background-color:#F4F4F4!important; font-size:13px;}
a.smaller-l:link, a.smaller-l:visited, a.smaller-l:active {color: #0082d6; text-decoration: none; font-size:13px; padding: 5px 5px; display:block;}
a.smaller-l:hover {color: #a3c9ea; text-decoration: none;}
.newsle {background:#efefef; border:none; padding:10px; border-radius: 3px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; color: #333333 !important; font-family: Arial; font-size: 12px; margin-bottom: 12px; padding: 10px; width: 93%; }
.newsle:focus {background:#E9F3FA}
#trazilica {float:right; width:205px; height:36px}
.search-d {width:36px; height:36px; float:right; cursor:pointer;}
.search-btn {float-left; margin:0; height:36px; border:none !important; width:34px; padding:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit specific CSS */
.search-btn{ height:34px; }
}
.search-l {float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;width:148px; height:34px; line-height:34px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px;border: 1px solid #005cab; border-right:none;}
.oko-bread {width:100%; min-width:1150px; background:#000 url("http://vodneusluge-bj.hr/slike/bg-top.jpg") top center no-repeat;}
.oko-bread-vodoopskrba {width:100%; min-width:1150px; background:#000 url("http://vodneusluge-bj.hr/slike/vodoopskrba-usluga-bg-top.jpg") top center no-repeat;}
.oko-bread-odvodnja {width:100%; min-width:1150px; background:#000 url("http://vodneusluge-bj.hr/slike/odvodnja-usluga-bg-top.jpg") top center no-repeat;}
.oko-bread-prociscavanje {width:100%; min-width:1150px; background:#000 url("http://vodneusluge-bj.hr/slike/prociscavanje-usluga-bg-top.jpg") top center no-repeat;}
.bread-hold {width:1150px; margin: 0 auto; padding:110px 0 0 0; height:40px;}
#breadcrumb, #breadcrumbd {height:32px; border:0; color:#7C735B; padding:0; overflow:hidden; font-family: arial;}
#breadcrumb {}
#breadcrumbd {float:left;}
#breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#A79E85}
#breadcrumbd h5 {font-size:11px; line-height:32px; margin:0; color:#A79E85}
#breadcrumb ul, #breadcrumbd ul { margin:0; float:left;}
#breadcrumb ul { padding: 0 10px 0 10px; background-color: rgba(47, 67, 160, 0.9);}
#breadcrumb ul li {font-size:11px; line-height:32px; margin:0; color:#ddd; font-weight:normal; display:inline; list-style-type:none;}
#breadcrumbd ul li {font-size:11px; line-height:32px; margin:0; color:#4e84c4; font-weight:normal; display:inline; list-style-type:none;}
#breadcrumb img, #breadcrumbd img {float:left}
#breadcrumb i.fa {color:#fff;}
#breadcrumbd i.fa {color:#2F3B8D;}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#fff; text-decoration:none; line-height:32px; border:0}
#breadcrumb a:hover {color:#ddd;}
#breadcrumbd a:link, #breadcrumbd a:visited, #breadcrumbd a:active {color:#2F3B8D; text-decoration:none; line-height:32px; border:0}
#breadcrumbd a:hover {color:#0082D6;}
.sivi-oko {width:100%;}
.sivi {clear:both; width:1150px; color:#494949; margin:0 auto;}
.rss {float:right}
.footer-oko {
float:left;
width:100%; min-width:1150px;
background: rgba(1,79,164,1);
background: -moz-linear-gradient(top, rgba(1,79,164,1) 0%, rgba(35,127,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,79,164,1)), color-stop(100%, rgba(35,127,230,1)));
background: -webkit-linear-gradient(top, rgba(1,79,164,1) 0%, rgba(35,127,230,1) 100%);
background: -o-linear-gradient(top, rgba(1,79,164,1) 0%, rgba(35,127,230,1) 100%);
background: -ms-linear-gradient(top, rgba(1,79,164,1) 0%, rgba(35,127,230,1) 100%);
background: linear-gradient(to bottom, rgba(1,79,164,1) 0%, rgba(35,127,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014fa4', endColorstr='#237fe6', GradientType=0 );
}
#footer {clear:both; text-align:left; padding:20px 20px 30px 20px; margin:0 auto; width:1110px; color:#fff; font-family:open sans;}
.footer-box-1{float:left; width:200px; padding:10px 10px 10px 0}
.footer-box-2{float:left; width:300px; padding:10px}
.footer-box-3{float:left; width:300px; padding:10px}
.footer-box-4{float:left; width:250px; padding:10px 0 0 10px}
.footer-naslov {font-size:21px; margin:0 0 15px 0; padding:0 0 15px 15px;}
.footer-naslov img {float:left; margin:4px 15px 0 0; box-shadow:0px 1px 3px 0px rgba(27, 52, 77, 0.55);}
.footer-naslov img:hover {opacity:0.8;}
.footer-naslov-newsletter {border-bottom:none;font-size:14px;font-weight:bold;color:#fff;margin:15px 0 0 0;padding:0;}
.footer-box-1 ul {margin:0 0 10px 0}
.footer-box-2 ul {margin:0 0 10px 15px}
.footer-box-1 ul li {list-style-type:none; padding:3px 0 2px 10px; color:#fff; border-bottom: 1px dotted #fff;}
.footer-box-2 ul li {list-style-type:disc; padding:3px 0 3px 10px; color:#fff;}
.footer-box-1 ul li a, .footer-box-2 ul li a {}
.newsinput {border: 1px solid #AAAAAA; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset; font-family: Arial; font-size: 12px; margin-bottom: 12px; padding: 5px; resize: vertical; width: 97%;}
/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:400px}
.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(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}
.contactForm {/*background:#ccc496; */margin:15px 0 0 0; padding:15px; height:auto; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative}
.contactForm label {font-size:14px; font-weight:normal; color:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {font-family:Arial; font-size:12px; width:97%; margin-bottom:12px; padding:5px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input:focus,
.contactForm textarea:focus {background:#FEFFB7}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}
#freeform_multiselect {float:left;clear:both}
#freeform_checkbox {float:none}
.freeform_polje {background:#eee; float:left; width:96%; margin-bottom:12px; padding:7px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.freeform_polje_label {margin:0 10px 10px 0; font-size:15px; font-weight:bold; float:left; color:#000}
.general_errors, .error_message {color: #ff0000;display: none;margin-bottom: 10px;font-size: 11px;}
/* Footer */
.kontaktforma-foot {width:300px;}
.contactForm-foot {padding:0 15px 15px 15px; height:auto; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm-foot div{position:relative}
.contactForm-foot label {font-size:14px; font-weight:normal; color:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm-foot input[type=text],
.contactForm-foot input[type=email],
.contactForm-foot textarea {font-family:Arial; resize:vertical; border:none; font-size:12px; width:90%; background:#fff; color:#00396b; margin-bottom:12px; padding:10px; -moz-box-shadow:rgba(2, 80, 165, 0.3) 0 1px 5px inset; -webkit-box-shadow:rgba(2, 80, 165, 0.3) 0 1px 5px inset; -o-box-shadow:rgba(2, 80, 165, 0.3) 0 1px 5px inset; box-shadow:rgba(2, 80, 165, 0.3) 0 1px 5px inset}
.contactForm-foot input:focus,
.contactForm-foot textarea:focus {background:#fff}
.contactForm-foot input[type=text].error,
.contactForm-foot input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-foot textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-foot label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm-foot input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}
/* Stanje plinomjera*/
.kontaktforma-stanje {width:400px;}
.contactForm-stanje {height:auto; float:left;}
.contactForm-stanje div{position:relative}
.contactForm-stanje label {font-size:14px; font-weight:normal; color:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial}
.contactForm-stanje input[type=text],
.contactForm-stanje input[type=email],
.contactForm-stanje textarea {font-family:Arial; border:none; resize:vertical; background:#EFEFEF; font-size:12px; width:90%; color:#333333 !important; margin-bottom:12px; padding:10px; -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: 0 0 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;}
.contactForm-stanje input:focus,
.contactForm-stanje textarea:focus {background:#E9F3FA}
.contactForm-stanje input[type=text].error,
.contactForm-stanje input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-stanje textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://vodneusluge-bj.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm-stanje label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm-stanje input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}
/* Tablica */
#box-table-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#033F63; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}
/*ROTATOR*/
.slider {float:left; width:1150px; height:475px}
.slider-movie-example {width:320px;height:156px;background: url(http://vodneusluge-bj.hr/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:20px;position:absolute;top:50px;left:55px;font-size: 12px;line-height: 18px}
.slider-movie-example h4 {font-size:18px; color:#fff; width:320px; height:20px; overflow:hidden; float:left; margin:0 0 10px 0; font-weight:bold}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(http://vodneusluge-bj.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(http://vodneusluge-bj.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {background:url(http://vodneusluge-bj.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {background:url(http://vodneusluge-bj.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(http://vodneusluge-bj.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(http://vodneusluge-bj.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(http://vodneusluge-bj.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(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/js/wt-scroller/lightbox/spacer.png) no-repeat; position:relative; float:left; width:50%; height:0; z-index:3; cursor:pointer}
#lightbox .timer{position:absolute; left:0; background-color:#FFF; filter:alpha(opacity=50); opacity:.5; width:0; height:5px; z-index:2; visibility:hidden; font-size:0}
#lightbox .desc{position:absolute; left:0; color:#FFF; font-size:14px; text-align:left; width:100%; z-index:4; overflow:hidden; display:none; background:#000; background:rgba(0,0,0,0.75)}
#lightbox .inner-text{padding:5px}
/*channel images galerija slika*/
.container {float:left}
.wt-scroller {position:relative; display:block; font-family:Arial,Helvetica,sans-serif; background-color:#dddddd; 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(http://vodneusluge-bj.hr/js/wt-scroller/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(http://vodneusluge-bj.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:#ffffff; 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:#0051a6; }
.wt-scroller .index,
.wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(http://vodneusluge-bj.hr/js/wt-scroller/circle.png); background-repeat:no-repeat}
.wt-scroller .index{background-position:0 0; cursor:pointer}
.wt-scroller .index-hl{background-position:-7px 0; cursor:default}
/* SHOP */
#content-shop {float:left; width:970px; padding:15px 0; margin:0 0 0 15px}
#smaller-shop{float:left;width:220px;margin:0 15px 0 0;font-family:Tahoma;font-size:11px;color:#444}
.trazilica{float:left;background:url(http://vodneusluge-bj.hr/slike-shop/trazilica-bg.gif) top left no-repeat;padding:0 0 0 14px;margin-bottom:18px;width:206px;height:33px;line-height:33px}
.smaller-box{float:left;width:200px;padding:0 5px 15px 15px;background:#ECEAEB url(http://vodneusluge-bj.hr/slike-shop/smaller-naslov-bg.gif) top left no-repeat}
.smaller-box2{float:left;width:200px;padding:0 0 15px 15px;background:#ECEAEB url(http://vodneusluge-bj.hr/slike-shop/smaller-naslov-bg2.gif) top left no-repeat}
.smaller-box h4{float:left;width:200px;height:33px;font-family:"Trebuchet MS";font-size:18px;line-height:33px;color:#fff;margin:0 0 10px 0}
.smaller-box ul{clear:both}
.smaller-box ul li{list-style:none}
.smaller-box ul.anketa{margin:0;clear:both}
.smaller-box ul.anketa li{padding:2px 0;list-style-image:none}
.smaller-box p{padding:8px 0;clear:both}
.smaller-box-ispod{float:left;width:220px;height:5px;margin-bottom:18px;background:url(http://vodneusluge-bj.hr/slike-shop/smaller-box-ispod.gif) top left no-repeat}
#section-navigation{float:left;width:200px;display:inline;color:#444}
#section-navigation ul#nav{margin:0;padding:0}
#section-navigation ul#nav li{display:block;list-style-type:none;margin:0 0 2px 0}
#section-navigation ul#nav li a{display:block;border-top:0 solid #999;font:bold 12px/22px Arial}
#section-navigation ul#nav li a,#section-navigation ul#nav li a:visited,#section-navigation ul#nav li a:active{color:#221e23}
#section-navigation ul#nav li a:hover{color:#9E71AB}
#section-navigation ul#nav li ul{display:block;width:190px}
#section-navigation ul#nav li ul li{border-bottom:1px solid #ddd;background:#ECEAEB url(http://vodneusluge-bj.hr/slike-shop/st.gif) 4px 8px no-repeat;margin:0}
#section-navigation ul#nav li ul li:hover{background:#F3F3F3 url(http://vodneusluge-bj.hr/slike-shop/st.gif) 4px 8px no-repeat}
#section-navigation ul#nav li ul li a{display:block;font:normal 11px/22px Arial;padding:0 0 0 15px;border:0}
.cell1{float:left;width:175px;height:270px;margin:0 9px 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell2{float:left;width:175px;height:270px;margin:0 0 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell1 a,.cell2 a{color:#000}
.cell1 a:hover,.cell2 a:hover{color:#666}
.cell1:hover,.cell2:hover{background:#fff;cursor:pointer}
.cell1 h4,.cell2 h4{font:bold 11px Arial;height:56px;padding:5px;overflow:hidden}
form#sorter{float:left;display:block;width:970px;margin:0 0 5px 0}
form#sorter select{float:right;margin:0 0 0 10px}
#cart_za_desno {float:left;border:1px solid #AC85B6; background:#D0BAD5;width:180px;padding:5px;margin:0 0 15px 0}
#cart_za_desno img {float:right}
.total{display:inline;font:bold 16px/21px Tahoma;padding:2px 4px;background-color:#000}
.total2{font:bold 20px/20px Tahoma;padding:0 4px}
.tright{text-align:right}
table#kosara{border-collapse:collapse; font-size:11px; width:100%; margin:0}
table#kosara td {background-color:#fff; border:1px solid #ddd; padding:10px; vertical-align:top}
table#kosara td.osvjez{background:transparent; border:0px solid #ddd}
table#kosara th{background:#eee;color:#000;padding:10px;border:1px solid #ddd;font:normal 12px Arial;text-transform:uppercase}
table#kosara22{border-collapse:collapse;font-size:11px;width:100%;margin:0 0 15px 0}
table#kosara22 a{font-size:11px}
table#kosara22 td{background-color:#fff;border:1px solid #ddd;padding:5px;vertical-align:top;text-align:left}
table#kosara22 th{background:#eee;color:#000;padding:10px;border:1px solid #ddd;font:normal 12px Arial;text-transform:uppercase}
table#kosara22 td a{color:#999}
table#kosara22 td a:hover{color:#000}
.total{display:inline;color:#000;font:bold 16px/21px Arial;padding:2px 4px;background-color:#000}
.total2{color:#000;font:bold 20px/20px Arial;padding:0 4px}
.tright{text-align:right}
input.text540{background:#ddd;border:1px solid #1C1A1A;padding:2px;color:#000;font-size:11px;width:450px}
label{font:normal 11px Tahoma;color:#444;display:block;margin:0 0 2px 0}
label.error{color:#f00}
label span{color:#ed1100}
fieldset{padding:35px 10px 10px 10px;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 8px 20px 0;float:left}
fieldset#racun {margin: 0 10px 0 0;position:relative}
fieldset#dostava {margin: 0 0 8px 0;position:relative}
fieldset h3 {position:absolute;top:0;left:0;padding:5px 5px 5px 10px;width:345px;background:#777; font:normal 16px 'Trebuchet MS', Arial; color:#fff}
fieldset .txtinp{display:block; width:324px; background: #FAFAFA; border: 1px solid #D4D4D4; color: #000; font-size: 20px; height: 30px; margin: 2px 30px 2px 0; padding: 2px 7px 3px}
fieldset label{width:340px; color: #444444; display: block; font-size: 12px; padding-top: 10px}
fieldset p,#kekaut p,#kekaut2 p{margin:0 0 10px 0}
legend{padding:7px 10px;color:#000;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;font:normal 20px Arial;background:#eee}
.bijeli-naslov{color:#000;font-family:"Century Gothic",Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold}
#uplatnica{font-family:Geneva,Arial,Verdana,"Times New Roman",Times,serif;float:left;position:relative;width:703px;height:406px;margin:0;padding:0;color:#000}
.ikser{font-size:18px;font-weight:bold;height:25px;left:611px;position:absolute;top:3px;width:20px}
.arti{font-size:16px;height:68px;left:21px;margin:0;padding:0;position:absolute;text-align:left;top:167px;width:220px}
.ziro{font-size:20px;height:25px;left:331px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:500px;letter-spacing:10px}
.poziv{font-size:20px;height:25px;left:244px;margin:0;padding:0;position:absolute;text-align:left;top:212px;width:500px;letter-spacing:10.6px}
.ime{font-size:14px;height:68px;left:19px;margin:0;padding:0;position:absolute;text-align:left;top:83px;width:220px}
.iznos{font-size:21px;font-weight:bold;height:25px;left:587px;letter-spacing:5px;margin:0;padding:0;position:absolute;text-align:left;top:46px;width:250px}
.odobrenje{font-size:20px;height:20px;left:249px;letter-spacing:8px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:300px}
.invois{font-size:16px;height:25px;left:255px;margin:0;padding:0;position:absolute;text-align:left;top:250px;width:440px;line-height:19px}
#predracunm{float:left;width:100%;padding:10px;background:#fff;color:#000}
#predracunm span{font:normal 22px Arial}
#predracunm span.datu{font:normal 14px Arial}
#predracunm-print{float:left;width:600px;padding:30px 100px 30px 30px;background:#fff;color:#000;font:normal 13px/16px Tahoma,Arial}
#predracunm-print span{font:normal 22px Arial}
.obrisi{float:right;color:#f00}
.hvala{text-align:center;margin:10px auto;font:bold 20px Arial}
.gore1{float:left;height:150px}
.gore11{float:left;height:110px}
.gore2{float:right;height:150px;text-align:right}
.desno{float:right}
.kupac{font:normal 14px Arial;text-align:right;margin:0 0 0 60px}
.kupac b{font-size:16px}
table.host{width:100%;margin:20px 0 0 0}
table.host thead tr td{color:#0085CF;padding:.5em 0;font:bold 13px Arial}
table.host tbody tr.even td{background-color:#fff;padding:.4em}
table.host tbody tr.odd td{background-color:#f5f5f5;padding:.4em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e3e3e3}
table.host tbody tr.lasti td{background-color:#ccc;padding:.4em;border-top:1px solid #999;border-bottom:1px solid #999;font:bold 15px Arial;text-align:right}
table.host tbody tr.lasti1 td{background-color:#eee;padding:.2em;border-top:1px solid #ddd;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
table.host tbody tr.lasti2 td{background-color:#fff;padding:.3em;border-top:0 solid #ddd;border-bottom:1px solid #eee;font:bold 12px Arial}
table.host tbody tr.lasti3 td{background-color:#eee;padding:.2em;border-top:1px solid #444;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
.shop-logo{float:left;margin:0 15px 15px 0}
.tekstd{text-align:right}
.loder{display:block;margin:0 auto}
.shop-komada {float:left;margin:10px 3px 0 0;border:1px solid #ccc;height:23px;width:40px;font:normal 20px Arial;}
.shop-btn{margin:10px 0 0 0;height:27px;display:block !important;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;cursor:pointer;border:0;font:bold 12px/27px Arial;padding:0 15px;border-radius:4px;-webkit-border-radius:4px}
input.shop-btn{float:left}
.shop-btn:hover{background:#864d93;background:-moz-linear-gradient(top,#864d93 0,#b593c3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#864d93),color-stop(100%,#b593c3));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#864d93',endColorstr='#b593c3',GradientType=0 );border:0;color:#fff}
a.shop-btn:link,a.shop-btn:visited,a.shop-btn:active,a.shop-btn:hover{color:#fff}
.shop-btn2{height:37px;display:block;background:#000;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );text-align:center;float:left;color:#fff !important;text-decoration:none;cursor:pointer;border:0 solid #c4c4c4;font:bold 20px/37px Arial;margin:0;padding:5px 15px;border-radius:4px;-webkit-border-radius:4px}
input.shop-btn2{float:left}
.shop-btn2:hover{background:#212121;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );border:0 solid #c4c4c4;color:#fff !important}
a.shop-btn2:link,a.shop-btn2:visited,a.shop-btn2:active,a.shop-btn2:hover{color:#fff !important;height:37px}
.shop-btnsold{height:27px;display:block;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;border:0;font:normal 11px/13px Arial;padding:0 15px;border-radius:4px;-webkit-border-radius:4px}
.store_product_price_inc_tax {color:#f00;font-weight:bold;margin:0 20px 0 0}
table.pad tr td {padding:5px}
#shop-reg h3 {position:absolute;top:0;left:0;padding:5px 5px 5px 10px;width:100%;background:#777; font:normal 16px 'Trebuchet MS', Arial; color:#fff}
#shop-reg p {font-size: 10px; color: #666}
#shop-reg a {color: #1165cc}
#shop-reg form {padding: 40px 0 10px 10px; overflow: hidden; background: #fff; border: 1px solid #d4d4d4}
#shop-reg form label {font-size: 12px; display: block; color: #444; padding-top:10px}
#shop-reg form label.error {padding-top:2px; color:#FF0000; display:block; font-size:12px}
#shop-reg form .txtinp {margin: 2px 30px 2px 0; padding: 2px 7px 3px; height: 20px; font-size: 12px; color: #000; background: #fafafa; border: 1px solid #d4d4d4}
#shop-reg form .txtinp2 {display: inline; float: left; margin: 2px 0 2px;padding: 2px 7px 3px;width: 238px;font-size: 12px;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:214px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .selinp2 {margin: 3px 0 0;padding: 2px;background: #FAFAFA;color: #000}
#shop-reg form .selinp3 {margin: 3px 0 0;width: 159px;border: 1px solid #D4D4D4;color: #000}
#shop-reg form .inpbtn {background: transparent;text-align: center;top: 0;font-size: 16px;height: 23px;cursor: pointer}
#shop-reg #login_form, #shop-reg #forgot_password_form {float: left;width: 212px;position:relative}
#shop-reg #login_form p {margin: 0;width: 253px;text-align: right}
#shop-reg #login_form .txtinp, #shop-reg #forgot_password_form .txtinp {display: block; width: 186px}
#shop-reg #register_form {float: right;display: inline;width: 480px;position:relative}
#shop-reg #register_form .txtinp {float: left;display: inline;width: 134px}
#shop-reg #register_form label {float: left;position:relative;display: inline;margin: 0 15px 0 0;width: 145px}
#shop-reg #register_form label.error {font: normal 11px/11px Tahoma, Arial}
#shop-reg #register_form label.duzi {float: left;display: inline;margin: 0 15px 0 0;width: 225px;color: #444}
#shop-reg #register_form label.duzi2 {float: left;display: inline;margin: 0 15px 0 0;width: 325px;color: #444}
#shop-reg #register_form div.clearboth {clear:both;height:1px}
#shop-reg #register_form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 470px}
#shop-reg #promjena_form {float: left;display: inline;width: 723px;position:relative}
#shop-reg #promjena_form .txtinp {float: left;display: inline;width: 215px}
#shop-reg #promjena_form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:335px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg #promjena_form .txtinp4 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:336px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg #promjena_form label {float: left;position:relative;display: inline;margin: 0 15px 0 0;width: 226px}
#shop-reg #promjena_form label.error {font: normal 11px/11px Tahoma, Arial}
#shop-reg #promjena_form label.duzi {float: left;display: inline;margin: 0 15px 0 0;width: 346px;color: #444}
#shop-reg #promjena_form div.clearboth {clear:both;height:1px}
#shop-reg #promjena_form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 713px}
#shop-reg #promjena_form select{margin:2px 0 0 0;height:27px;font-size:12px;color:#000;text-align:left;background:#fafafa;border:1px solid #d4d4d4}
#shop-reg a#forgotpass {float: right;margin: 70px 40px 0 0;color: #688D41}
.shop-l-reg {float:left;width:212px}
span.napomena-pass {color: #aaa}
#br_alert, #br_message {text-align:center; font-size:15px; line-height:15px; padding:10px; margin-bottom:20px; color:#ff0000; border:1px solid #ddd; background:#eee; border-radius:5px}
.textare {float: left;width: 458px;height: 200px;border: 1px solid #D4D4D4;background: #fafafa;padding: 5px}
.hani{display:block !important;left:-9999px !important;position:absolute !important;top:-9999px !important}
#promjena_lozinke {display:none;}
.container-shop {float: left}
.shop-slika {display:block;border:1px solid #ccc;padding:4px}
span.opis-proizvoda{line-height:26px;font-family:Tahoma;font-size:11px;font-weight:normal;color:#221e23;height:26px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:287px;overflow:auto}
#slider-wrapper{height:390px;width:260px}
#slider{position:relative;width:260x;height:370px;background:url(http://vodneusluge-bj.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider img{position:absolute;top:0;left:0;display:none}
#slider a{border:0;display:block}
#slider-poc{position:relative;width:740x;height:320px;background:url(http://vodneusluge-bj.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider-poc img{position:absolute;top:0;left:0;display:none}
#slider-poc a{border:0;display:block}
.reder{font:bold 15px/30px Arial;color:#8FB269}
.buzzsl{margin:0 5px 0 0;padding:2px;border:1px solid #c9c2b1;background:#fff;float:left}
p.buzzbox{margin:0 10px 10px 0;padding:0;border-right:20px solid #FFF;float:left;width:320px;height:95px;position:relative;owerflow:hidden;background:#ECF4E3}
.buzzbox p{margin:0;padding:10px;font-size:11px;line-height:1.4em}
.flexi11{padding:4px;margin:10px 41px 20px 0;border:1px solid #e7e1d4;background:#faf0dd;float:left}
.flexi22{padding:4px;margin:10px 0 0 0;border:1px solid #e7e1d4;background:#faf0dd;float:right}
.tooltip{display:none;background:url(http://vodneusluge-bj.hr/slike-shop/green_big.png);font-size:11px;color:#000;padding:50px 30px;height:94px;width:310px;z-index:1001;text-align:left;position:absolute}
.tooltip .label{color:yellow;width:35px}
.tooltip a{color:#ad4;font-size:11px;font-weight:bold}
input.textpass{float:left;width:230px}
.entry-upute{margin:0;padding:0;font-size:16px}
.entry-upute p{padding:0 0 10px 0}
.entry-upute ul{list-style-type:square;padding:0 0 10px 20px}
.entry-upute ul li{padding:0}
.entry-upute ol{list-style-type:decimal-leading-zero;padding:0 0 20px 40px}
.entry-upute ol li{padding:0 0 10px 0}
.entry-uputecms{margin:0;padding:0;font-size:14px;float:left;width:990px}
.entry-uputecms p{padding:0 0 20px 0}
.entry-uputecms ul{list-style-type:square;padding:0 0 20px 30px}
.entry-uputecms ul li{padding:0 0 8px 0}
.entry-uputecms ol{list-style-type:decimal-leading-zero;padding:0 0 20px 30px}
.entry-uputecms ol li{padding:0 0 8px 0}
.uputescreenovi{background:#dbf7ce;border:1px solid #acce9c;padding:10px;margin:0 0 20px 0}
.uputeslika1{margin:0 15px 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
.uputeslika2{margin:0 0 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
a.trigger{background:url(http://vodneusluge-bj.hr/slike-shop/upute_bg.png) 0 0 no-repeat;border:0;color:#FFF;display:block;font-family:verdana,helvetica,arial,sans-serif;font-size:16px;font-weight:700;right:0;width:75px;height:224px;position:fixed;text-decoration:none;top:190px}
.panel{-moz-border-radius-topleft:10px;-khtml-border-radius-topleft:10px;-webkit-border-radius-topleft:10px;border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-khtml-border-radius-bottomleft:10px;-webkit-border-radius-bottomleft:10px;border-radius-bottomleft:10px;background:#C4A8CD;border:1px solid #AA82B3;display:none;height:auto;opacity:.85;filter:alpha(opacity=85);padding:30px 80px 30px 30px;position:fixed;right:0;top:190px;min-height:163px}
.panel p{font-size:16px;margin-bottom:5px}
.panel ul{list-style:none}
.panel ul li{padding:5px 0 0}
.panel a,.panel a:visited{color:#662d75;text-decoration:none}
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff}
div#error1,div#error2{font-size:12px;color:red}
#br_message,#br_alert{background:none repeat scroll 0 0 #D0BAD5;border:1px solid #A073AD;margin:0 0 18px 0;padding:10px;font-size:12px}
.blincpress{float:left;margin:0 10px 10px 0;border:1px solid #000}
.musse-slike{float:left;width:92px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.musse-slike2{float:left;width:88px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 9px 10px 0;padding:0 !important}
.baza-slike{float:left;width:92px;height:120px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.panes ul li{list-style-type:disc;margin:0 0 0 13px}
#dright{float:right;display:inline;padding:16px;width:410px;border:1px solid #ccc}
#dright a{color:#1165cc}
#dright p{font-family:Tahoma;font-size:11px;line-height:18px;margin:0 0 10px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:202px;overflow:auto}
#details{background:none repeat scroll 0 0 #DAF0D2;border-top:15px solid #FFF;display:inline;float:left;overflow:hidden;padding:5px 10px 10px;width:260px;bottom:17px}
.details1{float:left;display:block;width:260px;margin:0 0 5px 0;font:normal 11px/20px Tahoma}
.details2{float:left;display:block;width:260px;margin:0 0 5px 0;font:bold 16px Arial}
#details form{padding:0 0 20px;border-bottom:1px solid #e2e2e2}
#details .price{margin:0 0 14px;font-size:13px;color:#873F97;line-height:1.5em}
#details p.price span.original{color:#666;text-decoration:line-through;display:block;font-size:10px;line-height:10px}
#details select{min-width:45px;margin:3px 0 5px 0;height:20px;font-size:11px;color:#505757;text-align:left;background:#fff;border:1px solid #d6d6d6}
#dright h3{color:#000;font-family:"Trebuchet MS";font-size:20px;font-weight:bold;line-height:26px;margin:15px 0 10px}
/*
* Sliding Tabs - jQuery Plugin
* Copyright 2011, Christian André
*
------------------------------------------------------------------------------------- */
div.st_horizontal{position:relative;float:left;width:735px;color:#616161;margin:20px 0 0 0}
/* Control buttons------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev,div.st_horizontal a.st_next{position:absolute;top:0;z-index:110;display:none;height:38px;width:39px;border:1px solid #d4d4d4;outline:none;background:#fff url(http://vodneusluge-bj.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(http://vodneusluge-bj.hr/slike/h_tab_bg.jpg) repeat-x 0 bottom}
div.st_horizontal ul.st_tabs a:hover{color:#333}
div.st_horizontal ul.st_tabs li a.st_first_tab{border-left:1px solid #d4d4d4}
div.st_horizontal ul.st_tabs a.st_tab_active{color:#1ca5ec;border-bottom-color:#fff;background:#fff}
/* Content------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container{position:relative;z-index:5;height:277px;padding:20px 20px 23px;border:1px solid #d4d4d4;background-color:#fff;overflow:auto}
div.st_horizontal div.st_view{position:relative;height:100%;overflow:hidden}
div.st_horizontal div.st_tab_view{display:none;width:100%}
div.st_horizontal div.st_first_tab_view{display:block}
div.st_horizontal div.st_view h2{font-size:16px;color:#454545;margin:0 0 16px;padding:0}
div.st_horizontal div.st_view p{margin:14px 0 0;padding:0}
div.st_horizontal div.st_view blockquote{float:left;width:315px;margin:18px 14px 0 0;padding:0 0 0 14px;border-left:2px solid #5c5c5c;font:italic 17px/21px Georgia,"Times New Roman",Times,serif;color:#A8A8A8}
div.st_horizontal div.st_view blockquote p{margin:0}
/* Bottom aligned tabs------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev,div.st_horizontal.align_bottom a.st_next{border-bottom:1px solid #d4d4d4}
div.st_horizontal.align_bottom a.st_prev{border-top-left-radius:0;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
div.st_horizontal.align_bottom a.st_next{border-top-right-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
div.st_horizontal.align_bottom div.st_tabs_container{position:absolute;bottom:-39px;left:0;margin-bottom:0}
div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active{border-top-color:#fff;border-bottom-color:#d4d4d4}
#contact-form label.duzi {float: left;display: inline;margin: 0 20px 0 0;width: 325px;color: #444}
#contact-form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:310px;height: 20px;color: #000;background: #fafafa;border: 1px solid #d4d4d4}
#contact-form .textare {float: left;width: 310px;height: 200px;border: 1px solid #D4D4D4;background: #fafafa;padding: 5px;margin:2px 15px 10px 0}
#contact-form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 763px}
.bijeli-naslov2 {margin: 20px 0 0 0}
.bijeli-naslov2 li {list-style-type: none; margin: 0 0 0 10px}
.tag-link {float:left;margin:0 5px 5px 0;background-color:#fff;border:1px solid #ccc;font-size:10px;padding:2px 3px;border-radius:3px}
.tag-link:hover {border:1px solid #bbb; background:#eee}
.st_tab_view ul li {list-style-type:disc;list-style-position:inside}
.st_tab_view ol li {list-style-type:decimal;list-style-position:inside}
* html #gritter-notice-wrapper{position:absolute}
* html .gritter-top{margin-bottom:-10px}
* html .gritter-item{padding-bottom:0}
* html .gritter-bottom{margin-bottom:0}
* html .gritter-close{background:url(http://vodneusluge-bj.hr/slike/gritter-close-ie6.gif);width:22px;height:22px;top:-7px;right:-7px}
#gritter-notice-wrapper{position:fixed;top:50%;right:48%;width:301px;z-index:9999}
.gritter-item-wrapper{position:relative;margin:0 0 10px 0;background:url('.')}
.gritter-top{background:url(http://vodneusluge-bj.hr/slike/gritter.png) no-repeat left -30px;height:10px}
.hover .gritter-top{background-position:right -30px}
.gritter-bottom{background:url(http://vodneusluge-bj.hr/slike/gritter.png) no-repeat left bottom;height:8px;margin:0}
.hover .gritter-bottom{background-position:bottom right}
.gritter-item{display:block;background:url(http://vodneusluge-bj.hr/slike/gritter.png) no-repeat left -40px;color:#eee;padding:2px 11px 8px 11px;font-size:11px;font-family:verdana}
.hover .gritter-item{background-position:right -40px}
.gritter-item p{padding:0;margin:0}
.gritter-close{position:absolute;top:-7px;right:-7px;background:url(http://vodneusluge-bj.hr/slike/gritter.png) no-repeat left top;cursor:pointer;width:30px;height:30px}
.gritter-title{font-size:14px;font-weight:bold;padding:0 0 7px 0;display:block;text-shadow:1px 1px #000;text-align:center}
.gritter-image{width:48px;height:48px;float:left}
.gritter-with-image,.gritter-without-image{padding:0 0 5px 0}
.gritter-with-image{width:220px;float:right}
#bigger-shop {float: left; width: 735px; min-height: 100px;background-color: #fff}
#proizvodi a:link {color: #506E0A; text-decoration: none;}
#proizvodi a:visited {color: #506E0A; text-decoration: none;}
#proizvodi a:active {color: #506E0A;}
#proizvodi a:hover {color: #000; text-decoration: none;}
.lijevo-placanje {float: left; margin: 0 50px 0 0}
.lijevo-placanje2 {float: left; margin: 0 50px 0 50px}
.desno-placanje {float: left; margin: 0 80px 0 0}
#payment_method {font-size:20px}
#ship_method {font-size:20px}
.kupac{font:normal 14px Arial; text-align:right; margin:0 0 0 60px}
.kupac b{font-size:16px}
/* _______________________________________
Carousel with image and text (horizontal)
_______________________________________ */
/* General styles */
.touchcarousel {
position: relative;
width: 600px;
height: 400px;
/* style is removed after carousel is inited, use !important if you want to keep it*/
overflow: hidden;
}
.touchcarousel .touchcarousel-container {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0;
}
.touchcarousel .touchcarousel-wrapper {
position: relative;
overflow:hidden;
width: 100%;
height: 100%;
}
.touchcarousel .touchcarousel-item {
/* use margin-right for spacing between items */
margin: 0 0 0 0;
padding: 0;
float: left;
}
/* Last carousel item */
.touchcarousel .touchcarousel-item.last {
margin-right: 0 !important;
}
/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
height: 100%;
width: 45px;
position: absolute;
top: 0;
display: block;
cursor: pointer;
z-index: 25;
}
.touchcarousel .arrow-holder.left {
left: 0;
}
.touchcarousel .arrow-holder.right {
right: 0;
}
/* arrow icons */
.touchcarousel .arrow-icon{
width: 45px;
height: 90px;
top:50%;
margin-top:-45px;
position: absolute;
cursor: pointer;
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }
.touchcarousel .tc-paging-container {
width:100%;
overflow:hidden;
position:absolute;
margin-top:-20px;
z-index:25;
}
.touchcarousel .tc-paging-centerer {
float: left;
position: relative;
left: 50%;
}
.touchcarousel .tc-paging-centerer-inside {
float: left;
position: relative;
left: -50%;
}
.touchcarousel .tc-paging-item {
float:left;
cursor:pointer;
position:relative;
display:block;
text-indent: -9999px;
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }
.touchcarousel .scrollbar-holder {
position: absolute;
z-index: 30;
left: 6px;
right: 6px;
bottom: 5px;
height:4px;
overflow: hidden;
}
.touchcarousel .scrollbar {
position: absolute;
left:0;
height:4px;
bottom: 0px;
}
.touchcarousel .scrollbar.dark {
background-color: rgb(130, 130, 130);
background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
background-color: rgb(210, 210, 210);
background-color: rgba(255, 255, 255, 0.5);
}
/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(http://vodneusluge-bj.hr/slike/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(http://vodneusluge-bj.hr/slike/grabbing.png) 8 8, move; }
/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }
/* 1. Arrows (direction) navigation */
.touchcarousel.three-d .arrow-icon {
top: 0;
background-image: url('http://vodneusluge-bj.hr/slike/three-d-skin-sprite.png');
background-repeat: no-repeat;
width: 19px;
height: 20px;
margin-top: 0;
}
.touchcarousel.three-d .arrow-holder {
top: -23px;
width: 19px;
height: 20px;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}
.touchcarousel.three-d .arrow-holder.left {
left: auto;
right: 26px;
}
.touchcarousel.three-d .arrow-holder.right {
right: 3px;
}
.touchcarousel.three-d .arrow-icon.left {
left: 0;
background-position: -8px -14px;
}
.touchcarousel.three-d .arrow-icon.right {
right: 0;
background-position: -173px -14px;
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.left {
background-position: -43px -14px;
}
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.right {
background-position: -138px -14px;
}
.touchcarousel.three-d .arrow-holder:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.touchcarousel.three-d .arrow-holder:active {
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.touchcarousel.three-d .arrow-holder.disabled {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
/* 2. Paging navigation */
.touchcarousel.three-d .tc-paging-container {
width: auto;
float: none;
right: 53px;
margin-top: 0;
}
.touchcarousel.three-d .tc-paging-centerer {
float: none;
position: relative;
left: 0;
}
.touchcarousel.three-d .tc-paging-centerer-inside {
position: relative;
left: 0;
float: none;
}
.touchcarousel.three-d .tc-paging-item {
background: url('http://vodneusluge-bj.hr/slike/three-d-skin-sprite.png') no-repeat -95px -4px;
width: 16px;
height: 16px;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}
.touchcarousel.three-d .tc-paging-item.current {
background: url('http://vodneusluge-bj.hr/slike/three-d-skin-sprite.png') no-repeat -95px -22px;
}
.touchcarousel.three-d .tc-paging-item:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
/* Styles for Carousel with image and text (horizontal) */
#carousel-image-text-horizontal {
width: 940px;
height: 70px;
margin: 0 auto;
}
#carousel-image-text-horizontal .touchcarousel-item {
width: 216px;
height: 60px;
margin-right: 12px;
background-color: #F0F3F3;
padding: 5px;
position: relative;
}
#carousel-image-text-horizontal img,
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
float:left;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
#carousel-image-text-horizontal img {
width: 60px;
height: 60px;
}
#carousel-image-text-horizontal .rblock {
width: 138px;
float: left;
margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
font: bold 13px/20px Helvetica, Arial, sans-serif;
color: #000;
width: 140px;
}
#carousel-image-text-horizontal p {
font: normal 13px/20px Helvetica, Arial, sans-serif;
color: #555;
}
#carousel-image-text-horizontal .tc-paging-container {
top: -21px;
}
/* Styles for Carousel with a single image per view */
#carousel-single-image {
width: 400px;
height: 400px;
margin: 0;
background: #242021;
}
#carousel-single-image .touchcarousel-container {
height: 100%;
background: #F0F3F3;
}
#carousel-single-image .touchcarousel-item {
margin-right: 0;
width: 400px;
height: 400px;
}
#carousel-single-image img {
width: 300px;
height: 300px;
margin: 47px 0 0 47px;
float:left;
position: relative;
display: block;
padding: 3px;
background: #FFF;
border: 0;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
box-shadow: 0 1px 6px rgba(0,0,0,0.6);
}
#carousel-single-image .tc-paging-container {
margin-top: -29px;
}
/* _______________________________________
HORIZONTAL Mega izbornik
_______________________________________ */
#mega-navigation {width:873px; margin:15px 0 0 0; padding:0; float:right;}
ul.mega-container{width:873px; margin:0}
li.mega{list-style-type:none; float:left; position:relative; z-index:10px}
li.mega.mega-active a.mega-tab {border-bottom: 3px solid #0051a6;}
li.mega.mega-active a:link, li.mega.mega-active a:visited, li.mega.mega-active a:active, li.mega.mega-active a:hover {color:#0051a6;}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}
/* Basic menu item styles */
li.mega a.mega-tab{font-family: Arial; font-weight:bold; font-size:14px; padding:10px 10px 15px 10px; float:left; height:46px;color: #6b6b6b;}
li.mega:first-child a.mega-tab {background:none;}
li.mega a.mega-tab:hover {color: #0051a6;}
/* Menu item with dropdown arrow */
li.mega a.mega-sub{}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}
/* Content container */
.mega-content{width:175px; display:none; padding:0; position:absolute; top:100%; left:-1px; border:1px solid #DDDDDD; border-top:none; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#fff}
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:7px 7px 3px !important; z-index:10000 !important; min-width:250px; font-family: open sans; font-weight:400;}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px}
.mega-menu li a {display:block; padding:4px 10px; color:#333 !important; text-decoration:none; font-weight:normal; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{}
.mega-menu li a:hover{background-color:#F4F4F4}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#ffffff; width:175px; padding:7px 7px 3px; z-index:1000; position:absolute; left:100%; top:0; display:none; border: 1px solid #ddd;}
/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}
/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}
/* Clearfix 'hack' for mega-container */
.mega-container:after,
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container,
html[xmlns] .mega-grid{display:block}
* html .mega-container,
* html .mega-grid{height:1%}
/* _______________________________________
VERTICAL mega izbornik (light version)
ako trebate crnu verziju, samo ubacite drugi css ispod i druge slike na ftp
_______________________________________ */
/* 1. Mega Menu Container */
.megamenu_container {
width:115px;
height:44px;
margin:0;
position:relative;
float:left;
z-index:9;
background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #282828 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d3d3d 0%,#282828 100%); /* IE10+ */
background: linear-gradient(to bottom, #3d3d3d 0%,#282828 100%); /* W3C */
border:solid 1px #434343;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: 0 2px 3px #cccccc;
-moz-box-shadow: 0 2px 3px #cccccc;
-o-box-shadow: 0 2px 3px #cccccc;
box-shadow: 0 2px 3px #cccccc;
}
.megamenu_container:hover {
cursor:pointer;
}
.megamenu_container a {
text-decoration: none;
}
.megamenu_container a:focus {
outline:none;
}
/* 2. Mega Menu Button */
.megamenu {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
list-style:none;
padding:0;
margin:0;
}
.megamenu .top_level {
display:inline;
border:none;
margin:0;
padding: 14px 0 15px 15px;
}
.megamenu .top_level > span {
font-size:12px;
color:#ffffff;
line-height:44px;
text-transform:uppercase;
outline:0;
text-decoration:none;
color:#ffffff;
text-shadow:1px 1px 1px #000000;
background:url("http://vodneusluge-bj.hr/slike/menu-icons/arrow_down.png") no-repeat 80px 18px;
padding:14px 32px 20px 0;
}
/* 1. Drop Downs Default Behavior */
.megamenu .megamenu_main,
.megamenu .megamenu_main ul {
position:absolute;
top:-9999em; /* Used to avoid scrollbars */
left:-9999em;
width: 220px;
margin:0 0 40px -1px;
padding:0;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
-webkit-box-shadow: 0 2px 5px #dddddd;
-moz-box-shadow: 0 2px 5px #dddddd;
-o-box-shadow: 0 2px 5px #dddddd;
box-shadow: 0 2px 5px #dddddd;
border:solid 1px #dddddd;
border-top:solid 3px #202020;
background:#FCFCFC;
opacity:0;
}
.megamenu .megamenu_main li .megamenu_2col {
width: 400px;
}
.megamenu .megamenu_main li .megamenu_3col {
width: 600px;
}
.megamenu > li:hover .megamenu_main {
top:42px;
left:0;
opacity:1;
}
.megamenu .megamenu_main li:hover > ul {
top:-3px;
left:100%;
opacity:1;
}
.megamenu .megamenu_main li:hover > .left_dropdown {
left:-100%;
}
.megamenu > li .main_opened {
top:42px;
left:0;
opacity:1;
}
/* 2. Fade Transition */
.megamenu_fade .megamenu_main,
.megamenu_fade .megamenu_main ul {
-webkit-transition: opacity 0.4s 0.2s;
-moz-transition: opacity 0.4s 0.2s;
-o-transition: opacity 0.4s 0.2s;
-ms-transition: opacity 0.4s 0.2s;
transition: opacity 0.4s 0.2s;
}
/* 3. Slide Transition */
.megamenu_slide .megamenu_main {
top:30px;
-webkit-transition: top 0.3s 0.2s, opacity 0 0.2s;
-moz-transition: top 0.3s 0.2s, opacity 0 0.2s;
-o-transition: top 0.3s 0.2s, opacity 0 0.2s;
-ms-transition: top 0.3s 0.2s, opacity 0 0.2s;
transition: top 0.3s 0.2s, opacity 0 0.2s;
}
.megamenu_slide .megamenu_main ul {
left:80%;
-webkit-transition: left 0.2s 0.2s, opacity 0 0.2s;
-moz-transition: left 0.2s 0.2s, opacity 0 0.2s;
-o-transition: left 0.2s 0.2s, opacity 0 0.2s;
-ms-transition: left 0.2s 0.2s, opacity 0 0.2s;
transition: left 0.2s 0.2s, opacity 0 0.2s;
}
.megamenu_slide .megamenu_main li > .left_dropdown {
left:-80%;
}
/* 4. Toggle Transition */
.megamenu_toggle .megamenu_main {
top:30px;
-webkit-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
-moz-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
-o-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
-ms-transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
transition: opacity 0.4s 0.2s, top 0.3s 0.2s;
}
.megamenu_toggle .megamenu_main ul {
left:90%;
-webkit-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
-moz-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
-o-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
-ms-transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
transition: opacity 0.4s 0.2s, left 0.2s 0.2s;
}
.megamenu_toggle .megamenu_main li > .left_dropdown {
left:-90%;
}
/* 1. Arrows */
.megamenu .dropdown_arrow {
background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/arrow_left.png");
background-repeat: no-repeat;
background-position: 95% 48%;
}
.megamenu .dropdown_arrow:hover {
background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/arrow_left_hover.png");
}
.megamenu > li .megamenu_main a {
text-decoration: none;
color:#333333;
}
/* 2. List Elements */
.megamenu > li ul {
list-style: none;
padding:0 0 0 18px;
margin:0 0 18px 0;
}
.megamenu > li ul li {
font-size:12px;
position:static;
color:#333333;
padding: 12px 15px 12px 15px;
-webkit-transition: background-color 0.3S;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.megamenu > li ul li:hover {
background-color: #F6F6F6;
}
.megamenu > li ul .relative_dropdown {
position:relative;
}
/* 3. Typography */
.megamenu p {
padding:0;
margin:0 0 12px 0;
}
.megamenu h3 {
font-size: 14px;
font-weight:bold;
padding:0;
margin:6px 0 12px 0;
}
.megamenu .new {
font-size:xx-small;
vertical-align:text-top;
color:#e10000;
}
.megamenu .small {
font-size: 11px;
color: #888888;
display: block;
padding: 0;
margin-top: 4px;
}
.megamenu .title {
display: block;
font-size: 14px;
line-height: 12px;
}
/* 4. Icons */
.megamenu .icon_bookmark,
.megamenu .icon_bubble,
.megamenu .icon_charts,
.megamenu .icon_check,
.megamenu .icon_cross,
.megamenu .icon_favorite,
.megamenu .icon_help,
.megamenu .icon_info,
.megamenu .icon_magnifier,
.megamenu .icon_mail,
.megamenu .icon_marker,
.megamenu .icon_pencil,
.megamenu .icon_settings {
padding-left:38px;
background-repeat: no-repeat;
background-position: 12px 50%;
}
.megamenu .icon_bookmark {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_bookmark.png");}
.megamenu .icon_bubble {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_bubble.png");}
.megamenu .icon_charts {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_charts.png");}
.megamenu .icon_check {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_check.png");}
.megamenu .icon_cross {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_cross.png");}
.megamenu .icon_favorite {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_favorite.png");}
.megamenu .icon_help {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_help.png");}
.megamenu .icon_info {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_info.png");}
.megamenu .icon_magnifier {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_magnifier.png");}
.megamenu .icon_mail {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_mail.png");}
.megamenu .icon_marker {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_marker.png");}
.megamenu .icon_pencil {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_pencil.png");}
.megamenu .icon_settings {background-image:url("http://vodneusluge-bj.hr/slike/menu-icons/icon_settings.png");}
/* 5. Large Icons */
.megamenu .megamenu_main .large_icons {
width: 534px;
}
.megamenu .large_icons li {
width: 128px;
float: left;
text-align:center;
position:relative;
padding: 25px;
}
.megamenu .large_icons li span {
font-weight: bold;
font-size: 14px;
padding-top:10px;
display: block;
}
.megamenu img {
border:none;
}
.btn {
-moz-user-select: none;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-family:"Source sans pro", sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
text-shadow: none;
vertical-align: middle;
white-space: nowrap;
}
.btn:focus {
}
.btn:hover, .btn:focus {
color: #333333;
text-decoration: none;
}
.btn:active, .btn.active {
background-image: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: 0.65;
pointer-events: none;
}
.btn-default {
background-color: #EEEEEE;
border-color: #DDDDDD;
color: #333333 !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #E4E4E4;
border-color: #CDCDCD;
color: #333333;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
background-color: #FFFFFF;
border-color: #CCCCCC;
}
.btn-primary {
background-color: #428BCA;
border-color: #357EBD;
color: #FFFFFF !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #3276B1 !important;
border-color: #285E8E;
color: #FFFFFF;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
background-color: #428BCA;
border-color: #357EBD;
}
.btn-warning {
background-color: #F0AD4E;
border-color: #EEA236;
color: #FFFFFF !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
background-color: #ED9C28;
border-color: #D58512;
color: #FFFFFF;
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
background-color: #F0AD4E;
border-color: #EEA236;
}
.btn-danger {
background-color: #D9534F;
border-color: #D43F3A;
color: #FFFFFF !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
background-color: #D2322D;
border-color: #AC2925;
color: #FFFFFF;
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
background-color: #D9534F;
border-color: #D43F3A;
}
.btn-success {
background-color: #5CB85C;
border-color: #4CAE4C;
color: #FFFFFF !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
background-color: #47A447;
border-color: #398439;
color: #FFFFFF;
}
.btn-stay {
color: #FFFFFF;
background-color: #C1D7FD;
border-color: #130269;
}
.btn-stay:hover,
.btn-stay:focus,
.btn-stay:active,
.btn-stay.active,
.open .dropdown-toggle.btn-stay {
color: #FFFFFF;
background-color: #9BB8EB;
border-color: #130269;
}
.btn-stay:active,
.btn-stay.active,
.open .dropdown-toggle.btn-stay {
background-image: none;
}
.btn-stay.disabled,
.btn-stay[disabled],
fieldset[disabled] .btn-stay,
.btn-stay.disabled:hover,
.btn-stay[disabled]:hover,
fieldset[disabled] .btn-stay:hover,
.btn-stay.disabled:focus,
.btn-stay[disabled]:focus,
fieldset[disabled] .btn-stay:focus,
.btn-stay.disabled:active,
.btn-stay[disabled]:active,
fieldset[disabled] .btn-stay:active,
.btn-stay.disabled.active,
.btn-stay[disabled].active,
fieldset[disabled] .btn-stay.active {
background-color: #C1D7FD;
border-color: #130269;
}
.btn-stay .badge {
color: #C1D7FD;
background-color: #FFFFFF;
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
background-color: #5CB85C;
border-color: #4CAE4C;
}
.btn-forma {
background-color: #1A4A7E !important;
background-image: linear-gradient(#5E9BDE, #1A4A7E);
background-repeat: repeat-x;
border-color: #1A4A7E #1A4A7E #13365D;
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52);
}
.btn-forma:hover, .btn-forma:focus, .btn-forma:active {
background-color: #0F2C4C !important;
background-image: linear-gradient(#2B7CD3, #0F2C4C);
background-repeat: repeat-x;
border-color: #0F2C4C #0F2C4C #08182A;
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.52);
}
.btn-info {
background-color: #5BC0DE;
border-color: #46B8DA;
color: #FFFFFF !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
background-color: #39B3D7;
border-color: #269ABC;
color: #FFFFFF;
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
background-color: #5BC0DE;
border-color: #46B8DA;
}
.btn-inverse {
background-color: #333333;
border-color: #111111;
color: #EEEEEE !important;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse {
background-color: #222222;
border-color: #111111;
color: #EEEEEE;
}
.btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse {
background-image: none;
}
.btn-link {
border-radius: 0;
color: #428BCA !important;
cursor: pointer;
font-weight: normal;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: rgba(0, 0, 0, 0);
}
.btn-link:hover, .btn-link:focus {
background-color: rgba(0, 0, 0, 0);
color: #2A6496;
text-decoration: underline;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
color: #999999;
text-decoration: none;
}
.btn-large {
border-radius: 6px;
font-size: 18px;
line-height: 1.33;
padding: 10px 16px;
}
.btn-small, .btn-xsmall {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn-xsmall {
padding: 1px 5px;
}
.btn-block {
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
.btn-svijetli {
background-color: #43affc !important;
background-image: linear-gradient(#9acdf2, #43affc);
background-repeat: repeat-x;
color: #FFFFFF !important;
text-shadow: 0px 1px 3px 0px rgba(27, 52, 77, 0.39);
border-radius:0;
border:0;
box-shadow:
-webkit-box-shadow: 0px 1px 3px 0px rgba(27, 52, 77, 0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(27, 52, 77, 0.55);
box-shadow: 0px 1px 3px 0px rgba(27, 52, 77, 0.55);
}
.btn-svijetli:hover, .btn-svijetli:focus, .btn-svijetli:active {
background-color: #43AFFC !important;
background-image: linear-gradient(#2B7CD3, #43AFFC);
background-repeat: repeat-x;
color: #FFFFFF !important;
text-shadow: 0px 1px 3px 0px rgba(27, 52, 77, 0.39);
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
}
.table {
width: 100%;
margin-bottom: 18px;
color:#333333;
border:1px solid #D0E6F4;
}
.table p {margin:0;}
.table th,
.table td {
padding: 5px 7px;
line-height: 16px;
text-align: left;
vertical-align: top;
border-top: 1px solid #D0E6F4;
}
.table td {vertical-align:middle; font-size: 13px;}
.table th {
font-weight: bold;
font-size: 1.2em;
color: #222222;
}
.table thead th {
vertical-align: bottom;
background: #D0E6F4;
}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid #D0E6F4;
}
.table td {border-right:1px solid #D0E6F4}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #E9F3FA;
}
/* SCROLLING-TEXT */
.scroller{background:none; width:590px; margin:10px 10px 0 0; height:16px; float:left; font-size:14px; text-transform:uppercase}
a.scrollingtext:link, a.scrollingtext:visited, a.scrollingtext:active{color:#000000; text-decoration:none;padding:0 10px}
a.scrollingtext:hover{color:#6a6969; text-decoration:none;padding:0 10px}
.marquee0{width:565px}
span.nasl-vij {width:200px; margin:3px 0 0 0; float:left; color:#75bee9; font-size:17px; line-height: 30px;}
.revolution-naslov {background-color:#75bee9; font-family:arial; font-size:20px; width:400px; max-height:80px; overflow:hidden; padding:10px; float:left; white-space:normal}
.revolution-tekst {background-color: rgba(255, 255, 255, 0.69); width:400px; font-weight:500; padding:20px 10px; max-height:110px; overflow:hidden; font-size:16px; line-height:25px; float:left; white-space:normal}
.no-radi {border-radius:0px;}
.font-12 {font-size:12px; font-weight:normal;}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
.footer-drugi-red {width: 100%; display: block}
.footer-drugi-red-box {float: left;
width: 256px;
padding: 10px;}
.kontakt-drugi-red {width: 100%; display: block}
.kontakt-drugi-red-box {float: left;
width: 180px;
padding: 10px;}
.footer-drugi-red hr {background: #fff;border: 0; height: 1px; margin: 22px 0;}