@font-face {
	font-family: Montserrat;
	src: url('Montserrat-Regular.ttf') format('truetype');
}

body		{ background-image: url('bg.svg'); 
		    font-family: Montserrat; font-size: 16px;
			background-position: center top;
			background-size: 100% auto;
			color: white;
			font-family: Montserrat!important;
		}
label {
	color: white;
	font-size: 18px;
}
#btn {
	color: #d21e67!important;
	border-radius: 6px;
	border: 1px solid #d21e67;
	margin-top: 10px;
	padding: 5px 20px 5px 20px;
	background: linear-gradient(90deg,#d21e67 50%, transparent 50%);
	background-clip: text;
	position: relative;
	font-family: Montserrat;
	font-size: 17px;
}
#btn:after {
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg,#162149 50%, transparent 50%);
	z-index: -1;
}
#btn, #btn:after {
	background-size: 300%;
	background-position: 100%;
	transition: .5s;
}
#btn:hover, #btn:hover:after {
	background-position: 0;
	color: white!important;
}
input 		{ font-family: Montserrat;
    		    font-size: 16px; background: #ffffff;
        	    BORDER-TOP-COLOR: #000000;
        	    BORDER-LEFT-COLOR: #000000;
        	    BORDER-RIGHT-COLOR: #000000;
        	    BORDER-BOTTOM-COLOR: #000000;
        	    BORDER-TOP-WIDTH: 1px;
        	    BORDER-LEFT-WIDTH: 1px;
        	    BORDER-BOTTOM-WIDTH: 1px;
        	    BORDER-RIGHT-WIDTH: 1px; 
				height: 40px;
			}
section img {
	height: 40px;
	margin: 5px;
}
section a {
	display: inline-block;
	margin: 20px;
}
section {
	box-shadow:0px 1px 0px 0px white;
	max-width: 60%;
}
table {
	background: transparent;
	font-family: Montserrat;
}
table a {
	color: white;
}
table img {
	height: 40px;
}
select 		{ font-family: Verdana, Arial, Helvetica, sans-serif;
    		    font-size: 12px; background: #ffffff;
        	    BORDER-TOP-COLOR: #000000;
        	    BORDER-LEFT-COLOR: #000000;
        	    BORDER-RIGHT-COLOR: #000000;
        	    BORDER-BOTTOM-COLOR: #000000;
        	    BORDER-TOP-WIDTH: 1px;
        	    BORDER-LEFT-WIDTH: 1px;
        	    BORDER-BOTTOM-WIDTH: 1px;
        	    BORDER-RIGHT-WIDTH: 1px; }
textarea 	{ font-family: Courier, Verdana, Arial, Helvetica, sans-serif;
    		    font-size: 12px; background: #ffffff;
                    BORDER-TOP-COLOR: #000000;
                    BORDER-LEFT-COLOR: #000000;
                    BORDER-RIGHT-COLOR: #000000;
                    BORDER-BOTTOM-COLOR: #000000;
                    BORDER-TOP-WIDTH: 1px;
                    BORDER-LEFT-WIDTH: 1px;
                    BORDER-BOTTOM-WIDTH: 1px;
                    BORDER-RIGHT-WIDTH: 1px; }
h1		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 28px; }
h2		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; }
h3		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }
small		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
td.zaloguj 	{ background: #ffffff url(logotype-enternet_fuchsia.svg) no-repeat 0px 0px; }
td.nag 		{ font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #FFFFFF; 
		    font-size: 12px; font-weight: normal; text-align: right;}
td.firma 	{ color: #000000; font-size: 12px; font-weight: bold; }
td 		{ color: white;}

tr.ctr1 	{ background: #9b1a4d; }
tr.ctr2 	{ background: #8a1846; }
tr.ctr_infra_zazn       { background: #ffff00; }
tr.ctr_infra_wyl        { background: #999999; }
tr.ctr_user_zalega      { background: #ffff00; }
tr.ctr_user_zazn        { background: #999999; }

font.warn 	{ color: #d21e67; font-weight: bold; }
font.info 	{ color: #d21e67; font-weight: normal; }
font.firma 	{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #d21e67;  
		    font-size: 20px; font-weight: normal; }
span.nag 	{ margin-left: 5px; } 
span.witaj 	{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		    font-size: 20px; font-weight: normal; }
A:link 		{ color: white; text-decoration: none; }
A:visited 	{ color: white; text-decoration: none; }
A:active 	{ color: #d21e67; text-decoration: none; }
A:hover 	{ color: #d21e67; text-decoration: none; }