* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
BODY {
	color : #fff;
	font: 12px tahoma, sans-serif;
	background: #851601 url(img/panel_center.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        text-align: justify;
}
a.robot:link
  {
    text-decoration:none; 
    color:#851601;
  }
a.robot:active
  {
    text-decoration:none;
    color:#851601;
  }
a.robot:visited 
  {
    text-decoration:none;
    color:#851601;
  }
a.robot:hover
  {
    text-decoration:none;
    color:#851601;
  }

a, a:active, a:link, a:visited {
	text-decoration: underline;
	color: #fff;
}

a:hover {
 text-decoration: none;
}
h1{
font-size: 24px;
position: relative;
color: #ffd700;
padding: 10px 0;
margin: 0 0 0 130px;
}
.zag{
font-size: 24px;
position: relative;
color: #ffffff;
font-weight: bold;
padding: 10px 0;
margin: 0 0 0 0px;
}

#right{
font-size: 14px;
color: #ffd700;
margin-left: 30px;
}

#right li a, a:active, {
	text-decoration: none;
	color: #ffd700;
}

#right li a:hover {
	text-decoration: underline;
	color: #ffd700;
}

#oneneed {
background: #851601; 
width: 50%; 
text-align: right; 
font-size: 10px; 
color: #fbb134
}

/* ---------------- ÐÀÌÊÀ Ê ÊÀÐÒÈÍÊÀÌ -------------- */
.ramka{
  position: relative;
  display: block;
  width: 162px;
  height:162px;
}
.otstup { 
margin-top:5px; 
margin-left:2px; 
}
.ramka span {
background: url(ramka.gif) no-repeat center top;
  width: 162px;
  height:162px;
  display: block;
  position: absolute
}

/* ---------------- ÐÀÌÊÀ Ê ÊÀÐÒÈÍÊÀÌ CASAVALENTINA -------------- */
.ramkacs{
  position: relative;
  display: block;
  width: 162px;
  height:162px;
}
.otstupcs { 
margin-top:5px; 
margin-left:2px; 
}
.ramkacs span {
background: url(ramka3.gif) no-repeat center top;
  width: 162px;
  height:162px;
  display: block;
  position: absolute
}

/* ---------------- ÐÀÌÊÀ Ê ÊÀÐÒÈÍÊÀÌ DECOLUX -------------- */
.ramkadk{
  position: relative;
  display: block;
  width: 162px;
  height:162px;
}
.otstupdk { 
margin-top:5px; 
margin-left:2px; 
}
.ramkadk span {
background: url(ramka4.gif) no-repeat center top;
  width: 162px;
  height:162px;
  display: block;
  position: absolute
}

/* ---------------- ÐÀÌÊÀ Ê ÊÀÐÒÈÍÊÀÌ METALSK -------------- */
.ramkamsk{
  position: relative;
  display: block;
  width: 162px;
  height:162px;
}
.otstupmsk { 
margin-top:5px; 
margin-left:2px; 
}
.ramkamsk span {
background: url(ramka5.gif) no-repeat center top;
  width: 162px;
  height:162px;
  display: block;
  position: absolute
}

/* ----------------- ÐÀÌÊÅ ÊÈÐÄÛÊ ------------------- */


#karn{
font-size: 14px;
color: #ffd700;
margin-left: 30px;
}

#karn li a, a:active, {
	text-decoration: none;
	color: #ffd700;
}

#karn li a:hover {
	text-decoration: underline;
	color: #ffd700;
}

h1 span{ display: block; color: #fff; }
h2{ color: #fbb134; font-size: 16px; padding: 8px 0; }
h3{
text-transform: uppercase;
color: #fbb134;
font-size: 14px;
font-weight: normal;
padding: 10px 0 10px 35px;
}
img.bord{ border: 1px solid #fff; }
img{ border: none; }
.sides{
min-height: 100%;
margin: 0 auto -35px auto;
background: url(../img/fon.gif) repeat-y 100% 0;;
width: 1198px;
}
.all{
min-height: 100%;
margin: 0 auto -135px auto;
width: 998px;
/*
border-right: 1px solid #fff;
border-left: 1px solid #fff;
*/
background: #851601 /* url(../img/line.gif) */ repeat-y 100% 0;
}
.conteiner{ width: 100%; }
.clear{ clear: both; height: 0; overflow: hidden; }

/* start header */
/* .header{ background: #851601 url(../img/header1.jpg) no-repeat; height: 365px; } */
.header-top{
/* background: url(../img/header2.jpg) no-repeat 184px 0; */
height: 51px;
padding: 0 43px 0 0;
}
.logo{ float: left; padding: 10px 0 0 80px; }
.icon{
list-style: none;
background: url(../img/icon-fon.jpg) no-repeat 0 25px;
height: 26px;
width: 203px;
margin: 0 0 0 auto; 
padding: 25px 0 50 0;
}
.icon li{
padding: 0 8px;
margin: 7px 0 5px 0;
border-right: 1px solid #a6a6a6;
float: left;
}
.icon .end{ border: none; }
.icon a, .icon a:active, .icon a:link, .icon a:visited {
	 text-decoration: none;
	 font-size: 10px;
}
.icon a:hover { text-decoration: underline; }
.menu{ padding: 10px 0 0 24px; list-style: none; float: left; }
.menu li{
  font-size: 8.5pt;
  margin-bottom: 3px;
  text-align: center;
  line-height: 30px; 
  width: 116px;
  height: 26px;
  padding: 0 2px 0 0;
}

.menu2{ padding: 10px 0 0 24px; list-style: none; float: right; margin-right: 20px}
.menu2 li{
  font-size: 8.5pt;
  margin-bottom: 3px;
  text-align: center;
  line-height: 30px; 
  width: 116px;
  height: 26px;
  padding: 0 2px 0 0;
}


html > body .menu li{ background: url(img/item.png) no-repeat; }
html > body .menu2 li{ background: url(img/item.png) no-repeat; }
.menu a, .menu a:active, .menu a:link, .menu a:visited {
  text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	position: relative;

}
.menu2 a, .menu2 a:active, .menu2 a:link, .menu2 a:visited {
  text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	position: relative;

}
.menu a:hover { color: #fad956; }
.menu2 a:hover { color: #fad956; }
.header-img{ margin: 0 0 0 0; }
/* end header */

/* start content */
.content{ float: left; width: 100%; }
.indention{
padding: 0 50px 0 50px;
position: relative;
z-index: 3;
background: url(../img/pusto2.gif) no-repeat 580px 0px;
}
.cont-img{ float: left; padding: 15px 10px 5px 0; }
.cont-img2{ float: left; padding: 5px 8px 5px 0; }
.indention p{ padding: 9px 0; }
/* end content */

/* start footer */
.clear-down{ clear: both; height: 135px; }
.footer{
width: 998px;
height: 135px;
/* background: #851601 url(../img/footer.gif) repeat-x; */
margin: 0 auto;
/*
border-right: 1px solid #fff;
border-left: 1px solid #fff;
*/
}
.footer div{ background: no-repeat 0px 0px; }
.footer div div{
background: no-repeat 100% 0;
height: 135px;
}
#telefon{
	margin: 0 0 0 450px;
	padding: 30px 0 40px 80px;
	font-size: 14px;
	background: url(img/telefon.jpg) no-repeat 0 22px;
}
#telefon b{ display: block; }
.copyright{ text-align: center; font-size: 10px; }
/* end footer */

