/* CSS Document job centrum */

* {
 margin: 0; 
 padding: 0; 
 outline: none;
}

img, iframe {
 border: none;
}

body {
  background:#fcfcfc url(img/pozadi.jpg) repeat top scroll; /* pozadí webu */
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:400;
  color:#333333;
  text-align:justify;
  }

/* obal středu stránky */ 

div#whole {width:1000px; height:auto; display:block; margin:25px auto; padding:0; border:1px #fbf9f9 solid; background:#fbf9f9; overflow:hidden; position: relative;}

/* hlavička webu */

div.head {width:955px; height:215px; display:block; background:#fcfcfc url(img/hlavicka.jpg) no-repeat top scroll; padding:30px 45px 0 0;}
div.head h1 a {font-family: 'Open Sans', sans-serif; color:#004284; font-size:26px; font-weight:700;}
div.head h1 a img {width:477px; height:55px; border:none; float:right;} 					/* logo */

/* MENU */
div.menu {width:185px; margin:0; padding:10px 15px 0 0; background:#004284; float:left; color:#fff; position: relative; padding-bottom: 1001em;
  margin-bottom: -1000em;}
div.menu h2 {font-family: 'Open Sans', sans-serif; text-align:center; text-transform:uppercase; font-size:18px; font-weight:700; padding:20px 0;}
div.menu img {width:142px; height:140px; display:block; margin:auto; padding-bottom:25px;} /* obrázek 25 let */

/* samotné menu */	
div.menu ul {margin:0; padding-bottom:15px; }
div.menu ul li {border-bottom:1px #115daa solid; list-style:none; background:url(img/ico_menu.png) no-repeat 10% 50%; height:35px;}
div.menu ul li a {padding:9px 0 0 40px; height:26px; color:#fff; text-decoration:none; font-size:12px; font-weight:600; display:block;}
div.menu ul li a:hover {text-decoration:underline; color:#0096ff;}

/* OBSAH */

/* box s nabídkou */
div.offer_box {width:180px; height:135px; display:block; float:left; margin-bottom:15px; padding-top:45px;}
div.offer_box h2 {text-align:center; text-transform:uppercase; font-size:22px; font-weight:600; color:#fff; font-family: 'Open Sans', sans-serif;}
div.offer_box h2 a {color:#fff; text-decoration:none;}
div.offer_box h2 a:hover {color:#fff; text-decoration:underline;}

/* barvy a zarovnání nabídkových boxů */
div.center {margin:0 15px;}
div.tmavy {background:#004284;}
div.svetly {background:#0096ff;}	

/* ---------------------------------- obsahový div ------------------------------------------- */
div.obsah {width:570px; margin:0; padding:0px 15px 15px 15px; float:left; position: relative; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div.obsah p {line-height:150%; padding-bottom:10px;}
div.obsah p a {color:#004284; text-decoration:underline;}
div.obsah p a:hover {color:#c51000; text-decoration:underline;}

div.obsah h3 {font-size:20px; border-bottom:1px #bcbcbc solid; color:#004284; text-align:center; width:100%; display:block; float:left; padding:15px 0; margin-bottom:20px;}

/* div.obsah h2 {font-size:15px; color:#c51000; text-align:left; width:100%; display:block; float:left; padding:0px 0; margin-bottom:3px;} */


div.obsah table {border-collapse:collapse; border-bottom:1px #bcbcbc solid; border-right:1px #bcbcbc solid; margin:20px 0;}
div.obsah table tr td {border-left:1px #bcbcbc solid; border-top:1px #bcbcbc solid; text-align:center; padding:4px 8px;}

tr.popisek {background:#0096ff; color:#fff; font-weight:bold;} 			/* barevné odlišení řádku tabulky */
td.break {white-space:nowrap;} 							/* zajistí, že číslo zůstane na jednou řádku a neskočí na další */

/* PRAVÝ BOX */
div.pravy_box {width:183px; margin:0; padding-left:15px; border-left:1px #d5d5d5 solid; border-right:1px #d5d5d5 solid; float:left; position: relative;padding-bottom: 1001em;  margin-bottom: -1000em;}
div.pravy_box h2 {display:block; background:#c51000; color:#fff; font-size:12px; font-weight:600; text-transform:uppercase; text-align:left; width:163px; height:28px; margin-bottom:15px; padding:12px 0 0 20px;}

/* pravé menu */
div.pravy_box ul {margin:0; padding-bottom:25px;}
div.pravy_box ul li {border-bottom:1px #d5d5d5 solid; list-style:none; background:url(img/ico_pravo_menu.png) no-repeat 5% 50%; height:35px;}
div.pravy_box ul li a {padding:9px 0 0 30px; height:26px; color:#333333; text-decoration:none; font-size:12px; font-weight:600; display:block;}
div.pravy_box ul li a:hover {text-decoration:underline; color:#c51000;}

a.button {font-size:12px; font-weight:bold; color:#333333; text-align:center; margin:auto; text-decoration:underline; display:block; width:auto;}
a.button:hover {color:#c51000;}
div.pravy_box a img {display:block; margin:5px auto 20px auto; max-width:150px; height:auto;}

/* kalendář */
div.pravy_box iframe {width:125px; height:180px; display:block; margin:0 auto 20px auto; border:none;}

/* PATIČKA */
div.paticka {width:1000px; height:auto; display:block; margin:auto; padding-bottom:20px; text-align:center;}
div.paticka p {font-size:12px; font-weight:400; padding-bottom:15px;}
div.paticka p a {color:#004284; text-decoration:underline;}
div.paticka p a:hover {color:#c51000; text-decoration:underline;}

/* nahoru */
.cd-top {
  display: inline-block;
  height: 55px;
  width: 55px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#0096ff url(img/up.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #c51000;
  opacity: 1;
}