#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #336699; /*Brown color theme*/
border-color: #336699; /*Brown color theme*/
color: #F4D822;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #336699 /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/* pentru galerie */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

body{background-color: #CCCCCC; font-family: Verdana,Arial,Serif; font-size: 16px; color: #435377; text-align: justify; margin-top: 0px;}
p.home{font-family: Verdana,Arial,Serif; font-size: 25px; color: #FF0000; text-align: center; margin-top: 0px; font-weight: bold;}
ul.home1{font-family: Verdana,Arial,Serif; font-size: 20px; color: #FF0000; text-align: center; margin-top: 0px; font-weight: normal;}

td.antet{font-family: Verdana,Arial,Serif; font-size: 10px; color: red; text-align: center; font-weight: bold;}
font.antet1{font-family: Verdana,Arial,Serif; font-size: 15px; color: #E61842; text-align: center; font-weight: bold;}

img.antetul {
    max-width: 100%;
    height: auto;
}

p::first-letter {
    font-size: 120%;
    color: #336699;
}

p {
text-indent: 2em
}

h2.colorat {
font-size: 16px;
color: #336699;
}

a.c1:link, a.c1:visited {
    background-color: #336699;
    color: white;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a.c1:hover, a.c1:active {
    background-color: #F4D822;
    color:#336699;
}

hr {
  border: 3px solid #336699;
}

#subtitlu {
text-transform: uppercase;
color: red;
}

table {
  width: 100%;

}
th, td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
tr:hover {background-color: #f5f5f5;}
td.prim {
  width: 450px;
}

<style>
h1.misca {
    -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */
  transition: width 2s, height 4s;
}

h1.misca:hover {
  color: #FECA1F;
  background-color:black;
}
</style>