/* = BODY, misc
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 30px 0; font-size:12px; text-align:center; font-family: sans-serif; background-color:#fff; color:#000; }
h1, h2, h3, p, form, ul { padding:0; margin:0; font-weight:normal; }
h1 { font-size:45px; color:#417A0F; margin:0 0 10px 0; }
h2 { font-size:20px; margin:0 0 10px 0; }
h3 { font-size:12px; }
p,
#content li { line-height:150%; }
#side ul li,
#side2 ul li,
ul#bottomMenu li { list-style:none; }
table { margin:0 0 10px 0; }
a, a:link, a:visited { color:#277EAB; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; display:block; }
.clear { clear:both; }
.wrap { margin:0 auto; text-align:left; width:1000px; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }


/* = HEADER
---------------------------------------------------------------------------------------------------*/
#header { height:168px; background:url(/foto/layout/h.jpg) top right no-repeat; }
#header a.logo,
#header a.logo:visited { width:233px; height:168px; }
#header a.logo img { display:inline; }

/* = SIDE
---------------------------------------------------------------------------------------------------*/
#side { width:268px; padding:22px 0 0 0; float:left; background:url(/foto/layout/side-top-shadow.jpg) left top no-repeat; }
#sideInner { padding:0 0 12px 0; background:url(/foto/layout/side-bottom-shadow.jpg) left bottom no-repeat; }
/* main */
#side h2 { height:46px; line-height:46px; overflow:hidden; color:#fff; text-indent:16px; margin:0; }
#side h2 a { height:46px; line-height:46px; overflow:hidden; color:#fff; text-indent:16px; margin:0; text-decoration:none;}
#side ul { padding:0 0 5px 0; width:268px; }
/*#side ul li,*/
#side ul li a,
#side ul li a:visited { /*height:30px; line-height:30px;*/ padding:7px 16px 7px 16px; color:#fff; text-decoration:none; font-size:14px; display:block; font-weight:bold; }
#side ul li { margin:0 0 3px 0; padding:0; }

* html #side ul li a,
* html #side ul li a:visited { height:1%; } /* ie6 bug */

/* = zelene (default)
---------------------------------------------------------------------------------------------------*/
#side ul li.current_page_item,
#side ul li.current_page_ancestor { height:auto; background:url(/foto/layout/green_active_top.jpg) top left no-repeat; }
#side ul li a:hover { background:url(/foto/layout/green_main_hover_bg.jpg) left top repeat-y; }
#side ul li.current_page_item a:hover,
#side ul li.current_page_ancestor a:hover { background:transparent; /**/ position:relative; /* stupid ie7 bug fix */ }
/* sub */
#side ul li.current_page_item ul,
#side ul li.current_page_ancestor ul { background:url(/foto/layout/green_active_bottom.jpg) bottom left no-repeat; padding:0 0 5px 0; }

* html #side ul li.current_page_item ul,
* html #side ul li.current_page_ancestor ul { background:url(/foto/layout/green_active_bottom.jpg) bottom left no-repeat; padding:0 0 8px 0; }

#side ul li.current_page_item ul li,
#side ul li.current_page_ancestor ul li { background:url(/foto/layout/green_active_bg.jpg) repeat-y; margin:0; }
* html #side ul li.current_page_item ul li,
* html #side ul li.current_page_ancestor ul li { margin-bottom:-3px; } /* stupid ie6 bug */
#side ul li.current_page_item ul li a,
#side ul li.current_page_item ul li a:visited,
#side ul li.current_page_ancestor ul li a,
#side ul li.current_page_ancestor ul li a:visited { padding-left:25px; font-weight:normal; }
#side ul li.page_folder ul li a:hover,
#side ul li.current_page_item ul li.current_page_item a,
#side ul li.current_page_item ul li.current_page_item a:hover,
#side ul li.current_page_ancestor ul li.current_page_item a,
#side ul li.current_page_ancestor ul li.current_page_item a:hover { background:url(/foto/layout/green_active_hover_bg.jpg) left top repeat-y; padding-left:25px;}
#zeleneMenu { background:#5A931C url(/foto/layout/green_main_bg.jpg) repeat-y; }

/* = modre
---------------------------------------------------------------------------------------------------*/
#side #modreMenu ul li.current_page_item,
#side #modreMenu ul li.current_page_ancestor { background:#377DC5 url(/foto/layout/blue_active_top.jpg) top left no-repeat; }
#side #modreMenu ul li a:hover { background:url(/foto/layout/blue_main_hover_bg.jpg) left top repeat-y; }
#side #modreMenu ul li.current_page_item a:hover,
#side #modreMenu ul li.current_page_ancestor a:hover { background:transparent; }
#side #modreMenu ul li.current_page_item ul,
#side #modreMenu ul li.current_page_ancestor ul { background:url(/foto/layout/blue_active_bottom.jpg) bottom left no-repeat; }
#side #modreMenu ul li.current_page_item ul li,
#side #modreMenu ul li.current_page_ancestor ul li { background:url(/foto/layout/blue_active_bg.jpg) repeat-y; }
#side #modreMenu ul li.current_page_item ul li a:hover,
#side #modreMenu ul li.current_page_item ul li.current_page_item a,
#side #modreMenu ul li.current_page_item ul li.current_page_item a:hover,
#side #modreMenu ul li.current_page_ancestor ul li a:hover,
#side #modreMenu ul li.current_page_ancestor ul li.current_page_item a,
#side #modreMenu ul li.current_page_ancestor ul li.current_page_item a:hover { background:url(/foto/layout/blue_active_hover_bg.jpg) left top repeat-y; }
#side #modreMenu { background:#377DC5 url(/foto/layout/blue_main_bg.jpg) repeat-y; }

