/** { border: solid 1px red};*/
/*Celý dokument*/

/*Farby pre web
#3EBA9B
#F5E4AC
#FEAD34
#DA3C3D
#1E0413
*/

* { 
	box-sizing: border-box;
   margin: 0; 
}

/*Vypnutie šípočiek v inpute number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {	
	height: auto;
	margin: 0;
	padding: 0;
	background: #F5E4AC;
	font-size: .8em;
	font-family: calibri;
}

main {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #F5E4AC;
	color: #1E0413;
}


h2 {
	margin: .4em;
}

h3 {
	margin: .3em;
}

a {
	text-decoration: none;
	color: #1E0413;
	font-weight: bold;	
}

.nadpis {
	margin: 0;
	padding: .2em 0;
	background-color: #DA3C3D;
	color: white;	
	text-align: center;
}

.submit_button {
	color: white;
	font-weight: bold;
	background-color: #DA3C3D;
	border-color: #DA3C3D;
	opacity: .7;
}

	.submit_button:hover {
		opacity: 1;
	}

/*-------------------------------------------------------------------------------------------------*/
/*Menu*/
/*-------------------------------------------------------------------------------------------------*/

.img_plus {	
	display:  inline-block;
	margin: 1em 0em 1em 1em;
	width: 3em;
	position: fixed;
	margin: 2em 0em 1em 1em;
	right: .1em;
	bottom: 75%;
	z-index: 9;
}

	.img_plus:hover {
		width: 3.5em;
		height: 3.5em;
	}

.atributy_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: .1em;
	bottom: .1em;
	border:  solid 3px #1E0413;
	border-radius: 50%;	
	z-index: 9;
}

	.atributy_img:hover {
		width: 3.5em;
		height: 3.5em;
	}


.vaznica_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: 16em;
	bottom: .1em;
	border:  solid 3px #1E0413;
	border-radius: 50%;
	z-index: 9;
}

	.vaznica_img:hover {
		width: 3.5em;
		height: 3.5em;
	}

.lisovna_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: 12em;
	bottom: .1em;
	border:  solid 3px #1E0413;
	border-radius: 50%;
	z-index: 9;
}

	.lisovna_img:hover {
		width: 3.5em;
		height: 3.5em;
	}

.prevodlisovna_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: 8em;
	bottom: .1em;
	border:  solid 3px #1E0413;
	border-radius: 50%;
	z-index: 9;
}

	.prevodlisovna_img:hover {
		width: 3.5em;
		height: 3.5em;
	}

.pivnica_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: 4em;
	bottom: .1em;
	border:  solid 3px #1E0413;
	border-radius: 50%;
	z-index: 9;
}

	.pivnica_img:hover {
		width: 3.5em;
		height: 3.5em;
	}

.nahlad_img {	
	display:  inline-block;
	width: 3em;
	position: fixed;	
	margin: 2em 0em 1em 1em;	
	right: .1em;
	bottom: 4em;
	border:  solid 3px #1E0413;
	border-radius: 50%;
	z-index: 9;
}

	.nahlad_img:hover {
		width: 3.5em;
		height: 3.5em;
	}


.spat {
	margin: .1em;
	width: 3em;
	background-color: #FEAD34;
	border-radius: 55%;
}

	.spat:hover {
	opacity: 0.7;
}

/*obr diskety*/
.ulozit {
	
	margin: 1em 0em 1em 1em;
	max-width: 3em;
	position: fixed;
	right: .1em;
	bottom: 8em;
}

	.ulozit:hover {
		max-width: 3.5em;
	}



.spat_img {
	margin: 1em;
	max-width: 3em;
	background-color: #3EBA9B;
	border-radius: 50%;

}

	.spat_img:hover {
		max-width: 3.5em;
	}

.krokspat {
	max-width: 1em;
	font-size: bold;
}

	.krokspat:hover {
			max-width: 1.5em;
		}

.delete {
	max-width: 1em;
	font-size: bold;	
}

	.delete:hover {
			max-width: 1.5em;
		}

