/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* ruzne obecne prvky */

* {margin:0; padding:0}

div.clearfloats {clear:both;line-height: 0; height: 0; font-size: 0}

body {font-family: Verdana, Arial CE, sans-serif;
	font-size: 12px;}

 
a {
	color: #007623; text-decoration: none;}
a:hover {
	color: #007623; text-decoration: underline;}

h4 {font-size: 12px;}
h4.cervena {color: #800000; text-align: center; padding:2px; font-weight: normal;}
h4.zelena {color: #007623; padding: 15px 0 3px 0;}
div.radek_form	{padding: 1px 1px 1px 1px;}
div.radek_form	span{font-size: 11px; position: relative; top: -4px;}
div.radek_form	select{font-size: 11px; position: relative; top: -2px;}
p.zvyrazneni1 {font-style: italic;}
p.zvyrazneni2 {font-weight: bold;}

/* konec obecnych prvku */
/* nejnadrazenejsi prvky layoutu */

div#telo {
	width:780px; position:absolute; 
	left:50%; top:0; margin: 0 0 0 -390px;}

div#hlavicka {
	background-image: url("../obrazky/hlavicka_tapeta.jpg"); 
	width:779px; height:130px;
	border-left: 1px solid #B7B7B7;}
div#hlavicka div#animac {
	position: absolute;
	left: 151px;
	top: 24px;
}

div#hlmenu {
	border: solid #B7B7B7;
	border-width:  0 0 1px 1px;}

div#obsah {
	padding-top: 24px;
	border-left: 1px solid #B7B7B7;
	/*
	background-image: url("../obrazky/kosticka.gif");
	background-repeat: repeat-y;
	*/}

div#paticka, div#copyright {
	width: 629px;
	padding-left: 150px;
	font-size: 10px;
}

div#paticka {
	height: 29px;
	padding-top: 40px; /* dohromady 69 - velikost podkladoveho obrazku */
	border: solid #B7B7B7;
	border-width: 0 0 1px 1px;
	background-image: url("../obrazky/v_paticka.gif"); 
	background-repeat: repeat-x;
	margin-top: -1px;
	position: relative;} /* aby se nam schovala dobkovana carka pod levym ci pravym sloupcem */
	
div#copyright {padding-top: 5px;}

/* konec nejnadrazenejsi prvky layoutu */
/* levy sloupec */

div#column1, div#column3, div#column3b {width:147px; float:left;
	background-image: url("../obrazky/zel_pruh_sloup.gif");
	background-repeat: repeat-x;
	background-color: #FFFFCC;
	border: solid #B7B7B7;
	padding-top: 25px;
	z-index: 10;
	position: relative;} /* aby se nam schovala dobkovana carka pod levym ci pravym sloupcem */
	
div#column1	{border-width: 0 1px 1px 0;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
} /* kvuli  exploreru - neobjevovala se cara*/
div#column1 p, div#column1 a{
		font-size: 11px;
		padding: 10px 5px 2px 5px;
	}
div#column1 div.admin_nahled{ padding: 5px 0 5px 0;}
div#column1 div.admin_nahled p{ padding: 1px 3px; color: black;}

div#column1 img {border:1px solid #B7B7B7; margin: 5px 5px 0 5px;}

/* konec levy sloupec */
/* pravy sloupec */

div#column3	{border-width: 0 0 1px 0;
	}
div#column3 div#stred {padding: 10px 5px 5px 5px;
	}
div#column3 div#spodek {
	background-image: url("../obrazky/zel_pruh_sloup2.gif");
	background-repeat: repeat-x;
	height: 21px;}

div#column3 div.odkaz{
		padding: 20px 0 5px 0;
		text-align: right;
	}
	
div#column3 a {
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 7px 2px 7px;
	border: 1px solid #B7B7B7;
	color:black;
}

div#column3 a:hover {
	text-decoration: none;
	color: #800000;
	background-color: #f0ffcc;}

div#column3 div.ramecek {border: 1px solid #B7B7B7; padding: 4px 0 4px 0; margin: 10px 0 10px 0;}
/* pravy se seznamem odkazu */
div#column3b{border-width: 0;
	background-color:white;
}
div#column3b a {
	font-size: 11px;
	display:block; 
	padding: 2px 6px 2px 6px; border: 1px solid white; 
	text-decoration: none;
	color: black;}
div#column3b a:hover {
	border: 1px solid #B7B7B7;
	color: #800000;}
