* 
{
margin:0px;
padding:0px;
}

hr {
position:absolute;
left:5%;
width: 90%;
height: 1px;
color:#8F815F;
background-color: #8F815F;
border: none;
z-index:6;
}
#main span
{
display:block;
text-indent:5%;
clear:both;
padding:0px;
}

#main p
{
display:block;
text-indent:5%;
clear:both;
padding:0px;
}

#main div
{
text-indent:5%;
clear:both;
padding:0px;
}


#main span
{
display:block;
text-indent:5%;
clear:both;
padding:0px;
}

#main span p
{
text-indent:0;
}

#main span div
{
text-indent:0;
}

#search
{
background-color:#cce2ec;
color:#022;
border-top:2px dotted #022;
border-bottom:2px dotted #022;
}




.sea3:hover
{
border:2px dashed #000;
}
div.podk span
{
text-align:center;
font: 21px/21px 'Trebuchet Ms', Sans-Serif;
}
div#main img
{
border:0px;
vertical-align:top;float:left;

padding:0px;
line-height:0px;
font-size:0px;
}

div.podk
{
position:relative;
border:1px solid #220;
display:none;
z-index:9;
height:235px;
}
div.podk div
{
margin:30px;
z-index:18;
}
div.podk img 
{
position:absolute;
}
img#tl_img2
{
top:0px;
left:0px;
}

img#tr_img2
{
top:0px;
right:0px;
}
img#bl_img2
{
bottom:0px;
left:0px;
}
img#br_img2
{
bottom:0px;
right:0px;
}


div#searchdiv
{
width: 500px;
height: 200px;
position:absolute;
border:1px solid #220;
display:none;
z-index:9;

}
div#searchdiv div 
{
width: 500px;
height: 200px;
}


div#searchdiv2
{
display:none;
position:absolute;
background: transparent;
width: 500px;
height: 200px;
clear:both;
font: 18px/18px 'Trebuchet Ms', Sans-Serif;
color: #220;
text-align:left;
vertical-align:middle;
z-index:10;
}
div#searchdiv div div div
{
text-align:center;

}
div#searchdiv input
{
width: 198px;
margin-right:4px;
margin-bottom:4px;
float:left;
position:relative;
top:0px;
left:50px;
height: 22px;
display:block;
font: bold 14px/14px Tahoma, sans-serif;
border:2px dotted #000;
background-color:transparent;
cursor:pointer;
}

div#searchdiv input#searchin
{
background-color:#cce2ec;
font: bold 16px/16px Tahoma, sans-serif;
color:#022;
width: 400px;
cursor:text;
}
div#searchdiv span
{
padding:27px 0px;
display:block;
}


#comm
{
font: bold 16px 'Trebuchet Ms', Sans-Serif;
line-height:16px;
width:300px;
width:264px;
position:absolute;
display:none;
}

div#comm input
{
background-color:transparent;
border:0px solid #fff;
font: bold 16px 'Trebuchet Ms', Sans-Serif;
text-align:center;
}

div#comm b
{
cursor:pointer;
}


.over
{
display:block;
color:#500;
background-color:black;
text-align:center;
vertical-align:middle;
width:100%;
height:10050px;
position:absolute;
right:0px;
bottom:0px;
z-index:15;
}

div#rel
{
background-color:black;
text-align:center;
vertical-align:middle;
width:162px;
background:url('loa.gif') -160px bottom no-repeat;
font: bold 16px 'Trebuchet Ms', Sans-Serif;
color:#f00;
height:36px;
text-align:center;
vertical-align:top;
position:absolute;
right:0%;
bottom:50%;
z-index:16;
}

a
{
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}



body
{
font: 21px/26px 'Comic Sans Ms', Fantasy;
color: #000000;
padding: 3px;
background-color:#825A20;
/* background-image: url(bord.gif);*/
}
#win
{
background-color:#ebe2c9;
vertical-align:top;
}


#main
{
font: 21px/26px 'Trebuchet Ms', Sans-Serif;
color: #220;
float:left;
position:relative;
top:0px;
text-align: justify;
overflow:hidden;
/* border:1px solid #ff9999;
 */
 /* overflow:scroll; */
height:509px;
padding-top:-1px;
}
#tl
{
width:14px;
float:left;
}
#tr
{
width:14px;
float:right;
}

/*ÁÅÏÓ START*/
div#top
{
text-align: center;
vertical-align: middle;
overflow:visible;
}


div#top div
{
position:absolute;
top:4px;
}
div#topLeft
{
left:130px;
}
div#topRight
{
right:130px;
}
/*ÁÅÏÓ END*/









/*ÌÕÃ START*/
.page
{
position:absolute;
bottom:4px;
z-index:2;
width:100px;
height:30px;
text-align: center;
vertical-align: bottom;
}
#tm
{
right:105px;
}
#page1
{
left:105px;
}
div#pageCount
{
left:205px;
width:205px;
}
div#pageCount div
{
overflow:hidden;
height:26px;
float:left;
cursor:pointer;
text-align:center;
visibility:hidden;
}

.l
{
left:17px;
float:left;
margin-left:0;
}
.t
{
top:4px;
}
.b
{
bottom:4px;
}
.r
{
right:17px;
float:right;
}
.a
{
position:absolute;
line-height:0px;
}

#bmenu
{
width:320px;
}



#book
{
border-right:0px solid #fff !important;
}
.book
{
background-color:transparent;
border:2px groove #000;
font: bold 16px 'Trebuchet Ms', Sans-Serif;
height:26px;
padding:0;
margin:0;
display:block;
float:left;
}
#book:hover
{
border-left:2px ridge #000;
}
.book:hover
{
border:2px ridge #000;
}
.co_b
{
background-color:transparent;
border:2px groove #000;
font: 10px Arial, Sans-Serif;
height:43px;
width:70%;
padding:0;
margin:0;
display:block;
}

#leg
{
font: bold 12px Verdana, Sans-Serif;
line-height:12px;
width:60%;
height:60%;
background-color:#fff;
color:#000;
border:4px double black;
padding:20px;
text-align: justify;
z-index:16;
position:absolute;
overflow:scroll;
top:0;
left:0;
display:none;
}
#leg b
{
color: #AA2222;
}






/*ËÅÌ× ÁØÀÍÏÞ ÆÁÅÐÞ START*/
div#colorSelect 
{  
width:758px;
height:600px;
z-index:20;
display:none;
position:absolute;
color:#220;
}
div.colorImage
{
width:600px;
height:600px;
background:url(colo58.png);
behavior:url(iepngfix.htc);
float:right;
cursor:crosshair;
}
div.colorMenu
{
overflow:hidden;
width:150px;
height:300px;
border: 2px solid #000;
position:relative;
background-color:white;
font:bold 18px/20px 'Trebuchet Ms', Sans-Serif;
top:150px;
}
div.colorMenu div div
{
cursor:pointer;
float:left;
width:76px;
}
div.colorMenu div input
{
float:right;
height:18px;
width:70px;
border: 1px solid #000;
margin:1px 0px;
display:block;
}

div.colorExample
{
position:absolute;
width:150px;
height:78px;
font: 21px/78px 'Trebuchet Ms', Sans-Serif;
text-align:center;
}
div.colorCross
{
position:absolute;
top:143px;
left:147px;
width:14px;
height:14px;
z-index:21;
cursor:pointer;
line-height:7px;
}
/*ËÅÌ× ÁØÀÍÏÞ ÆÁÅÐÞ END*/