.paragraph a:after {content: url(/images/web/odkaz.png); margin:5px}
.item-page a:after {content: url(/images/web/odkaz.png); margin:5px}
.blog a:after {content: url(/images/web/odkaz.png); margin:5px}
#PDF:before {content: url(/images/web/pdf.png); margin:5px;}
.nahoru {position: absolute}
#nahoru {background: url(/templates/monikavrkoslavovbonnydesign.czlnky/images/glyphicons-halflings.png) no-repeat scroll -278px -84px #FFFFFF;    border-radius: 50px 50px 50px 50px; z-index:100000;    bottom: 10px;	    cursor: pointer;   font-size: 0;    height: 35px;    position: fixed !important;    right: 10px;    text-indent: -999em;    width: 35px;    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);	
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;		}
.float-end > div  {background: #acc828; padding:11px; font-size:1em;color: white;font-weight: bold;border-radius: 7px 23px 7px;}
.float-end > div  a{background: #acc828; padding:11px; font-size:1em;color: white;font-weight: bold;border-radius: 7px 23px 7px;}


#nahoru:hover {
  background-color: #555;
}


body {background-image: url(/templates/monikavrkoslavovbonnydesign.czlnky/images/bg_clanky.jpg);background-repeat: no-repeat;background-color: #f3f2ee;background-position: 30% 100px;background-repeat: no-repeat;background-color: #f3f2ee;background-repeat: no-repeat;background-color: #f3f2ee;background-position: top 5%;background-repeat: no-repeat;background-color: #f3f2ee;backgroubf}

a {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
} 
 



a {color: #c09e16;}
a:hover {color: #a1c107;}
#block-mainnav, ul.vertical li { border-color:#538E0F}




.nadpis a{color:#acc828; font-size:2em;float: left;margin: 10px 0;text-decoration-line: none;font-weight: lighter;padding: 5px;}
.stred {/*! background: white; */background-repeat: no-repeat;padding: 10px;margin: 5px;}
/* Responsiv */
.RJB img {margin: 0px 5px 0px 5px;}
.nabidka {background: linear-gradient(90deg, #c19e15, #62b362, #5f70ce, #cb6cee);;display: -webkit-box;padding: 0px 0px 5px 0px;}
.top{display: flow-root;background: white;width: 100%;}
.jn h4 {margin: 20px 0 auto;}
.jn {margin: 5px}



@media only screen and (min-width: 1220px) {
#all { ;background-position-y: bottom;padding-bottom: 1%;background-size: cover;width: 100%;height: 740px;background-repeat: no-repeat;}
h3 {font-size: 1.3em; letter-spacing: 0px;padding: 25px 0px 25px 0px;margin: 1px;}
body{width:100%; margin:0px;padding:0px;height: 100%; font-family: Calibri; ;}
#fotoright {width:150px; padding: 0px 0px 5px 10px;clear:both; float:right}
.RJB {margin: 15px;  float: right;}
 .RJB a{ text-decoration-line: none;color:white;font-variant-caps: all-petite-caps;font-size: 1.3em;} 

.jidelnilistek { background: linear-gradient(90deg, #a65b0b, #5288b7);padding: 5px;margin: 1px;}
.bakalari { background: linear-gradient(90deg, #087495,#5b9b3e);padding: 5px;margin: 1px;}
.rozvrh { background: linear-gradient(90deg, #910cb7,#b30133);padding: 5px;margin: 1px;font-style: none;}

.container {width:1200px; margin:0 auto;padding:1px;}
#top {background:url(/templates/monika_vrkoslavova_sablona/images/bg_menu.jpg) repeat-x top center; width:100%; margin:0px;padding:0px; height: 52px;position: fixed; z-index: 100}

 
#center {  content: "";  display: table;  clear: both;  margin-bottom: 8%;  width: 100%;} 
#center a{text-decoration-line: none; } 
.card-header {list-style: none;background:#cecece; padding:21PX; margin:3PX;color: #464444;font-weight: normal;font-family: Calibri;}
  
#vlevo   {background:#FFF;  float: left;  padding: 5px;display: ;color: #8e8e8e;margin-top: 5px;width: 25%;}
#vlevo  .card > ul > li {list-style: none;background:#f2f2f2; padding:12PX; margin:3PX;font-size: 1.1em;}
#vlevo    .card > ul > li a{color:#464444;  font-size: ;}
#vlevo    .card > ul > li a:hover{color:#a1c107;  } 
#komponenty {background:#ffffffde;  float: right;  width: 73%;  padding: 5px; margin-top: 5px;font-size: 1.1em;}
 
#fotozamestnanci {float:left;width:100px;margin-right:10px;margin-bottom: 10px;}

#vlevo   .mod-menu {background-color: none;  height: 39px; position: relative; z-index: 10;display:contents;}
#menu2 { display:none;}
.menu{  width:94%; margin:0px;     height:50px;color:white;position: relative;z-index: 10000;float: left;   ;text-decoration-line: none;}
.card {width:100%;}
.menu li{list-style-type: none;padding-bottom:10px;}
.menu a{color: white; font-weight: regular;text-decoration-line: none;}
.menu a{color: white; font-weight: regular;text-decoration-line: none;}
.menu ul li ul{display:none;  border-radius: 10px 10px 0px;  top:52px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #6d889f;padding: 5px; }
.menu > ul > li{display: inline-block; margin-top: 1px;   margin-right: 1px;}
.menu > ul > li > a{padding: 14px 47px 36px 0px;font-size: 1.2em;}
.menu > ul > li > ul {z-index:5; margin-top: 0px; padding-left: 5px; padding-right: 5px; background-color: #ff7c00;}
.menu > ul > li > ul > li{padding: 5px;   margin-top: 1px; }
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
.menu li li { background: #6d889f;  position: relative;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;}

#paticka {background:#8a9497cf;color: #fff;padding: 20px 10px 20px 10px;  position: fixed;bottom: 0;width: 100%;}
#paticka a{ ;text-decoration-line: none;color:#393939;}}
























@media (min-width: 800px) and  (max-width: 1220px) {
#all { ;background-position-y: bottom;padding-bottom: 1%;background-size: cover;width: 100%;height: 740px;background-repeat: no-repeat;}
h3 {font-size: 1.3em; letter-spacing: 0px;padding: 25px 0px 25px 0px;margin: 1px;}
body{width:100%; margin:0px;padding:0px;height: 100%; font-family: Calibri; ;}
#fotoright {width:150px; padding: 0px 0px 5px 10px;clear:both; float:right}
 .RJB {  float: left;width: 100%;display: flex;text-align: center;}
 .RJB a{ text-decoration-line: none;color:white;font-variant-caps: all-petite-caps;font-size: 1.3em;} 

.jidelnilistek { background: linear-gradient(90deg, #a65b0b, #5288b7);padding: 15px;margin: 0px 0px 5px 0px;display: block;width: 29.5%;float: left;}
.bakalari { background: linear-gradient(90deg, #087495,#5b9b3e);padding: 15px;display: block;width: 29.5%;float: left;margin: 0px 0px 5px 0px;}
.rozvrh { background: linear-gradient(90deg, #910cb7,#b30133);padding: 15px;margin: 0px 0px 5px 0px;display: block;width: 29.5%;float: left;}

.container {width:790px; margin:0 auto;padding:1px;}
#top {background:url(/templates/monika_vrkoslavova_sablona/images/bg_menu.jpg) repeat-x top center; width:100%; margin:0px;padding:0px; height: 52px;position: fixed; z-index: 100}

 
#center {  content: "";  display: table;  clear: both;  margin-bottom: 8%;  width: 100%;} 
#center a{text-decoration-line: none; } 
.card-header {list-style: none;background:#cecece; padding:21PX; margin:3PX;color: #464444;font-weight: normal;font-family: Calibri;}
  
#vlevo   {background:#FFF;  float: left;  padding: 5px;display: ;color: #8e8e8e;margin-top: 5px;width: 25%;}
#vlevo  .card > ul > li {list-style: none;background:#f2f2f2; padding:12PX; margin:3PX;font-size: 1.1em;}
#vlevo    .card > ul > li a{color:#464444;  font-size: ;}
#vlevo    .card > ul > li a:hover{color:#a1c107;  } 
#komponenty {background:#ffffffde;  float: right;  width: 71%;  padding: 5px; margin-top: 5px;font-size: 1.1em;}
 
#fotozamestnanci {float:left;width:100px;margin-right:10px;margin-bottom: 10px;}

#vlevo   .mod-menu {background-color: none;  height: 39px; position: relative; z-index: 10;display:contents;}
#menu2 { display:none;}
 #paticka {background:#8a9497cf;color: #fff;padding: 20px 10px 20px 10px;  position: fixed;bottom: 0;width: 100%;}
#paticka a{ ;text-decoration-line: none;color:#393939;}}



















 



@media   (max-width: 799px) {
#all { ;background-position-y: bottom;padding-bottom: 1%;background-size: cover;width: 100%;height: 740px;background-repeat: no-repeat;}
h3 {font-size: 1.3em; letter-spacing: 0px;/*! line-height: 4px; */padding: 25px 0px 25px 0px;margin: 1px;}
body{width:100%; margin:0px;padding:0px;height: 100%; font-family: Calibri; ;display: grid;}
#fotoright {width:150px; padding: 0px 0px 5px 10px;clear:both; float:right}
 .RJB {  float: left;width: 100%;display: flex;text-align: center;}
 .RJB a{ text-decoration-line: none;color:white;font-variant-caps: all-petite-caps;font-size: 1.3em;} 
  .nadpis{background: red}
.jidelnilistek { background: linear-gradient(90deg, #a65b0b, #5288b7);padding: 15px;margin: 0px 0px 5px 0px;display: block;width: 29.5%;float: left;}
.bakalari { background: linear-gradient(90deg, #087495,#5b9b3e);padding: 15px;display: block;width: 29.5%;float: left;margin: 0px 0px 5px 0px;}
.rozvrh { background: linear-gradient(90deg, #910cb7,#b30133);padding: 15px;margin: 0px 0px 5px 0px;display: block;width: 29.5%;float: left;}
.stred {  background: white; ;}

.container {width:100%; margin:0 auto;padding:1px;}
#top {background:url(/templates/monika_vrkoslavova_sablona/images/bg_menu.jpg) repeat-x top center; width:100%; margin:0px;padding:0px; height: 52px;position: fixed; z-index: 100}

 
#center {  content: "";  display: table;  clear: both;  margin-bottom: 8%;  width: 100%;} 
#center a{text-decoration-line: none; } 
.card-header {list-style: none;background:#cecece; padding:21PX; margin:3PX;color: #464444;font-weight: normal;font-family: Calibri;}
  
#vlevo   {background:#FFF;    padding: 5px;display: table-footer-group;color: #8e8e8e;margin: 5px;width: 100%;}
#vlevo  .card > ul > li {list-style: none;background:#f2f2f2; padding:12PX; margin:3PX;font-size: 1.1em;}
#vlevo    .card > ul > li a{color:#464444;  font-size: ;}
#vlevo    .card > ul > li a:hover{color:#a1c107;  } 
#komponenty {background:#fff;  list-style: none;  padding:12PX; margin:3PX;font-size: 1.1em;display: contents;float: left;}
 
#fotozamestnanci {float:left;width:100px;margin-right:10px;margin-bottom: 10px;}

#vlevo   .mod-menu {background-color: none;  height: 39px; position: relative; z-index: 10;display:contents;}
#menu2 { display:none;}
 #paticka {background:#8a9497cf;color: #fff;padding: 20px 10px 20px 10px;  position: fixed;bottom: 0;width: 100%;}
#paticka a{ ;text-decoration-line: none;color:#393939;clear: both;display: contents;}}