/*
CSS Structure
CSS Grid by cssgrid.co
-------------------------------------------------------------
01. Normalise
02. Fonts
03. Header + Menu + Footer
04. Website Styles
05. Mobile, below 767 width
-------------------------------------------------------------
*/

/* 01. Normalise */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
body {
	width:100%;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#595959;
	background-color:#fff;
	BACKGROUND-IMAGE: url(../images/pozadi_top.png); BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top left;
	line-height:1.3;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing:border-box;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}

/* 03. Header + Menu + Footer */

.header1 {
	position: relative;
	max-width:1210px;
	margin:0 auto;
}
.header1-pozadi {
	margin: 0px 0px 0px 0px;
	/*background: url(../images/pozadi_top.png) top left repeat-x;*/
}

.header-top {
	position: relative;
	width:98%;
	margin: 5px 0px 5px 0px;
	clear: both;
}
.facebook-profil {
  	position: relative;
	float: left;
	MARGIN: 0px 10px 0px 10px;
}
.facebook-tlacitka {
  	position: relative;
	float: right;
	width:20%;	
	MARGIN: 2px 5px 0px 5px;
	display: inline-block;	
}
.vlajecky {
  	position: relative;
	float: right;
	width:10%;	
	PADDING: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;	
}
.vlajecky-1 {
  	position: relative;
	PADDING: 0px 3px 0px 3px;
	display: inline-block;
}
img.vlajecka {
	max-width:25px;
	height:auto;
}
.rychly-kontakt {
  	position: relative;
	float: right;
	width:45%;
	PADDING: 0px;
	MARGIN: 10px 0px 0px 0px;
	COLOR: #000000;
	FONT-SIZE: 90%;
	text-align: right;
}
.rychly-kontakt A {
	color: #00923F; MARGIN: 0px; TEXT-DECORATION: none; font-weight: normal;
}
.rychly-kontakt A:hover {
	COLOR: #F24F00;
}
.social {
  	position: relative;
	float: right;
	width:10%;	
	PADDING: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;	
}
.soc-1 {
  	position: relative;
	PADDING: 0px 3px 0px 3px;
	display: inline-block;
}
img.logo-soc-1 {
	max-width:24px;
	height:auto;
}
.header-middle {
	position: relative;
	width:100%;
	margin: 5px 0px 5px 0px;
	clear: both;
	/*background-color:#FFF;
	BACKGROUND-IMAGE: url(../images/pozadi_menu_horni.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top right;*/
}
.header-bottom {
	position: relative;
	width:100%;
	margin: 0px 0px 6px 0px;
	clear: both;
}

.logo-web {
	position: relative;
	z-index: 100;
	float: left;
	margin-top:10px;
	margin-left:30px;
	/*-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);*/
}

.slogan-web {
	position: absolute;
	top:30px;
	left:300px;
}
.slogan-web h2 {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:normal;
	font-size:140%;
	color:#000000;
}

img.logo {
	max-width:300px;
	height:auto;
}
img.facebook {
	max-width:89px;
	height:auto;
}

.footer {
	padding-left:0;
}

.slider_texty {
	position: absolute;
	top:80px;
	left:50px;
	z-index: 10;
}
.slider_texty span {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:normal;
	font-size:50px;
	color:#FFFFFF;
	background-color: #000000; background-color: rgba(0,0,0,.5);
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}
.slider_texty p {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:normal;
	font-size:26px;
	color:#FFFFFF;
	background-color: #000000; background-color: rgba(0,0,0,.5);
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 0px 0px;	
}