div#column3b div  { font-size: 11px;
	color: #007623;
	padding: 3px 11px 3px 7px;}
div#column3b div#kalkulacka  {
	margin-top: 60px;
	padding: 0;
	}

/* konec pravy sloupec */
/* obsah */
div#column2 {width: 451px;
	float:left;
	padding: 15px 17px 15px 15px;
	line-height: 1.5em;
	text-align: justify;}

div#column2 p, div#column2 div, div#column2b div.pravo p, div#column2b div.pravo div {
	padding: 3px 0 6px 0;}
div#column2 ul, div#column2b div.pravo ul, div#column2 ol, div#column2b div.pravo ol{
	padding: 3px 0 6px 30px;}
	

div#column2 img.obtekany {float:left; border:1px solid #B7B7B7; margin: 10px 15px 15px 0px;}

div#column2 div#podmenu {
	margin-top: -25px; font-size: 11px;}

div#column2 div.upozorneni {
	color:#800000;}

div#column2 div.odsazeny {
	margin-left: 10px;}

div#column2 span.zvyrazneni {
	font-weight: bold;}

div#column2b {width: 632px;
	background-image: url("../obrazky/nad_nemov.gif");
	background-repeat: repeat-y;
float:left; 
}/* dva spojene pruhy pro nemovitosti */
div#column2b div.levo{
	width: 138px; /* 148 - padding */
	float: left;
	padding: 10px 5px 2px 5px;
	text-align: center;
}
div#column2b div.levo img {border:1px solid #B7B7B7;}

div#column2b div.pravo{
	width: 452px; /*484 -padding*/
	float: left;
	clear:	right;
	padding-left: 15px;
	padding-right: 17px;
	padding-bottom: 10px;
	line-height: 1.5em;
}
div#column2b span.odkaz {float:right; position:relative;left:-14px; font-size: 11px;}
div#column2b span.odkaz a
{
	display:block; 
	padding: 2px 6px 2px 6px; border: 1px solid white; 
	text-decoration: none;
	color: black;}
div#column2b span.odkaz a:hover {
	border: 1px solid #AAA; color: #800000;}
div#column2b div.rozdelovnik{
	background-image: url("../obrazky/mezi_nemov.gif");
	background-repeat: no-repeat;
	float: left;
}
div#column2b div.rozdelovnik_over{
	background-image: url("../obrazky/mezi_nemov.gif");
	background-repeat: no-repeat;
	float: left;
	background-color: #eee;
}
	
div#column2b div#vrch{
	width:147px; height: 21px;
	background-image: url("../obrazky/zel_pruh_sloup.gif");
}
/* formular v administraci */
div#formcontainer {font-size: 11px;}
div#formcontainer form  {border: solid #B7B7B7; border-width: 0 1px 1px 1px;}
div#formcontainer div.clearfix {border-top: 1px solid #B7B7B7;}
div#formcontainer div.doplnek {border-top: 1px solid #B7B7B7; text-align: center;}
div#formcontainer form label {width:70px; float:left; padding: 0 5px;}
div#formcontainer input, div#formcontainer textarea, div#formcontainer select{font-size: 11px;}
/* formular ve strankach */
div#formcontainerb {font-size: 11px;}
div#formcontainerb div.doplnek {text-align: center;}
div#formcontainerb form label {width:80px; float: left; text-align: right;}
div#formcontainerb input, div#formcontainerb textarea, div#formcontainerb select{margin-left: 20px;}
div#formcontainerb a {
	border: 1px solid #B7B7B7;
	color: black;
	padding: 2px 5px 2px 5px;}
div#formcontainerb a:hover {
	border: 1px solid #B7B7B7;
	color: #800000;
	text-decoration: none;
	background-color: ffffe5}

/* tabulka obsah */
	table {border-collapse: collapse;
 		font-size: 11px;
 	}
 	td, td.hlavicka {
 		padding: 2px;
 		border: 1px solid #AAA;
 		background-color: #ffffe0;
 	}
 	td.hlavicka {
 		color: #800000;
 		background-color: #dededb;
 	}
 	td.tmavsi {
 		background-color: #ffffd6;
 	}
div#column2 table p, div#column2 table div, div#column2b div.pravo table p, div#column2b div.pravo table div {
	padding: 0;margin:0;}

img#pinda_horni{position: absolute; left: -5px; top: 152px;}

img#pinda_spodni{position: absolute; left: -5px; top: 0px;}