body {
  margin:0px;
  padding:0px;
  text-align: left;   /* для IE */
overflow-y: scroll;

***zoom: 50%; 
***-moz-transform: scale(0.5); 
***-moz-transform-origin: 0 0;
***-o-transform:scale(0.5);
***-o-transform-origin: 0 0;
		  
}

@media screen and (max-device-width:1025px) { /* это будет показано при разрешении монитора до 930 пикселей */
body {
  margin:0px;
  padding:0px;
  text-align: left;   /* для IE */
overflow-y: scroll;

***zoom: 81%; 
-moz-transform: scale(0.81); 
-moz-transform-origin: 0 0;
***-o-transform:scale(0.81);
***-o-transform-origin: 0 0;
		  
}
}

html {
  margin:0px;
  padding:0px;
  text-align: left;   /* для IE */

		  
}

a img {
border:0px;
}

h1 {
text-align: center;
font-size:26px;
}


h2 {
text-align: center;
font-family: Arial;

}
h3 {
text-align: left;
font-family: Arial;

}
p {
text-indent: 20px;
    margin-top: 0.5em; /* Отступ сверху */
    margin-bottom: 0.5em; /* Отступ снизу */
}

a:visited
{
color:blue;
}

a:hover
{
text-decoration:none;
}

a.linksbig:visited
{
color:red;
}

a.newslink2 
{
color:black;
font-size:12px;
}

a.newslink2:visited
{
color:black;
}

a.newslink2:hover
{
color:red;
text-shadow: 0 0 4px white;
}

a.newslink 
{
color:black;
text-decoration:underline;
}

a.newslink:hover
{
color:red;
text-decoration:none;

}

.banner
{
font-family:Lucida Sans Unicode; 
font-size: 24px; 
*font-weight:700; 
color:black; 
background: #eee8e0; 
border-radius:40px; 
*margin-left:60px;
margin:0 auto;
border:1px solid white;
}

.banner:hover
{

*background: #eeffdb; 

border-radius:40px; 
background: #eee8e0; 
border:1px solid lightgrey;
}

.flags
{
opacity: 0.5;
}

.flags:hover
{
opacity: 1;
}

.editormenu
{
*color:grey;
position:fixed;
background:white;
border-radius: 0 0 5px 5px;
opacity:1;
top:0px;
padding-top:10px;
padding-left:10px;
 left:400px; 
 width:300px; 
 height:32px;
border:1px solid grey;
}

.editormenu:hover
{
color:black;
background:white;
cursor:pointer;
opacity:1;
border:1px solid grey;


}