.submit_delete {
	display: inline-block;	
	max-width: 10em;	
	background-color: #DA3C3D;
	color: white;
	font-weight: bold;
	opacity: 1;
}

	.submit_delete:hover {
		background-color: #DA3C3D;
		color: white;
		opacity: .8;
	}

.submit_krokspat {
	display: inline-block;	
	max-width: 10em;	
	background-color: #FEAD34;
	color: black;
	font-weight: bold;
	opacity: 1;
}

	.submit_krokspat:hover {
		background-color: #FEAD34;		
		opacity: .8;
	}

.pencil {
	width: 1em;
	fill: #DA3C3D;
	opacity: 0.7;
}

	.pencil:hover {
		width: 1em;
		opacity: 1;
	}

.kos {
	width: 1em;
	fill: #DA3C3D;
	opacity: 0.7;
}

	.kos:hover {
		width: 1em;
		font-weight: bold;
		opacity: 1;
	}

	.kontakty_dodavatel {
	width: 1em;
	fill: #DA3C3D;
	opacity: 0.7;
}

	.kontakty_dodavatel:hover {
		width: 1em;
		font-weight: bold;
		opacity: 1;
	}

	.back {
	display: block;
	margin: 0 auto;
	width: 6em;
	fill: #DA3C3D;
	opacity: 0.7;
}

	.back:hover {
		width: 7em;
		fill: #DA3C3D;
		opacity: 1;
	}

	.button_link {
	display: inline-block;
	width: 12.3em;
	background-color: #DA3C3D;
	padding: .3em;
	margin: .4em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #DA3C3D;
	opacity:  0.7;	
}

	.button_link:hover {
	background-color: #DA3C3D;
	opacity:  1;
}

/*---------------------------------------------------------------------------*/
/*Vážnica*/
/*---------------------------------------------------------------------------*/



.tabulka_vaznica {		
	width: 100%;
	margin:0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.2em;	
}


.tabulka_vaznica th {	

	 color: white;	 
	 background-color: #DA3C3D;
}

	.tabulka_vaznica_nadpisy th {
		border: solid 1px white;
		padding: 0;
		margin: 0;
	}


	.tabulka_vaznica td {	
		border: solid 1px #DA3C3D;			
		padding: 0 .1em 0 .1em;
		margin: 0;
		text-align: center;
	}

		.tabulka_vaznica select {		
			width: 100%;	
			margin: 0;
			padding: 0;
			text-align: center;
		}

				.tabulka_vaznica input {		
			width: 100%;	
			margin: 0;
			padding: 0;
			text-align: center;
		}



.td_fix_id { width: 4%; }
	.td_fix_id input { width: 100%; padding: 0; }

.td_fix_datum { width: 8%; padding: 0; font-size: .7em;}	

.td_fix_odroda { width: 21%; }
	.td_fix_odroda input { width: 100%; padding: 0; }

.td_fix_brutto { width: 6%; }
	.td_fix_brutto input { width: 100%; padding: 0; }

.td_fix_tara { width: 6%; }
	.td_fix_tara input { width: 100%; padding: 0; }

.td_fix_netto { width: 6%; }
	.td_fix_netto input { width: 100%; padding: 0; }

.td_fix_dodavatel { width: 13%; }
	.td_fix_dodavatel input { width: 100%; padding: 0; }

.td_fix_privlastok { width: 5%; }
	.td_fix_privlastok input { width: 100%; padding: 0; }

.td_fix_spz { width: 8%; }
	.td_fix_spz input { width: 100%; padding: 0; }

.td_fix_cislo_osvedcenia { width: 13%; }
	.td_fix_cislo_osvedcenia input { width: 100%; padding: 0; }

.td_fix_poznamka { width: 10%; }
	.td_fix_poznamka input { width: 100%; padding: 0; }


