@charset "utf-8";
/* CSS Document */

/*отличия от главной*/
img.logo-e { position: absolute; left: 2.2%; top: 60px; width: 256px; height: 95px; z-index: 11 }
div.logo { position: absolute; left: 25px; top: 60px }
div.lady { background: url(../img/lady-inner.jpg) no-repeat 100px 0; width: 100%; height: 190px;  
 margin-right: 4px; //margin-right: 2px; margin-bottom: -10px; text-align: left; }
div.botmainbook { background: url(../img/book-mainbot.jpg) no-repeat -23px 0;  height: 57px; width: 685px; }
div.block { padding: 0 0 0 0; background: none; position: relative; right: 35px; width: 355px  }
div.block0 { overflow: hidden; position: relative; bottom: 40px; margin-bottom: -40px }
div.tochildren { position: static; margin-bottom: 5px }
 
table.subtable { width: 100%; background: #fff; }
table.subtable td.innertd { background: #fff url(../img/innersubmain.jpg) repeat-y 4px 0; width: 355px  }
table.subtable td.subright { width: auto; background: none }

div.service { background: url(../img/inner-service.gif) no-repeat 50% 0; height: 83px; 
position: relative; z-index: 10; margin-top: 24px; margin-left: 490px; left: 150px  }
div.sim { position: absolute; left: 8%; //left: 9%; top: 9px; }
div.service-h { position: relative;  width: 22px; height: 20px; }
div.service-h img { width: 22px; height: 22px; }
div.service-m { position: relative;  width: 22px; height: 20px; bottom: 20px; left: 63px; }
div.service-m img { width: 22px; height: 22px; }
div.service-b { position: relative; width: 22px; height: 20px; bottom: 41px; left: 128px;  }
div.service-b img { width: 22px; height: 20px; }

ul.menu { border: none }
/*оформление текстовой*/
div.innermainbook { background: url(../img/innerbook-main.gif) no-repeat 0 0; width: 639px; height: 81px;
margin-left: 0% }
div.textblock { padding-right: 20px; position: relative; bottom: 62px; margin-bottom: -60px; //overflow: hidden }

ul.topmenu { width: 100%; overflow: hidden; margin-bottom: 10px; margin-left: 2px }
ul.topmenu li { float: left; font-size: 75%; padding: 0 .3em 0 0; color: #838282; background: none; list-style: none; list-style-type: none }
ul.topmenu a { color: #838282 }
ul.topmenu a:hover { color: #000 }
ul.menu li.selected { color: #ff0000; font-weight: bold; }
ul.menu li.selected a { color: #ff0000; }


ul.subul { margin: 5px 0 5px 0; margin-left: 7px; font-size: 90%  }
ul.subul li { background: url(../img/subul.gif) no-repeat 0 .5em; 
//background: url(../img/subul.gif) no-repeat 0 .55em; padding-left: 10px }

ul.subul li a { color: #035ab1!important }
ul.subul li a:hover { color: #ff0000!important; }



/*главное меню*/
div.inner-menu { background: url(../img/inner-menu0.jpg) no-repeat 0 0; width: 543px; height: 233px; position: relative;
bottom: 65px;  margin-bottom: -54px; left:-11px; margin-left: -20px; margin-right: '0' }
div.about { position: absolute; top: 5px; left: 50px; z-index: 100}
div.about img { width: 90px; height: 110px }
div.forum { position: absolute; top: 5px; left: 174px; z-index: 100; }
div.forum img { width: 80px; height: 110px }
div.letter { position: absolute; top: 5px; left: 302px; z-index: 100; }
div.letter img { width: 90px; height: 110px }
div.internet { position: absolute; top: 5px; left: 426px; z-index: 100; }
div.internet img { width: 90px; height: 110px }

/*внутренние страницы*/
/*-- каталог произведений --*/
table.t-cat { margin-bottom: 10px}
table.t-cat td { width: auto; padding-right: 8px; padding-right: '25px' }
table.t-cat .img-lft { margin-bottom: 0; float: none }

table.t-cat2 { font-size: 90%; margin: 10px 0 20px 0; width: 100% }
table.t-cat2 th { font-size: 90%; color: #d72828; font-weight: normal; text-align: left; width: auto; padding-bottom: .4em; border-bottom: 1px solid #d72828 }
table.t-cat2 th img { margin-bottom: 1px    } 
table.t-cat2 td { width: auto; padding: .3em 20px .3em 0; }

td.bname { font-weight: bold }
table.t-cat2 td.jr { font-size: 85%; width: 10em; padding-right: 0 }
td.catc { font-size: 85%; width: 10em }



table.t-cat2 a.sort { color: #ff0000 !important; text-decoration: none !important; background: url(../img/link.gif) repeat-x 0 100% !important; line-height: 1em } 
table.t-cat2 th a.sort:hover { background: none !important; color: #000 !important }


table.navtable { }
table.navtable td { width: auto; padding: 0; font-size: 90%; padding: 0 10px 0 0 }

td.navleft { font-weight: bold; background: url(../img/navleft.gif) no-repeat 0 .4em; padding-left: 10px !important }

td.navright { font-weight: bold; background: url(../img/nav.gif) no-repeat 100% .4em }

h3.np { font-style: normal; color: #999999; padding: 0; }
p.ps { font-size: 90% !important; font-weight: bold; margin: 5px 0 0 0 ; cursor: hand; cursor: pointer; color: #035ab1;
text-decoration: underline; padding: 0; background: url(../img/plus.gif) no-repeat 0 .3em; padding-left: 12px }
p.pss { font-size: 90% !important; font-weight: bold; margin: 5px 0 0 0 ; cursor: hand; cursor: pointer; color: #035ab1;
text-decoration: underline; padding: 0; background: url(../img/minus.gif) no-repeat 0 .3em; padding-left: 12px }


/*форма обратной связи*/
table.formtable { width: 100%; margin-top: 20px; font-size: 100% }
table.formtable textarea { width: 95%; width: '90%'; font: 90% Tahoma, sans-serif }
table.formtable .antispam { width: 12em; font-size: 90% }
table.formtable .button { width: 8em }
table.formtable th { font: 90% Tahoma, sans-serif; font-weight: normal; text-align: right; width: 20%; padding: 0 10px .7em 0; padding: '0 10px .7em 0'; vertical-align: bottom; }
table.formtable th.top { vertical-align: top; padding-top: .2em  } 
table.formtable td  { padding-bottom: .5em; vertical-align: bottom  }
table.formtable .forminput { width: 95%; width: '90%'; font-size: 90% }
table.formtable .radio { margin-right: 3px }
table.formtable table img { margin-left: 10px }
table.formtable table td { vertical-align: top }
table.formtable p { padding: 0 0 .2em 0; font-size: 100% }
table.formtable select { font: 90% Tahoma, sans-serif; width: 11em }

ul.map { }
ul.map ul { margin: 5px 0 0 10px }
ul.map li { background: url(../img/map-li.gif) no-repeat 0 .4em;  font-size: 125%; padding-left: 18px; }
ul.map ul li { background: url(../img/map-subli.gif) no-repeat 0 .3em; //background: url(../img/map-subli.gif) no-repeat 0 .4em;
  padding: 0 0 .2em 18px; font-size: 85% }

/**********navigation******************/
div.next { color: #bcd1e7; font-size: 90%; font-weight: bold }
div.next a:hover {color: #035ab1}
div.next .arrowl { background:url(../img/navleft.gif) no-repeat 0 .5em; padding-left: 7px }
div.next .arrowr { background:url(../img/nav.gif) no-repeat 100% .5em; padding-right: 7px }

div.pages { margin: 5px 0 0 0 }
div.pages a { padding: 0 .2em }
div.pages a:hover {color: #035ab1 }
.mar { width: 95%!important  }

td.bordt { font-size: 100%; border-bottom: 1px dotted #0c6da6; padding-bottom: 10px!important; }
.mpad { padding-top: 55px!important }
.mpad2 { padding-top: 20px!important; }
.mpad2 a { color:#d72828 }
div.lady-map { background: url(../img/lady-inner.jpg) no-repeat 100px 0; width: 100%; height: 100%;  
 margin-right: 4px; //margin-right: 2px; margin-bottom: -10px; text-align: left; padding-top: 110px}
 
table.searchmap { font: 100% Tahoma, sans-serif; margin-top: 2px; width: 100%  }
table.searchmap .searchtd { padding: 0 12px 0 0;}
table.searchmap .searchtd input { color: #6b6767; font-size: 90%; width: 100%; }
table.searchmap .button { font-weight: bold; font-size: 75%; color: #af1010; width: 60px; height: 20px; padding-bottom: 3px  }
table.searchmap .searchmtd { width: 60px; padding: 0 8px 0 0; }
p.mapp { font-size: 75%; color: #004069; padding:0; margin: 0 }
 
table.cc td { width: 50%!important; font-size: 90%; padding: 0 0 10px 0 }
table.cc p.h1 { font-size: 125%; padding: 0 0 .2em 0 ; margin: 0 }
table.cc p { padding-right: 10px }

table.asd { margin-top: 10px!important }
table.asd th { text-align: left!important; font-weight: bold; font-size: 75%!important; 
padding: 0 9px 1em 0!important; }
table.asd .forminput { width: 70%; }
table.asd select { width: 72%; }
.red { color:#d72828!important; font-size: 95%!important}
div.mtab { background: #fdf4d8;  padding: 5px 15px 10px 15px; border: 1px solid #bc8f05; width: 60%; margin: 0 0 30px 0 }
div.mtabi { padding: 5px 55px 0px 0; border-bottom: 2px solid #e9e9e9; margin: 0 0 30px 0 }
div.mtabi .searchmap { width: 60%; margin-bottom: 20px }


.tt td { border-bottom: 1px solid #c1c1c1; }

/*-------------------раскраска------------------------*/
DIV.coloringbook { margin-top: 15px;}
DIV.coloringbook h2 { margin-bottom: 10px; text-align: left;}
DIV.coloringbook DIV.pict { float: left; margin: 0 10px 0 0; width: 130px; height: 180px;}
DIV.coloringbook DIV.pict DIV.zag { padding: 0; margin: 0;}
DIV.coloringbook DIV.pict DIV.zag p { padding: 0 0 0px 0; margin: 0 0 0px 0;} 
DIV.coloringbook DIV.pict img { border: solid 1px #FFCC99; margin-bottom: 8px;}
DIV.coloringbook DIV.pict h3 { margin-left: 5px; font-size: 80%;}
DIV.coloringbook DIV.pict a { text-decoration: none; padding-left: 2px;}
DIV.coloringbook DIV.pict DIV.print { margin-bottom: 10px;}
DIV.coloringbook DIV.pict DIV.print a { color: #035ab1; font-size: 10px;}
DIV.coloringbook DIV.pict DIV.print a img { border: none; float: left;}

div#Simage { display: none }