.menutext
{
font-family: times new roman;
text-shadow: 0 0 2px white;
font-size:17px;

color:#736357;
 text-align: center;
 font-weight:700;
 vertical-align: bottom;
  background: rgba(255,255,255,0.7);
        -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	        -moz-transition-property: background;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.menutext:hover
{
font-family: times new roman;
text-shadow: 0 0 2px white;
font-size:17px;

color:#736357;
 text-align: center;
 vertical-align: bottom;
 cursor:pointer;
 background: none;

}

#circle {
position:absolute;
    width: 4px;
    height: 4px;
    background: green;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	top:10px;
	left:80px;
}
.menutext1
{
font-family: times new roman;
* text-shadow: 0 0 10px white;
font-size:16px;
    font-weight:700;
color:#736357;
 text-align: center;
 vertical-align: middle;
 background: url(images/index_06.gif);
         -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.menutext1:hover
{
font-family: times new roman;
* text-shadow: 0 0 0px white;
font-size:16px;
    font-weight:700;
color:white;
 text-align: center;
 vertical-align: middle;
 cursor:pointer;
background: url(images/wokmenu_06.png);
}

.menutextlast
{
font-family: times new roman;
text-shadow: 0 0 4px white;
font-size:17px;

color:#736357;
 text-align: center;
 vertical-align: middle;
* background: url(images/index_06.gif);

}
.menutextlast:hover
{
font-family: times new roman;
text-shadow: 0 0 0px white;
font-size:17px;
    font-weight:700;
color:white;
 text-align: center;
 vertical-align: middle;
 cursor:pointer;

   background: white;
* background: url(images/wokmenu_07.png);
        -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;

}



.linksmall
{
font-family: arial;
* text-shadow: 0 0 10px white;
font-size:12px;
color:white;
}

.linksmall:hover
{
text-decoration:none;
}

.linksmall:visited
{
color:white;
}

.linkenter
{
font-family: arial;
* text-shadow: 0 0 10px white;
text-decoration:none;
font-size:12px;
color:black;
border-bottom:1px dashed black;
}

.linkenter:hover
{
color:red;
border-bottom:none;
}

.linkenter:visited
{
color:black;
}

.tags
{
text-decoration:none;
color:brown;
border-bottom:1px dashed brown;
}

.tags:visited
{
text-decoration:none;
color:brown;
border-bottom:1px dashed brown;
}

.tags:hover
{

text-decoration:none;
color:red;
border-bottom:none;
}


.lr
{
font-family: georgia;
font-size:16px;
color:black;
text-decoration:none;
 border-bottom: 1px dashed black;
}

.lr:hover
{
text-decoration:none;
 border-bottom: none;
cursor:pointer;
}

.lr:visited
{
font-family: georgia;
font-size:16px;
color:black;
text-decoration:none;
 border-bottom: 1px dashed black;
}

.linksbig
{
font-family: arial;
* text-shadow: 0 0 10px white;
font-size:30px;
color:red;
}

.linksbig:hover
{
text-decoration:none;
}


.buybut {
position:relative;
font-family:arial;
top:0px;
 width: 78px;
 height: 24px;
   border: 1px solid lightgrey;
  background: #f26522;
  *display: none;
  color:white;
  margin-top:5px;
 padding-top: 7px;
padding-left:3px;

 text-align: center;
 vertical-align: center;
 font-size: 12px;

border-radius:4px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
 z-index: 0;
       -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	       -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}


.buybut:hover {

    background: #9FDB27;

border-radius:4px;
box-shadow: none;
*color:black;
 z-index: 0;
cursor:pointer;

      -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	      -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;

}


.buybutbig {
position:relative;
font-family:arial;
font-weight:700;
top:4px;
left:-40px;
 width: 120px;
 height: 34px;
   border: 1px solid lightgrey;
  background: #f26522;
  *display: none;
  color:white;
  margin-top:5px;
 padding-top: 15px;
padding-left:3px;

 text-align: center;
 vertical-align: center;
 font-size: 16px;

border-radius:10px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
 z-index: 0;
       -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	       -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}


.buybutbig:hover {

    background: #9FDB27;

border-radius:10px;
box-shadow: none;
*color:black;
 z-index: 0;
cursor:pointer;

      -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	      -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;

}


.littlezoom:hover {
*-webkit-transform:scale(1.2);
*-moz-transform:scale(1.2);
*-o-transform:scale(1.2);
*-ms-transform:scale(1.2);
*transform:scale(1.2);
}

.paging {
position:relative;
padding-top:2px;
float:left;
 width: 20px;
 height: 20px;
  background: #9FDB27;
  color:white;
  font-family:arial;
font-weight:700;
 text-align: center;
 font-size: 15px;
}

.paging:hover {
position:relative;

float:left;
 width: 20px;
 height: 20px;
  background: #f26522;
  color:white;
 text-align: center;
 font-size: 16px;
cursor:pointer;
}

.paging-act {
position:relative;
float:left;
padding-top:1px;
 width: 19px;
 height: 19px;
   border: 1px solid lightgrey;
  background: white;
  color:#f26522; 
  font-family:arial;
font-weight:700;
 text-align: center;
 font-size: 16px;
}




#video
{
}
#video:hover
{
cursor:pointer;
}






.opacitytrans
{
opacity:0.5;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.opacitytrans:hover
{
opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.plus
{
font-weight:700;
font-size:18px;
color:black;

}

.plus:hover
{
color:red;
cursor:pointer;
}

.minus
{
font-weight:700;
font-size:14px;
color:black;
}

.minus:hover
{
color:red;
cursor:pointer;
}

#loader {
position: fixed;
left: 0%;
top:0%;
 width: 100%;
 height: 100%;
   border: 1px solid black;
   background: white;
   background-image: url('images/ajax-loader.gif');
 background-repeat: no-repeat;
  background-position:center; 
  display: none;
 padding: 20px 20px 20px 20px;
 padding-top: 1px;
 text-align: center;
 font-size: 12px;
 color: black;
 z-index: 10;
 overflow: auto;
  opacity: 0.5;
 * -moz-border-radius: 3px;
}

#temp {
position: fixed;
left: 0%;
top:0%;
 width: 100%;
 height: 100%;
   border: 1px solid black;
   background: white;
 background-repeat: no-repeat;
  background-position:center; 
  display: none;
 padding: 20px 20px 20px 20px;
 padding-top: 1px;
 text-align: center;
 font-size: 12px;
 color: black;
 z-index: 15;
 overflow: auto;
  opacity: 0.5;
 * -moz-border-radius: 3px;
}


.ordertable
{
background:white;

}
.ordertable:hover
{
background:lightgrey;
}

.submitbut
{
text-decoration:underline; 

}
.submitbut:hover
{
cursor:pointer; 
text-decoration:none;
}

.submitbutcart
{
padding:5px;
border-radius:4px;
color:white;
  background: grey;
font-family:Lucida Sans Unicode; 
font-size:18px;

font-weight:700;
       -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	       -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.submitbutcart:hover
{
cursor:pointer; 
    background: #9FDB27;
color:black;


       -webkit-transition-property: background transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	       -moz-transition-property: background transform;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
	  transition-property: background transform;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.thanks
{
color:white;
}
.thanks:hover
{
color:black;
}

.inputtext{
background: white; /* серый цвет фона */
color: black; /* Белые буквы */      
border: 1px solid lightgrey;
padding:3px;

}

.inputtext:focus{
background: #EEEEFF; /* серый цвет фона */
color: black; /* Белые буквы */
border: 1px solid #f26522;   
}

.inputtextbb{
font-size:20px;
background: white; /* серый цвет фона */
color: black; /* Белые буквы */      
border: 1px solid grey;
width:70px;
text-align:center;height:30px;margin:5px;border-radius:3px;
}

.inputtextbb:focus{
font-size:20px;
background: #eeeeee; /* серый цвет фона */
color: black; /* Белые буквы */
border: 1px solid grey; 
 
text-align:center;height:30px;margin:5px;border-radius:3px;
}

.roundnumber {
position:relative;
top:-14px;
left:0px;
 width: 22px;
 height: 22px;
   border: 1px solid #f26522;
  background: white;
  *display: none;
  color:#f26522;
 padding-top: 1px;
*padding-left:3px;
font-family:times new roman;
 text-align: center;
 vertical-align: center;
 font-size: 18px;

border-radius:11px;
box-shadow: 4px -2px 8px rgba(0,0,0,0.3);
 z-index: 0;
}

textarea {
resize: none;
}

.longroundnumber {
position:relative;

left:0px;
 width: 170px;
 height: 18px;
   border: 1px solid #f26522;
  background: white;
  *display: none;
  color:#f26522;
 padding-top: 1px;
*padding-left:3px;
font-family:times new roman;
 text-align: center;
 vertical-align: center;
 font-size: 12px;

border-radius:11px;
box-shadow: 4px -2px 8px rgba(0,0,0,0.3);

}
.longroundnumber:hover {
position:relative;

  background: #f26522;
  color:white;
cursor:pointer;

}



* ***********************старое!!!!

.inv
{
 opacity:0.2;
}
.inv:hover
{
 opacity:0.6;
}

#imghover:hover
{
cursor: pointer;
}

#fimg
{
opacity: 0.1;
}

#fimg:hover
{
opacity: 1;
cursor: pointer;
}

.commentit
{
font-size:11px; 
color:grey;
}

.commentit:hover
{

color:red;
cursor:pointer;
border-bottom:1px dotted red;
}

#text1 {
  /* background-color: #FFEEEE; */
  font-family: arial;
  font-size: 14px;
  *color: #8C4D0A;
    color: #7A4601;
  text-align:justify;

}

#text5 {
  /* background-color: #FFEEEE; */
  font-family: arial;
  font-size: 20px;

}

#rating {
  /* background-color: #FFEEEE; */
  font-family: arial;
  font-size: 8px;
  color: red;

}



