﻿body, html {position:relative;background:#f5f5fb;margin:1px calc(.5% + 33px) 1px .8%;padding:0;text-align:center;font-size:1em;font-family:"Calibri",sans-serif;}

/* Header */
#header{
position:relative;
width:100%;
max-width:calc(98vw - 25px);
height:99px;
margin:0 auto;
background-image:url('../../imgs/logo.png');
background-image:url('../../imgs/logo.png'), -ms-linear-gradient(top, #f8f9fe, #e0e1fe);
background-image:url('../../imgs/logo.png'), -moz-linear-gradient(top, #f8f9fe, #e0e1fe);
background-image:url('../../imgs/logo.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f8f9fe), color-stop(1, #e0e1fe));
background-image:url('../../imgs/logo.png'), -o-linear-gradient(top, #f8f9fe, #e0e1fe);
background: linear-gradient(top, #f8f9fe, #e0e1fe);
background-repeat:no-repeat;
background-position:1px 1px;
padding:0;
border-radius:.7em;
}

/* Title */
h1 {
position:absolute;
left:205px;
right:0;
top:110px;
margin:0 auto;
z-index:8888;
font-size:22px;
font-family:'Calibri',sans-serif;
text-decoration:underline;
}
/* End Header */

/* AdBox */
#adbox_show h2{margin:.2em auto 0 auto;font-size:1.25em;text-decoration:underline;letter-spacing:1px;color:blue}
#adbox{position:fixed;z-index:9990;top:0;left:0;margin:0;width:100%;height:100%;text-align:center;padding:0}
#adbox #adbox_transp{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:black;filter:alpha(opacity=75);-moz-opacity:.75;-khtml-opacity:.75;opacity:.75}
#adbox #adbox_show{position:relative;z-index:9992;margin:.35em auto;width:95%;border:2px solid silver;padding:.5em .4em;background-color:#e8e8fe}
#adbox_ifr{width:98%;height:55%;border:0}
.clsadbox{position:absolute;top:-0.3em;right:-0.3em;background-color:yellow;border:2px solid red;padding:.11em;font-family:Arial;font-size:1.05em;color:red;z-index:9999;border-radius:.5em;cursor:pointer}
/* END AdBox */

/* Side Menu */
#menu_side {
background:#fafafd;
position:absolute;
top:110px;
left:1px;
width:200px;
padding:2px 1px 8px 0;
text-align:center;
}
#menu_side .menu_s{
height:118px;
margin-bottom:30px;
overflow-y:hidden;
}
#menu_side .menu_s:hover{
height:auto;
overflow-y:auto;
}
#menu_side .menu_s:after{
background:#999a1b;
border-bottom-left-radius:55%;
border-bottom-right-radius:55%;
color:#fff;
content:'More Menu \2193'; /* \2193 */
display:block;
font-size:16px;
font-weight:800;
left:14%;
padding:1px 2px;
position:absolute;
top:120px;
width:70%;
}
#menu_side .menu_s:hover:after{
display:none;
}
#menu_side ul, #menu_side ol {
position:relative;
margin:0;
padding:0;
background:#f9f9eb;
border-radius:.6em;
list-style-type:none;
font-size:17px;
text-align:left;
}
#menu_side ul li {
position:relative;
}
#menu_side ul li a{
font-weight:700;
}
#menu_side ul li .get_subm {
display:block;
font-size:16px;
font-weight:700;
position:absolute;
right:0;
margin:0;
top:0;
width:16px;
}
#menu_side a, #menu_side li .this_pg {
display:block;
padding:2px 0 1px 4px;
color:#0000c0;
overflow:hidden;
white-space:nowrap;
max-width:99.99%;
}
#menu_side a.has_subct {
margin-right:20px;
}
#menu_side ul > li:hover a, #menu_side ul > li a:hover, #menu_side .sub_ctgs a:hover, #menu_side .subm a:hover {
background:#3434fe;
color:#fff;
text-decoration:none;
}
#menu_side li .this_pg {
background:#333;
border-radius:4px;
color:#fff;
font-weight:700;
}

