/* CSS DOCUMENT */

.loginpage {
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	background-color:#eeeeee;
}

.pruh {
	position:absolute;
	top:200px;
	text-align:center;
	width:100%;
	height:100px;
	padding:25px 0;
	background-color:#e2e2e2;
}

.prihlaseni {
	text-align:center;
}

.prihlaseni input {
	border: 1px solid #999999;
	background: #fafafa;
	border-radius: 15px 0 0 15px;
	color: #999999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 43px;
	margin: 0;
	padding:0 10px;
	}
.prihlaseni input:focus {
	outline: none;
	background: #fafafa;
}
.prihlaseni button {
	background: rgba(210,210,210,1);
	background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,210,210,1)), color-stop(20%, rgba(210,210,210,1)), color-stop(100%, rgba(175,175,175,1)));
	background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -o-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: linear-gradient(to bottom, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#1f2527', GradientType=0 );
	border: 1px solid #999999;
	border-left-color: #999999;
	border-radius: 0 15px 15px 0;
	color: #333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 45px;
	margin-left:-5px;
	width:120px;
}	
.prihlaseni button:hover,
.prihlaseni button:focus {
	outline: none;
	color: #333333;
	background: #999999;
}
.prihlaseni button:active {
}



.search {
	position:absolute;
	top:0px;
	left:850px;
}

.search input {
	border: 1px solid #999999;
	background: #fafafa;
	border-radius: 15px 0 0 15px;
	color: #999999;
	display: block;
	float: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 45px;
	margin: 0;
	padding: 0 10px;
	width: 230px;
}

.search input:focus {
	outline: none;
	background: #fafafa;
}

.search button {
	background: rgba(210,210,210,1);
	background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,210,210,1)), color-stop(20%, rgba(210,210,210,1)), color-stop(100%, rgba(175,175,175,1)));
	background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -o-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: linear-gradient(to bottom, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#1f2527', GradientType=0 );
	border: 1px solid #999999;
	border-left-color: #999999;
	border-radius: 0 15px 15px 0;
	color: #333333;
	display: block;
	float: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 120px;
}	

.search button:hover,
.search button:focus {
	outline: none;
	color: #333333;
	background: #999999;
}

.search button:active {
}

#Button2 {
  background:url(images/vydej.png) no-repeat;
  width:24px;
  height:24px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
}

#Button3 {
  background:url(images/prijem.png) no-repeat;
  width:24px;
  height:24px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
}

#Button4 {
  background:url(images/mazani.png) no-repeat;
  width:24px;
  height:24px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
}

#Forminput {
	height:20px;
	width:25px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999999;
	border: 1px solid #999999;
	border-radius: 5px;
}

.chyba p{
	color:#900;
}
.spravne p{
	color:#090;
}
.oznameni p{
	color:#999999;
}
.chyba img, .spravne img, .oznameni img{
	padding-right:10px;
}


/*********************************************************************************/
/* Structure                                                                         
/*********************************************************************************/
html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #eeeeee;
	width: 100%;
	height: 100%;
}