a#picname1:link {
    font-family: arial;
  font-size: 12px;
  text-decoration:none;
  color:black;
}


a#picname1:visited {
    font-family: arial;
  font-size: 12px;
  text-decoration:none;
  color: black;
  
}


a#picname1:hover {
    font-family: arial;
  font-size: 12px;
  text-decoration:underline;
}


#text2 {
  font-family: arial;
  color: black;
  font-size: 14px;
    text-decoration:underline;
} 

#text2:hover {
  color:red;
  cursor: pointer;
  text-decoration:underline;
}

#textcr {
  font-family: arial;
  color: black;
  font-size: 20px;
    font-weight:700;
	 text-decoration:none;
} 
#textdescr {
  font-family: arial;
  color: black;
  font-size: 14px;
	 text-decoration:none;
} 

#price {
  font-family: arial;
  color: green;
  font-size: 20px;
    font-weight:700;
	 text-decoration:none;
} 
#param{
  font-family: arial;
  color: red;
  font-size: 20px;

	 text-decoration:none;
} 



#text3 {
  font-family: arial;
  color: white;
  font-size: 12px;
    text-decoration:underline;
} 

#text3:hover {
  color:red;
  cursor: pointer;
  text-decoration:underline;
}

#textclient {
  font-family: arial;
  color: black;
  font-size: 20px;
    text-decoration:underline;
} 

