/* \*/
/* \*/
   * html .gainlayout { height: 1%; }
   /* */
body {
    background-image:url("img/bgtop.gif");
    background-position: top;
    background-repeat: repeat-x;
    background-color:#5D5F5F;
    margin: 0;
    padding: 0;
}
#wrap {
    width:100%;
    margin:0px;
    padding:0px;
    text-decoration:none;
}

#header {
    width:100%;
    height:175px;
    text-align:center;
    margin:0px;
    padding:0px;
}
p.head_info {
  margin:0 0 5px 0;
  font-family: Tahoma, Verdana;
  font-size: 70%;
  text-shadow: 0px 1px 0px #000;
  color:white;
  font-variant: small-caps;
}
#menubar {
    width:100%;
    height: 42px;
    float:left;
    background-color:#898D91;
    background-image: url(img/menubar.gif);
    background-repeat: repeat-x;
    text-align: center;
    margin: 0;
    padding: 0;
}
#menubar ul {
    display: inline;
    margin:0;
    padding:0 40px 0 40px;
}
#menubar li {
    display: inline;
    margin:0;
    padding:0 12px 0 12px;
}
#infoblock {
    width:100%;
    background-color:#898D91;
    border-bottom: 1px solid #7C7D7C;
    float:left;
    margin: 0;
    padding: 0;
}
#info {
    width:62%;
    float: left;
    margin: 5px 10px 10px 35px;
    padding: 0;
}
#infotext {
    width:64%;
    float: left;
    margin: 5px 10px 10px 0px;
    padding: 0;
}
#fullinfo {
    width:90%;
    float: left;
    margin: 5px 10px 10px 35px;
    padding: 0;
}
 #fullinfo p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    margin: 2px 0 2px 0;
}
.redstr {
  text-indent:26px;
}


#info p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    text-indent: 26px;
    text-align: justify;
    margin: 2px 0 2px 0;
    line-height: 15px;
}

#infotext p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    text-indent: 26px;
    text-align: justify;
    margin: 2px 0 2px 0;
    line-height: 15px;
}
img.brd {
  border: 1px black solid;
  padding: 5px;
  background-color: white;
}


#photo {
    width:33%;
    float: right;
    margin: 5px 0 15px 0;
}

#photo img {
    margin-right:3px;
}

#catalogue {
    width:100%;
    background-color:#898D91;
    border-bottom: 1px solid #7C7D7C;
    float:left;
    margin: 0;
    padding: 0;
}

#catlist {
    width:270px;
    float:left;
    margin:5px 40px 10px 35px;
    padding:0;
}

#catlist p { 
	margin:20px 0 10px 0px;
    font-family: Tahoma, Verdana;
    color:#333333;
    font-weight:bold;
    font-size: 12px;
    border-bottom:1px solid #333333;
    padding:0 0 5px 30px;
	}

#catlist ul {
    list-style: none;
    list-style-position: inside;
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    letter-spacing:0.05em;
    margin:0;
    padding:0;
}
#catlist li {
    line-height:1;
    margin:0;
    margin-left: 0;
    padding:10px 0 10px 55px;
    * padding-left: 40px;
    border-bottom: 1px solid white;
    background-image: url("img/menuitem.gif");
    background-repeat:no-repeat;
    background-position: 20px 50%;
}

#catlist li a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#catlist li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#catlist li a:hover {
	color:#AA1111;
	font-weight:bold;
	text-decoration:none;
}
#catlist li a:active {
	color:#FFFFFF;
	text-decoration:none;
}
.activelink {
    font-weight:bold;
    color:#C32C2C;
}
#catitems {
    width:64%;
    float: left;
    min-height: 550px;
}
.cat-item {
    width:150px;
	height:250px;
    float: left;
    margin:10px 20px 0px 0;
/*    overflow: auto;*/
}
.cat-item p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    text-align: center;
    margin:0;
}

.cat-mat {
    width:150px;
	height:180px;
    float: left;
    margin-top:10px;
    margin-right:30px;
}

.cat-mat p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    text-align: center;
    margin:0;
}

.matname {
	text-align:center;
	font-weight:bold;
	font-size:70%;
	color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content {
    width:100%;
    background-color:#ABAEB2;
    background-image: url(img/bg_main.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #7C7D7C;
    float:left;
    margin: 0;
    padding: 0;
    height:250px;
}

.item {
    width:270px;
    height: 152px;
    margin: 28px 0 10px 30px;
    float:left;
}
.item p {
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:white;
    margin: 0;
    padding: 0;
    text-align: right;
    float: right;
}
.black {
     color:black;
}
.img-right {
  float: right;
  margin-left: 20px;
}

#exinfo {
    width:100%;
    height:40px;
    float:left;
}
#exinfo p {
    padding-left:10px 0 10px 20px;
    font-family: Tahoma, Verdana;
    font-size: 11px;
    color:black;
    font-weight: bold;
    font-variant:small-caps;
}


#footer {
  width: 100%;
  height:91px;
  margin: 0;
  padding: 0;
  float:left;
  background-color: white;
  background-image: url(img/bgfooter.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  border-top: 2px solid #CCCDCE;
}

.left p {
    float:left;
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:#C4C9CD;
    margin: 0;
    padding:13px 0 0 35px;
}

.right p {
    float:right;
    margin: 0;
    padding:18px 35px 0 0;
    text-align:right;
    font-family: Tahoma, Verdana;
    font-size: 70%;
    color:#666;
}

/* страница подробнее *****/
.details { background-color: #000;}

#item_header {
    width:100%;
    height:175px;
    text-align:center;
    margin:0 0 20px 0;
    padding:0px;
}

#item_block {
  width:60%;
  margin: 0 auto;
}

#item_pic{
  float:left;
  width:340px;
  height:500px;
  margin: 0 20px 0 20px;
}

#item_pic img.bord {
    background-color: white;
    padding: 10px;
    border: 1px solid #CCC;
}

#item_info {
  float:left;
  width:35%;
  margin: 0 20px 0 10px;
}

#item_info p {
  margin: 0 0 10px 0;
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
}

#controls {
  width: 100%;
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
  font-variant: small-caps;
}

.alright {
  text-align: left;
  margin-bottom: 10px;
}

#item_pic span {
  margin: 10px 0 0 0;
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
  font-variant: small-caps;
}
span.left { float:left;}
span.right { float: right;}
#additional_info { display:none;}
ul.listing {
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
  margin:0 0 0 40px;
  padding: 0;
  list-style-type: square;
}
li.listext {
  padding: 0;
  margin:0;
  line-height: 150%;
}

.ollist {
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
  margin:0 0 0 40px;
  padding: 0;
}
.ollist li {
  padding: 0;
  margin:0;
  line-height: 150%;
}
#fullinfo h3 {
  font-family: Tahoma, Verdana;
  font-size: 100%;
  color:white;
  margin:10px 0 10px 0;
  padding: 0;
 }

a.txt-link:link, a.txt-link:visited {
  color: black;
  font-weight: bold;
  text-decoration:underline;
}

a.txt-link:hover, a.txt-link:active {
  color: black;
  font-weight: bold;
  text-decoration:underline;
}
.pinto {
  font-family: Tahoma, Verdana;
  font-size: 70%;
  color:white;
}
