body {
	font-family: trebuchet, tahoma, verdana, arial, sans-serif;
	background-color: #600;
	color: #fff;
	behavior: url(../csshover.htc); 
	
}

#page {
	
	background-color: #600;
	display: block;
	width: 706px;
	height: 400px;
	border:none;
	margin-left: auto;
	margin-right:auto;
	margin-top: 50px;	
	
	
}

a {
	
	text-decoration: none;
	cursor: pointer;
		
}

#menu {

	display:block;
	margin-left: auto;
	margin-right:auto;	


}

.menucolumn {
	
	float:left;
	margin-left: 2px;
	margin-right:2px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	
	width: 165px;
	background-color: #600;
	border:0px solid #600;
	
	
}

#first {
	
	height: 300px;
	margin-left: 25px;
	
}

#second {
	
	height: 260px;
	
}

#third {
	
	height: 220px;
	
}

#fourth {
	
	height: 180px;
	
}

.menucolumn {
	
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	
}

.menucolumn:hover, .active, .menucolumn.hover  {
	
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;	
	
	
	
}


.menucolumn:hover .up, .active .up {
	
	background-image: url(../images/menu-top-hover.gif);
	background-repeat: no-repeat;
	background-position: center;
	
}


#menu .menucolumn:hover .up .text, #menu .active .up .text {

		color:#fff;
}



a span {
	
	
	color: #ccc;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
	

}

.menucolumn .up .text {
	display: block;
	margin-top:12px;
	color:#aaa;
	
}


.up {

	float:left;
	width: 165px;
	height: 45px;
	background-color: #900;
	padding-top: 5px;
	background-image: url(../images/menu-top.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	

}


.down {
	
	float:left;
	width: 165px;
	
	background-color: #400;
	margin-top: 10px;
	
	
}



.down .downup {
	
	float: left;
	width: 165px;
	height: 20px;
	background-image: url(../images/down-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	
	
}

.down .downcenter {
	
	float: left;
	width: 165px;
	height: 100%;
	background-color: #400;
		
}

.down .downdown {
	
	float: left;
	width: 165px;
	height: 20px;
	background-image: url(../images/down-down.gif);
	background-position: bottom;
	background-repeat: no-repeat;

	
	
}

#webdesign {
	
	height: 200px;
	
}

#webdesign .downcenter {
	
	background-image: url(../images/menu-webdesign.gif);
	background-position: center;
	background-repeat: no-repeat;
	
}

#contact .downcenter {
	
	background-image: url(../images/menu-contact.gif);
	background-position: center;
	background-repeat: no-repeat;

	
}

#networksolutions .downcenter {
	
	background-image: url(../images/menu-network-solutions.gif);
	background-position: center;
	background-repeat: no-repeat;

	
}

#portfolio .downcenter {
	
	background-image: url(../images/menu-portfolio.gif);
	background-position: center;
	background-repeat: no-repeat;

	
}

.menuimage {
	
	width:160px;
	border: 0px solid black;
	
	
}

#networksolutions {
	
	height: 160px;
	
}

#portfolio {
	
	height: 120px;
	
}

#contact {
	
	height: 80px;
	
}



#content {

		
	float:left;
	margin-top: 30px;
	padding:20px;
	clear: both;
	border: 0px solid yellow;
	width: 664px;
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
	margin-bottom: 20px;
	
	
}

#content a span:hover {
	
	color:#f00;
	
}

#content img {
	
	border: none;
	width:14px;
	height:14px;
	
}

#content .prop {
	color: #ccc;
	width:160px;
	font-size: 11pt;
	font-weight: 700;
	font-style: normal;
	float:left;
	
	text-align:right;
	
	
}

#content .value {
	
	color: #fff;
	font-size: 11pt;
	font-weight: 700;
	font-style: italic;
	float:right;
	
	text-align:left;
	width:300px;
	
}

#content .nadpis, h1 {
	
	font-size: 16pt;
	font-weight: normal;
	display: block;
	border-bottom: 1px dashed #fff;
	margin-left:50px;
	margin-right:50px;
	padding-left:20px;
	padding-bottom: 5px;
	margin-bottom:40px;
	color: #ccc;
}





#content .status {
	
	font-size: 10pt;
	color: #fff;

	
}

#contacttable {
	
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	
}

.radek {
	
	float: left;
	width:500px;
	height:50px
	border: 0px solid #900;
	margin-top:10px;	
}


#padding {

	
	float:left;
	width: 706px;
	height: 50px;
	background-image: url(../images/padding.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 0px;	
	padding-top: 0px;
	
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}


#padding:hover {
	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	
}

#paddingright {
	
	float: right;
	margin-top: 18px;
	margin-right: 15px;
	color: #fff;
	font-size: 9pt;
	font-weight: 500;
	
}

#paddingright a {

	font-weight: 700;
	color: #ccc;

}

#paddingright a:hover {

	
	color: #fff;

}

#webdesigntable {
	
	padding-left:50px;
	padding-right:50px;
	font-size:11pt;
	
	
}


.mainword {

font-weight: bold;


}

.help {

border-bottom:1px dashed #fff;
cursor: pointer;
font-weight: bold;
font-size:11pt;

}

li {

list-style-type: square;

}

.annotation {

margin-left:100px;
margin-right:100px;
font-weight:bold;
line-height: 200%;
text-align:center;

}

.red {

color: #f00;

}

#networksolutionstable {

padding-left:50px;
padding-right:50px;
font-size:11pt;

}

#networksolutionstable ul li {

padding-bottom:10px;

}


#portfoliotable .polozka{

display:block;
width: 550px;
border:none;
margin-left:auto;
margin-right:auto;

}

#portfoliotable .polozka img{

float:left;
margin:10px;
margin-top:20px;
border:none;

}

#portfoliotable .polozka .polozkaright{

float:right;
margin:10px;
width:300px;
border:none;
margin-bottom:30px;
font-size:11pt;

}

#portfoliotable .polozka .polozkaright .question{

font-weight:bold;

}

#portfoliotable .polozka .polozkaright .answer{

display:block;
margin-left:20px;
margin-bottom:10px;
color: #ccc;
font-size: 10pt;
font-weight: 700;
font-style: italic;


}

#portfoliotable .polozka a .titulek, #portfoliotable .polozka a:hover .titulek{
float:left;
width: 400px;
border: none;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
color: #ccc;

}

#portfoliotable .polozka .polozkaright a:hover .answer{

color: #f00;

}

#portfoliotable hr {

clear:both;
border:none;
border-top:1px dashed #fff;
display:block;
width:500px;
margin-left:auto;
margin-right:auto;


}

#temporary_disap {
	display: block;
	clear: both;
	visibility:hidden;
}