#textclient:hover {
  color:red;
  cursor: pointer;
  text-decoration:underline;
}

.butt1{
background: navy; /* Синий цвет фона */
color: white; /* Белые буквы */
font-size: 9pt; /* Размер шрифта в пунктах */
}
.buttbuy{
background: white; /* серый цвет фона */
color: white; /* Белые буквы */
font-size: 9pt; /* Размер шрифта в пунктах */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
border: 1px solid gray;
width: 100px;
height: 25px;
*position:absolute;
*right:10px;
*top:10px;

 text-align: center;
*margin-top: 10px;
*margin-left: 100px;
}
.butt3{
background: black; /* серый цвет фона */
color: white; /* Белые буквы */
font-size: 9pt; /* Размер шрифта в пунктах */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
font-weight: 700;
*-moz-border-radius: 4px;
border: 1px solid black;
* width: 75px;
height: 20px;
padding-bottom: 2px;
/* position:absolute;
right:10px;
top:10px;
 */
}

.buttlog{
background: black; /* серый цвет фона */
color: white; /* Белые буквы */
font-size: 18pt; /* Размер шрифта в пунктах */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
font-weight: 700;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid black;
 width: 100px; 
height: 70px;
*padding-bottom: 2px;
/* position:absolute;
right:10px;
top:10px;
 */
}
.butt4{
background: lightgreen; /* серый цвет фона */
color: white; /* Белые буквы */
font-weight: 700;
font-size: 15pt; /* Размер шрифта в пунктах */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
border: 2px solid black;
/* width: 50px; */
height: 50px;
padding-bottom: 2px;
-moz-border-radius: 8px;
/* position:absolute;
right:10px;
top:10px;
 */
}
.butt4:hover{
background: red; /* серый цвет фона */
  cursor: pointer;
}


.pricediv {
position: relative;
*right:10px;
*top:35px;
 width: 100px;
 height: 50px;
   border: 1px solid lightgrey;
  background: lightyellow;
  *display: none;
 *padding: 20px 20px 20px 20px;
 margin-top: 7px;
 text-align: center;
 *font-size: 12px;
* color: white;
border-radius:8px;

 z-index: 0;
}



.ordbut {

 width: 200px;
 height: 37px;
   border: 1px solid lightgrey;
  background: #9FDB27;
  *display: none;
 *padding-top: 0px;
 margin-top: 12px;
 text-align: center;
 vertical-align: center;
  font-family: arial;
  color: black;
  font-size: 20px;
    font-weight:700;
	 text-decoration:none;
border-radius:8px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
 z-index: 0;
}

.ordbut:hover {

 width: 200px;
 height: 37px;
   border: 1px solid lightgrey;
  background: #EBA152;
  *display: none;
 *padding-top: 0px;
 margin-top: 12px;
 text-align: center;
 vertical-align: center;
  font-family: arial;
  color: black;
  font-size: 20px;
    font-weight:700;
	 text-decoration:none;
border-radius:8px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
cursor:pointer;
 z-index: 0;
}

#audiocontrols {
position: fixed;
left:5px;
top:5px;
 width: 30px;
 height: 18px;
   border: 1px solid black;
  background: white;
  display: block;
 padding: 0px 0px 0px 0px;
 padding-top: 1px;
 text-align: center;
 font-family:arial;
 font-size: 12px;
 color: black;
 z-index: 2;
 cursor:pointer;
 text-decoration:none;
 -moz-border-radius: 8px;
 border-radius: 8px;
 opacity:0.1;
}
#audiocontrols:hover {
opacity:1;
}



#buy {
position: fixed;
/*left: 200px;
top:100px;*/ 
left: 300px;
top: 20%;
 width: 600px;
 height: 290px;
   border: 1px solid grey;
  background: white;
  display: none;
 padding: 20px 20px 20px 20px;
 padding-top: 10px;
 text-align: center;
 vertical-align:middle;
 *font-size: 12px;
 color: black;
 z-index: 8;
 overflow: auto;
 border-radius: 30px;
}
#clientinfowindow {
position: fixed;
left: 200px;
top:50px;
 width: 700px;
 height: 650px;
   border: 1px solid blue;
  background: white;
  display: none;
 padding: 20px 20px 20px 20px;
 padding-top: 1px;
 text-align: center;
 font-size: 12px;
 color: black;
 z-index: 6;
 overflow: auto;
 * -moz-border-radius: 3px;
}