/* PHP-Sub-Menus in #menu_side */
#menu_side .sub_ctgs {
background:#f0f0d0;
display:block;
font-size:16px;
font-weight:600;
margin:0;
overflow-Y:auto;
padding:2px 0 5px 3px;
max-height:285px;
text-align:left;
}
#menu_side .subm {
background:#fdfdf4;
font-size:16px;
font-weight:500;
line-height:140%;
margin:0;
overflow-Y:auto;
padding:0 0 6px 5px;
max-height:285px;
text-align:left;
}

/* JS-Sub-Menus in #menu_side */
#menu_side .js_subm {display:none;position:fixed;z-index:9998;bottom:15px;left:11.5em;width:18em;height:85%;padding:0}
.js_subm .submenus{position:relative;margin:0;height:100%;max-width:18em;border:2px solid #b0b0da;overflow:auto;padding:2px 2px 5px 2px;background-color:#f8f9fe;font-size:.9em}
.js_subm .submenus span{display:block;margin:1px auto;background-color:#dfe0fe;cursor:pointer;font-size:.91em;text-decoration:underline;padding:.16em 0 1px .3em;color:#0000a4}
#menu_side li:hover .js_subm{display:block}
#menu_side .js_subm:hover{display:block}
.js_subm .submenus span:hover{background-color:#b0e0b0;text-decoration:none;color:#010203;}
.js_subm .clsmnjs{position:absolute;top:40%;right:-2px;margin:0;background-color:yellow;border:2px solid #b0b0da;border-left-color:#f8f9fe;font-weight:800;font-size:22px;color:red;padding:0 5px;text-decoration:none;z-index:9999;border-top-right-radius:.6em;border-bottom-right-radius:.6em;cursor:pointer;line-height:200%;}
.js_subm .clsmnjs:hover {background-color:#333;color:#fff}
/* END Sub-Menus */
/* End Side-Menu */

/* Search form */
#search{
position:absolute;
bottom:1px;
left:3px;
width:80%;
max-width:240px;
margin:0;
text-align:left;
}
#search #inpsrc {
position:relative;
width:60%;
height:21px;
margin:0 0 0 5px;
background:#d8eeec;
padding:0 1px 1px 22px;
border-radius:8px;
vertical-align:top;
}
#search #inpsrc:focus {
width:111%;
width:calc(85% - 30px);
background:#fdfebe;
border-radius:0;
}
#search .submit {
position:absolute;
width:26px;
height:26px;
left:0;
top:-3px;
margin:0;
padding:0;
}
#search .submit:hover {
background:#febbbb;
border-radius:.3em;
}
/* Search Sugest */
#src_sugest:empty {display:none;}
#src_sugest {
position:absolute;
right:-2px;
top:22px;
margin:0 0 0 2px;
max-width:125%;
max-height:380px;
background:#eee;
border:1px solid #bbb;
text-align:left;
padding:2px;
font-size:1em;
font-family:"Calibri",sans-serif;
z-index:9990;
overflow-Y:auto;
overflow-X:hidden;
border-radius:.5em;
}
#src_sugest h4 {
margin:3px 2px;
border-bottom:1px dashed #0001bb;
padding:1px;
font-weight:600;
cursor:pointer;
}
#src_sugest h4:hover {
background:#fefefe;
}
#src_sugest h4:hover {
background:#fefefe;
}
#src_sugest div {
position:absolute;
top:0;  right:0;
border:1px solid #fe0000;
background:#fbfbfb;
padding:1px 3px;
font-size:1em;
font-weight:700;
color:#fb0001;
cursor:pointer;
border-radius:.4em;
}
#src_sugest div:hover {
background:#fbfb00;
}
#src_sugest .hglw {background:#fbfbbb; font-style:oblique;}
/* END Search form */

