html{
	margin:0;
	padding:0;
}

body{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  color:black;
  background-color: whitet;
  padding:0;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content nefunguje */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*Modal */
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-button{white-space:normal}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-display-topright{position:absolute;right:0;top:0}
/*modal konec*/

#ikonaano{
background: #008000;
}
#ikonane{
background: #ea0624;
}
#ikonane,#ikonaano {
    border-radius: 50%;
    padding: 20px;
    width: 100px;
    height: 100px;
    color: white;
        text-align: center;
}

div.cleaner{
  clear:both;
  float:none;
}

img{
	border:0;
}

a{
	color: #2777dd;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #65a72c;
}

p{
	margin: 0;
	padding: 0 ;
}

.content{
	min-width: 1124px;
}

.okraj{
  width: 1124px;
  margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#pruh1,#pruh2,#pruh3,#pruh4,#pruh5,#pruh6,#pruh7,#pruh8 {
	min-width: 1124px;
}

#pruh1{
	height: 130px;
}

#pruh1 #head{
  position: relative;
  z-index: 30;
  height: 86px;
  width: 170px;
  top: 20px;
  float: left;
}

#pruh1 #head h1{
  font-size: 1px;
  position: relative;
  margin-top: -19px;
  left: 0px;
}

#pruh1 #head img{
  position: relative;
  z-index: 5;
}

#pruh1 .odkazy{
	text-align: right;
	padding: 60px 0;
	float: left;
	width: 820px;
}
#pruh1 .odkazy a{
color: #000;
font-size: 18px;
text-transform: uppercase;
padding: 0 15px;
}

#pruh1 .odkazy{ text-align: right; padding: 60px 0 30px 0; float: left; width: 800px;}

#pruh1 .jazyky{
	width: 140px;
	float: left;
}

#pruh1 .jazyky a.jazyk{
	padding: 5px 0;
	margin-right: 5px;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	width: 30px;
}

#pruh1 .jazyky a.jazyk.active{
	color: white;
	background-color: #E2001A;
}

#pruh1 .jazyky a.email{
	margin-top: 20px;
	display: block;
	width: 46px;
	height: 46px;
}

#pruh2 .box{
	height:455px;
}

#pruh2 .box .nadpis{
	text-align: center;
	font-size: 40pt;
	color: white;
	font-weight: bold;
	padding-top: 190px;
}

#pruh2 .box .podnadpis{
	text-align: center;
	font-size: 20pt;
	color: white;
	padding-top: 20px;
}

#pruh2 .hlavicka_1{
	background-image: url(img/slider/slider3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#pruh2 .hlavicka_2{
	background-image: url(img/slider/slider1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#pruh2 .hlavicka_3{
	background-image: url(img/slider/slider2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#pruh3{
	height: 280px;
}

#pruh3 .box{
	width: 330px;
	margin: 45px 20px 10px 20px;
	float: left;
	padding-top: 80px;
}

#pruh3 .box .nadpis{
	color: black;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#pruh3 .box .text{
	color: #B0B0B0;
	text-align: center;
	line-height: 23px;
	font-size: 10pt;
	font-weight: normal;
}

#pruh3 .box.certifikace{
	background-image: url(img/certifikace.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#pruh3 .box.inspekce{
	background-image: url(img/inspekce.png);
	background-position: center 10px;
	background-repeat: no-repeat;
}

#pruh3 .box.sluzby{
	background-image: url(img/sluzby.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#pruh4{
	height: 309px;
	background-image: url(img/statistiky.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#pruh4 .nadpis{
	color: white;
	font-size: 30pt;
	text-align: center;
	padding-top: 50px;
	font-weight: bold;
}

#pruh4 .box{
	width: 25%;
	float: left;
	margin-top: 40px;
}

#pruh4 .box .cislo{
	font-size: 45pt;
	border-bottom: 2px solid #E2001A;
	margin: 0 auto;
	width: 125px;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 70px;
}

#pruh4 .box .text{
	font-size: 14pt;
	margin: 20px auto 0;
	text-align: center;
	color: white;
}

#pruh5{
	
}

#pruh5 .proc{
	background-image: url(img/proc_nas.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 666px;
}

#pruh5 .proc .texty{
	width: 450px;
}

#pruh5 .proc .nadpis{
	color: #E2001A;
	font-size: 30pt;
	font-weight: bold;
	padding-top: 60px;
}

