@media (max-width: 576px) { 
a.navigacni_lista {font-size: 1.0rem;position: relative; top: 1rem;}
a.uzivatel_lista {font-size: 1.0rem;position: relative; top: 1rem;}
a.odhlasit {font-size: 0.7rem;}
h1 {font-size: 1.1rem;}
h2 {font-size: 1.1rem;}
.d-xs-none {display: none;}

.btn-novy-projekt { padding-top: 1rem; padding-bottom: 1rem; width: 10rem;}
.btn-registrace {font-size: 1.1rem;padding-top: 1rem;	padding-bottom: 1rem;	padding-right: 2rem;}
.btn-vyber-materialu { font-size: 1.0rem;}
.kalkulacka {	height: 4rem;	margin-left: 1rem;	margin-right: 1rem;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
a.navigacni_lista {font-size: 0.8rem;position: relative; top: 1rem;}
a.uzivatel_lista {font-size: 0.8rem;position: relative; top: 1rem;}
a.odhlasit {font-size: 0.7rem;}
h1 {font-size: 1.2rem;}
h2 {font-size: 1.1rem;}

.btn-novy-projekt { padding-top: 2rem; padding-bottom: 2rem; width: 10rem;}
.btn-registrace {font-size: 1.2rem;padding-top: 1rem;	padding-bottom: 1rem;	padding-right: 2rem;}
.btn-vyber-materialu { font-size: 0.82rem;}
.kalkulacka {	height: 4rem;	margin-left: 1rem;	margin-right: 1rem;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
a.navigacni_lista {font-size: 0.9rem;position: relative; top: 1rem;}
a.uzivatel_lista {font-size: 0.8rem;position: relative; top: 1rem;}
a.odhlasit {font-size: 0.7rem;}
h1 {font-size: 1.3rem;}
h2 {font-size: 1.1rem;}

.btn-novy-projekt { padding-top: 3rem; padding-bottom: 3rem; width: 10rem;}
.btn-registrace {font-size: 1.2rem;padding-top: 2rem;	padding-bottom: 2rem;	padding-right: 2rem;}
.btn-vyber-materialu { font-size: 0.8rem;}
.kalkulacka {	height: 6rem;	margin-left: 2rem;	margin-right: 2rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
a.navigacni_lista {font-size: 1.1rem;position: relative; top: 1rem;}
a.uzivatel_lista {font-size: 0.9rem;position: relative; top: 1rem;}
a.odhlasit {font-size: 0.7rem;}
h1 {font-size: 1.2rem;}
h2 {font-size: 1.1rem;}

.btn-novy-projekt { padding-top: 3rem; padding-bottom: 3rem; width: 10rem;}
.btn-registrace {font-size: 1.5rem;padding-top: 1.5rem;	padding-bottom: 1.5rem;	padding-right: 4rem;}
.btn-vyber-materialu { font-size: 0.75rem;}
.kalkulacka {	height: 6rem;	margin-left: 2rem;	margin-right: 2rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	a.navigacni_lista {font-size: 1.1rem; position: relative; top: 1rem;}
	a.uzivatel_lista {font-size: 1.0rem;position: relative; top: 1rem;}
	a.odhlasit {font-size: 0.8rem;}
	h1 {font-size: 1.3rem;}
	h2 {font-size: 1.1rem;}
		
	.btn-novy-projekt { padding-top: 3rem; padding-bottom: 3rem; width: 10rem;}
	.btn-registrace {font-size: 1.5rem;padding-top: 1.5rem;	padding-bottom: 1.5rem;	padding-right: 4rem;}
	.btn-vyber-materialu { font-size: 1.0rem;}
	.kalkulacka {	height: 6rem;	margin-left: 2rem;	margin-right: 2rem;}
	img.zapati_vodoznak { max-height: 10rem; }
}






body {
	background-color: #ffffff;
	margin: auto;
	width: 100%;
	min-height: 600px;
	color: black;
	font-family: sans-serif;
	text-align: left;
}

.okno {
	width: 95%;
	max-width: 1200px;
	margin: auto;
  height: 100%; 
	background-color: white;
	min-height: 400px;
	border-radius: 6px;
	font-size: 14px;
}

.horni_lista {
	background-color: #ffffff;
	
	
	padding-top: 0.1rem;
	padding-bottom: 0.8rem;	
	margin-bottom: 1rem;
	
	border-bottom: solid 1px #457a1c;
}

.zapati {
	background-color: #e5e5e5;
	width: 100%;
	
	margin-top: 2rem;
}

.zapati_vnitrni {
	width: 95%;
	max-width: 1200px;
	margin: auto;  
	padding: 0.5rem 1rem 0rem 1rem;
}

.zapati_nadpis {
	font-size: 1.5rem;
	color: #457a1c;
	font-weight: bold;
	margin-top: 0.8rem;
	margin-bottom: 0.5rem;
	padding-left: 1rem;
}


a.bezny:link,
a.bezny:visited {
	color: #457a1c;
}



a.navigacni_lista:link,
a.navigacni_lista:visited {
	
	text-decoration: none;
	color: black;
}

a.navigacni_lista:active,
a.navigacni_lista:hover {
	
	text-decoration: none;
	color: #457a1c;
}

a.uzivatel_lista:link,
a.uzivatel_lista:visited {
	
	text-decoration: none;
	color: black;
}

a.uzivatel_lista:active,
a.uzivatel_lista:hover {
	
	text-decoration: none;
	color: #457a1c;
}

a.odhlasit {
	
	text-decoration: none;
	padding-left: 1rem;
	color: black;
}

a.email:link, a.email:visited {
	color: #666666;
	text-decoration: none;
}

a.email:hover, a.email:active {
	color: #3c763d;
}

a.zobrazeni {
	color:black;
	text-decoration: none;
}

a.materialy:link, a.materialy:visited  {
	color:black;
	text-decoration: none;
}

a.materialy:active, a.materialy:hover  {
	color:#457a1c;
	text-decoration: none;
}

a.vybrat_aplikaci:link, a.vybrat_aplikaci:visited {
	color: white;
	font-weight: bold;
	font-size: 1.3rem;	
}

a.vybrat_aplikaci:active, a.vybrat_aplikaci:hover {
	color: #6e0a0a;
	text-decoration: none;
	
}

h1 {
	color: #457a1c;
	font-weight: bold;
	margin-bottom: 1rem;
}

h2 {
	color: #457a1c;
	font-weight: bold;
}

p {
	text-align: justify;
}

img.zapati_logo {
	
}



td {
	padding-right: 1rem;
}



.card > .card-header {
	padding-top: 0.5rem;
	padding-bottom: 0px;
}
.card > .card-header > h3 {
	color: black;
	font-weight: bold;
	font-size: 1.3rem;
	
}

.card > .card-body {
	padding: 7px 7px 20px 7px;
	
}

.zeleny_okraj {
	border:1px solid #457a1c;	
}

.bg-ekopanel {
	background-color: #457a1c;
}

.btn-success {
	background-color: #457a1c;
}

.btn-registrace {
	background-color: #457a1c;
	
	color: white;
	
	font-weight: bold;
}




.btn-vyber-materialu {
	padding-bottom: 1.8rem;
	padding-top: 1.8rem;
	
	line-height: 1.0rem;
	border-radius: 0.4rem;
	width: 80%;
}

.btn-xs {
	padding: 0.15rem 0.3rem;
	font-size: 0.7rem;
	line-height: 1.2rem;
	border-radius: 0.15rem;
}



.odrazka {
	border-radius: 50%; 
	width:2rem; 
	height: 2rem; 
	background-color: #457a1c; 
	text-align: center;  
	font-size: 1rem; 
	line-height: 200%; 
	font-weight: bold; 
	color:white; 
	float: left;
	margin-right: 1rem;
}

.odrazka-text {
	font-size: 1.1rem; 
	line-height: 160%; 
	font-weight: bold;
}

.oddeleni {
	height: 0.8rem;
	border-bottom: 1px #457a1c solid;
	margin-bottom: 0.8rem;
}

.form-registrace {
	border-color: #457a1c;
	background-color: #ececec;
}

.odeslat {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid #cccccc;
}

.width100 {
	width: 100%;
}

.top10px {
	margin-top: 10px;
}

.bold {
	font-weight: bold;
}



.black {color: black;}
.green {color: green;}
.orange {color: orange;}
.red {color:red;}
.white {color:white;}
.yellow {color: yellow;}