* {
    box-sizing: border-box;   
}

body {
    background-color:#ffffff;
    color: #000000;
    font-family: arial, serif;
    font-size: 13px;
    margin:0px;
}

div {
    margin-bottom:5px;
    margin-left:5px;
}

.css_main {
    background-color: #ffffff;
    width:95%;
    max-width: 800px;
    text-align:center;
    display:block;
}

.css_main table {
    width:100%;
}

.css_main td {
    vertical-align: top;
    width:50%;
}

.css_title {
    text-align:center;
    font-family: verdana, serif;
    font-size: 20px;
    padding: 5px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #ffffff;
    background-color: #268DC6;
    box-shadow: 1px 1px 1px #339BCC;
    /*border-radius: 10px;*/
    margin:5px;
    width:100%;
}

.css_cmi {
    font-family: arial;
    font-size: 13px;
    background-color: #3ab3ff;
    color:#ffffff;
    text-align:center;
    padding:5px;
    display:inline-block;
    width:100%;
    box-shadow: 1px 1px 1px #d0ddbb;
    float:right;
}

.css_foto img {
    width:100%;
    height:auto;
    text-align:center;
}

.css_motto {
    width:100%;
    padding:5px;
    font-size:13px;
    font-family:arial;
    background-color:#ffffda;
}

.css_program {
    font-family: arial;
    font-size: 14px;
    text-align:left;
    float:left;
    display:inline-block;
    text-align:center;
    width:100%;
}

.css_program b {
    display:block;
    text-align:center;
    margin:5px;
    padding:5px;
    background-color:#f4f4f4;
    
}

.css_program td {
    font-family: arial;
    font-size: 14px;
}

.css_harta img {
    width:100%;
    height:auto;
    text-align:center;    
}

.css_servicii {
    font-family:helvetica;
    font-size:14px;
    padding:5px;
}

.css_servicii br {
    display:inline-block;
}

@media(max-width:400px) {
    .css_main td {
        vertical-align: top;
        display:block;
        width:100%;
    }
   
}