/* 04. Website Styles */
/* Animation timing for sliding mobile nav, 0.5 secs */
.wrapper, a, a img, .logo {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
a {
	text-decoration:underline;
	outline:0;
	color:#00923F;
}
a:hover {
	color:#00923F;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
img,
img a {
	font-size:14px;
	color:#999;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.wrapper {
	padding-top:0px;
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
}
.wrapper-padding {
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
}
.max-width {
	max-width:1210px;
	margin:0 auto;
}
.okraj {
	BORDER-LEFT: #E2E2E2 1px solid;
	BORDER-RIGHT: #E2E2E2 1px solid;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

.center {
	text-align:center;
}

.sloupec_20 {
  	position: relative;
	float: left;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 10px 0px 10px 10px;
	width: 20%;
}
.sloupec_20r {
  	position: relative;
	float: left;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 10px 0px 10px 10px;
	width: 20%;
	text-align: right;
}
.sloupec_14 {
  	position: relative;
	float: left;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 10px 0px 10px 10px;
	width: 14%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cabin Condensed', sans-serif;
	PADDING: 0px;
	MARGIN: 0px;
}
h1 {
	font-weight:normal;
	font-size:30px;
	padding-bottom:20px;
	padding-top:20px;
	color:#00923F;
	/*DISPLAY: none;*/
}
h2 {
	font-weight:normal;
	font-size:24px;
	padding-top:20px;
	padding-bottom:20px;
	color:#00923F;
	/*DISPLAY: none;*/
}
h3 {
	font-weight:normal;
	font-size:22px;	
	padding-top:10px;
	padding-bottom:10px;
	color:#00923F;
}

h4 {
	font-weight:normal;
	font-size:20px;	
	padding-top:10px;
	padding-bottom:10px;
	color:#00923F;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	PADDING: 5px 0px 5px 0px;
	MARGIN: 0px;
}

.avatar
{
	border-radius:300px;
	overflow:hidden;
	border:15px solid rgba(255,255,255,0.15);
	box-sizing:border-box
}

/* Footer */
.footer2 {
	font-size:13px;
	line-height:16px;
	background-color:#f2f3f3;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:120px;
	margin-top:20px;
}

.footer {
  text-align: right; MARGIN: 0px 0px 0px 0px; PADDING: 40px 0px 0px 0px;
}
.footer UL {
  list-style-type: none; PADDING: 0px 0px 0px 0px;
}
.footer LI {
  display: inline; PADDING: 0px 10px 0px 10px; BORDER-RIGHT: #535353 1px solid;
}
.footer A {
  FONT-SIZE: 13px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; FONT-WEIGHT: normal;
}
.footer A:link {
  COLOR: #535353; 
}
.footer A:visited {
  COLOR: #535353;
}
.footer A:hover {
  COLOR: #353535;
}
.footer A.lng:link {
  COLOR: #535353;
}
.footer A.lng:visited {
  COLOR: #535353;
}
.footer A.lng:hover {
  COLOR: #353535;
}
.footer A.activ:link {
  COLOR: #000000;
}
.footer A.activ:visited {
  COLOR: #000000;
}
.footer A.activ:hover {
  COLOR: #353535;
}

#text_1 {
   WIDTH: 100%; PADDING: 10px 0px 10px 0px; MARGIN: 0px 0px 0px 10px; TEXT-ALIGN: left; position: relative;
}
#text_2 {
   WIDTH: 100%; PADDING: 10px 0px 10px 0px; MARGIN: 0px 0px 0px 10px; TEXT-ALIGN: left; position: relative;
}
.clanek_1 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; position:relative; box-sizing:border-box;
}
.clanek_det_1 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; position:relative; box-sizing:border-box;
}
.clanek_2 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_2 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_3 {
  FLOAT: left; WIDTH: 48%; MARGIN: 5px 10px 5px 10px; PADDING: 0px; box-sizing:border-box;
}
.clanek_det_3 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; box-sizing:border-box;
}
.clanek_4 {
  FLOAT: left; WIDTH: 47%; MARGIN: 5px 10px 5px 10px; PADDING: 5px 10px 5px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_4 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 5px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_5 {
  FLOAT: left; WIDTH: 31%; MARGIN: 0px 10px 0px 10px; PADDING: 0px; box-sizing:border-box;
}
.clanek_det_5 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; box-sizing:border-box;
}
.clanek_6 {
  FLOAT: left; WIDTH: 31%; MARGIN: 5px 10px 5px 10px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_6 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_7 {
  FLOAT: left; WIDTH: 65%; MARGIN: 0px 10px 0px 10px; PADDING: 0px; box-sizing:border-box;
}
.clanek_det_7 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; box-sizing:border-box;
}
.clanek_8 {
  FLOAT: left; WIDTH: 65%; MARGIN: 5px 10px 5px 10px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_8 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_9 {
  FLOAT: left; WIDTH: 42%; MARGIN: 5px 10px 5px 10px; PADDING: 0px; box-sizing:border-box;
}
.clanek_det_9 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; box-sizing:border-box;
}
.clanek_10 {
  FLOAT: left; WIDTH: 42%; MARGIN: 5px 10px 5px 10px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_10 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_11 {
  FLOAT: left; WIDTH: 54%; MARGIN: 0px 10px 0px 10px; PADDING: 0px; box-sizing:border-box;
}
.clanek_det_11 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 0px; box-sizing:border-box;
}
.clanek_12 {
  FLOAT: left; WIDTH: 54%; MARGIN: 5px 10px 5px 10px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}
.clanek_det_12 {
  WIDTH: 98%; MARGIN: 0px; PADDING: 5px 10px 10px 10px; BORDER: #E2E2E2 1px solid; box-sizing:border-box;
}

#uvod_text {
  FLOAT: left; MARGIN: 10px 0px 10px 10px; WIDTH: 58%; PADDING: 0px 0px 0px 0px; position: relative;
}
#uvod_aktuality {
  FLOAT: right; MARGIN: 25px 10px 10px 0px; WIDTH: 38%; PADDING: 0px 0px 0px 0px; position: relative;
}
#uvod_aktuality a {
  TEXT-DECORATION: none; color:#595959;
}
#uvod_aktuality h4 {
  color:#124599;
}

