/*=	MESTO PRIBOR
	layout.css
		started	20.10.2008
		lastEdt	23.10.2008 [mp]	
		-----------------------------------
		šířka webu	 	978px + 2px okraje 
		šířka menu vlevo	250px
		šířka menu vpravo	200px
		-----------------------------------
		text			arial	
		menu nahoře		verdana	
		menu dole		verdana

	oramováni vebu		seda				#CCCCCC;
	pozadi				svetle seda			#F1F1F1;
	text				světlejsi cerna		#3A3634;
	menu vlevo 			svetlejší cerna		#3A3634;	bezova				#E9E1D1;
	menu nahore			zlata				#8F764F;
	menu nahore	hover	bila				#FFFFFF;
	menu vpravo			svetle sedozelena	#496261		bezova svetlejsi	#F0EBE1;
	menu dole			bila, nepodtrzena	#FFFFFF		zlata				#987C4E;
	menu dole hover		bila, podtrzena		#FFFFFF		zlata				#987C4E;
	odkaz velky text	sedozelena			#364948;
	odkaz 				zlata, podtrzena	#987C4E;
	odkaz hover			zlata, nepodtrzena	#987C4E;
*/

body#pribor 
    {
	background: #F1F1F1 url(./img/html-background.jpg) repeat-x;
	text-align: center;
	line-height: 160%;   
    }

body#freud_uvod
    {
	text-align: center;
	background-color: black;
	padding: 20px 0 0 0;
    }

#col_main h2
    {
	padding: 20px 0 10px 0;
	margin: 0 0 10px 0;
	color: #987C4C;
	text-align: left;
	background: url(./img/nadpis-h1-pozadi-linka.gif) repeat-x left bottom;
    }
h3, h4
    {
	/*color: #987C4E;*/    
    }    

.skryty
    {
	display: none;
    }    
    
#layout 
    {
	width: 978px;
	margin: 0 auto 0 auto;
	background-color: white;
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	color: #3a3634;
    }

#menuUzivatel
{
    width: 978px;
    background: #efefef;
    display: block;
    min-height: 25px;
    border-bottom: 1px solid #CCCCCC;
    color: black;
    overflow: hidden;
}

#menuUzivatel .systemMenu
{
    float: left;
    padding: 3px 10px;
}

#menuUzivatel .uzivatel
{
    float: right;
    padding: 3px 10px;
}
#menuUzivatel a:link, #menuUzivatel a:visited
{
    text-decoration: underline;
    color: #987C4E;
}
#menuUzivatel a:hover
{
    text-decoration: none;
}

#galeryPribor
{
	position: relative;
	height: 99px;
	left: 0;
	top: 0;
	margin: 20px 0 0 0;
}

#galeryPribor_bg
    {
	width: 122px;
	height: 99px;
	position: absolute;
	left: 35px;
	top: 0;
	background: url(./img/tlacitko-fotogalerie.jpg) no-repeat left top;
    }    

#freud
    {
	width: 100%;
	margin: 10px 0 4px 0;
    }

#freudText
    {
	line-height: 110%;
	font-size: 0.85em;
	width: 100%;
	background: url(./img/freud-myslenka-pozadi.gif) repeat-y center top;
    }
    #freudText span
	{
	    display: block;
	    padding: 17px 20px 0 35px;
	}
    #freudObr
	{
	    width: 100%;
	    height: 144px;
	    background: url(./img/freud-myslenka-postava.jpg) no-repeat center top;
	}	

#header1 
    { 
	display: block;
	width: 978px;
	height: 158px !important;
	position: relative;
	left: 0;
	top: 0;
    }
    #header1_bg 
    { 
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
    }
    #header1 h1
	{
	    font-size: 1.5em;
	    margin: 0;
	    padding: 30px 0 0 0;
	    border: 0;
	}    

#header2 
    { 
	display: block;
	width: 978px;
	height: 29px !important;
	background: url(./img/hlavicka-pribor-uvod2.jpg) no-repeat left top;
    }

#topMenu 
{
	text-align: right;
	margin: 0;
	font-size: 12px;
	float: right;
	padding: 0;
	display: block; 
	list-style-type: none;
	font-family: verdana, arial, tahoma, sans-serif;
}
    #topMenu li 
	{
	    margin: 0 0 0 1px;
	    padding: 0;
	    float: left;
	    
	}
    #topMenu li a, #topMenu li span
	{
	    display: block;
	    line-height: 23px;
	    padding: 0 14px 0 14px; 
	}
	
    #topMenu li a:link, #topMenu li a:visited, #topMenu li span 
    {
	font-weight: bold;
	color: #8f764f;
	text-decoration: none;
    }
    #topMenu li a:hover, #topMenu li span.active, #topMenu li a.active:link, #topMenu li a.active:visited, #topMenu li a.active:hover
    {
	font-weight: bold;
	color: white; 
	text-decoration: none;
	background: url(./img/menu-nahore-polozka-vybrana.gif) repeat-x left top;
    }
    
