*{margin:0; padding:0;}
aside, details, figcaption, figure, img, footer, header, hgroup, menu, nav, section, article {display: block;}
img, img a{outline:none; border:none;}

html, body{width:100%; height:100%; padding: 0; margin: 0;}

body {color:black; background-color:#FFFFFF; font-size:1.1em; font-family: Calibri, Helvetica, Arial;}

a, a:visited{outline:none; color:#000000; font-weight:normal; text-decoration:none;}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
p{margin-bottom:1%;}

/* header */
#siteheader{width:100%; background-color:#FFFFFF; overflow:hidden;}

#titlelogo{width:100%; height:4em; line-height:4em; text-align:center;} 
#titlelogo h2{font-size:2.8em; text-transform:uppercase; letter-spacing:1px; font-weight:normal; color:#e96e06;}
#titlelogo h4{font-size:1.2em; font-weight:normal; color:#e96e06;}


#menu{width:100%; background-color:#e96e06;} 
#menusite{width:1000px; margin:0 auto; padding:0;}

.toggleMenu {display:none; background:#e96e06; font-size:1.2em; padding:10px 15px; color:#FFFFFF;}
.toggleMenu a, a:visited {background:#e96e06;}
.nav {list-style:none; *zoom: 1; background:#e96e06;}
.nav:before,
.nav:after {content:" "; display:table;}
.nav:after {clear:both;}
.nav ul {list-style:none; width:19em;}
.nav a {padding:10px 20px; font-size:1.2em; color: #FFFFFF;}
.nav li {position:relative;}
.nav > li {float:left;}
.nav > li > .parent {
    background-image: url("/web/20221004183403im_/http://www.webvo.ru/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 55%;
}
.nav > li > a, a:visited {display:block; background:#e96e06; color:#FFFFFF;}
.nav > li > a:hover {text-decoration:underline; color:#FFFFFF;}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav > li li > .parent {
    background-image: url("/web/20221004183403im_/http://www.webvo.ru/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 55%;
}

.nav li li a, a:visited {
    display: block;
    background: #E9005F;
    position: relative;
    z-index:100;
    border-top: 1px solid #FFFFFF;
	color:#FFFFFF;
}
.nav li li a:hover {
	text-decoration:underline; color:#FFFFFF;
}
.nav li li li a, a:visited {
    background:#FF895D;
    z-index:200;
    border-top: 1px solid #FFFFFF;
	color:#FFFFFF;
}
.nav li li li a:hover  {
	text-decoration:underline; color:#FFFFFF;
}


/* /header */

/* Base Structure */
.bodywidth{width:1000px; margin:0 auto; clear:both;}
#wrapper {margin:0 auto; min-height:70%; padding:0; position:relative;}
/* /Base Structure */

/* content */
#pageheader{width:100%; margin:1% 0; text-align:center;}
#pageheader h1 {margin:2%; color:#202020; font-size:1.6em; font-weight:normal;}
#wrapper h2{width:100%; margin:2%; color:#202020; font-size:1.5em; font-weight:normal; text-align:center;}
#wrapper h3{margin:1%; color:#623F21; font-size:1.3em; font-weight:normal;}
/*#wrapper h4{margin:2% 0; color:#000000; font-size:1.0em; font-weight:bold; text-align:center;}*/


#content {width:710px; float:left; margin:0; overflow:hidden;}
#content1 {width:100%; margin:0; overflow:hidden;}

#container {width:100%; margin:0; overflow:hidden;}
.column {
    float:left;
	margin:0 1% 2%;
}
.size-1of3 {
    width: 31%;
}
.size-1of2 {
    width: 48%;
}

.unit {background:#FAFAFA; width:98%; height:auto; margin:0 0 4% 0; float:left; overflow:hidden; border:1px solid #E4EEF9;}
.unit h3{margin:2% auto 4%; color:#623F21; font-size:1.3em; font-weight:normal; text-align:center;}
.unit h4{margin:2% 0; color:#000000; font-size:1.0em; font-weight:bold; text-align:center;}
.unit img{width:100%; overflow:hidden;}

.intro {width:96%; color:#000000; padding:2%; font-size:0.9em; text-align:left; font-weight:normal; overflow:hidden;}

.adsblock{width:100%; margin:0 auto 2%; text-align:center; overflow:hidden;}

.item {width: 98%; margin:0 1% 1%; overflow:hidden;}

.itemfull {width:98%; height:auto; margin:5% 1% 2%; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:3%;}

.itemfull img {width:50%; vertical-align: middle; margin:0 3%; float:left;}
.itemfull .desc1{width:57%; padding:1% 3%; text-align:center; overflow:hidden;}
.itemfull .desc1 h3{color:#000000; font-size:1.2em; text-align:center; font-weight:normal;}

.descfull{width:94%; padding:1% 3%; text-align:center; overflow:hidden;}
.descfull h3{color:#000000; font-size:1.2em; text-align:center; font-weight:normal;}

.sliderbox{width:40%; margin:5% 5% 2%; float:left; overflow:hidden;}
.buttombox{width:50%; margin:5% 0 2%; float:left; padding-top:3%; overflow:hidden;}

.btnbox1{width:99%; text-align:center; margin:3% auto 1%; display: inline-block; overflow:hidden;}
.rowbtn{width:99%; text-align:center; overflow:hidden;}
.rowbtn img{margin:0 auto;}
.btnbox{width:48%; margin:2% auto; display: inline-block;}

.artitemfull {width:98%; height:auto; margin:5% auto 2%; overflow:hidden;}
.artitemfull img {width:99%; vertical-align: middle; margin:0 auto;}

.metadate{width:33%;float:left;text-align:center; overflow:hidden;}
.metasize{width:33%;float:left;text-align:center; overflow:hidden;}
.metatechnique{width:33%;float:left;text-align:center; overflow:hidden;}
.metaplace{margin:1% auto; padding:1% 5%; width:90%; overflow:hidden;text-align:center;font-style:italic; background-color:#ccc;}

.artdesc{width:96%; margin:0 auto; padding:1%; overflow:hidden;}

.artdesc h3{color:#000000; font-size:1.2em; text-align:center; font-weight:normal;}



.list{width:100%;}
.list ul{list-style:disc inside; margin-left:2%;}

#leftform{width:50%; margin:0 auto; text-align:center; float:left;}
#rightform{width:50%; margin:0 auto; text-align:center; float:right;}

.authorinfo{margin:1% 4% 2% 0; color:#623F21; font-size:1.2em; font-weight:bold}
.headerinfo{margin:1% 4% 2% 0; color:#000000; font-size:1.0em; font-weight:bold;}
.introblock{width:94%; margin:3% 0; padding:3%; background:#EFE2BB;}

.textblock{width:100%;}
.navblockup{width:100%; padding-bottom:1%; line-height:1.2em; border-bottom:1px solid #CCCCCC; overflow:hidden;}
.navblockdown{width:100%; padding-top:1%; line-height:1.2em; border-top:1px solid #CCCCCC; overflow:hidden;}
.leftarrowblock{width:5%; float:left;}
.rightrarrowblock{width:5%; float:right;}

.titlefield{width:90%; float:left; text-align:center; color:#AA0000; font-size:1.2em;}
.leftarrow{float:right;}
.rightarrow{float:left;}

#triangle_left { width:0; height:0; border-top:10px solid transparent; border-right:20px solid #A62D00; border-bottom:10px solid transparent; }
#triangle_right { width:0; height:0; border-top:10px solid transparent; border-left:20px solid #A62D00; border-bottom:10px solid transparent; }
.textchapter{margin:1% 0; text-align:justify;}

.ans{color:red;}
.rate{margin:1% 4% 0; color:#000000; font-size:1.0em; font-weight:normal; text-align:center; overflow:hidden;}
.leftrate{width:50%; margin:2% 0; float:left; overflow:hidden;}
.abuse{width:100%; margin-top:8%;}

#rules ol {margin:0 0 0 4%;}
#rules li{margin:0 0 1% 0}
#rules ul{margin-left:4%;list-style-type:disc;}

#content ol {margin:0 0 0 4%;}
#content li{margin:0 0 1% 0}
#content ul{margin-left:4%;list-style-type:disc;}

.titlesearch{width:100%; padding: 1% 0; margin:1% 0; background:#FFE0C0;}
.sortlit{width:40%; text-align:center; margin:1% auto 4%;}
.sortlitselect{width:260px; margin:0 auto;}

.compitem{width:97%; height:auto; text-align:center; margin:0 1% 2% 1%; float:left; border:1px solid #D3D3D3;}
.compitem img{width:28%; height:auto; padding:1%; float:left;}
.compdesc {width:68%; height:auto; padding:1%; float:right;}
.introcomp {width:100%; height:auto; text-align:left; padding:1%;}
.compdate{width:100%; text-align:left; font-size:0.9em; font-style:italic; padding:1%;}
.prizedesc{width:100%; border-top:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3; padding:1% 0;}

.catalog_g{width:60%; margin:0 auto; line-height:140px; text-align:center; border:1px solid;}
.catalog_g img{width:128px; margin-right:10%; float:left; vertical-align: middle;}

.b{width:30px;padding:2px 4px;margin:0 7px 1% 7px;}
.bs{width:30px;padding:2px 4px;margin:0 7px 1% 7px;color:#993300;}

/* /content */

/* sidebar */
#sidebar {width:270px; text-align:center; float:right; margin:0; overflow:hidden;}
.widget {background:#FFCE5F; margin: 0 0 3% 0; padding:3%; overflow:hidden;}
.widget1 {background:#FFFFFF; margin: 0 0 3% 0; text-align:center; padding:3%; overflow:hidden;}
.widget1  img{width:10em; margin:0 auto;}

.inputsearch {width:100%; margin:1% auto 6%;} 
#searchfield {width:240px;}
#btnsrch{margin:0;}

/* /sidebar */

/* footer */
footer {width:100%; min-height:5%; background-color:#FFFFFF; margin:1% auto 0; padding:1% 0; overflow:hidden; border-top:1px solid #993300;}
#footersite{width:1024px; margin:0 auto; padding:0; overflow:hidden;}

#copyright {width:30%; text-align:right; float:right; margin:1% 0; font-size:0.9em; color:#993300;}

#footermenu {width:68%; float:left; margin:1%; text-align:left; font-size:0.9em;}
#footermenu nav li {margin: 0 7% 0 0; display:inline; list-style: none;}

#footermenu a, a:visited{background-color:#FFFFFF; color:#993300;}
#footermenu a:hover{text-decoration:underline; color:#993300;}

/* /footer */


/************************************************************************************
FORM STYLE BEGIN
*************************************************************************************/
/* Buttons */
.btn1 {
   display: -moz-inline-stack;
   display: inline-block;
   border:0;
   width: 100px;
   height: 30px;
   margin:1% 2%;
   background: #e96e06;
   line-height: 30px;
   vertical-align: text-middle;
   text-align: center;
   color: #FFFFFF;
   font-size: 0.8em;
   font-weight: normal;
   font-style: normal;
   outline: none;
   cursor: pointer;
}
.btn1 > span {
   display: -moz-inline-block;
}
.btn1:hover {color: #FFFFFF;}
.btn1:active { background: #914300;} /*   */

.btn2 {
   display: -moz-inline-stack;
   display: inline-block;
   border:0;
   width: 160px;
   height: 40px;
   margin:1% 2%;
   background: #e96e06;
   line-height: 40px;
   vertical-align: text-middle;
   text-align: center;
   color: #FFFFFF;
   font-size: 1.0em;
   font-weight: normal;
   font-style: normal;
   outline: none;
   cursor:pointer;
}
.btn2 > span {
   display: -moz-inline-block;
}
.btn2:hover {color: #ffffff;}
.btn2:active { background: #914300;} /*   */

.btn3 {
   display: -moz-inline-stack;
   display: inline-block;
   border:0;
   width: 280px;
   height: 60px;
   margin:1% 2%;
   background: #EE0000;
   line-height: 60px;
   vertical-align: text-middle;
   text-align: center;
   color: #FFFFFF;
   font-size: 1.3em;
   font-weight: normal;
   font-style: normal;
   outline: none;
   cursor:pointer;
}
.btn3 > span {
   display: -moz-inline-block;
}
.btn3:hover {color: #FFFFFF;}
.btn3:active { background: #BC0000;} /*   */

.btn4 {
   display: -moz-inline-stack;
   display: inline-block;
   border:0;
   width: 200px;
   height: 40px;
   margin:1% 2%;
   background: #e96e06;
   line-height: 40px;
   vertical-align: text-middle;
   text-align: center;
   color: #FFFFFF;
   font-size: 1.0em;
   font-weight: normal;
   font-style: normal;
   outline: none;
   cursor:pointer;
}
.btn4 > span {
   display: -moz-inline-block;
}
.btn4:hover {color: #FFFFFF;}
.btn4:active { background: #914300;} /*   */


/* /Buttons */


/* input styles */
input[type=password], 
textarea, select,
input[type=text],
input[type=search] {
	width: 90%;
	background: #FAFAFA;
	border: solid 1px #A3A3A3;
	padding: 0.6em 10px;
}
textarea {
	width: 90%;
	height: 100px;
	margin-bottom:1%;
}
select {
/*	background: url(/web/20221004183403im_/http://www.webvo.ru/images/back_arrow.png) no-repeat right #f4f4f4;*/
	padding: 7px 10px;
	margin-bottom:1%;
	width:100%;
}

select:focus {
/*	background: url(/web/20221004183403im_/http://www.webvo.ru/images/back_arrow.png) no-repeat right #fff;*/
	border-color: #333;
	outline: none; /* remove outline */
}

input[type=text]:focus, 
input[type=search]:focus, 
textarea:focus,
input[type=password]:focus {
	background: #fff;
	border-color: #333;
	outline: none; /* remove outline */
}
.litgenre{width:220px;}

.placeholder {color: #bbb;}
::-webkit-input-placeholder {color: #bbb;}
:-moz-placeholder {color: #bbb;}
:focus::-webkit-input-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; }
:focus::placeholder { color:transparent; }

.tabtab{min-height:300px; text-align:center; padding:5% 0; overflow:hidden;}
.tabtab h3{margin:1% 4% 0; color:#A62D00; font-size:1.4em; font-weight:normal;}
.tabtab img{margin:0 auto;}
.fieldtitle{text-align:left; width:93%; margin:1% 0 0 0; padding-left:5%; color:#647A90; font-size:0.8em;}
.formfield{width:100%; margin:0 auto; text-align:center;}
.selcat{width:33%; text-align:center; float:left; margin:3% 0;}
.selcat1{width:25%; text-align:center; float:left; margin:3% 0;}
.ingrfield{width:31%; text-align:center; float:left; margin:1% 1% 0;}
.addbtnleft{width:47%; text-align:right; padding-right:3%; float:left;}
.addbtnright{width:47%; text-align:left; padding-left:3%; float:right;}
.stepinput{border-bottom:1px solid #CCCCCC; margin-bottom:1%; overflow:hidden;}

.listchapters{text-decoration:underline; color:#A62D00; width:98%; text-align:left; cursor:pointer; margin:1%;}
.listchapters1{color:#A62D00; width:98%; font-weight:bold; text-align:left; margin:1%;}
.selecttype{width:60%; margin:0 auto;}
.lastbox{margin-top:1%;}


#load{text-align:center; margin:2% 0 1% 0}

.modtab {width:98%; text-align:center; margin:4% auto;}
.modtab  h2{width:98%; font-size:1.2em; color:#623F21; font-weight:normal; text-align:center; margin:4% 0;}
.modtab p{color:#000000;}
.modtab a{font-size:1.2em; text-decoration:underline;}
.modtab a:hover{text-decoration:none;}
.modtab input{vertical-align:middle; margin:0 auto;}
#ans1{width:100%; color:red;}
#ans1 img{margin:0 auto;}
.rul{text-decoration:underline; cursor:pointer;}
.rul:hover{text-decoration:none;}
#log img{margin:1em auto 0;}

#content1 table { 
    width: 100%; 
    border-collapse: collapse; 
}
#content1 th { 
    background: #FFF5CC; 
    color:#000000; 
    font-weight: normal; 
}
#content1 td, th { 
    padding: 6px; 
    border: 1px solid #000000; 
/*    text-align: center; */
}
#content1 td a{
	color:color:#A62D00;
	text-decoration:underline;
}


/************************************************************************************
ACCORDION
*************************************************************************************/
.st-accordion{
    width:auto;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: auto;
 /*    border-bottom: 1px solid #000000;*/
    border-top:1px solid #A3A3A3;
    overflow: hidden;
}
.st-accordion ul li:last-child{
    border-bottom: 1px solid #A3A3A3;
}
.st-accordion ul li > a{
	font-size: 1.2em;
	color: #603A09;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    padding: 10px 0; 
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a img{width:100px; margin-right:3%; float:left; vertical-align: middle;}

.st-accordion ul li > a:hover{
    color: #664433;
}
.st-accordion ul li.st-open > a{
    color: #ff0000;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:1.1em;
	}
}

.st-accordion1{
    width:auto;
	background:#EFE2BB;
    min-width:270px;
    margin: 0 auto 2%;
}
.st-accordion1 ul li{
    height: auto;
    border-top:0;
    overflow: hidden;
}
.st-accordion1 ul li:last-child{
    border-bottom:0;
}
.st-accordion1 ul li > a{
	font-size: 1.2em;
	color: #A62D00;
    display: block;
	position: relative;
	outline:none;
    padding: 10px 0; 
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-content1{
    padding: 5px 0px 30px 0px;
}
.st-content1 p{
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
@media screen and (max-width: 320px){
	.st-accordion1 ul li > a{
		font-size:1.1em;
	}
}

/*
     FILE ARCHIVED ON 18:34:03 Oct 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:25:50 Aug 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 2.951
  load_resource: 80.553
  PetaboxLoader3.resolve: 40.076
  PetaboxLoader3.datanode: 33.791 (2)
  loaddict: 27.456
*/
/* Broken image cleanup */
img:not([src]), img[src=""] {
  display:none !important;
}

/* Final broken image cleanup */
img:not([src]), img[src=""] {
  display:none !important;
}