/* Content */
#p_content {
background:#fefeff;
border-radius:8px;
font-size:17px;
position:relative;
margin:28px .2em .1em 205px;
padding:30px 3px 5px 8px;
text-align:left;
}
#p_content .bf_subt{
/* background-image:url('../../imgs/blackfox.png'); */
background-repeat:no-repeat;
background-position:0 0;
background-size:38px 35px;
color:#0000c8;
font-size:19px;
height:33px;
margin:15px auto 0 25px;
padding:8px 0 0 45px;
text-decoration:none;
}
#p_content .bf_subt:before{
content:'\270E';
font-size:25px;
margin-right:8px;
}
#pgs_content_list {
position:relative;
margin:5px 1% 2px 2%;
list-style-type:none;
}
#pgs_content_list li{
position:relative;
margin:20px 0 5px 0;
background:#f1f2fb;
border:1px dashed #888;
padding:0 .2em .2em .5em;
}
#pgs_content_list li:hover{
background:#fafafb;
}
#pgs_content_list li a{
margin:-8px 10px 5px 12px;
background-color:#e9e9fe;
border-radius:8px;
display:block;
padding:5px 3px 4px 2%;
color:#0000b0;
font-weight:700;
font-size:1.1em;
box-shadow:.15em .13em .25em #0123da inset;
}
#pgs_content_list li div {
font-size:17px;
}

/*Menu subpages */
#p_content .menu_pgl{
clear:both;
column-count:2;
column-gap:35px;
column-width:240px;
margin:0 auto;
}
#p_content .menu_pgl li{
background:#fbfbe8;
border:1px solid #888;
border-radius:5px;
font-size:16px;
margin:10px 1px 10px 5px;
padding:0 2px;
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
break-inside:avoid;
}
#p_content .menu_pgl li a{
display:block;
letter-spacing:1px;
font-size:16px;
font-weight:700;
padding:5px 0;
}
#p_content .menu_pgl li a:hover{
font-style:normal;
}
#p_content .menu_pgl .link:hover{
background:#adefad;
}
/*Three columns*/
#p_content .menu_pgl.cols_3{
column-count:3;
column-gap:31px;
column-width:230px
}

/* Pagination links */
.linkspg {
margin:14px 30px;
background-color:#b0d0f0;
border:1px solid #eeeffe;
border-radius:8px;
padding:3px 1em;
font-size:22px;
}
.linkspg a {
margin:1px .2em;
background-color:#f7f8fe;
border-radius:.3em;
padding:1px .3em;
font-size:20px;
font-weight:800;
color:#0001da;
}
.linkspg a:hover { background-color:#f7f808; }
/* END */

/* Contact page */
#contact_pg {
font-size:16px;
text-align:center;
}
#contact_pg #admin_mail {
font-weight:700;
}
#contact_pg div, #contact_pg #frm_cont {
display:inline-block;
margin:5px 2%;
max-width:380px;
min-width:250px;
width:49%;
}
#contact_pg div {
vertical-align:top;
}
#contact_pg #frm_cont {
background-color:#d8f0d8;
}
#contact_pg #frm_cont h3 {
font-style:oblique;
margin:2px auto 15px auto;
text-align:center;
}
#contact_pg #frm_cont textarea {
height:140px;
width:90%;
}
#contact_pg #frm_cont #codas {
color:#0000da;
font-weight:700;
}
/* END */
/* End Content */

/* Social Share-Like */
#share_like {
position:fixed;
top:5%;
right:calc(10px + .2%);
margin:0;
width:50px;
line-height:93%;
padding:0;
text-align:center;
}
#share_like>strong#sl_fav {color:#f2f3fe;font-size:0; width:1em; height:1px;}
#share_like h4 {display:none;}
#share_like img {display:block; margin:0 auto 9px auto; border:2px outset #d2d8de}
#share_like img:hover {background-color:yellow}
#share_like #fb-root, #share_like .fb-share-button {
display:block;
margin:10px auto;
}
/* END Share-Like */

/* For Scroll top */
#scrtop {
position:fixed;
top:80%;
right:1.8%;
width:30px;
height:30px;
background:url("top.png") no-repeat scroll center center #0001da;
cursor:pointer;
border-radius:.5em;
}
#scrtop:hover {
border-color:#00be01;
border-radius:50%;
}
/* END */

