/* общие стили */
html, body{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family:Tahoma;
	font-size:12px;	
}
h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
}
html, body { height:100%; width:100%; 	background:#ffffff; text-align:center;	}
body { min-height:100%; height:auto !important; height:100%; position:absolute;}
a:active, a:focus {
outline: 0
}

a{
	color:#367F09;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

html, body { height:100%; width:100%; 	background:#ffffff; text-align:center;	}

.clear{
	clear:both;
}

/* первая страница */

#main{
	width:839px;
	margin:50px auto;
	text-align:left;
}

#topmenu{
	background:#36800a url(/pic/top_menu_fon.jpg) repeat-x;
	height:42px;
	margin:0 10px;
}
#topmenu .left{
	float:left;
	background:url(/pic/top_menu_left.gif) no-repeat left;
	height:42px;
}
#topmenu .left span{
	padding-top:15px;
	padding-left:30px;
	color:#ffffff;
	text-transform:uppercase;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	display:block;
}
#topmenu .right{
	float:right;
	background:url(/pic/top_menu_right.gif) no-repeat right;
	/*width:110px;*/
	width:80px;		
	height:42px;
}
#topmenu .right div{
	margin-top:10px;
}
#topmenu .right a{
	display:block;
	padding:5px;
	padding-bottom:6px;	
	font-size:11px;
	color:#ffffff;
	background:#3d8b0f;
	margin-right:3px;
	float:left;
	text-decoration:none;
}
#topmenu .right a:hover, #topmenu .right a:active{
	display:block;
	padding:5px;
	padding-bottom:6px;	
	font-size:11px;
	color:#ffffff;
	background:#296405;
	margin-right:3px;
	float:left;
	text-decoration:none;
}
#topmenu .right span{
	display:block;
	padding:5px;
	padding-bottom:6px;
	font-size:11px;
	color:#ffffff;
	background:#296405;
	margin-right:3px;
	float:left;
	text-decoration:none;
}

#mainvisual{
	background: url(/pic/visual_back.jpg) no-repeat;
	height:437px;
	position:relative;
}
#mainvisual .logo{
	position:absolute;
	top:20px; left:50px;
	width:193px;
	height:83px;
}
#mainvisual #nobuttons{
	position:absolute;
	top:20px; left:129px;
	width:667px;
	height:405px;
	background:url(/pic/main_visual.jpg) no-repeat;
}
#mainvisual #withbuttons{
	position:absolute;
	top:20px; left:129px;
	width:667px;
	height:405px;	
	background:url(/pic/main_visual_blur.jpg) no-repeat;
	display:none;	
}
#mainvisual #flash{
	position:absolute;
	top:20px; left:129px;
	width:667px;
	height:405px;
	outline: none;
}


#mainvisual .newsbutton{
	position:absolute;
	top:261px; left:10px;
	width:32px;
	height:111px;	
}


.newsfon{
	margin-left:45px;
	width:795px;
	height:110px;
	background-image: url(/pic/newsfon.gif);	
	padding-left:20px;
	background-repeat:no-repeat;	
}

.newsfon .news{
	float:left;
	margin-left:15px;
	margin-right:10px;
	width:220px;
	height:110px;
}

.newsfon .news div{
	overflow:hidden;
	height:57px;
}

.newsfon .news em{
 	color:#ffffff;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	display:block;
	text-align:center;
	width:80px;
	margin:15px 0 10px 0; 
	background:#F48000;
	padding:1px;
	font-style: normal;
}

#mainmenu{
	background-image: url(/pic/main_menu_bg.gif);
	width:839px;
	height:98px;
}
#mainmenu div{
	padding:27px 0 0 45px;
}
#mainmenu div a{
	display:block;
	background:#36800a url(/pic/button.jpg) no-repeat;
	width:130px;
	height:25px;
	color:#ffffff;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	text-align: center;	
	vertical-align:middle;
	float:left;
	margin-right:68px;
	text-decoration:none;
	padding-top:10px;
	text-transform:capitalize;	
}
#mainmenu div a:hover, #mainmenu div a:active{
	background:#f48000 url(/pic/buttonon.jpg) no-repeat;
}
#banners{
	height:180px;
	position:relative;
}
#banners .ban1{
	position:absolute;
	left:10px;
	top:10px;
}
#banners .ban2{
	position:absolute;
	left:289px;
	top:10px;
}
#banners .ban3{
	position:absolute;
	left:568px;
	top:10px;
}

