﻿body  {	
background-color: #ba8f40;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
font-weight: normal;
font-size: 100%;

	
}



	
 .header {
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #210006;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	border-spacing: 0px;
	text-align: center;

} 



.btn-group  {
 
 
  text-align: center;
  text-decoration: none;
  display: inline-block;

 
 
}


.btn-group .button {
  background-color: #4a2627; /* lessmulberry*/
  border: 1px solid gold;
  color: #c0b339;
  padding: .25em .5625em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
   font-size: .75em;
  cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
 
}

.btn-group .button:not(:last-child) {
 ; /* Prevent double borders */
}


a.button:link {
  background-color: #4a2627;
   text-decoration: none;
   color: #c0b339;
}

a.button:visited {
  background-color: #4a2627;
   text-decoration: none;
   color: #c0b339;
} 
 

a.button:hover {
  background-color: #382c29;
  text-decoration: none;
  color: #dcd3b5;

-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
}

a.button:active {
  background-color: #4a2627;
   text-decoration: none;
   color: #dcd3b5;
  }




.namefont {
	margin-left: 0px;
	margin-right: 1px;
	font-family: 'Poppins', sans-serif;
             font-size: 1.125em;
	color: #f4c33e;

}

span.namefont {

 
  padding: 5px;
  border: 0px;  
 
margin-left: 1px;
margin-right: 5px;
font-family: 'Poppins', sans-serif;
font-size: 1.125em;
color: #f4c33e;

text-shadow: -1px 3px 3px #000;
}



.artfont {
	margin-left: 1px;
	margin-right: 1px;
	 font-family: 'Tangerine', serif;
       	 font-size: 2.625em;
	color: #f4c33e;
 	
}

span.artfont {
 padding: 5px;
 border: 0px;   
 margin-left: 1px;
 margin-right: 1px;
 font-family: 'Tangerine', serif;
 font-size: 2.625em;
 color: #f4c33e;
 text-shadow: 4px 4px 4px #000;
}







.att {
text-align: center;  /* For attention note */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
 font-size: .585em;
letter-spacing: .2em;
border: 1px solid #777;
border-radius: 6px;
padding: 8px;
text-transform: uppercase;
 color: #97694f; 
font-variant: small-caps;

}



.attsmall {
text-align: center;  /* For attention note */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
 font-size: .5em;
letter-spacing: .2em;
border: 1px solid #777;
border-radius: 6px;
padding: 8px;
text-transform: uppercase;
 color: #97694f; 
font-variant: small-caps;
background-color: #E8E4AD;
}


hr  {
 border: 1px solid #f4c33e;
}


hr.gray  {
 border: 0.5px solid #d28f79;
}

.container {
background-color: #210006;
 text-align: center;	
background-image:url('images/bg_light_brown.gif');	
background-repeat: repeat;

} 





/* Create three unequal columns that floats next to each other */

.column {
  float: left;
  padding: 4px;
  margin: auto;
 
}

/* Left and right column  #210006;*/
.column.side {
  width: 15%;

}

/* Middle column */
.column.middle {
width: 70%;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #f4c33e;
margin: auto;
text-align: center;
padding: 0 22px;
}


/* Clear floats after the columns */

.container:after {
  content: "";
  display: table;
  clear: both;
}





.responsive {
    padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 5px;
  padding-left: 2px;
  position: relative;
  float: left;
  width: 24.99999%;
 max-width: 300px;

}


.gallery img {
width: 100%;
height: auto;
 display: block;
    border-style: solid;
    border-color: #f4c33e #dfba53 #7e6930 #8e742f;
    border-width: 6px;

}

.gallery {
  border: 1px solid #777;

}


.gallery:hover {
  border: 1px solid #777;
}



.desc {
    padding-top: 4px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
 text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 1;
font-weight: normal;
font-size: .875em;
text-decoration: none;
color: #000;
}



a.guidelink:link {
	text-transform: uppercase;
color: #8b4513; 
font-variant: small-caps;
text-decoration: none;
background-color: #e8dcba;	

}

a.guidelink:visited {
	text-transform: uppercase;
color: #8b4513; 
font-variant: small-caps;
text-decoration: none;
background-color: #e8dcba;	

}

a.guidelink:hover {
	text-transform: uppercase;
color: #424228; 
font-variant: small-caps;
text-decoration: none;
background-color: #e8dcba;	

}





a.artlinks:link {
	color: #3d2d29;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.855em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: underline overline;
	text-align: left;
	background-color: #b89d94;
	margin-left: 24px;

}

