@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-01-15 By Oldnema*/

*{padding:0;margin:0;}

body {
background:#fff; font:100% Arial;
}

a {
color:#000;
}

a:hover {
color:#f33;
}

#wrapper {
width:90%; margin:1em auto; background:#fff; padding:10px;
}

#header {
padding:0; margin:0; height:242px; margin-bottom:1em; background:#fff; border:2px solid #04B404; border-radius:5px;
}

#headerin {
width:97%; padding:2px; margin:30 auto;
}

#header h1 {
width:auto; float:right; clear:right; color:#000; font-size:30px; line-height:2em; text-align:right; font-weight:bold; font-style:italic; padding:0.5em; margin:0; letter-spacing:1px;
}

#header h1 a {
text-decoration:none;
}

#header .logo {
float:left; margin:0px; border:0 solid #666; border-radius:5px; margin:2px; width:auto;
}

#slogan {
width:auto; float:right; clear:right; color:#000; font-size:30px; line-height:2em; text-align:right; font-weight:bold; font-style:italic; padding:0,5em; margin:0; letter-spacing:1px;
}

#content {
float:left; background:#fff; min-height:300px; overflow:auto;
}

#boxs {
float:left; width:100%; background:#fff; min-height:300px; overflow:auto;
}

#navi {
float:left; width:50%;
}

#locator {
font:70% Arial; color:#000;
}

#content {
width:70%; overflow:hidden;
}

.content_in {
padding:0 1em 1em;
}

.content_in textarea {
float:left; width:100%;
}

table.edit {
background:#BDBDBD; font-size:100%; line-height:1.2em; margin:1px 0;
}

table.edit td {
padding:3px;
}

table.edit a:link, table.edit a {
color:#fff;
}

#boxs {
clear:both; width:50%; margin-top:-1em; boder-bottom:2px solid #000;
}

.news {
font-size:90%; padding-top:0; margin-top:1em; padding:.6em; border-radius:5px; border:1px #04B404 solid; background:#BDBDBD; width:90%; float:right;
}

#footer {
color:#666; clear:both; margin:2em; border-bottom:5px solid #04B404;
}

.footer_in {
text-align:center; min-height:3em; padding:1em 0; clear:both; width:100%;
}

.copyright {
font-size:80%;
}

h1,h2,h3 {
margin:0; font-size:130%; color:#04B404; padding-top:.5em; text-shadow:0 1px 1px gray;
}

h4,h5,h6 {
margin:0;font-size:110%;padding:0;color:#04B404; text-shadow:3px 1px 1px gray;
}

input[type="submit"]{background:#013F7F; color:#fff; display:inline-block; height:24px;position:relative;text-align:center;text-decoration:none;margin-left:5px;margin-top:11px; padding:2px 10px 10px; border-radius:5px;font-variant:normal; font-weight:normal; font-size:70%;}

input[type="text"],input[type="text"]:focus,input[type="password"]:focus{border:#006432 inset 1px; border-radius:5px; font-size:70%;}

#search {
margin-bottom:.4em; border-radius:5px; border:1px #2EFE2E solid; padding-left:1em; padding-bottom:.6em; background:#e5e5e5; height:40px;
}

#iconmenu {
float:right; margin-top:-25px; padding-right:5px;
}

blockquote {
font-family:Georgia, serif; font-size:100%; font-style: italic; width: 80%; margin:0.25em 0; padding:0.25em 40px; line-height:1.45; position:relative; color:#383838;
}

blockquote:before {
display:block; content:"\201C"; font-size:80px; position:absolute; left:-5px; top:-20px; color:#7a7a7a;
}

blockquote a, blockquote a:visited {
color:maroon;
}

blockquote a:after {
content:"\00BB";
}

img {
max-width:100%; height:auto; width:auto; /* 3 */
}

.video {
position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;
}

.video iframe,.video object,.video embed {
position:absolute; top:0; left:0; width:100%; height:100%;
}

