/* Author: SPANECO ~fiko */

/*
 Tmavě modra: 22587d
 Světle modra: 37a6c9
 Oranzova: ed8100
 Pro souvisly text: 4d4d4d
 Nadpis H1: e3161b
 Nadpis H2: 22587d
 border: e3e3e3
*/

* {
  margin: 0;
  padding: 0;
}

html, body {
  padding: 0;
  margin: 0;
}

body {
  background-color: #fff;
  color: #666;
  font-family: 'MyriadPro-Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@font-face {
	    font-family: 'MyriadPro-Light';
	    src: url('fonts/MyriadPro-Light.eot');
	    src: url('fonts/MyriadPro-Light.eot?iefix') format('eot'),
	         url('fonts/MyriadPro-Light.woff') format('woff'),
	         url('fonts/MyriadPro-Light.ttf') format('truetype'),
	         url('fonts/MyriadPro-Light.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }

@font-face {
	    font-family: 'MyriadPro-Regular';
	    src: url('fonts/MyriadPro-Regular.eot');
	    src: url('fonts/MyriadPro-Regular.eot?iefix') format('eot'),
	         url('fonts/MyriadPro-Regular.woff') format('woff'),
	         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
	         url('fonts/MyriadPro-Regular.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }

@font-face {
	    font-family: 'MyriadPro-Bold';
	    src: url('fonts/MyriadPro-Bold.eot');
	    src: url('fonts/MyriadPro-Bold.eot?iefix') format('eot'),
	         url('fonts/MyriadPro-Bold.woff') format('woff'),
	         url('fonts/MyriadPro-Bold.ttf') format('truetype'),
	         url('fonts/MyriadPro-Bold.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }

@font-face {
	    font-family: 'MyriadPro-Black';
	    src: url('fonts/MyriadPro-Black.eot');
	    src: url('fonts/MyriadPro-Black.eot?iefix') format('eot'),
	         url('fonts/MyriadPro-Black.woff') format('woff'),
	         url('fonts/MyriadPro-Black.ttf') format('truetype'),
	         url('fonts/MyriadPro-Black.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }


.vizualizace_cz {
  position: relative;
  background-image: url(../img/vizualizace_cz.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  width: 940px;
  height: 705px;
}

.point {
display: block;
cursor: pointer;
background-color: #ff2833;
border-radius: 100%;
width: 15px;
height: 15px;

-webkit-animation: point 2s linear 0s infinite;
-moz-animation: point 2s linear 0s infinite;
-ms-animation: point 2s linear 0s infinite;
-o-animation: point 2s linear 0s infinite;
}

@-webkit-keyframes point {
0% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
25% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
50% { background: #4d4d4d; transform: scale(1.5); box-shadow: 0 0 1px 0 #666; }
75% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
100% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
}

@-moz-keyframes point {
0% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
25% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
50% { background: #4d4d4d; transform: scale(1.5); box-shadow: 0 0 1px 0 #666; }
75% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
100% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
}

@-ms-keyframes point {
0% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
25% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
50% { background: #4d4d4d; transform: scale(1.5); box-shadow: 0 0 1px 0 #666; }
75% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
100% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
}

@-o-keyframes point {
0% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
25% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
50% { background: #4d4d4d; transform: scale(1.5); box-shadow: 0 0 1px 0 #666; }
75% { background: #666666; transform: scale(1.3); box-shadow: 0 0 1px 0 #666; }
100% { background: #808080; transform: scale(0.8); box-shadow: 0 0 1px 0 #666; }
}

.img_wrapper.nemocnice {
  position: relative;
  width: 100%;
}

.img_wrapper.nemocnice span {
  color: #12587c;
  font-size: 18px;
}

.img_wrapper.nemocnice a img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

a.otevri {
  position: absolute;
  width: 100px;
  bottom: 0;
  right: 0;
  background-color: #22587D;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  font-family: 'MyriadPro-Bold';
  font-size: 12px;
  margin: 10px;
  padding: 10px 15px 8px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

.crop {
  width: 250px;
  height: 250px;
  overflow: hidden;
  text-align: center;
}

.crop img {
  max-width: 250px;
}

#point-6 {
	position: absolute;
	left: 404px;
	top: 357px;
}

#point-14,
#point-114,
#point-214 {
	position: absolute;
	left: 424px;
	top: 337px;
}

#point-13,
#point-32c,
#point-132c,
#point-232c {
	position: absolute;
	left: 510px;
	top: 426px;
}

#point-27 {
	position: absolute;
	left: 408px;
	top: 234px;
}

#point-28,
#point-59,
#point-159,
#point-259 {
	position: absolute;
	left: 600px;
	top: 239px;
}

#point-59b,
#point-159b,
#point-259b {
	position: absolute;
	left: 580px;
	top: 180px;
}

#point-72f,
#point-172f,
#point-272f {
	position: absolute;
	left: 540px;
	top: 140px;
}

#point-30,
#point-62,
#point-162,
#point-262 {
	position: absolute;
	left: 754px;
	top: 363px;
}

#point-33,
#point-32,
#point-132,
#point-232 {
	position: absolute;
	left: 134px;
	top: 146px;
}

#point-34,
#point-32b,
#point-132b,
#point-232b {
	position: absolute;
	left: 136px;
	top: 405px;
}

#point-36,
#point-62e,
#point-162b,
#point-262b {
	position: absolute;
	left: 697px;
	top: 106px;
}

#point-38,
#point-63,
#point-163,
#point-263 {
	position: absolute;
	left: 782px;
	top: 91px;
}

#point-40 {
	position: absolute;
	left: 651px;
	top: 288px;
}

#point-42,
#point-72g,
#point-172g,
#point-272g {
	position: absolute;
	left: 424px;
	top: 438px;
}

#point-72c,
#point-172c,
#point-272c {
	position: absolute;
	left: 424px;
	top: 478px;
}

#point-43 {
	position: absolute;
	left: 543px;
	top: 465px;
}