/*Farba názvu odrody v taskbare*/
/*Biele vína*/
.whitecolor {background-color: #B8860B; font-weight: bold; padding: 0;}
/*Červené vína*/
.redcolor {background-color: #DA3C3D; font-weight: bold; padding: 0;}
/*Ružové vína*/
.rosecolor {background-color: #FF1493; font-weight: bold; padding: 0;}
/*Ovocné vína*/
.ovocnecolor {background-color: #9400D3; font-weight: bold; padding: 0;}

.perlivecolor {background-color: #0000FF; font-weight: bold; padding: 0;}

/*---------------------------------------------------------------------------*/
/*Lisovna*/
/*---------------------------------------------------------------------------*/

.tabulka_lisovna {		
	width: 100%;
	padding: 0 .1em 0 .1em;
	margin:0 auto; 
	padding: 0 .1em 0 .1em;
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_lisovna th {	
	 
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
		border: solid 1px white;
		padding: 0;
		margin: 0;
	}




	.tabulka_lisovna td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;
		text-align: center;
	}

		.tabulka_lisovna input {	
			width: 100%;		
			margin: 0;
			padding: 0;
			text-align: center;
		}


.td_fix_id_lis { width: 5%; }
	.td_fix_id_lis input { width: 100%; }

.td_fix_odroda_lis { width: 30%; }
	.td_fix_odroda_lis input { width: 100%; }

.td_fix_dodavatel_lis { width: 25%; }
	.td_fix_dodavatel_lis input { width: 100%; }

.td_fix_privlastok_lis { width: 5%; }
	.td_fix_privlastok_lis input { width: 100%; }

.td_fix_cukor_lis { width: 5%; }
	.td_fix_cukor_lis input { width: 100%; }

.td_fix_lis_lis { width: 5%; }
	.td_fix_lis_lis input { width: 100%; }

.td_fix_tank_lis { width: 15%; }
	.td_fix_tank_lis input { width: 100%; }

.td_fix_hustota { width: 10%; }
	.td_fix_hustota input { width: 100%; }


/*---------------------------------------------------------------------------*/
/*Prevod z lisovne do pivnice*/
/*---------------------------------------------------------------------------*/

.tabulka_prevod {
	width: 100%;
	margin:0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_prevod th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
}


.tabulka_prevod_nadpisy th {	
	    border: solid 1px white;
		padding: 0;
		margin: 0;
}

.tablulka_prevod_vnorena_nadpisy {
		width: 100%;
	  text-align: center;
}


.tabulka_prevod td {
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;		
}

.tabulka_prazdna_lisovna {
	 width: 100%;
	 border: solid 2px #DA3C3D;
	 text-align: center;
}


/*Tank lisovňa*/
.prevod_nadpis1 {width: 10%; text-align: center;}
/*Vnorená tabuľka, kde sú nadpisy pre Č.v. lístka, Odroda, Dodávateľ, Cukor, Hustota*/
.prevod_nadpis2 {width: 70%;}
/*Kam to ide do pivnice*/
.prevod_nadpis3 {width: 10%;}
	.tank_do_pivnice {width: 100%;}
	.tank_prevod_lisovna {width: 100%;}
/*Submit button prevedenia do pivnice*/
.prevod_nadpis4 {width: 10%; text-align: center;}

.prevod_tank_lisovna {
	text-align: center;
}

.tabulka_prevod_vnorena {
	width: 100%;
}

.tabulka_prevod_vnorena td {
	border: none;
}
/*Č. Vážneho lístka*/
.prevod_th_table1 {
	font-weight: bold; 
	color: white; 
	width: 15%;	
}
/*Odroda*/
.prevod_th_table2 {
	font-weight: bold; 
	color: white; 
	width: 35%;
	text-align: left;
}

/*Dodávateľ*/
.prevod_th_table3 {
	font-weight: bold; 
	color: white; 
	width: 25%;	
	text-align: left;
}

/*Prívlastok*/
.prevod_th_table4 {
	font-weight: bold; 
	color: white; 
	width: 5%;	
	text-align: left;
}

/*Cukor*/
.prevod_th_table5 {
	font-weight: bold; 
	color: white; 
	width: 10%;	
}
/*Hustota*/
.prevod_th_table6 {
	font-weight: bold; 
	color: white; 
	width: 10%;	
}

/*Hodnoty vo vnorenej tabuľke, kde sú Č.v. Lístka, Odroda, Dodávateľ, Cukor, Hustota*/
.vnorene_prevod1 {width: 15%; text-align: center;}
.vnorene_prevod2 {width: 35%;}
.vnorene_prevod3 {width: 25%;}
.vnorene_prevod4 {width: 5%;}
.vnorene_prevod5 {width: 10%; text-align: center;}
.vnorene_prevod6 {width: 10%; text-align: center;}

.poslat_prevod {
	width: 2em;	
	height: 2em;	
}

	.poslat_prevod:hover {
	opacity: .8;	
	width: 3em;
	height: 2em;
}

/*---------------------------------------------------------------------------*/
/*Pivnica*/
/*---------------------------------------------------------------------------*/

.tabulka_pivnica {
	width: 100%;
	margin:0 auto;
	padding: 0 .1em 0 .1em; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_pivnica th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
	}

.tabulka_pivnica_nadpisy th {	
	  border: solid 1px white;
		padding: 0;
		margin: 0;
}

.tabulka_pivnica td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;
		text-align: center;
	}

			.tabulka_pivnica input {	
			width: 100%;		
			margin: 0;
			padding: 0;

		}


.td_edit 			{width: 5%; }
.td_id 			{width: 5%; }
/*.td_vazny 		{width: 15%; }*/
/*.td_historia	{width: 10%; }*/
/*.td_tanklisovna {width: 10%; }*/
.td_udaje 		{width: 50%; }	
.td_tank1 		{width: 5%; }
/*.td_pretacka	{width: 10%; }*/
.td_litre 		{width: 9%; }
	.td_litre input {width: 100%; text-align: center;}
.td_faza 		{width: 8%; }
	.td_faza input {width: 100%; text-align: center;}
.td_submit 		{width: 8%; }
.td_dosledovanie {width: 10%; }

.tabulka_pivnica_vnorena_nadpisy {
		width: 100%;
	    font-weight: bold;
}

.pivnica_th_table1 {
	color: white; 
	width: 15%;	
	text-align: center;
}
.pivnica_th_table2 {
	color: white; 
	width: 45%;
	text-align: center;
}
.pivnica_th_table3 {
	color: white; 
	width: 40%;	
	text-align: center;
}


.tabulka_pivnica_vnorena  {	
	width: 100%;
}

.vnorene_pivnica1 {width: 15%;}
.vnorene_pivnica2 {width: 45%;}
.vnorene_pivnica3 {width: 40%;}

/*---------------------------------------------------------------------------*/
/*Tank 2*/
/*---------------------------------------------------------------------------*/


.tank2_td1 {width: 15%;}
.tank2_td2 {width: 15%;}
.tank2_td3 {width: 15%;}
.tank2_td4 {width: 15%;}
	.tank2_td4 input {text-align: center;}
.tank2_td5 {width: 15%;}
.tank2_td6 {width: 25%;}



/*---------------------------------------------------------------------------*/
/*Dosledovanie*/
/*---------------------------------------------------------------------------*/

.tabulka_dosledovanie_th {
	width: 100%;	
}

.dosledovanie_th1 {
	width: 10%;
	color: white;	
	background-color: #DA3C3D;		
}

.dosledovanie_th2 {
	width: 10%;
	color: white;	
	background-color: #DA3C3D;		
}

.dosledovanie_th3 {
	width: 10%;
	color: white;	
	background-color: #DA3C3D;		
}

.dosledovanie_th4 {
	width: 70%;
	color: white;	 
	background-color: #DA3C3D;
}


.tabulka_dosledovanie_th_vnorena {
	width: 100%;
	font-weight: bold;
	color: white;	 
}

.tabulka_dosledovanie_vnorena {
	width: 100%;
}


.dosledovanie_td1 {	width: 10%; }
.dosledovanie_td2 {	width: 30%; }
.dosledovanie_td3 {	width: 30%; }
.dosledovanie_td4 {	width: 30%; }




/*---------------------------------------------------------------------------*/
/*footer*/
/*---------------------------------------------------------------------------*/

footer
	{		
		text-align: center;
		margin-top: 1em;
		color: #DA3C3D;
	}	

.logout a {
	color: #DA3C3D;
}

.menu {
	margin: 0;
	text-align: center;
	padding: 0;	
}

	.menu {		
		display: block;
		width: 100%;
		text-align: center;			
		opacity: 0.8;
		list-style: none;		
		font-weight: bold;	
	}

	.menu:hover {
		opacity: 1;
	}


.vyrobil {
			width: 100%;
			text-align: center;
		 	opacity: .7;
		 	z-index: 1;
		 }

/*---------------------------------------------------------------------------*/
/*Atribúty*/
/*---------------------------------------------------------------------------*/

.table_atributy {	
	margin: 0 auto;	
}

.td_atributy_text {
	color: #DA3C3D;
	width: 7em;
	text-align: center;
	vertical-align: top;
}

.td_atributy_svg {
	color: #DA3C3D;
	width: 7em;
	margin: 0 auto;
}

.flasa_atribut {
	width: 5em;
	max-height: 10em;
}

.table_atributy svg {	
	width: 100%;
	margin: 0 auto;	
	opacity: .7;
	fill: #DA3C3D;
	max-height: 8em;	
}

	.table_atributy svg:hover {
		opacity: 1;
		fill: #DA3C3D;
	}



/*---------------------------------------------------------------------------*/
/*Odroda*/
/*---------------------------------------------------------------------------*/

.tabulka_odroda {
	width: auto;
	margin:0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_odroda th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
}

	.tabulka_odroda td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;
		text-align: center;
	}

		.tabulka_odroda input {	
			width: 100%;		
			margin: 0;
			padding: 0;
			text-align: center;
		}


.td_odroda_edit {max-width: 2%;}
.td_odroda_nazov {max-width: 30%;}
	.td_odroda_nazov input {width: 100%;}
.td_odroda_farba {max-width: 5%;}
	.td_odroda_farba select {width: 100%;}
.td_odroda_poznamka {max-width: 40%;}
	.td_odroda_poznamka input {width: 100%;}

/*---------------------------------------------------------------------------*/
/*Tanky*/
/*---------------------------------------------------------------------------*/

.tabulka_tanky {
	width: auto;
	margin:0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_tanky th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
}

	.tabulka_tanky td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;
		text-align: center;
	}

		.tabulka_tanky input {	
			width: 100%;		
			margin: 0;
			padding: 0;
			text-align: center;
		}


.td_tanky_edit {max-width: 2%;}
.td_tanky_nazov {max-width: 30%;}
	.td_tanky_nazov input {width: 100%;}
.td_tanky_farba {max-width: 5%;}
	.td_tanky_farba select {width: 100%;}
.td_tanky_poznamka {max-width: 40%;}
	.td_tanky_poznamka input {width: 100%;}


/*---------------------------------------------------------------------------*/
/*dodavatel*/
/*---------------------------------------------------------------------------*/

.tabulka_dodavatel {
	width: auto;
	margin:0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.1em;	
}

.tabulka_dodavatel th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
}

	.tabulka_dodavatel td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0;
		text-align: center;
	}

		.tabulka_dodavatel input {	
			width: 100%;		
			margin: 0;
			padding: 0;
			text-align: center;
		}


