/*# 01 - ZAKLADNI STYLY #*/

html {
  width:100%;
  height:100%;
  min-height:100%;
  overflow-y: scroll;
}

body {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  min-height:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family:'Roboto',Arial,Verdana,Tahoma,Helvetica,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:16px;
  color:#616161;
  line-height:1.6em; 
  background-color:#818181;
}

h1,h2,h3 {
  font-family:'Roboto',Arial,Verdana,Tahoma,Helvetica,sans-serif;
  font-weight:300;
  font-style:normal;  
  color:#008f96;
color:#d02d6f;
}

h1 {
  font-size:36px;
  line-height:44px;
  width:auto;
  height:auto;
  margin:10px 0px 20px 0px;
  padding:0px 0px 0px 0px;
color:#fff;

}

h2 {
	font-size:36px;
	line-height:42px;
	width:auto;
	height:auto;
	margin:25px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

h3 {
  font-size:20px;
  line-height:26px;
  width:auto;
  height:auto;
  margin:25px 0px 20px 0px;
  padding:0px 0px 0px 0px;
}

hr {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:1px;
	background:#fff;
	border:none;
	margin:15px 0px;
	opacity:0.5;
}

.Cleaner {
	clear:both;
}

a {
  color:#008f96;
  text-decoration:underline;
}

a:hover {
  color:#008f96;
  text-decoration:underline;
}

.Table,
.TableRow,
.TableCell
 {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	display:table;
}

.TableRow {
	display:table-row;
}

.TableCell {
	display:table-cell;
}

.TableCell.TextDoprava {
	text-align:right;
}

.BlockWrap {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.BlockWrap .BlockContent {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	max-width:900px;
	height:auto;
	margin:0px auto;
	padding:25px;
}

.TopBg {
	position:relative;
	top:0px;
	left:0px;
	width:100%;	
	height:660px;
	background-color:#617779;
	background-image:url('../images/main-bg.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	overflow:hidden;
}

.BlockWrap.Header {
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	z-index:2	
}

.BlockWrap.Header .BlockContent {
	height:53px;
	padding:0px 50px 0px 25px;
	max-width:875px;
}

a.HeaderLogo {
  position:absolute;
  top:13px;
  left:25px;
  display:block;
  width:110px;
  height:25px;
}

a.HeaderLogo img {
  border:none;
  width:100%;
}

.BlockWrap.MainTextBlock .BlockContent {
	position:relative;
	top:0px;
	left:0px;
	width:auto;	
	height:606px;
	padding:0px;
}

.MUDrCastkova {
	position:absolute;
	bottom:0px;
	right:-155px;
	width:368px;	
	height:570px;
width:541px;
height:570px;
	background-color:transparent;	
	background-image:url('../images/mudr-castkova-2.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	z-index:2;	
}

.MUDrCastkovaLine {
	position:absolute;
	bottom:0px;
	right:-277px;
	width:536px;	
	height:660px;
	background-color:transparent;	
	background-image:url('../images/mudr-castkova-line-green2.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	z-index:1;	
}

.GraphicTextBG {
	position:absolute;
	bottom:0px;
	left:0px;
	height:auto;
	min-height:332px;
	width:100%;
	background-color:#556b6e;
	z-index:0;
	padding:0px;
    background-color: rgba(85, 107, 110, 0.7);
    background: rgba(85, 107, 110, 0.7);
    color: rgba(85, 107, 110, 0.7);


} 

.GraphicTextWrap {
	position:relative;
	top:0px;
	left:0px;
	height:auto;
	display:table;
	width:100%;
	max-width:925px;
	margin:0px auto;
	padding:10px 0px 10px 25px;
} 

.GraphicText {
	position:relative;
	top:0px;
	left:0px;
	height:382px;
	width:auto;
	display:table-cell;
	vertical-align:middle;
	z-index:1;
	color:#fff;
	font-size:28px;
	line-height:32px;
	margin:0px auto;
	padding:0px 390px 0px 0px;
	font-weight:100;
	text-align:right;

} 

.GraphicText .Bod {
	position:relative;
	top:0px;
	left:0px;
	height:auto;
	width:auto;	
	margin:15px 0px;
	
}

.GraphicText .BodLine {
	position:absolute;
	top:0px;
	right:-355px;
	height:1px;
	width:320px;	
	margin:15px;
	border-bottom:1px solid rgba(255, 255, 255, 0.3);	
}

.BlockWrap.MainText {
	background-color:#e6e6e6;
background-color:#d02d6f;
color:#fff;
	overflow-y:visible;
}

.BlockWrap.MainTextBlock {
		overflow:visible;
}

.BlockWrap.MainText .BlockContent {
	background-color:transparent;
	background-image:url(../images/text-decor3.png);
	background-repeat:no-repeat;
	background-position:80px 50%;
	font-size:18px;
	padding:75px 25px 75px 300px;
	max-width:625px;
}

.BlockWrap.OrdinacniHodinyFoto {
	background-color:#ffffff;
}

.BlockWrap.OrdinacniHodinyFoto .BlockContent {
	padding:70px 25px 63px 25px;
}


.OrdinacniHodinyFoto .SidesWrap {
	display:table;
	width:100%;
}


.OrdinacniHodinyFoto .SideLeft {
	display:table-cell;
	width:100%;
	padding-right:30px
}

.OrdinacniHodinyFoto .SideRight {
	width:auto;	
	display:table-cell;	
	vertical-align:top;
	padding-top:5px;
}

.OrdinacniHodinyFoto .SideRight h2 {
	margin-top:0px;
	height:100%;
	font-size:30px;
	line-height:36px;
}

.OrdinacniHodinyFoto .SideRight .Table.HodinyTable {
	width:240px;
}

.OrdinacniHodinyFoto .SideLeft .ImagesWrap {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	font-size:0px;
}

.OrdinacniHodinyFoto .SideLeft .ImagesWrap .ImageOne {
	display:inline-block;
	width:30.3333333%;
	vertical-align:top;
	padding-right:3%
}

.OrdinacniHodinyFoto .SideLeft a {
	position:relative;
	top:0px;
	left:0px;
	display:block;	
	width:100%;
	height:105px;
	margin:10px 20px 10px 0px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
/*
	filter: grayscale(100%);

	-webkit-filter: grayscale(100%);
	filter: gray;	
	opacity: 0.7;
	filter: alpha(opacity=70);	
*/
}

.OrdinacniHodinyFoto .SideLeft a:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */	
}

.BlockWrap.KontaktMapa {
	color:#fff;
}

.BlockWrap.KontaktMapa .BlockContent {
	padding:0px;
}

.BlockWrap.KontaktMapa .TextWrap {
    position:relative;
    top:0px;
    left:0px;
    width:auto;
    max-width:948px;
    height:370px;
    margin:0px auto;
    padding:0px;
	
}

.BlockWrap.KontaktMapa .TextWrap h2 {
	margin-top:0px;
	font-size:33px;
	line-height:38px;
}

.BlockWrap.KontaktMapa .TextWrap .SideCover {
    position:absolute;
    top:0px;
    right:0px;
    background-color:#008f96;
    width:6000px;
    height:370px;
}

.BlockWrap.KontaktMapa .TextWrap .Text {
    position:relative;
    top:0px;
    left:0px;
    width:325px;
    height:370px;
	z-index:6;
}

.BlockWrap.KontaktMapa .TextWrap .Text .TextContent {
	position:relative;
    top:0px;
    left:0px;
    width:325px;
    height:370px;
	z-index:6;
	display:table-cell;
	vertical-align:middle;
	padding-left:25px;
}

.BlockWrap.KontaktMapa .Mapa {
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
    height:370px;
	z-index:5;
}

.BlockWrap.KontaktMapa h2 {
	color:#fff;
}

.BlockWrap.KontaktMapa a {
	color:#fff;
	text-decoration:none;
}

.BlockWrap.KontaktMapa a:hover {
	color:#fff;
	text-decoration:underline;
}

.BlockWrap.Pojistovny {
	background-color:#ffffff;
	text-align:center;	
}

.BlockWrap.Pojistovny .BlockContent {
	padding:80px 25px 70px 25px;
}

.BlockWrap.Pojistovny h2 {
	margin-top:0px;
color:#008f96;
}


.BlockWrap.Pojistovny a {
	display:inline-block;
	width:auto;
	height:40px;
	margin:25px 30px;
}

.BlockWrap.Pojistovny a img {
	height:100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */   
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.BlockWrap.Pojistovny a:hover img {
	height:100%;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%); /* For Webkit browsers */
	filter: none; /* For IE 6 - 9 */   
	opacity:1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.BlockWrap.Footer {
	text-align:center;
	color:#fff;
}

.BlockWrap.Footer .BlockContent {
	padding:50px 25px 120px 25px;
}

/*# 02 - HEADER / MENU #*/

ul.HeaderMenu {
	float:right;
}

ul.HeaderMenu,
ul.HeaderMenu li {
	position:relative;
	top:0px;
	left:0px;
	display:inline-block;
	width:auto;
	height:53px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

ul.HeaderMenu#MenuMobil {
	display:none;
}

ul.HeaderMenu a {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	height:53px;
	line-height:53px;
	color:#fff;
	font-size:14px;
	margin:0px;
	padding:0px 15px;
	text-decoration:none;
}

ul.HeaderMenu li:last-child a {
	padding-right:0px;
}


ul.HeaderMenu#MenuMobil li a {
	background-image:url(../images/ico-menu-mobile-btn.png);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:15px 50%;	
	padding-left:45px;
}

ul.HeaderMenu#MenuMobil li a:hover,
ul.HeaderMenu#MenuMobil li a.Selected,
ul.HeaderMenu a:hover,
ul.HeaderMenu>li>a.Selected,
ul.HeaderMenu>li>a.RefSelected
 {
	color:#fff;
	text-decoration:none;
}

/*# SIRE 930#*/

@media only screen and (max-width: 930px) {
	
	.OrdinacniHodinyFoto .SideLeft a {
		/*width:280px*/
	}
	
}


/*# SIRE 850#*/

@media only screen and (max-width: 850px) {
	
	.BlockWrap.MainText .BlockContent {
		background-position: 80px 80px;
	}
	
}


/*# SIRE 800#*/

@media only screen and (max-width: 800px) {

.OrdinacniHodinyFoto .SideLeft .ImagesWrap .ImageOne {
	display:inline-block;
	width:47%;
	vertical-align:top;
	padding-right:3%
}

}


/*# SIRE 700#*/

@media only screen and (max-width: 700px) {

.BlockWrap.KontaktMapa .TextWrap,
.BlockWrap.KontaktMapa .TextWrap .Text,
.BlockWrap.KontaktMapa .TextWrap .Text .TextContent {
	width:auto;
	height:auto;
	display:block;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#008f96;
}

.BlockWrap.KontaktMapa .TextWrap .Text .TextContent {
	padding:45px 25px 35px 25px;
}

.BlockWrap.Pojistovny .BlockContent {
    padding:45px 25px 45px 25px;
}

.BlockWrap.OrdinacniHodinyFoto .BlockContent {
    padding:45px 25px 45px 25px;
}

.BlockWrap.MainText .BlockContent {
	padding: 45px 25px 45px 300px;
}

.BlockWrap.KontaktMapa .TextWrap .SideCover {
	display:none;
}



.BlockWrap.KontaktMapa .Mapa {
	position:relative;
	top:0px;
	left:0px;
}

}

/*# SIRE 650#*/

@media only screen and (max-width: 650px) {
	
	.BlockWrap.OrdinacniHodinyFoto .BlockContent {
		padding:45px 25px;
	}
	
	
	  .OrdinacniHodinyFoto .SidesWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;

  }

  .OrdinacniHodinyFoto .SidesWrap .SideLeft {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
	width:100%;
	margin:0px;
	padding:0px;	
	display:block;
  }

  .OrdinacniHodinyFoto .SidesWrap .SideRight {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
	width:100%;
	margin:0px;
	padding:0px;	
	display:block;	
	text-align:center;
	margin-bottom:25px;
  }
  
 .OrdinacniHodinyFoto .SideLeft .ImagesWrap .ImageOne {
	 padding-left:1.5%;
	 padding-right:1.5%;
 }
 
.OrdinacniHodinyFoto .SideRight .Table.HodinyTable {
	text-align:left;
	margin:15px auto;
}

.OrdinacniHodinyFoto .SideRight h2 {
	margin-bottom:35px;
}

.BlockWrap.Pojistovny .BlockContent {
	padding:45px 25px 45px 25px
}

.BlockWrap.Footer .BlockContent {
    padding:35px 25px 35px 25px;
}
	


.GraphicTextWrap {
	padding-top:20px;
	padding-bottom:20px;
}

.GraphicText {
	font-size:24px;
	line-height:26px;
}

	.BlockWrap.MainText .BlockContent {
		background-position:60px 60px;
		background-size:70px 94px;
		padding: 45px 25px 45px 180px;
	}

}

/*# SIRE 580#*/

@media only screen and (max-width: 580px) {
	
.BlockWrap.MainTextBlock .BlockContent {
		height:850px;
	
}

.BlockWrap.Header .BlockContent {
	padding:0px 25px;
}

.GraphicTextBG {
	    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    min-height:10px;
	
}

.GraphicText {
	padding:0px;
	text-align:center;
	height:auto;
	font-size:20px;
	line-height:22px;
}

.GraphicTextWrap {
	display:block;
	padding:20px 25px;
	width:auto;
}

.BodLine {
	display:none;
	
}

.MUDrCastkovaLine {
	display:none;
}

.MUDrCastkova {
	position:absolute;
	right:100px;
bottom:240px;
width:300px;
height:316px;
}

	
}

/*# SIRE 520#*/

@media only screen and (max-width: 520px) {
	
	.BlockWrap.Header .BlockContent {
		height:auto;
		text-align:center;
	}
	
	ul.HeaderMenu {
		float:none;
		margin:15px 0px;
	}
		
		
	ul.HeaderMenu,
	ul.HeaderMenu li
	{
		height:auto;
	}		
		
	ul.HeaderMenu li:last-child a,
	ul.HeaderMenu li a	{
		padding:0px 15px;
		height:30px;
		line-height:30px;
	}
	
	a.HeaderLogo {
		position:relative;
		top:0px;
		left:0px;
		display:inline-block;
		margin:25px auto 0px auto;
		line-height:14px;
	}
	
}


/*# SIRE 500#*/

@media only screen and (max-width: 500px) {
	
	.BlockWrap.MainText .BlockContent {
		background-position:50% 50px;
		background-size:70px 94px;
		padding:155px 25px 30px 25px;
		text-align:center;
	}
	
	.MUDrCastkova {
	position:absolute;
	right:70px;
}
	
}


/*# SIRE 400#*/

@media only screen and (max-width:400px) {
	
	
	.MUDrCastkova {
	position:absolute;
	right:50px;
}

.OrdinacniHodinyFoto .SideLeft .ImagesWrap .ImageOne {
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
	
}

/*# SIRE 370#*/

@media only screen and (max-width:370px) {
	
	
	.MUDrCastkova {
	position:absolute;
	right:25px;
	bottom:225px;
}
	
}


/*# SIRE 330#*/

@media only screen and (max-width:330px) {
	
	
	.MUDrCastkova {
	bottom:205px;
	right:5px;
}
	
}

/*# SIRE 300#*/

@media only screen and (max-width:300px) {
	
	
	.MUDrCastkova {
	display:none;
}
	
}