body {
	background-color: #FFCC99; border:3px solid #FFF5CC; padding:0; margin:0; color: #414141; 
}

div#abris {
	padding: 0;
	margin: 0 auto; width:99%;
}

h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; color:#5C5A56; font-weight:normal;}
h1, h2 {text-align:center; font-style:italic;}
h1 {font-size:170%;}
h2 {font-size:140%; margin-bottom:1%;}
h3 {font-size:125%;}
h3 {font-size:120%; margin:0.6em 0 0.1em 0;}
h4 {font-size:100%; margin:1ex 0 0 0;}

h2.sub {font-size:125%; margin:0; font-style:italic;}


h2.center {text-align:center;}
h4.bottom {margin-top:2em;}

p {text-align:left; margin:0.3% 0; line-height:1.3;}

p.list {margin:0.5em;}
p.list-b {margin-bottom:0.5em;}

img.himg {float:left; margin-right:0.5em;}

a {color:#7C0000;}


a:hover {color:#FF0000;}
/* a:visited {color:#5f0000;} */

a.menu, span.menu, span.common_active, a.parentmenu {margin-left:0.3em;}
span.menu {color:#999;}
span.common_active {font-weight:bold; background:#FFF;}

a.parentmenu {font-weight:bold;}

a.bmenu, a.bmenufirst, a.reddy, p.prtn a {
	font-size:85%; color:#5F5F5F;
}
a.bmenu {margin-left:0.5em;}

a.reddy {text-decoration:none;}
a.reddy:hover {color:#FF0000;}

table {
	font-size:100%;	
	border-collapse:collapse;
	margin-top:1em;
	width:70%;
}

td.pad, td.padright {padding:0.5em; text-align:left;}
td.padright {text-align:right;}
tr.white {background:#FFF;}
td.pages {text-align:center; padding:1em;}
p.left {text-align:left;}

img {border:none;}

p.sub {text-align:center;}

.button {border:2px solid #EBDBBC; background-color:#F3E9D6;}

#header, #footer, #left, #right, #search, #fright {padding: 2ex 1%; background:url(/zub/pic/gra.jpg) repeat-x #FFF5CC; padding-top:3ex;}
#header {text-align:center; margin:2ex 0 1ex 0;}
#footer {text-align:center; margin:1ex 0 0 0;}

#left, #footer, #header {float:left; width:69.5%;}
#right, #search, #fright {width:26%; float:right;}
#search, #fright {margin:2ex 0 1ex 0;}
#right {padding-left:1.5%; padding-right:1.5%; width:25%;}
#fright {text-align:center;}
#left {width:68.5%; padding-left:1.5%; padding-right:1.5%; padding-bottom:5ex;}

#left.full, #left.fulg {width:97%;}

#left.fulg {
	background-color: #fefae9; color: #666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; 

}

@media screen and (max-width: 1081px) {
	#left, #footer, #header {float:none; width:97%;}
	#right, #search, #fright {float:none; width:97%}
}

form.upperleft {
	margin: 0; margin-left:-0.25%; padding: 0; float:left; width:60%; margin-top:2px;
}
p.upperleft {
	float:left; width:60%;
}
p.upperright {
	float:left; width:40%; text-align:right; margin-right:-0.25%;
}

@media screen and (max-width: 1081px) {
	form.upperleft {
		margin: 0; margin-left:-0.25%; padding: 0; float:none; width:100%; margin-top:2px;
	}
	p.upperleft {
		float:none; width:100%;
	}
	p.upperright {
		float:none; width:100%; text-align:right; margin-right:-0.25%; margin-top:1em;
	}
}




div.icenter{text-align:center; margin:0.7% 0;}

ol {margin:0.3%; padding-left:2%;}
ul {margin:0.3%; padding-left:2%;}
ul.unlist1 {margin:0.3%, 0; padding-left:0;}
ul.unlist, ul.unlist1 {list-style-type:none;}
ul.unlist li, ul.unlist1 li {margin-top:0.5%;}
ul.unlist em {font-family:Georgia, "Times New Roman", Times, serif;}

ul.ulll img {margin-top:3%;}

span.graytax {font-style:normal;}

div.rr {text-align:right;}

div.clearboth {clear:both;}

p.lit {font-size:smaller;}

textarea {width:100%; height:9em; font-family:"Times New Roman", Times, serif; font-size:120%;}
textarea.midi {height:5em;}
textarea.mini {height:2em;}

input.lit, input.mainrus, input.varrus {font-family:"Times New Roman", Times, serif; font-size:150%;}

input.lit {width:15%;}
input.mainrus {width:35%;}
input.varrus {width:63.3%;}

p.submitf {text-align:center;}

p.illu, p.illus, p.illup {text-align:center; margin-top:0.7em;}
p.illus {float:right; margin-left:2%; margin-top:0;}
p.illup {float:left; margin-right:2%;}

img.ill, img.preview {border:1px solid #DED5B2; padding:7px;}
img.preview {padding:5px;}

input.search, input.poll {margin:0 auto; padding:0; color:#333; border:1px solid #CCC;}
input.search {width:80%;}
input.login {color:#333; border:1px solid #CCC; width:15%;}

@media screen and (max-width: 1081px) {
	input.login {width:30%;}
}

form.comment {text-align:center;}

form.comment p {text-align:center;}

form.comment textarea {overflow:auto; height:6ex;}

input.text {width:40%; display:block; margin:0 auto;}

form.offerphoto p, form.offergen p, form.offersp p {text-align:center;}
form.offersp p {margin-bottom:9px;}

form.offerphoto input {width:70%; text-align:center;}
form.offersp input {text-align:center;}

form.offerphoto textarea, form.offergen textarea, form.offersp textarea {font-size:100%;}
form.offergen textarea {height:8ex;}

form.offerphoto, form.offergen, form.offersp {margin-top:2ex; text-align:center;}

div.upoffer p {text-align:right;}
div.upoffer input {width:30%;}

span.example {font-style:italic;}

/* p.mess {text-align:center; color:#CC3300; font-weight:bold; font-size:18px; background:#fffae6; padding: 25px; margin:25px; border:1px solid #CC3300;} */
p.mess {font-family:Helvetica, Arial, Verdana, sans-serif; text-align:center; color:#CC3300; font-size:17px; background:#fffae6; padding: 25px; margin:25px; border:1px solid #CC3300;}

table.admphotos, table.aspec {width:100%; border:1px dotted #999;}
table.admphotos td, table.aspec td {border:1px dotted #999;}
table.aspec textarea {height:40px; font-size:100%; width:98%;}
table.aspec td, table.aspec td p, table.aspec td input {text-align:center;}
table.aspec td p {margin-top:4px;}
input.admph {width:50px;}
table.aspec td span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#999; display:block;}
table.aspec td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#666;}
tr.spthree td {border:none;}

p.commentauthor {font-family:Georgia, "Times New Roman", Times, serif; padding-right:9px; margin-top:13px; margin-bottom:0px; font-style:italic; color:#666;}

p.cma, p.rcma {padding-top:0.5em;}
p.rcma input[type="submit"] {font-size:10px; background:#FFF5CC; border:1px solid #CCC;}

p.rcma input.delbut {color:red;}

div.mcomment {margin-top:0.7em; margin-bottom:1em;}

p.commentadmin {margin-bottom:2ex; font-style:italic;}
p.commentco {padding-left:9px; padding-right:9px; color:#999;}

form.changepwd, form.changepwd p {text-align:center;}

textarea {overflow:auto;}

div.upheader, div.subfooter {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:0.5ex 1%; background:#FFF5CC;}
div.subfooter {margin-top:5ex; padding:1ex 2% 2ex 2%;}

p.zoom, p.zedit {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; text-align:center; padding-top:0px; margin-top:0px; margin-bottom:2ex;}
p.zedit {text-align:right; margin:0; padding:0;}

a.msize, a.fancybox-thumbs {position:relative; text-decoration:none;}
span.msize {position:absolute; bottom:15px; left:15px; background-color:#FFF5CC; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.fancysize {position:absolute; bottom:0px; right:0px; text-align:right; background-color:#FFF5CC; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#########

div.gallery {text-align:center; clear:both;}

span.newsdate {font-family:Georgia, 'Times New Roman', Times, serif; font-size:90%; color:#B7B7B7;}

div.mblock {height:90px; border:1px solid #DED5B2; margin-right:1%; margin-left:1%; margin-bottom:2%;}
div.mblock img {padding:5px; border-right:1px solid #DED5B2; float:left; margin-right:5px;}
form.login {margin: 0; margin-left:-0.25%; padding: 0; float:left; width:80%;}
.mrspan {margin-right:0.8%;}

span.online {color:#006800; background-color:#fff;}

/* aspecies */
input.adata {width:100%;}
textarea.adata {height:10ex; font-size:100%;}
p.aliter {text-align:right;}
input.aliter {width:25%;}
label.rad {margin-left:3%;}

span.subta {color: #8d8d8d;}
span.subtl, p.subt1, span.authoryear {color: #8d8d8d; font-style:normal}
span.subgray {color: #b0b0b0;}

/* references */
input.mdata {width:100%;}
input.updata {width:75%;}
input.subdata {width:50%;}
input.ydata {width:25%;}

p.lnksub {text-align:center; margin-bottom:2ex;}

p.subs {text-align:right; font-style:italic; color:#585858; margin-top:2ex;}

div.be {text-align:center; margin:1em;}

div.be iframe{border:1px solid #DED5B2; padding:7px;}

div.sub2 {float:right; width: 37%;}
div.sub2 p {text-align:right;}
p.prtn a {font-size:100%;}

table.month {border:1px dotted #999; width:100%;}
table.month td {border:1px dotted #999; text-align:center; color: #b0b0b0;}
table.month td.hl {color: #414141;}

div.catalog {width:47.5%; height:90px; float:left; border:1px solid #DED5B2; margin-right:1%; margin-left:1%; margin-bottom:2%}

@media screen and (max-width: 1081px) {
	div.catalog {width:95%; height:90px; float:left; border:1px solid #DED5B2; margin-right:1%; margin-left:1%; margin-bottom:2%}
}

/*div.catalog1 {overflow:auto; width:98%; height:90px; float:left; border:1px solid #DED5B2; margin-right:1%; margin-left:1%; margin-bottom:2%} */
div.catalog1 {width:98%; float:left; border:1px solid #DED5B2; margin-right:1%; margin-left:1%; margin-bottom:2%}
p.catfam a, a.head, p.catfam {color:#999;}
p.catfam a:hover {color:#FF0000;}
a.catfam {color:#666;}
a.catfam:hover {color:#FF0000;}

a.head {color:#414141;}
a.head:hover:{color:#FF0000;}

table.blog {
	width:100%;
	border:1px dotted #999;
}

table.blog td {
	border:1px dotted #999;
	padding:4px 9px;
}


div.trl p {text-align:right;}


span.mainphoto {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;}

a.inward {text-decoration:none; border-bottom:1px dotted #7C0000;}

div#family, div#country, div#forewing, div#sfwing, div#rwing, div#color, div#timeof, div#zoogeo, div#rgs, div#tax, div#tx, div#countries, div#lott, div#user, div#dry, div#cond, div#fem, div#ex, div#sfwings, div#sfwing, div#price, div#ob, div#month {margin-top:10px;}

p.allcomments {text-align:right; padding-right:6px; padding-bottom:3px;}

div.centity {height:90px; border-top:1px solid #DED5B2; border-bottom:1px solid #DED5B2; margin-bottom:10px; overflow:auto;}

div.cmy, div.copen, div.cphotos, div.ctaxons, div.cblog, div.cpops {width:32%; float:right; border:1px solid #DED5B2; margin-top:21px;}
div.cmy, div.cphotos, div.cblog {float:left;}
div.cphotos, div.cblog {clear:both;}
div.cmy {margin-left:2%}

div.cmy {width:100%; margin-left:0;}
h2.cmy {padding:10px; margin:0; background:#DED5B2;}


a.kumu {
	text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #DED5B2; padding:9px; margin:13px; display:block;
}


span.freshmint, span.flavour {font-size:13px;}
span.freshmint, span.freshmintbig {background:#fefae8;}


/* a.kumu:hover {background-color:#fff;} */

a.lebanner {text-align:center; background:url('/zub/pic/bnback.jpg') repeat-x #fff; border-top:1px solid #333; padding-right:5%; display:block;}
.messindexban {position:absolute; right:26px; top:80px;}
img.bnk {
filter: alpha(Opacity=80);
-moz-opacity: 0.8; 
-khtml-opacity: 0.8;
opacity: 0.8; 
 }


div.leftco {float:left; width:59%; height:80px; padding-left:1ex; padding-right:1ex;}

img.community {padding:5px; border-right:1px solid #DED5B2; border-left:1px solid #DED5B2; float:left; margin-right:5px;}

a.cname {color: #414141;}
a.cname {color:#666;}

table.price {border:1px solid gray; width: 100%;}
table.price td {border:1px solid gray; padding:5px;}
table.price td:last-child {text-align:right;}

.comty {color:#999;}
.comty span {font-style:italic;}
.comtyar {color:#666;}
input.ogr[type="text"] {width:260px; color:#666;}

input.searchbutt, button.searchbutt {border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; background:none; color:#999; margin-bottom:0px; padding-bottom:0px; cursor:pointer;}
input.searchbutt:disabled, button.searchbutt:disabled {cursor:default;}
input.cart {color:#fff; padding:7px; background:#76604a; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:bold; border:1px solid #666;}
input.carts {color:#fff; background:#76604a; border:1px solid #666;}

form.markedit {margin-top:15px;}
form.markedit p {text-align:center;}
input.rdsh {width:130px;}
input.rdl {width:50px;}

  
  
  
  

 .flex-container {
  display: flex;
  justify-content: space-between;
 /* justify-content: space-around; */
  align-items:center;
  }
  .flex-prmnu {
  display: flex;
  justify-content: center;
  align-items:stretch;
  }
.wrap {
  flex-wrap: wrap;
  }
 
 .flex-container {
  counter-reset: flex-item-counter;
  padding: 5px;
  border-radius: 5px;
  }
.column-reverse {
  counter-reset: flex-item-counter;
  }
.flex-item {

  margin: 7px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  }


a.msize, a.fancybox-thumbs {position:relative; text-decoration:none;}
span.msize {position:absolute; bottom:15px; left:15px; background-color:#fefae9; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.fancysize {position:absolute; bottom:0px; right:0px; text-align:right; background-color:#fefae9; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}




  .inputContainer-title {
        display: flex;
        margin: 10px;
        cursor: pointer;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .inputContainer-title:hover .headerText {
        color: #CC3300;
    }

    .inputContainer {
        position: relative;
        border: 1px solid #ccc;
		border-left:none; border-right:none; border-top:none; border-bottom:none;
        transition: background-color .15s ease-out;
		padding-right:30px;
    }

    .inputContainer-body {
        display: none;
        margin: 10px;
        font-size: 12px;
    }

    .headerArrow {
        padding-right: 10px;
        font-size: 12px;
        line-height: 21px;
    }

    .headerHelp {
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid gray;
        text-align: center;
        color: gray;
        margin-right: 10px;
        display: none;
    }
	
	.headerHelp#commonHelp {
		display: flex; justify-content: center; align-items:center;  cursor:pointer; position:absolute; top:35px; right:10px;
	}
	
	
    .inputContainer:hover .headerHelp, .headerHelp.visibleHelpButton {
        display: block;
    }

    .inputContainer:hover {
        background: #F7F7F7;

    }

    .headerHelp:hover {
        background: #cc3300;
        border-color: #cc3300;
        color: white;
    }

    .arrowUp {
        display: none;
    }

    .input-checkbox {
        height: 20px;
    }

    .input-checkbox label {
        cursor: pointer;
    }

    .input-checkbox input {
        cursor: pointer;
    }

    .input-checkbox label:hover {
        color: #cc3300;
    }

    .arrow_box {
        position: absolute;
        background: #595858;
        width: 400px;
        display: none;
        min-height: 60px;
      /*  border-radius: 4px; */
		padding:7px 10px 8px 10px;
		color:#fff;
    }

    .arrow_box:after {
        bottom: 100%;
        left: 93%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #595858;
        border-width: 6px;
        margin-left: 0px;
    } 

    .helpCloseButton {
        position: absolute;
        right: 12px;
        font-size: 20px;
        color: #eee;
        cursor: pointer;
    }

    .helpCloseButton:hover {
        color: #fff;
    } 

    input[type="checkbox"] + label span, input[type="radio"] + label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

  /*  .ajax_info_window {
        width: 95px;
        height: 26px;
        background: black;
        color: white;
        position: absolute;
        padding: 3px;
        border-radius: 3px;
        display: none;

    }

    .ajax_info_window:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: black;
        border-width: 4px;
        margin-top: -4px;
    } */
	
	.input-Between input {width:250px;}
	.input-Between p.frst {padding-bottom:0px; margin-bottom:5px;}
	.input-Between p.scnd {margin:0px; padding:0px;}
	.input-Between p.thrd {padding-top:0px; margin-top:5px;}

    /*
	.input-Between {
        display: flex;
        justify-content: space-around;
    } 

    .input-Between input {
        width: 40%;
        border: 1px solid white;
        -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
        padding: 4px;
        background: rgba(255, 255, 255, 0.5);
        margin: 0 0 10px 0;
    }

    .input-Between input:focus {
        border: 1px solid red;
    } */

    .radioButton-container label {
        cursor: pointer;
    }

    .radioButton-container label:hover {
        color: #cc3300;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }
	
	
	
::-webkit-input-placeholder {font-size:13px; color:#999;}
::-moz-placeholder          {font-size:13px; color:#999;}/* Firefox 19+ */
:-moz-placeholder           {font-size:13px; color:#999;}/* Firefox 18- */
:-ms-input-placeholder      {font-size:13px; color:#999;}

blockquote {border-top:1px dotted #414141; border-bottom:1px dotted #414141; font-style:italic; padding:0.4em; margin-top:2ex; margin-bottom:0px; background-color: #fefae9;}
blockquote:before {  
    /*content: "Цитата: ";  */
	content: var(--before-blockquote, "Цитата: ");
}  

div.mcomment blockquote {margin-top:6ex;}