#bottomMenu 
{
	text-align: right;
	margin: 0;
	font-size: 12px;
	float: right;
	padding: 0;
	display: block; 
	list-style-type: none;
	font-family: verdana, arial, tahoma, sans-serif;
}
    #bottomMenu li 
	{
	    margin: 0 0 0 1px;
	    padding: 0;
	    float: left;
	    
	}
    #bottomMenu li a, #bottomMenu li span
	{
	    display: block;
	    line-height: 23px;
	    padding: 0 14px 0 14px; 
	}
	
    #bottomMenu li a:link, #bottomMenu li a:visited, #bottomMenu li span 
    {
	font-weight: bold;
	color: white;
	text-decoration: none;
    }
    #bottomMenu li a:hover, #bottomMenu li span.active 
    {
	font-weight: bold;
	color: white; 
	text-decoration: underline;
    }    

#mainMenu 
    {
	margin: 0;
	/*font-size: 12px;*/
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	list-style-type: none;
	background-color: #e9e2d2;
	border-right: #cccccc 1px solid;
    }
    #mainMenu li 
	{
	    margin: 0;
	    padding: 0;
	    width: 249px;
	    padding: 0 0 2px 0;
	    background: url(./img/menu-vlevo-oddelovac.gif) bottom repeat-x;
	}
    #mainMenu a, #mainMenu span
	{
	    display: block;
	    margin: 0;
	    border: 0;
	    min-height: 23px;
	    padding: 0;
	    font-weight: normal;
	    color: #3a3634;
	    text-decoration: none;
	}
    #mainMenu li.uroven1 a, #mainMenu li.uroven1 span
	{
	    padding: 0 5px 0 25px;
	}
    #mainMenu li.uroven2 a, #mainMenu li.uroven2 span
	{
	    padding: 0 5px 0 40px;
	}	
    #mainMenu li.uroven3 a, #mainMenu li.uroven3 span
	{
	    padding: 0 5px 0 60px;
	}	
    #mainMenu li.uroven1 a:link, #mainMenu li.uroven1 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #mainMenu li.uroven1 a.active:link, #mainMenu li.uroven1 a.active:visited 
	{
	    background: url(./img/menu-vlevo-polozka-sipky.gif) no-repeat 4% 49%;
	}
    #mainMenu li.uroven1 a:hover, #mainMenu li.uroven1 a.active:hover, #mainMenu li.uroven1 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-vybrana.jpg) repeat-x left center;
	}
    
    #mainMenu li.uroven2 a:link, #mainMenu li.uroven2 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #mainMenu li.uroven2 a.active:link, #mainMenu li.uroven2 a.active:visited 
	{
	    background: url(./img/menu-vlevo-polozka-sipky2.gif) no-repeat 9% 49%;
	}
    #mainMenu li.uroven2 a:hover, #mainMenu li.uroven2 a.active:hover, #mainMenu li.uroven2 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-vybrana2.jpg) repeat-x left center;
	}
        
    #mainMenu li.uroven3 a:link, #mainMenu li.uroven3 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #mainMenu li.uroven3 a.active:link, #mainMenu li.uroven3 a.active:visited 
	{
	    background: url(./img/menu-vlevo-polozka-sipky.gif) no-repeat 4% 49%;
	}
    #mainMenu li.uroven3 a:hover, #mainMenu li.uroven3 a.active:hover, #mainMenu li.uroven3 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-1px.jpg) repeat-x left center;
	}
    
#endMenu
    {
	width: 100%;
	height: 107px;
	background: url(./img/menu-vlevo-zapati.jpg) no-repeat left top;
    }    

#col_left
{
    text-align: left;
    float: left;
    display: inline;
    width: 250px;
}

#col_right
{
    text-align: left;
    float: right;
    display: inline;
    width: 200px;
    
    /*background-color: blue;*/
}

#col_right #pocasiPribor strong
{
    color: #987C4D;
}
#col_right #pocasiPribor table
{
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: bold;
    
}
#col_right #pocasiPribor table td
{
    width: 60px;
    padding: 0 0 10px 0;
}

#col_right #pocasiPribor a{ 
	color: #987C4E;
	text-decoration:underline;
	}
#col_right #pocasiPribor a:hover{
	color: #000000; 
	text-decoration:none;
	}