#googlesound {
position: fixed;
left: 200px;
top:50px;
 width: 700px;
 height: 650px;
  background: white;
  display: none;
}



#main {
position: fixed;
left: 0%;
top:0%;
 width: 100%;
 height: 100%;
   border: 1px solid black;
   background: white;
*   background-image: url('images/ajax-loader.gif');
 background-repeat: no-repeat;
  * background: white;
  background-position:center; 
  display: none;
 padding: 20px 20px 20px 20px;
 padding-top: 1px;
 text-align: center;
 font-size: 12px;
 color: black;
 z-index: 5;
 overflow: auto;
  opacity: 0.8;
 * -moz-border-radius: 3px;
}

#warning {
position: fixed;
   background-image: url('/img/renew.jpg');
   /* background-repeat: no-repeat;
left: 200px;
top:100px; */ 
left: 20%;
top: 10%;
 width: 148px;
 height: 40px;
   border: 0px solid blue;
 /* background: red;  */
  display: none;
* padding: 20px 20px 20px 20px;
* padding-top: 20px;
 text-align: center;
 font-size: 30px;
 color: white;
 z-index: 2;
 overflow: auto;
 *-moz-border-radius: 3px;
 cursor:pointer;

}

#chatticker {
padding: 0px 0px 0px 0px;
text-align:left;
height: 75%;
background:white;
color:black;
overflow-y: scroll;
 list-style: none;
 font-family: arial;
  font-size: 11px;

}



#chatticker:hover {

 *overflow: auto;
 *padding-right: 20px;
}


#closeButton {
position: absolute;
 top: 2px;
 right: 2px;
  border-bottom: 1px solid gray;
   border-left: 1px solid gray;
  /* font-weight: bold; */
  font-size: 9px;
  width: 10px;
  height: 10px;
  color: black;
  cursor: pointer;
  /* padding: 2px 4px 2px 4px; */
  background: white;
}

#PWcloseButton {
position: absolute;
 top: 2px;
 right: 2px;
  border-bottom: 1px solid gray;
   border-left: 1px solid gray;
  /* font-weight: bold; */
  font-size: 9px;
  width: 10px;
  height: 10px;
  color: black;
  cursor: pointer;
  /* padding: 2px 4px 2px 4px; */
  background: white;
}

#loginbutton {
background: black; /* серый цвет фона */
color: white; /* Белые буквы */
font-size: 9pt; /* Размер шрифта в пунктах */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
border: 1px solid black;
width: 100px;
height: 20px;
position:absolute;
right:0px;
top:10px;
padding-top: 2px;
  cursor: pointer;
   text-align: center;
}
.textinput1{
background: white; /* серый цвет фона */
color: black; /* Белые буквы */
/* border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray; */
border: 1px solid gray;
width: 100px;
height: 20px;
position:absolute;
left: 70px;
}




#warpheader {
width: 90%;
height: 35px;
*margin-top:5px;
*margin-left: 10px;
}
#header {
/* position:relative;
top: 25px; */
font-family: arial;
 width: 670px;
 height: 100px;
 padding-left:354px;
   border: 0px solid blue;
   background-image: url('/img/fregat.jpg');
 background-repeat: no-repeat;
  text-align: left;
 font-size: 10px;
 padding-bottom:3px;
 color: black;
 float:none;
 margin: 0 auto;
 z-index: 1;
  overflow: hidden;
 
}
#header:hover {

  overflow: auto;
 
}
#footer {
/* position:relative;
top: 25px;
 */ width: 1024px;
 height: 40px;
   border: 0px;
  * background: #235BCB;
  text-align: center;
 font-size: 12px;
 color: black;
 float:none;
 margin: 0 auto;
 z-index: 1;
 *-moz-border-radius: 3px;

}
#leftcolumn {

background-image: linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -o-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -moz-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -webkit-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -ms-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);

background-image: -webkit-gradient(
	linear,
	left 70%,
	left top,
	color-stop(0, rgb(188,197,209)),
	color-stop(0.61, rgb(245,245,245))
);

*width:100%; 
float:left;
*border: 2px solid black;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
*-moz-border-radius: 3px;

}

#invoices {

background-image: linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -o-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -moz-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -webkit-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -ms-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);

background-image: -webkit-gradient(
	linear,
	left 70%,
	left top,
	color-stop(0, rgb(188,197,209)),
	color-stop(0.61, rgb(245,245,245))
);

width:100%; 
float:left;
*border: 2px solid black;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
*-moz-border-radius: 3px;

}

#crminfo {

background-image: linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -o-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -moz-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -webkit-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -ms-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);

