/* css pro stranky Sipe 
  hlavni rozlozeni stranky
*/ 


/*
 * co nezobrazovat pri tisku
 */  
@media print {
	.top, .l, .s, .r, #left, #left-obsah, #right, #right-obsah {
		display: none;
}
body, #page {
	width: 100%!important;
	margin-right: 0px!important;
	margin-left: 0px!important;
}
	#obsah {
		background-color: white!important;
		width: 90%!important;
		color: black!important;
		border-width: 0px!important;
		margin-right: 0px!important;
		margin-left: 0px!important;
	}
	h1, h2, h3, h4, p, div	{
		color: black!important;
	}
	a	{
		text-decoration: underline;
		color: black!important;
	}

	img 	{
		border-width: 0px;
	}
}

/* uplny zaklad, sirky a marginy sezere IE :-) */ 
body 	{
/*    	background-color: #E6E6E6!important;  */
	margin: 0px; /* zadne okraje! */ 
	width: 870px; /* zakladni sirka stranky */ 
	text-align: center; /* centrovani na stred */ 
	margin-left: auto;
	margin-right: auto;
}


/* nadrazeno vsemu - zakladni rozlozeni*/ 
#page { 
	position: relative;
 	width: 870px; 

        /* sirka hlavniho textu */ 

	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* ikona - nahore  */ 
#top { 
	position: absolute;
 	width: 849px; 
 	left: 0px; 
 	top: 0px; 
  height: 56px;
}

.top-opak { 
  background-repeat: repeat-x;
}

/* kodovani hlavni casti - vse krome menu*/ 
#obsah { 
/*   	position: relative;  */ /* zakomentovat - jinak nebude videt leve
menu*/ 
	position: absolute;
 	width: 474px; 
 	_width: 475px; 
/*  	width: 495px;  */
 	left: 0px; 
 	top: 56px; /* vyska horni listy je 56px  */ 

	/* minimalni vyska  */ 
  min-height: 600px; 
/*   min-height: 483px;  */

   	/* background-color: #ffcc00;  */ /* to je ta oranzova*/ 
    /* barva pozadi hlavni casti  */ 
/*   	background-color: #ccccff; CBE3FF*/
  background-color: #CBE3FF; /* nove pozadi */
   	
  text-align: left;  
  color: black;
 	font-size: 13px; 

	padding-left: 30px; 
	padding-right: 30px;
	/* 	padding-right: 10px; */

	/* 
		update pri zmene leveho odstavce!!!
		odsazeni textu zleva, leve menu siroke 180px
	*/ 
	margin-left: 181px;
	_margin-left: 180px;

  /* hlavni nadpisy pro IE */ 
  _padding-top: 20px;

  /* okraj hlavni casti pro IE */ 
	padding-bottom: 15px;
	_padding-bottom: 15px;

	border: 1px dotted navy;
}

/***********************************
  ******* leva cast - menu *******
************************************/ 
#left {
	position: absolute;
	width: 180px;
	left: 0px;
 	top: 56px; /* vyska horni listy je 56px  */ 

	border: 1px dotted navy;
}

#left-obsah	{
	font-size: 16px;

	padding-top: 20px;
	padding-bottom: 20px;

	line-height: 150%;

  background-color: #006699;  
/*     	background-color: #0066cc; */
/*     	background-color: #ff9900; */
  color: white;
}



/***********************************
  ******* prava cast - menu *****
***********************************/ 

#right {
	position: absolute;
	width: 150px;
	text-align: center; /* pozice textu v prave casti */ 
/*  	left: 697px;  */
 	left: 717px; 
 	_left: 716px; 

 	top: 56px; /* vyska horni listy je 56px  */ 

	border: 1px dotted navy;
 	background-color: #003366; 
}

#right-obsah	{
	font-size: 10px;
	text-align: center;

  color: white;
}



/***********************************
  ******* horni lista **************
***********************************/ 

/* 
  update pri zmene celkove sirky!!!
*/ 
.top {
  position: absolute;
  width: 869px; 
  top: 0px;
  left:0px;
}

.l {
  position: absolute;
  top: 0px;
  left:0px;
  height: 56px;
  width: 480px;
  background-image: url('../img/nova-lista/sipe-pruh-left.png');
  background-repeat: no-repeat;
}

/* 
  pri zmene sirky leveho sloupce update margin-left a padding-right!!!
  opakovani 
*/ 
.s {
  position: absolute;
  top: 0px;

  /* v IE o 52  */ 
  margin-left: -281px;
  _margin-left: -333px;

  padding-right: 172px;
  width: 100%;

  height: 56px;
  background-image: url('../img/nova-lista/sipe-pruh-stred.png');
  background-repeat: repeat-x;
}
.r {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 109px;
  height: 56px;
  background-image: url('../img/nova-lista/sipe-pruh-right.png');
  background-repeat: no-repeat;
}
