body, ul{margin: 0px; padding: 0px;}
body, div, li, td{font-family: Century Gothic, sans-serif, Helvetica, Arial; color: #242428; font-size: 13px;}
body{background: #053172 url('slike/podloga_small.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (min-width: 601px){
    body{background: #053172 url('slike/podloga.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
td{vertical-align: top;}
a{font-family: Century Gothic, sans-serif, Helvetica, Arial; text-decoration: none;}
a:hover{text-decoration: underline;}
h1{font-family: Century Gothic, sans-serif, Helvetica, Arial; color: #242428; font-size: 17px; font-weight: bold;}

.headerLogo {
    list-style: none;
    height: 120px;
}
.headerLogo > li {
    display: inline-block;
    height: 100%;
    width: 40%;
}
.headerLogo > li > a {
    height: 100%;
    display: block;
}
.headerLogo > li > a > img {
    border: none;
    vertical-align: middle;
    height: 50%;
}
.headerLogo > li > a > span {
    display: block;
    margin-top: 10px;
    color: #c5c4c4;
}
.hyLanguage{float: right; margin-right: 10px; display: block; width: 3%; max-width: 40px; min-width: 30px;}
.hyLanguage img{border: solid 1px #5ab5ea; width: 100%;}

.headWraper{
    max-width: 1150px;
    margin: 0px auto;
    left: 0px; right: 0px;
    padding: 0px;
    position: relative;
    color: #fff;
}
.headLinks{
    margin: 5px 10px; 
    text-align: right;
}
.headLinks a{
    color: #e8eef1; 
    font-size: 9px;
    text-decoration: none;
}
.headLinks a:hover{
    color: #e8eef1; 
    font-size: 9px;
    text-decoration: underline;
}
.pageWraper{
    max-width: 1150px;
    margin: 0px auto;
    left: 0px; right: 0px;
    padding: 0px;
    position: relative;
}
.blackBar{
    background-color: rgba(0, 0, 0, 0.4);
	padding: 10px;
}
.blackBar ul li{
    list-style: none;
    display:inline-block;
    margin: 5px 10px;
}
.blackBar ul li a{
    color: #fff;
    text-decoration: none;
}
.blackBar ul li a:hover{
    text-decoration: underline;
}
.footerWraper{
    background-color: rgba(0, 0, 0, 0.4);
    min-height: 220px;
    max-width: 1150px;
    margin: 0px auto;
    left: 0px; right: 0px;
    padding: 0px;
    position: relative;
    margin-top: 10px;
}
.boxFooter{
    display: inline-block; 
    margin: 20px 20px 20px 10px; 
    color: #fff; 
    vertical-align: top;
    line-height: 20px;
}
.footerKontakti{
    border-left: solid 1px #ccc; 
    padding-left: 40px; 
    position: relative;
}
.footerKontakti td{
    color: #fff;
    position: relative;
}
.footerKontakti td>span{
    color: #B2B2B2;
    font-size: 10px;
    margin-left: 20px;
    position: absolute;
    left: 100px;
    width: 150px;
}
.listFooter{margin-left: 20px;}
.listFooter li{
    list-style: none;
    color: #f1f75b; 
}
.listFooter li:hover{
    list-style: disc;
}
.listFooter li a{
    text-decoration: none !important;
    color: #fff; 
}
.listFooter li a:hover{
    text-decoration: none !important;
    color: #f1f75b; 
}
.mapFooter{height: 160px; width: 30%; padding: 0px; border: solid 10px #1873c2; float: right;}

/* lista proizvoda */
.listaProizvoda li{
    list-style: none;
    display:inline-block;
    width: 23%;
    min-width: 110px;
    margin: 10px 0.5%;
    vertical-align: top;
}
.listaProizvoda img{
    width: 100%;
}
/* slike u opisu proizvoda */
.listImages{text-align: center;}
.listImages li{list-style: none; display:inline-block;}

/* izbornici proizvoda */
.izbProizvodaMid{display: block; background-color: rgba(201, 228, 249, 0.9);}
.izbProizvodaMid li{list-style: none; display:inline-block; min-height: 30px; min-width: 50px; line-height: 30px; width: 16.6%; color: #333; margin: 0px; padding: 0px;}
.izbProizvodaMid li a{font-weight: normal; text-align: center; display: block; width: 100%; border-right: solid 1px #fff;}
.izbProizvodaMid li a:hover{background: #00254e; color: #fff !important; text-decoration: none;}

.izbProizvodaFull{padding-left: 0.5%; background-color: rgba(201, 228, 249, 0.9); display: none;} 
.izbProizvodaFull li{
    color: #c8e6ff !important;
    font-size: 12px;
    list-style: none;
    display:inline-block;
    width: 31%; margin: 10px 0.5%;
    vertical-align: top;
    min-height: 100px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    border: solid 1px #20306c;
}
.izbProizvodaFull li img{
    position: absolute; 
    left: 2px; 
    top: 50px;
}
.izbProizvodaFull li a{
    display: block;
    margin: 5px 0px 5px 40px;
}
.izbProizvodaFull li div{
    margin: 5px 0px 5px 40px;
    color: #c8e6ff !important;
    font-size: 12px;
}
@media (max-width: 400px){
    .izbProizvodaMid li a{font-size: 11px;}
}
@media (min-width: 540px){
    .izbProizvodaMid{display: none;}
    .izbProizvodaFull{display: block;}
}
@media (min-width: 1090px){
    .izbProizvodaFull li{width: 15%; margin: 10px 0.5%;}
}



/* lista izdvojenih proizvoda */
.listaIzdvojenih{margin-left: 35px;}
.listaIzdvojenih li{list-style: none; font-size: 12px;}

.leftGroupHead{
    background: url('slike/bgKategorije.png') no-repeat;
    color: #fff; 
    height: 48px;
    width: 210px;
    line-height: 40px;
    position: absolute; 
    left: -11px;
    top: 10px;
    padding-left: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}
.rightGroupHead{
    background: url('slike/bgRightHead.png') top right no-repeat;
    color: #fff; 
    height: 48px;
    width: 212px;
    line-height: 40px;
    margin-top: 10px;
    text-align: right;
    font-weight: bold;
    letter-spacing: 2px;
}

.rightCell{display: none; width: 200px;}
.leftCell{display: none; width: 200px;}
@media (min-width: 810px){
    .leftCell{display: block; width: 200px;}
    .rightCell{width: 200px; display: block;}
}
.hyGrupe{letter-spacing: 1px; color: #284454; font-weight: bold; font-size: 13px; text-decoration: none; line-height: 24px;}


td.dimenzije{color: #242428; font-size: 11px;}

.okvirNaslov{letter-spacing: 2px; color: #ffffff; font-size: 14px; font-weight: bold;}
.okvirTekst{color: #ddd; font-size: 12px; letter-spacing:-0.1px; line-height: 15px;}

.hyOkvir{ font-family: Century Gothic, sans-serif, Helvetica, Arial; letter-spacing: 2px; color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none;}
.hyOkvir:link{ font-family: Century Gothic, sans-serif, Helvetica, Arial; letter-spacing: 2px; color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none;}
.hyOkvir:hover{ font-family: Century Gothic, sans-serif, Helvetica, Arial; letter-spacing: 2px; color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: underline;}

.hyNavigacija { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyNavigacija:link { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyNavigacija:hover { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.hyProizvodi { FONT-SIZE: 11px; COLOR: #494432; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyProizvodi:link { FONT-SIZE: 11px; COLOR: #494432; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyProizvodi:hover { FONT-SIZE: 11px; COLOR: #494432; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.txKategorije{ letter-spacing: 2px; color: #384b56; font-size: 13px; font-weight: bold;}
.hyKategorije{ letter-spacing: 1px; color: #284454; font-size: 13px; text-decoration: none;}
.hyKategorije:link{ letter-spacing: 1px; color: #284454; font-size: 13px; text-decoration: none;}
.hyKategorije:hover{ letter-spacing: 1px; color: #284454; font-size: 13px; text-decoration: underline;}

.textBox200{ BORDER: #333333 1px solid; BACKGROUND-COLOR: #ffffff; WIDTH: 200px; HEIGHT: 20px; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  color: #333333; }
.multiBox400{ BORDER: #333333 1px solid; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; HEIGHT: 60px; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  color: #333333; }
.gumb200B { cursor: pointer; BORDER-TOP: #E8A545 1px solid; BORDER-LEFT: #E8A545 1px solid; BORDER-RIGHT: #8E3D11 1px solid; BORDER-BOTTOM: #8E3D11 1px solid; BACKGROUND-COLOR: #DA5538; WIDTH: 200px; HEIGHT: 22px; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif;  color: #FFFA72; vertical-align: middle; padding-bottom: 2px;}

.txText{ color: #384b56; font-size: 12px;}
.naslov{ color: #242428; font-size: 17px; font-weight: bold;}
.podnaslov{ color: #242428; font-size: 15px; font-weight: bold;}
.txOkvir{ font-family: sans-serif, Helvetica, Arial;color: #384b56; font-size: 13px;}


.hyIzbornik{ letter-spacing: 2px; color: #766D49; font-size: 15px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hyIzbornik:link{ letter-spacing: 2px; color: #766D49; font-size: 15px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hyIzbornik:hover{ letter-spacing: 2px; color: #766D49; font-size: 15px; vertical-align: middle; font-style: normal; TEXT-DECORATION: underline;}

.hyLinkRed{ letter-spacing: 2px; color: #F9A953; font-size: 12px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hyLinkRed:link{ letter-spacing: 2px; color: #F9A953; font-size: 12px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hyLinkRed:hover{ letter-spacing: 2px; color: #F9A953; font-size: 12px; vertical-align: middle; font-style: normal; TEXT-DECORATION: underline;}

.hySlon{ letter-spacing: 1px; color: #D56E70; font-size: 11px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hySlon:link{ letter-spacing: 1px; color: #D56E70; font-size: 11px; vertical-align: middle; font-style: normal; TEXT-DECORATION: none;}
.hySlon:hover{ letter-spacing: 1px; color: #D56E70; font-size: 11px; vertical-align: middle; font-style: normal; TEXT-DECORATION: underline;}

.hyPodnaslov{ color: #242428; font-size: 15px; font-weight: bold; TEXT-DECORATION: none;}
.hyPodnaslov:link{ color: #242428; font-size: 15px; font-weight: bold; TEXT-DECORATION: none;}
.hyPodnaslov:hover{ color: #242428; font-size: 15px; font-weight: bold; TEXT-DECORATION: underline;}

.tekstZaglavlja{letter-spacing: 1px; color: #494638; font-size: 15px; font-weight: bold; padding-left: 5px;}
.tekstInfo12{color: #494638; font-size: 12px;}
.tekstInfo13{color: #494638; font-size: 13px;}
.tekstInfo14{color: #494638; font-size: 14px;}
.tekstInfo15{color: #494638; font-size: 15px;}
.tekstNaslova{letter-spacing: 1px; color: #494638; font-size: 16px; font-weight: bold;}
.tekstPodNaslova{letter-spacing: 1px; color: #494638; font-size: 14px; font-weight: bold;}
.tekstInfo12Light{color: #988E5D; font-size: 12px;}

.celijaGranica{border-bottom: #DDD2A6 1px solid; padding-top: 5px;}

.textBox150 { FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #FCF6E3; BORDER: #574D30 solid 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; PADDING-LEFT: 3px; WIDTH: 150px; HEIGHT: 20px; }
.textBox250 { FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #FCF6E3; BORDER: #574D30 solid 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; PADDING-LEFT: 3px; WIDTH: 250px; HEIGHT: 20px; }
.textMultiBox400 { FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #FCF6E3; BORDER: #574D30 solid 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; PADDING-LEFT: 3px; WIDTH: 400px; HEIGHT: 100px; }
.textBoxDatum { FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #FCF6E3; BORDER: #574D30 solid 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; PADDING-LEFT: 3px; WIDTH: 70px; HEIGHT: 20px; }

.gumb { FONT-SIZE: 12px; COLOR: #433A22; BACKGROUND-COLOR: #E4D099; FONT-WEIGHT: bold; BORDER: #F8E5B0 ridge 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; HEIGHT: 20px; cursor: pointer; }
.gumb150B { FONT-SIZE: 12px; COLOR: #433A22; BACKGROUND-COLOR: #E4D099; FONT-WEIGHT: bold; BORDER: #F8E5B0 ridge 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; WIDTH: 150px; HEIGHT: 20px; cursor: pointer; }
.izbornik150B { FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #FCF6E3; BORDER: #574D30 solid 1px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif; WIDTH: 150px; HEIGHT: 20px; }

.upozorenjeTekst { font-family: Arial; color: #D10404; font-size: 12px; font-style: normal;}

.hyMail { FONT-SIZE: 11px; 	COLOR: #1F3E88; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyMail:hover { FONT-SIZE: 11px; COLOR: #1F3E88; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.hyNavigacija { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyNavigacija:link { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyNavigacija:hover { FONT-SIZE: 11px; COLOR: #625935; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.hyDogadjaj { FONT-SIZE: 14px; COLOR: #484331; font-weight: bold; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyDogadjaj:link { FONT-SIZE: 14px; COLOR: #484331; font-weight: bold; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyDogadjaj:hover { FONT-SIZE: 14px; COLOR: #484331; font-weight: bold; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.txNavigacija { FONT-SIZE: 11px; COLOR: #7F754A; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.cellSivo1{	font-family: sans-serif, Helvetica, Arial;	font-size: 13px; color: #646467; background-color: #E5D592; text-align: left; vertical-align: top; }
.cellDogadjaj2 { background-color: #F2E6B5;	text-align: left; vertical-align: top;}
.cellTekst{	font-family: Arial; color: #484331;	font-size: 12px; font-style: normal;}
.cellNaslov{  font-family: "Gill Sans", Arial; color: #484331; font-size: 16px;	font-weight: bold; }

.hyEvent { FONT-SIZE: 12px; 	COLOR: #4B452E; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: none; }
.hyEvent:hover { FONT-SIZE: 12px; COLOR: #4B452E; FONT-FAMILY: Verdana, Geneva, Arial; TEXT-DECORATION: underline;}

.cellZaglavlje
{
	font-family: Verdana, Geneva, Arial; 
	color: #646467;
	font-size: 12px;
	background-color: #FEFAEE;
	border: 1px solid #D7C696;
}