background-image: -webkit-gradient(
	linear,
	left 70%,
	left top,
	color-stop(0, rgb(188,197,209)),
	color-stop(0.61, rgb(245,245,245))
);

width:100%; 
float:left;
*border: 2px solid black;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
*-moz-border-radius: 3px;

}

#leftcolumncrm2{

background-image: linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -o-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -moz-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -webkit-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);
background-image: -ms-linear-gradient(70%, rgb(188,197,209) 0%, rgb(245,245,245) 61%);

background-image: -webkit-gradient(
	linear,
	left 70%,
	left top,
	color-stop(0, rgb(188,197,209)),
	color-stop(0.61, rgb(245,245,245))
);

width:100%; 
float:left;
*border: 2px solid black;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
*-moz-border-radius: 3px;

}

#leftcolumncrm {

background: white;
width:1022px;
float:left;
border: 0px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
* -moz-border-radius: 3px;

}


#rightcolumn {
background:white; 
width:95px;
float:left;
border: 1px solid black;
padding-bottom: 20px;
*-moz-border-radius: 3px;

}

#central {
width: 1022px;
background:white;

clear:left;
border: 1px solid black;
padding-bottom: 20px;
* -moz-border-radius: 3px;

}

#additional {
width: 972px;
*height: 600px;
background:white;
clear:left;
border: 1px solid black;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 50px;
 overflow: auto;
 font-size:12px;
 font-family:arial;
 text-align:left;
*-moz-border-radius: 3px;
}

/* #crminfo {
         width: 100px;
         height: 100px;
         border: 2px solid red;
         position: fixed;
		 background:white;
	*	   display: none;
		  overflow: hidden;
         bottom: 0px;
         right: 0px;
		 opacity: 0.2;
		  z-index: 3;
		*  box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }
	  
#crminfo:hover {
         width: 100%;
	
height: 30%;
		 opacity: 1;
		  z-index: 5;
		  overflow: auto;
      } */
	  

.chatw {
         width: 0px;
         height: 100px;
         border: 2px solid green;
         position: fixed;
		 background:white;
	*	   display: none;
		  overflow: hidden;
         bottom: 50%;
         left: 0px;
		 *opacity: 0.2;
		    background-image: url('/img/chat.png');
			 background-repeat: no-repeat;
		  z-index: 5;
		  padding-left: 20px;
		  				  box-shadow: 0 0 10px rgba(0,0,0,0.5);
						  cursor:pointer;
      }	  
	  
.chatw:hover {
         width: 315px;
         height: 30%;
         border: 2px solid green;
         position: fixed;
		 background:lightgreen;
	*	   display: none;
		  overflow: hidden;
         bottom: 50%;
         left: 0px;
		 *opacity: 0.2;
		 color:white;
	 		    background-image: none;
			 background-repeat: no-repeat;
		  z-index: 5;
		  padding-left: 0px;
		  				  box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }	  
	  

	  
#zadach {
         width: 50px;
         height: 50px;
         border: 2px solid red;
         position: fixed;
		 background:white;
	*	   display: none;
		*  overflow: auto;
         bottom: 0px;
         left: 0px;
	*	 opacity: 0.2;
		  z-index: 5;
		   font-size: 11px;
		     font-family: arial;
			 box-shadow: 0 0 10px rgba(0,0,0,0.5);

      }
	  
#zadach:hover {
      *   width: 100%;
      *    height: 30%;
	*	 opacity: 1;
	*	  z-index: 5;
      }

#docs {
         width: 120px;
         height: 350px;
         border: 2px solid red;
         position: fixed;
		 background:red;
	*	   display: none;

         top: 50px;
         right: 0px;
	*	 opacity: 0.2;
	color:white;
		  z-index: 5;
		   font-size: 11px;
		   text-align:left;
		     font-family: arial;
			 box-shadow: 0 0 10px rgba(0,0,0,0.5);
			 cursor:pointer;
      }
#docsdata {
position:relative;
padding: 0px 0px 0px 0px;
         *width: 100px;
         height: 336px;
         *border: 0px solid red;
          background:white;
	*	   display: none;
		 * overflow: none;
         top: -9px;
         *right: 0px;
	*	 opacity: 0.2;
		  z-index: 6;
		  color:black;
		  text-align:left;
		  list-style:none;
		   font-size: 11px;
		     font-family: arial;
			 cursor:default;
			* box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }
	  
	  #newinv {
