@import url('/assets/fonts/stylesheet.css');

body.main{
	background: #fff url('/assets/img_blue/body-bg.png') repeat-x 0 0;
}

body.index{
	background: #fff url('/assets/img_blue/index-body-bg.png') repeat-x 0 0;
}

h2{font-size:24px !important;}
h3{font-size:18px !important;}

section a{
	color:#000;
	text-decoration:underline;
}

.container{max-width:940px;}


/* Header section */

header{background:url('/assets/img_blue/header-bg.png') no-repeat 50% 0;}

header h1{
	font:88px 'ds_arabicregular';
	color:#0f5168;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px  2px 0 #fff, 2px  2px 0 #fff, 4px 4px 10px #3e3e3e;
	margin-top:50px;
}

header h2{
	font:24px 'asia_asnormal';
	color:#000;
}

header ol li{font-family:Calibri, Tahoma, Helvetica, sans-serif;}

header .navbar-header .navbar-brand {
	font: 35px 'ds_arabicregular' !important;
	padding: 10px 10px !important;
	margin-left:3px !important;
}

/* Top menu */

header nav{
	display:inline-block;
	width:100%;
	text-align:center;
	background: #1d5b71;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkNWI3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzJlNjg3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzEyNTM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUzNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  #1d5b71 0%, #2e687c 40%, #12536a 60%, #12536a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d5b71), color-stop(40%,#2e687c), color-stop(60%,#12536a), color-stop(100%,#12536a));
	background: -webkit-linear-gradient(top,  #1d5b71 0%,#2e687c 40%,#12536a 60%,#12536a 100%);
	background: -o-linear-gradient(top,  #1d5b71 0%,#2e687c 40%,#12536a 60%,#12536a 100%);
	background: -ms-linear-gradient(top,  #1d5b71 0%,#2e687c 40%,#12536a 60%,#12536a 100%);
	background: linear-gradient(to bottom,  #1d5b71 0%,#2e687c 40%,#12536a 60%,#12536a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5b71', endColorstr='#12536a',GradientType=0 );
	box-shadow:inset 0 0 5px #0f5168;
	margin-top:5px;
        margin-bottom:0px !important; /*
	margin-left:-10px !important; */
	min-height: 40px !important;
}

header nav a{
	display:inline-block !important;
	padding: 6px 10px;
	margin: 2px -4px 2px 0 !important;
	color:#fff !important;
	font-size:14px !important;
	font-family:Calibri, Tahoma, Helvetica, sans-serif !important;
	text-decoration:none !important;
}

@media (min-width: 768px) {
	.navbar-nav a {
		background:url('/assets/img/nav-border.png') no-repeat 0 50% !important;
	}
}

header nav a:first-child{background:none;}

header nav a:hover{
	color:#000 !important;
	text-decoration:none !important;
	background: #167fa4 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2N2ZhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2YyZWFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmVhZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  #167fa4 0%, #f2eaeb 58%, #f2eaeb 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#167fa4), color-stop(58%,#f2eaeb), color-stop(100%,#f2eaeb)) !important;
	background: -webkit-linear-gradient(top,  #167fa4 0%,#f2eaeb 58%,#f2eaeb 100%) !important;
	background: -o-linear-gradient(top,  #167fa4 0%,#f2eaeb 58%,#f2eaeb 100%) !important;
	background: -ms-linear-gradient(top,  #167fa4 0%,#f2eaeb 58%,#f2eaeb 100%) !important;
	background: linear-gradient(to bottom,  #167fa4 0%,#f2eaeb 58%,#f2eaeb 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167fa4', endColorstr='#f2eaeb',GradientType=0 ) !important;
}

header nav a:after{
	border-bottom:none !important;
}

header form{
	float:right;
	margin:0 !important;
	padding:5 !important;
}

header nav input[type='submit']{
	margin:7px 5px 0 0 !important;
	width:30px;
	position:relative;
	left:-35px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

header nav input[type='search']{
	background:#fff url('/assets/img_blue/search-icon.png') no-repeat 95% 50% !important;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4) !important;
	width:160px;
	height:28px !important;
	padding:2px 5px !important;
	margin:7px 5px 0 0 !important;
	border: 1px solid #ac9090 !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 15px !important;
	font-family:Calibri, Tahoma, Helvetica, sans-serif;
	font-size:12px;
}

header nav input[type='search']:focus{border: 1px solid #ac9090 !important;}


/* Top Content Box */

.top-content{
	margin:3px 0; /* Временно для баннера. Старое значение 30px */
	background:#fff;
	border:1px solid #91afba;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	min-height:360px !important;
}

nav.top-content{
	padding:13px 0;
	max-width:230px;
}

nav.top-content a{
	display:block;
	padding: 0 40px;
	background:url('/assets/img_blue/left-menu-breaker.png') no-repeat 50% 0 !important;
	text-decoration:none;
	color:#000;
	font: 16px/37px 'kabelc_mediumregular' !important;
}

nav.top-content h4{
	display:block;
	padding: 0 10px;
	color:#0f5168;
	font: 16px/37px 'kabelc_mediumregular';
}

nav.top-content em{
	display:block;
	padding: 0 5px;
	color:#0f5168;
}

nav.top-content a:first-child{background:none;}

section.top-content{padding: 10px 40px;}

.top-content h2, .top-content h3{
	text-align:center;
	font-family: 'a_futuraroundregular';
	line-height:20px;
}

section.top-content p{font:14px/25px Arial, Helvetica, sans-serif;}
section.top-content .s4{margin-top:20px;}

section.top-content p.quote{
	width:270px;
	padding:12px 10px;
	margin-right:30px;
	font:italic 12px/25px Arial, Helvetica, sans-serif;
	float:left;
}

section.top-content p.quote:after{
	content:' ';
	display:block;
	width:100%;
	height:40px;
	background:url('/assets/img_blue/quote-bg.png') no-repeat 50% 100%;
}

span.link{
	display:inline-block;
	width:8px;
	height:8px;
	margin:2px 5px;
	background:url('/assets/img/lnk.png') no-repeat 50% 0;
}

span.play_but{
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 5px;
	margin-bottom:-3px;
	background:url('/assets/img/playpause.gif') no-repeat 50% 0;
	cursor:hand;
}

.three-column{
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
	}

.three-column ul{list-style-type:none;}

.right-direction{direction:rtl;}
.right-direction h2{text-align:inherit !important;}
.right-direction h3{text-align:inherit !important;}

p.center{text-align:center;}

div.arabic, section.top-content div.arabic p{
	font-family: "Traditional Arabic", "Amiri", "Simplified Arabic", "Verdana", "Tahoma" !important;
	unicode-bidi: embed;
	direction: rtl;
	text-align: right;
	line-height: 2;
  font-size: xx-large !important;
	}

div.arabic h2{
	font-family: "Traditional Arabic", "Amiri", "Simplified Arabic", "Verdana", "Tahoma" !important;
	letter-spacing: normal !important;
	}

div.arabic p, div.russian p, div.transc p {
        display: inline;
  }

table.quranindex td, table.quranindex th{
	padding: 8px;
	border-spacing: 5px;
	border: 1px solid #91afba;
	}

.quranindex, .geoindex, .regionindex{
        padding-bottom: 20px;
        width: 100%;
        column-gap: 20px;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-rule: 1px solid #000;
        -moz-column-rule: 1px solid;
        -webkit-column-rule: 1px solid #000;
}
.quranindex, .geoindex{
        column-width: 120px;
        -moz-column-width: 120px;
        -webkit-column-width: 120px;
}
.regionindex, .trncindex{
        column-width: 180px;
        -moz-column-width: 180px;
        -webkit-column-width: 180px;
}
.regionindex a, .trncindex a, .geoindex a{
	white-space: normal; 
	width: 100%;
}
.arabic a, span.arabic{
        font-size: x-large !important;
}

.ar {
    font-size: x-large;
    font-family: "Traditional Arabic", "Amiri", "Simplified Arabic", "Verdana", "Tahoma";
}

.play_but {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/assets/images/playpause.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
}


/* Bottom Content Box */

.bottom-content{
	margin-top:60px;
	background:#f4f3f3;
	border:1px solid #ebebeb;
	box-shadow: inset 0 0 5px rgba(235,235,235,0.58);
	padding:10px;
	margin-left:19px;
	min-height:340px !important;
	font-size:13px;
}

.bottom-content a{
	color:#0f5168;
	font-style:italic;
}

.bottom-content ul{
	list-style-type:none;
	margin:0 !important;
}

.bottom-content ul li{
	background:url('/assets/img/marker.png') no-repeat 0 3px;
	padding-left:30px;
}

.quote-bottom{margin-top:36px;}

.quote-bottom p{
	padding:0 50px;
	color:#0f5168;
	font:italic 20px Arial, Helvetica, sans-serif;
}

.news-on-site{margin-left:0 !important;}

.news-on-site .row{margin-left:0 !important;}

.news-on-site h3{
	margin:36px 0 16px 0;
	color:#464646;
	font:20px 'a_futuraroundregular';
}

.news-on-site h4{
	color:#0f5168;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	margin:-3px 0 0 18px;
}

.news-on-site img{
	border:1px solid #e1e1e1;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	padding:6px;
	background:#fff;
}

.news-on-site p{
	margin-left:18px;
	color:#636363;
	font:14px/24px Arial, Helvetica, sans-serif;
}



/* Footer */

.footer{
	background: #b7cad1 url('/assets/img_blue/footer-bg.png') repeat-x 50% 0;
	margin:0;
	margin-top:40px;
}

.footer .s4{padding-top:30px;}

.footer .s4 p{
	width:100%;
	text-align:center;
	color:#000;
	font:14px Calibri, Tahoma, Helvetica, sans-serif;
}

.footer .s4 p a{
	color:#765454;
	text-decoration:underline;
}

.footer h3{
	margin-top:-20px;
	text-align:right;
	font:60px 'ds_arabicregular' !important;
	color:#0f5168;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff, 4px 4px 4px #000;
}

a.idTop, div.idTop{
 position: fixed;
 z-index: 9999;
 bottom: 0%;
 right: 0%;
 background: #7db9e8;
 opacity: .6;
 color: #fff;
 padding: 10px;
 margin: 5px 15px 45px 5px;
}
a.idTop:hover {
 opacity: 1;
}

.span9 p a img, .span9 h4 a img{
  padding: 3px;
}

.adfooter {
	max-height: 360px;
}

details {
margin: 1em;
}

summary {
cursor: pointer;
}