.td_dodavatel_edit {width: 4%;}
.td_dodavatel_nazov {width: 15%;}
	.td_dodavatel_nazov input {width: 100%;}
.td_dodavatel_stat {width: 7%;}
	.td_dodavatel_stat input {width: 100%;}
.td_dodavatel_mesto {width: 12%;}
	.td_dodavatel_mesto input {width: 100%;}
.td_dodavatel_ulica {width: 11%;}
	.td_dodavatel_ulica input {width: 100%;}
.td_dodavatel_cislo {width: 5%;}
	.td_dodavatel_cislo input {width: 100%;}
.td_dodavatel_psc {width: 5%;}
	.td_dodavatel_psc input {width: 100%;}
.td_dodavatel_ico {width: 7%;}
	.td_dodavatel_ico input {width: 100%;}
.td_dodavatel_dic {width: 7%;}
	.td_dodavatel_dic input {width: 100%;}
.td_dodavatel_ic_dph {width: 7%;}
	.td_dodavatel_ic_dph input {width: 100%;}
.td_dodavatel_poznamka {width: 15%;}
	.td_dodavatel_poznamka input {width: 100%;}
.td_dodavatel_kontakt {width: 5%;}
}

/*---------------------------------------------------------------------------*/
/*Kontakty*/
/*---------------------------------------------------------------------------*/

