button:disabled {
background-color:#D0D0D0;
padding:8px;
border: 1px solid grey;
border-radius:4px;
resize:vertical;
}
button:enabled {
background-color:#D0D0D0;
padding:8px;
border: 1px solid grey;
border-radius:4px;
resize:vertical;
}
button:enabled:hover {
background-color:#B0B0B0;
}
input {
padding:8px;
border: 1px solid grey;
background-color: #D0D0D0;
border-radius:4px;
resize:vertical;
}
#crumbs { list-style:none; }
#crumbs li { display: inline; } 
ul {
list-style-type:none;
padding-left:10px;
}
li{
margin:10px 0;
}
.produse
{
float:left;
}
.fantoma
{
 color:black;
 /* text-shadow: 3px 3px 15px black;*/ 
 font-size:18px;
}
.arrow 
{
 color:black;
 padding-left:5px;
 padding-right:5px;
}
a {
color:red;
font-weight:bold; 
text-decoration:none;
display:inline-block;
}
.cool::after 
{
content: "";
display:block;
width: 0;
height: 2px;
background:red;
transition: width 0.3s
}
.cool:hover::after 
{
width: 100%;
transition: width 0.3s;
} 
p {
color:red;
font-weight:bold;
}
#container
{
margin-left:auto;margin-right:auto;
width:850px;
padding-top:30px;
overflow:hidden;
}
#top 
{
background-image:url(ztop.png);
background-repeat:repeat-x;
height:90px;
}
#nav
{
background-color:#D0D0D0;
border-bottom:10px Solid #B0B0B0;
padding-left:10px;
color:red;
font-weight:bold;
}
#left
{
background-color:#D0D0D0;
width:140px;
font-size:18px;
float:left;
padding-bottom: 100%;
margin-bottom: -100%;
}
#right
{
background-color:LightGrey;
float:right;
width:150px;
padding:10px;
padding-bottom: 100%;
margin-bottom: -100%;
}
#rasp
{
float:right;
padding-right:5px;
padding-top:5px;
padding-bottom:10px;
}
.myimg
{
margin-right:4px;
margin-left:4px;
margin-bottom:4px;
}
#center
{
border-left:10px solid #B8B8B8;
border-top:0px;
background-color:#D0D0D0;
color:#333;
font-weight:bold;
float:left;
width:680px;
padding:10px;
overflow-wrap:normal; 
padding-bottom: 100%;
margin-bottom: -100%;
}
#footer
{
background-color:#D0D0D0;
text-align:center;
border-top:10px solid #B8B8B8;
width:850px;
color:red;
font-weight:bold;
margin:0 auto;
}
body
{
background-color:#B8B8B8;
}
@media screen and (max-width:980px) {
    #footer, #container {
        width:100%;
        padding:0px;
        margin:0px;
    }
}
@media screen and (max-width:980px) {
    #left {
        width:100%;
        margin-bottom:10px;
        height:auto;
        padding-bottom:0px;
    }
}
@media screen and (max-width:980px) {
    #center {
        border-left:0px;
        padding:3px;
        width:100%;
        margin-bottom:0px;
    }
}
@media screen and (max-width:980px) {
    .produse {
         width:100%;
         float:none;
         padding:0px;
    }
}