body {cursor : url(../media/cursor2.cur), default;
	background: url(../media/button_back.jpg )  fixed ; 
	height: auto;
	min-height: 100%; 
	margin-top:0px;}
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { background-color:transparent;}
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background:white; -webkit-box-shadow: inset 0 0 3px  #999;  }
@font-face { font-family: 'CustomFont'; src: url('../font.ttf');}
h1 {line-height: 0.9em;}
h2 {font-size: medium;}
a {color:#00F; text-decoration:none;}
a:hover { text-decoration:underline;}
.nocss { display:none;}
.text_size /*za menu ot lqvo (font size, discover, etc.)*/{ font-size:24px; position:fixed; z-index:15px; width:25px; float:right; right:0; margin-right:0; background-color:white; border:1px solid  
#CCC;color: #E2FDB0; text-align:center ; text-shadow:1px 0px 0px  #CCCCCC;  }
.text_size:hover { background-color: #E2FDB0; color:white; text-shadow:0px 0px 0px  #FFFFFF; }
.header {-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; 
font-family:'CustomFont', 'Georgia', serif ; font-size:medium;
background-color: #fff;
 opacity:.8; 
color:#000; 
 z-index:2;
position: relative; 
margin-top:1px;    	
-moz-box-shadow: 0px 0px 2px 0px #ccc;
    -webkit-box-shadow: 1px 0px 2px 0px #ccc;
   box-shadow: -1px 0px 2px 0px #666;
	border-bottom: 1px solid #666;  		 
    border-radius: 2px; 
	 width:150px; }	
.bt {width:728px;  box-shadow: 0px 0px 3px 0px #CCC;
    border-radius: 2px; float:right;  height:90px; border:1px solid #CCC;}
.left { background: url(../media/button_back.jpg )  fixed ;  background-color: #FDFBCA; -webkit-overflow-scrolling: touch;  top:0px;  width:160px; z-index:15; 
  overflow-y: scroll; overflow-x:hidden; position: fixed; float:left; left: 0; height: 100%;  transition: transform .4s ease-in-out;  -webkit-transition: transform .4s ease-in-out; -webkit-transform: translate3d(-255px, 0, 0); -moz-transform: translate3d(-255px, 0, 0); }
.show_menu {top:2px;-webkit-backface-visibility: hidden; border-radius:4px; background-color:#FFF; border:1px solid #CCC;  padding-right:2px; left:0px; font-size: 2.3em; line-height:.8em; width:.8em; position:fixed; z-index:10; text-align:center;   }
.show_box a {text-decoration:none; color:#000; }
.hide_menu { border-radius:4px; background-color:#FFF;border-top:1px solid #666;  border-bottom:1px solid #CCC;  padding:0px;left:0px; top:0px; font-size: 1.8em; line-height:.8em; width:.8em; position: absolute;  }
.hide_menu a { text-decoration:none; color:#000; }
.asa {}
.new_heading {  background:url(../media/button_back.jpg) scroll; padding:1%; box-shadow:0px 0px 1px 1px #CCCCCC;}
.apple_pic { box-shadow: 0px 0px 2px 1px #ccc; border:1px solid #000; position:relative; left:52px; padding: 5px; border-radius:2px; float: left; background-image:url(../media/button_back.jpg); background-size:auto auto;	}.apple_title {display: flex;
  align-items: center;
  justify-content: center; height:100%;margin-top:1vh; text-shadow:1px 1px 1px  #666; box-shadow: 0px 0px 2px 1px #ccc; border:1px solid #000; background-image:url(../media/button_back.jpg); background-size:100% auto; text-align:center;  background-color: #CCC; border-radius:2px; background:1px white solid; padding-top:5px; padding-bottom:5px; margin-left:5px; margin-right:5px; height:2.7em; font-size:2.2vh;font-family: 'CustomFont', 'Georgia', serif;}
.apple_title a {width:230px;
    opacity:0.8; background-color:white; -webkit-justify-content:center; -webkit-align-content:center; -webkit-flex-direction:column;justify-content:center; align-content:center;flex-direction:column; text-decoration:none;   border:1px solid  #ccc;  border-radius:50px; color:black; height:90%; font-size:large;}
	.apple_box { width:230px; margin-top:3vh; margin-left:auto; margin-right:auto; float:none; display: table;}
#menu2:target {   box-shadow: 1px 0px 10px 0px #000000; transition: transform .4s ease-in-out;  -webkit-transition: transform .4s ease-in-out;
   -moz-transform: translate3d(-2px, 0, 0); -webkit-transform: translate3d(-2px, 0, 0);}
  	
.menu2 {-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; opacity:0.9; font-weight:bold;
	z-index:14;
	width:150px;
	min-height:1.6em; 
	text-align: center;
	 font-family:'CustomFont', 'Georgia', serif ;
	position: relative;
	border: 1px solid #CCC;
	display:block;	
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: .6em;
	padding-bottom: 0px;
	padding-left: 0px;
	left:0px;		
	color:#000;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
    border-radius: 50px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}	 	
.menu2 li {list-style: none;
	float: none; }	
.menu2 li a { font-size: 15px; display: block;
	text-decoration: none;
	 background-color: #fff; opacity:.9; color:#000; text-shadow:none; box-shadow:0px 0px 0px 1px #CCCCCC; 
	 font-weight:bold;   }	
.navbar {-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; font-family:'CustomFont', 'Georgia', serif ;  opacity:0.9; z-index:14;  font-size:smaller; 
	padding-top: 0px;
	padding-bottom: 0px; padding-left:0px;	padding-top:.6em;
	text-align: center;
	position:relative;
	left:0px;
	display:block;
	width: 150px;	
	min-height: 1.6em;
margin-top: 2px;
	margin-bottom: 2px;
	border-radius:50px;
    border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;	 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}
.navbar:hover {	position:relative;/* for IE */
    }
.navbar li {list-style: none;
	float: none; }	
.navbar li a {display: block;
	text-decoration: none;
	 background-color: #fff; opacity:.8; color:#000; text-shadow:none; box-shadow:0px 0px 0px 1px #CCCCCC;  font-weight:bold;   }
.navbar li ul {	padding:2px;
    top: 0px;
    left: 99%;
	display: none; 
	width: 10em; /* Width to help Opera out */	}
.navbar li:hover ul {display: block;
	position: absolute;
	margin-left: 0;
	padding: 0;
	z-index:2;	 }
.navbar li:hover li {float: none;}
.navbar li:hover li a {;/* for IE */
  filter:alpha(opacity=90);
	/* CSS3 standard */
  opacity:0.9; width:220px;margin-top: 0px;
	background-color: #F0FED6;
	border: 1px dotted #ccc;
	color: #00F ;
	padding:1px;
	-moz-box-shadow: 0px 0px 5px 0px  #CCC;
    -webkit-box-shadow: 2px 2px 5px 0px #CCC;
    box-shadow: 2px 2px 5px 0px #CCC; 
	z-index:100000;}
.navbar li li a:hover { 
    border-radius: 2px;;/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity:1; }		
.ws { font-style:oblique;border:#CCC solid 1px; padding:2px; margin-top:4px;
	border-radius: 4px 4px 4px 4px;
 width:210px;-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC; text-align:center;
    box-shadow: 0px 0px 3px 0px #CCC; position:relative;background-color: #FF8080; z-index:5; }
	.ws a{color:white; text-decoration:none;}
	.ws a:hover{ text-decoration:underline;}
.right {margin-top: 2px;
	z-index: 4;
	border: 1px solid #CCC; 	
	 width: 150px; height: 165px; background-position: -672px 0px;

	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
	border-radius: 2px;}
.center {  
	  text-align: center; margin-left:220px;top:-24px; position:relative;}	
.skin2 {float:left; text-align:center; 	
	border-top: 1px solid #CCC; min-height:50px;}

	.srch { 	 
    border-radius: 2px; border:1px solid  #CCC; -moz-box-shadow: 1px 1px 5px 0px #CCC;
    -webkit-box-shadow: 1px 1px 5px 0px #CCC;
    box-shadow: 1px 1px 5px 0px #CCC; float:left; margin-left:5px; }	
.drop {border-top:solid 1px #CCC; font-size:  medium; line-height:8px; margin-top:10px; color:blue; text-decoration:none;
    border-radius: 0px 0px 3px 3px ; height:9px; width:100%; float:right;  background-color:#FEFCD6 ;  display:block;/* for IE */
  filter:alpha(opacity=90);
	/* CSS3 standard */
  opacity:0.9;}
	.drop:hover { text-shadow: 0 0 0.1em #fff;/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity:1;-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC; text-shadow:#CCC 1px;}
		.dropbooks {line-height:8px; color:blue; text-decoration:none; border-radius: 2px; border:solid 1px #CCC; float:right; height:70px; width:54px;  margin-right:3px; margin-top:2px; margin-bottom:2px;  font-size:large; background-color: #E2FDB0; -moz-box-shadow: 0px 0px 1px 0px #CCC;
    -webkit-box-shadow: 0px 0px 1px 0px #CCC;
    box-shadow: 0px 0px 1px 0px #CCC; }
	.dropbooks:hover {-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;}
	.dropmargin { -webkit-transform: rotate(90deg); font-weight:bold;
-moz-transform: rotate(90deg); margin-top:33px; margin-left:10px; font-size:28px;}
	.dropfont { -webkit-transform: rotate(90deg); font-weight:bold;
-moz-transform: rotate(90deg); width:10px;  margin-top:1px;	}


input.btn {margin-bottom: 5px;margin-top: 5px;
	font-family: Georgia, Times, serif, "Times New Roman";
    color:#00c;width: 35px; 
	height: 35px;margin-left:3px; 
	background-color: #FFFFEE ;
	border: 1px solid #D3D3D3;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;	 
    border-radius: 50px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}
input.btnhov { font-weight:bolder;margin-bottom: 3px;margin-top: 3px;
	font-family: Georgia, Times, serif, "Times New Roman";
    color:#00c;width: 38px; 
	height: 38px;margin-left:0px;
	background-color: #FFFFEE ;
	border: 1px solid #D3D3D3;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;	 
    border-radius: 50px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;} 	
.pic2 {float: left;
	padding: 2px;
	margin-left:3px;
	border: 1px solid #CCC;
	 
	border-radius: 2px;
	-moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out; z-index:5;  }
.pic2:hover {
	-webkit-transform:  scale(1.2);
    -moz-transform:  scale(1.2);
    -o-transform:  scale(1.2);
	  }
.box8 { -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	  margin-right:5px; 
	text-align:left;
	margin-top:2px;
	background-color: #fff;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
	-webkit-box-shadow: 0px 0px 3px 0px #CCC;
	box-shadow: 0px 0px 3px 0px #CCC;
	border-radius: 2px; z-index:1; 
}
#box8 { margin-left:5px; }
.box3 { min-height:23px; 
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	font-family: Georgia, "Times New Roman", Times, serif; padding-left:25px; 	
	text-align: left;
	margin:0px;
	border-radius: 0px 2px 2px 0px;  padding-bottom:0px; padding-top:4px; color: #CCC; }
	.box3 a{ font-weight: lighter; text-decoration:none; color: #666; display:inline-block;}
.bl {background-color: #FFF8E7;  margin-top: 2px;  box-shadow: 0px 0px 3px 0px #CCC;
 text-align:justify; font-family: Georgia, "Times New Roman", Times, serif; color:#6CC; border:#CCCCCC solid 1px;  
    font-weight:bold;	 
	border-radius: 2px; width:0px; }	
.bm {   margin-top:30px; padding:4px; background-color:#f3FFFF;background-color-old:#f3FFFF;
margin-left: auto;    box-shadow: 0px 0px 3px 0px #FFF8E7;
	margin-right: auto; text-align:justify; font:"Courier New", Courier, monospace; color:#6CC; border:#CCCCCC solid 1px;  
   	margin-left: 10px;  	margin-right: 10px; font-weight:bold;	 
	border-radius: 2px; z-index:0; position:relative;box-shadow: 0px 0px 2px 0px #CCC;}
.bb {   margin-left: 10px; margin-right: 10px;
	 margin-top: 10px; padding-left: 2px;background-color: #FFF8E7;
 box-shadow: 0px 0px 3px 0px #CCC;
 text-align:justify; font-family: Georgia, "Times New Roman", Times, serif; color:#6CC; border:#CCCCCC solid 1px;  
    font-weight:bold;	 
	border-radius: 2px;z-index:3;  }
	.ad { margin-right:10px; float:right;margin-bottom:3px; padding-left: 4px;  padding-bottom: 1px;padding-right: 4px;  background-color: #FFF; z-index:0; position:relative; top:-2px;
 text-align:justify;  font-family: Georgia, "Times New Roman", Times, serif; color:#6CC; 
 border:#CCCCCC solid 1px;  
    font-weight:bold; box-shadow: 0px 0px 1px #CCCCCC;  
	border-radius: 0px 0px 2px 2px; }
/* Za triene sled pulen sprite*/
.pl {float: right;
	padding-bottom: 12px;
	margin: 0px;
	background-position:  0px -200px ; 
	height: 190px;
	width: 0px;}
.pr {float: left;
	padding-bottom: 12px;
	margin: 0px;
 background-position: -110px -200px;
	height: 190px;
	width: 0px;}
	/*Kraj*/
.pic {float: left; text-align:center; background-color:white;
position:relative;
	padding: 5px;	
	margin: 5px;
	border: 1px solid #CCC;
	display: inline;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
	 
	border-radius: 2px;
	-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;}
.pic:hover {-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
	-webkit-transform:  scale(1.05);
    -moz-transform:  scale(1.05);
    -o-transform:  scale(1.05);
	 
    border-radius: 2px;
	  }
	  

.prs {float: left; padding-left: 107px; padding-bottom: 12px; margin: 0px;
	background-image: url(../media/fairy2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 190px;
	width: 110px;}
.pls {float: right; padding-right: 106px; padding-bottom: 12px; margin: 0px;
	background-image: url(../media/fairy.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 190px;
	width: 110px;}
.box { border: 1px solid #CCC;
	position: relative;
	background-color: #FFFDE7;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: auto;
	margin-right: 11px;
	margin-left: 11px; padding:4px;
	 -moz-box-shadow: inset 0px 0px 2px 0px #CCC;
    -webkit-box-shadow: inset 0px 0px 2px 0px #CCC;  box-shadow: inset 0px 0px 2px 0px #CCC; }
	.box a {  text-decoration:none; font-weight:bold;}
	.box a:hover {  text-decoration:underline; }
	#box {border: 1px solid #CCC;
	position: relative;
	background-color: #F0FED6;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 110px;
	margin-left: 110px;}
.box2 {
	border: 1px solid #CCC;
	background-color: #FEFCD6;
	line-height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 5px;
	padding-left: 5px;
	align: center;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
     background:url(../media/button_back2.jpg) scroll;}
	 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .box2{ 
        background-attachment: scroll;
    }
	 .box6{ 
        background-attachment: scroll;
    }
	.new_heading { 
        background-attachment: scroll;
    }
}
	.box2 a { padding-left:10px;padding-right:10px;display:block; background-color:white; border-radius:2px; box-shadow:0px 0px 1px 1px #CCCCCC;}
	.box2 p a {  text-decoration:none;  display:block;border-bottom:1px solid #CCC; min-height:8mm; position: relative; left:0px;}
	.box2 p a:hover {text-decoration: underline;}
.box2  > .pic  a {
      border:none; padding-top:0vh; padding-bottom:0vh;
 padding-left:0vh; padding-right:0vh;}
.books { min-height:270px;}

.box4 {font-size: medium;
	border: 1px solid #CCC;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	padding: 5px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC; min-height:60px;
 	 
	border-radius: 2px;}
		.box4 p a {}
.box6   {background:url(../media/button_back2.jpg) scroll;background-color:#FEFCD6 ;
	margin-top: 8px;
	position: relative;
	line-height: 25px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC;
	 
	border-radius: 2px;}
.frame {margin: 10px;
	border: 1px solid #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 8px; -moz-box-shadow:  0px 0px 5px 0px #CCC;
    -webkit-box-shadow:  0px 0px 5px 0px #CCC; box-shadow:  0px 0px 5px 0px #CCC; }
#side {margin-top: 130px;
	width: 209px;
	text-align: center;
	background-color: #F0FED6;
	z-index: 50000;
	border: 1px solid #CCC;
	padding-right: 3px;
	padding-left: 3px;
	position: absolute;
	-moz-box-shadow: 1px 1px 5px 0px #CCC;
    -webkit-box-shadow: 1px 1px 5px 0px #CCC;
    box-shadow: 1px 1px 5px 0px #CCC;
	 
	border-radius: 2px;}
#center2 { margin-top:20px; background-color: #FFFDE7;
	  box-shadow: 0px 0px 3px 0px #CCC; opacity:.8;
	border: 1px solid #CCC;  text-align:center;  margin-left:0px; margin-right:10px; position: relative;}
.xs {font-size: xx-small;}

#text {margin-left:15px; margin-right:15px;
	 text-align:justify; 
	 text-indent:15px; }	 
	
	
.hb { border:#CCC solid 1px; width:728px;
	padding: 4px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	-moz-box-shadow: 1px 1px 5px 0px #333;
    -webkit-box-shadow: 1px 1px 5px 0px #333;
    box-shadow: 1px 1px 5px 0px #333;
	 
	border-radius: 2px;}
.all {border:thin solid #CCC; height:50px; float:left;	-moz-box-shadow: 0px 0px 5px 0px #CCC; width:17%;
    -webkit-box-shadow: 0px 0px 5px 0px #CCC;
    box-shadow: 0px 0px 5px 0px #CCC;
    border-radius: 2px; background-color:#FEFCD6 ; margin-left:13px; padding-left:3px; padding-right:3px; font-size:large; line-height:50px;	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; text-decoration:none; }
	.all:hover{background-color: #FFFFEE ;
    }
	.act{ color: #999;background-color: #FFFFEE ; }	
	.world {background-size:100%;  visibility:hidden;  z-index:1; height:50px; width: 50px;  position: relative;float:left; padding:3px;  background-color:#FFF; border:1px solid #CCC;  border-radius: 2px 50px 50px 2px / 2px 50px 50px 2px; 
     box-shadow: 0px 0px 3px 0px #CCC;}
.worldbtn {text-decoration:none;  float:left;padding-right:2%;padding-top:5px;padding-bottom:0px; position:relative;  -moz-box-shadow:  0px 0px 2px 0px #CCC;   -webkit-box-shadow:  0px 0px 2px 0px #CCC; background-color:#FFF; box-shadow:  0px 0px 2px 0px #CCC;border-radius: 25px; width:96%;  }
.worldbtn a {text-decoration:none;  }
.btnwidth	{width:96%;}
.hov {min-height:70px; margin-left:10px; }
.hov:hover { -moz-box-shadow: inset 0px 0px 2px 0px #CCC;
    -webkit-box-shadow: inset 0px 0px 2px 0px #CCC;  border-radius: 15px 0px 0px 15px;   box-shadow: inset 0px 0px 2px 0px #CCC; background-color: #FF6;}
.slight {/* for IE */
    filter:alpha(opacity=80);
	/* CSS3 standard */
    opacity:0.8;}
.back2 { width: 50px; height: 50px; background-position: 0px -39px; }
.addthis { width: 50px; height: 50px; background-position: 0px 0px; float:left; background: url(../media/share.jpg) transparent no-repeat; }
#share {bottom:150px;}
.news { -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; margin:5px;font-family: 'CustomFont', 'Georgia', serif ; opacity:.9;background:white; line-height:1.4em; border-radius: 10px; box-shadow: 0px 1px 3px 0px #CCC; border:1px solid #CCC;}
.newsbox { -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; background: url(../media/button_back.jpg )  fixed ; text-align:center; width:150px;margin-top:10px; box-shadow: 0px 0px 3px 0px #CCC; border-radius: 2px; border:1px solid #CCC;}
.newstext { -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; opacity:.9;background:white; border-radius:10px; box-shadow: 0px 1px 3px 0px #CCC; border:1px solid #CCC; margin:5px; padding:5px;font-size:smaller;}
  .fairy { overflow:hidden; background-color:#FFFFFF;border:solid 1px #999999; height:77px; margin-left:10px;margin-right:10px;  box-shadow: 0px 0px 3px 0px #999; background-color:white;position: relative;  transition: all 0.2s ease-in-out;top:-10px;border-radius:3px;  font-weight:bold; font-size:22px; text-shadow: 1px 1px 1px #ccc; text-align:right; }
.fairy:hover { top: 0px; } 
 .fairy a {text-decoration:none;color:#FFF;  padding-top:20px;}
 .fairy a:hover { color:#CCCCCC;}
.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1.2em;
  height: 0.17em;
  background: black;
  box-shadow: 
    0 0.3em 0 0 black,
    0 0.6em 0 0 black;}	
#menu {margin-left:0px;}
.bott1 { width:80%; padding-right:10px;}
.bott2 { width:15%;  left:0%;border-top: 1px solid #CCC; position:relative;}
.bott3 { width:100%;   position:relative;  padding-top:10px; }
.banner_butt{left:0; right:0;margin-left:auto; margin-right:auto; position: relative; width:80px; height:40px; background-color:#09F; color:white; margin-top:10px; margin-bottom:10px; border-radius:2px; border:1px solid #09F; box-shadow:inset 1px 1px 2px 0px #fff, 1px 1px 2px 0px #666; }

/*media queries*/   
@media only screen and (min-width: 501px){#share { bottom:100px;} .btnwidth	{width:180px;} .worldbtn {width: auto; }}
@media only screen and (min-width: 561px){.apple_box { float:left;}}
@media only screen and (min-width: 600px) {.bott1 { width:20%; padding-right:10px;}
.bott2 { width:7%;  left:20%;border-top: 1px solid #CCC; position:absolute;}
.bott3 { left:33%;width:70%;   position:absolute;  padding-top:10px; }.world {  visibility:visible;}
#text {margin-left:35px; margin-right:35px;}.left { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); float:left; z-index:90; padding-right:2px;  width:159px; visibility:visible; } .menu { padding-left:80px;}
#box8 { z-index:100; overflow:hidden; min-height:920px; margin-right:10px; margin-left:155px;}.box {margin-left:51px; margin-right:51px;}.bb {margin-left: 160px;}.bl { width:155px;} #center2 {margin-left:160px; }#menu {margin-left:160px;}.header {font-size:large;} 	.hide_menu { visibility:hidden;}
	.hide_menu a { display:none;}}
@media only screen and (min-width: 900px) {#share { bottom:50px;}  .box2{ background-attachment: fixed;}
	 .box6{    background-attachment: fixed;}
	.new_heading {background-attachment: fixed;}
	.menu2 li a { font-size: 20px;}#text {margin-left:35px; margin-right:35px;}.world { height:100px; width: 100px; }.menu2 { width:215px;font-size:larger;}
.navbar { width:215px; font-size:larger; }.header {width:215px;font-size:x-large;  } #box8 {  z-index:100; margin-left:220px;}.newsbox { width:215px;}
.right { width: 215px;} .menu { padding-left:80px;} .box { margin-left:111px; margin-right:111px;} .bb {margin-left: 220px;} .left {  float:left; z-index:90; padding-right:2px; visibility:visible;  width:224px; .bl { width:215px;}#center2 { margin-left:220px; }#menu { margin-left:220px; }}
@media only screen and (min-width: 1025px){.left { overflow-y: hidden;}.left:hover{ overflow-y: scroll;}}