#pruh5 .proc .podnadpis{
	color: black;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 50px;
}

#pruh5 .proc .text1{
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 11pt;
	line-height: 25px;
}

#pruh5 .proc .text2{
	font-size: 11pt;
	line-height: 25px;
	padding-bottom: 45px;
}

#pruh5 .proc .podnadpis_organ{
	color: black;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

#pruh5 .proc .organ1{
	margin-right: 70px;
	width: 110px;
	background-image: url(img/cile_kvality.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 14pt;
	color: black;
	font-weight: bold;
	float:left;
	padding-top: 115px;
	text-align: center;
}

#pruh5 .proc .organ2{
	padding-top: 115px;
	width: 270px;
	background-image: url(img/prohlaseni.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 14pt;
	color: black;
	font-weight: bold;
	float:left;
	text-align: center;
}

#pruh5_5{
	height: 122px;
	background-image: url(img/hp_pruh_cerveny.png);
	background-repeat: repeat-x;
}

#pruh5_5 .iso{
	padding-top: 54px;
	text-align: center;
}

#pruh5_5 .iso .prvek{
	background-image: url(img/iso_ctverecek.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 11pt;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}
#pruh5_5 .iso .prvek a{
color: #fff;
}

#pruh6{
	height: 467px;
}

#pruh6 .novinky{
	margin: 50px 0 40px 0;
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	color: #6B6B6B;
}

#pruh6 .box{
	height: 300px;
	width: 348px;
	background-color: #F8F8F8;
	float: left;
}

#pruh6 .box.stredni{
	margin: 0 40px;
	
}

#pruh6 .box .obsah{
	margin: 30px 20px;
}

#pruh6 .box .obsah .datum{
	color:black;
	font-size: 9pt;
	padding-bottom: 15px;
}

#pruh6 .box .obsah .nadpis{
	color:#E41129;
	font-size: 16pt;
	font-weight: bold;
	height:70px;
}

#pruh6 .box .obsah .text{
	color:#1A171B;
	font-size: 10pt;
	line-height: 20px;
}

#pruh7{
	height: 247px;
	background-image: url(img/hp_pruh_sedy.png);
	background-repeat: repeat-x;
}

#pruh7 .nadpis{
	color: black;
	font-size: 20pt;
	text-align: center;
}

#pruh7 .newsletter{
	width: 497px;
	margin-right: 140px;
	float:left;
	margin-top: 45px;
}

#pruh7 .partneri{
	width: 460px;
	float:left;
	margin-top: 45px;
}

#pruh7 .partneri2{
	width: 480px;
	float:left;
	margin-top: 45px;
}

#pruh7 .partneri .partneri_img{
	text-align: center;
	margin-top: 30px;
}

#pruh7 .partneri .partneri_img img{
	padding-right: 20px;
}


#pruh7 .partneri2 .partneri_img{
	text-align: center;
	margin-top: 30px;
}

#pruh7 .partneri2 .partneri_img img{
	padding-right: 40px;
}


#pruh7 .formular{
	margin-top: 40px;
}

#pruh7 .formular input.input{
	font-size: 14pt;
	border: 1px solid #D6D6D6 ;
	padding: 15px;
	color: #6B6B6B;
	margin: 0;
	width: 340px;
}

#pruh7 .formular input.odeslat{
	font-size: 14pt;
	border: 1px solid #E41129 ;
	padding: 15px 10px;
	background-color: #E41129;
	color: white;
	margin: 0;
	margin-left: -3px;
}

#pruh8{
	
}

#pruh8 .mapa{
	width: 50%;
	float: left;
	height: 455px;
}

#pruh8 .kontakt{
	width: 50%;
	float: left;
	background-color: #131313;
	height: 455px;
}

#pruh8 .kontakt .nadpis{
	color: white;
	font-size: 25pt;
	font-weight: bold;
	margin: 50px 50px 0 50px;
}

#pruh8 .kontakt .adresa{
	color: white;
	font-size: 12pt;
	margin: 50px 50px 0 50px;
	font-weight: bold;
	line-height: 25px;
}

#pruh8 .kontakt .info{
	color: white;
	font-size: 12pt;
	margin: 50px 50px 0 50px;
	line-height: 25px;
}

#pruh9{
	height: 95px;
}

