@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
	font: 400 16px/13px Droid Arabic Kufi;
	direction: rtl;
	text-align: center;

}
.menutab{
	width:100%;
	}
.tab1{
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:20px;
	font-family: 'Droid Arabic Kufi';
	font-size: 14px;
	color:#000;
	height:auto;
	vertical-align:top;
	width:60%;
	
	text-align: center;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border:#666 1px solid;
	background-image:url(../image/bac.JPG);
}

.nome{
    font-size: 14px;
    width:100%;
	background-color:#940501;
	color:#FFF;
	border-radius:15px;
	text-align:center;}
	.price{
		height:40px;
		width:60%;
		border-radius:20px;
		background:#940501;
		color:#FFF;
		text-align:center;
	  box-shadow: 1px 0px 0px #1976D2,0px 1px 0px #096,
    1px 1px 0px #ffb701, 1px 2px 0px #ffb701,
    2px 2px 0px #ffb701, 2px 3px 0px #ffb701,
    3px 3px 0px #ffb701, 3px 4px 0px #ffb701,
    4px 4px 0px #ffb701, 4px 5px 0px #ffb701,
    3px 5px 0px #ffb701, 3px 6px 0px #ffb701,
    4px 6px 0px #ffb701, 4px 7px 0px #ffb701,
    5px 7px 0px #ffb701, 5px 8px 0px #ffb701,
    6px 8px 0px #ffb701, 6px 9px 0px #ffb701;}
		.img{
			width:80%;
			height:180px;
			border-radius:15px;}
			.insertlbl{
				width:100%;
				height:20px;
				border-radius:15px;}
				.img2{
			width:80%;
			height:400px;
			border-radius:15px;}
			.insertlbl{
				width:100%;
				height:20px;
				border-radius:15px;}
				.inserttit{
					font:400 16px/13px Droid Arabic Kufi;
					height:25px;
				
					}
					.insertbt{
						width:40%;
	font: Droid Arabic Kufi;
	font-size:16px;
	font-weight:bold;
	height:40px;
		border-radius:20px;
		background:#060;
		color:#FFF;
		text-align:center;
	  box-shadow: 1px 0px 0px #1976D2,0px 1px 0px #096,
    1px 1px 0px #096, 1px 2px 0px #096,
    2px 2px 0px #096, 2px 3px 0px #096,
    3px 3px 0px #096, 3px 4px 0px #096,
    4px 4px 0px #096, 4px 5px 0px #096,
    3px 5px 0px #096, 3px 6px 0px #096,
    4px 6px 0px #096, 4px 7px 0px #096,
    5px 7px 0px #096, 5px 8px 0px #096,
    6px 8px 0px #096, 6px 9px 0px #096;}
	.insertbox{		text-align:right;
	margin-bottom:10px;
	background-color:#FFF;
	text-align: center;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 
            0px 2px 4px rgba(0,0,0,0.1), 
            0px 4px 8px rgba(0,0,0,0.1), 
            0px 8px 16px rgba(0,0,0,0.1);
	border: 1px solid #052B66;
	width: 60%;
	height: auto;
	border-radius:10px;
	padding-top: 20px;}
	.hed{
		width:40%;
		height: auto;
		}
		.link{color:#FFF;}
		.tab2{
	margin-top:100px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:20px;
	font-family: 'Droid Arabic Kufi';
	font-size: 15px;
	color:#000;
	height:auto;
	vertical-align:top;
	width:80%;
	
	text-align: center;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border:#666 1px solid;
	background-image:url(../image/bac.JPG);

	
}
						
@media only screen and (min-width:320px) and (max-width:759px){
	     .menutab{
	width:100%;
	}		
		.price{
			
						width:60%;}
	     .tab1{
	
			 width:100%;}
		.img{
			width:100%;}
			.img2{
			width:95%;
			height: 500px;}
		  .nome{
		
			  width:100%;
			  text-align:center;}
			  .hed{width:99%;}
			  .insertbox{
				  width:100%;	}
	.tab2{
		width:100%;
		height: 500px;
		margin-top:300px;
		}
}