/* tady jsou definovány barvy*/
#hlavni {BACKGROUND-COLOR: #FFF7CF;}
#hlavni a:hover {BACKGROUND-COLOR: #0066b2; color:white;}
#sluzby0 #m_active {BACKGROUND-COLOR: #0066b2;}
#hlavni ul a { BACKGROUND-COLOR: #b1d3ec;  }
#hlavni ul ul a { BACKGROUND-COLOR: #d7e8f5; }
#hlavni ul ul ul a {BACKGROUND-COLOR: #ebf4fa; }
/*konec definice barev*/

/* HLAVNI  tady jsou definovány barvy
#sluzby_zaklad {BACKGROUND-COLOR: #e9f9f9;}
#sluzby_zaklad a:hover {BACKGROUND-COLOR: #ff6f21; color:white;}
#sluzby_zaklad #m_active {BACKGROUND-COLOR: #ff6f21;}
#sluzby_zaklad ul a {BACKGROUND-COLOR: #fff7cf;  }
#sluzby_zaklad ul ul a  {BACKGROUND-COLOR: #d4f2f2; }
#sluzby_zaklad ul ul ul a  {BACKGROUND-COLOR: #e9f9f9; }*/

/* RED tady jsou definovány barvy*/
/*#sluzby0 {BACKGROUND-COLOR: #fff2ef;}
#sluzby0 a:hover {BACKGROUND-COLOR: #ff3300; color:white;}
#sluzby0 #m_active {BACKGROUND-COLOR: #ff3300;}
#sluzby0 ul a {BACKGROUND-COLOR: #ffccbf;  }
#sluzby0 ul ul a {BACKGROUND-COLOR: #ffe6df; }
#sluzby0 ul ul ul a {BACKGROUND-COLOR: #fff2ef; }*/

/* Základní barva rubrik */
#sluzby1 {BACKGROUND-COLOR: #fcecf8;}
#sluzby1 a:hover {BACKGROUND-COLOR: #009cdc; color:white;}
#sluzby1 #m_active {BACKGROUND-COLOR: #009cdc;}
#sluzby1 ul a { BACKGROUND-COLOR: #7fcded;}
#sluzby1 ul ul a  {BACKGROUND-COLOR: #a6dcf3;}
#sluzby1 ul ul ul a {BACKGROUND-COLOR: #ccebf8;}
/*konec definice barev*/


/* MAGENTA tady jsou definovány barvy
#sluzby1 {BACKGROUND-COLOR: #fcecf8;}
#sluzby1 a:hover {BACKGROUND-COLOR: #cc0099; color:white;}
#sluzby1 #m_active {BACKGROUND-COLOR: #cc0099;}
#sluzby1 ul a { BACKGROUND-COLOR: #f2b6e3;}
#sluzby1 ul ul a  {BACKGROUND-COLOR: #f9daf1;}
#sluzby1 ul ul ul a {BACKGROUND-COLOR: #fcecf8;}*/
/*konec definice barev*/

/* GREEN tady jsou definovány barvy*/
/*#sluzby2 {BACKGROUND-COLOR: #ecfcec;}
#sluzby2 a:hover {BACKGROUND-COLOR: #00cc00; color:white;}
#sluzby2 #m_active {BACKGROUND-COLOR: #00cc00;}
#sluzby2 ul a { BACKGROUND-COLOR: #b6f2b6;  }
#sluzby2 ul ul a  { BACKGROUND-COLOR: #daf9da; }
#sluzby2 ul ul ul a { BACKGROUND-COLOR: #ecfcec; }*/
/*konec definice barev*/



/* TYRKYS tady jsou definovány barvy*/
/*#sluzby3 {BACKGROUND-COLOR: #e9f9f9;}
#sluzby3 a:hover {BACKGROUND-COLOR: #009999; color:white;}
#sluzby3 #m_active {BACKGROUND-COLOR: #009999;}
#sluzby3 ul a {BACKGROUND-COLOR: #ace6e6;  }
#sluzby3 ul ul a  {BACKGROUND-COLOR: #d4f2f2; }
#sluzby3 ul ul ul a  {BACKGROUND-COLOR: #e9f9f9; }*/




