*{font-family:Yanone Kaffeesatz,Segoe UI}
img{max-width:100%}
body{background:#ffb299 url(imagini/back.png);text-align:center}
a{text-decoration:none}
h1{margin:0 5%;text-align:left}


/*display*/
.info {display:inline-block;padding-left:20px;padding:5px;background:#eee}
.red{color:red;font-weight:bold}


/*overflow*/
#header,#content,#menu li a,.headding{overflow:hidden}


#wrapper{margin:0 auto;width:94%;max-width:1004px;background:#fff5d7;box-shadow:0 0 3px 3px #e6ff99;border-radius:9px}



#header{padding:5px;background:#d9a300;border-radius:9px 9px 0 0;position:relative}
#content{min-height:600px;padding:7px}
.content{}
.headding h1{width:500px;float:left}
#logo{width:30%;float:left}
#rotating{width:70%;float:left}
#rotating img{border-radius:9px}
#telefon{font-size:24px;right:15px;top:5px;text-align:right;position:absolute;color:#111;font-weight:bold}
#telefon a{background:rgba(60,60,60,0.8);border-radius:9px;padding:3px;margin-top:3px;font-family:arial;color:#2db300;float:right}
.articol, .full{border:solid 1px #cccccc;background:#dddddd;text-align:justify;border-radius:9px;}
.articol ul{margin:1% 0}
.clear{clear: right;}
.clear::after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.articol{width:44%!important;background:#dddddd;display:block;margin:2% ;float:left}
.articol header{background:#2693ff;text-align:center;border-radius:9px 9px 0 0;font-weight:bold;padding:3px 0}
.articol article{padding:5px}
.item{display:inline-block;background:#ffb973;padding:5px;border-radius:9px;position:relative;width:240px;margin:5px 10px}
.item span{display:inline-block;padding:2px 5px;width:200px;cursor:pointer;text-align:left;line-height:32px}
.item strong{line-height:32px}
.item .produs{border-radius:9px;height:160px;width:auto}
.item span img{float:left;margin-right:5px}
.pretbomba{line-height:32px!important;}
.pretmare{line-height:26px!important;}
.pretmic{line-height:20px!important;}

.arataingrediente{position:absolute;top:6px;width:80px;line-height:26px;z-index:1000;background:rgba(180,250,60,0.8);border-radius:5px;color:#006666;left:-8px;top:-8px;cursor:pointer}
.ingrediente{background:rgba(150,150,150,0.8);position:absolute;top:26px;width:220px;height:190px;display:none;z-index:1000;text-align:justify;border-radius:9px;padding:5px}


#menu{background:#ff8000;width:100%;overflow:hidden}
#menu ul{margin:0;padding:0;list-style:none}
#menu li{font-size:24px;display:inline-block;margin:3px 0px;text-align:center}
#menu li a{min-width:100px;line-height:32px;height:32px;background-color:#d9a300;border:solid 1px #d96c00;display:block;padding:2px 10px;text-align:left;color:#eee;border-radius:26px;clear:both}
#menu li a:hover{color:#222;background:#bfff00}


#menu li span{float:left;height:32px;width:32px;margin-right:4px}

a#pizza span{background:url(imagini/icon/pizza.png) no-repeat;}
a#paste span{background:url(imagini/icon/paste.png) no-repeat;}
a#salate span{background:url(imagini/icon/salate.png) no-repeat;}
a#contact span{background:url(imagini/icon/contact.png) no-repeat;}
a#acasa span{background:url(imagini/icon/acasa.png) no-repeat;}
a#oferte span{background:url(imagini/icon/oferte.png) no-repeat;}
a#piadine span{background:url(imagini/icon/piadine.png) no-repeat;}
a#deserturi span{background:url(imagini/icon/deserturi.png) no-repeat;}


a#acasa{max-width:32px;min-width:32px!important;}


#footer{border-radius:0 0 9px 9px;min-height:30px;background:#bbbbbb;text-align:left;padding:10px}

#footer ul{min-width:300px;background:#444}
/*radius*/


@media screen and (max-width: 1024px) {
	#menu li a{padding:0 5px;min-width:80px;font-size:20px}
	#gotop{height:32px;width:32px;position:fixed;z-index:1000;background:url(imagini/icon/top.png) no-repeat;right:5px;bottom:5px}
	#content{font-size:16px}
	#telefon{font-size:16px}

}

@media screen and (min-width: 1024px) {
	#rotating{width:620px;height:150px;float:right}
	.item{padding:10px;margin:10px 15px}
	#content{font-size:18px}
}

@media screen and (min-width: 680px) {
	.articol{}
}

@media screen and (max-width: 800px) {
	#menu li a{min-width:32px!important;max-width:32px;overflow:hidden}
	.content{display:block}
	.articol{width:94%!important;margin:1% 3%;display:inline-block}
	#content{font-size:14px}
	#telefon{font-size:14px}

}

@media screen and (max-width: 680px) {
}

@media screen and (max-width: 480px) {
	#logo{width:auto;float:left;max-height:100px;max-width:300px}
	#logo img{width:auto;max-height:100px}
	#rotating{display:none!important}
}