/* CSS Document */
* {
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body {
  background: #3b3b3b url(components/wall-fp.jpg) top center fixed no-repeat;
  padding: 0px;
  margin: 0px;
  color: silver;
}
.cl {
	clear: both;
}

.ppadding{padding: 10px 25px; text-align: center;}

.logo {
	width: 100%;
	max-width: 903px;
	height: auto;
	margin: 25px auto 30px auto;
}
.logo img {
max-width: 100%;
height: auto;
text-align: center;
box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.boxes {
	max-width: 1200px;
	width: 100%;
	left: 50%;
	right: 50%;
	display: inline-flex;
	flex-wrap: wrap;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.main-cont {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.go-edit-index{
    padding: 0px!important ; height: 23px!important; max-width: 80px;
}
.boxes .box1 {
	background: url(components/fb-1.png) no-repeat;
	width: 100%;
	max-width: 395px;
	height: 561px;
	left: 50%;
	right: 50%;
	float: left;
	margin: 10px auto 0px auto;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.boxes .box3 {
	background: url(components/fb-3.png) no-repeat;
	width: 100%;
	max-width: 395px;
	height: 561px;
	left: 50%;
	right: 50%;
	float: left;
	margin: 10px auto 0px auto;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.boxes .box1 .head, .boxes .box3 .head {
	width: 330px;
	height: 63px;
	margin: auto;
	font: bold 22px/63px Arial;
	color: white;
	text-align: center;
	text-decoration: underline;
}
.boxes .box1 .body, .boxes .box3 .body {
	width: 330px;
	margin: auto;
	padding: 0px 20px 0px 20px;
	font: normal 13px/21px Arial;
	color: black;
	text-align: center;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.boxes .link-main a {
    display: block;
	 margin: 40px auto 0px auto;
    background: url(components/main-link-o.jpg);
    height: 38px;
	 border-radius: 6px;
    width: 190px;
    font: bold 15px/38px Arial;
    color: white;
	 letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #FFA02B;
	 transition: all .3s ease;
}

.boxes .link-main a:hover {
    display: block;
    background: url(components/main-link.jpg);
    height: 38px;
    width: 190px;
    font: bold 15px/38px Arial;
    color: black;
    text-decoration: none;
    text-align: center;
    border: 1px solid #FFA02B;
}

/*prihlaseni*/

.log-tab {
	margin: 15px 0px 0px 10px;
	padding: 7px;
	width: 300px;
	text-align: left;
}
.log-tab .input {
	width: 170px;
	padding: 3px;
	background: #E9EEF7;
	border: 1px solid silver;
	border-radius: 4px;
}
.log-tab .go {
	background: url(components/main-link-o.jpg) center repeat-x;
	height: 25px;
	display: block;
	padding: 3px 8px 3px 8px;
	text-align: center;
	color: white;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid silver;
}
.boxes a,.footer-f a{
	color: #CE7200; text-decoration: underline;
}
.boxes a:hover, .footer-f a:hover {
	color: gray; text-decoration: none;
}
.footer-f {
   text-align: center;
	font: normal 15px/25px Arial;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.vo-box{width: 600px; margin: 0 auto; float: none; background-color: rgba(127,127,127,0.5); border-radius: 6px; padding: 40px;}

.ml20{    margin-right: 100px; float: right;}
.vo-box{font-family: Arial;}
.vo-box h1{font-size: 28px; text-align: center; color: white;}
.vo-box .label{font-weight: bold; color: white;     font-size: 20px;}
.vo-box input[type="text"]{width: 300px; margin-left: 30px; line-height: 30px;     margin-bottom: 10px;}
.vo-box input[type="password"]{width: 300px; margin-left: 30px;  line-height: 30px;     margin-bottom: 10px;}
.vo-box .log-tab .go{margin-right: 0px;     height: 35px; float: right;}
.alert-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}