html, body
{
	padding:0;
	text-align:center;
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
       font-size: 16px;
     font-family: 'Droid Arabic Naskh',tahoma;
      text-shadow: #0f3 0 0 8px;
} 

a {
	color: #060;
	text-shadow: #060 0 0 8px;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

a:hover,
a:focus {
color: #F06;
text-shadow: #fff 0 0 4px;
-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

a:active {
color: #000;
text-shadow: #fff 0 0 2px;
}



#pagewidth{
	width:960px;
	text-align:center;
	margin:0 auto;
	border: 1px none #999999;
	background-position: 0px 0px;
	background-repeat: repeat;
	background-color: #242424;
	background-image: url(imagenes/back.PNG);
        
	
        
} 
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');
} 

#header{
	position:relative;
	height:52px;
	width:100%;
        font-size: 20px;
	display:block;
	overflow:auto;
        background-image: url(imagenes/bmweb-logo.jpg);
        background-repeat: no-repeat;
	background-position: right center;
        
         
	
	
} 
#Memubar {
     
	width:960px;
	float: left;
	margin-left: 0px;
	padding: 0px;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(top,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  
}


#leftcol{
	width:240px;
	float:left;
	position:relative;
	margin-top: 5px;
	margin-left: 1px;
	border: 1px solid #060;
        background-color:  #fff;
	
     
 }


#twocols{
	width:710px;
	float:right;
	position:relative;
	margin-top: 5px;
	margin-bottom: 10px;
       
  }
  h1, h2, h3, h4, h6  {
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
font-size: 20px;
text-shadow: #00f 0 0 6px;
  font-family: 'Droid Arabic Naskh';
	
}
h5  {
	margin: 0;
	padding: 0px;
	font-size: 28px;
text-shadow: #05f 0 0 2px;
  font-family: 'Droid Arabic Naskh';
	
}
 p {
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
font-size: 16px;

	
}
 
 
#rightcol{
	width:122px;
	float:right;
	position:relative;
	border: 1px solid #FC0;
        margin-right: 4px;
	text-align: center;
	background-color:  #fff;


	
	

 }
 
#maincol{
	float: left;
	position: relative;
	width:574px;
	border: 1px solid #CCC;
	text-align: center;
	margin: 1px;
	padding: 1px;
background-color:  #fff;

        
        
 }
#amazingslider-thumbnails{
width:512px;

background-color:  #aaa;

        
        
 }
#playlist{
background-color: #000;
          width:570px;
          height:190px;
 margin-top: 4px;

}

#footer{
	height:50px;
	background-color:#161211;
	clear:both;
	display:block;
	overflow:auto;
	background-image: url(imagenes/bm-layout_34.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
             font-size: 16px;
	text-align: left;
} 
 
a img {
border : 0 none;
}
 
 .effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
   width:0;
   height:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;

}
.effect:hover img {
	opacity:0.7;
   -moz-transform:scale(2,2);
   -webkit-transform:scale(2,2);
   -o-transform:scale(2,2);
   -ms-transform:scale(2,2);
   transform:scale(2,2);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(100px);
   -webkit-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
}
				


.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{
	display: block;
}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}