@charset "utf-8";
body {  font-family: "Courier New", Courier, monospace; 	color:#464234; font-size: 15px; margin: 0px; padding: 0px; background-color: #FCFDD3;
	background-image: url(images/tlo.jpg);
	background-repeat: repeat-x;
	background-position: center top;}
.clear { clear: both; }

 * { behavior: url(iepngfix/iepngfix.htc) }
 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */


a{ color:#464234; text-decoration:none;}

/* ----------------------------------- HEADER */

div.maincontainer{text-align:center;}

#header{width:800px; margin:0 auto; height:240px; text-align:center; position:relative;}
	#leftlogo{width:160px;  height:140px; float:left; display:none; }
	#logo{width:380px; height:250px; border:0px solid; background:url(images/newmokshalogo.png) no-repeat bottom center; position:absolute; top:0; left:200px;} 
	#rightlogo{width:160px; height:140px; float:left; display:none;}
#namesite{text-align:center; display:none; margin:0; padding:0; width:100%; font-family:"Courier New", Courier, monospace;	font-size:3.3em; 	font-weight:bold;  letter-spacing: 0.65em; color:#3C3111; position:relative; top:-27px; }
 
#fblike{position:absolute; top:140px; right:-130px;}
#fblike a{position:absolute; top:-30px; right:120px; text-decoration:underline;}

div#container1{width:800px; margin:0 auto; }
	div#leftmenu{width:130px;  height:140px; float:left; }
	div#text{width:540px; height:440px; float:left; }  
	div#rightmenu{width:130px; height:140px; float:left; }
	
	
.adv{position:absolute; top:0; right:0;}	

/* ----------------------------------- MENU */

div.menu{width:127px; height:125px; overflow: hidden; position:relative; margin-top:65px; left:-20px; }
	div.menu a{display:block; background-repeat:no-repeat; background-position: 0 0;}
	div.menu a:hover{ background-position:0 -125px;}
	div.menu a#selected{ background-position:0 -125px;}
	.menu .topmenu1 {background:url(images/menu_zadum_1.gif);}
	.menu .topmenu2 {background:url(images/menu_zrobyly_2.gif);}
	
div.menu2{width:127px; height:125px; overflow: hidden; margin-top:65px; left:10px;}	
	div.menu2 a{display:block; background-repeat:no-repeat; background-position: 0 0;}
	div.menu2 a:hover{ background-position:0 -125px;}
	.menu2 .topmenu3 {background:url(images/menu_spilk_3.gif);}
	.menu2 .topmenu4 {background:url(images/menu_znaxod_4.gif);}
	
div#shopmenudiv{width:860px; margin:0 auto; height:125px; margin-top:10px; margin-right:40px; }
div.menushopcontainer{width:25%; float:left; text-align:center;}
div.menushop{width:127px; border:0px solid #000000; height:125px; overflow: hidden;}	
	div.menushop a{display:block; background-repeat:no-repeat; background-position: 0 0;}
	div.menushop a:hover,div.menushop a#selected{ background-position:0 -125px;}
	.menushop .topmenu1 {background:url(images/menu_zadum_1.gif);}
	.menushop .topmenu2 {background:url(images/menu_zrobyly_2.gif);}
	.menushop .topmenu3 {background:url(images/menu_spilk_3.gif);}
	.menushop .topmenu4 {background:url(images/menu_znaxod_4.gif);}
	
	
div#mainmenudiv{width:860px; margin:0 auto; height:125px; margin-top:10px; }
div.menumaincontainer{width:25%; float:left;}
div.menumain{width:127px; margin:0 auto; height:125px; overflow: hidden;}	
	div.menumain a{display:block; background-repeat:no-repeat; background-position: 0 0;}
	div.menumain a:hover,div.menushop a#selected{ background-position:0 -125px;}
	.menumain .topmenu1 {background:url(images/menu_zadum_1.gif);}
	.menumain .topmenu2 {background:url(images/menu_zrobyly_2.gif);}
	.menumain .topmenu3 {background:url(images/menu_spilk_3.gif);}
	.menumain .topmenu4 {background:url(images/menu_znaxod_4.gif);}
	
/* ----------------------------------- ROTATION MAIN */
	
.pics {height: 440px; width:540px; padding: 0; margin: 0;} 
.pics img {padding: 0px; height:  440px; width:540px; top:0; left: 0;} 

#s7 { width: 250px; height: 160px;  display:block; position:relative; top: -20px; left: -27px;  }
#s7 div{ width: 230px; margin-top:63px; height: 120px;  padding: 3px 3px 3px 0px; font-weight:bold; font-family:"Courier New", Courier, monospace; text-align: left; font-size: 16px; }
#s7 div a{ color: #473510; text-decoration:none; border-bottom:2px solid #ED1C24;}
#s7 div a:hover{ text-decoration:none; border:0px;}

/* ----------------------------------- CONTENT */
div#textcontainer{margin-top:55px; padding:0px 10px 0px 10px; float:left; width:525px;}
	div.news{padding:15px 30px 15px 0px; float:left; width:97%;}
	div.news img{padding:7px; margin:0px 10px 10px 0px; background:#EFDFA4; border:1px solid #E6C65C;}
	div.newstitle{font-size:21px; font-family: "Courier New", Courier, monospace; line-height:22px; font-weight:bold; text-align:left; padding-bottom:9px; margin-bottom:7px;   }
		div.newstitle a{color:#4A3D12; padding-left:2px; }
		div.newstitle a.category{color:#000000;}
	div.newsanons{text-align:justify; font-size:17px;}
	div.datetime{font-size:11px; padding-top:5px; text-align:right;}

.tablecontainer{margin-top:16px;}

.arrow{
	padding: 0px 2px 0px 1px;
	float:left;
}	

div#rozdil{font-size:41px; color:#A08A45; width:497px;  padding:0px 0 11px 0;   font-family: "Courier New", Courier, monospace; margin-bottom:55px;}
div#rozdil a{color:#A08A45;  position:relative; line-height:22px; font-weight:bold; text-decoration:none;}
.rozdiltd a,.rozdiltd a:hover {color:#A08A45; font-size:41px;  font-family: "Courier New", Courier, monospace; position:relative; line-height:22px; font-weight:bold; text-decoration:none;  margin-bottom:55px;}

#foottext{margin-top:30px; text-align:center;}