@charset "utf-8";
/* CSS Document */
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font:bold;
 text-decoration:  none;
 color: #c0c0c0;
 border-color:#c0c0c0; 
}
body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	color: #c0c0c0;
	background-color: #0e0e0e;
	background-image: url(../images/back_line.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 99%;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1200px;
	/* Set up proportionate scaling */
	width: 2600px;
	height: auto;
	/* Set up positioning */
	position: fixed;
	bottom: 0;
	left: 100%;
	margin-left: -2600px;
}
@media screen and (max-width: 2900px) { /* Specific to this particular image */
	img.bg {
		left: 100%;
		width: 3000px;
		height: auto;
		margin-left: -3000px;   /* 50% */
	}
}

@media screen and (max-width: 1920px) { /* Specific to this particular image */
	img.bg {
		left: 100%;
		width: 2000px;
		height: auto;
		margin-left: -2000px;   /* 50% */
	}
}

@media screen and (max-width: 1600px) { /* Specific to this particular image */
	img.bg {
		left: 100%;
		width: 1700px;
		height: auto;
		margin-left: -1700px;   /* 50% */
	}
}
@media screen and (max-width: 1200px) { /* Specific to this particular image */
	img.bg {
		left: 100%;
		width: 1300px;
		height: auto;
		margin-left: -1300px;   /* 50% */
	}
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 100%;
		width: 1200px;
		height: auto;
		margin-left: -1200px;   /* 50% */
	}
}
#container {
	position:fixed;
	width: 950px;
	left:50%;
	margin-left: -475px;
	height: 100%;
	background-image: url(/images/screen.png);
	background-repeat: repeat;	
}
#text {
	position:absolute;
	width: 910px;
	left:50%;
	top:0;
	top: 160px;
	z-index: 20;
	margin-left: -475px;
	padding: 0 20px 50px 20px;
	min-height: 80%;
}
#menu{
	position:absolute;
	width: 930px;
	left:50%;
	top:100px;
	margin-left: -475px;
	height: 75px;
	z-index:10;
	padding: 10px 0 0 20px;
	font-size: 11px;
}
#menu ul {
	display: inline;
	list-style-position: outside;
	list-style-type: none;
	color:#CCC;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin-left:-35px;
}
#menu ul li {
	display: inline;
	padding: 0 40px 0 0;
}
#menu a {
	color:#CCC;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
}
#menu a.sel {
	border-bottom:#F00 solid 1px;
}
#menu ul li a {
	color:#CCC;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
}
#menu a:hover {
	color:#C00;
}
#logo{
	position:absolute;
	width: 930px;
	left:50%;
	top:0px;
	margin-left: -475px;
	height: 75px;
	background-image: url(/images/screen.png);
	background-repeat: repeat;	
	border-bottom: 1px white solid;
	z-index:10;
	padding: 25px 0 0 20px;
}
#container #menu {
	font-size: 12px;
	height: 30px;
	width: 760px;
	margin-bottom: 10px;
	padding: 0 20px	0 20px;
	border-bottom: #666 solid 1px;
}
#menu table td {
	font-size: 12px;
}
#menu table td a {
	font-size: 11px;
}
#container #content {
	padding: 0 20px	0 20px;
}
.small {
	font-size: 16px;
	font-weight: normal;
}
.alert {
	color:red;
}
#user {
	position:absolute;
	left:50%;
	margin-left: 265px;
	top:0px;
	width: 200px;
	text-align:right;
	padding: 5px 10px 0 0;
	color: #C00;
	font-size:12px;
	z-index: 20;
}
#user a {
	color: #C00;
	text-decoration:underline;
	font-size:12px;
}
p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
}
h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 color: #EAEAEA;
}
h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight:normal;
 color: #EAEAEA;
}
h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px; 
 margin: 0 0 ;
 font-weight:normal;
/* použito pro Seznamy*/
}
h5 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px; 
 margin: 0 0 ;
 font-weight:normal;
/* použito pro Statistiku souborů*/
}
h6 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px; 
/* použito pro Návod k použití*/
}
a:hover {
 text-decoration: none;
 color:#EAEAEA;
 border-color: #EAEAEA;
}
td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 margin: 25px;
 color:#999999;
}
.en {

 color:#CCC;
}
div.scroll {
 height: 450;
 width: 100%;
 overflow: auto;
 padding: 8px;
}
li {
 margin: 0px;
}
img {
 border-color: #EAEAEA;
}

.rad    { font-size:17px;}
.rad a  { font-size:17px;}
.rad td { font-size:17px;}
/* použito pro Statistiku souborů*/
.sta    { font-size:14px;}
.sta a  { font-size:14px;}
.sta td { font-size:14px;}
/*banner index*/
.banner a        { color:#666666; }
.banner a:hover  { color:#EAEAEA; }
.banner tr       { background-color:#181818;}
/*ind index*/
.ind { background-color:#333333; }

.in   { font-size:18px; font:normal;}
.in a  { font-size:18px; font:normal}

/* použito pro Počítadlo přístupů*/
.poc td  { font-size:10px;}

/* použito reference.php*/
.ref b { font-size:17x;}/*nadpis*/
.ref td{ font-size:15px;}/*text*/
.ref em { font-size: 18px;}

th, .thead {
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
	background-color: #666;
}
.td, .td td, .td2, .td2 td {
	font-size: 14px;
	font-weight: normal;
	color: #EEE;
	text-decoration: none;
	
}
.td, .norm td {
	font-size: 14px;
	font-weight: normal;
	color: #EEE;
	text-decoration: none;
}
.td2 {
	background-color: #484848;
}
.td {
	background-color: #444;
}
.td td a, .td2 td a {
	font-size: 14px;
	font-weight: bold;	
}

table tr td .gray {
	background-color: #444;
	border-color: #444;
	color: #aaa;

}
.button, .delete {
	cursor: pointer;

 	cursor: hand;
}
#foot {
	clear: both;
	margin: 15px 0 0 0;
	color: #555;
	text-align:center;
	font-size:10px;
	border-top: #555 solid 1px;
	padding: 5px;
	position: absolute;
	width: 900px;
	bottom: 0px;
}
.click:hover {
	cursor:pointer;
	cursor:hand;
	background-color:#000;
}