#emolmlt-incendiosconaf {
max-width: 709px;
clear:both;
}

#emolmlt-incendiosconaf > ul,
#emolmlt-incendiosconaf ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding:0px;
margin:0px;
}

#emolmlt-incendiosconaf > ul > li {
background-color: #efefef;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}

#emolmlt-incendiosconaf > ul > li p {
padding: 0px 10px;
margin:0px;
}

#emolmlt-incendiosconaf h3 {
background-color: #345d7d;
color: #fff;
margin:0px;
font-weight: bold;
font-size: 16px;
margin-bottom:10px;
padding: 8px 15px;
}

#emolmlt-incendiosconaf h3 > span {
display: block;
font-size: 13px;
line-height: 15px;
margin-top:2px;
color: #cae2f5;
}

#emolmlt-incendiosconaf li h4 {
margin:10px 0px 15px 0px;
padding: 5px 90px 5px 10px;
background-color: #CCD6DE;
position: relative;
font-size: 14px;
font-weight: bold;
}

#emolmlt-incendiosconaf ol > h4 {
background-color: #4f8ebf;
color: #fff;
margin:10px 0px 15px 0px;
padding: 5px 10px 5px 10px;
}

#emolmlt-incendiosconaf ol h4 > span {
position: absolute;
right:0px;
top:0px;
bottom:0px;
line-height: 30px;
padding: 0px 10px;
min-width: 65px;
text-align: center;
background-color: #f44336;
color: #fff;
}

#emolmlt-incendiosconaf ol li {
background-color: #fff;
margin: 0px 10px 20px 10px;
padding-bottom: 15px;
border-bottom: 1px solid #CCD6DE;
}

#emolmlt-incendiosconaf ol li:first-child {
margin-top:20px;
}

#emolmlt-incendiosconaf ol li:last-child {
margin-bottom:5px;
}

#emolmlt-incendiosconaf ol li > p {
margin-top:15px;
padding: 0px 15px;
}

#emolmlt-incendiosconaf ol li > p b {
color: #333333;
font-size: 12px;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf {
padding:0px;
margin:0px;
list-style-type: none;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li {
display: inline-block;
text-align: center;
width: 23%;
padding: 5px 1%;
font-weight: bold;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf[data-cols="3"] li {
width: 31.3%;
padding: 5px 1%;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li:last-child {
padding: 5px 0%;
width: 100%;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li:last-child span {
width: 44%;
margin: 5px 28% 0px 28%;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span {
display: block;
background-color: #333;
color: #fff;
font-size: 20px;
padding: 10px 0px;
margin: 5px 10% 0px 10%;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span[data-incendio="act"] { background-color: #607d8b; }
#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span[data-incendio="cnt"] { background-color: #ff9800; }
#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span[data-incendio="cmb"] { background-color: #F44336; }
#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span[data-incendio="ext"] { background-color: #4CAF50; }
#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li span[data-incendio="hec"] { background-color: #5e5e5e; }

#emolmlt-incendios-region {
font-size: 13px;
}

#emolmlt-incendios-region th {
font-weight: bold;
background-color: #ccc;
color: #333;
font-size: 13px;
padding: 4px;
}

#emolmlt-incendios-region td {
padding: 6px 4px;
border-bottom: 1px dotted #ccc;
}

#emolmlt-incendios-region tr:last-child td {
border-bottom: 0px;
}

#emolmlt-incendios-region tr td:first-child {
width:120px;
text-align: right;
}

#emolmlt-incendios-region td div {
font-size: 11px;
font-weight: bold;
color: #fff;
display: inline-block;
background-color: #f44336;
height: 24px;
line-height: 24px;
text-align: right;
vertical-align: middle;
min-width: 1px;
}

#emolmlt-incendios-region td div > span {
padding-right:5px;
color: #fff;
}

#emolmlt-incendios-region td span {
display: inline-block;
color: #444;
font-size: 11px;
font-weight: bold;
margin-left: 5px;
}

@media only screen and (max-width:580px) {

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li,
#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf[data-cols="3"] li {
width: 48%;
}

#emolmlt-incendiosconaf > ul ul.emolmlt-situacionconaf li:last-child span {
width: auto;
margin: 5px 5% 0px 5%;
}

#emolmlt-incendiosconaf > ul,
#emolmlt-incendiosconaf ol {
font-size: 14px;
line-height: 20px;
}

}