*{
	font-family: 'Raleway', 'Lato', Arial, sans-serif;
}
.body {
display: block;
margin: 0px;


}
.backCol{
	position:fixed;
	left:0px;
top:0px;
	height:150%;
	width:100%;
background-color:#EBEBEB;
z-index:0;
}
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #ffffff;
  font-size: 14px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:0 none;
  cursor:pointer;
  display: inline-block;
}

.btn:hover {
  background: #3c88fa;
  text-decoration: none;
}
.mainPart {
	position:relative;
	z-index:5;
		width: 750px ;
  	margin-left: auto ;
  	margin-right: auto ;
		margin-top: 50px;
		margin-bottom: 100px;
		display: block;
		
background-color:#FFFFFF;
		box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);	
}
.mainTop{
    margin: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #f6f6f6;
    background-color: rgba(0,0,0,0.02);
    border-bottom: 1px solid #d0dada;
    padding: 20px;
}
.mainBot{
    vertical-align: middle;
    text-align: center;
}
.mainBot{
    margin: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #f6f6f6;
    background-color: rgba(0,0,0,0.02);
    border-top: 1px solid #d0dada;
}
.mainBot{
    vertical-align: middle;
    text-align: center;
}
.mainMid{
	padding:30px;
}

.submit {
	 	width: 400px ;
  	margin-left: auto ;
  	margin-right: auto ;
		margin-bottom: auto;
		margin-top: auto;
	
	
}
.nadpis1{
font-size: 24px;
color: #666666;
}
.nadpis2{
font-size: 19px;
color: #666666;
}
.odstavec{
font-family: Arial;
color: #2F3A91;
font-size: 15px;
padding: 3px;
}
.popisek{
font-family: Arial;
color: #2F3A91;
font-size: 13px;
padding: 0px;
font-weight:bold;

}

.input_label { 
-moz-border-radius: 5px 0 0 5px; 
-webkit-border-radius: 5px 0 0 5px; 
background: #EEE; 
border: 1px solid #CCC; 
border-radius: 5px 0 0 5px; 
border-right: 1px solid #FFF; 
display: inline-block; 
height: 36px; 
width: 275px; 
line-height: 36px; 
margin-right: 0; 
width: 80px!important; 
} 
#contact input[type=text] { 
-moz-border-radius: 0 5px 5px 0; 
-webkit-border-radius: 0 5px 5px 0; 
background: #FFF; 
border: 1px solid #CCC; 
border-radius: 0 5px 5px 0; 
color: #333; 
font: 13px/1.6 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif; 
height: 38px; 
line-height: 24px; 
margin: 0px 8px 0px -5px; 
outline: none; 
padding: 0 3px; 
width: 250px; 
} 
#contact input[type=password] { 
-moz-border-radius: 0 5px 5px 0; 
-webkit-border-radius: 0 5px 5px 0; 
background: #FFF; 
border: 1px solid #CCC; 
border-radius: 0 5px 5px 0; 
color: #333; 
height: 38px; 
line-height: 24px; 
margin: 0px 8px 0px -5px; 
outline: none; 
padding: 0 3px; 
width: 250px; 
} 
  .user label { 
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABARpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wUmlnaHRzOk1hcmtlZD0iVHJ1ZSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzFCNkEwRDExNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzFCNkEwRDIxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiPiA8ZGM6cmlnaHRzPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5ST1lBTFRZIEZSRUUgTElDRU5TRSA8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnJpZ2h0cz4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzFCNkEwQ0YxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzFCNkEwRDAxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FHaNQAAAAxUlEQVR42mL8//8/Azro7+8XAFLrgdgBKnQAiAMLCws/oKtlYsAOkDUzQNnrsSnEZYADkWI4DcAKgF5TINaAA9jEgGHwgFgDAtEMOQAVwwCM2GKBFMCCFnX1QFwAxKDoMoQ5Ger380AMUjMBKF6IzQv9UM0MUIX1SHL1UDEQKAAaOB/FC0CBABzxbAilz2MLJ6BDNsBcEI/Di+dxaIbrgRkQQEb4BZCckChOifgMOECG3gPIBoBS2QJo/BMCH6BqwSkTIMAAAGo3LoAv8NoAAAAASUVORK5CYII=) no-repeat 8px center; 
} 
  label { 
display: block; 
height: 36px; 
line-height: 36px; 
padding: 0 0 0 30px; 
} 

.submitButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-align: center;
	text-shadow:0px 1px 0px #ffffff;
}

.submitButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.submitButton:active {
	position:relative;
	top:1px;
}

.submitButtonDisabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-align: center;
	text-shadow:0px 1px 0px #ffffff;
}


.errorBox {
border: 1px solid;
    margin: 10px 0px;
    padding:5px 4px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
 color: #D8000C;
    background-color: #FFBABA;
    transition: all 0.5s ease-out;
    position:relative;
    font-size:14px;
    width: 750px ;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
z-index:100;
}

.succesBox {
z-index:100;
position:relative;
		width: 750px ;
color: #6E8A58;
background-color: #A5F765;
font-family: Arial;
	font-size:14px;
margin-left: auto ;
margin-right: auto ;
margin-top: 0px;
}