body, html {
	text-align: center;
	border: 0px;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: auto;
	font-size: 15px;
  font-family: 'AvenirNextLTPro Regular', Arial;
	background: white;
  min-width: 1140px;
  text-align: left;
	
	position: relative;
}


#outer-wrapper {
  width: 100%;
}

#left {
  width: 100%;
  background: rgb(10,71,150);
  position: relative;
}

#left img {
  width: 100%;
  height: auto;
}

#middle, #right, #bottom {
  width: 100%;  
}

#middle-content, #right-content, #bottom-content {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 50px 0;
}

#right {
  background: #f7f7f7;
}






@media screen and (max-width: 500px) {
  #outer-wrapper #header-logo a {
    font-size: 22px;
  }
  
  #outer-wrapper #header-logo {
   top: 30px;
   left: 25px;
 }
 
 #outer-wrapper #header-logo-ods {
   position: absolute;
   top: 20px;
   right: 20px;   
  }
  
  #outer-wrapper #header-logo-ods img {
     height: auto;
     width: 80px;  
  }
  
  #middle-content, #right-content, #bottom-content {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
 }
 
  body, html {
    min-width: 552px;
  }
  
  #outer-wrapper #top {	
    left: 10px;
  }
  
  #outer-wrapper #top-menu ul a, #outer-wrapper #top-menu ul .cur {
  	padding: 0 11px;
   	margin: 0;
  	line-height: 40px;
  	font-size: 15px;
    margin-bottom: 5px;	
  }
  
  #outer-wrapper #header {
    height: 120px;
  }
  
  #outer-wrapper .csc-news-list .news .article {
     width: 100%;
     margin: 0px;
     margin-bottom: 20px;
     height: 530px;
  }
  
  #outer-wrapper .news-img-wrap {
    margin: 0 auto;
  }
  
  #outer-wrapper .news-img-wrap img {
    width: 440px;
  }
  
  #outer-wrapper .csc-news-list .header {
    top: 330px;  
  }
  
  #outer-wrapper .csc-news-list .header h3 {
    width: 400px;
    font-size: 23px;
  }
  
  #outer-wrapper .csc-news-list .teaser-text {
    top: 385px;
    left: 20px; 
    width: 400px;
  }
  
  #outer-wrapper #footer-right {
    position: absolute;
    top: 25px;
    right: 15px;
  }
  
  #outer-wrapper #footer-right img {
    height: 30px;
    width: auto; 
  }
  
  #outer-wrapper #footer-left {
    position: absolute;
    top: 15px;
    left: 25px;
  }
 
  #outer-wrapper #footer-left h2 {
    font-size: 20px;
  }
  
  #outer-wrapper #footer { 
    height: 120px;
  }
  
  #outer-wrapper #c159 {
    top: 50%;
    left: 55%;
    font-size: 20px;
  }
  
  #outer-wrapper .mediaelement-image img {
    width: 100%;
  }
  
  #outer-wrapper .csc-news-komenty .header {
    width: 300px;
  }
}