.hidden {
    display: none;
}

/* FOOTER */

#footer{
	margin:0px 10px;
	padding-top:25px;
	height:120px;
	color:#aaaaaa;
	line-height:170%;
	border-top:1px solid #ebebeb;
	vertical-align: top;
}
#footer .left{
	width:45%;
	float:left;
}
#footer .right{
	width:45%;
	float:right;
	text-align:right;
}
#footer a:hover{
	color:#EB3B00
}

/* страница показа магазина */
#shopsmain{
	width:839px;
	margin:50px auto;	
	text-align:left;
}

#shopsmain #topmenu{
	background:#36800a url(/pic/top_menu_fon.jpg) repeat-x;
	height:42px;
	margin:0 10px;
}
#shopsmain #topmenu .left{
	float:left;
	background:url(/pic/top_menu_left.gif) no-repeat left;
	height:42px;
	width:300px;
}
#shopsmain #topmenu .left span{
	padding-top:15px;
	padding-left:35px;
	color:#ffffff;
	text-transform:uppercase;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	display:block;
}
#shopsmain #topmenu .right{
	float:right;
	background:url(/pic/top_menu_right.gif) no-repeat right;
	height:42px;
	text-align:left;
	width:400px;
}
#shopsmain #topmenu .right div{
	margin-top:10px;
}

#shopsmain #topmenu .right select{
	width:380px;
	font-family: Tahoma;
	font-size:13px;
	color:#333333;
	background:#f0f0f0;
}

#mainpageshop{
	background: url(/pic/visual_back.jpg) no-repeat;
	height:437px;
	position:relative;	
	
}
#mainpageshop .photo{
	position:absolute;
	left:10px; top:0px;
	width:233px;
	height:425px;
}



#mainpageshop .ugol{
	position:absolute;
	left:10px; top:0px;
	width:233px;
	height:425px;
}

#mainpageshop .shoptext{
	position:absolute;
	padding:10px;
	height:360px;
	width:528px;
	left:260px;
	top:20px;
	overflow:auto;
	line-height:160%;
	font-size:14px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}
#mainpageshop .shoptext h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#367F09;
	margin-bottom:20px;
}

#flashmain{
	background: url(/pic/visual_back.jpg) no-repeat;
	height:437px;
	position:relative;
	padding-left:10px;
}

#flashmap{
	height:425px;
	position:relative;
}

/* вторая страница - статика */

#secondmain{
	width:910px;
	margin:50px auto;
	position:relative;
	text-align:left;
}
#secondmain #fon{
	position:absolute;
	left:-150px;
	top:400px;
	width:320px;
	height:320px;
}

#secondmain #header #logo{
	float:left;
	width:180px;
	height:92px;	
}



#secondmain #leftcolumn{
	width:180px;
	float:left;
	height:550px;
}

#secondmain #leftcolumn div#leftmenu{
	padding-top:100px;
	position: relative;
	z-index: 10;
}

#secondmain #leftcolumn div#leftmenu a{
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:right;	
	margin-right:5px;
	text-decoration:none;
	padding-top:15px;
	text-transform:uppercase;
}

#secondmain #leftcolumn div#leftmenu  a:hover, #secondmain #leftcolumn div#leftmenu  a:active{
	color:#eb3d00;
}

#secondmain #rightcolumn {
	padding-left:20px;
	float:right;
	width:700px;
	overflow:hidden;
}
#secondmain #rightcolumn #title{
	float:left;
	width:350px;	
	padding:20px 0 25px 0;
}
#secondmain #rightcolumn #title h1{
	color:#327709;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;	
}
#secondmain #rightcolumn #path{
	width:300px;
	float:right;
	text-align:right;
	padding-top:20px;
	color:#aaaaaa;	
	white-space:nowrap;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#secondmain #rightcolumn #path a{
	color:#aaaaaa;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