#point-72b,
#point-172b,
#point-272b {
	position: absolute;
	left: 553px;
	top: 465px;
}

#point-45 {
	position: absolute;
	left: 784px;
	top: 316px;
}

#point-67,
#point-167,
#point-267 {
	position: absolute;
	left: 754px;
	top: 326px;
}

#point-47 {
	position: absolute;
	left: 660px;
	top: 67px;
}

#point-49,
#point-276,
#point-277,
#point-278 {
	position: absolute;
	left: 622px;
	top: 110px;
}

#point-72,
#point-172,
#point-272 {
	position: absolute;
	left: 560px;
	top: 90px;
}

#point-50,
#point-60b,
#point-160b,
#point-260b {
	position: absolute;
	left: 788px;
	top: 50px;
}

#point-51 {
	position: absolute;
	left: 827px;
	top: 351px;
}

#point-61,
#point-161,
#point-261 {
	position: absolute;
	left: 800px;
	top: 351px;
}

#point-52,
#point-60,
#point-160,
#point-260 {
	position: absolute;
	left: 705px;
	top: 61px;
}

#point-53 {
	position: absolute;
	left: 680px;
	top: 368px;
}

#point-72d,
#point-172d,
#point-272d {
	position: absolute;
	left: 630px;
	top: 338px;
}

#point-56 {
	position: absolute;
	left: 520px;
	top: 274px;
}

#point-31,
#point-131,
#point-231 {
	position: absolute;
	left: 520px;
	top: 274px;
}

#point-31b,
#point-131b,
#point-231b {
	position: absolute;
	left: 520px;
	top: 376px;
}

#point-75,
#point-175,
#point-275 {
	position: absolute;
	left: 580px;
	top: 280px;
}

#point-72e,
#point-172e,
#point-272e {
	position: absolute;
	left: 550px;
	top: 280px;
}

#point-57,
#point-157,
#point-257 {
	position: absolute;
	left: 279px;
	top: 114px;
}

#point-68 {
	position: absolute;
	left: 309px;
	top: 456px;
}

#point-69,
#point-73,
#point-173,
#point-273 {
	position: absolute;
	left: 360px;
	top: 449px;
}

#point-47b {
	position: absolute;
	left: 747px;
	top: 55px;
}

#point-100 {
	position: absolute;
	left: 382px;
	top: 135px;
}
#point-101 {
	position: absolute;
	left: 150px;
	top: 530px;
}

#point-102 {
	position: absolute;
	left: 375px;
	top: 535px;
}
