body {
background-color:#339966;
  font-family: 'Helvetica', Arial, sans-serif;
}

#prognozi {
margin:0 auto 0;
width:700px;
}


#prognozi aside {
border:1px solid white;
position:relative;
top:60px;
height:235px;
background-color:grey;
width:700px;
border-radius:3px;
}

.vipprognozi {
text-align:center;
text-decoration:none;
color:yellow;
font-weight:bold;
position:relative;
top:48px;
font-size:20px;
left:170px;
}

#prognozi nav text {
text-decoration:none;
color:yellow;
font-weight:bold;
position:relative;
top:20px;
font-size:25px;
left:150px;
}

#prognozi nav a {
text-decoration:none;
margin:20px;
color:white;
font-weight:bold;
position:relative;
top:30px;
left:150px;
}

.fb-like {
text-decoration:none;
margin:20px;
color:white;
font-weight:bold;
position:relative;
top:30px;
left:150px;
}

#prognozi nav a:hover {
text-decoration:underline;
color:yellow;
}

#prognozi article {
margin:0 auto 0;
width:150px;
}



#prognozi article {
border:1px solid white;
position:relative;
top:30px;
height:30px;
background-color:grey;
width:700px;
border-radius:3px;
}


#prognozi article a {
text-decoration:none;
border:1px solid white;
padding:7px;
margin:50px;
position:relative;
color:white;
font-size:14px;
font-weight:bold;
left:255px;
}



#prognozi article a:hover {
color:yellow;
}

#prognozi article b {
color:yellow;
}


.topki {
width:20px;
height:20px;
position:relative;
top:4px;
right:3px;
}



#prognozi1 {
margin:0 auto 0;
width:700px;
}

#prognozi1 nav {
border:1px solid white;
position:relative;
top:100px;
height:620px;
background-color:grey;
width:700px;
border-radius:3px;
}

hr {
border:0px;
border-top:1px solid white;
}

.chas {
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 15px;;
}

.sreshta {
color:white;
font-size:13px;
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 147px;
}



.prognoza {
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 15px;;
}

.sigurnost {
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 15px;
}

.koaficent {
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 15px;
}

.rezultat {
color:white;
position:relative;
left:3px;
top:3px;
font-size:13px;
border-right:1px solid white;
padding:6px 13px;
}

.poznavaemost {
color:white;
position:relative;
left:20px;
top:3px;
font-size:13px;
padding:6px 1px;
}


.chasigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:49px;
text-align:center;

}


.sreshtaigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:331px;
text-align:center;
}


.prognozaigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:56px;
text-align:center;

}

.sigurnostigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:49px;
text-align:center;

}


.koaficentigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:47px;
text-align:center;

}

.rezultatigra {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:47px;
text-align:center;
}


.poznavaemostigra {
border-top:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:55px;
text-align:center;
}


.chasigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:49px;
text-align:center;
}


.sreshtaigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:331px;
text-align:center;
}


.prognozaigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:56px;
text-align:center;

}

.sigurnostigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:49px;
text-align:center;

}


.koaficentigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:47px;
text-align:center;

}

.rezultatigra1 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:47px;
text-align:center;

}


.poznavaemostigra1 {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
display:block;
float:left;
padding:4px;
text-decoration:none;
font-size:12px;
color:white;
width:55px;
text-align:center;
}




.valid {
width:12px;
height:12px;
position:relative;
top:2px;
}

.firstflag {
width:25px;
height:15px;
position:relative;
left:5px;
bottom:3px;
}

.firstb {
font-size:12px;
color:white;
position:relative;
left:10px;
bottom:5px;
}

.nextflag {
width:25px;
height:15px;
position:relative;
left:2px;
top:2px;
margin:4px;
}

.nextb {
font-size:12px;
color:white;
position:relative;
left:4px;
bottom:5px;
}