.tabulka_kontakt {
	width: 100%;
	margin: 0 auto; 
	border: solid 2px #DA3C3D;	
	margin-top: 0.5em;	
}

.tabulka_kontakt th {   
	 margin:0 auto;	 
	 border: solid 2px #DA3C3D;
	 color: white;	 
	 background-color: #DA3C3D;
}

	.tabulka_kontakt td {			
		border: solid 1px #DA3C3D;			
		padding: 0em;
		margin: 0 auto;
		text-align: center;
	}

		.tabulka_kontakt input {	
			width: 100%;		
			margin: 0;
			padding: 0;
			text-align: center;
		}


.td_kontakt_edit {width: 4%;}
.td_kontakt_krstne {width: 15%;}
	.td_kontakt_krstne input {width: 100%;}
.td_kontakt_priezvisko {width: 15%;}
	.td_kontakt_priezvisko input {width: 100%;}
.td_kontakt_pozicia {width: 10%;}
	.td_kontakt_pozicia input {width: 100%;}
.td_kontakt_email {width: 10%;}
	.td_kontakt_email input {width: 100%;}
.td_kontakt_tel {width: 15%;}
	.td_kontakt_tel input {width: 100%;}
.td_kontakt_id_vyrobca {width: 15%;}
	.td_kontakt_id_vyrobca select {width: 100%;}
