@charset "utf-8";
/* CSS Document */

a.mylink{font-weight:normal;}
ul li a{font-weight:normal;} 
@media all and (min-width: 1000px){
.rounded2{
width: 400px;
}

#footerblokcont{
width:960px;
margin:0px auto;
margin-top:0px;;
overflow: hidden;
}


.fleft, .fcenter, .fright, .fmedia{
 width: 200px;
 margin-left: 20px;
 float: left;
}
.myway{
color: #ffffff;
margin-left: 0px;
}


.example-header .container { width: 100%;}
.menu-link { display: none;}
.menu { 

font-family: 'Roboto', arial;
font-weight:400;
display: block;
margin-top:60px;
  margin: 0 auto;
  width:1000px;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
  /*z-index: 1;*/
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #FF7D00;
	
}
.menu ul li { padding: 0px;}
.menu > ul > li { display: inline-block; height: 100%;}
.menu ul li a { display: block; text-decoration: none; color: #cccccc; font-size: .9em; background-color:#333;margin-left:15px; margin-right:15px; text-align:left;}
.menu ul li > a {padding: 13px 5px 13px 5px;}
.menu ul ul { 
  display: none;
  position: absolute; 
  top:100%;
  min-width: 160px;
}
.menu ul li:hover > ul { display: block;}
.menu ul ul > li { position: relative; clear:both; width:100%;}
.menu ul ul > li a { padding: 10px 15px 10px 10px; height: auto; background-color: #333;}
.menu ul ul > li a:hover { background-color: #333; color: #999;}
.menu ul > li a:hover { background-color: #333; color:#999;}
.menu ul ul ul { position: absolute; left: 100%; top:0; }
 .containert {width:100%; background-color: #333;}
}

@media all and (max-width: 1000px){

.containert {width:100%;}
ul{
	font-weight:normal;color:#333333;
	margin:0;
	padding:0;
	list-style:none;
  z-index: 1;
}

ul li a{
	font-size:25px; height:40px;}
.example-header .container { width:100%; }
.menu a:hover{text-decoration: none;}
a.menu-link { 
 position: absolute; display: block; color: #ffffff; background-color: #333333; float: left; 
 text-decoration: none; padding: 10px 10px 10px 10px; font-size: 20px;font-weight:normal;
 /* margin-left: calc(100% - 100px); */
 margin-left: 2%; 
 margin-top: 0px; 
 border-radius:2px;
}
a.menu-link:hover{text-decoration:none;}
.menu {float: left; clear: both; min-width: inherit;  margin-bottom: 30px;margin-top:60px; }
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; width:100%; clear:both;}
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 500000em; clear:both;}
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; width:100%;}
  .menu li a { color: #fff; display: block; padding: 1.0em 0.8em 0.4em 0.8em; border-bottom: 1px solid #808080; position: relative; text-align:left;}
  .menu li.has-submenu > a::after{ 
    content: "+";
    position: absolute;
    top: 0.2em;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.25em 0.5em;
  }
  .menu li.has-submenu > a.active::after {
    content: "-";
    top: 0.2em;
  }
.menu li{
width: 100%;
background-color: #333333;
}
  .menu ul ul > li a { background-color: #666666; /* height:60px; padding: 50px 18px 0px 30px; */}
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none;}

#footerblokcont{
width:100%;
margin:0px auto;
margin-top:0px;
overflow: hidden;
}

#contentcontainer{
/* width:100%; */
}

#container{
width:100%;
}

.fcenter, .fright, .fmedia, .fleft{
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 margin-bottom: 30px;
font-size: 150%;
text-align:center;
}

.myway{
padding: 0px;
margin: 0px;
font-size:125%;
color: #ffffff
}

}