/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,menu,nav { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: 'Open Sans';
  font-weight:400;
  font-size:14px;
  line-height:20px;
  background-color:white;
  color:#000;
  -webkit-text-size-adjust:100%;
  height:100%; 
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#000; text-decoration: none;}
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:#000 }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:700; }
strong      { font-weight:700; }
hr          { height:1px; padding:0; margin:0; border:0; background-color:#000; }
li 			{ list-style-position:inside; }
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.border5		{ -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; }
.table-cell	{ display: table-cell; vertical-align: middle;  }

input.search,textarea.search { border:none; outline:none; resize:none; padding:5px 7px 5px 7px; font-family:'Open Sans'; font-size:14px; border:solid 1px #b2b2b2; color:#000; width:100%;
                -webkit-appearance: none; -webkit-border-radius:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
input.search:-webkit-autofill,
input.search:-webkit-autofill:hover,
input.search:-webkit-autofill:focus,
input.search:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

main        		{ position:relative; display:block; width:100%; height:100%; }
.container  		{ position:relative; clear:both; display:block; width:100%; max-width:1100px; margin:auto; }

/* Hlavička */
.navigation		{ position:relative; float:left; width:100%; padding:15px 0 20px 0; } 
.logo 			{ float:left; width:190px; }
.logo img		{ float:left; width:100%; }
.header			{ position:relative; float:right; width:260px; margin-top:12px; margin-bottom:26px; }
.header .search	{ float:left; width:200px; height:27px; margin-top:2px; border-right:0; padding-right:20px }
.header	.submit	{ position:absolute; top:0; right:40px; margin:0; padding:0; cursor:pointer; border:0; background:url("../images/search.png"); width:31px; height:31px; 
				  background-size:62px 31px; background-position:left }
.header	.submit:hover { background-position:right }
.facebook a			{ float:right; background:url("../images/facebook.png"); width:31px; height:31px; background-size:62px 31px; background-position:left }
.facebook a:hover 	{ background-position:right }
.hamburger			{ display:none; float:right; background:#000; width:31px; height:31px; background-size:62px 31px; background-position:left; margin-left:5px; 
					  cursor:pointer; -webkit-border-radius:16x; -moz-border-radius:16px; border-radius:16px; }
.search-mobile		{ display:none; float:right; background:url("../images/search.png"); width:31px; height:31px; background-size:62px 31px; background-position:left; margin-right:5px; 
					  cursor:pointer; }
.search-mobile:hover { background-position:right }


.header-mobile		{ display:none; position:relative; width:100%; height:40px; margin:auto; }
.header-mobile .search	{ float:left; width:calc(100% - 20px); height:27px; margin-top:2px; border-right:0; padding-right:20px }
.header-mobile .submit	{ position:absolute; top:0; right:0; margin:0; padding:0; cursor:pointer; border:0; background:url("../images/search.png"); width:31px; height:31px; 
				  background-size:62px 31px; background-position:left }
.header-mobile .submit:hover { background-position:right }



/* Menu */
.menu div				{ position:relative; float:left; } 
.menu a:hover		{ text-decoration:none; border-bottom:solid 1px #000 } 
.menu span			{ cursor:pointer }
.break-line			{ width:2px; height:15px; margin:2px 8px 0 8px; }
.break-line.blue		{ background:#2fb6bc }
.break-line.orange	{ background:#e29100 }
.break-line.pink		{ background:#e5007e }
.break-line.green		{ background:#aec90b }
/* Submenu */
.menu div.submenu		{ display:none; position:absolute; top:20px; width:100%; z-index:100; background:rgba(255,255,255,0.8); margin-left:-10px; font-size:12px; padding:0 10px 8px 10px; } 
.menu div.submenu div	{ float:none } 

/* Mobil menu */
.menu-mobile			{ position:absolute; right:8px; top:6px; width:16px; height:17px; margin-top:1px; cursor:pointer;}
.menu-mobile span		{ position:absolute; display:block; width:100%; height:1px; border:1px solid white; background-color:white;
					  	  -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
.menu-mobile span:nth-child(1) { top:0; }
.menu-mobile span:nth-child(2) { top:7px }
.menu-mobile span:nth-child(3) { bottom:0; }


/* Slider */
.banner				{ clear:both; position:relative; float:left; width:100%; margin-bottom:45px; } 

/* Rychlé odkazy */
.quick						{ position:absolute; top:30px; left:0; width:100%; z-index:10;}
.quick-link a			{ margin-right:20px; background-color:rgba(255,255,255,.7); float:left; text-decoration:none; font-weight:700; font-size:18px; padding:13px 40px;  margin-bottom:20px; }
.quick-link.blue	 a			{ border:solid 3px #2fb6bc; color:#2fb6bc; }
.quick-link.blue	 a:hover{ border:solid 3px #2fb6bc; color:white; background:#2fb6bc  }
.quick-link.orange a			{ border:solid 3px #e29100; color:#e29100; }
.quick-link.orange a:hover{ border:solid 3px #e29100; color:white; background:#e29100  }
.quick-link.pink	 a			{ border:solid 3px #e5007e; color:#e5007e; }
.quick-link.pink	 a:hover{ border:solid 3px #e5007e; color:white; background:#e5007e  }
.quick-link.green  a			{ border:solid 3px #aec90b; color:#aec90b; }
.quick-link.green  a:hover{ border:solid 3px #aec90b; color:white; background:#aec90b  }

/* barevn� odkazy */
.blue,
.blue a				{ color:#2fb6bc }
.blue a:hover	{ border-bottom:solid 1px #2fb6bc; }
.orange,
.orange a		{ color:#e29100 }
.orange a:hover	{ border-bottom:solid 1px #e29100; }
.pink,
.pink a			{ color:#e5007e }
.pink a:hover	{ border-bottom:solid 1px #e5007e; }
.green,
.green a, a.green		{ color:#aec90b }
.green a:hover	{ border-bottom:solid 1px #aec90b; }

/* Novinky */
h1				{ font-size:35px; line-height:35px; font-family:'Amatic Bold'; text-transform:uppercase; }

.news			{ float:left; width:calc(63% - 2px); border-right:solid 2px #c9c9c9; padding-right:10%; margin-bottom:30px; }
.news h1			{ color:#2fb6bc; margin-top:-5px; margin-bottom:30px }
.news a			{ float:left; margin-bottom:15px; width:100% }
.news-date		{ float:left; width:100px }
.news-info		{ float:left; width:calc(100% - 100px); }
.news-title		{ position:relative; display:inline; line-height:21px; font-weight:700; border-bottom:solid 2px transparent; top:-1px; }
.news a:hover .news-title { border-bottom:solid 2px #000 }
.news-text		{ float:none; display:inline-block; }


/* Kalendář */
.calendar		{ float:left; width:37%; padding-left:10%; margin-bottom:30px; }
.calendar h1		{ color:#e29100; margin-top:-5px; margin-bottom:30px }
.calendar a		{ float:left; margin-bottom:15px; width:100% }
.calendar-date	{ float:left; width:100px }
.calendar-info	{ float:left; width:calc(100% - 100px); }
.calendar-title	{ position:relative; display:inline; line-height:21px; font-weight:700; border-bottom:solid 2px transparent; top:-1px; }
.calendar a:hover .calendar-title { border-bottom:solid 2px #000 }

.dalsi			{ float:right; margin-top:10px; }
.dalsi a			{ color:#cacaca; text-decoration:none; font-weight:700 }
.dalsi a:hover	{ color:#000 }



/* Footer */
footer			{ clear:both; float:left; width:100%; background:#e3e3e3; padding:50px 0; color:#666666;}
footer a			{ color:#666666; }
footer a:hover	{ color:#000; border-bottom:solid 1px #000 }
footer h1		{ color:#000; margin-bottom:20px; }
.footer-left		{ float:left; width:30%; margin-right:5% }
.footer-center	{ float:left; width:30%; margin-right:5% }
.footer-right	{ float:left; width:30%; }