body {
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-family: serif;
	color: #333;
	background-color: #fff;
	/*background-image: url("bg.png");*/
}

div.tab {
background-color: #708090;
padding-left: 8px;

/*width: 685px;10*/
/*;*/
}

div#txt {
	            /* Standart */
                width: calc(100vw - 970px); 
                /* Opera */
                width: -o-calc(100vw - 970px);
				/* Firefox */
				width: -moz-calc(100vw - 970px);
				/* WebKit */
                width: -webkit-calc(100vw - 970px);
display: inline-block; 
float: right; 
position: relative; 
margin-right: 34px; 
text-align: justify; 
color: darkslateblue; 
font-size: 15pt;
}

span#header, h1 {
 font-size: 21pt;
 font-weight: bold; 
 color: slategray;
}
h1, h2 {
	margin-top: -5px;
}
h2 {
 font-size: 17pt;
 font-weight: bold; 
 color: slategray;
}

@media (max-width: 1305px) {
          div#txt {
            display: none;
          }
}

@media (min-width: 880px) {
          div.tab  {
            width: 750px; 
          }
}

@media (max-width: 880px) {
          div.tab  {
			    /* Standart */
                width: calc(100% - 141px);
			    /* Opera */
                width: -o-calc(100% - 141px);
				/* Firefox */
				width: -moz-calc(100% - 141px);
				/* WebKit */
                width: -webkit-calc(100% - 141px);
          }
}

@media (max-width: 337px) {
          #vieWorld {
            display: none;
          }
}

@media (max-width: 632px) {
          .links-ads {
            display: none;
          }
}

@media (min-width: 632px) {
          aside.logo-ads {
            display: none;
          }
}

div.menuitem {
display: inline-block;
text-align: center;
font-size: 17px;
font-weight: bold;
color: darkslateblue;
}

input[type=checkbox] {
     /*zoom: 3;*/
	 transform: scale(3);
	 margin-top: 8px;
	 margin-bottom: 21px;
}



ul.nav-pills > li.active > a {
  background-color: #708090 !important;
  color: white;
}

ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	/*background-color: #DDD;*/
}

ul.nav li {
    float: left;
	display: block
	margin-top: 0px;
    margin-bottom: 43px;
	margin-left: -44px;
	margin-right: -44px;
	 padding-left: 0px;
     padding-right: 0px;

	 
}

ul.nav li a {
    display: block;
    color: #333;
    text-align: left;

    text-decoration: none;
	
	transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-writing-mode: lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size: 17px;
	 margin-left: 0px;
	 padding-left: 8px;
     padding-right: 50px;
	 line-height: 28px;
	 width: 58px;
}

ul.nav li a:hover {
    background-color: #CCC;
	color: white;
}

a {
     color: darkorange;
     text-decoration: none;
     transition-duration: 0.3s;
	 -webkit-transition-duration: 0.3s; /* Safari */
}

a:hover {
		   opacity: 0.5;
}

button {
    background-color: #008CBA; /* blue */
    border: none;
    color: white;
	width: 132px;
    padding: 5px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
	font-weight:bold;
	border-radius: 3px;
	 -webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.3s;
	cursor: pointer;
	position: absolute; 
	right: 8px;
	margin-top: 13px;
}

button.blue {
    background-color: #008CBA; /* blue */
}

button.rose {
    background-color: #ff1493; /* rose */
}

button.green {
    background-color: #4AA02C; /* green */
}

button.grey {
    background-color: #708090; /* grey */
}

button:hover {
		   opacity: 0.5;
}

aside.icons-stick {
           position: fixed;
           bottom: 1px;
           z-index: 300;
           margin-bottom: 1px;
		   right: 3px;
		   margin-right: 3px;
		   width: 38px;
        }