#dobrodosli-okvir{
position: relative; /* zbog centriranja portala */
border:1px solid #8898BF;
width:99%;
margin-top:0.7em;
background-color:white;
overflow: hidden;/* clearfix */
}
#dd{
width:300px;
text-align:center;
white-space:nowrap;
color:#000;
font-family:Arial;
font-size:130%;
border:none;
margin: 0;
padding:10px;
background-color: #fff;
max-width: 50%;
}
#broj-clanaka{
width:100%;
text-align:center;
font-size:75%;
background-color: #fff;
}
#portali{ /* vertikalno centriranje */
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
max-width: 50%;
}
#ostali-projekti {
width: 99%;
}
.flex{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.okvir {
border:1px solid #8898BF;
background-color: #FFFFFF;
margin: 4px 0;
}
.okvir-left{
width: 49%;
border:1px solid #8898BF;
background-color: #FFFFFF;
margin: 4px 4px 4px -1px;
}
.okvir-right{
width: 49%;
border:1px solid #8898BF;
background-color: #FFFFFF;
margin: 4px 0 4px 4px;
}
.arhiv-link{
height: 1.5em;
float:right;
margin:0 7px;
}
.naslov{
margin:-10px 10px;
}
.naslov span {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
}
.left{
float: left;
}
.right{
float: right;
}
.clear{
clear:both;
}
.boja {
font-size:1px;
height:8px;
}
.plava {
border-bottom:1px solid #8898BF;
background-color:#A8D3FF;
}
.siva {
background-color:#E0E0E0;
border-bottom:1px solid #aaa;
}
#slika img {
width: 100%;
height: auto;
}
#mf-Slika_tjedna{
padding: 1vw;
}
/* za mobilne uređaje */
@media only screen and (max-width: 800px) {
#portali{
display: none;
}
#dd{
float: none;
margin: 0 auto;
border: none;
max-width: none;
}
.plava, .siva {
border-bottom: none;
background-color:inherit;
}
.okvir-left, .okvir-right, .okvir{
width: 100%;
margin: 4px 0;
border: none;
}
.okvir{
display: none;
}
.arhiv-link{
margin: 0;
}
.naslov{
text-align: center;
}
}