@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, , tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*main defs*/
/*colors: red= #bb162b*/
body {background:#f5f5f5;font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:11pt; line-height:1.5; margin: 0;}
h1 {font-size:4em;font-weight:600; color:#333;}	
h2 { font-size:3em;font-weight:300;margin-bottom:10px; line-height:1.1;color:#006699;}
td,th {	font-family: "Open Sans", Helvetica, Arial, sans-serif;}

.left{float:left}
.right{float:right}

.header{width:100%;height:65px;background:#fff;z-index:12;box-shadow: 0 0 5px rgba(0,0,0,0.5);position:fixed;}
.header-inner{width:950px;height:65px;margin-left:auto;margin-right:auto;position:relative;}
.header-inner a{color:#666;font-size:1.15em;font-family: 'Open Sans Condensed';font-weight:700;text-decoration:none;color:#006699;text-transform:uppercase;display:block;
float:left;height:35px;line-height:35px;padding:0 12px;margin-top:15px;}
.header-inner a:hover, .header-inner a:active{color:#fff;background:#006699} 
.header-inner a:visited{}
.header-inner a{-webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}
	
.wrapper {width:950px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;}

.banner {width:100%;height:auto; overflow:hidden; margin-top:70px; text-align:center;} 
.banner h1 img:first-child { height:2em;}
.banner h1 img:last-child { height:3em;}
.banner div img { width:130%; height:auto; margin:0 -15% 0 -15%;}
h2.vyzva { text-align:center; color:#fff; background:#006699; padding:.6em 0; margin:0 0 250px 0;}

.content-wrapper {padding:20px 0;border-bottom:dotted 1px #ccc;position:relative; margin-bottom:10px;}
.content-wrapper p, .content-wrapper li{font-weight:400;line-height:1.5;text-align:justify}
.content-wrapper p.center { text-align:center;}
.content-wrapper li{text-align:left;list-style:outside square;line-height:2.5} .lin li {line-height:2.5}
.content-wrapper a{color:#006699} .content-wrapper a:hover{ text-decoration:none;} .content-wrapper a:visited{}
.content-wrapper div.f { width:600px; height:auto; overflow:hidden; margin:10px auto; text-align:center;}
.content-wrapper div.f img { width:auto; height:auto; max-width:100%;}

a.o { color:#990000; text-decoration:none;}
a.o:hover { text-decoration:underline;}

a.s { color:#006699; text-decoration:none;}
a.s:hover { text-decoration:underline;}


.gal-slider {width:950px;height:342px; overflow:auto;}
.gal-film {width:11400px;height:324px; overflow:hidden;}
.gal-item {width:auto;height:320px; margin:1px 5px; float:left;}
.gal-item img { max-height:280px; min-height:50px; border:1px solid grey;}
.gal-item label { display:block; width:auto; margin-top:8px; font-size:0.85em;  }
			
.go-to-top{position:fixed;bottom:5px;right:5px;width:45px;height:45px;line-height:40px; letter-spacing:2px;background:rgba(128,128,128,.5);display:block; font-size:30px; font-weight:bold; 
	text-decoration:none;text-align:center; -webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px; color:#fff;}

#aktivny-poslanec .ap { text-align:center; margin:2em 0 .3em 0; background:#fff;}
#aktivny-poslanec .ap img { max-width:100%;}

.citat { color:#006699; font-style:italic;}
.content-wrapper iframe { width:100%; height:533px; margin:1em 0; }
.fb-like-box { height:600px;}

@media (max-width: 990px) {
	.header-inner{width:94%; padding:0 3%;}
	.header-inner a{padding:0 12px;margin-top:15px;}
	h1, h2{font-size:2.6em;}	
	.wrapper {width:94%; padding:0 3%;}
	.content-wrapper iframe { height:51.6vw; }
}

@media (max-width: 700px) {
	.header-inner{width:98%; padding:0 1%;}
	.header-inner a{ font-size:2.9vw; text-align:center; vertical-align:middle;line-height:1.1;padding:0 1vw;margin-top:25px; }
	.banner img { width:140%; height:auto; margin:0 -20%;}
	.content-wrapper div.f { width:100%; margin:0 10px;}
	.fb-like-box { width:100%; height:auto;}
}

@media (max-width: 500px) {
	.header-inner{width:98%; padding:0 1%;}
	.header-inner a{ font-size:3.5vw; text-align:center; vertical-align:middle;line-height:1.1;padding:0 1vw;margin-top:20px; }
	.header-inner a:first-child { width:21vw;}
	.header-inner a:nth-child(2) { width:15vw; line-height:2;}
	.header-inner a:nth-child(3) { width:15vw;}
	.header-inner a:nth-child(4) { width:10vw; line-height:2;}
	.header-inner a:nth-child(5) { width:9vw; line-height:2;}
	.header-inner a:nth-child(6) { width:12vw; line-height:2;}
	.banner img { width:150%; height:auto; margin:0 -25%;}
}