body, mapa{ margin: 20px auto;}

body{ width: 100%;}
mapa{ width: 800px;}


polygon{
	fill: #DEDEDE;
	stroke: #000;
}

polygon:hover{
	fill: #EEE;
	cursor: pointer;
}

polygon.normal{
	fill: #568447;
	stroke: #000;
}

polygon.normal:hover{
	fill: #709f5f;
	cursor: pointer;
}

polygon.ice{
	fill: #0072bc;
}

polygon.ice:hover{
	fill: #008bd8;
}

polygon.wind{
	fill: #fff71f;
}

polygon.wind:hover{
	fill: #ffea00;
}

polygon.warm{
	fill: #dd5600;
}

polygon.warm:hover{
	fill: #b72d17;
}

div.pictures.index > div, div.extbanners > div {
    float: left;
    padding: 10px;
    margin: 0 3px 3px 0;
    background-color: #dedede;
    border-radius:5px;
    height: 180px;
}
.pic-keret {
    float: left;
    padding: 10px;
    margin: 0 3px 3px 0;
    background-color: #dedede;
    border-radius:5px;
}
@media (max-width: 1024px) {
#mapfix{
    overflow: scroll;
}
}
.cake-sql-log th{
    background-color: #222;
    color: #EEE;
    border-right: 1px solid #FFF;
}
.cake-sql-log td{
    border-right: 1px solid #000;
}

.cake-sql-log td, .cake-sql-log th {
    padding: 5px;
    border-bottom: 1px solid #000;
}
.cake-sql-log tr:nth-child(2n+1) td{
    background-color: #EEE;
}
.cake-sql-log th:last-child, .cake-sql-log tr td:last-child{
    border-right: none;
}
#map { height: 600px; }