/* Site access data */
#siteacc {
clear:both;
position:relative;
margin:1.8em .1em .1em 13.5em;
}
/* Pages Access data */
#pgalast, #pgatop, #pgatop_m {
display:inline-block;
width:46%;
margin:-.1em 1% 1em 1%;
background-color:#edeffe;
border:2px solid #f8feff;
text-align:left;
padding:.15em 1px .15em 1px;
box-shadow:.2em .22em .24em #a0a0ed;
border-radius:.8em;
}
#pgalast h4, #pgatop h4, #pgatop_m h4 {
max-width:12em;
margin:-1em auto .5em auto;
background-color:#eaebfe;
border:2px solid #f8feff;
padding:.2em;
box-shadow:.15em .13em .25em #6789da inset;
border-radius:.5em;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddefe', endColorstr='#eeeffe');
background-image:-ms-linear-gradient(top, #dddefe, #eeeffe);
background-image:-moz-linear-gradient(top, #dddefe, #eeeffe 95%);
background-image:-o-linear-gradient(top, #dddefe, #eeeffe);
background:linear-gradient(top, #dddefe, #eeeffe);
text-align:center;
}
#pgalast ol, #pgatop ol, #pgatop_m ol{
margin:.1em 0;
padding:1px 0 .15em 1.8em;
font-weight:700;
}
#pgalast ol li, #pgatop ol li, #pgatop_m ol li {
margin:1px 0 1px 1px;
padding:.1em 0;
font-family:"Lucida Sans","Century Gothic","Arial",sans-serif;
font-size:.8em;
}
#pgalast ol li a sup, #pgatop ol li a sup, #pgatop_m ol li a sup {
color:#010101;
font-style:italic;
}
#pgalast ol li a, #pgatop ol li a, #pgatop_m ol li a {
margin:0;
padding:.1em 0 .2em .1em;
color:#0001d8;
}
#pgalast ol li a:hover, #pgatop ol li a:hover {
margin:0;
border:none;
background:#fefeda;
padding:.1em 0 .2em .1em;
color:#0001bb;
text-decoration:none;
}
#cpga {
background-color:#e4e4fe;
text-align:left;
padding:1px 0 1px .1em;
}
#cpga h5 {
margin:1px auto .2em auto;
font-size:1em;
text-decoration:underline;
text-align:center;
}
#cpga span {
font-weight:800;
color:blue;
font-style:italic;
}
/* Mini-Traffic */
#siteacc #show_mt {
margin:.8em auto;
text-decoration:underline;
font-size:1.1em;
color:#0001fb;
cursor:pointer;
}
#siteacc #show_mt:hover {
text-decoration:none;
font-style:italic;
color:#00be00;
}
#traff {
display:none;
position:relative;
margin:1.2em .1em .5em .3em;
border:3px solid #bee0be;
background-color:#f0f1fe;
padding:0 1px 0 .2%;
}
#traff #trafstat  {
position:relative;
margin:0 -2px .3em -.5%;
background:#bee0be;
padding:.1em;
text-align:left;
}
#traff #trafstat .su  {
margin:0 2% 0 11%;
font-size:1.1em;
font-weight:800;
}
#traff sup {
font-weight:800;
font-size:.9em;
font-style:italic;
}
#traff #trafstat sup.sb  {
margin:0 5% 0 1px;
}
#traff .dvcells {
display:inline-block;
vertical-align:middle;
width:22.5%;
margin:.1em .3%;
background:#fdfefe;
padding:.1em .1em .1em .3em;
line-height:123%;
text-align:left;
border-radius:.8em;
}
#traff .dvcells:nth-child(4) {width:24%; padding-right:1px;}
#traff .dvcells:hover {background:#fbfbbe;}
#traff .traf{
position:relative;
margin:1px;
text-align:center;
}
#traff .dtblue { color:blue; font-weight:800;}
#traff #yip {
margin:.25em .2em auto -.5em;
font-style:italic;
font-weight:700;
}
/* End */

/* Footer */
#footer {
position:relative;
clear:both;
margin:16px auto .3px 208px;
}
#footer #menu_footer {
margin:1px 0 8px 2px;
background-color:#e5e5fe;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
line-height:150%;
padding:3px 3px 4px 3px;
box-shadow:.2em .2em .3em #a0a0ed;
}
#menu_footer a {
margin:0;
border-right:1px solid #a1a2a3;
font-family:Arial,sans-serif;
font-size:14px;
padding:4px 5px 4px 2px;
font-weight:600;
color:#555
}
#menu_footer a:last-child {
border:none;
}
#menu_footer a:hover {
background:#fefefe;
border-radius:6px;
text-decoration:none;
color:#0101fe;
}
#mp {
display:block;
margin:.2em auto;
font-size:.8em;
color:#a0a0a0;
}
/* End */