/* ORANGE tady jsou definovány barvy*/
#sluzby4 {BACKGROUND-COLOR: #FFF7CF; border-right:1px solid silver;}
#sluzby4 a:hover {BACKGROUND-COLOR: #FD8603; color:white;}
#sluzby4 #m_active {BACKGROUND-COLOR: #FD8603;}
#sluzby4 ul a {BACKGROUND-COLOR: #FFF7CF;  }
#sluzby4 ul ul a  {BACKGROUND-COLOR: #FAFAE7; }
#sluzby4 ul ul ul a  {BACKGROUND-COLOR: #F9F9F0; }

/*konec definice barev*/


/******************navigace*/
.navigace 
{
margin:0px;
margin-bottom:0px;
margin-top:0px;
width:100%;
_width:100%;
padding:0px;
float:left;
}


.navigace #first_level {
	border-top:1px solid #FD8603;Width: 100%;   margin-right:0px;margin-left:0px;
}

.navigace a {display:block;color:black; text-decoration:none;vertical-align:middle;background-repeat: no-repeat; text-align:right;}
/* HACK pokud je width:100% nefunguje to v Mozille, width:auto zase v IE*/
.navigace a {
width:auto;
_width:100%;
background-position: right;
}

.navigace ul
{
margin:0px;
padding: 0px;
list-style-type: none;
}
.navigace li
{
margin-bottom:0px;
margin-top:1px;
margin-left:0px;
}

.navigace ul a{
	padding: 4px 16px 4px 2px; font-weight: bold; color:black; 
	border-bottom:1px solid #e0e0e0;
}



.navigace ul ul a {
	PADDING: 3 26 3 2;  background-position: 97%;  background-image: url(/g/sekce/s_1.gif);font-weight: normal; 
}

.navigace ul ul ul a {
	FONT-SIZE: 95%; PADDING: 3 32 3 2; background-position: 97%;  background-image: url(/g/sekce/s_2.gif);font-weight: normal; 
}



.first_level #c1 {
	background-image:url(/img/li-menu1-ctverecek-1-of.gif);}/* červená */

.first_level #c2 {
	background-image: url(/img/li-menu1-ctverecek-2-of.gif);}/* modrá  */

.first_level #c3 {
	background-image: url(/img/li-menu1-ctverecek-3-of.gif);}/* zelená */

.first_level #c4 {
	background-image: url(/img/li-menu1-ctverecek-4-of.gif);}/* oranžová  */

.first_level #c5 {
	background-image: url(/img/li-menu1-ctverecek-5-of.gif);}/* fialová  */

.first_level #c6 {
	background-image: url(/img/li-menu1-ctverecek-5-of.gif);}/* tyrkys */

.first_level #c7 {
	background-image: url(/img/li-menu1-ctverecek-7-of.gif);}/* černá  */

#m_active{
	 font-weight: bolder; color:white; border:white solid 1px; background-position: 97% 7px; background-repeat: no-repeat; /*background-image: url(/g/sekce/sipka11.gif*/);
}

#m_alias {
	 font-style: italic;
}

/*HR.clear{
	visibility: hidden;clear:both;
}*/
/* konec stránky kategorií*/
/*
#ramec-sloupec-1 {
float:left;
margin:7px 0 0 0px;
width:130px;
font-size:90%;
font-family:arial, sans-serif;
border:1px solid red;
}

#ramec-sloupec-1 a {
padding:5px 15px 5px 5px;
border-bottom:1px solid #FFA800;
color:black;
margin:0;
text-decoration:none;
font-weight:bold;
display:block;
background-image:url(/img/li-menu1-of.gif);
background-repeat:no-repeat;
background-position:right;
}
#ramec-sloupec-1 a:hover {
border-bottom:1px solid black;
color:black;
background-image:url(/img/li-menu1-on.gif);
}
#ramec-sloupec-1 a.sponzoring {
padding:5px 15px 5px 5px;
border-bottom:1px solid #FFA800;
color:#1240C7;
margin:0;
text-decoration:none;
font-weight:bold;
display:block;
background-image:url(/img/li-menu1-of.gif);
background-repeat:no-repeat;
background-position:right;
}
#ramec-sloupec-1 a.sponzoring:hover {
border-bottom:1px solid black;
color:black;
background-image:url(/img/li-menu1-on.gif);
}
*/







/* HORIZONTÁLNÍ  NAVIGACE*/
DIV.navigace_h{
font-size:100%;
margin:6px 0px 0px 0px;
color:#2f2f2f;
margin-bottom:10px;
font-weight:bold;
}

DIV.navigace_h A
{
	color:#404040;
	margin:0px;
	text-decoration:underline;
	font-weight:normal;
}

