/* forms */
/* polozka formulare */
form {}
form .kontik {
  overflow: hidden;
  height: 80px;
}
form .kontik .form-toggle {
  display: block;
  float: right;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  line-height: 40px;
  cursor: pointer;
  margin-top: 28px;
  background: #b48534;
  width: 40px;
  height: 40px;
  border-radius: 21px;
  border: 1px solid #b48534; 
}
form .kontik.active .form-toggle {
  font-size: 80px;
  line-height: 20px;
  color: #b48534;
  background: #ffffff;
}
form .kontik .hide, .hide {
  display: none;
}
form .kontik.active .hide {
  display: block;
}
form .item {
  float: left;
  position: relative;
  margin: 0 1em 1em 0;  
}
form #note.item {
  float: right;  
}
.no-float, a.no-float, .item.no-float, .submit-button.no-float {
  float: none;
}
.item label {
  line-height: 1.6em;
  width: auto;
  display: block;
}

.item.label-colapse label {
  position: absolute;
  left: 4px;
  top: 4px;
  color: #888888;
  /*
  filter:alpha(opacity=60);
  -moz-opacity:.60;
  opacity:.60;
  */
}
.item.float-label label {
  float: left;
  width: auto;
  margin-right: 1em;
}
.item.long-label label {
  width: 205px;
}
.item.middle-label label {
  width: 155px;
}
.item.short-label label {
  width: 55px;
}
.item .misto-label {
  float: left;
  line-height: 40px;
  padding-left: 10px;
}

/* polozka formulare, ktera je povinna */
.item.obligate label {
  font-weight: bold;
}

.item.obligate label i {
  font-weight: normal;
}  

/* polozka formulare, ktera neprosla validaci */    
.label-colapse.not-valid label, .not-valid label, .not-valid .misto-label {
  color: #ff5151;
}

/* chybova hlaska pro prislusnym polem formulare */
span.error-message {
  color: #ff5151;
  display: block;
  font-size: 0.8em;
  margin-top: 0;
  margin-bottom: -20px;
}
.item.label-colapse span.error-message {
  margin-top: -10px;
}

/* globalni stavove hlasky */
.message {
  margin: 0 0 1em 0;
} 
.message-ok {
  color: #ADDC25;
  font-size: 1.1em;
  font-weight: bold;
}
.message-nok {
  color: #ff5151;
  font-size: 1.1em;
  font-weight: bold;
}
.alert {
	color:red;
	margin-bottom: 15px;
}

.item input, .item textarea, .item select {
  border: 1px solid #b48534;
  background: #fff;
  padding: 8px;
  margin: 0;  
}
.item select {
  padding: 11px;
}
.item input:focus, .item textarea:focus, .item select:focus {
  border: 1px solid #f89920;
}
.item input.error, .item textarea.error, .item select.error {
  border: 1px solid red;  
}
.item.float-label select {
  padding: 5px;
}
.item input {
  padding: 0 8px 0 8px;
}
.item select {
  max-height: 42px;
}
.item select option {
}
.item textarea {
  height: auto;
  line-height: 1.6em;
}


.item.button-inline input, .item.button-inline textarea,  .item.button-inline select {border-right: none; }

.item.nomargin, .item.nomargin input, .item.nomargin textarea, .item.nomargin textarea {margin-right: 0;}

.item.normal input {width: 342px;}
.item.normal select {width: 305px;}
.item.normal textarea {width: 910px; height: 50px; margin-top: 0; resize: none;}
.item.middle input {width: 210px;}
.item.middle select {width: 171px;}
.item.short input {width: 40px;}
.item.long input {width: 522px;}
.item.longer input {width: 647px;}
.item.note textarea {width: 342px; height: 202px; margin: 0 3px 0 0; resize: none;}

.item input.submit-button, .item input.button, a.button {width: auto;}

.middle-button {width: 337px;}
.short-button {width: 65px;}

form .submit-button, .button {
  border: 1px solid #ffffff;
  background: #b48534;
  color: #ffffff;
  cursor: pointer;
  padding: 8px;
  font-weight: bold;
  float: right;
  margin-top: 26px;
  text-decoration: none; 
}

