/* Zakladni nastaveni pro HTML elementy */

/* Vychozi definice pro celou strnku - predevsim pismo */
body {
	margin:			0px;
	padding:		0px;
	background:		#ffffff url(./img/bg.png) repeat-x;
	font-family:	arial;
	font-size:		95%;
	text-align:		center;
}

/* Za normalich okolnosti skryte texty */
h1 span, #webTitle, #jumpToNav, .noVis {
	position:		absolute;
	top:			-1000px;
}
/* Klikatelne logo firmy */
h1 a {
	display:		block;
	position:		absolute;
	top:			60px;
	width:			220px;
	height:			60px;
	z-index:		10;
}
/* Nadpisy druhe a treti urovne */
h2, h3 {
	color:			#4a2d57;
	font-weight:	normal;
	font-family:	verdana;

	margin:			0px;
	padding-top:	0px;
}
h2 {
		margin:  0px 5px;
}
h3 {
	margin-left:10px;
}
h4 {
	font-family:	verdana;
	font-size:		95%;
	padding-bottom:10px;
}
/* Dodatecne nastaveni pro nadpisy treti urovne, zacinaji oddelovaci linkou */
/* 
h3 {
	margin:			20px 0px 0px 10px;
	padding-top:	25px;
	border-top:		0px solid #bbbbbb;
}
*/
/* Vychozi CSS pro odkazy */
a {
	color:			#4a2d57;
}


/* Aby byla stranka zarovnana na stred */
#page {
	margin:			0px auto 0px auto;
	text-align:		left;
	width:			772px;
	background:		url(./img/page.png) right repeat-y;
}

/* Zahlavi */
#head {
	background:		#eeffdc url(./img/top.jpg) 0px 40px no-repeat;
	width:			772px;
	height:			200px;
	position:		absolute;
	top:			0px;
}

/* Blok pro obsah (text a navigaci) */
#content {
	/* background:		url(./img/medio.png) 200px repeat-y; */
	margin-top:		200px;
	margin-bottom:	20px;
}

/* Telo textu + pomocny DIV bodyC pro MSIE6 */
#body {
	float:			right;
}
#bodyC {
	width:			520px;
	margin-right:	30px;
}


/* TOP LINKS - dcerinne spolecnosti */
/* Technika: DIV zafloatovany doprava, jehoz obsah je floatovany doleva */
#topLinks {
	background:		#464646;
	color:			#ffffff;
	height:			30px;
	font-size:		80%;
}
/* Korekcni DIV pro spravne zobrazeni hornich odkazu */
#topLinksC {
	float:			right;
	padding-top:	3px;
}

/* Text "dceřinné společnosti:" */
#topLinks span {
	margin-top:		7px;
	float:			left;
	color:			#dedede;
}

/* UL topLinks (dcerinne spolecnosti) */
#topLinks ul {
	float:			left;
	margin:			0px;
	padding:		0px;
	list-style:		none url();
	margin-top:		5px;
}

/* Jednotlive dcerinne spolecnosti */
#topLinks ul li {
	float:			left;
	list-style:		none url();
	border-left:	1px solid #fff000;
	margin:			0px;
	padding:		0px 15px 0px 15px;
}

/* Zruseni ohraniceni u prvniho prvku. Pseudotrida :first neni zatim moc podporovana*/
#topLinks ul li.first {
	border:			none;
}

/* Odkazy na dcerinne spolecnosti*/
#topLinks a {
	color:			#ffffff;
	font-weight:	bold;
	font-size:		120%;
}


/* LEFT LINKS (leva navigace) */


#leftLinks{
	margin:10px; /*odsazeni zleva */
}
#leftLinks ul {
	float:			left;
	margin:			0px;
	padding:		0px;
	list-style:		none url();
	width:			200px;
	margin-bottom:	50px;
;
}

/* Polozky leve navigace */
#leftLinks ul li {
	display:		block;
	margin:			0px;
	padding:		0px;
	list-style:		none url();
	width:			190px;

	
}

/* Globalni nastaveni leve navigace s prednastavenou neaktivni polozkou */
/* Obrazek je pouze leva cast (zaobleni a sipka), ostatni je pozadi. Minimalizujeme datove prenosy :)*/


#leftLinks ul{
list-style-type: none;
margin: 0px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
list-style:		none url();
width:			200px;
margin-bottom:	40px;
}

#leftLinks ul li{
display: block;
margin:			0px;
padding:		0px;
list-style:		none url();
width:			190px;
}

#leftLinks ul li a, #leftLinks ul li .sel{
background: url(./img/nav_a.png) no-repeat ; 
display: block;
padding: 2px 0 7px 23px;
text-decoration: none;
clear:			both;
margin:			0px 0px 0px 25px; 
color:			#6e6f39;
font-weight:	bold;
font-size: 85%; 
border-bottom: 1px solid #dadada;
width:142px; /*tady puvodne ta sirka nebyla - zkusit upravit */
}