position:absolute;
padding: 0px 0px 0px 0px;
         width: 19px;
         height: 20px;
         *border: 0px solid red;
          background:red;
	*	   display: none;
		 * overflow: none;
	  display: none;
         top: -3px;
         left: 70px;
	*	 opacity: 0.2;
		  z-index: 3;
		overflow:hidden;
		   box-shadow: 0 0 10px rgba(0,0,0,0.5);
		   border-radius: 4px;
		   font-size: 14px;
		     font-family: arial;
			 color:yellow;
		  text-align:center;
		  font-weight: 700;
      }
	  
	  #zadcount {
position:absolute;
padding: 0px 0px 0px 0px;
         width: 19px;
         height: 20px;
         *border: 0px solid red;
          background:white;
	*	   display: none;
		 * overflow: none;
	  display: none;
         top: -3px;
         left: 80px;
	*	 opacity: 0.2;
		  z-index: 3;
		overflow:hidden;
		   box-shadow: 0 0 10px rgba(0,0,0,0.5);
		   border-radius: 4px;
		   font-size: 14px;
		     font-family: arial;
			 color:red;
		  text-align:center;
		  font-weight: 700;
      }
	  
	  #printdocs {
position:relative;
padding: 0px 0px 0px 0px;
         *width: 100px;
         height: 15px;
         *border: 0px solid red;
          background:lightgrey;
	*	   display: none;
		 * overflow: none;
         bottom: 35px;
         *right: 0px;
	*	 opacity: 0.2;
		  z-index: 7;
		  text-align:center;
		  color:white;
		  text-align:center;
		  
		   font-size: 10px;
		     font-family: arial;
			 cursor:pointer;
			* box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }
	  
#admin {
width: 1022px;
background:white;
border: 2px solid blue; 
clear:left;

}

#warp {
width: 1024px;
margin: 0 auto;
}

#tabs{
width: 915px;
float:left;
}

#cellofpics {
text-align:center;
vertical-align:middle;
width: 200px;

}

#cellofpics:hover {
background: #EEEEEE;
}

#celloforders-h {
text-align:left;
font-weight: 700;
vertical-align:middle;
background: white;
}

#celloforders {
font-family: arial;
text-align:left;
font-weight: 700;
vertical-align:middle;
* background: #FFF9BF;
background: #FFC8B5;
}

#cellofordersbelaz {
font-family: arial;
text-align:left;
font-weight: 700;
vertical-align:middle;
* background: #FFF9BF;
background: #D293DF;
}

#celloforders:hover {
/* background: #EEEEEE;  

font-size:30px;*/
}

#cellofordersready {
font-family: arial;
text-align:left;
font-weight: 700;
vertical-align:middle;
background: #FFF9BF;
}

#celloforderssent {
font-family: arial;
text-align:left;
font-weight: 700;
vertical-align:middle;
background: white;
}

#celloforderssent:hover {
/* background: #EEEEEE;  
font-size:30px;*/
}

#cellofedit {
text-align:left;
font-weight: 700;
vertical-align:middle;
background: white;
}

#cellofedit:hover {
 background: #EEEEEE; 
 cursor: pointer;
}

#celloforders_i {
text-align:left;
font-weight: 700;
vertical-align:middle;

}

#celloforders_i:hover {
background: #EEEEEE;

*font-size:17px;
}


#celloforders_i_sklad {
text-align:left;
font-weight: 700;
vertical-align:left;
font-size:27px;

}
#celloforders_i_skladr {
text-align:right;
font-weight: 700;
vertical-align:right;
font-size:27px;

}

/* #celloforders_i_sklad:hover {
background: #EEEEEE;

font-size:17px;
} */

#rowofpics {
height: 40px;
}

#rowofpics:hover {
background: #EEEEEE;
}

#rowoforder_intra {
background: white;
height: 20px;
}

#rowoforder_intra:hover {
background: #EEEEEE;
}

#navprev {
padding-left:20px;
text-align: left;
vertical-align:middle;
width: 50%;
}
#navnext {
padding-right:20px;
text-align:right;
vertical-align:middle;
width: 50%;
}
.votebutton {
 position: relative;
 top: 2px;
  margin:0 auto; 
  border-bottom: 0px solid gray;
   border-left: 0px solid gray;
  /* font-weight: bold; */
  font-size: 9px;
  width: 50px;
  height: 10px;
  color: black;
  
  /* padding: 2px 4px 2px 4px; */
  background: white;
}

.votebutton2 {
 position: relative;
 top: 2px;
  margin:0 auto; 
  border: 0 px;
 /* border-bottom: 1px solid gray;
   border-left: 1px solid gray;
   font-weight: bold; */
  font-size: 30px;
  width: 250px;
  height: 34px;
  color: blue;
  
  /* padding: 2px 4px 2px 4px; */
  background: white;
}

