#meste11{
        }
#meste11obr {
        float: right;
        width: 326px;
        height: 291px;
        padding: 0px;
        max-width: 35%;
        background: transparent url(../images/meste11.jpg) top right no-repeat;
        margin: 5px;
        background-size: contain;
        }
#mesteobr1frame {
        margin-right: auto;
        margin-left: auto;
        width:345px;
        max-width: 100%;
       clear: both;
}
#mesteobr2frame {
        margin-right: auto;
        margin-left: auto;
        width:339px;
        max-width: 100%;
       clear: both;
}
#mesteobr3frame {
        margin-right: auto;
        margin-left: auto;
        width:343px;
        max-width: 100%;
       clear: both;
}
#mesteobr4frame {
        margin-right: auto;
        margin-left: auto;
        width:339px;
        max-width: 100%;
       clear: both;
}
#mestef {
width: 100%;

        background: transparent url(../images/mestef.jpg) bottom center no-repeat;
        background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
        }
#mesteb {
width: 100%;
    
        background: transparent url(../images/mesteb.jpg) bottom center no-repeat;
       background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
        }
#mestee {
width: 100%;
    
        background: transparent url(../images/mestee.jpg) bottom center no-repeat;
        background-size: contain;
       background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
        }
#mested {
width: 100%;
       
        background: transparent url(../images/mested.jpg) bottom center no-repeat;
        background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
        }

#comfline1a{
         }
#comfline1aobr {
        float: center;
        width: 699px;
        height: 300px;
        padding: 0px;
        max-width: 100%;
        background: transparent url(../images/comfline1a.jpg) bottom center no-repeat;
        margin: 5px;
        background-size: contain;
        }