p {
margin:1em 0; line-height:1.3;
}

ol {
margin:6px 0;
}

ol li {
line-height:1.2; border:0; padding:0; margin:0 0 0 22px;
}

ul {
list-style-position:inside; margin:6px 0 6px 10px;
}

ul li {
line-height:1.2; border:0; padding:5px 0; margin:0 0 0 17px;
}

#menu li, #menu ul {
list-style-type:none; margin:0; padding:0;
}

#menu a {
display:block; color:#000; text-decoration:none; line-height:200%; padding-left:1em; padding-right:1em; border-radius:5px; background:#BDBDBD; border:1px #04B404 solid;
}

#menu a:hover {
background:#f33;
}

#menu {
float:left; width:90%; font-size:90%; color:#000; text-shadow:0 1px 0 rgba(0,0,0,.7);
}

#menu li {
list-style-type:none; list-style-image:none; padding:0;
}

#menu ul.menulevel1 li {
line-height:1em; margin:1px 0;
}

#menu ul.menulevel2 {
margin:1px 0;
}

#menu ul.menulevel2 li {
line-height:1em; margin:1px 0;
}

#menu ul.menulevel2 li a {
background:#BDBDBD;
}

#menu ul.menulevel2 li a:hover {
background:#f33;
}

#menu ul.menulevel3 {
margin:1px 0;
}

#menu ul.menulevel3 li a {
background:#08a;
}

#menu ul.menulevel3 li a:hover {
background:#0080ff;
}

#menu ul ul.menulevel3 li {
margin:1px 0;
}

#menu2 {
padding-top:0px; padding-bottom:5px; margin-top:-6px; padding-bottom:3px; width:90%; font-size:90%;
}

#menu2 li {
list-style:none; padding:0; display:block; text-decoration:none; line-height:200%; padding-left:1em; padding-right:1em; border-radius:5px; background:#BDBDBD; border:#04B404 solid 1px; margin-left:-10px; margin-bottom:1px; font-size:100%;
}

#menu2, #menu2 a {
text-decoration:none; display:block; list-style: none; color:#000; line-height:200%; font-family:arial, sans-serif;
}

#menu2 li a:hover {
color: #f33;
}

.lastupdate {
font-size:90%; border-top:1px solid #40FF00;
}

.block {
width:48%; margin:0 1%; float:left; box-shadow:0 8px 6px -6px black; border-top:1em solid #393; background-color:#f5f5f5; border-radius:5px; margin-top:-3em;
}

.blockin {
padding:0.5em; font-size:80%; border-bottom-left-radius: 10px; border-bottom-right-radius:10px;
}

.lastupdate {
color:#000; font-size:90%; padding:0.5em; border-top:2px #04B404 solid;
}

.langmenu {
padding-left:0.5em; padding-top:0.5em;
}

.button a {
background:#004080; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.6); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer;
}

.button a:after {
display:inline; content:"  \2191"; font-weight: bold;
}


@media screen and (max-width: 480px) {
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow:hidden;}
.block{visibility:hidden; height: 1px; overflow:hidden;}
.news {visibility:visible;}
#locator{visibility:hidden;height: 1px; overflow:hidden;}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow:hidden;}
.news{visibility:hidden;height: 1px; overflow:hidden;}
.block {visibility:visible;}
#locator{visibility:hidden;height: 1px; overflow:hidden;}
#locator{visibility:hidden;height: 1px; overflow:hidden;}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block}
}

@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{width:30%}
#content{width:70%}
.news{visibility:hidden;height: 1px; overflow:hidden;}
.block {visibility:visible;}
#iconmenu {visibility:hidden;}
#boxs{clear:none;width:100%}
}

@media screen and (min-width: 980px) {
#iconmenu {visibility:hidden;}
#navi{width:25%}
#content{width:50%}
#boxs{clear:none;width:25%;overflow:auto}
.news {visibility: visible;overflow:auto}
.block{visibility:hidden;height: 1px; overflow:hidden;}
}