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

*{-webkit-tap-highlight-color: rgba(0,0,0,0); margin: 0; padding: 0;}

a:link {color: rgba(255,255,255,0.85);;text-decoration: none;}
a:visited {color: rgba(255,255,255,0.85);;text-decoration: none;}
a:hover {color: rgba(255,255,255,0.85);;text-decoration: none;}
a:active {color: rgba(255,255,255,0.85);;text-decoration: none;}

@font-face {font-family: 'fonte'; src: url('font.ttf');}


body{
	font-family: 'fonte', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma,  sans-serif;
	background: url(../images/topo.jpg) no-repeat top center;
	background-size: 100% auto;    
	background-color: #000f16;
	font-size: 100%;
	color: rgba(255,255,255,0.85);
}


.titulo{
    float: left;
    text-align: left;
    width: 95%;
    padding: 5px 2.5% 7.5px 2.5%;
    background-color: rgba(0,0,0,0.6);
    font-size:110%;    
    padding-top:40px;
    padding-bottom: 20px;
    border-bottom: 10px solid rgba(0,0,0,0.4);
}

.quron{
	float: left;
	width:80%;
	margin-left:10%;
	font-size: 140%;
}


.quran{
	float: left;
	width:80%;
	font-size:120%;
	margin-left:10%;
	color: rgba(255,255,255,0.5);
}


.topo{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

	.topo img{width: 100%; float: left;}


.menu{
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 10px;
}

.menu a{
	float: left;
	width: 70%;
	background: url(../images/item_bg.png) no-repeat top right;
	background-size: contain;   	
	background-color: rgba(0,0,0,0.3);
	padding: 10%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 120%;
	font-size: 120%;
	border-left: solid 20px rgba(0,0,0,0.2);
	border-right: solid 20px rgba(0,0,0,0.2);
	/*word-wrap: break-word;*/
	/*border-radius: 10px;*/
}

.small{
	color: rgba(255,255,255,0.4);
	float: right;
	direction: rtl;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
	letter-spacing: 2px;
	font-size:130%;
}