html, body, div, span, applet, object, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
*{margin:0;padding:0;}
html,body{
height: 100%;
margin: 0;
padding: 0;
}
body{
background-image: url(../images/bcgd.jpg);
background-repeat: no-repeat;
padding-top:0;
}
h2{
font-family: georgia;
color: white;
font-size: 140%;
opacity: 0.8;
margin:0;
padding:0;
}
#content ul{
list-style-position: outside;
}
#container{
width: 1024px;
height: 700px;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
}
#header{
height: 130px;
}
#languages{
float: right;
list-style-position: outside;
margin-left: auto;
width: auto;
margin-top: 12%;
margin-right: -4%;;
}
#languages > a > img{
width: 80%;
height: 80%;
margin-top: 3px;
margin-left: 15px;
margin-right: 5px;
h-space: 3px;
}
#languages li{
list-style-type: none;
display: block;
padding: 0;
}
#languages li:active{
opacity: 0.5;
}
#tabs{
width: 350px;
float: right;
margin-top: -3%;
margin-left: 20%;
margin-bottom: 5px;
}
#poruka > .bold{
font-weight: 600;
}
#tabs li{
display: inline;
list-style-type: none;
padding: 11px;
width: 93px;
height: 50px;
font-family: georgia;
font-weight: 900;
font-style: oblique;
font-size: 0.9em;
}
#tabs > img{
width: 100%;
height: 100%;
margin-left: -50px;
margin-right: 10px;
}
.tabtxt .active{
display: none;
}
#home{
background: url(../images/Homeclr.png) no-repeat transparent;
}
.menu > #o_nama{
background: url(../images/Homeclr.png) no-repeat transparent;
margin-left: -6px;
}
.menu > #usluge{
background: url(../images/Homeclr.png) no-repeat transparent;
margin-left: -4px;
margin-top: 3px;
}
.menu > #o_nama.active{
background: url(../images/Homeclr.png) no-repeat transparent;
}
.menu > #usluge.active{
background: url(../images/Homeclr.png) no-repeat transparent;
}
#tabs ul.menu li.active{
background: url(../images/Homeclr.png) no-repeat transparent;
top: 1px;
border-bottom: 0;
z-index: 1;
}
#tabs ul.menu li{
font-weight: 500;
position: relative;
color: #898989;
cursor: pointer;
}
#tabs ul.menu > img{
cursor: pointer;
}
#logo{
width: 500px;
height: 129px;
margin-left: 3%;
padding: 2%;
}
#logo > img{
width: 90px;
height: 116px;
}
#naslov{
line-height: 160%;
margin-top: -61px;
margin-left: 19%;
}
#page_wrap
{
width: 1024px;
height: 500px;
background: url(../images/wrap_wd.png) no-repeat transparent;
background-position: center center;
position: relative;
margin-top: 30px;
}
#content_wrap{
border: 2px dashed #999999;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.102);
list-style-type: none;
float: left;
padding: 5px;
margin-left: 8%;
margin-top: 4%;
}
#content{
border: 1px dashed #999999;
height: 370px;
width: 840px;
}
#pocetna{
margin-top: 4.5%;
}
.pocetna_tekst{
font-family: georgia;
font-size:0.9em;
opacity: 0.9;
font-weight: 500;
}
.pocetna_tekst{
font-weight: 600;
}
.italic{
font-style: italic;
}
#poruka2 > .bold{
font-weight: 600;
}
#poruka2 > a{
text-decoration:underline;
font-weight: 550;
opacity: 1;
color: black;
}
#poruka2 > a:hover{
text-decoration:underline;
}
.content.home{
display: block;
}
.content.o_nama{
display: none;
}
.content.usluge{
display: none;
}
#uvod{
width: 500px;
height: 30px;
margin-left: 10%;
}
#uvod2{
width: 250px;
height: 30px;
margin-left: 10%;
}
#poruka{
width: 700px;
font-size: 0.9em;
margin-left: 10%;
font-family: georgia;
}
#poruka2{
width: 700px;
font-size: 0.9em;
margin-left: 10%;
font-family: georgia;
}
#uvodb1{
text-align: justify;
}
#uslugetxt > .bold{
font-weight: 600;
text-style: none;
}
#content > #o_nama {
padding: 15%;
}
#content > #o_nama > p{
font-family: georgia;
opacity: 0.9;
}
#content > #o_nama{
padding: 10%;
margin-top: -5.5%;
}
#o_nama .bold{
font-weight: 600;
}
#content > #o_nama > p{
font-family: georgia;
opacity: 0.9;
}
#content > #o_nama > ul{
font-family: georgia;
opacity: 0.9;
margin-left: 10%;
}
#dno{
width: 700px;
font-size: 0.9em;
margin-left: 10%;
font-family: georgia;
}
#kont{
width: 700px;
font-size: 1em;
margin-left: 10%;
font-family: georgia;
margin-top: 9%;
margin-left: 15%;
font-style: italic;
}
#kont .bold{
font-weight: 600;
}
#kont{
line-height: 20px;
}
#googlemap{
width: 250px;
height: 175px;
float: right;
position: relative;
margin-top: -22%;
margin-right: 11%;
-moz-box-shadow: 0.6px 0.6px 0.6px 0.6px #999999;
-webkit-box-shadow: 1px 1px 1px 1px #999999;
box-shadow: 1px 1px 1px 1px #999999;
border: 1px dashed #999999;
padding: 13px;
}
#googlemap > a{
text-decoration:none;
font-weight: 550;
opacity: 1;
color: black;
}
#bot{
font-family: georgia;
font-size: 1em;
margin-top: 9%;
margin-left: 19%;
}
#bot .bold{
font-weight: 600;
}
#povecalo{
float: right;
margin-top: -15%;
margin-right: 5%;
width: 30px;
height: 30px;
}
#foottxt{
width: 640px;
margin-top: 3.8%;
float: left;
margin-left: 21%;
font-color: white;
font-familiy: georgia;
color: white;
opacity: 0.8;
}
#list{
width: 700px;
margin-bottom: -6%;
margin-left: 20%;
}
#list li{
display: block;
float: left;
font-color: white;
font-familiy: georgia;
color: white;
margin-left: 0.6em;
opacity: 0.8;
}
#list li:before{
content:'\2022';
padding: 0.5px;
}
.ftbld{
font-weight: 900;
}
#list li > a{
color: white;
text-decoration:underline;
}
#list li > a:hover{
font-weight: 900;
}
#footer{
position: relative;
height: 120px;
margin-top: 17%;
margin-left: 44%;
padding: 0;
clear:both;
}
#cr{
margin-left: 29%;
margin-top: 5%;
width: 500px;
font-family: georgia;
color: white;
font-color: white;
font-size: 0.7em;
opacity: 0.5;
}
#des{
width: 150px;
margin-left: 45.5%;
font-size: 0.7em;
color: white;
opacity: 0.4;
font-family: georgia;
margin-top: 1%;
}
#des > a{
color: white;
text-decoration:underline;
}
#des > a:hover{
font-weight: 600;
}