.button, input.button {
  float: none;
  color: #ffffff;
  background: #b48534;
  cursor: pointer;
}
form .submit-button:hover, .button:hover {
  border-color: #f89920; 
  color: #b48534;
  background: #ffffff;
  text-decoration: none;
}
form .submit-button.clear, .button.clear {
  margin-top: 0; 
}


/* search */
#search.search-small {
  position: absolute;
  right: 0;
  top: 25px;
}
#search .item input {
  color: #8c8c8c;
  border-color: #949A9E;
  border-radius: 7px 0 0 7px;
  padding: 13px 8px 10px 10px;
  margin: 0;
}
#search .submit-button {
  width: 50px;
  height: 41px;
  float: left;
  border-color: #949A9E;
  border-width: 1px 1px 1px 0;
  border-radius: 0 7px 7px 0;
  background-color: #676D71;
  background-image: url('../design/layout/ico-search.png');
  background-position: 10px 7px;
  background-repeat: no-repeat;
  margin: 0;
  cursor: pointer;
}
#search .submit-button:hover {
  background-color: #ffffff;
  background-position: -90px 7px;
}

/* login syle */
#login{
	text-align: center;
}
#login form{
	margin: 0 auto;
  width: 33%;
  text-align: left;
}
#login .item{
	float: none;
  margin-right: 0;
}
#login .item label{
	float: left;
  width: 20%;
  padding: 0;
  line-height: 40px;
}
#login .item input{
	float: right;
  width: 70%;
}
#login .item input.submit-button{
	width: auto;
  margin: 0 0 0 1em;
}
#login .squaredTwo{
  margin: 5px 0 0 18px;
}
#login .misto-label{
  margin: 0 0 0 18px;
}
/* /login syle */

/* pagination syle */
#pagination{
	text-align: center;
}
#pagination form{
	margin: 0 auto;
  display: inline-block;
}
#pagination .item{}
#pagination .item label{
	float: left;
  line-height: 40px;
  margin-right: 1em;
}
#pagination .item.short input{
	text-align: center;
}
/* /pagination syle */

/* forum syle */
#forum{
	text-align: center;
}
#forum form{
  text-align: left;
  margin: 0 auto;
  padding: 10px 20px 0 20px;
  border: 1px solid #f89920;
  background: #fafafa;
}
#forum .item{
  width: 25%;
  margin-right: 0;
}
#forum .item.normal{
  width: 50%;
}
#forum .item label{}
#forum .item input, #forum .item textarea{
  display: block;
  width:100%;
  box-sizing: border-box; /* css3 rec */
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
}
#forum .item input{
  width: 90%;
}
#forum .item.normal input{
  width: 95%;
}
#forum .item textarea{
  resize: none;
  height: 127px;
}
#forum .item.short input{
  width: 55px;
  border: none;
  background: #fafafa;
}
#forum .item.short label{
  float: left;
  line-height: 40px;
}
#forum .item input.submit-button{
	width: auto;
  margin: 0;
}
/* /forum syle */

/* ajax */
#progressOverlay .progress {
    position:relative;
    width:80%;
    top:50%;
    margin:0 auto;
}
#progressOverlay {
    position:relative;
    height:100%;
}
/* /ajax */

/* extras */
form .left { float: left; }
form .right { float: right; margin-right: 0; }
form .vTop label { vertical-align: top; }
form .clear { clear: both; }
/* /forms */

/* special styling for ceckboxes from here: http://cssdeck.com/labs/css-checkbox-styles */

.item .squaredTwo, .item .roundedTwo, .item .squaredFour{
	float: left;
  line-height: 40px;
  margin-top: 4px;
  margin-left: 2px;
}

.roundedTwo input[type=checkbox],
.squaredTwo input[type=checkbox],
.squaredFour input[type=checkbox] {
	visibility: hidden;
}

/* ROUNDED TWO */
.roundedTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.roundedTwo label, .long-label .roundedTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.roundedTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.roundedTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label, .long-label .squaredTwo label, #login .squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;
	padding: 0 !important;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 20px 0;
	position: relative;
}

.squaredFour label, .long-label .squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* /special styling for ceckboxes */



/* /layout */