body {
		
	background:url(12.jpg) repeat #33CCFF center top;
	background-attachment:fixed;
	/* background: #ff9c00; */				/*cvet fona stranicu   bul  #c6e2ff  */
	/* color: #000000; */					/*--zamena #666 na #000000 --*/
	
}




.container {width:100%; height:20px; margin:0 auto; padding:0px 0px 0px 0px;}
/* default styling */
.nav,
.nav ul {list-style-type:none; margin:0; padding:0; float:left;}

/* the link border radii and shadow */
.nav a {text-decoration:none;
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);

-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* the menu font */
.nav {font-family: verdana, sans-serif; font-size:11px; font-weight: 550; margin-bottom:-1px;}

/* style the links */
.nav a {float:left; color:#fff; line-height:20px; padding:4px 4px 4px 14px; border:1px solid yellow; margin-bottom:-1px; background:#556b2f;}
/* the dropdown arrow */
.nav .sub-a {background:#556b2f url(arrow.gif) no-repeat 3px center;}    /* cvet menu do najatia #556b2f */

/* the sub menu links */
.nav ul a {background:#6b8e23;}

/* the links hover color */
.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; background-color:#c19441;}

/* the sub links hover color and arrow */
.nav ul a:hover,
.nav ul a:focus,
.nav ul a:active {background:#c19441 url(arrow-r0.gif) no-repeat 3px center;}

/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {background-color:#c19441;} 

/* Замена ширины ячеек меню (менять все пропорционально */
.nav {width:102px; margin-right:-1px;}
.nav a {width:82px; margin-right:-100px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {max-width:102px;} /* fix for IE8 */

/* flyout LEFT/RIGHT positions */
.nav ul.fly {left:102px;}
.nav .left ul.fly {left:auto; right:102px;}
.nav .mid ul.drop {left:-102px;}

/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.nav ul {position:relative; margin-bottom:-1000px; z-index:500;} /* make all sub menus line up at the top and a high z-index to cover the top links drop shadow */
.nav ul li {float:left; clear:left;} /* get the sub links in a vertical column */
.nav a {position:relative;}
.nav .sub-li {margin-top:-3000px;} /* move the sub menus off the top of the screen out of sight */
.nav .sub-a {margin-top:3000px;} /* move the top level links back to their original positions */

/* The bit that does ALL the work to bring the sub menus into view */
.nav .sub-li a:hover,
.nav .sub-li a:focus,
.nav .sub-li a:active {margin-right:0;}

/* OPERA fix */
.nav ul:hover {clear:left;}

/*IE6-7 fixes*/
a:active {}


<!-- animacija fotogalereja -->
div.cf_wrapper {  position: relative;}
div.cf_element {width: 150px;background-color: #eee;border: 1px solid #ccc;}
div.cf_element div.content { padding: 4px;}
div.cf_element div.content h3 {	padding-top: 0;	margin-top: 0;}
#wrapper {width: 150px;	margin: 0px auto;text-align: left;  clear: both;}
/* ---------------------------------------------------------------------------- */

FOOTER

*/
#footer-wrapper {
    width: 100%;
    
  
    clear: both;
    padding: 0;
    margin: 0;
    }


#footer {
    font-size: 20px;
    height: 70px;
    padding: 4px 20px;
    position: relative;
    font-style: normal;
    FONT-FAMILY: Times New Roman;
 
    background-image: url(../images/shapka/footer.jpg);
    color: #00008b;
    text-align: center;
    font-weight: 500;
   }

#h3 {
    font-size: 22px;
    color: #dc143c;
    text-align: center;
    font-weight: 700;
    }
#h4 {
    font-size: 18px;
    color: #4b0082;
    text-align: justify;
    font-weight: 700;
    }

#h5 {
    font-size: 18px;
    color: green;
    text-align: center;
    font-weight: 700;
    }


#a1 {
    font-size: 20px;
    color: #006400;
    text-align: center;
    font-weight: 700;
    }
#c1 {
    font-size: 18px;
    color: #200772;
    text-align: justify;
    font-weight: 500;
	FONT-FAMILY: comic sans ms;
    }

#t1{	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 1em;
	color: #100C7A;
	text-decoration: initial;
	text-align: justify;
	line-height: 120%;
	}

/* obdarovani nachalo */

#o1{	font-family: 'tahoma', verdana;
	font-size: 1.5em;
	color: #100C7A;
	text-decoration: initial;
	text-align: justify;
	line-height: 120%;
	}
#o2{	font-family: 'tahoma', verdana;
	font-size: 1.15em;
	color: #100C7A;
	text-decoration: initial;
	text-align: justify;
	line-height: 120%;
	}

#o3{	font-family: 'tahoma', verdana;
	font-size: 1.5em;
	color: #ff0700;
	text-decoration: initial;
	text-align: justify;
	line-height: 120%;
	}

/* obdarovani konec */

/* novunu*/
table.lenta {border:solid 1px #777777; width:100%; background-color:#EFEDDF}
table.lenta td.img {margin:0; padding: 10px 0px 3px 10px; }
table.lenta td.text {margin:0; padding: 10px 10px 3px 10px; }
table.lenta img {margin:0}
table.lenta A:link {color:#183CAD}
table.lenta A:link img {border:none}
table.lenta A:visited {color:#840084}
table.lenta A:visited img {border:solid 1px #EFEDDF}
table.lenta p.title {margin:0; font-family:Times; font-size:100%; font-weight:bold}
table.lenta p.t {margin:0; font-family:Times; font-size:60%; color:#000000}
table.lenta p.content {margin:0; font-family:Times; font-size:100%; color:#000000}


/* otkrutie dokumentov na saite */
.file_block{
    overflow: hidden;
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    transition: height 0.8s ease-out 0s;
    -moz-transition: height 0.8s ease-out 0s;
    -webkit-transition: height 0.8s ease-out 0s;
    -o-transition: height 0.8s ease-out 0s;
}
    
.file_block iframe {
    border: 1px solid #000;
    padding: 10px;
}

.show_docs span {
    cursor: pointer;
}