.page {
	text-align:center;
	padding: 0;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

.detail {
	padding: 1em;
	margin: 0 auto;
	}

.section1
{
	background: #d2d2d2;
	margin: 0;
	padding:1.25em 0 1em 0;
	overflow:auto;
}

.section2
{
	background: #999999;
	margin-top: 3px;
	height:3px;	
	overflow:auto;
}

.section3
{
	margin: 0;
	padding: 25px 0 150px 0;
	overflow:auto;
	clear:both;
}

.section4
{
	background: #d2d2d2;
	margin: -90px auto 0;
	height:90px;
}

.wrapper {
	position:relative;
	width:1200px;
	margin:auto;
	top:auto;
	text-align:justify;
	}

/*********************************************************************************/
/* Logos and Languages
/*********************************************************************************/
.logo {
	float: left;

}

.logo img {
	width: 100px;
	height: auto;
}

.menu {
	float: right;
}

.menu li {
    padding:0 1em;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	display: inline-block;
}

.menu li a {
	text-decoration: none;
	display: inline-block;
	color:#333333;
	text-align:center;
}

.lang li a:hover {
}

/*********************************************************************************/
/* IndexContent
/*********************************************************************************/
.content {
	margin: 0;
	padding:0 1em;
	}	

/*********************************************************************************/
/* Footer
/*********************************************************************************/
.footer {
	margin: 0 auto;
	padding:1.25em 0 0 0;
	text-align:center;
	}	

.footer p{
	color:#333333;
	font-size:12px;
	line-height: 20px;
	}	

.footer img{
	width:100px;
	height: 0 auto;
	}	

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
p, ul, ol, dl, table, input, a
{
	/*margin-bottom: 1em;*/
	font-size: 16px;
	color: #333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
}

p.center
{
	text-align: center;
}

p.right
{
	text-align: right;
}

.clear { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear{display: inline-block;}
/* Hides from IE-mac \*/
* html .clear{height: 1%;}
.clear{display: block;}
/* End hide from IE-mac */  


header
{
	margin: 0 0 1em 0;
}

h1 {
	visibility:hidden;
    height:0; 
    margin:0; 
    padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-size:22px;
	text-transform:uppercase;
	text-decoration:none;
	color: #333333;
	padding:0 0 2em 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


a {
	text-decoration:none;
}


/* Tables */
.CSSTableGenerator {
	margin:20px 0;padding:0;
	width:100%;
	border:1px solid #cccccc;
	
}.CSSTableGenerator table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#f3f3f3;
}
.CSSTableGenerator td{
	vertical-align:middle;
	background-color:#e9e9e9;
	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	padding:12px;
	font-size:14px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#333333;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	/*	background:-o-linear-gradient(bottom, #afafaf 5%, #d2d2d2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afafaf), color-stop(1, #d2d2d2) );
	background:-moz-linear-gradient( center top, #afafaf 5%, #d2d2d2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afafaf", endColorstr="#d2d2d2");	background: -o-linear-gradient(top,#afafaf,006279);*/
	background-color:#d1d1d1;
	border:0px solid #999999;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#333333;
}
.CSSTableGenerator tr:first-child:hover td{
	/*background:-o-linear-gradient(bottom, #afafaf 5%, #d2d2d2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afafaf), color-stop(1, #d2d2d2) );
	background:-moz-linear-gradient( center top, #afafaf 5%, #d2d2d2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afafaf", endColorstr="#d2d2d2");	background: -o-linear-gradient(top,#afafaf,006279);
*/
	background-color:#d1d1d1;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* Buttons */
.button
{
	margin:1em 0;
	position: relative;
	display: inline-block;
	background: rgba(210,210,210,1);
	background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,210,210,1)), color-stop(20%, rgba(210,210,210,1)), color-stop(100%, rgba(175,175,175,1)));
	background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -o-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: linear-gradient(to bottom, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#1f2527', GradientType=0 );
	color: #333333;
	text-align: center;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 1.5em;
	text-decoration: none;
	padding: 1em 2em 1em 2em;
	border: 0;
	cursor: pointer;
	outline: 0;
}
.button:hover
{
	color: #333333;
	background: #999999;
}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 100px;
    display: none; 
	text-indent: -9999px; 
    background:url(images/scrollup.png) no-repeat;
}

#button
{
	margin:1em 0;
	position: relative;
	display: inline-block;
	background: rgba(210,210,210,1);
	background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,210,210,1)), color-stop(20%, rgba(210,210,210,1)), color-stop(100%, rgba(175,175,175,1)));
	background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -o-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	background: linear-gradient(to bottom, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 20%, rgba(175,175,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#1f2527', GradientType=0 );
	color: #333333;
	text-align: center;
	font-size: 1em;
	border-radius: 1.5em;
	text-decoration: none;
	padding: 1em 2em 1em 2em;
	border: 0;
	cursor: pointer;
	outline: 0;
}

#button:hover
{
	color: #333333;
	background: #999999;
}