/*
Responsive Web Design Template CMSimple_XH Oldnema "Bridges"
Released 2013-03-13 on: http://oldnema.compsys.cz/en/?Demo_templates
*/

* {margin:0;
padding:0;}
.clearfix {clear:both;}
#body {font-family:Tahoma, Times, serif;
font-size:95%;
width:100%;
background: -moz-linear-gradient(#000, #fff);
background: -webkit-linear-gradient(#000, #fff);
background: -o-linear-gradient(#000, #fff);
background: -ms-linear-gradient(#000, #fff);/*For IE10*/
background: linear-gradient(#000, #fff);
}
body {font-family:Tahoma, Times, serif;
font-size:100%;
background-color:#fff;
width:99%;}
#wrapper {max-width:1200px;
width:90%;
margin:30px auto;
padding:0;
background: #fff;
-webkit-box-shadow: 1px 1px 5px 5px #000;
box-shadow: 1px 1px 5px 5px #000;}
#header {height:205px;
padding:2em;
background-image: url(images/head.jpg);
background-repeat: no-repeat;
background-position: left top;}
textarea {width:98%;}
#search_head {float:right;
margin-top:-2.5em;}
.sitename,.sitename a,.sitename a:visited {font-size:160%;
line-height:100%;
text-decoration:none;
padding-top:6.2em;
color: #fff;
text-shadow:2px 2px 5px #000;
font-weight: 900;
}
.slogan {font-size:110%;
line-height:100%;
text-decoration:none;
padding-bottom:1em;
color:#fff;
font-weight:700;
text-shadow:2px 2px 5px #000;}
#navbox {margin-top:-8px;
width:100%;
height:50px;
border-bottom: 3px #6f6f6f solid;
padding:0;background-color: #000;
}
#mainnav {position:relative;
left:0;
top:0;
z-index:1;
font:100% Tahoma, Arial, sans-serif;
margin:0 10px;
}
#mainnav ul {list-style:none;
margin:0;
padding:0;}
#mainnav ul.menulevel2,#mainnav ul.menulevel3 {position:absolute;
display:none;}
#mainnav ul.menulevel2 {top:45px;
width:auto;}
#mainnav ul.menulevel3 {left:100%;
top:0;
width:auto;}
#mainnav ul.menulevel1 > li:hover > ul,#mainnav ul.menulevel2 > li:hover > ul {display:block;
width:100%;}
#mainnav li {position:relative;
width:auto;
text-align:left;
color:#000;
margin:0;
padding:8px;}
#mainnav ul.menulevel1 li {float:left;
width:auto;}
#mainnav ul.menulevel2 li,#mainnav ul.menulevel3 li {float:none;
border-bottom:none;
width:auto;
border-radius:5px;
border:1px #4f4f4f solid;
padding-top:0;
padding-bottom:0;
box-shadow:0 2px 5px #000;background-color: #000;}
#mainnav a {display:block;
color:#fff;
text-decoration:none;
width:auto;
padding:.4em 0;
background-color: #000;}
#mainnav li.sdoc > a,#mainnav li.sdocs > a {color: #E1E1E1;
width:auto;
text-decoration: underline;}
#mainnav li.sdoc > a:hover,#mainnav li.sdocs > a:hover,#mainnav a:hover {width:auto;
color: #ff0000}
.submenu {padding-left:2em;
margin-bottom:1em;
list-style-type:none;
font-weight:700;}
.submenu a,.submenu a:visited {color:#ff8000;
font-weight:700;
text-decoration:none;}
.submenu a:hover {color:maroon;
text-decoration:underline;}
#menu {visibility:hidden;
height:0;
overflow:hidden;
float:left;
width:100%;
font-size:90%;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.7);}
#menu li,#menu ul {list-style-type:none;
margin:0;
padding:0;}
#menu a {display:block;
color:#fff;
text-decoration:none;
line-height:200%;
padding-left:1em;
padding-right:1em;
border-radius:5px;
background:#1f1f1f;
border:1px #fff solid;}
#menu li {list-style-type:none;
list-style-image:none;
padding:0;}
#menu ul.menulevel2 li a {background:#3f3f3f;}
#menu ul.menulevel3 li a {background:#5f5f5f;}
#search {margin-bottom:.4em;
margin-top:1em;
padding-left:1em;
padding-bottom:1em;
height:50px;}
#iconmenu {float:right;
margin-top:-25px;
padding-right:5px;}
#contents {color:#000;
height:1%;
position:relative;
font-size:90%;
padding:20px;
}
#contents a,#contents a:visited {color:maroon;
text-decoration:none;}
#contents a:hover {text-decoration:underline;
color:#ff8000;}
#contents:after {content:'';
clear:both;
display:table;}
#content {font-size:100%;
width:auto;
margin:0;
padding:10px;
}
#locator {font-size:90%;
border-bottom:1px #004080 dotted;
padding:5px 0;}
.left-col {clear:both;
width:65%;
float:left;
margin-bottom:2em;
min-height:100%;
color:#000;
}
.right_col {width:30%;
float:right;
margin-top:0;
margin-bottom:1em;
color:#2f2f2f;
overflow:hidden;
clear:right;
padding:8px;
background: #F2F2F2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.right_col img{max-width:100%;height:auto;width:auto;/* 3 */ box-shadow:0 4px 4px -2px black}
.right_col2 {width:30%;
float:right;
margin-top:0;
margin-bottom:1em;
color:#2f2f2f;
overflow:hidden;
clear:right;
padding:8px;
background: #F2F2F2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.right_col2 img{max-width:100%;height:auto;width:auto;/* 3 */ box-shadow:0 4px 4px -2px black}
#news_bottom {color:#cfcfcf;
height:100%;
background-color: #000000;
padding:20px;
background-image: url(images/grad.jpg);
background-repeat: repeat-x;
background-position: left top;}
#news_bottom a,#news_bottom a:visited {color:#fff;}
#news_bottom a:hover {color:#ff0;
text-decoration:underline;}
#news_bottom li {list-style-type:none;}
.news h4 {color:#fff;
font-size:150%;
font-weight:700;
text-shadow:2px 2px 5px #000;
margin:0;}
.news {font-size:90%;
float:left;
width:43%;
overflow:hidden;
margin:10px;
padding:20px;}
.news h1 {color:#80ffff;}
.langmenu {display: inline;
list-style-type:none;
padding-left:1em;
padding-top:.5em;}
#footer {color:#bfbfbf;
font-size:90%;
text-align:center;
background-color:#000;
height:auto;
line-height:120%;
padding:1em;}
#footer a,#footer a:visited {color:#dfdfdf;}
#footer a:hover {color:#ff0;}
#bottom {width:60px;
margin:20px auto;}
input[type=submit] {background:#303030;
color:#fff;
display:inline-block;
height:24px;
position:relative;
text-align:center;
text-decoration:none;
font-variant:normal;
font-weight:400;
font-size:90%;
padding:1px 10px 10px;}
input[type=text],input[type=text]:focus,input[type=password]:focus {border:#006432 inset 1px;
border-radius:3px;
font-size:90%;}
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";}
h1,h1 a {font-size:140%;
line-height:180%;
text-decoration:none;
color: #3f3f3f;
font-weight:700;}
h1 a:hover {text-decoration:none;
color:#27B3CF;}
h2 {font-size:130%;
color: #3f3f3f;}
h3 {font-size:120%;
padding-top:1em;
color: #3f3f3f;}
h4 {font-size:110%;
margin-top:0.4em;
color: #2f2f2f}
h4 a {text-decoration:none;
color:#3f3f3f;
border-bottom:1px #ff0 dotted;}
h4 a:hover {color:#3f3f3f;}
h5,h6 {font-size:100%;
font-weight:700;
color:#3f3f3f;}
p {padding-bottom:10px;
line-height:110%;}
ol {margin:6px 0;}
ol li {line-height:1em;
border:0;
margin:0 0 0 22px;
padding:3px 0;}
ul {list-style-image:url(images/inhlist.gif);
margin:6px 0;}
ul li {line-height:1.2em;
border:0;
margin:0 0 0 17px;
padding:3px 0;}
hr {height:1px;
color:black;
background-color:silver;
border:0;
margin:1em 0;
padding:0;}

.button a {font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#fff;
background: #4f4f4f;
border-radius:6px;
border:2px solid #171717;
box-shadow:0 1px 3px rgba(000,000,000,0.5), inset 0 0 10px rgba(087,087,087,0.7);
text-shadow:0 -1px 0 rgba(000,000,000,0.4), 0 1px 0 rgba(255,255,255,0.3);
padding:6px 10px;
}
.button a,.button a:visited {color:#fff!important;
text-decoration:none;
border:outset;}
.button a:hover {color: #dfdfdf;
text-decoration:none!important;
border:inset;}
.print {background-color:#fff!important;
background-image:none;
color:#000!important;
padding:2em;
}
img {box-shadow: 0 45px 50px -50px #000000;}
#menu a:hover,#menu ul.menulevel2 li a:hover,#menu ul.menulevel3 li a:hover {background:#000;}
#menu ul.menulevel1 li,#menu ul.menulevel2 li {line-height:1em;
margin:1px 0;}
#menu ul.menulevel2,#menu ul.menulevel3,#menu ul ul.menulevel3 li {margin:1px 0;}

@media screen and (max-width: 480px) {
h1 {font-size: 130%;
padding: 1px;}
h2 {font-size: 120%;
padding: 1px;}
.news {clear:both;
width:100%;
margin:0;
padding-bottom: 1em;
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
border-bottom: 2px #000000 dotted;
box-shadow:none}
#body {font-size: 100%;}
#mainnav, #navbox, #search_head, #print {visibility: hidden;
height:0;
overflow: hidden;}
ul.menulevel1 {display:none;}
#menu:hover ul.menulevel1 {display:block;}
#menu {visibility: visible;
 height:auto;
}
.left-col, .right_col, .right_col2 {
float: left;
width:100%;border-left:none;}
img {max-width: 100%;
height: auto;}
#iconmenu img {box-shadow:none !important}
.sitename {font-size: 130%;}
.slogan {font-size: 110%; margin-bottom:0}
img {max-width:100%;
height:auto;
width:auto;
box-shadow:0 4px 4px -2px #000;}
.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%;}
}

@media screen and (min-width: 481px) and (max-width: 640px) {
h1 {font-size: 130%;
padding: 1px;}
h2 {font-size: 120%;
padding: 1px;}
.news {clear:both;
width:100%;
margin:0;
padding-bottom: 1em;
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
border-bottom: 2px #000000 dotted;
box-shadow:none}
#body {font-size: 100%;}
#mainnav, #navbox, #search_head, #print {visibility: hidden;
height:0;
overflow: hidden;}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
#menu {visibility: visible;
height: auto;}
.left-col, .right_col, .right_col2 {
float: left;
width:100%;border-left:none;}
img {max-width: 100%;
height: auto;}
#iconmenu img {box-shadow:none !important}
.sitename {font-size: 130%;}
.slogan {font-size: 110%; margin-bottom:0}
.news {clear:both;
width:100%;
margin:0;
padding-bottom: 1em;
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
border-bottom: 2px #000000 dotted;
box-shadow:none}
img {max-width:100%;
height:auto;
width:auto;
box-shadow:0 4px 4px -2px #000;}
.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%;}
}

@media screen and (min-width: 641px) and (max-width: 900px) {
h1 {font-size: 130%;
padding: 1px;}
h2 {font-size: 120%;
padding: 1px;}

#body {font-size: 100%;}
#body {font-size: 100%;}
#mainnav, #navbox, #search_head, #print {visibility: hidden ;
height:0;
overflow: hidden;}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
#menu {visibility: visible;
height: auto;}
.left-col, .right_col, .right_col2 {
float: left;
width:100%;border-left:none;}
img {max-width: 100%;
height: auto;}
.news {font-size:90%;
margin:10px;
padding:0px;
float: left;
width: 44%;
overflow:hidden;
}
#iconmenu img {box-shadow:none !important}
.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%;}
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
.news {font-size:90%;
margin:10px;
padding:0px;
float: left;
width: 45%;
overflow:hidden;
padding-bottom: 1em;}
#mainnav, #navbox, #search_head, #print {visibility: visible;}
.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%;}
}