@charset "utf-8";

@fontsize: 150%;
@blue: #252460; @red: #d70202; @green: #00b9aa; @grey: #3c4347; @darkgrey: #252627; @purple: #b56eec; @purpledark: #66348d; @pink: #ed1b59;

html {width: 100%;}
body {position: relative; font-family: "open-sans", sans-serif; font-weight: 400; text-align: left; font-size: 62.5%; background: #fff; color: #000; width: 100%;}

a {color: @purpledark; text-decoration: underline;}
a:hover {color: @purpledark; text-decoration: none;}
p {display: block; font-family: "open-sans", sans-serif; line-height: 170%; font-weight: 400; font-style: normal; text-align: left; font-size: @fontsize; margin: 0; padding: 0;}
h1, h2 {font-family: "proxima-nova"; font-weight: 900; line-height: 120%; color: @blue; font-size: 420%;}
h3 {font-family: "proxima-nova"; font-weight: 900; line-height: 120%; color: @blue; font-size: 300%;}
h4 {font-family: "proxima-nova"; font-weight: 800; line-height: 120%; color: @blue; font-size: 240%; margin: 0; padding: 0 0 15px;}
strong {font-weight: 700;}
em {font-style: italic;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {width: 100%; text-align: center;}
.container {display: block; width: 1140px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
.container.nopadding {width: 1180px; padding-left: 0; padding-right: 0;}

.paddingbottom {padding-bottom: 15px;}
.marginbottom {margin-bottom: 15px;}
.nopaddingbottom {padding-bottom: 0 !important;}
.nomarginbottom {margin-bottom: 0 !important;}

.form-confirm {font-weight: 600; color: @green;}
.form-error {font-weight: 600; color: @red;}

.pink {color: @pink;}

/* TLAČÍTKA */
.but {display: inline-block; width: auto; height: 50px; line-height: 55px; padding: 0 30px; margin-bottom: 10px; color: #fff; border-bottom: solid 7px; font-family: "proxima-nova"; font-weight: 800; font-size: 200%; text-decoration: none; transition: background-color 0.5s ease;}
.but.red {background: @red; border-color: #a70303;}
.but.red:hover {background: #a70303; color: #fff;}
.but.green {background: @green; border-color: #008b80;}
.but.green:hover {background: #008b80; color: #fff;}
.but.blue {background: @blue; border-color: #17123e;}
.but.blue:hover {background: #17123e; color: #fff;}

.but-small {display: inline-block; width: auto; height: 40px; line-height: 45px; padding: 0 15px; margin-bottom: 10px; color: #fff; border-bottom: solid 5px; font-family: "open-sans", sans-serif; font-weight: 400; font-size: 150%; text-decoration: none; transition: background-color 0.5s ease;}
.but-small.blue {background: @blue; border-color: #17123e;}
.but-small.blue:hover {background: #17123e; color: #fff;}

/* INPUTY */
input[type=text] {display: block; background: #eef1f1; height: 47px; padding: 3px 15px 0; width: 90%; max-width: 350px; margin-bottom: 15px; color: #2c2c2c; border-top: none; border-left: none; border-right: none; border-bottom: solid 7px #cacaca; font-family: "open-sans", sans-serif; font-weight: 400; font-size: 160%; text-decoration: none; transition: background-color 0.5s ease;}	
textarea {display: block; background: #eef1f1; height: 120px; width: 90%; max-width: 800px; padding: 10px 15px; margin-bottom: 15px; color: #2c2c2c; border-top: none; border-left: none; border-right: none; border-bottom: solid 7px #cacaca; font-family: "open-sans", sans-serif; font-weight: 400; font-size: 160%; text-decoration: none; transition: background-color 0.5s ease;}	
form .caption {display: block; font-family: "proxima-nova"; font-weight: 700; line-height: 120%; color: @blue; font-size: 180%; margin: 0; padding: 0 0 6px 0; text-align: left;}
form .subcaption {display: block; font-family: "open-sans", sans-serif; font-weight: 400; line-height: 120%; color: #000; font-size: @fontsize; margin: -8px 0 0 0; padding: 0; text-align: left;}

/* HEADER */
header {display: block; width: 100%; height: 150px; text-align: left;
	.logopic {display: inline-block; position: relative; width: auto;
		.logo {display: block; .left; position: relative; width: 170px; height: 61px; margin: 40px 0 0 0; background: url("../pics/logo_ANO.jpg") no-repeat;}
		.pic {display: block; .left; position: relative; width: 262px; height: 150px; background: url("../pics/olomouc.jpg") center center no-repeat;}
	}
	.main-nav {.right; height: auto;
		ul {position: relative; list-style: none; height: auto; margin-top: 60px;
			li {display: inline; .left;
				a {display: block; margin: 0 30px; font-family: "proxima-nova"; font-weight: 800; color: @blue; font-size: 200%; text-decoration: none;}
			}
			#underline {position: absolute; bottom: -45px; left: 0; width: 57px; height: 8px; background: url("../pics/underline.png") center center no-repeat; margin: 0 auto;}
		}
	}
	.mobile-nav {display: none; position: fixed; top: 0; right: -260px; bottom: 0; width: 260px; height: 100%; background: @grey; overflow: visible; z-index: 5; transition: .1s all linear;
		.collapse {display: block; position: absolute; top: 44px; left: -60px; width: 60px; height: 60px; background: @grey; cursor: pointer;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);	-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;	-o-transition: .5s ease-in-out;	transition: .5s ease-in-out;
			.inner {display: block; position: absolute; width: 26px; height: 16px; left: 17px; top: 22px;
				span {display: block;	position: absolute;	height: 2px; width: 26px;	background: #fff;	border-radius: 2px;	opacity: 1;
					-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);	transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out; transition: .25s ease-in-out;
				}
				span:nth-child(1) {top: 0px;}
				span:nth-child(2), 
				span:nth-child(3) {top: 7px;}
				span:nth-child(4) {top: 14px;}
			}
		}
		.collapse.open .inner {
			span:nth-child(1) {top: 14px;	width: 0%; left: 50%;}
			span:nth-child(2) {-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg); -o-transform: rotate(45deg);	transform: rotate(45deg);}
			span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
			span:nth-child(4) {top: 14px;	width: 0%; left: 50%;}
		}
		ul {position: relative; list-style: none; height: auto; width: auto; margin-top: 47px;
			li {display: block; margin: 0 40px;
				a {display: block; cursor: pointer; margin: 0; padding: 0; height: 56px; line-height: 56px; border-bottom: solid 1px #5f666a; text-align: center; font-family: "proxima-nova"; font-weight: 700; color: #fff; font-size: 170%; text-decoration: none; transition: .1s all linear;}
				a:hover {color: #dce2e5;}
			}
		}
		
		.adresa {position: absolute; bottom: 0; margin-bottom: 25px; text-align: center; left: 0; right: 0;
			p {text-align: center; color: #fff; font-size: 140%;}
			a {color: #fff;}
		}
	}
}

#uvod {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	.container {padding-bottom: 30px;}
	h1 {display: block; text-align: center; margin: 0 0 28px 0; padding: 0;}
	p {font-size: 160%; width: 70%; margin: 0 auto 40px auto; text-align: center;}
	.but {margin: 0 15px 15px;}
	/*ul {list-style: none; margin: 0 auto; display: inline-block; padding: 0;
		li {display: inline; .left; margin: 0 15px; padding: 0;}
	}*/
}

#uvod-volby {display: block; width: 100%; height: auto; padding: 0 0 0 0;
	.container {padding-bottom: 30px; background: url("../pics/MirekZbanek_volby.jpg") right top no-repeat;}
	.block-left {display: block; float: left; width: 80%; height: auto; padding: 44px 0 0 0;
		h1 {display: inline-block; text-align: left; margin: 0 0 25px 0; /*padding: 0 220px 15px 0;*/ font-family: "montserrat"; font-weight: 900; line-height: 120%; font-size: 460%; text-transform: uppercase;
			  /*background: url("../pics/to-vam-garantuji.png") right bottom no-repeat;*/}
		.bezpalce {background: none; padding: 0;}
		p {font-size: 160%; width: 70%; margin: 0 0 14px 0; text-align: left;}
		.padding {margin-bottom: 40px !important;}
		.primator {/*color: @blue;*/ margin-bottom: 40px;}
		.but {margin: 0 30px 15px 0;}
	}
	/*.block-right {display: block; float: right; width: 30%; height: auto; background: green;
	
	}*/
}

#photos1 {margin-top: 0;
	.info p {display: block; text-align: center; padding: 16px 0 0 0;}
}

.swiper-container {width: 100%; height: auto; margin: 0 auto;}
.swiper-slide {text-align: center; width: 60%; max-height: 264px;}
.swiper-slide img {width: 100%; height: 100%;}
.swiper-slide:nth-child(2n) {width: 40%;}
.swiper-slide:nth-child(3n) {width: 20%;}

#kalendar {display: block; height: auto;
	h2 {display: block; text-align: center; margin: 40px 0 50px 0; padding: 0;}
	.col {display: inline-block; width: 33%;}
	.items {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
		.item {display: block; padding: 0 18px; margin-bottom: 20px; height: auto; text-align: left;
			.datum {.left; width: 67px; height: 86px; text-decoration: none !important;
				.top {display: block; width: 67px; height: 62px; background: @purple;
					.den {display: block; width: 67px; height: 38px; line-height: 47px; font-family: "proxima-nova"; font-weight: 900; font-style: normal; text-align: center; color: #fff; font-size: 380%;}
					.mesic {display: block; width: 67px; height: 24px; line-height: 24px; font-family: "open-sans", sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #fff; font-size: 140%;}
				}
				.bottom {display: block; width: 67px; height: 24px; line-height: 24px; background: @purpledark; font-family: "open-sans", sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #fff; font-size: 140%;}
			}
			.popis {overflow: hidden; padding: 0 0 0 20px;
				.titulek {display: inline-block; text-decoration: none; font-family: "proxima-nova"; font-weight: 800; font-style: normal; text-align: left; color: @blue; font-size: 180%; line-height: 115%; margin-bottom: 8px;}
				.titulek:hover {text-decoration: underline;}
				.misto {line-height: 140%;}
			}
			.open {cursor: pointer;}
		}
	}
}

#clanky, #clanky-vypis {
	h2 {display: block; text-align: center; margin: 30px 0 50px; padding: 0;}
	.col {display: inline-block; width: 33%;}
	.items {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
		article {display: block; padding: 0 18px; height: auto; text-align: left; margin-bottom: 40px;
			figure img {width: 100%; margin-bottom: 15px;}	
			.nadpis {display: block; background: url("../pics/underline.png") center bottom no-repeat; font-family: "proxima-nova"; font-weight: 800; font-style: normal; text-align: center; color: @blue; font-size: 210%; line-height: 115%; padding-bottom: 25px; margin-bottom: 17px; text-decoration: none;}
			.nadpis:hover {text-decoration: underline;}
			p {padding-bottom: 10px;}
			.datum {.left; padding-right: 20px; font-family: "open-sans", sans-serif; font-weight: 400; font-style: normal; text-align: left; color: @green; font-size: @fontsize;}
			.komentare {.left; padding-left: 21px; background: url("../pics/komentare.jpg") left 6px no-repeat; font-family: "open-sans", sans-serif; font-weight: 600; font-style: normal; text-align: left; color: @blue; font-size: 150%; text-decoration: none;}
		}
	}
	/*.row2 .col {display: none;}*/
	.loadmore {
		ul {list-style: none; margin: 0 auto; display: inline-block;
			li {display: inline; .left; margin: 0;
				a {cursor: pointer;}
			}
		}
	}
	/*.loadmore.archiv {display: none;}*/
	.strankovani {display: block; text-align: center; margin: 15px 0 40px 0;
		a, span {display: inline-block; margin: 0 5px 10px; padding: 4px 11px; text-align: center; background: #eef1f1; color: @green; font-family: "proxima-nova"; font-weight: 700; font-size: 130%; text-decoration: none; transition: background-color 0.5s ease;}
		a:hover {background: @green; color: #fff;}
		span {background: @grey; color: #fff;}
	}
}

#clanky-vypis {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 40px 0; padding: 0;}
}

#nasilide {background: #eef1f1; height: auto; margin-top: 50px; padding-bottom: 32px;
	h2 {display: block; text-align: center; padding: 50px 0 0 0;}
	.subtitle p {display: inline-block; min-height: 33px; padding-top: 6px; padding-left: 74px; margin: -6px 20px 30px; background: url("../pics/letter.png") 0 0 no-repeat;}
	.col {display: inline-block; width: 33%;}
	.items {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
		.item {display: block; padding: 0 18px; height: auto; text-align: left;
			.nadpis {display: block; background: url("../pics/underline.png") left bottom no-repeat; font-family: "proxima-nova"; font-weight: 800; font-style: normal; text-align: left; color: @blue; font-size: 210%; line-height: 115%; padding-bottom: 24px; margin-bottom: 16px; text-decoration: none;}
			ul {list-style: none;
				li {display: block; padding-bottom: 8px;
					a {display: inline-block; margin: 0; padding: 0; text-align: left; font-family: "open-sans", sans-serif; font-weight: 400; color: @blue; font-size: 160%; text-decoration: none; transition: .1s all linear;}
					a:hover, a.active {text-decoration: underline;}
				}
			}
		}
	}
}
#nasilide.subpage {padding-top: 50px;}

#photos2 {margin-top: 0;}

#facebook {
	h2 {display: block; text-align: center; margin: 50px 0 45px 0; padding: 0;}
	ul {list-style: none; margin: 0 auto 50px; display: inline-block;
		li {display: inline; .left; margin: 0;
			a {cursor: pointer; padding-left: 52px; background-image: url("../pics/fb.png"); background-position: 20px 14px; background-repeat: no-repeat;}
		}
	}
}
#facebook.subpage_facebook ul {margin-bottom: 25px;}
#facebook.nasilide-fb, #facebook.vypisclanku-fb {
	h2 {margin-top: 25px;}
}

#kontakty {background: @darkgrey; height: auto; margin-top: 30px; padding-bottom: 40px;
	h2 {display: block; text-align: center; padding: 50px 0 0 0; color: #fff;}
	p {font-size: 160%; color: #fff; margin: 0 auto 0 auto; text-align: center; padding-bottom: 20px;}
	.grey {color: #909090;}
	.last {padding-bottom: 0;}
	a {color: #fff;}
}

#mapa {
	#map {height: 400px; width: 100%;}
}

#back-to-top {display: none; width: 60px; height: 60px;	text-indent: -9999px;	position: fixed; z-index: 999;	right: 20px; bottom: 20px; background: @green url("../pics/up-arrow.png") no-repeat center 43%;	transition: background-color 0.5s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
#back-to-top:hover {background-color: #008b80;}

#clanek {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 15px 0; padding: 0;}
	.datum {display: block; width: 100%; padding-bottom: 36px; margin-bottom: 26px; font-family: "open-sans", sans-serif; font-weight: 400; font-style: normal; text-align: center; color: @green; font-size: 160%; background: url("../pics/underline.png") center bottom no-repeat;}
	.anotace {font-size: 160%; margin: 0 auto 26px auto; text-align: left;}
	.hlavnifoto {display: inline-block; width: 80%; margin: 0 auto 26px auto;
		img {width: 100%;}
	}
	.text {margin-bottom: 15px;
		p {padding-bottom: 15px;}
		h2 {font-family: "proxima-nova"; font-weight: 900; line-height: 120%; color: @blue; font-size: 310%; margin: 18px 0 20px; text-align: left;}
		ul {list-style: outside disc; padding: 0 0 15px 0; margin: 0 0 0 30px;
			li {padding: 0 0 5px 10px; margin: 0; font-family: "open-sans", sans-serif; line-height: 170%; font-weight: 400; font-style: normal; text-align: left; font-size: @fontsize;}
		}
		ol {list-style: outside decimal; padding: 0 0 15px 0; margin: 0 0 0 30px;
			li {padding: 0 0 5px 10px; margin: 0; font-family: "open-sans", sans-serif; line-height: 170%; font-weight: 400; font-style: normal; text-align: left; font-size: @fontsize;}
		}
		blockquote {display: block; margin: 5px 0 20px; text-align: center; /*padding: 20px 30px 5px; margin: 0 30px 15px;*/
			p {display: inline-block; color: #787878; width: 80%; font-size: 180%; font-style: italic; text-align: center; line-height: 160%; padding-bottom: 0;}
		}
		img {margin: 20px;}
		table {
			tr {
				td {font-family: "open-sans", sans-serif; padding: 5px 8px; margin: 0; line-height: 170%; font-weight: 400; font-style: normal; text-align: left; font-size: @fontsize;}
			}
			tr:nth-child(odd) {background: #eef1f1;}
		}
	}
	.addthis {margin-bottom: 32px;}
	#fotogalerie {width: 80%; margin: 0 auto 26px auto;
		.col {display: inline-block; width: 33%;
			a {margin: 0 15px 26px; display: inline-block;}
			img {width: 100%;}
		}
	}
	h2 {display: block; text-align: center; margin: 30px 0 50px 0; padding: 0;}
	#kom-pridat {cursor: pointer;}
	.kom-novy {display: none;
		.kom-form {margin: 6px 0 20px;
			.kom-reakce {display: none; margin-bottom: 15px; font-family: "open-sans", sans-serif; font-weight: 400; font-style: normal; text-align: left; color: @green; font-size: @fontsize;}
			.kom-reakce span {color: #000;}
			input[type=submit] {display: none;}
		}
		.kom-odeslat {cursor: pointer;}
	}
	.komentare {display: block; width: 100%;
		ul {display: block; list-style: none;
			li {display: block; margin-bottom: 15px;
				.inner {display: block; background: #eef1f1; padding: 18px 25px;
					.kom-jmeno {display: inline-block; .left; font-family: "open-sans", sans-serif; font-weight: 600; font-style: normal; text-align: center; color: @green; font-size: @fontsize;}
					.kom-datum {display: inline-block; .right; font-family: "open-sans", sans-serif; font-weight: 600; font-style: normal; text-align: center; color: @green; font-size: @fontsize;}
					p {margin: 8px 0 0 0; padding: 0;}
					p a {cursor: pointer;}
				}
				ul {margin-left: 50px;}	
			}
		}	
	}
}

#clanek.program {
	background: #eef1f1; padding-top: 0; padding-bottom: 50px;
	/*.block-left {
		display: block; float: left; width: 350px;
	}
	.block-right {
		display: block; float: left; width: calc(~"100% - 350px");
	}*/
	.block {display: block; width: 65%; margin: 0 auto;}
	#program-nav {display: block; width: 100%; margin: 0; padding: 10px 0 10px 0; background: #eef1f1; text-align: center;
		/*.but-small {margin: 15px 3px;}*/
		/*a {display: inline-block; font-family: "open-sans", sans-serif; cursor: pointer; background: @blue; color: #fff; text-decoration: none; line-height: 190%; font-weight: 300; font-style: normal; text-align: center; font-size: 170%; margin: 5px 5px; padding: 3px 10px; transition: background-color 0.5s ease;}
		a:hover {background: #17123e;}*/
		
		#lightSlider {
			.bezpeci-poradek-a-ciste-mesto {background: url("../pics/program1.jpg") center top no-repeat;}
			.zelena-vlna-v-doprave {background: url("../pics/program2.jpg") center top no-repeat;}
			.olomouc-laska-na-cely-zivot {background: url("../pics/program3.jpg") center top no-repeat;}
			.zakladka-je-zaklad {background: url("../pics/program4.jpg") center top no-repeat;}
			.fair-play-ve-sportu {background: url("../pics/program5.jpg") center top no-repeat;}
			.laskava-pece-a-pomoc {background: url("../pics/program6.jpg") center top no-repeat;}
			.krasa-kvetin-a-stromu {background: url("../pics/program7.jpg") center top no-repeat;}
			.kultura-pro-vsechny {background: url("../pics/program8.jpg") center top no-repeat;}
			.spolehliva-radnice {background: url("../pics/program9.jpg") center top no-repeat;}
			.digitalni-mesto {background: url("../pics/program10.jpg") center top no-repeat;}
			li {
				a {display: inline-block; font-family: "open-sans", sans-serif; cursor: pointer; background: @blue; color: #fff; text-decoration: none; line-height: 130%; font-weight: 400; font-style: normal; text-align: center; font-size: 160%; margin: 180px 5px 5px; padding: 10px 10px; transition: background-color 0.5s ease;}
				a:hover {background: #17123e;}
			}
		}
	}
	.sticky {position: fixed; top: 0; left: 0; width: 100%;}
	.sticky .inline-container {display: block; max-width: 1140px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
	.sticky + .block {padding-top: 250px;}
	h2 {font-family: "proxima-nova"; font-weight: 900; line-height: 120%; color: @blue; font-size: 290%; text-align: left; margin: 50px 0 15px 0; padding: 0; text-transform: uppercase;}
	p {display: block; background: url("../pics/line.png") left bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 10px 0;}
}

#clanek.kandidati {
	background: #eef1f1; padding-top: 40px; padding-bottom: 50px;
	.col {display: inline-block; width: 33%;}
	.items {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
		.item {display: block; padding: 0; margin: 0 10px 20px; height: auto; text-align: left;
			.img {display: block; margin: 0; padding: 0; height: 250px; width: 100%;}
				.img.konecny {background: url("../pics/kandidati2018/konecny.png") center top no-repeat;}
				.img.ferancova {background: url("../pics/kandidati2018/ferancova.png") center top no-repeat;}
				.img.tichy {background: url("../pics/kandidati2018/tichy.png") center top no-repeat;}
				.img.kolarova {background: url("../pics/kandidati2018/kolarova.png") center top no-repeat;}
				.img.lindner {background: url("../pics/kandidati2018/lindner.png") center top no-repeat;}
				.img.prasil {background: url("../pics/kandidati2018/prasil.png") center top no-repeat;}
				.img.kryl {background: url("../pics/kandidati2018/kryl.png") center top no-repeat;}
				.img.feranec {background: url("../pics/kandidati2018/feranec.png") center top no-repeat;}
				.img.vaneckova {background: url("../pics/kandidati2018/vaneckova.png") center top no-repeat;}
				.img.kuchar {background: url("../pics/kandidati2018/kuchar.png") center top no-repeat;}
				.img.lostak {background: url("../pics/kandidati2018/lostak.png") center top no-repeat;}
				.img.prerovsky {background: url("../pics/kandidati2018/prerovsky.png") center top no-repeat;}
				.img.binder {background: url("../pics/kandidati2018/binder.png") center top no-repeat;}
				.img.brazdil {background: url("../pics/kandidati2018/brazdil.png") center top no-repeat;}
			.jmeno {display: block; position: relative; background: @blue; color: #fff; font-family: "open-sans", sans-serif; font-size: 160%; line-height: 130%; font-weight: 600; text-align: left; width: calc(~"100% - 30px"); padding: 10px 15px; margin: 0;}
			.text {display: block; position: relative; color: @blue; text-align: left; padding: 5px 15px; margin: 0;font-size: 160%; line-height: 150%;}
		}
	}
	.dalsi-kandidati {margin-top: 20px; color: @blue; font-size: 170%; line-height: 180%;}
}

.files {list-style: none; padding: 0; margin: 0;
	li {min-height: 48px; padding: 0 0 20px 50px; margin: 0; font-size: 100%; background: url("../pics/file.png") left top no-repeat;
		.odkaz {display: inline-block; font-family: "proxima-nova"; font-weight: 700; line-height: 120%; color: @blue; font-size: 190%; margin-bottom: 3px;}
		p {line-height: 140%;}
	}
}

#pridejtese {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 40px 0; padding: 0;}
	.anotace {.left; width: 50%; margin: 0 0 46px 0; 
		p {font-size: 160%; text-align: left; padding: 0 30px 15px 0;}
		p:last-child {padding-bottom: 0;}
	}
	.img {.left; margin: 0; width: 50%;
		img {width: 100%;}
	}
}

#formular {
	h2 {display: block; text-align: center; margin: 40px 0 30px 0; padding: 0;}
	.center p {text-align: center;}
	.pridejteseform {display: inline-block; width: 100%;
		.pridejtese-form {margin: 30px 0 20px;
			input[type=submit] {display: none;}
			input[type=text] {width: calc(~"100% - 30px"); max-width: none;}
			.cell {display: inline-block; padding: 0 15px; width: calc(~"40% - 30px");}
		}
		.kom-odeslat {cursor: pointer;}
		.osobniudaje {display: inline-block; text-align: left; font-size: 130%; color: @grey; padding: 15px 15px 0; width: calc(~"80% - 30px");}
	}
}

/*#podportenas {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 40px 0; padding: 0;}	
}*/
#podportenas {
	h2 {display: block; text-align: center; margin: 50px 0 45px 0; padding: 0;}
	.anotace {font-size: 160%; margin: 0 auto 26px auto; text-align: left;}
	ul {list-style: outside disc; padding: 0 0 15px 0; margin: 0 0 0 30px;
		li {padding: 0 0 5px 10px; margin: 0; font-family: "open-sans", sans-serif; line-height: 170%; font-weight: 400; font-style: normal; text-align: left; font-size: @fontsize;}
	}
}

#lide {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 5px 0; padding: 0;
		span {color: @green;}
	}
	h1.paddingbottom {padding-bottom: 30px !important;}
	h3 {text-align: center; margin: 0 0 35px 0;}
	p.anotace {font-size: 160%; text-align: left; padding: 0;}
	div.anotace {.left; width: 50%; margin: 10px 0 30px 0; 
		p {font-size: 160%; text-align: left; padding: 0 30px 15px 0;}
		p:last-child {padding-bottom: 0;}
		.files {margin-top: 10px; margin-bottom: 20px;}
	}
	.img {.left; margin: 10px 0 0 0; width: 50%;
		img {width: 100%;}
	}
}

#lide-zastupiteleSMOL, #lide-kmcSMOL, #lide-firmySMOL, #lide-zastupiteleOK, #lide-hejtmanradniOK, #lide-anoolomouc, #lide-poslanci {margin-top: 50px;}
#lide-zastupiteleSMOL, #lide-zastupiteleOK, #lide-hejtmanradniOK, #lide-poslanci {
	ul {list-style: none; text-align: left;
		li {display: inline-block; width: 205px; margin: 0 20px 25px 0; text-align: center; vertical-align: top;
			img {display: inline-block; width: 166px; height: 166px; margin-bottom: 5px;}
			p {text-align: center;
				.jmeno {display: block; color: @green; font-weight: 700;}
				.pozice {display: block;}
			}
		}
	}
}

.lide-icons {list-style: none; text-align: left;
	li {display: inline-block; width: calc(~"49% - 20px"); margin-right: 20px; margin-bottom: 30px; text-align: left;
		.icon {display: inline-block; width: 65px; height: 65px; vertical-align: top; margin-right: 20px;}
		.inner {display: inline-block; width: calc(~"99% - 65px - 20px"); vertical-align: top;
			.nazev {display: block; font-family: "proxima-nova"; font-weight: 800; line-height: 120%; color: @blue; font-size: 190%; margin-bottom: 6px;}
			p {
				.jmeno {font-weight: 700; color: @green;}
			}
		}
		.inner.noicon {width: 99%;}
		.icon1 {background: url("../pics/icons/icon1.png") center center no-repeat;}
		.icon2 {background: url("../pics/icons/icon2.png") center center no-repeat;}
		.icon3 {background: url("../pics/icons/icon3.png") center center no-repeat;}
		.icon4 {background: url("../pics/icons/icon4.png") center center no-repeat;}
		.icon5 {background: url("../pics/icons/icon5.png") center center no-repeat;}
		.icon6 {background: url("../pics/icons/icon6.png") center center no-repeat;}
		.icon7 {background: url("../pics/icons/icon7.png") center center no-repeat;}
		.icon8 {background: url("../pics/icons/icon8.png") center center no-repeat;}
		.icon9 {background: url("../pics/icons/icon9.png") center center no-repeat;}
		.icon10 {background: url("../pics/icons/icon10.png") center center no-repeat;}
		.icon11 {background: url("../pics/icons/icon11.png") center center no-repeat;}
		.icon12 {background: url("../pics/icons/icon12.png") center center no-repeat;}
		.icon13 {background: url("../pics/icons/icon13.png") center center no-repeat;}
		.icon14 {background: url("../pics/icons/icon14.png") center center no-repeat;}
		.icon15 {background: url("../pics/icons/icon15.png") center center no-repeat;}
		.icon16 {background: url("../pics/icons/icon16.png") center center no-repeat;}
		.icon17 {background: url("../pics/icons/icon17.png") center center no-repeat;}
		.icon18 {background: url("../pics/icons/icon18.png") center center no-repeat;}
		.icon19 {background: url("../pics/icons/icon19.png") center center no-repeat;}
		.icon20 {background: url("../pics/icons/icon20.png") center center no-repeat;}
		.icon21 {background: url("../pics/icons/icon21.png") center center no-repeat;}
		.icon22 {background: url("../pics/icons/icon22.png") center center no-repeat;}
	}
}

#kalendar-archiv {display: block; width: 100%; height: auto; padding: 25px 0 0 0;
	h1 {display: block; text-align: center; margin: 0 0 5px 0; padding: 0;}

}

#kalendar-modal {display: none;}
#simplemodal-overlay {background-color: #000;}
#simplemodal-container {width: 70% !important; max-width: 500px; background-color: #fff;
	.modalCloseImg {display: inline; width: 50px; height: 50px; text-indent: -9999px; position: absolute; z-index: 3200; top: -20px; right: -20px; cursor: pointer; background: @green url("../pics/close.png") no-repeat center 43%;	transition: background-color 0.5s ease; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
	.modalCloseImg:hover {background-color: #008b80;}
	.content {padding: 25px;
		h2 {font-family: "proxima-nova"; font-weight: 900; line-height: 110%; color: @blue; font-size: 280%; margin: 0 0 10px 0; padding: 0;}
		.datum {color: @green;}
		.nazev {}
		.misto {font-weight: 700; margin-bottom: 5px;}
		.but {margin-top: 20px; margin-bottom: 0;}
	}
}