#col_main
    {
	margin: 0 0 0 15px;
	text-align: left;
	float: left;
	display: inline;
	width: 498px;
	overflow: hidden;
    }
    #col_main a:link
	{
	    text-decoration: underline;
    	    color: #987C4E;
	}
    #col_main a:visited
	{
	    text-decoration: underline;
	    color: #987C4E;
	}
    #col_main a:hover
	{
    	    text-decoration: none;
	    color: #987C4E;
	}

#panel
    {
	clear: both;
	width: 100%;
	height: 23px;
	background-color: #987c4d;
    }
    
#subMenuTop
    {
	width: 200px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	background: #efebe0 url(./img/menu-vpravo-zahlavi.gif) repeat-x left top;
	/*background-color: red;*/
    }
    
#subMenu 
    {
	margin: 0;
	/*font-size: 12px;*/
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	list-style-type: none;
	background-color: #efebe0;
    }
    #subMenu li 
	{
	    margin: 0;
	    padding: 0;
	    width: 200px;
	    padding: 0 0 2px 0;
	    background: url(./img/menu-vpravo-oddelovac.gif) bottom repeat-x;
	    /*background-color: red;*/
	}
    #subMenu a, #subMenu span
	{
	    display: block;
	    margin: 0;
	    border: 0;
	    height: 23px;
	    padding: 0;
	    /*border-bottom: #cccccc 1px solid;*/
	    font-weight: normal;
	    color: #3a3634;
	    text-decoration: none;
	}
    #subMenu li.uroven1 a, #subMenu li.uroven1 span
	{
	    padding: 0 5px 0 15px;
	}
    #subMenu li.uroven2 a, #subMenu li.uroven2 span
	{
	    padding: 0 5px 0 30px;
	}	
    #subMenu li.uroven3 a, #subMenu li.uroven3 span
	{
	    padding: 0 5px 0 50px;
	}
		
    #subMenu li.uroven1 a:link, #subMenu li.uroven1 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #subMenu li.uroven1 a.active:link, #subMenu li.uroven1 a.active:visited 
	{
	    background: url(./img/menu-vpravo-polozka-vybrana.jpg) repeat-y;
	}
    #subMenu li.uroven1 a:hover, #subMenu li.uroven1 a.active:hover, #subMenu li.uroven1 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-1px.jpg) repeat-x left center;
	}
    
    #subMenu li.uroven2 a:link, #subMenu li.uroven2 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #subMenu li.uroven2 a.active:link, #subMenu li.uroven2 a.active:visited 
	{
	    background: url(./img/menu-vpravo-polozka-vybrana2.jpg) repeat-y;
	}
    #subMenu li.uroven2 a:hover, #subMenu li.uroven2 a.active:hover, #subMenu li.uroven2 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-1px.jpg) repeat-x left center;
	}
        
    #subMenu li.uroven3 a:link, #subMenu li.uroven3 a:visited
	{
	    /*background-color: #e9e2d2;*/
	}
    #subMenu li.uroven3 a.active:link, #subMenu li.uroven3 a.active:visited 
	{
	    /*background: #e9e2d2 url(./img/menu-vlevo-polozka-sipky.gif) no-repeat 4% 49%;*/
	}
    #subMenu li.uroven3 a:hover, #subMenu li.uroven3 a.active:hover, #subMenu li.uroven3 span.active 
	{
	    background: #fefefe url(./img/menu-vlevo-polozka-pozadi-1px.jpg) repeat-x left center;
	}        

#fotoPribor
    {
	
	width: 100%;
	height: 208px;
	display: block;
	background: url(./img/foto-pribor-uvod.jpg) no-repeat left top;
    }
    

/*= OBSAH */
#divHeader { 
	display: block;
	width: 978px;
	height: 187px !important;
	float: left;
	background: url(./img/hlavicka-pribor-uvod.jpg) no-repeat left top;
	}
#divContent { 

	}

#divFooter 
    {
	clear: both;
	text-align: left; 
	width: 978px;
	margin: 0 auto 0 auto;
	padding-left: 5px;
	height: 45px;
	font-size: 10px;
	color: #7D7D7D;
	margin-top: 8px;
	background:url("./img/logo-pribor-mesto-vasich-snu.gif") no-repeat right top;
    }
#divFooter a{ 
	color: #7D7D7D;
	text-decoration:underline;
	}
#divFooter a:hover{
	color: #987C4E; 
	text-decoration:none;
	}



#col_main .clanekNadpis a:link
    {
        text-decoration: underline;
	color: #364948;
    }
#col_main .clanekNadpis a:visited
    {
        text-decoration: underline;
        color: #364948;
    }
#col_main .clanekNadpis a:hover
    {
	text-decoration: none;
	color: #364948;
    }	
.tabTyp3 th
    {
	background-color: #e8e8e8;
    }