﻿
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
background-color: #111;
}
#banner{
	margin: 20px;
	padding: 20px;
	height: 20%;
	text-align: center;
	color: white;
	background-color: #0081bd;
}
#regulamin{
	margin: 20px;
	padding: 10px;
	height: 20%;
	color: white;
	background-color: #2f2f2f;
	
}
#stopka{
	margin: 20px;
	padding: 10px;
	height: 20%;
	color: white;
	background-color: #0081bd;
	text-align: right;
}
#strona{
	margin: 20px;
	padding: 20px;
	height: 20%;
	text-align: center;
	color: white;
	background-color: #0081bd;
}
table{
	margin: auto;
}
td.tit{
	padding-top:5px;
	font-weight:bold;
	font-size:25px;
	color:#FFF;
}
td input{
height: 75px;
width: 195px;
}
td button {

    height: 75px;
    width: 110px;

}
#intruz table{
    font-size: 20px;
}
#intruz td input{
	margin: 5px;
	color: black;
	height: 30px;
	width: 200px;
}
#intruz td input[type=submit]{
	color: white;
	height: 40px;
	width: 100%;
}
.pass{
	color: white;
	font-size: 20px;
	background-color: green;
}
.komnied{
	color: white;
	font-size: 20px;
	background-color: red;
}
.kom{
border:#CCCCCC solid 1px;
text-align:center;
width:100px;
height:80px;
font-size:11px;
padding-top:3px;
background:#FF8383;
}
.komN{
border:#CCCCCC solid 1px;
text-align:center;
width:100px;
height:80px;
font-size:16px;
padding-top:3px;
background:#222;
}
.komA{
font-size:11px;
border:#CCCCCC solid 1px;
text-align:center;
width:100px;
height:80px;
background:#DAE9F3;
padding-top:3px;
}
#kalendarz td input{
height: 75px;
width: 105px;
}
#podsumowanie{
	width: 500px;
	height: 400px;
}
#podsumowanie td{
	background-color: #222;
}
#nie_mam_opon_form{
	width: 500px;
	height: 200px;
}
#nie_mam_opon_form td{
	background-color: #222;
}
#nie_mam_opon_form td input{
	color: black;
	height: 40px;
}
#nie_mam_opon_form td input[type=submit]{
	color: white;
	height: 40px;
}

.red{
	border-style: none;
	background: #ff3e3e;
	border-radius: 10px;
	color: #140000;
	padding: 20px;
}
.orange{
	border-style: none;
	background: #f99616;
	border-radius: 10px;
	color: #140000;
	padding: 20px;
}
.green{
	border-style: none;
	background: #1eb700;
	border-radius: 10px;
	color: white;
	padding: 20px;
	font-size: 20px;
}
input{
	cursor: pointer;

}
input:disabled{
	cursor: not-allowed;
}
.nav{
	height: 30px;
	width: 100%;
}


@media (max-width: 800px) { /* dla tel */
 
  #banner{
     display: none;
	}
}
@media (min-width: 800px) { /* dla PC */
 
  #banner img{
    max-width: 100%;
	}
}