body{

background-color: #FFFFFF;

color: #000;

margin: 0;

}

#header{

	width: 100%;

	position: relative;

}

#content{

	width: 74%;

	float: left;

	padding: 0 4% 0 4%;

	margin: 0;

}

#content img{

	max-width: 100%;

	height: auto;

}

#under_header{

	width: 100%;

	float: left;

	padding-left: 0;

	padding-bottom: 25px;

}

#content-left{

	width: 48%;

	float: left;

	padding: 0 2% 0 0;

	margin: 0;

}

#content-right{

	width: 48%;

	float: left;

	padding: 0 0 0 2%;

	margin: 0;

}

#sidebar{

	width: 15%;

	float: left;

	padding: 0 2% 0 0;

	margin: 0;

}

#sidebar div, #sidebar div input, #sidebar img{

	max-width: 100%;

}

#footer{

	width: 100%;

	float: left;

}



.menu {

	width: 100%;

    position: absolute;

    /*right: 30px;

    top: 10px;*/

    z-index: 3;

	font-size: 1em; 

	color: white;

}

.menu a {

	color: white !important;

}

.logo {

	float: left;

	padding: 1% 0 0 1%;

	width: 20%;

}

.menu-points {

	float: right;

	padding: 1% 1% 0 0;

}



.menu-points ul{

	list-style: none;

	margin: 0;

	padding: 0;

}

.menu-points ul li{

	float: left;

}

.menu-points ul li:hover{

	background: rgba(128,128,128,0.0);

}

.menu-points ul li a{

	display: block;

	width: 100%;

	height: 100%;

}

.menu-points label{

	display: none;

}

input[type="checkbox"]{

	display: none;

}



#label{

	cursor: pointer;

}

	

iframe{

	width: 100% !important;

	min-width: 0% !important;

	max-width: 100% !important;

}



.video-wrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}



.video-wrapper-noyt {

  padding-top: 25px;

}



.video-wrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	max-width: none; ! Oleg put 426px;

	height: 100%;

}



.prof {

    position:absolute;

    bottom:0;

    right:0;

    z-index: 3;

	font-size: 1.7em; 

	color: white;

}



p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i{

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

a:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #174E55	;

text-decoration: none;

}

a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #174E55;

text-decoration: none;

}

a:hover{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #FF6600;

text-decoration: none;

}

a:active{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #990066;

text-decoration: none;

}

.body {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

line-height: 18px;

color: #333333; 

text-decoration: none;

}

.small {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

line-height: 14px; 

color: #333333; 

text-decoration: none;

}

.header {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px;  

line-height: 14px; 

font-weight: bold; 

color: #333333; 

text-decoration: none;

}

.header_page{  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 14px;  

line-height: 14px; 

font-weight: bold; 

color: #FF7B00; 

text-decoration: none;

}

.headline {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 20px;  

line-height: 30px; 

font-weight: bold; 

color: #333333; 

text-decoration: none;

}

.subheadline {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 14px;  

line-height: 22px; 

font-weight: bold; 

color: #333333; 

text-decoration: none;

}

.coloursubhead {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 14px;  

line-height: 22px; 

font-weight: bold; 

color: #487078; 

text-decoration: none;

}

.marker {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-style: normal; 

font-weight: bold; 

color: #FF6600; 

text-decoration: none;

}

.singleline {  

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: normal; 

color: #000000; 

text-decoration: none;

line-height: 10px;

}

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

	#content-left{

		width: 100%;

		padding: 0;

	}

	#content-right{

		width: 100%;

		padding: 0;

	}

	

	.menu-points label{

	  display: block;

	  cursor: pointer;

	  padding: 10px;

	  border: none;

	}

	.menu-points label:hover{

	  background: rgba(128,128,128,0.75);

	}

	.menu-points ul li{

	  float: none;

	  border: none;

	  padding: 1%;

	  /*background: rgba(255,255,255,0.5);*/

	}

	.menu-points ul li{

	  background: rgba(128,128,128,0.75);

	}

	.menu-points input[type="checkbox"] ~ ul{

	  height: 0;

	  transform: scaleY(0);

	}

	.menu-points input[type="checkbox"]:checked ~ ul{

	  height: 100%;

	  transform-origin: top;

	  transition: transform .2s ease-out;

	  transform: scaleY(1); 

	}

	.menu-points input[type="checkbox"]:checked + label{

	  background: rgba(128,128,128,0.75);

	  border-bottom: 1px solid #fff;

	}

	#content input[type="checkbox"] ~ *:not(label){

	  display: none;

	  height: 0;

	  transform: scaleY(0);

	}



	#content input[type="checkbox"]:checked ~ *:not(label){

	  display: block;

	  height: 100%;

	  transform-origin: top;

	  transition: transform .2s ease-out;

	  transform: scaleY(1); 

	}



	#content input[type="checkbox"]:checked + label img[class~=triangle]{

	  transform: rotate(-90deg);

	}



	.prof{

		display: none;

	}

}



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

	#content{

		width: 92%;

		padding: 0 4% 0´4%;

	}

	#sidebar{

		width: 92%;

		padding: 0 4% 0´4%;

	}

	#header img{

		width: 150%;

		overflow: hidden;

	}

	#under_header{

		padding-left: 6%;

	}

}

@media all and (min-width: 501px) and (max-width: 900px){

	#content{

		width: 70%;

		padding: 0 4% 0´0;

	}

	#sidebar{

		width: 20%;

		padding: 0 0 0´4%;

	}

}