#pruh9 .odkazy{
	text-align: center;
	padding: 40px 0;
}

#pruh9 .content a{
	padding: 15px;
	margin: 25px 10px;
	color: #010101;
}

#pruh10{
	height: 244px;
	background-repeat: no-repeat;
	background-position: center top;	
}

#pruh10.o_nas{
	background-image: url(img/hlavicky/o-nas.jpg);	
}

#pruh10.akreditace{
	background-image: url(img/hlavicky/akreditace.jpg);	
}

#pruh10 .nadpis{
	text-align: center;
	font-size: 40pt;
	color: white;
	font-weight: bold;
	padding-top:110px;
}

#pruh11{
	height: 130px;
	background-color: #F8F8F8;
}

#pruh11 .box{
	width: 25%;
	margin: 20px 0px 0px 0px;
	float: left;
	padding-top: 60px;
}

#pruh11 .box .nadpis{
	color: black;
	font-size: 18pt;
	text-align: center;
}

#pruh11 .box.certifikace{
	background-image: url(img/certifikace_small.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#pruh11 .box.inspekce{
	background-image: url(img/inspekce_small.png);
	background-position: center 5px;
	background-repeat: no-repeat;
}

#pruh11 .box.sluzby{
	background-image: url(img/sluzby_small.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#pruh11 .box.akreditace{
	background-image: url(img/akreditace_small.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#pruh12{
	
}

#pruh12 table td {
    white-space: nowrap;
    /* font-size: 12px!important; */
    /* letter-spacing: .01428571em; */
    /* font-family: Roboto,Arial,sans-serif; */
    /* font-size: .875rem!important; */
    /* font-weight: 400; */
    /* line-height: 1.25rem; */
    font-family: 'Google Sans',Roboto,Arial,sans-serif;
    font-size: 1em!important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.75rem;
    hyphens: auto;
    /* word-break: unset; */
}

#pruh12 .vize .nadpis1{
	font-size: 30pt;
	text-align: center;
	font-weight: bold;
	margin: 40px 0;
}

#pruh12 .vize .box{
	width:50%;
	float: left;
	background-color: #F8F8F8;
	height: 346px;
}

#pruh12 .vize .box .nadpis{
	font-size: 14pt;
	color: black;
	margin: 40px 40px 20px 40px;
	font-weight: bold;
}

#pruh12 .vize .box p{
	color: black;
	margin: 0px 40px 0px 40px;
	font-size: 11pt;
	line-height: 25px;
}

#pruh12 .certifikace .nadpis2{
	text-align: center;
	font-size: 25pt;
	font-weight: bold;
	margin: 50px 0;
}

#pruh12 .certifikace .podnadpis{
	font-size: 15pt;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#pruh12 .certifikace .box{
	width: 500px;
	margin-left: 60px;
	float: left;
	font-size: 11pt;
	margin-bottom: 30px;
}

#pruh12 .certifikace .box ol{
	padding-left: 18px;
	line-height: 23px;
}


#pruh12 table{
	border: 0;
	font-size: 10pt;
	margin: 0 auto;
	margin-bottom: 10px;
  table-layout: fixed;
}

.w3-margin-top1{
margin-top:9%!important;
}
.w3-margin-bottom1{
margin-bottom:29px;
}
table.kalendar td{
min-width: 40px;
    max-width: 40px;
}

#pruh12 table  td{
width: 10em;
    word-break: normal;
	
}

#pruh12 table .head td{
	background-color: black;
	color: white;
	padding: 15px;
	text-align: center;
}

#pruh12 table .lichy td{
	background-color: #F8F8F8;
	padding: 15px;
	color: black;
	text-align: center;
}

#pruh12 table .sudy td{
	background-color: white;
	padding: 15px;
	color: black;
	text-align: center;
}

#pruh12 table td.prvni{
	text-align: center;
}

/*td.druhy, td.ctvrty,td.paty {
    width: 25%!important;
    word-break: normal;   
}
      */
table.w3-table td {
    max-width: 5px!important;
}

#pruh12 table td.treti{
	text-align: center;
}

#pruh12 table td.ctvrty{
	text-align: center;
}


#pruh13 .nadpis{
	font-size: 30pt;
	font-weight: bold;
	text-align: center;
	margin: 60px 0 40px 0;
}

#pruh13 p{
	text-align: center;
	line-height: 25px;
	font-size: 12pt;
}