/* Hover efekt polozky leve navigace */
#leftLinks ul li a:hover {
	background:		#EEEEEE url(./img/nav_b.png) no-repeat;
}



/* Aktivni polozka leve navigace - neni to odkaz ale pouze SPAN*/
#leftLinks ul li .sel {
	color: #ffffff;
	background:		#6e6f39 url(./img/nav_c.png) no-repeat;
}

/* Kvuli grafickemu pozadi a faktu, ze MSIE6 nezvlada sprave dopocitat padding */
#leftLinks ul li a span, #leftLinks ul li span span {
	position:		relative;
	top:			3px;
}


/* Aktuality */

#infoBox {

	min-height: 30px;
	width:172px;
	margin-left:20px;
	padding-bottom:1px;
	clear:left;
	font-weight : normal;
	font-size: 80%;
}

/* Seznam aktualit */
#infoBox ul {
	margin-top:		0px;
	color:			#444444;
	background:		 #efefef /*#F8E1DF */url(./img/sep.png) left bottom no-repeat;
	width:			172px;
	border: 0px solid black;

}

/* Polozka seznamu aktualit, nastavena sirka kvuli MSIE*/
#infoBox ul li {
	margin: 5px 10px;
	width:			157px;
}

/* Text "aktuality" */
#infoBox div {
	color: #4a2d57;
	padding: 5px 0 0 10px;
	border:0px solid black;
	background: #efefef /*#F8E1DF*/ url(./img/sep2.png) no-repeat;
	margin-bottom:0px;
	font-size:110%;
}

#leftLinks #infoBox ul li a { 
display: inline;
padding: normal;
text-decoration: underline;
font-weight:	normal;
font-size: 85%; 
border: 0;
width:auto; 

background: none; 
padding: 0;
clear:normal;
margin:			0; 
color:			#4a2d57;
font-size: 100%; 
/*tady puvodne ta sirka nebyla - zkusit upravit */
}

/* Zarovnani odstavcu, aby nebyly az ke kraji*/
#body p  {
	margin:  0px 5px;
	padding: 15px 0px;
}

/* Perex stranky*/
#body #perex {
	border:			1px solid #dddddd;
	padding:		10px 20px;
	margin: 10px 10px 15px 10px;
	background:		#e2e3ac ;
	/*background:		#f9f9f9;*/
}

#body p.serv  {
	margin-left: 10px;
}

/* shrnujici odstavec stranky*/
#body #sum {
	border-top:			1px solid #bbbbbb;
	padding: 20px 0px 0px 0px;
}

/* Nahledy obrazku zarovnane vlevo */
#body .imgl {
	border:			1px solid silver;
	padding:		2px;
	float:			left;
	margin-right:	10px;
}

/* Nahledy obrazku zarovnane vpravo */
#body .img {
	border:			1px solid silver;
	padding:		2px;
	margin-left:	20px;
}

#body .imgr {
	border:			1px solid silver;
	padding:		2px;
	float:			right;
	margin-left:	10px;
}

#body .imgpr {
	border:			1px solid #000000;
	padding:		0px;
	float:			right;
	margin-left:	10px;
}

#body .imgpl {
	border:			1px solid #000000;
	padding:		0px;
	float:			left;
	margin-right:	10px;
}

#body .project{
	border:			1px solid #dddddd;
	padding:		10px;
	background:		#e2e3ac ;
	margin: 10px 10px 20px 10px ;
	/*background:		#f9f9f9;*/
}

#body .project h4{
	margin: 0px ;
	/*background:		#f9f9f9;*/
}

#body .project2{
	border:			1px solid #dddddd;
	padding:		10px;
	background:		#efefef;
	margin: 10px 10px 20px 10px ;
	/*background:		#f9f9f9;*/
}

#body .project2 h4{
	margin: 0px ;
	/*background:		#f9f9f9;*/
}

#body .project ul{
	list-style:		none url();
	padding:		0px;
	margin: 0px 10px;
	/*background:		#f9f9f9;*/
}

#body .project ul li{
	padding-bottom:		5px;
}

#body .project p{
	padding:		10px 0px 0px 0px;
}

#body .project2 ul{
	list-style:		none url();
	padding:		0px;
	margin: 0px 2px;
	/*background:		#f9f9f9;*/
}

#body .project2 ul li{
	padding-bottom:		5px;
}

#body .project2 p{
	padding:		10px 0px 0px 0px;
}

#body .form {
	margin: 0px 50px;
	font-size:200%;
}

#body .form-margin-left {
	margin-left: 10px;
}

/* FOOT - zapati */
#foot {
	font-size:		90%;
	font-weight:	bold;
	margin-left:	5px;
	padding:		5px 30px 5px 10px;
	clear:			both;
	background:		#464646;
	color:			#dadada;
	text-align:		right;
}