﻿/*************************************************************
[1.0] GENERAL_GENERAL_GENERAL_GENERAL_GENERAL_GENERAL_GENERAL
*************************************************************/
*{
	 margin:0;
	 padding:0;}
	 
html{
	 background:#fef6e7;
	 height:100%;
	 }
	 
body{
	 font-family:Verdana;
	 font-size:11px;
	 
	 width:1024px;
	 height:100%;
	 
	 margin:0 auto;
	 }

	 
/*************************************************************
[1.1] РћСЃРЅРѕРІРЅР°СЏ СЂР°Р·РјРµС‚РєР°.
*************************************************************/

.contaner{
	 background:#f0e8d0 url(../img/page_tx.png);
	 min-height:100%;
	 position:relative;
	 padding:0 12px 0 12px;
	 }
	 
.content{
	 padding-bottom:150px;
	 overflow:hidden;
	 }
	 
.left{
	 padding:0 15px;
	 
	 float:left;
	 width:200px;
	 }
	 
.right{
	 padding:0 15px;
	 
	 float:right;
	 width:200px;
	 }
	 
.center{
	 overflow:hidden;
	 }
 
.footer{
	 background:url(../img/footer_bg.png) no-repeat;
	 
	 height:94px;
	 width:100%;
	 
	 position:absolute;
	 bottom:0;
	 left:0;
	 }
 
 
/*************************************************************
[1.2] РЎС‚РёР»СЊ РѕСЃРЅРѕРІРЅРѕРіРѕ Р±Р»РѕРєР°, РЅРµ РёР·РјРµРЅСЏС‚СЊ.
*************************************************************/
.block{
     background:#fbf8f3 url(../img/block/left_texture.png) repeat-y;
	 position:relative;
	 margin-bottom:20px;
	 }
.block-otz{

	 position:relative;
	 margin-bottom:20px;
	 }
	 	 
	 
.text{
	 background:url(../img/block/right_texture.png) repeat-y right;
	 padding:10px;
	 }
	 
.block_bottom{
	 background:url(../img/block/bottom_texture.png) repeat-x;
	 height:18px;
	 }
	 
.block_bottom:before{
	 content:url(../img/block/bottom_left.png);
	 height:18px;
	 }

.block_bottom:after{
	 content:url(../img/block/bottom_right.png);
	 height:18px;
	 float:right;
	 }
	 
.block_header{
	 behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="img/block/block_header_left.png" style="float:left;" alt="" />' + this.innerHTML + '<img src="img/block/block_header_right.png" style="float:right;margin-top:-15px;" alt="" />') : '');
	 font-family:Verdana;
	 font-size:11px;
	 background:url(../img/block/block_header_texture.png) repeat-x;
	 height:28px;
	 color:#9e3030;
	 font-weight:bold;
	 }
	 
.block_header span{
	 position:relative;
	 top:7px;left:10px;
	 }
	 
.block_header:after{
	 content:url(../img/block/block_header_left.png);
	 float:left;
	 }
	 
.block_header:before{
	 content:url(../img/block/block_header_right.png);
	 height:28px;
	 float:right;
	 }
	 
.lenta{
	 background:url(../img/lenta.png) no-repeat;
	 
	 width:99px;
	 height:28px;
	 
	 position:absolute;
	 right:0;
	 top:0;
	 }
	 
/*************************************************************
[2.0] USABILITY_USABILITY_USABILITY_USABILITY_USABILITY	
*************************************************************/

/*[2.1] Logotupe-link*/
#logo{
	 background:url(../img/logo.gif) no-repeat;
	 
	 width:219px;
	 height:203px;
	 
	 position:absolute;
	 left:412px;
	 top:0;
	 }
	 
/*************************
[2.2] MENU_MENU_MENU_MENU
*************************/

.menu{
	 list-style:inside url(../img/list_image.png);
	 
	 }
	 
.menu li{
	 border-bottom:dotted 1px #9e3030;
	 padding-bottom:3px;
	 }
	 
.no_dotted{border-bottom:none!important;}
	 
.menu a{
	 color:#000;
	 text-decoration:none;
	 margin-left:-3px;
	 }
	 
.menu a:hover{color:#9e3030;}

	 
/**********************
[2.3] FORM_FORM_FORM
**********************/
	
.right_form{
	 margin:10px 0 10px 10px;
	 }	 
	 
.right_form fieldset{
	 border:none;
	 }
	 
.right_form p{
	 margin:10px 0;
	 }

.right_form input{
	 width:90%;
	 }
	 
.right_form input.submit{
	 width:123px;
	 margin:20px 0 0 20px;
	 }
	 
/*************************************************************
[3.0] CONTENT_CONTENT_CONTENT_CONTENT_CONTENT_CONTENT_CONTENT
*************************************************************/	 

.zred{
	 color:#9e3030;
	 font-weight:bold;
	 font-size:16px;
	 }
	 
.block_header_1{
	 font-family:Verdana;
	 font-size:13px;

	 color:#9e3030;
	 font-weight:bold;
	 
	 padding-bottom:3px;
	 
	 border-bottom:1px #000 dotted;
	 }

.style_text{
	 font-family:Verdana;
	 font-size:small;
}
/************************************************************
[3.1] GALERY_GALERY_GALERY_GALERY_GALERY_GALERY_GALERY_GALERY
************************************************************/

.galery{
	 background:url(../img/galery.gif) no-repeat;
	 
	 margin:20px 0;
	 padding:0 90px;
	 
	 }
	 
.galery ul{
	 list-style:none;
	 min-height:85px;
	 }
	 
.galery li{
	 display:inline;
	 margin-left:10px;
	 }

/*********************************************************
[3.2] TOVAR_TOVAR_TOVAR_TOVAR_TOVAR_TOVAR_TOVAR_TOVAR
*********************************************************/

.two_tovar_block{
	 overflow:hidden;
	 margin-bottom:20px;
	 }

.tovar{
	 
	 margin:20px 0 0 0;
	 overflow:hidden;
	 width:240px;
	 float:left;
	 }

.tovar img{
	 float:left;
	 
	 }	 

.tovar ul{
	 list-style:none;
	 float:right;
	 
	 }
	 
.tovar li{
	 color:#5f615f;
	 
	 width:125px;
	 }
	 
.tovar li span{
	 font-weight:bold;
	 }
	 
.name{
	 font-weight:bold;
	 color:#9e3030!important;
	 
	 margin-bottom:10px;
	 }
	 
/*******************************************************
[4.0] FOOTER_FOOTER_FOOTER_FOOTER_FOOTER_FOOTER_FOOTER
*******************************************************/

.footer{
	 color:#9e3030;
	 }
	 
.footer a{
	 color:#9e3030;
	 text-decoration:none;
	 }
	 
.links{
	 position:relative;
	 top:30px;
	 left:300px;
	 width:500px;
	 }
	 
/* rotator in-page placement */
    div#rotator {
        position:relative;
        height:345px;
        margin-left: 15px;
}
/* rotator css */
        div#rotator ul li {
        float:left;
        position:absolute;
        list-style: none;
}
/* rotator image style */       
        div#rotator ul li img {
        border:1px solid #ccc;
        padding: 4px;
        background: #FFF;
}
    div#rotator ul li.show {
        z-index:500;
}	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