#secondmain #rightcolumn #path a:hover, #secondmain #rightcolumn #path a:active{
	color:#327709;
}
#secondmain #rightcolumn #readtext{
	line-height:160%;
	font-size:14px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}



#secondmain div#footer{
	margin:100px 0 0 0;
	padding-top:25px;
	height:120px;
	color:#aaaaaa;
	line-height:170%;
	border-top:1px solid #ebebeb;
	vertical-align:top;
}


#secondmain #header #menu{
	width:700px;
	height:67px;
	float:right;
	padding-top:25px;
}


#nav{list-style: none; 	
padding:0px; margin:0px; 
}
#nav ul { 
	padding:0;
	margin:0;
	list-style: none;
   z-index:99;
   position:relative; 
   }

#nav ul.submenu { 
	padding: 0;
	margin:0;
	top:35px;
	left:0px;
	list-style: none;
   position:absolute;  
	float:left;
	overflow:hidden;
	background:#eaeaea;;
	width:180px;
	z-index:0;
}

#nav li{ 
   margin:0;   
   position: relative; 
   float:left;
	width:auto;
	background-color:#ffffff;
   display:block;
	width:130px;
	padding:0 60px 0 0;
	
}

#nav li a{ 
	display:block;
	background:#36800a url(/pic/button.jpg) no-repeat;
	color:#ffffff;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	text-align: center;	
	float:left;
	text-decoration:none;
	padding-top:10px;
	text-transform:capitalize;	
	white-space:nowrap;
	width:130px;
	height:25px;
}
#nav li a:hover{
	background:#f48000 url(/pic/buttonon.jpg) no-repeat;
} 


#nav ul.submenu li{  width:180px; background:#eaeaea; }
#nav ul ul li:last-child{}


 
#nav ul.submenu li a {
    text-decoration:none; 
    display:block;
    padding: 0 15px;   
    margin:0; 
	background:#eaeaea;;
	text-align:left;
	width:150px;
	color:#367F09;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
}
#nav ul.submenu li a:hover {
    text-decoration:none; 
    display:block;
    padding: 0 15px;  
	margin:0px; 
	background:#eaeaef;
	color:#eb3d00;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
}

#nav ul.submenu li img{
	margin:5px 0 5px 0;
	padding: 0 15px; 
}

#nav ul.submenu li.topdiv{
	background: url(/pic/menutopdivfon.gif) no-repeat;
	height:22px;
	text-align:right;
	padding:0;
	margin:0;
}
#nav ul.submenu li.bottomdiv{
	background: #ffffff url(/pic/menubottomdivfon.gif) no-repeat;
	text-align:right;
	padding:0;
	margin:0;
	height:11px;
}

#nav ul{
    display:none;   
}



/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.35em; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}


/* стили для формы */

.wrap {
        width: 100%;
        overflow: hidden;
        position: relative;
}
.write {
        background: #efefef;
        padding: 10px 20px;
        margin: 30px 0 0;
		  text-align:left;
}
.write.fixed{
        width: 480px;
}
.write .wrap {
        padding: 2px 0 5px;
}
.write .leftcell {
        float: left;
        width: 240px;
}
.write .rightcell {
        margin: 0 0 0 240px;
		color: #999;
}

.write .leftcellProf {
        float: left;
        width: 290px;
}
.write .rightcellProf {
        margin: 0 0 0 290px;
		color: #999;
}
.write hr {border: none; border-top: 1px #ccc solid;}


.write .text,
.write textarea {
        width: 90%;
		margin-bottom: 3px;
}
.write.fixed select {
        width: 90%;
        margin-bottom: 3px;
}
.write select {
        width: 45%;
		margin-bottom: 3px;
}
.write .rightcell img {
        display: block;
		  margin-top:5px;
}
hr{border: 0;height: 1px;color: #ededed;background-color: #dedede;} 


/*int*/

#secondmain #rightcolumn #readtext .pikachoose ul{padding-left:0;width:510px;margin:0;overflow:hidden;}
#secondmain #rightcolumn #readtext .pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
#secondmain #rightcolumn #readtext .pikachoose ul li div img{position:relative;cursor:pointer;}
#secondmain #rightcolumn #readtext .pikachoose{
	width:510px;margin:0 auto 50px auto;
}

#secondmain #rightcolumn #readtext .pikachoose #pikame{
	
}


