/* ----- BASIC ELEMENTS AND FONTS ----- */
html, body, ul, li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 4 px;
}
body {
	color: #fff;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, "Times New Roman";
	background: #072450;
}


#all {
 width: 960px; /*��rka layoutu*/
 text-align: left; /*zru�enie vycentrovania textu*/
 margin: 0 auto; /*vycentrovanie v ostatn�ch prehliadacoch*/
}
 

.red {
	color:red;
}

.yellow {
	color:#ffd502;
	font-weight:bold;
}
.bandu {
	font-weight:bold;
	text-decoration:underline;
}
h1 {
	font-family: Tahoma, Verdana, Arial, "Times New Roman";
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin: 0px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px;
	color:#000066;
}

h2 {
	font-family:  Arial, Tahoma, Verdana, "Times New Roman";
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFCC;
	font-weight:bold;
}
h2 a {
	font-size:16px;
}

h3 {
	margin-left: 20px;
	margin-top: 10px;
	text-transform:uppercase;
	font-family: Arial, Tahoma, Verdana, "Times New Roman";
	font-size:14px;
	color: #FFFFFF;
}
h3 a {
	font-size:14px;
}
h4 {
	text-align:center;
	font-size:14px;
	color: #CC3333;
	text-decoration:underline;
}
h5 {
	text-align:center;
	font-size:12px;
	color: #CC3333;
}
h6 {
	text-align:center;
	font-size:20px;
	color: #FFFFFF;
	margin-top:30px;
}
h7 {
	text-align:center;
	font-size:16px;
	color: #FFFFFF;
	margin-top:10px;
}
h8 {
	text-align:left;
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
}
h9 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#000033;
}
a {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#e08d00;
}

table {
	font-family:Tahoma, Verdana, Arial, "Times New Roman";
	text-align:left;
	color:#fff;
}

.tab {
	text-align:left;
	color:#000033;
	font-weight:normal;
}
.tab a{
	color:#CC6600;
	font-weight:normal;
	text-decoration:none;
}		
.tab td {
    background-color:#EBEBEB;
	}
.tab th {
	background-color:#666666;
	text-align:center;
	}
.tabo {
	text-align:left;
	color:#000033;
	font-weight:normal;
}
.tabo a{
	color:#CC6600;
	font-weight:normal;
	text-decoration:none;
}		
.tabo td {
    background-color:#EBEBEB;
	text-transform:uppercase;
	}
.tabo th {
	background-color:#666666;
	text-align:center;
	}
.tabstavba {
	border:1px solid #000033;
	color:#000033;
	font-size:14px;
	padding: 3px;
}	
.tabstavba td {
    background-color:#D8DBFC;
	padding: 3px;
	text-align:justify;
	}
.tabstavba th {
	padding: 3px;
	text-align:right;
	}
.tabstavba a {
	font-weight:normal;
	font-size:14px;
	}
	
.tabnaradi {
	border:1px solid #000033;
	color:#000033;
	font-size:12px;
	padding: 3px;
}	
.tabnaradi td {
    background-color:#D8DBFC;
	padding: 3px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	}
.tabnaradi th {
	padding: 3px;
	font-weight:normal;
	text-align:right;
	}
.tabnaradi a {
	font-weight:normal;
	font-size:12px;
	}	
	
table.tabmenu {
	width:auto;
	vertical-align:middle;
}	
table.tabmenu th{
	width: 30px;
}	
table.tabmenu td{
	width: 150px;
	padding-left: 3px;
	text-align:left;
}	
table.tabmenu a{
	font-size:12px;
	font-weight:normal;
}
.tabdod {
	color:#000033;
	text-indent:3px;
	}	
.hp {
	margin-right: 30px;
	width:auto;
	float:right;
}	
/* tabulky dodavatelé, subdodavatelé */
.dodtab {
	color: #000000;
	text-align:left;
	text-indent:4px;
}
.dodtab a {
	color: #006;
	font-weight:normal;
}
.tdrow {
	text-indent: 3px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bolder;
	text-transform:uppercase;
	background-color:none;
	border: 1px solid #FFF;
}
.hist a{
	font-size:10px;
	color:#003;
}
	
.odskok {
	margin-left:160px;
	text-align:left;
	}
.odskok a {
	font-weight:normal;
	font-size:14px;
	}
.odskok1 {
	text-align:center;
	font-size:11px;
	color: #000033;
	}

.odskok2 {
	float:right;
	text-align:right;
	font-size:10px;
	color: #000033;
	margin-right:10px;
	}
.stred {
	text-align:center;
	font-size:11px;
	}
	.leva {
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	margin-left:10px;
	}
.navigace {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#000033;
	text-transform:uppercase;
	}
.navigace a {
	font-size:18px;
	font-weight:bold;
	color:#CC6600;
	}
.zvyrazneni {
	font-family: Tahoma, Verdana, Arial, "Times New Roman";
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	color:#FFCC66;
	font-weight:bold;
}
.stavba_pic_slide {
	margin:0px 5px 0px 5px;
	width: 96%;
	height:auto;
	background-color:#CCC;
	border:2px solid silver;
	overflow:auto;
	white-space: nowrap;
	text-align:left;
	color:#003;
}
.news_pic_slide {
    background-color: #3737FF;
	width:155px;
	height: 445px;
	overflow: auto;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}
