@charset "utf-8";
/* CSS Document */
body, html,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, p, blockquote,
form, fieldset, input, textarea, select
{
margin: 0;
padding: 0;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 14px;
}
h1 {
font-size: 22px;
font-weight: bold;
color:#FFFFFF;
}
h2 {
font-size: 18px;
font-weight: bold;
color:#FFFFFF;
}
.hks{
font-size: 16px;
font-weight: bold;
color:#fff;
}
.hks:first-letter
{
color:#cc3333;
}
body {
font-size: 14px;
background-color:#FFFFFF;
}
a { color: #00A; text-decoration: none; }
#wraper {
width: 1182px;
margin: 0 auto 0;
padding:0;
clear:both;
}
#header {
width: 1182px;
}
#container {
margin: 2px 0;
background: url('img/containerbg.gif') repeat-y #1b428d;
width:1182px;
position: relative;
float:none;
overflow: hidden;
clear:both;
}
#container #left {
position: relative;
float: left;
overflow: hidden;
width: 177px;
margin-top: 4px;
padding-bottom: 0px;
/*background: url('img/text-bg.gif') no-repeat bottom left;*/
}
#container #center {
float: left;
background-color:#ffffff;
min-height: 10px;
padding: 5px 0 20px 0;
position: relative;
width: 818px;
margin:0;
}
#container #center .box {
width: 384px;
position: relative;
float: left;
margin: 10px;
padding:0;
}
#container #center .puni {
width: 808px;
margin: 10px;
padding:0;
color: #213e8e;
}
#container #center .boxsjena {
width: 384px;
position: relative;
float: left;
padding: 0 0 12px 0;
margin:0;
}
#container #center .box .boxsjena .boxsadrzaj {
border: solid 1px #5e94c7;
background: url(img/pozadina_baner.jpg) repeat top left #CCC;
width: 342px;
position: relative;
float: left;
padding: 15px;
margin:0;
text-align: center;
color: #213e8e;
}
#container #right {
float: right;
overflow: hidden;
width: 161px;
padding: 8px;
padding-top: 10px;
position: relative;
color:#FFFFFF;
background-color: #1B428D;
}
#container #right .pagenumbers {
float: left;
overflow: hidden;
width: 555px;
min-height: 1px;
font-size: 12px;
color: #FFFFFF;
padding: 0;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
#container #right .pagenumbers .textin{
float: left;
text-align:center;
width:79%;
}
#container #right .pagenumbers .textin a{
color: #FFFFFF;
text-decoration:none;
}
#container #right .pagenumbers .textin a:hover{
color: #FFFFFF;
text-decoration:underline;
}
#container #right .pagenumbers .bulletp{
float: left;
text-align:left;
width:10%;
}
#container #right .pagenumbers .bulletn{
float: right;
text-align:right;
width:10%;
}
#container #right .slika {
float: left;
border-width:medium;
border-style:solid;
border-color:#FFFFFF;
width:170px;
height:150px;
overflow:hidden;
margin-left:0;
margin-right:12px;
margin-bottom:15px;
}
#container #right .slikaVin {
border-width:medium;
border-style:solid;
border-color:#4A091B;
overflow:hidden;
width:500px;
}
#container #right .slikaV {
float: right;
border-width:thin;
border-style:solid;
border-color:#fff;
width:508px;
overflow:hidden;
margin-left:0;
margin-right:0;
margin-bottom:15px;
}
ul.lista {
float:none;
list-style:none;
font-family: Arial, Verdana, sans-serif;
margin: 0 auto 0;
padding: 0;
padding-top:12px;
padding-bottom:20px;
width: 169px;
}
ul.lista li {
display: inline;
}
ul.lista li span {
display: block;
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 14px;
font-family: Arial, Verdana;
padding-top:15px;
padding-bottom:15px;
padding-left: 6px;
text-decoration: none;
background-color: #1b428d;
border: solid 1px #fff;
color: #fff;
}
ul.lista li a {
display: block;
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 14px;
font-family: Arial, Verdana;
padding-top:15px;
padding-bottom:15px;
padding-left: 6px;
text-decoration: none;
background-color: #1b428d;
border: solid 1px #fff;
color: #fff;
}
ul.lista li a:hover,
ul.lista li a.active {
color: #cc3333;
}
#footer {
clear:both;
background: url('img/footer.jpg') no-repeat;
width: 1182px;
height: 58px;
margin: 0 auto 0;
padding: 0;
margin-top: 2px;
position: relative;
color: #fff;
text-align:center;
}
#footer #footerin{
float:none;
position: relative;
clear: both;
width: 1182px;
text-align:center;
background: url('img/text-down.gif') no-repeat top left;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
height:31px;
}
#footer #footerin span{
font-size: 11px;
}
.style1 {
color: #5C0E24;
font-weight: bold;
}
/* main menu */
#menu {
background-color: #1b428d;
margin: 2px 0;
height:61px;
text-align:center;
}
#menu ul {
padding: 7px 3px 10px 3px;
list-style-type: none;
overflow: hidden;
float: none;
margin : 0 auto 0;
text-align:center;
}
#menu ul li {
display: inline;
margin: 0;
}
#menu ul li a {
float: left;
color: #fff;
font-size: 12px;
font-weight: bold;
font-family: Arial;
text-align: center;
text-decoration: none;
display: block;
height: 28px;
width: 125px;
padding-top: 10px;
border: solid 1px #fff;
}
#menu ul li.langHRV a{
width: 125px;
text-align: right;
background: url(img/engleska-zastava.gif) top left no-repeat;
padding: 10px 10px 0 35px;
}
#menu ul li.langENG a{
width: 125px;
text-align: right;
background: url(img/hrvatska-zastava.gif) top left no-repeat;
padding: 10px 10px 0 35px;
}
#menu ul li a:hover,
#menu ul li a.active {
color: #cc3333;
}