/* = oranzove
---------------------------------------------------------------------------------------------------*/
#side #oranzoveMenu ul li.current_page_item,
#side #oranzoveMenu ul li.current_page_ancestor { background:#FF8A07 url(/foto/layout/orange_active_top.jpg) top left no-repeat; }
#side #oranzoveMenu ul li a:hover { background:url(/foto/layout/orange_main_hover_bg.jpg) left top repeat-y; }
#side #oranzoveMenu ul li.current_page_item a:hover,
#side #oranzoveMenu ul li.current_page_ancestor a:hover { background:transparent; }
#side #oranzoveMenu ul li.current_page_item ul,
#side #oranzoveMenu ul li.current_page_ancestor ul { background:url(/foto/layout/orange_active_bottom.jpg) bottom left no-repeat; }
#side #oranzoveMenu ul li.current_page_item ul li,
#side #oranzoveMenu ul li.current_page_ancestor ul li { background:url(/foto/layout/orange_active_bg.jpg) repeat-y; }

#side #oranzoveMenu ul li.current_page_item ul li a:hover,
#side #oranzoveMenu ul li.current_page_item ul li.current_page_item a,
#side #oranzoveMenu ul li.current_page_item ul li.current_page_item a:hover,
#side #oranzoveMenu ul li.current_page_ancestor ul li a:hover,
#side #oranzoveMenu ul li.current_page_ancestor ul li.current_page_item a,
#side #oranzoveMenu ul li.current_page_ancestor ul li.current_page_item a:hover { background:url(/foto/layout/orange_active_hover_bg.jpg) left top repeat-y; }
#side #oranzoveMenu { background:#FF8A07 url(/foto/layout/orange_main_bg.jpg) repeat-y; }


/* = CONTENT
---------------------------------------------------------------------------------------------------*/
#content { width:502px; float:left; padding:22px 20px 0 20px ;}
/* misc */
#content p { margin:0 0 10px 0; }
#content img { border:1px solid #000; margin:8px 0 8px 8px; }
* html #content img { margin-left:2px; }
#content img.floatRight { margin:8px 0 8px 8px; }
#content img.floatLeft { margin:8px 8px 8px 0px; }
#content ul,
#content ol { padding:0 0 0 18px; }
#content li { margin:0 0 10px 0; /*text-indent:12px; background:url(/foto/layout/dot.jpg) left 5px no-repeat;*/ }

/* = SIDE2
---------------------------------------------------------------------------------------------------*/
#side2 { width:190px; float:left; padding:22px 0 0 0; }
#side2 img { display:inline; }

/* = box
---------------------------------------------------------------------------------------------------*/
#side2 .box { background:url(/foto/layout/side2_box_bg.jpg) left top repeat-y; }
#side2 .boxBottom { height:7px; background:url(/foto/layout/side2_box_bottom.jpg) no-repeat; font-size:1px; overflow:hidden; }
#side2 .boxInner { background:url(/foto/layout/side2_box_top.jpg) left top no-repeat; padding:15px 15px 15px 17px; }
#side2 .box h3 { color:#868686; font-size:18px; line-height:27px; margin:0 0 18px 0; }

/* = bigIcons
---------------------------------------------------------------------------------------------------*/
#side2 .box ul.bigIcons { }
#side2 .box ul.bigIcons li { margin:0 0 3px 0; }
/*#side2 .box ul.bigIcons li:last { margin:0; }*/
#side2 .box ul.bigIcons li a,
#side2 .box ul.bigIcons li a:visited { color:#518C19; display:block; font-size:14px; }
#side2 .box ul.bigIcons li.pdf a,
#side2 .box ul.bigIcons li.pdf a:visited { padding:4px 0 0 61px; height:44px; background:url(/foto/layout/icon-pdf.jpg) left center no-repeat; }
#side2 .box ul.bigIcons li.mp3 a,
#side2 .box ul.bigIcons li.mp3 a:visited { padding:4px 0 0 61px; height:44px; background:url(/foto/layout/icon-play.jpg) left center no-repeat; }
#side2 .box img.partner { margin:0 0 20px 0; }


/* = BOTTOM
---------------------------------------------------------------------------------------------------*/
.bottom { color:#9E9E9E; margin:50px 0 0 0; }
.bottom a,
.bottom a:visited { color:#9E9E9E; text-decoration:none; }
.bottom a:hover { text-decoration:underline; }
.bottom p.copy { float:left; }
.bottom ul#bottomMenu { float:right; }
.bottom ul#bottomMenu li { float:left; margin:0 0 0 17px; }
* html .bottom ul#bottomMenu li { display:inline; }