.td_kontakt_poznamka {width: 16%;}
	.td_kontakt_poznamka input {width: 100%;}


/*---------------------------------------------------------------------------*/
/*Login, Register*/
/*---------------------------------------------------------------------------*/

	.login, .register, .reset {
		margin: 0 auto;
		max-width: 18em;		
		font-size: 1.3em;
	}

	.logininput, .registerinput, .resetinput {
		width: 100%;
	}

	.login h2, .register h2, .reset h2 {
		text-align: center;
		padding: .5em;
	}

	.login h3, .register h3, .reset h3 {
		text-align: center;
		padding: .4em;
	}

	.login p, .register p, .reset p {		
		padding: .3em;
	}

	.login_button, .register_button, .reset_button {
		background: #DE1B1B;
		border: #DE1B1B;
		color: #F9F3C5;
		font-size: 1.5em;
		font-weight: bold;	
		display: inline-block;
		padding: .4em;
		border-radius: .2em;
	}

		.login_button:hover {
			background: #FE002B;			
		}

		.register_button:hover {
			background: #FE002B;			
		}

		 .reset_button:hover {
			background: #FE002B;
			padding: .2em;
			font-size: 1.1em;
		}

	.zaregistrujtesa, .prihlastesa, .zrusit {
		text-decoration: none;
		color: #DE1B1B;
	}

		.zaregistrujtesa:hover {
			color: #FE002B;
			font-size: 1.2em;
		}

		.prihlastesa:hover {
			color: #FE002B;
			font-size: 1.2em;
		}

	.button_ram {
		text-align: center;
		margin: 1em 0;
	}

	.vystraha {
		color: #E9E581;
		font-weight: bold;
	}

/*---------------------------------------------------------------------------*/
/*DELETE*/
/*---------------------------------------------------------------------------*/

#delete_button {		
					display: inline-block;
					margin: 1em auto;
					padding: 1em;
					border-radius: .3em;
					background-color: #DE1B1B;
					border-color: #DE1B1B;
					color: #fff;
					font-size: 1.1em;
					font-weight: bold;
					text-align: center;
				}

					#delete_button:hover {
						background-color: #DE1B1B;
						opacity: .7;
						cursor: pointer;
					}

#delete_nie {
					display: inline-block;
					margin: 1em auto;
					padding: 1.1em 1.2em 1.1em 1.2em;
					border-radius: .3em;
					background-color: green;
					border-color: green;
					color: #fff;
					font-size: 1.1em;
					font-weight: bold;
					text-align: center;
}

					#delete_nie:hover {
						background-color: green;
						opacity: .7
					}