.pika_main{width:506px;height:325px;display:block;position:relative;margin-bottom:60px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../pic/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../pic/play.png') top center no-repeat;}


.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:30px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../pic/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../pic/fastf.png') top right no-repeat;}



.a_top
{
    color: White;    
    text-decoration: none;
}
.a_top:hover
{
    color: White;    
    text-decoration: underline;
}

.h_color
{   color: RGB(50,119,9);}
.tbl {        border-width:0px; border-style: none;  background-image: url("../files/games_files/cross/img/board.png");     }

.tbl td {padding:3px;}
 .pic_href {    width: 104px;    height: 104px; }
 .pic_href:hover {    background-color:green;    cursor:pointer; }
 .choose_href {    text-decoration: none;    color: RGB(54, 127, 9); }
 .choose_href:hover {    text-decoration: underline;    color: RGB(54, 127, 9); }
 .href_newgame {  width: 50px;  }  .fruits  {    position:relative;     top: 2px;     }



.td_fruit{    width: 200px;    height: 200px;}
.td_fruit:hover{    background-color: Green;      cursor: pointer;  }
.find_fruit{    color: RGB(54, 127, 9);    font-size: 20px;    font-weight: bold;}
.info{    border-width: 5px;    border-color: RGB(54, 127, 9);    padding: 10px;    border-style:double;    position: absolute;    width: 600px;    background-color: White;}
.href_close {  width: 50px;  }
.div_p{    margin-bottom: 5px;     text-indent:20px;}
.h_color{    color: RGB(50,119,9);}
.photo_style{    float: left;     padding-right: 20px;     padding-bottom: 20px;    }

.tb2, .tb2 td  {border:1px solid #82817D;}




#maze {
	background:white;
	position:relative;
	width:486px;
	height:540px;
	margin:0;
	float:left;
	border: #37800a solid 4px;}
#leftpanel,#rightpanel {
	width:200px;
	height:100px;
	float:left; }
.lives {
	width:30px;
	height:30px;
	float:left;
	margin: 8px 2px;
	background: url(../files/games_files/pacman/pacman_files/img/pm.gif) -120px 0;}	
.ull {list-style-type:none;
	padding:0;
	margin:0;}
.lil { margin: 2px 0 5px 50px;
     font-size:1em;}
#rightpanel { float:right;}	
.w {position:absolute;
	background: #37800a; }
#pacman,#clyde,#blinky,#inky,#pinky {
	position:absolute;
	top:399px;
	left:228px;
	width:30px;
	height:30px;
	background: url(../files/games_files/pacman/pacman_files/img/pm.gif) -90px 0;
	z-index:1;}
#clyde { background: url(../files/games_files/pacman/pacman_files/img/clyde.gif) -90px 0;}	
#blinky { background: url(../files/games_files/pacman/pacman_files/img/blinky.gif) -90px 0;}	
#inky { background: url(../files/games_files/pacman/pacman_files/img/inky.gif) -90px 0;}	
#pinky { background: url(../files/games_files/pacman/pacman_files/img/pinky.gif) -90px 0;}	
.small-dot {
	position:absolute;
	width:4px;
	height:4px;
	background: url(../files/games_files/pacman/pacman_files/img/4.gif);
	z-index:0;
	display:block;}
.big-dot {
	position:absolute;
	width:16px;
	height:16px;
	background: url(../files/games_files/pacman/pacman_files/img/16px.gif);
	display:block;
	z-index:0;}
#infobox {
	position:absolute;
    width:300px;	
	height:40px;
	left:104px;
	top:228px;
    text-align:center;
	font-size:30px;
	z-index:2;
	color: black;
	background-color: #f1f1f1;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	padding-top: 20px;
	padding-bottom: 20px;
}