/* CSS Document */

form {
    float: left;
    border: 1px solid #ddd;
    padding: 30px 40px 20px 20px;
		margin: 5px 0 40px 60px;
    width: 800px;
    background: #fff;
    /* -- CSS3 - define rounded corners -- */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

/* -- CSS3 - create a background gradient
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF));
background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);   */

/* -- CSS3 - add a drop shadow -- */
-webkit-box-shadow:0px 0 50px #ccc;
-moz-box-shadow:0px 0 50px #ccc;
box-shadow:0px 0 50px #ccc;
}

form p {
		font-size: 13px;
		color: #666;
		text-align: left;
		display: block;
		margin: 4px 0 20px 0;
		border: 0px solid red;
		vertical-align: middle;
}

label {
		width: 220px;
		float: left;
		padding: 8px;
		/*margin: 4px 0 20px 0; */
		text-align: right;
}


input, select, textarea {
    padding: 8px;
		/* margin: 4px 0 20px 0; */
    background: #fff;
    width: 220px;
    font-size: 14px;
    color: #555;
    /* border: 1px #ddd solid; */
}

input.pocet, input.radio{
		width: 30px;
}

input:hover, select:hover, textarea:hover {
    background: #eee;
}

input.submit {
    width: 150px;
    color: #eee;
    text-transform: uppercase;
    margin-top: 10px;
    background-color: #de551f;
    border: none;
}

input.submit:hover {
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa;
    box-shadow: 0px 0px 20px #555;
    cursor:  pointer;
}

fieldset { border: 1px solid #de551f;
					width: 800px;
					margin: 0 0 20px 0;
}

legend {
					color: #fff;
					background: #de551f;
					border: 1px solid #de551f;
					padding: 2px 6px;
					margin: 0 0 15px 10px;
					font-size: 15px;
}

#user-message {
    float: right;
    width: 405px;
}

textarea {
    width: 390px;
    height: 175px;
}

@media screen and (min-width: 280px) and (max-width: 980px){
form {
    float: left;
    border: 1px solid #ddd;
    padding: 20px 20px 20px 20px;
    margin: 5px 0 10px 5px;
    width: 85%;
    background: #fff;
    /* -- CSS3 - define rounded corners -- */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

/* -- CSS3 - create a background gradient
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF));
background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);   */

/* -- CSS3 - add a drop shadow -- */
-webkit-box-shadow:0px 0 50px #ccc;
-moz-box-shadow:0px 0 50px #ccc;
box-shadow:0px 0 50px #ccc;
}

form p {
		font-size: 13px;
		color: #666;
		text-align: left;
		display: block;
		margin: 4px 0px 20px 0px;
		border: 0px solid red;
		vertical-align: middle;
}

label {
		width: 85%;
		float: left;
		padding: 8px;
		/*margin: 4px 0 20px 0; */
		text-align: left;
		border: 0px solid red;
}

input, select, textarea {
    padding: 8px;
		/* margin: 4px 0 20px 0; */
    background: #fff;
    width: 85%;
    font-size: 14px;
    color: #555;
    border: 1px #ddd solid;
}

input.pocet, input.radio{
		width: 30px;
}

fieldset {
					border: 1px solid #de551f;
					max-width: 95%;
					margin: 0 0 20px 0;
}

textarea {
    max-width: 100%;
    height: auto;
}
}

input[type=radio].lhota {
		width:20px;
		height:20px;
		position:relative;
		top:2px
}

input[type=checkbox].lhota {
		width:20px;
		height:20px;
		position:relative;
		top:2px
}

@media screen and (min-width: 280px) and (max-width: 980px){
input[type=radio].lhota {
		width:30px;
		height:30px;
		position:relative;
		top:6px
}

input[type=checkbox].lhota {
		width:30px;
		height:30px;
		position:relative;
		top:6px
}

input[type=reset].lhota, input[type=submit].lhota {
		text-align: center;
		width: 95%;
		position:relative;
		height: 75px;
}
}