a {
  color:inherit;
  text-decoration: none;
 }
/* max 4000px*/
#minrezolutie{width: 0px;height: 0px;overflow: hidden;}
#header{ max-width: 1200px;height: 46px;margin: auto;}
    #logo{float: left;width: 210px;height: 44px;border: 1px solid gray; border-radius: 5px;}
    #salut{float: right;width: auto;height: auto;font-size: 17px;font-family: sans-serif;color: dimgray;margin-top: 25px;font-weight: bold;}
#meniu{max-width: 1200px;height: 34px;margin: auto;padding: 3px;margin-top: 5px;}
    #meniu span{float: left;width: auto; height: 20px;font-size: 16px;padding: 6px;color: darkslategray;font-weight: bold;
                    transition: background-color 0.5s,color 0.5s;font-family: sans-serif;margin: 1px 3px 2px 3px; 
                    background-color: #f3f3f3;border: 1px solid chocolate;border-radius: 3px;}
    #meniu span:hover{background-color: dimgray;color:white;transition: background-color 0.5s, color 0.5s;}
#info{max-width: 1200px; height: auto;border: 1px solid gray;margin: auto;border-radius: 5px;margin-top: 10px;font-style: italic;
        font-family: sans-serif; color: dimgray;padding: 5px;}
#info_buton{float: right;width: 0px; height: 0px;overflow: hidden;} 
#lucrari_executate{ max-width: 1200px;height: auto;margin: auto;}
    #titlu{float: left; width: 100%;height: 28px;font-size: 20px;color: black;text-align: center;font-family: sans-serif;
            margin-left: 5px;margin-top: 15px;margin-bottom: 5px;padding-top: 5px;
            background-image: linear-gradient(90deg, white, gray, white); }
    #casuta{float: left;width: 18%;height: 185px;border: 1px solid gray;border-radius: 3px;margin: 5px 5px 5px 5px;
            background-color:powderblue; transition: background-color 0.5s;}
        #img_casuta{width: 95%;height: 70%; margin: 3px 5px 5px 4px;border: 1px solid #f3f3f3;}
        #titlu_casuta{width: auto;height: auto;margin: auto; color: saddlebrown; font-size: 15px;font-family: sans-serif;font-weight: bold;
                        text-align: center;margin-top:0px;}
        #casuta:hover{background-color: #f3f3f3;transition: background-color 0.5s;}
#footer{max-width: 1200px;height: auto;margin: auto;}
    #footer_id{float: left;width: 98%;height: 160px; border: 1px solid gray;margin-top: 10px;background-color: #f3f3f3;border-radius: 5px;}
    #footer_id_c{max-width: 550px;height: auto;margin: auto;margin-top: 10px;}
    #footer_id span {float: left;width: auto;height: 20px;font-size: 15px;font-weight: bold;font-family: sans-serif;color: brown;
                    background-color: white;border: 1px solid gray;border-radius: 5px;margin: 0px 4px 4px 4px;padding: 4px;margin-top:0px;}
    #footer_id span:hover{background-color: dimgray;color: white;transition: background-color,color 0.5s;}
    #footer_id_cc{max-width: 170px;height: auto;margin: auto;}
    #footer_id_cc a{float: left; width: auto; height: 20px; margin-top: 15px;font-size: 17px;font-style: italic;font-family: sans-serif;
                        font-weight: bold;color: dimgray;background-color: white;border-radius: 3px;border: 1px solid darkslategray;padding-left: 3px;margin-bottom: 20px;}
    #footer_id_cc img{float: right;width: 20px; height: 20px;margin-left: 5px;}
    #footer_id_cc a:hover{background-color: bisque;}
    #footer_id_ccc {max-width: 260px;height: auto;margin: auto;text-align: center;font-size: 15px;font-family: sans-serif;}
    #footer_id_ccc_centru{float: left; width: 260px;height: auto;}
#dis{width: 100%;height: 20px;float: left;}
#con_l{color: black;}
#con_l:hover{color: brown;}
#of_l{color: black;}
#of_l:hover{color: brown;}

/* max 1000px*/
@media screen and (max-width:1001px){
    #casuta{width: 22.5%;height: 190px;}
        #img_casuta{width: 95%;height: 70%; margin: 3px 5px 5px 4px;}
}
/* max 800px*/
@media screen and (max-width:801px){
    #casuta{width: 22.5%;height: 190px;}
        #img_casuta{width: 93%;height: 70%; margin: 3px 5px 5px 4px;}
}
/* max 600px*/
@media screen and (max-width:601px){
    #header{ max-width: 1200px;height: 35px;margin: auto;}
    #logo{float: left;width: 130px;height: 30px;border: 1px solid gray; border-radius: 5px;}
    #salut{font-size: 13px;margin-top: 17px;}
#meniu{max-width: 1200px;height: 30px;margin: auto;padding: 3px;margin-top: 5px;}
    #meniu span{height: 18px;font-size: 15px;padding: 3px;margin: 1px 3px 2px 3px; }
#info{float: left; max-height: 52px;overflow: hidden;}  
#info_buton{float: right;width: 100%;height: 40px; margin: -2px 10px 0px 0px;}   
    #info_buton buton{float: right;padding: 5px;font-size: 14px;color: cadetblue;font-family: sans-serif;font-weight: bold;
                        border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top:3px solid white;
                        border-left: 1px solid dimgray;border-bottom: 1px solid dimgray; border-right: 1px solid dimgray;background-color: white;}
    #casuta{ float: left;width: 22.5%;height: 185px;border: 1px solid gray;border-radius: 3px;margin: 5px 5px 5px 5px;}
        #img_casuta{width: 91%;height: 67%; margin: 3px 5px 5px 4px;border: 1px solid #f3f3f3;}
        #titlu_casuta{width: auto;height: auto;margin: auto; color: saddlebrown; font-size: 15px;font-family: sans-serif;font-weight: bold;
                        text-align: center;}
    #titlu{margin-top: 0px;}
    #footer_id_c{max-width: 450px;}
    #footer_id span {height: 15px;font-size: 12px;padding: 3px;}
}

/* max 500px*/
@media screen and (max-width:501px){
    #casuta{width: 30%;height: 185px;}
        #img_casuta{width: 93%;height: 70%; margin: 3px 5px 5px 4px;}
    #footer_id_c{max-width: 400px;}
    #footer_id span{height: 15px;font-size: 10.2px;padding: 3px;}
}
/* max 400px*/
@media screen and (max-width:401px){
    #meniu span{height: 16px;font-size: 13px;}
    #casuta{width: 45%;height: 175px;}
        #img_casuta{width: 93%;height: 70%; margin: 3px 5px 5px 4px;}
    #footer_id_c{max-width: 270px;}
    #footer_id span{height: 15px;font-size: 12px;padding: 3px;}
}



/* max 279px*/
@media screen and (max-width:279px){
    #minrezolutie{
        width: 100%;
        height: 100%;
        margin: auto;
        font-family: Garamond;
		font-size: 30px;
		color: teal;
    }
    
    
}