/* =Reset
-------------------------------------------------------------- */
 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
 
html,
body,
div{
    margin: 0;
    padding: 0;
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
}

/* =Color
-------------------------------------------------------------- */
 
html,
body,
div{
    margin: 0;
    padding: 0;
    font-family: 'Calibri', sans-serif;
    font-size: 18px !important;
}
 
#menu{
    background: white;
    font-size: 14pt;
}

.menustred {

}

.menubuttony {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
 
#main{
    background: white;
    text-align: center;
    margin: 3em 0 3em 0;
    padding: 0 0 3em 0;    
}

/* =Structures
-------------------------------------------------------------- */
 
.wrap{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0em;
    background-color: white;
}
 
#primary{
    max-width: 1050px;
    margin: 0 auto 0 auto;
}



body {
	background-color: #eef3fa;
	color: #828486;

}

/* =Menu
-------------------------------------------------------------- */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}

li {
    float: left;
}

li a {
    display: block;
    color: #4b4f54;
    text-align: center;
    padding: 24px 16px 0px;
    margin-bottom: 5px;
    text-decoration: none;
    border-bottom: 2px solid white;

}

.can21logo {
	height: auto;
    width: 150px;
    padding-top: 10px;
    padding-right: 50px;
	display: block;
	float: left;
	margin: 5pt 10pt 5pt 5pt;
}

.imglogo {
	max-width: 100%;
	height: 1px;
	visibility: hidden;
}

h1 {
	font-size: 14pt;
}

#microsite {
	height: 300px;
	width: 100%;
	background-color: #4b4f54;
	margin: 0 auto;
}

.samoobsluhabutton {
	max-width: 400px;
	height: 38px;
	background-color: #cc0000;
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 8px 5px;
	border-radius: 3px;
	font-size: 13pt;
	margin: 10px auto 10px auto;
}

#samoobsluha a:hover {
	background-color: darkred;
	color: white;
	margin-top 3pt;

}

p {
	text-align: justify;
}



/* =mapky
-------------------------------------------------------------- */

#mapybox {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.mapbox1 {
	width: 30%;
	float: left;
	margin: 2pt 2pt 2pt 4%;
	
}

.mapbox2 {
	width: 30%;
	float: left;
	margin: 2pt 0.5% 2pt 0.5%;
	
}

.mapbox3 {
	width: 30%;
	float: left;
	margin: 2pt 4% 2pt 2pt;

}

.mapanadpis {
	font-size: 14pt;
}

.picmapa {
	margin-top: 2pt;
	margin-bottom: 2pt;
}

.mapycenter {
	margin-left: auto;
	margin-right: auto;
}

.kontaktnadpis {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	margin-top: 20pt;
	margin-bottom: 20pt;
}

hr {
	color: #ececec;
}

#footer {
	text-align: center;
}

.site-credits {
	margin-top: 4pt;
	margin-bottom: 4pt;
}

/* =slider
-------------------------------------------------------------- */


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

/* =slider
-------------------------------------------------------------- */