.newsletter_ramecek {
  float: left; WIDTH: 43%; MARGIN: 5px 10px 5px 10px; PADDING: 0px 0px 0px 0px; BORDER: 0px; position: relative;
}
.prihlasovani_ramecek {
  float: left; WIDTH: 43%; MARGIN: 5px 10px 5px 10px; PADDING: 0px 0px 0px 0px; BORDER: 0px; position: relative;
}

#drobky {
	float: right;
	font-size: 12px;
	MARGIN: 0px 0px 0px 0px;
}
#drobky a {
	TEXT-DECORATION: none;
}

#drobky_zpet {
	float: right;
	font-size: 12px;
	MARGIN: 0px 30px 0px 0px;
}
#drobky_zpet a {
	TEXT-DECORATION: none;
}

.strankovani {
  CLEAR: both; width: 100%; PADDING: 15px 0px 15px 0px; MARGIN: 0px 0px 0px 0px;
}

/* odstraneni modreho obdelniku pro chrome */
button:focus, input:focus, textarea:focus {outline: none;} 
button { font-family: 'Open Sans', sans-serif; font-weight: 600  ; padding: 11px 20px 11px 20px; MARGIN: 10px 5px 5px 0px;  COLOR: #FFF;  FONT-SIZE: 14px; BACKGROUND-COLOR: #DA251D; CURSOR: pointer; BORDER: #ccc 1px solid; border-radius: 1px; }
button:hover { COLOR: #000; BACKGROUND-COLOR: #efefef;  box-shadow: 0 0 6px #999; }
input[type=button], input[type=submit], input[type=reset] { font-family: 'Open Sans', sans-serif; font-weight: 600  ; padding: 11px 20px 11px 20px; MARGIN: 10px 5px 5px 0px;  COLOR: #FFF;  FONT-SIZE: 14px; BACKGROUND-COLOR: #DA251D; CURSOR: pointer; BORDER: #ccc 1px solid; border-radius: 1px; }
input[type=button]:hover { COLOR: #000; BACKGROUND-COLOR: #efefef; box-shadow: 0 0 6px #999; }


/* 05. Mobile, below 767 width */
@media screen and (min-width: 0px) and (max-width: 767px) {

.wrapper {
	opacity:1;
}
.wrapper-push {
	opacity:0.2;
}
.wrapper-padding {
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
}
h1 {
	font-size:26px;
}
h2 {
	font-size:22px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}

.clanek_3 {
  WIDTH: 98%;
}
.clanek_4 {
  WIDTH: 98%;
}
.clanek_5 {
  WIDTH: 98%;
}
.clanek_6 {
  WIDTH: 98%;
}
.clanek_7 {
  WIDTH: 98%;
}
.clanek_8 {
  WIDTH: 98%;
}
.clanek_9 {
  WIDTH: 98%;
}
.clanek_10 {
  WIDTH: 98%;
}
.clanek_11 {
  WIDTH: 98%;
}
.clanek_12 {
  WIDTH: 98%;
}

.slogan-web {
	position: relative;
	float: left;
	margin-top:10px;
	margin-left:10px;
	width: 90%;
	top: 0px;
	left: 0px;
}
.slogan-web h2 {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:normal;
	font-size:110%;
}

#uvod_text {
  WIDTH: 98%;
}
#uvod_aktuality {
  WIDTH: 98%;
}
.newsletter_ramecek {
  WIDTH: 98%;
}
.prihlasovani_ramecek {
  WIDTH: 98%;
}
.vlajecky {
  WIDTH: 98%;
}
.rychly-kontakt {
  WIDTH: 98%;
  PADDING: 8px 0px 8px 0px;
  text-align: center;
}
.social {
  WIDTH: 45%;
  PADDING: 8px 0px 8px 0px;
  text-align: center;
  float: left;
}
.facebook-tlacitka {
  WIDTH: 45%;
  PADDING: 8px 0px 8px 0px;
  text-align: center;
  float: left;  
}
.slider_texty {
	position: absolute;
	top:25px;
	left:25px;
	z-index: 10;
}
.slider_texty span {
	font-size:20px;
	padding: 5px 5px 5px 5px;	
}
.slider_texty p {
	font-size:16px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 0px 0px;	
}
/*
body {
BACKGROUND-IMAGE: none;
}
*/
.logo-web {
	margin-top:10px;
}
.sloupec_20 {
	width: 98%;
}
.sloupec_20r {
	width: 98%;
	text-align: left;
}
.sloupec_14 {
	width: 98%;
}
}

/* 05. Mobile, below 767 width */
@media screen and (min-width: 0px) and (max-width: 480px) {

.slider_texty {
	top:15px;
	left:15px;
}
.slider_texty span {
	font-size:20px;	
}
.slider_texty p {
	font-size:16px;
}
}