body,html{overflow-x:hidden}
a:link,a:visited{color:#0033CC}
body{margin:0;padding:0;color:#000;background-color:#FFF;font:16px Tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{margin:0 0 .1em;font-weight:500;line-height:1.3}
h1{font-size:1.75em}
h2{font-size:1.55em}
h3{font-size:1.35em}
p{margin:0 0 .8em;line-height:1.5}
hr{height:0;margin-top:.5em;margin-bottom:.5em;border:0;border-top:1px solid silver}
a:link{text-decoration:none}
a:hover{color:#000099}
.container{max-width:60em;margin:0 auto}
.header{color:#fff;background:#FF6600;padding:0}
.header-heading{margin:0}
.footer{color:#000;background:#FFBE7D;padding:1em}
.nav-bar{background:#FFF;padding:1em}
.content{overflow:hidden;padding:.2em 1em}
.aside,.main{margin-bottom:1em}
@media (min-width:50em) {
.header{padding:0}
.content,.nav-bar{padding:0em}
.main{float:left;width:60%;margin-right:2%;margin-bottom:1em}
.aside{float:left;width:35%;margin-bottom:0}
.footer{padding:.1em;padding:.5em 1em}
}
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#FFCD9B;overflow-x:hidden;transition:.5s;padding-top:30px}
.sidenav a{padding:3px;text-decoration:none;font-size:16px;color:#882D00;display:block;transition:.3s}
.sidenav a:hover,.offcanvas a:focus{color:#F04E00}
.sidenav .closebtn{position:absolute;top:0;right:20px;font-size:25px;margin-left:20px}
div.img { margin: 5px; border: 1px; float: center; width: 100%; }
div.img img { width: 100%; height: auto; }
p.img{margin:5px;border:1px;float:center;width:100%}
p.img img{width:100%;height:auto}
.menu a{font-size:12pt tahoma;background:#FFCAB0;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #FF8951}
.menu a:hover{background-color:#FFE2D5;border-color:#F60;color:purple}
.menu span{font:12pt tahoma;color:#C60;padding:2px 4px}
.menu2 a{font-size:12pt tahoma;background:#FFCAB0;color:#00F;text-decoration:none;padding:0px 15px;border:1px solid #FF8951}
.menu2 a:hover{background-color:#FFE2D5;border-color:#F60;color:purple}
.menu2 span{font:12pt tahoma;color:#C60;padding:2px 4px}
.pratripidok1 a{font:12pt tahoma;background:#FC9;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #C30}
.pratripidok1 a:hover{background-color:#FFE7CE;border-color:#608BD2;color:#006}
.pratripidok1 span{font:12pt tahoma;color:#C60;padding:2px 4px}
.pratripidok2 a{font:12pt tahoma;background:#FFFFD7;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #FC9}
.pratripidok2 a:hover{background-color:#C6E2FF;border-color:#608BD2;color:#006}
.pratripidok2 span{font:12pt tahoma;color:red;padding:2px 4px}
.library a{font:12pt tahoma;background:#FFDFEC;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #F06}
.library a:hover{background-color:#BFD;border-color:#608BD2;color:#006}
.library span{font:12pt tahoma;color:red;padding:2px 4px}
.page a{font:12pt tahoma;background:#FF9;color:#00F;text-decoration:none;padding:0px 4px;border:1px solid #FF8000}
.page a:hover{background-color:#FFF;border-color:#1BA0CD;color:#00F}
.page span{font:12pt tahoma;color:#030;padding:2px 4px}
.nidniran a{font:12pt tahoma;background:#DBF7DB;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #3C3}
.nidniran a:hover{background-color:#A6ECA6;border-color:#33C;color:#33C}
.nidniran span{font:12pt tahoma;color:#442;padding:2px 4px}
.general a{font:12pt tahoma;background:#FFE7CE;color:red;text-decoration:none;padding:0px 5px;border:1px solid red}
.general a:hover{background-color:#FFE7CE;border-color:red;color:red}
.general span{font:12pt tahoma;color:#930;padding:2px 4px}
.general1 a{font-size:12pt tahoma;background:#FFCAB0;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #FF8951}
.general1 a:hover{background-color:#FFE2D5;border-color:#F60;color:purple}
.general1 span{font:12pt tahoma;color:#77774F;padding:2px 4px}
.general2 a{font:12pt tahoma;background:#FC9;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #C30}
.general2 a:hover{background-color:#FFE7CE;border-color:#608BD2;color:#006}
.general2 span{font:12pt tahoma;color:#77774F;padding:2px 2px}
.general3 a{font:12pt tahoma;background:#FFFFD7;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #FC9}
.general3 a:hover{background-color:#C6E2FF;border-color:#608BD2;color:#006}
.general3 span{font:12pt tahoma;color:#77774F;padding:2px 2px}
.general4 a{font:12pt tahoma;background:#FFDFEC;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #F06}
.general4 a:hover{background-color:#BFD;border-color:#608BD2;color:#006}
.general4 span{font:12pt tahoma;color:#000;padding:2px 4px}
.general5 a{font:12pt tahoma;background:#FF9;color:#00F;text-decoration:none;padding:0px 4px;border:1px solid #FF8000}
.general5 a:hover{background-color:#FFF;border-color:#1BA0CD;color:#00F}
.general5 span{font:12pt tahoma;color:#000;padding:2px 4px}
.general6 a{font:12pt tahoma;background:#DBF7DB;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #3C3}
.general6 a:hover{background-color:#A6ECA6;border-color:#33C;color:#33C}
.general6 span{font:12pt tahoma;color:#77774F;padding:2px 4px}
.general7 a{font:12pt tahoma;background:#FFDDD5;color:#00F;text-decoration:none;padding:0px 5px;border:1px solid #FF9377}
.general7 a:hover{background-color:#B3E7FF;border-color:#33C;color:#33C}
.general7 span{font:12pt tahoma;color:red;padding:2px 4px}