@import url('https://fonts.googleapis.com/css?family=Rokkitt&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');


/* pro box s fotkami na HP i dalsi - sirky v % v responsive: */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family: 'Open Sans', sans-serif; font-size:100%;color:#333;background:#fff;}


.main {padding:0;margin:0 auto;font-size:0.875em;line-height:1.5em}
a {color:#fe8402;text-decoration:underline}
a:hover {color:#41924b;text-decoration:underline}

p {margin: 0 0 18px 0; padding: 0; font-size:1em; line-height: 1.5;}

.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}

/*header*/
header {width:100%;	background: #FCAA53; 
/*padding-bottom:44px;margin-bottom:-30px*/}
	/*#page1 header {min-height:600px;}*/
/* menu */
.menu-row {
	width:100%;
	background: #87E293;border-top: 1px solid #EE9230; 
}
.menu {padding:0;width:100%; margin: 0; }
.menu li {float:left;position:relative;}
.menu li a {display:block;font-size:0.9em;line-height:2em;font-weight:bold;padding:5px 3px 5px 3px;margin:0;color:#333; text-align:center;
	text-decoration: none;
}
.menu li a span {
	text-decoration: underline;
}
	
.menu li a:after {
    content: "|";
    padding: 0;
	margin: 0 3px 0 12px;
}
.menu li.last-item a {margin-right: 0;}
.menu li:last-child a:after
{
  content: "";
}
.menu li a.active {color: #fe8402;}
.menu li a:hover {color: #fe8402;}
.menu li.active, .menu li:hover {}







/*content*/
#content {width:100%;padding: 0 0 10px 0}
h1 {font-family: 'Open Sans', sans-serif; font-size:1.4em;line-height:1.219em;margin: 20px 0 20px 0;color:#41924b;font-weight:300; text-transform: none;}
h1 span {font-size:0.9em; text-transform: none;}
h2 {font-family:'Open Sans', sans-serif; font-size:1.6em;line-height:1.219em;margin: 10px 0 5px 0;color:#fe8402;font-weight:300; text-transform: none;}
h3 {font-family:'Open Sans', sans-serif; font-size:1.5em;line-height:1.514em;margin: 10px 0 0 0;color: #41924b;font-weight:300; text-transform: none;}
h4 {font-family:'Open Sans', sans-serif; font-size:1.1em;line-height:1.214em;margin: 10px 0 0 0;color: #41924b;font-weight:300; text-transform: none;}


/*footer*/
footer {width:100%;color:#000;padding:10px 0 5px; background:#EBF8EA;}
		
footer a {color:#000;text-decoration:none;}
footer a:hover {color:#000;text-decoration:underline;}

footer h2 {color:#000;font-size:1.6em; text-transform: none;}
footer p {
	margin: 0 0 3px 0;
	padding: 0;
	font-size:0.9em;
}
footer div.footIcon {
	margin: 0 0 15px 0;
}

 
.clear {
    clear: both;
    height:0px;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0;
    display:block;
}

.nobr	{ white-space:nowrap; }


.pb5 { padding-bottom:5px;}	
.pb10 { padding-bottom:10px;}	
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}	
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb80 { padding-bottom:80px;}

 
div.nahoru {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}
a.nahoruGrey {
	color: #676767;
}


div#topImg {
	float: left;
	position: relative;
	/*width: 320px;*/
	/*margin: 6px 0 3px 0;*/
	
}
div#topMenu {
	float: right;
	position: relative;
	/*width: 640px;*/
	margin: 0;  
}



div.top-row-2 img {
	/*width: 960px;
	max-width: 100%;*/
}

.fleft-img {
	float: left;
	margin: 0 35px 15px 0;

}
.fright-img {
	float: right;
	margin: 0 0 15px 35px;

}
.fright-img-2 {
	float: right;
	margin: 0 30px 15px 35px;

}


.border1 {
	border: 1px solid #bbb; 
	padding: 1px;
}
.dgrey {
	color:#444;
}
.red{
	color:#cc0000;
}
.dred{
	color:#730208;
}
.dblue{
	color: #333;
}
.dgreen{
	color: #41924b;
}
.orange{
	color: #fe8402;
}

p.pHp {
	color: #444;
}
p.pHp a {
	color: #444;
	text-decoration: none;
}
p.pHp a:hover {
	color: #3399CC;
	text-decoration: underline;
}


.center {
	text-align: center;
}



	
.inl {
	display: inline;
}
a.und {
	text-decoration: underline;
}
a.und:hover {
	color: #290909;
}



footer img {
	max-width: 100%;
}




ul.ul1 {
 	list-style-type: circle;
	
}

ul.ul1  li {  
	color: #555;
	font-size: 1em;
	text-align: left;
	margin: 0 0 5px 15px;
	font-weight: bold;
}

div.odk-nepod a {
	color: #333;
	text-decoration: none;
}
div.odk-nepod a:hover {
	color: #555;
	text-decoration: none;
}





.admHeader1 p {
	color: #333;
	padding: 10px 0 5px 0;
	margin: 0;
}

.admHeader1 p span.nazev_firmy {
	font-size: 1.2em;
}

.admHeader1 p.prihlasen {
	color: #333;
	padding: 12px 0 6px 5px;
	font-size: 0.9em;
	
}


.admHeader2 {
	text-align: right;
}
.admHeader2 p {
	padding: 10px 0 0 0;
	font-size: 0.9em;
}
.admHeader2 a {
	color: #333;
	text-decoration: underline;
}
	
	
	
/* pro formulare */

.formarea div.element, .formarea div.element-radio, .formarea div.element-checkboxlist {
	float:left;position:relative;
	padding: 3px 0px;
	clear:both;
}
.formarea div.element label, .formarea div.element-radio label.main, .formarea div.element-checkboxlist label.main1 {
	position:relative;
	display:block;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 0px;
	width:150px;
	cursor:pointer;
	float:left;
	line-height: 18px;
 /* background-color: yellow;   */
}
.formarea div.element-radio label.rad {  /* pro labely jednotlivych voleb radio butonu */
	position:relative;
	display:block;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 0px;
	cursor:pointer;
	float:left;
	line-height: 18px;
 /* background-color: yellow;   */
}
.formarea-vpravo div.element label {
	position:relative;
	display:block;
	text-align:left;
	margin:0;
	padding:3px 10px 0px 0px;
	width:50px;
	cursor:pointer;
	float:left;
	line-height: 18px;
}

div.ch-list {
	position: relative;
	float: left;
	width: 500px;
}


.formarea div.element-radio input[type=radio], .formarea div.element-radio input.radio { 
	float:left; clear:none; margin: 2px 0 0 2px; 
}


.formarea div.element .labelsmall {
	width:auto;
}
.formarea div.element input, .formarea div.element select, .formarea div.element textarea {
	float:left;
	font-family:'Open Sans', sans-serif;
	font-size: 1em;
	padding:2px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px 0px 0px 0px;
  width:500px;
 }
 .formarea div.element textarea {
  height: 80px;
}

.formarea div.element input[type='checkbox'] {
  width:20px;	
}



.formarea div.element-radio .zvlast {
	position:relative;
	display:block;
	text-align:left;
	margin:0px 10px 0px 0px;
	padding:3px 10px 0px 0px;
	width:500px;
	cursor:pointer;
	float:left;
	line-height: 18px;
 /* background-color: yellow;   */
}




.formarea-vpravo div.element input, .formarea-vpravo div.element select, .formarea-vpravo div.element textarea {
	float:left;
	font-family:'Open Sans', sans-serif;
	font-size: 1em;
	padding:2px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px 0px 0px 0px;
  width:150px;
}

.formarea div.element #submitbutton
{
    width:150px;
}
.formarea-vpravo div.element #submitbutton
{
    width:100px;
}
.formarea div.element input.error, .formarea div.element select.error, .formarea div.element textarea.error {
	background-color: #FFDFDF;
	border: 1px solid #FF0000;
}
.formarea div.element input:hover, .formarea div.element select:hover, .formarea div.element textarea:hover {
	background-color: #FFFF99
}
.formarea div.element span.required {
	color:#FF0000;
}

.formarea fieldset{margin:1em 0;border:none;border-top:1px solid #ccc;}
.formarea fieldset div.fm-req label:before{content:"* ";}
.formarea fieldset legend{margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;}

.formarea div.info{
	font-weight: bold;
}
.formarea div.info2{
	padding: 2px 0 2px 35px;
	background-color: #DDFCA7;
}


.formarea div.element textarea.perex {
  width: 524px;
  height: 150px;
}
.formarea div.element input#title {
  width: 524px;
}


.formarea div.element input.tlacitko1 {
	font-size: 1em;
	font-weight: bold;
	padding: 6px 5px 3px 5px;
	color: #fff;
	background: #41924b;
	border: 0;
	margin: 0 0 0 160px; 
}
.formarea div.element input.tlacitko1:hover {
	background-color: #FCAA53; 
	color: #fff; 
	border: 0;
}

/* mazani - nema odsazeni, sirku inputu, vetsi pismo a jiny padding: */
.formarea div.element input.tlacitko2 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 5px 6px 5px;
	color: #fff;
	background: #41924b;
	border: 0;
	margin: 0; 
	width: 200px;
}
.formarea div.element input.tlacitko2:hover {
	background-color: #FCAA53; 
	color: #fff; 
	border: 0;
}





#sidebar {
	padding: 0;
	background:#E4F8E3;   
}


.adm-right {
	min-height: 300px;
}

.adm-right #adm-nav-right h3 {
	padding: 10px 0 0 0;
	margin: 0;
	color: #fe8402;
	font-size: 1.3em;
	}
	
.adm-right #adm-nav-right {
		padding: 4px 10px;
		margin: 0;
	}
.adm-right #adm-nav-right ul {
		margin: 2px 0 10px 0;
		padding:0;
		list-style:none;
	}
.adm-right #adm-nav-right li {
		/*display:inline;*/
		margin:0;
		padding:0 20px 0 0;
		color: #000;
	}
.adm-right #adm-nav-right a {
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}
.adm-right #adm-nav-right a:hover {
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}
	
		
.sidebar-oddel {
	background:#41924b;
	width:100%;
    clear: both;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0 0 2px 0;
    display:block;
}


span.spanRed {
	color: red;
	font-size: 1.1em;
}

span.spanGreen{
	color:  #3D9933;
	font-size: 1.1em;
}



table.tabAdm {
	border-collapse: collapse;
	margin-top: 5px;
}	
table.tabAdm td, table.tabAdm th {
	border: 1px solid #fe8402;
	padding: 2px 5px;
}
table.tabAdm th {
	text-align: left;
	color: #41924b;
}

td.tdCenter {
		text-align: center;
}
td.tdRight {
		text-align: right;
}

span.spanGrey {
	color: #717374;
	font-size: 0.95em;	
}