* {
	margin: 0;
	padding: 0;
}

body {
	background: #9fcaff;
	font-family: 'Oxygen', sans-serif;
  width: 100%;
  overflow:hidden;
}

h1 {
	display: none;
}

div#header-1 {
	width: 100%;
	height: 110px;
	background: #386693;
}

div#header-2 {
	width: 100%;
	height: 5px;
	background: #86bc1e;
}

div#header-3 {
	width: 100%;
	height: 5px;
	background: #386693;
}

div#content {
	width: 1260px;
	height: 490px;
	position: relative;
}

div#content-1, 
div#content-2 {
	width: 1260px;
	height: 490px;
	padding: 0px 15px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#content-1 {
	z-index: 1001;
	opacity: 1;
}

div#content-2 {
	z-index: 1000;
	opacity: 0;
}

div#content-1 div.type-1 h2, 
div#content-2 div.type-1 h2 {
	color: #376692;
	font-size: 40px;
	font-weight: normal;
	margin: 25px 0px 35px 11px;
	text-transform: uppercase;
}

div#content-1 div.type-1 div.doktor, 
div#content-2 div.type-1 div.doktor {
	width: 180px;
	height: 284px;
	background: #376692;
	float: left;
	margin: 0px 8px;
}

div#content-1 div.type-1 div.primar, 
div#content-2 div.type-1 div.primar {
	margin: 0px 45px 0px 11px;
}

div#content-1 div.type-1 div.doktor div.fotka,
div#content-2 div.type-1 div.doktor div.fotka {
	width: 166px;
	height: 225px;
	background: #000000;
	margin: 7px 7px 0px 7px;
	overflow: hidden;
	text-align: center;
}

div#content-1 div.type-1 div.doktor div.fotka img,
div#content-2 div.type-1 div.doktor div.fotka img {
	height: 250px;
}

div#content-1 div.type-1 div.doktor div.jmeno, 
div#content-2 div.type-1 div.doktor div.jmeno {
	height: 45px;
	color: #ffffff;
	font-size: 13px;
	margin: 0px 10px 5px 10px;
}

div#content-1 div.type-1 div.doktor div.jmeno table, 
div#content-2 div.type-1 div.doktor div.jmeno table {
	height: 50px;
	vertical-align: center;
}

div#content-1 div.type-1 div.doktor div.funkce, 
div#content-2 div.type-1 div.doktor div.funkce {
	background: #86bc1e;
	color: #ffffff;
	font-size: 12px;
	padding: 8px 10px;
}

div#content-1 div.type-2 h2, 
div#content-2 div.type-2 h2 {
	color: #376692;
	font-size: 50px;
	font-weight: normal;
	margin: 25px 0px 0px 11px;
	text-transform: uppercase;
} 

div#content-1 div.type-2 table, 
div#content-2 div.type-2 table {
  width: 1260px;
	overflow: hidden;
}

div#content-1 div.type-2 table tr td table, 
div#content-2 div.type-2 table tr td table {
	width: 1260px;
	height: auto;
	margin: 0px 0px;
  padding: 50px 50px;
  background: #86bc1e;
}

div#content-1 div.type-2 table tr td table tr td img, 
div#content-2 div.type-2 table tr td table tr td img {
	width: 200px;
  height: 200px;
  margin: 0 50px 0 0;
	background: #386693;
  border: 10px solid #386693;
}

div#content-1 div.type-2 table tr td table tr td p, 
div#content-2 div.type-2 table tr td table tr td p {
	font-size: 2em;
  text-align: justify;
}

/******************************************************************************/
/* Typ 4 - Youtube Video ******************************************************/
/******************************************************************************/

div#content-1 div.type-4,
div#content-2 div.type-4 {
	width: 1300px;
	height: 610px;
 position: absolute;
 display: block;
 overflow: hidden;
 top: -120px;
 left: 0;
 z-index: 1010;
 background: transparent;
}

div#content-1 div.type-4 iframe, 
div#content-2 div.type-4 iframe {
	width: 1300px;
	height: 610px;
  display: block;
	border: 0px;
  z-index: 500;  
}

/******************************************************************************/

/******************************************************************************/
/* Typ 6 - Inzerce       ******************************************************/
/******************************************************************************/

div#content-1 div.type-6,
div#content-2 div.type-6 {
	width: 1300px;
	height: 490px;
 position: absolute;
 display: block;
 overflow: hidden;
 top: 0px;
 left: 0;
 z-index: 1010;
 background: transparent;
}

div#content-1 div.type-6 img, 
div#content-2 div.type-6 img {
	width: 1300px;
	height: 490px;
  display: block;
	border: 0px;
  z-index: 500;  
  object-fit: cover;
}

/******************************************************************************/

div#footer-1 {
	width: 100%;
	height: 3px;
	background: #386693;
  margin: 0 0 0 0;
	z-index: 10020;
}

div#footer-2 {
	width: 100%;
	height: 3px;
	background: #86bc1e;
	z-index: 10020;
}

div#footer-3 {
	width: 1300px;
	height: 115px; /*104px*/
	background: #386693;
	overflow: hidden;
	z-index: 10020;
	position: relative;
}

div#footer-3 div#news {
	line-height: 115px;
	color: #ffffff;
	float: left;
	font-size: 55px;
	display: inline-block;
	position: absolute;
	left: 1260px;
	top: 0px;
	white-space: nowrap;
}

div#header-1 div#logo {
	width: 440px;
	height: 100px;
	background: transparent url(../img/medico.png) no-repeat top left;
	float: left;
	margin: 12px 0px 0px 12px;
}

div#header-1 div#images {
	width: 700px;
	height: 100px;
	float: left;
	margin: 15px 0px 0px 100px;
}

div#header-1 div#images div.image {
	width: 80px;
	height: 80px;
	background: #86bc1e;
	float: right;
	margin: 0px 0px 0px 20px;
}

div#header-1 div#images div.image img {
	width: 80px;
	height: 80px;
}