#votetext1 {
  font-family: arial;
  font-size: 11px;
}

#votetext1:hover {
  color:red;
  cursor: pointer;
}

 
#votetext {
  font-family: arial;

} 

#votetext:hover {
  color:red;
  cursor: pointer;
}

#votetextminus {
  font-family: arial;
  color: black; 
} 

#votetextminus:hover {
  color:red;
  cursor: pointer;
}

#result
{
   color: white;
   font-family: verdana;
   font-size: 10px;
   font-weight: 700;
   text-decoration: bold;
}
#cellofresult {
position: absolute;
/*left: 180px;
top: 10px; */
background-color: #FF4444;
text-align: right;
padding-right:3px;
height: 15px;
width: 30px;
opacity: 0.4;
}

#userdiv
{
width:100px; 
text-align: center; 
overflow:auto;
cursor:pointer;
opacity:0.7;
}

#userdiv:hover
{

opacity:1;
}
  
/**** Speech Bubble Icons *****/
.spch-bub-inside {
  position: relative;
}
a.spch-bub-inside {
  color: #6778fc;
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #6778fc;
  font-family:times new roman;
  font-weight:700; 
  color: white;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #6778fc; 
  border-bottom: 0.45em solid #6778fc; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
  
}
a.spch-bub-inside:hover {
  color: blue;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: blue;
  color: white;
}
a.spch-bub-inside:hover .point {
  border-left: 0.5em solid blue; 
}

.orderclassnew{
background: #EDF2FF; /* серый цвет фона */


      -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

.orderclassnew:hover{
background:white;


}

.orderclassinwork{
background: -webkit-linear-gradient(left, lightgreen 0%, lightgreen 25%, #EDF2FF 30%); 


      -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;

}

.orderclassinwork:hover{
background-position:-10px;
}

.orderclass2{
background: -webkit-linear-gradient(left, lightgreen 0%, lightgreen 25%, #EDF2FF 30%, #EDF2FF 65%, lightgreen 70%, lightgreen 100%); 
      -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

.orderclass2:hover{
background-position:-10px;
}

.orderclass3{
 background: -webkit-linear-gradient(left, lightgreen 0%, lightgreen 65%, #EDF2FF 70%); 
      -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	  transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;

}

.orderclass3:hover{
background-position:-10px;
}

.outerdiv{
position:absolute;
width:210px;
left:-20px;
top:-10px;
*height:360px;
overflow:hidden;
*height:360px;
border:solid 1px rgba(255,255,255,0);
background:none;
z-index:0;

}
.outerdiv:hover{
border:solid 1px grey;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
  border-radius: 7px;
  background:white;
  z-index:10;
  transition: all 0.3s ease;
 -webkit-transition:  all 0.3s ease;
  width:235px;
  left:-40px;
  padding-left:20px;
  transition:width left 0.5s ease;
  -webkit-transition:width left 0.5s ease;
}


.insider {
position:relative;left:20px;top:10px;width:180px;
height:100%;
}

.softener{
position:absolute;left:-20px;top:-10px;height:100%;width:220px; 
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)),color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background:-webkit-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 220px,rgba(255,255,255,1) 240px,rgba(255,255,255,1) 250px);
background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 220px,rgba(255,255,255,0.7) 240px,rgba(255,255,255,1) 250px); 
background: -moz-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 220px,rgba(255,255,255,0.7) 240px,rgba(255,255,255,1) 250px); 
background: -o-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 220px,rgba(255,255,255,0.7) 240px,rgba(255,255,255,1) 250px); 
background-image: -ms-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 220px,rgba(255,255,255,0.7) 240px,rgba(255,255,255,1) 250px); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
z-index:5;
}

.softener:hover{

background:none;
  transition: all 0.3s ease;
}

.pricer{
position:absolute; border-radius: 4px;top:154px; left:1px; width:40%; text-align:right;background: rgba(242,212,15,0.4);padding:3px;

}

.pricerbig{
position:relative; border-radius: 4px; text-align:right;background: rgba(242,212,15,0.4);padding:10px;

}


.diam{
position:absolute; border-radius: 4px;top:40px; right:10px;  text-align:left;background: rgba(255,255,255,0.4);padding:0px;
z-index:2;
display: table-cell;
vertical-align:top;

}


#wrapper1{
position:absolute;   left:30%; 
}

#wrapper2{
position:relative;   left:-30%; margin: 0 auto; 
}

@media screen and (max-width: 1280px){

#wrapper1{
position:absolute;  left:0px;
}

#wrapper2{
position:relative;left:0px;
}


}