#pruh13 .nadpis2{
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	margin: 50px 0 30px 0;
}

#pruh13 .boxy{
	margin-left: -20px;
}

#pruh13 .box{
	width: 360px;
	height: 175px;
	margin-left: 20px;
	background-color: #e8e8e8;
	text-align: center;
	margin-bottom: 20px;
	float: left;
}

#pruh13 .boxn{
	width: 360px;
	height: 275px;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 20px;
	float: left;
}


#pruh13 .box .nadpis_box{
	padding: 60px 0 10px 0;
	font-weight: bold;
	font-size: 15pt;
}

#pruh13 .box .text_box{
	font-size: 13pt;
}

#pruh13 table{
	border: 0;
	font-size: 12pt;
	margin: 0 auto;
	margin-bottom: 50px;
}

#pruh13 table td{
	padding: 15px;
	color: black;
}

#pruh13 table .head td{
	background-color: black;
	color: white;
	padding: 25px;
}

#pruh13 table .lichy td{
	background-color: #F8F8F8;
}

#pruh13 table .sudy td{
	background-color: white;
}

#pruh13 table td.prvni{
	text-align: center;
}

#pruh13 table td.treti{
	text-align: center;
}

#pruh13 table td.ctvrty{
	text-align: center;
}

#pruh13 .formular{
	margin: 20px 0;
	font-size: 12pt;
}

#pruh13 .box_input{
	font-size: 12pt;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

#pruh13 .box_input .input{
	border: 1px solid #E1E1E1;
	color:black;
	display: block; 
	padding: 15px 10px ;
	font-size: 13pt;
	margin-top: 5px;
	font-weight: normal;
}

#pruh13 .box_input .input2{
	border: 1px solid #E1E1E1;
	color:black;
	padding: 15px 10px ;
	font-size: 13pt;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
}

#pruh13 .formular input.odeslat{
	font-size: 14pt;
	border: 1px solid #E41129 ;
	padding: 15px 10px;
	background-color: #E41129;
	color: white;
	margin: 0;
}

#pruh13 .formular .odeslat_box{
	text-align: center;
}

#pruh13 .formular .norma{
	padding: 15px 20px 15px 0;
	background-color: #F8F8F8;
	font-size: 12pt;
	margin-top: 10px;
	width: 880px;
	margin-bottom: 30px;
}

#pruh13 .formular .norma label{
	margin: 0 0 10px 25px;
width: 100%;
display: inline-block;
}

#pruh13 .formular .norma label input {
  display: none;/* <-- hide the default checkbox */
}
#pruh13 .formular .norma label span {/* <-- style the artificial checkbox */
  height: 15px;
  width: 15px;
  border: 1px solid #DCDCDC;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
#pruh13 .formular .norma [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
  content: '\2714';
  position: absolute;
  top: -5px;
  left: 0;
}

#pruh14{
	text-align: center;
}

#pruh14 .content{
	margin: 50px 0;
}

#pruh14 a{
	padding: 15px 10px;
	background-color: white;
	border:1px solid #E4E4E4;
	color:black;
	font-size: 11pt;
	font-weight: normal;
	margin-right: 10px;
}

#pruh14 a.active{
	background-color: #E2001A;
	border:0px solid #E2001A;
	color:white;
	background-image: url(img/sipka.png);
	background-position: center bottom;
	padding: 16px 11px 21px 11px;
	background-repeat: no-repeat;
	font-weight: bold;
}

#page{
	width: 1124px;
  min-height: 800px;
  _height: 800px;
}

div.cleaner,
.clear{
  clear:both;
  float:none;
  font-size: 0;
  height: 0px;
}

.defaultText {  }
.defaultTextActive { color: #D7D7D7; font-weight: normal; }

.jcarousel-wrapper {
    margin: 0px auto;
    position: relative;
}


/*
.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}
*/

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 100%;
    height: 380px;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 15px;

    background: #F2F8F8;
    color: #F2F8F8;
    border-radius: 15px;
    text-indent: -9999px;

    margin-right: 10px;
}

.jcarousel-pagination a.active {
    background: #D71536;
    color: #D71536;
    opacity: 1;
}

.news { 
float:left;
width: 135px;
padding:5px 10px 5px 0;
margin: 10px 0 0 0;
}
.news img {
padding: 5px;}
.clear {
clear:both;
 }