a.artlinks:visited {
	color: #3d2d29;
	


}

a.artlinks:hover {
	color: #663300;
	text-decoration: underline overline;
	


}

a.artlinks:active {
	color: #9d9fa2;


}






.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-align: center;
	text-decoration: none;
	color: #ab898f;
	font-style: normal;
	background-color: #210006;
	padding: 10px;

 font-size: 0.55em;
letter-spacing: .3em;
text-transform: uppercase;
font-variant: small-caps;

}	

a.myfooter:link {
font-size: 0.755em;
font-weight: bold;		
color: #ab898f;
text-decoration: none;
letter-spacing: .1em;
}

a.myfooter:visited {
color: #ab898f;
font-weight: bold;	
}


a.myfooter:hover {
color: #d5de5d;
font-weight: bold;
	
}



h1   {
	margin:0px;
	padding-bottom: 3px;
	padding-top: 8px;
	color:#8B0000;
	text-shadow:2px 2px 4px #BBB;
	
}

h1 {
	display: block;
	font-size: 1em;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0em;
	-webkit-margin-end: 0em;
	font-weight: bold;
	text-align: center;
}


h1,h2,h6
{
	font-weight:normal;
}

h2
{
	margin-bottom:4px;
	padding-bottom:0px;
	color: #ffffff;
}

h3  {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.45em;
letter-spacing: 0.1em;
text-align: center; 

text-transform: uppercase;
color: #6E5421; 
font-variant: small-caps;
line-height: 0.5em;
}


h4  {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.75em;
letter-spacing: 0.1em;
text-align: center; 
padding: 1px;
text-transform: uppercase;
color: #B98C31; 
font-variant: small-caps;
line-height: 0.5em;
}



h5  {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
 font-size: 0.7em;
letter-spacing: 0.1em;
text-align: center; 
padding: 2px;
text-transform: uppercase;
color: #806123; 
font-variant: small-caps;
line-height: 1.3em;
}




h6 { 
text-align: center;
font-size: 0.6em;
letter-spacing: .5em;
color: red; 
margin-top: 3px; 
margin-bottom: 0px;
 }

.parag_title_ru  {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
 font-size: 0.6em;
letter-spacing: 0.1em;
text-align: left; 
padding: 2px;
text-transform: uppercase;
color: #806123; 
font-variant: small-caps;
line-height: 1.3em;
}




p {

color:#6E5421;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-decoration: none;

}




.paragraph_indent {
  color: #000;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-indent: 2em;
  margin-bottom: 1em; /* optional spacing between paragraphs */
}


.dialogue {
  text-indent: 2em;
  margin: 0;
   padding: 0;
   color: #000;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
 line-height: 1.4; /* Optional: controls vertical spacing inside each line */ 
}






.paragraph_ru   {

color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-indent:2em;
text-decoration: none;

}




.paragraph_noindent_ru   {

color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-indent:0em;
text-decoration: none;

}







.paragraphnoind_ru   {

color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.895em;
text-indent: 0;
text-decoration: none;

}


.par_sm_center_ru   {

color:#000;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.85em;
text-decoration: none;
font-variant: small-caps;
}



.par_sm_ru   {

color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.85em;
text-decoration: none;

}


.paragraph_eng   {

color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-indent:2em;
text-decoration: none;

}


.mysubtitle  {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
 font-size: 0.55em;
letter-spacing: 0.22em;
text-align: center; 
padding: 2px;
text-transform: uppercase;
color: #B98C31; 
font-variant: small-caps;
line-height: 1.3em;
}


.tab-space {
	padding-left: 40px;
	color:#000;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-indent:0em;
text-decoration: none;
}













.imagecontainer {
	float: right;
  height: 200px;
  display: flex;
  align-items: right;
  justify-content: right;
}

.itemimage {
  width: 10em;
   margin-right: 25px; margin-left: 0px;
margin-top: 4px; 
}

















#imagedecor  {
width: 55%;
 height: auto;

 padding: 5px; 
 border: 1px solid; color:#6E5421;
margin-right: 10px; margin-left: 0px;
margin-top: 4px;

}



#imagedecormor  {
width: 30%;
 height: auto;
  float: left;
 padding: 5px; 
 border: 1px solid; color:#6E5421;
margin-right: 10px; margin-left: 0px;
margin-top: 4px;

}




#imageecentright  {
width: 18%;
 height: auto;
  float: left;
 padding: 10px; 
 border: 1px solid; color:#6E5421;
margin-right: 10px; margin-left: 0px;


}

