#vprognoza {
    height: 100%;
    font-family: Arial;
    max-width:950px;
}
#left {
    float: left;
    background-color: #fff;
    width:100%;
    margin-top:7px;
}
.day th,.day  td, #detali1 th, #detali1 td{
    vertical-align:middle;
    border:1px solid #88bcce;
    font-size:16px;
}
.tableheader{
    background-color: #D5EDF7;
    height:30px;

}
.day th {
        font-weight:normal;
}
.day img {
    padding:2px;
    width:40px;
}
caption {
    padding:20px 0 10px 0;
    font-size:18px;
    font-weight:bold;
}
.day,#detali1{
    margin: 0 auto;
    text-align: center;
    width:100%;
    border:1px solid #88bcce;
    border-collapse:collapse;
}
.time1,.time3,.one,.three,.five,.grad {
    background-color: #F4FAFD;
}
.temperatura b{
    font-size:20px;
     color:red;
}
#grad, #grad1, #grad b, #grad1 b {
    font-size:30px;
}

#grad, #grad1 {
    text-align: center;
    background-color: #D5EDF7;
    padding:13px 0px;
    border:1px solid #88bcce;
    border-color: #88BCCE;
    cursor:pointer;
}
#gradovi {
    margin: 0 auto;
    text-align: center;
    width:100%;
    border:1px solid #88bcce;
    border-color: #88BCCE;
     border-top: 0;
}

#gradovi a {
    color:#000;
    text-decoration:none;
    padding: 5px 15px;
    display:block;
}

 #gradovi a:hover {
    text-decoration:underline;
}
#gradovi {
    width:100%;
    text-align:left;
    table-layout: auto;
}
 #gradovi td {
    height:22px;
}
#moment {
    text-align: center;
    background-color: #D5EDF7;
    border:1px solid #88bcce;
    border-color: #88BCCE;
    font-weight:normal;
    border-bottom:none;
    padding:10px 15px;
    font-size:16px;
}
#detali1 {
    height:95px;
    
}

    #detali1 td {
        font-size:35px;
    }

#detali1 td, #detali1 th{
    border: none;
}
#now1 {
    color:red;
    text-align: end;
}
#minmax {
    text-align: start;
    padding-left: 5px;
}
 #minmax img {
    height:26px;
}
#sl1 img {
    width:85px;
}
img {
    border:none;
}

/* MAP */

#map {
    width:100%;
    float:left;
    height:280px;
}
#towns {
    display:block;
               
    height:250px;
    background-image:url('/images/weather/regions.jpg');
                
}
#cName0,#cName1,#cName2,#cName3,#cName4,#cName5,#cName6,#cName7,#cName8,#cName9 {
    position: relative;
    font-size:12px;
    font-family: Arial;
}
         
/*Kumanovo*/
#cName0 {
left: 110px;top: 35px; width: 60px;
}
/*Tetovo*/
#cName1 {
    left:22px; top:30px;width: 60px;
}
/*Skopje*/
#cName2 {
    left:80px; top:0px;width: 60px;
}
/*Gostivar*/
#cName3 {
    left:10px; top:10px;width: 60px;
}
/*Veles*/
#cName4 {
    left:110px; top:-25px;width: 60px;
}
/*Shtip*/
#cName5 {
    left:170px; top:-55px;width: 60px;
}
/*Strumica*/
#cName6 {
    left:220px; top:-40px;width: 60px;
}
/*Prilep*/
#cName7 {
    left:85px; top:-50px;width: 60px;
}
/*Ohrid*/
#cName8 {
    left:10px; top:-55px;width: 60px;
}
/*Bitola*/
#cName9 {
    left:60px; top:-70px;width: 60px;
}
#map img { 
    -webkit-filter: drop-shadow(2px 2px 2px #333);
    width:25px;
    border:none;
}
#temp {

    color:black;
    top: -8px;left: -1px; 
    position: relative; 
    text-shadow:3px 3px 6px black;
}
            
#map a {
    text-decoration:none;
}

