body { background: url(../media/button_back2.jpg ) fixed ; height: auto; min-height: 100%; margin-top:0px; opacity: 0; -webkit-animation: cc3 .2s linear 0s forwards ; animation: cc3 .2s linear 0s forwards;} @-webkit-keyframes cc3 { 0% { opacity:.99; } 100% { opacity:1; } } @keyframes cc3 { 0% { opacity:.5; } 100% { opacity:1;}} @font-face { font-family: 'CustomFont'; src: url('../font.ttf');} .font {font-family:'CustomFont', 'Georgia', serif ;} h1 {line-height: 0.9em;} h2 {font-size: medium;line-height: 0.9em;} h3 {font-size: medium;line-height: 0.9em;} 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; background: url(../media/menu_art/nationalities.jpg); background-size: contain; font-family:'CustomFont', 'Georgia', serif ; font-size:medium; background-color: #fff; color:#000; z-index:2; position: relative; -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: 600px; width:155px; height:102px; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1;} .bt {width:728px; box-shadow: 0px 0px 3px 0px #CCC; border-radius: 2px; float:right; height:90px; border:1px solid #CCC;} .show_box { position:fixed; background-color:white; z-index:11; width: 100%;top:0;left:0; height:6vh;text-align:center; background:url(../media/button_back2.jpg) fixed; box-shadow:0px 0px 2px 0px #000; font-size:5vh; } .show_box a {text-decoration:none; color:#000;} .show_menu { top:0; left: 0; -webkit-backface-visibility: hidden; border-radius: 2px 100px 100px 100px; background-image:url(../media/button_back.jpg); position: absolute; z-index: 10; text-align: center;font-size:5vh;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; box-shadow:0px 0px 2px 0px #999999;} .show_menu:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform:rotate(360deg); background-image:none; background-color:white;} .show_opt { top:0px; right: 0px; -webkit-backface-visibility: hidden; border-radius: 100px 2px 100px 100px; background:url(../media/button_back.jpg); position: absolute; z-index:10; text-align: center; font-size:5vh;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;box-shadow:0px 0px 2px 0px #999999;} .show_opt:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform:rotate(360deg); background-image:none; background-color:white;} .link_menu {background-image:url(../media/icons/list.png); background-repeat: no-repeat; background-size:contain; height:14vh; width:14vh; } .link_opt {background-image:url(../media/icons/share.png); background-repeat: no-repeat; background-size:contain;height:14vh; width:14vh;} .link_menu_down {background-image:url(../media/icons/zoom-in.png); background-repeat: no-repeat; background-size:contain; height:14vh; width:14vh;} .link_opt_down {background-image:url(../media/icons/settings.png); background-repeat: no-repeat; background-size:contain;height:14vh; width:14vh;} .show_box_down { position:fixed; background-color:white; z-index:161; width:100%; bottom:0;left:0; height:3vh;text-align:center; background:url(../media/button_back2.jpg) fixed; box-shadow:0px 0px 2px 0px #000; font-size:5vh; } .show_box_down a {text-decoration:none; color:#000;} .show_menu_down { bottom:0; left: 0; -webkit-backface-visibility: hidden; border-radius: 100px 100px 100px 2px; background:url(../media/button_back.jpg) ; position: absolute; z-index: 10; text-align: center; font-size:5vh;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;box-shadow:0px 0px 2px 0px #999999;} .show_menu_down:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform:rotate(360deg); background-image:none; background-color:white;} .show_opt_down { bottom:0; right: 0; -webkit-backface-visibility: hidden; border-radius: 100px 100px 2px 100px; background:url(../media/button_back.jpg) ; position: absolute; z-index:10; text-align: center; font-size:5vh;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; box-shadow:0px 0px 2px 0px #999999;} .show_opt_down:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform:rotate(360deg); background-image:none; background-color:white; } #opt_visible:target { float:right; box-shadow: 0px 0px 2px 0px #000000; transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; -moz-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0);z-index:200;overflow:visible; border-radius:0px 0px 30px 5px;} .opt_hidden {box-shadow: 0px 0px 2px 0px #000000; border-radius:0px 0px 30px 5px; background: url(../media/button_back.jpg ) fixed ; background-color: #FDFBCA; -webkit-overflow-scrolling: touch; top:0px; width:240px;z-index:200; overflow-y: hidden; overflow-x:hidden; position: fixed;padding-left:10px; float:right; right: 0; height: 40px; transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; -webkit-transform: translate3d(250px,0px, 0); -moz-transform: translate3d(250px, 0px, 0); transform: translate3d(250px,0px, 0);padding-top:10px;} .apple_sea { transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; -webkit-transform: translate3d(-800px,0px, 0); -moz-transform: translate3d(-800px, 0px, 0); height:100%; background-color:white; position:fixed; top:0; width:1px; z-index:200; } #sea_visible {box-shadow: 0px 0px 2px 0px #000000; border-radius:30px 0px 0px 5px;} #sea_visible:target { border-radius:30px 2px 0px 0px; box-shadow: 0px 0px 2px 0px #000000; transition: transform .5s linear; -webkit-transition: transform .5s linear; -moz-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0); z-index:200;overflow:visible;} .sea_hidden { background: url(../media/button_back.jpg ) fixed ; background-color: #FDFBCA; -webkit-overflow-scrolling: touch; bottom:0px; width:440px; overflow-y: visible; overflow-x:visible; position: absolute ; left: 0; height: 40px; padding-left:70px;padding-top:10px;padding-bottom:10px;} .apple_set { transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; -webkit-transform: translate3d(800px,0px, 0); -moz-transform: translate3d(800px, 0px, 0); transform: translate3d(800px, 0px, 0); height:100%; background-color:white; position:fixed; top:0; width:1px; z-index:200; right: 0; } #set_visible:target { transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; -moz-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0);z-index:200;} .set_hidden { -webkit-overflow-scrolling: touch; bottom:0px; right:0; width:22vh; height:25vh; overflow-y: hidden; overflow-x:hidden; position: absolute; transition: transform .4s ease-in-out; -webkit-transition: transform .4s ease-in-out; padding-bottom:10px; padding-left:20px;} .left { background: url(../media/button_back.jpg ) fixed ;-webkit-overflow-scrolling: touch; top:0px; width:160px; z-index:15; overflow-y: scroll; overflow-x:hidden; position: fixed; float:left; left: 0; height: 120%; 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); } #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);} .asa {} .new_heading { background:url(../media/button_back.jpg) scroll; padding:1%; box-shadow:0px 0px 1px 1px #CCCCCC; margin-left:1px; margin-right:1px;} .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;} .spotlight {background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 300%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 300%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ top:0px; margin-bottom:30px; margin-left:1vh; box-shadow:0px 0px 1px 0px grey, inset 0px 0px 1px 0px white; text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white, 0px 0px 2px black; height:120px; border-radius: 000px 000px 100px 100px / 30px 30px 200px 200px; font-family:'CustomFont', 'Georgia', serif; position:relative;} .spotlight_light {height:73px; width:73px; position:absolute;top:-32px; z-index:5; background: url(../media/spotlight.png) ; background-size: contain;} .spotlight_month { font-family:'CustomFont', 'Georgia', serif; background-color:white; text-align:center; padding:5px;border-radius: 0px 0px 1000px 1000px / 30px 30px 40px 40px; box-shadow: 0px 0px 20px 20px #ffffff; } .spotlight_item {margin-top:25px;margin-left:58px; position:absolute; font-family:'CustomFont', 'Georgia', serif;} .spotlight_item_container {margin:auto; width:480px; color:black;display:block; } .menu2 {overflow:hidden ;background: url(../media/button_back.jpg ) fixed ;text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white ;-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:12; width:142px; 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; margin-left:3px; 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: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white ; box-shadow:0px 0px 0px 1px #CCCCCC; font-weight:bold; } .navbar {background: url(../media/button_back.jpg ) fixed ; text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; overflow:hidden; -webkit-perspective: 1000; font-family:'CustomFont', 'Georgia', serif ; opacity:0.9; z-index:14; font-size:smaller; margin-left:3px; padding-bottom: .6em; padding-left:0px; padding-top:.6em; text-align: center; position:relative; left:0px; display:block; width: 142px; height: .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 */ } .hover1:hover { height:70px;} .hover2:hover { height:110px;} .hover3:hover { height:90px;} .hover4 { height:1.8em;} .hover4:hover { height:95px;} .hover5 {height:1.8em;} .hover5:hover { height:55px;} .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; font-weight:bold; -moz-box-shadow: 0px 0px 2px 0px #CCC; -webkit-box-shadow: 0px 0px 2px 0px #CCC; box-shadow: 0px 0px 2px 0px #CCC; } .navbar li ul { padding:2px; top: 30px; left: 0%; 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; color: #00F ; padding:1px; z-index:100000;} .navbar li li a:hover { border-radius: 2px;;/* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1; } .title {border-radius: 1000px 1000px 1000px 1000px / 10px 10px 100px 100px; background: url(../media/button_back2.jpg ) fixed ;box-shadow:0px 0px 2px 0px #000;font-family:'CustomFont', 'Georgia', serif ; font-size:5.5vh; line-height:8vh; text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white, 0px 0px 2px black;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .title:hover { font-size:5vh;} .title_shadow {text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white ;} .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 { font-family: Georgia, Times, serif, "Times New Roman"; color:#333; width: 14vh; height: 14vh; background-color: #FFFFff ; 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: 200px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .small{ position:absolute; bottom:0; left:0; } .medium{position:absolute;top:0; left:0;} .large{position:absolute;top:0; right:0;} input.btnhov {color:#999; font-family: Georgia, Times, serif, "Times New Roman"; width:14vh; height: 14vh; border-radius: 200px; background-color: #fff ; 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; -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; } .box8 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-right:1vh; text-align:left; margin-top:5vh; padding:1vh; 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; position:relative; } .box8 h1 { font-family:'CustomFont', 'Georgia', serif ; font-size:larger; } .box8 h2 { font-family:'CustomFont', 'Georgia', serif ; } #box8 { margin-left:1vh; } .spotlight {} .box3 { min-height:23px; border-bottom: 1px solid #CCC; padding-left:14vh; 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; font-family:'CustomFont', 'Georgia', serif ; display:inline-block;} .bl {background-color: #f3FFFF; 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:10px; padding:4px; background-color:#f3FFFF;background-color-old:#f3FFFF; text-align:justify; font:"Courier New", Courier, monospace; color:#6CC; border:#CCCCCC solid 1px; font-weight:bold; border-radius: 2px; z-index:0; position:relative;box-shadow: 0px 0px 2px 0px #CCC;} .bb { padding:4px; margin-top: 10px; ;background-color: #f3FFFF; 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:15px; padding-left: 4px; padding-bottom: 1px;padding-right: 4px; background-color: #FFF; z-index:0; 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;} .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 {text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white; border: 1px solid #CCC; position: relative; 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; background:url(../media/button_back3.jpg);} .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 {text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white; border: 1px #CCC solid; background-color: #FEFCD6; line-height: 25px; margin-bottom:5px; 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_back3.jpg);} @media screen and (-webkit-min-device-pixel-ratio:0) { } .box2 a { padding-left:10px;padding-right:10px;display:block; border-radius:2px;font-family:'CustomFont', 'Georgia', serif ;} .box2 p a { text-decoration:none; font-weight:bold; 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;} .box2 p {font-family:'CustomFont', 'Georgia', serif ;} .box2 h2 {font-family:'CustomFont', 'Georgia', serif ;} .books { min-height:270px;} .box4 { background:white; border: 1px solid #CCC; font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; padding-top:5px; padding-left:5px; padding-right:5px;position: relative; margin-bottom: 5px; -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:70px; border-radius: 2px;} .box4 a {font-family:'CustomFont', 'Georgia', serif ;} .box6 {background:url(../media/button_back2.jpg) scroll; background-color:#FEFCD6 ; font-family:'CustomFont', 'Georgia', serif ; 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; margin-bottom: 5px; border-radius: 2px;} .box6 a {text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white;font-family:'CustomFont', 'Georgia', serif ;} .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:10px;margin-bottom:25px; 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: auto; right: 0; left: 0; text-align:justify; text-indent:15px; max-width:1200px; } .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: url(../media/button_back3.jpg) fixed #FEFCD6 ; margin-left:13px; padding-left:3px; padding-right:3px; font-size:large; text-align:center; 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; font-family:'CustomFont', 'Georgia', serif ; z-index:-1; position: static;} .all:hover{background-color: #FFFFEE ; } .act{ color: #999;background-color: #FFFFEE ; } .world {background-size:100%; visibility:hidden; z-index:0; height:50px; width: 50px; z-index:100; padding:3px; background-color:#FFF; border:1px solid #CCC; border-radius: 50px 2px 50px 50px; box-shadow: 0px 0px 3px 0px #CCC; float:left; position:relative;} .country_container { width:200px; float:none; margin:auto; display:block; } .country_name {text-decoration:none; z-index:2; background-color:#FFF; -moz-box-shadow: 0px 0px 2px 1px #CCC; -webkit-box-shadow: 0px 0px 2px 1px #CCC; box-shadow: 0px 0px 2px 1px #CCC; border-radius: 5px 5px 25px 25px; padding-top:5px; padding-bottom:0px; height:30px; position: relative; top:-20px; text-align:center; width:200px;} .country_flag { margin-left:45px; border-radius:100px; box-shadow:0px 0px 2px 0px #909090; padding:5px;height:100px; width:100px; top:-15px; z-index:1; background:white;} .worldbtn {text-decoration:none; float:left;padding-right:2%;padding-top:5px;padding-bottom:0px; -moz-box-shadow: 0px 0px 2px 0px #CCC; overflow:visible; -webkit-box-shadow: 0px 0px 2px 0px #CCC; background: url(../media/button_back.jpg) #FFF; box-shadow: 0px 0px 2px 0px #000; font-family:'CustomFont', 'Georgia', serif; height:30px; line-height:27px; font-size:22px; width: 100%; text-align:center; border-radius:2px; left:0; z-index:10; position:absolute; } .worldbtn_2 {border-radius: 1000px 1000px 1000px 1000px / 10px 10px 70px 70px; height:40px; padding:10px; background: url(../media/button_back2.jpg ) fixed ;box-shadow:0px 0px 2px 0px #000;} .worldbtn a {text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white, 0px 0px 2px #3868B1; } .btnwidth {width:96%;} .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; box-shadow: 0px 0px 3px 0px #999; 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; } .padding_110 { padding-right:10px; padding-top:10px;} .txt { margin-left:10px;margin-right:3px;top:40px; left:12px; color:white; font-family:'CustomFont', 'Georgia', serif ; font-size:10px; position:absolute;text-shadow: -.2vh 0 black, 0 .2vh black, .2vh 0 black, 0 -.2vh black ; text-align:right;} /*media queries*/ @media only screen and (min-width: 501px){ .country_container { float:left; margin-bottom:20px; margin-left:30px; } #share { bottom:100px;} .btnwidth {width:180px;} .worldbtn {width: auto; font-size:28px;} } @media only screen and (min-width: 561px){.apple_box { float:left;}} @media only screen and (min-width: 600px) {.title {font-family:'CustomFont', 'Georgia', serif ; font-size:6.5vh; line-height:8vh; text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white, 0px 0px 2px black;} .title:hover { font-size:8vh;}.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; } #text {padding-left:35px; padding-right:35px;}.menu { padding-left:80px;} #box8 { overflow:hidden; min-height:920px; margin-right:0px; margin-left:160px;}.spotlight {margin-left:160px;}.left {background: none ;-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}.box {margin-left:51px; margin-right:51px;}.bl { width:155px;} #center2 {margin-left:150px; } #menu {margin-left:160px;}.header {font-size:large; height:100px;} .show_menu { visibility:hidden;} .box3 {padding-left:1vh; }.txt { margin-left:5px;margin-right:3px;top:25px; left:5px; font-size:12px; text-align:center;}.show_box {left:160px;right:0px; width: auto;}} @media only screen and (min-width: 900px) {.txt {top:40px; left:12px;font-size:17px;} #share { bottom:50px;} .spotlight {margin-left:224px;}#box8 { margin-left:224px;} .menu2 li a { font-size: 20px;}#text {padding-left:35px; padding-right:35px;}.padding_110 { padding-right:110px;}.world { height:100px; width: 100px; visibility:visible;}.menu2 { width:207px;font-size:larger;} .navbar { width:207px; font-size:larger; }.header {width:224px;font-size:x-large; height:150px; }.newsbox { width:215px;} .right { width: 215px;} .menu { padding-left:80px;} .box { margin-left:111px; margin-right:111px;} .left { float:left; z-index:90; padding-right:2px; visibility:visible; width:224px; } .bl { width:215px;} #menu { margin-left:220px; } #center2 {margin-left:215px; }.show_box {left:224px;right:0px; width: auto;} } @media only screen and (min-width: 1024px) { .link_menu { height:2.5em; width:2.5em;} .link_opt { height:2.5em; width:2.5em;} .link_menu_down { height:2.5em; width:2.5em;} .link_opt_down { height:2.5em; width:2.5em;} } @media only screen and (min-width: 1100px) { #box8 { margin-left:215px;}.spotlight {margin-left:215px;} .left { overflow-y: hidden;} .left:hover { overflow-y: scroll;} .menu2 { width:215px;font-size:larger; } .navbar { width:215px; font-size:larger;} .txt {top:25px; font-size:19px;} } @media only screen and (min-width: 1400px) { .txt {top:30px; font-size:22px; } } @media only screen and (orientation : portrait){ .title {font-family:'CustomFont', 'Georgia', serif ; line-height:8vh; text-shadow: -.2vh 0 white, 0 .2vh white, .2vh 0 white, 0 -.2vh white, 0px 0px 2px black; } .link_menu { height:2em; width:2em; } .link_opt { height:2em; width:2em; } .link_menu_down { height:2em; width:2em; } .link_opt_down { height:2em; width:2em; } input.btn { height:10vh; width:10vh; } .set_hidden { height:20vh; width:18vh; }.sea_hidden { width:76%; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {input.btn { height:10vh; width:10vh;} .set_hidden { height:20vh; width:18vh; } .link_menu { height:2em; width:2em;} .link_opt { height:2em; width:2em;} .link_menu_down { height:2em; width:2em;} .link_opt_down { height:2em; width:2em;}}