body
{
	font-family: Arial, Helvetica, sans-serif;
}

/* Full-width input fields */
input[type=text],
input[type=password]
{
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border-top: 1px solid #fff;
	box-sizing: border-box;
}

/* Set a style for all buttons */
button
{
	background-color: #FFCA3B;
	color: white;
	padding: 14px 20px;
	margin: 28px 0;
	border: none;
	cursor: pointer;
	width: 40%;
}

@media (max-width: 480px) {
   button
	{
		background-color: #FFCA3B;
		color: white;
		padding: 14px 20px;
		margin: 28px 0;
		border: none;
		cursor: pointer;
		width: 70%;
	}

 }



.napis
	{
		float:right;
	}

@media (max-width: 480px) {
   .napis
	{
		display:none;
	}

 }

button:hover
{
	opacity: 0.8;
}

h1.title
{
	color: white;
	padding-top: 120px;
	font-size: 40px;
	font-family: Helvetica;
}

h2.title
{
	color: white;
	padding-top: 30px;
	padding-bottom: 60px;
	font-size: 20px;
	font-family: Helvetica;
	text-align: center;
}

label
{
	color: white;
}

h1.text
{
	color: white;
	font-size: 45px;
	font-family: Helvetica;
	text-align: center;
}

h2.text
{
	color: white;
	font-size: 25px;
	font-family: Helvetica;
	text-align: center;
}


/* Center the image and position the close button */
.imgcontainer
{
	text-align: center;
	margin: 64px 0 12px 0;
	position: relative;

}

.imgcontainer2
{
	text-align: left;
	margin: 64px 0 0 0;
	/*position: relative;*/
	background-color: #000;
	min-height: 182px;
	clear: both;
}

a
{
	text-decoration:none;
}




div.avatar_left
{
	width: 90%;
	margin-top: 94px;
	margin-left: 91px;
	margin-right: 91px;
	display: block;
	/*border: 1px solid green;*/
}

div.avatar_right
{
	float:right;
	display: block;
	margin-right: 91px;
	margin-top: -48px;

}

@media (max-width: 480px) {
   div.avatar_right
	{
		float:right;
		display: block;
		margin-right: 91px;
		margin-top: 48px;

	}
 }

div.rec_right
{
	float:right;
	display: inline-block;
	margin:0;
	padding:0;
	margin-top:17px;
}


div.rec_container
{
	margin-top:195px;
	width:182px;
	padding:0;
}

img.avatar
{
	width: 30%;
	border-radius: 50%;
	
}

img.avatar2
{
	width: 35%;
}

/*
style do strony startowej
*/


.container
{
	

}

.container_form
{
	

}
.start_container_left
{
	float:left;
	display: inline;
	margin-top: 55px;
	margin-left:0;
	margin-right:0;
	height:74%;
	width:50%;
}
.start_container_right
{
	float:right;
	display: inline;
	margin-top: 55px;
	margin-left:0;
	margin-right:0;
	height:74%;
	width:50%;
	
}

.start_lb
{
	width:100%;
	height:50%;
	background-color: #162B62;
}

.start_la
{
	width:100%;
	height:50%;
	background-color: #E47C19;
}

.start_dd
{
	width:100%;
	height:50%;
	background-color: #162B62;
}

.start_lg
{
	width:100%;
	height:50%;
	background-color: #E47C19;
}
.start_pg
{
	width:100%;
	height:50%;
	background-color: #FFCA3B;
}

.start_ld
{
	width:100%;
	height:50%;
	background-color: #FFCA3B;
}
.start_pd
{
	width:100%;
	height:50%;
	background-color: #162B62;
}

.start_container_left_all
{
	float:left;
	display: inline;
	margin-bottom: -60px;
	margin-top: 20px;
	margin-left:0;
	margin-right:0;
	height:40%;
	width:99%;
	background-color: #000;

}

.start_container_left_a
{
	float:left;
	display: inline;
	margin-top: 55px;
	margin-left:0;
	margin-right:0;
	height:74%;
	width:33%;
}

@media (max-width: 480px) {
   .start_container_left_a
	{
		float:left;
		display: block;
		margin-top: 0;
		margin-left:0;
		margin-right:0;
		height:70%;
		width:100%;
	}

 }

.start_container_right_a
{
	float:right;
	display: inline;
	margin-top: 55px;
	margin-left:0;
	margin-right:0;
	height:74%;
	width:33%;
}


.start_lga
{
	width:50%;
	height:100%;
	background-color: #E47C19;
}
.start_sga
{
	width:50%;
	height:100%;
	background-color: #FFCA3B;
}

.start_pga
{
	width:50%;
	height:50%;
	background-color: #FFCA3B;
}

.start_lda
{
	width:50%;
	height:50%;
	background-color: #E47C19;
}
.start_sda
{
	width:100%;
	height:50%;
	background-color: #FFCA3B;
}

.start_pda
{
	width:100%;
	height:50%;
	background-color: #FFCA3B;
}

.t_w
{
	color: #fff;
}

.t_b
{
	color: #162B62;
}

.t_o
{
	color: #E47C19;
}

h3
{
	font-size: 46px;
	clear:left;
	margin-top: 60px;
	margin-left: 46px;
}

@media (max-width: 480px) {
	h3
	{
		font-size: 26px;
		clear:left;
		margin-top: 60px;
		margin-left: 46px;
	}
 }

.img_ic
{
	margin-top: 54px;
	margin-left: 46px;
}

.text_container
{
	display: block;
	padding-top: 170px;
	width: 100%;
}

span.psw
{
	float: right;
	padding-top: 16px;
}

/* The Modal (background) */
.modal
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #000000;
	/*background-color: rgb(0,0,0); *//* Fallback color */
	/*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}


.modal2
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #E47C19;
	/*background-color: rgb(0,0,0); *//* Fallback color */
	/*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

.login_modal
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #000000;

}

.visible
{
	display: block;
}

/* Modal Content/Box */
.modal-content
{
	background-color: #e47c19;
	margin: 0 auto 0 auto; /* 5% from the top, 15% from the bottom and centered */
	/*border: 1px solid #888;*/
	width: 60%; /* Could be more or less, depending on screen size */
}

.modal-content2
{
	background-color: #e47c19;
	margin: 0 auto 0 auto; /* 5% from the top, 15% from the bottom and centered */
	/*border: 1px solid #888;*/
	width:30%; /* Could be more or less, depending on screen size */
	padding-bottom: 0;
}

.b
{
	text-align:center;
}

.b2
{
	text-align:center;
	min-height:210px;
}


/* Modal Content/Box */
.new-modal-content
{
	background-color: #000;
	margin: 0 auto 5% auto; /* 5% from the top, 15% from the bottom and centered */
	/*border: 1px solid #888;*/
	width: 40%; /* Could be more or less, depending on screen size */
}



/* alerts */

.msg
{
	padding: 0 15px 0 15px;
}

.alert
{
	padding: 10px;
	background-color: #f44336;
	color: white;
	margin-bottom: 15px;
}

.info
{
	padding: 10px;
	background-color: #4CAF50;
	color: white;
	margin-bottom: 15px;
}

/* The close button */
.closebtn
{
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover
{
	color: black;
}


h1
{
	text-align: center;
}


a.reset
{
	display: block;
	margin: 5px 0 0 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}