/*----- FORM ----- */
form {
	text-align:left;
	padding-left: 20px;
	}
legend {
    color:#CCCCCC;
	}
input   {
	font: normal 12px tahoma;
	color: #000066;
}
select  {
	font: normal 12px tahoma;
	color: #000066;
}
textarea {
	font: normal 12px tahoma;
	color: #000066;
}

/* Unik. style pro karty dodavatelu */
#karta {
	width: 98%;
	border: 1px dotted #FFFFFF;
}
#karta_stavby {
	width: 98%;
	background-color:#FFFFFF;
}

/* Sortable tables */
a img {
	border: 0;
}
table.sortable a {
	color:#CC6600;
	font-weight:bold;
	text-decoration:none;
	}
table.sortable th a {
	color:#CC6600;
	font-weight:bold;
	text-decoration:none;
	}
table.sortable th, table.sortable td {
	text-align: left;
	color:#000033;
	text-indent:3px;
}
table.sortable th {
	background-color: #ccc;
}

table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	background-color: #ccc;
	font-weight: bold;
}
table.patka {
	background-color: #ddd;
	color:#000033;
	text-indent:3px;
	}
	
/* copyrigts */
.copy {
	color:#CCCCCC;
	}
.copy a {
	font-weight:normal;
	color:#999999;
	}

/* odkaz Zpět */
.bck {
	background-image:url('icon/Back.png');
	width:80px;
	background-position:center left;
	background-repeat:no-repeat;
}
/* !!! If you want the calendar working under Netscape 4.x, remember never to use any inline CSS(i.e. style="xxx") in the same page with the calendar tags!!! Use CSS classes instead, like the following !!! */

.toleft {text-align:left;}
.toright {text-align:right;}

/* uploader */

#main {margin: 0 auto; text-align: left; width: 600px; border: 1px solid #CCCCCC; font-size: 90%;}
#mainI {width:100%;}


#mainTable {width: 520px; font-size: 90%; margin-left:20px;}
		
	th	{text-align: left; font-weight: bold;}
		tr:hover th a {text-decoration: underline;}

	th#th_name	{width:295px; }
	th#th_type	{width:75px; text-align: center;}
	th#th_size	{width:60px; }
	th#th_time	{width:60px; text-align: center;}
	th#th_del	 {width:30px; text-align: center;}
	
	td.name		 {width:295px; /*background:#bdc;*/}
		td.name a {margin-left: 10px;}
	td.type		 {width:75px; text-align: center;}
	td.size		 {width:60px; /*background:#cdb;*/}
		td.size span	{color: #777;}
	td.time		 {width:60px; text-align:center;}
	td.del			{width:30px; text-align:center; /*background:#bcd;*/}
}
	
	tr.new	{background: #ccc;}
	tr.dir td.name span {background:url('./skin_wb/dir.gif') center left no-repeat; padding-left:20px;}


	tr.dir:hover	{background: #f6f6f6;}
	tr.file:hover {background: #f6f6f6;}
		tr.file:hover * {color: #000;}
	
	tr.emptyDir td.name {padding-left:10px; color:#999;}

	.msg {margin:0px 0px 0px 20px; padding:0.3em; color:#fff; width:90%;}
		.msg a {text-decoration:underline; color:#fff;}
		.err	{background:#F41212;}
		.ok	 {background:#009A00;}

	#logout {position: absolute; top: 5px; right: 5px; border: 2px solid black;}
		#logout a {display:block; text-decoration:none; font-weight: bold; padding:3px 5px;}
	
	#stats {font-size: 80%;}
		#stats h2 {display:none;}

	#upload,#newDir,#fileList,#stats {padding:15px 0 20px 0; border-top:1px solid #CCCCCC;}
	#afterH1, #afterUpload, #afterNewDir, #beforeFileList,#afterFileList {display:none;}
	h1,h2,form,table#mainTable,#stats,.msg {padding-left:20px;}
	
/* rozlišení řádků */
.licha { background-color: #FFFFFF;}
.suda { background-color:#DBDBDB;}

/* menu */
#coolMenu,
#coolMenu ul {
    list-style: none;
}
#coolMenu {
    float: left;
	width:96%;
}
#coolMenu > li {
    float: left;
}
#coolMenu li a {
display: block;
    height: 2em;
    line-height: 2em;
    padding: 0 1.5em;
    text-decoration: none;
}
#coolMenu ul {
    position: absolute;
    display: none;
	z-index: 999;
}
#coolMenu ul li a {
    width: 110px;
}
#coolMenu li:hover ul {
    display: block;
}
/* Main menu
------------------------------------------*/
#coolMenu {
    font-family: Arial;
    font-size: 12px;
    background: #2f8be8;
	border: 1px solid #FFF;
}
#coolMenu > li > a {
    color: #fff;
    font-weight: bold;
}
#coolMenu > li:hover > a {
    background: #f09d28;
    color: #000;
}
 
/* Submenu
------------------------------------------*/
#coolMenu ul {
    background: #f09d28;
}
#coolMenu ul li a {
    color: #000;
}
#coolMenu ul li:hover a {
    background: #ffc97c;
}
#menu {
	text-align:left;
	padding: 4px 0 15px 0;
}
.active {
    background: #f09d28;
	color: #000;
}