DIV.navigace_h DIV
{
	margin-top:2px;
	height:20px;
}


DIV.navigace_h .horizontal_oddelovac
{
	/*padding:0px 6px 0px 6px;*/
	padding:0px 8px 2px 6px;
	background-image : url(/img/separator_orange.png); 
	background-repeat:no-repeat;
	margin:0px 6px 0px 8px;
	width:40px;
	
}

DIV.navigace_h .horizontal_oddelovac SPAN
{
color:transparent;
visibility:hidden;
}

/*.horiz_nav_item div
{
background-color:#4c4c4c;
color:white; 
padding:4px;
width:auto;
}*/

#ramec-horizontal-menu .horiz_nav_box li.menu_label/*Jirka*/
{
background-color:#4c4c4c;
color:white; 
padding:4px;
width:auto;
display:block;
}

.horiz_nav_box li/*Jirka*/
{
padding:4px;
width:auto;
display:block;
}

.horiz_active>A
{
background-color: red;
border:8px solid red;

}



/*HORIZONTÁLNÍ MENU*/ 
#ramec-sloupec-1 form { 
margin : 10px 10px 0 0; 
text-align : right; 
clear : both; 
} 
.logo { 
float : left; 
border:none;
} 
#ramec-horizontal-menu { 
float : left; 
width : 100%; 
/*background-image : url(/img/xmenu2-bg.png); 
background-repeat : repeat-x; 
background-position : left bottom; */
background-color:#ff641a;
} 

#ramec-horizontal-menu { 
float : right; 
width : 100%; 
padding : 0; 
font-size : 90%; 
z-index:1000;
position:relative;
} 
#ramec-horizontal-menu ul { 
padding : 7px; 
margin : 0; 
} 
#ramec-horizontal-menu>ul>li { 
display : inline; 
white-space : nowrap; 
padding : 0 0 0 2px; 
margin : 0 0 0 0; 
background-image : url(/img/xmenu2-delitko.png); 
background-repeat : no-repeat; 
position:relative;
} 
#ramec-horizontal-menu a { 
color : white; 
margin : 0; 
padding : 5px; 
text-decoration : none; 
border-bottom : 0px;; 
font-weight : bold; 
white-space:normal;
} 
#ramec-horizontal-menu a:hover { 
background-image : url(/img/menu2-bg-on.png); 
color : #ff600a; 
} 

#ramec-horizontal-menu li#h_item_home{ 
background-image : url(/img/home_white_18.gif); 
background-repeat : no-repeat; 
} 

#ramec-horizontal-menu li#h_item_home A{ 
display:inline-block;
text-indent:-900px;
width: 18px;
margin:0px;
padding:0px;
} 


#ramec-horizontal-menu li ul.horiz_nav_box
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:18px;
background-color:#f4f4f4;
z-index:1000;
column-count: 2;
}

#ramec-horizontal-menu li:hover ul.horiz_nav_box_1_sloupec
{
column-count: 1;
}

#ramec-horizontal-menu li:hover ul.horiz_nav_box
{
display:block;
width:310px; 
bborder:5px solid orange;
border:5px solid #ff641a;
padding:5px;
}


#ramec-horizontal-menu li:hover ul.horiz_nav_box_1_sloupec
{
width:150px; 
}



#ramec-horizontal-menu #h_item_poradny ul.horiz_nav_box /*3 sloupce*/
{
width:460px; 
}

#ramec-horizontal-menu #h_item_diskuze ul.horiz_nav_box /*2 sloupce*/
{
width:310px; 
}



/*#ramec-horizontal-menu .horiz_nav_item
{
float:left;
list-style:none;
margin-left:5px;
width:148px;
padding:0px;
}Jirka*/

/*#ramec-horizontal-menu .horiz_nav_item ul
{
padding:0px;
margin:0px;
margin-bottom:10px;
}Jirka*/

 #ramec-horizontal-menu .horiz_nav_box li
{
list-style:none;
display:list-item;
clear:both;
margin:2px 0px 4px 0px;
padding:0px;
width:auto;
color:#4c4c4c;
border-bottom:1px solid #4c4c4c;
}

 #ramec-horizontal-menu .horiz_nav_box li a
{
margin:0px;
padding:0px;
width:auto;
color:#4c4c4c;
font-weight:normal;
}




 #ramec-horizontal-menu .horiz_nav_box li a:hover
{
color:white;
background-color:#ff600a;
background-image:none;
}