/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  3.52 14.11.09
Num:      142
----------------------------------------------- */


/*-------------------------- basic styles ------------------------------*/
@import url("base.css");
/*---------------------- end basic styles ------------------------------*/


/*------------------------------- global ------------------------------*/
html{ background:#fff url(../images/pic9.png) repeat-y 50% 0; }
body { background:url(../images/pic1.jpg) no-repeat 50% 0; color:#000; font-size:.75em/*12px*/; line-height:1.2; }
input, button, select, label, textarea, body { font-family:Verdana, Geneva, sans-serif; }
a { outline:none; color:#115ed3;  }
a:visited { }
a:hover, .n-u a { text-decoration:none; }
a:focus { }
a:active { }
a.dash, .dash a { text-decoration:none; border-bottom:1px dashed; }
a.dash:hover, .dash a:hover { border:0; }
h1 {  }
h2 { }
h3 { font-weight:100; margin-bottom:10px;  }
h4 { }
h5 { }
h6 { }


/*colors*/
.red{ color:#c00; }
ul.l-bar, ul.l-bar a, ul.l-bar{ color:#fff; }
/*end colors*/

/*fonts*/
h3{ font-family:"Myriad Pro", Arial, sans-serif, serif; }
.order, ul.l-bar{ font-family:Tahoma, Geneva, sans-serif; }
.f-10, .im, .footer { font-size:.8333em/*10px*/; }
.f-11 { font-size:.9166em/*11px*/; }
.f-12 { font-size:1em/*12px*/; }
.f-13, .order { font-size:1.0833em/*13px*/; }
.f-14 { font-size:1.1666em/*14px*/; }
.f-15 { font-size:1.25em/*15px*/; }
.f-16 { font-size:1.3333em/*16px*/; }
.f-17 { font-size:1.4166em/*17px*/; }
.f-18 { font-size:1.5em/*18px*/; }
.f-20, ul.l-bar { font-size:1.6666em/*20px*/; }
h3{ font-size:2em/*24px*/; }
/*end fonts*/

/*inputs*/
/*end inputs*/

/*lists*/
/*end lists*/

/*over blocks*/
.over, .content { overflow:hidden; display:block!important; /*ie6*/display:inline-block; }
.clear:after { content:''; display:block; clear:both; }
/*ie6*/* html .clear, * html .fix { display:inline-block; }
/*ie7*/* + html .clear, * + html .fix { display:inline-block; }

/*end over blocks*/

/*backgrounds*/
/*end backgrounds*/

/*other*/
/*end other*/
/*----------------------------- end global ----------------------------*/


/*------------------------------- wrapper ------------------------------*/
.wrapper {  position:relative; margin:auto; width:1000px; height:1150px; }
/*--------------------------------- *** --------------------------------*/


/*-------------------------------- header ------------------------------*/
.header {  height:200px; position:relative; }
.logo{ background:url(../images/pic1.png) no-repeat; top:50px; position:absolute; left:30px; }
.logo a, .logo{ display:block; width:414px; height:92px; text-indent:-1000em; }
.phones{ background:url(../images/pic2.png) no-repeat; width:455px; height:87px; top:64px; right:60px; position:absolute; }
.order{ position:absolute; top:38px; right:72px; }
.im{  width:202px; height:22px; padding-top:3px; text-align:center; top:112px; right:66px; position:absolute; }
.im .bg{background:url(../images/pic6.png) no-repeat; width:202px; height:25px; position:absolute; top:0; left:0; }
.im .txt, .im img{ position:relative; z-index:1; }
/*------------------------------ end header ----------------------------*/


/*----------------------------- side ------------------------------*/
.lside { width:312px;   }
ul.l-bar {  padding-top:1px; }
ul.l-bar a{ position:relative;}
ul.l-bar li.wedding{ background:url(../images/pic3.png) no-repeat; width:166px; height:52px; padding:44px 0 0 60px; margin:0 0 11px 50px; }
ul.l-bar li.children{ background:url(../images/pic4.png) no-repeat; width:144px; height:62px; margin:0 0 14px 41px; padding:36px 0 0 91px; }
ul.l-bar li.corporate{ background:url(../images/pic5.png) no-repeat; width:157px; height:59px; margin:0 0 -18px 43px; padding:24px 0 0 76px; }
ul.l-bar li.exclusive{ background: url(../images/pic7.png) no-repeat; width:150px; height:37px;  margin:0 0 10px 49px; padding:54px 0 0 77px; }
ul.l-bar li.holiday{ background:url(../images/pic8.png) no-repeat; width:152px; height:58px; margin:0 0 10px 43px; padding:52px 0 0 81px; }
ul.l-bar li.newyear{ background:url(../images/pic13.png) no-repeat; width:156px; height:62px; margin:0 0 10px 33px; padding:29px 0 0 87px; }
ul.l-bar li.chocolate{ background:url(../images/pic12.png) no-repeat; width:166px; height:59px; margin:0 0 10px 43px; padding:16px 0 0 90px; }


/*--------------------------- end side ----------------------------*/


/*------------------------------ content -------------------------------*/
.content {  word-wrap:break-word; padding:48px 25px 30px; background:#f3ebe1 url(../images/pic5.jpg) no-repeat; width:526px; }
.jscroll{ height:705px;   position:relative; overflow:hidden; overflow-y:auto; padding:0 15px 0 0; }
.img{ display:inline-block; background:#fff url(../images/pic2.gif) repeat-x 0 100%;  }
.img div, .img .tl{ float:left; background:url(../images/pic6.gif) no-repeat; } 
.img .tr{ background:url(../images/pic5.gif) no-repeat 100% 0; }
.img .br{ background:url(../images/pic3.gif) no-repeat 100% 100%; }
.img .bl{ background:url(../images/pic1.gif) no-repeat 0 100%; padding:3px 7px 8px 3px; }
.img .ry{ background:url(../images/pic4.gif) repeat-y 100% 0; }
.img img{ float:left; }
.gr-ph{ font-size:0; line-height:0; margin:0 0 24px -1px;  }
.gr-ph .img{ margin-left:1px; }
/*--------------------------- end content -----------------------------*/


/*------------------------------ footer -------------------------------*/
.footer { text-align:right; position:relative; clear:both; width:740px; margin:auto; padding:60px 40px 88px; }
/*------------------------------ end footer -------------------------------*/

/*
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../images/pic11.gif) repeat-y; }
.jScrollPaneDrag { position: absolute; left:4px; background:#ffb108 url(../images/pic12.gif) no-repeat 1px 50%; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 1px; text-indent: -2000px; overflow: hidden; height: 14px; background:url(../images/pic9.gif) no-repeat; width:13px!important; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 1px; text-indent: -2000px; overflow: hidden; height: 14px; width:13px!important; background:url(../images/pic10.gif) no-repeat; }*/


.tort{ background:url(../images/pic10.png) no-repeat; width:156px; height:175px; position:absolute; top:-107px; left:112px; }
.rek{font-size:6px;}
.rek A {font-size:6px;}
html{ min-width:1000px;}


/*editing main page*/
div.content {
	overflow: inherit;
	margin-left: 312px;
}
div.outer {
	position: relative;
	margin:0px 0px 0px -312px;
	width: 100%;
	float:left;

}
div.block1 {
	float: left;
	width:470px;
	background: #E8C042 no-repeat scroll 0 0;
	margin: 190px 0px 0px -307px;
	padding: 10px 25px;
	border: 2px dotted #AFB43C;
	position:relative;
	z-index:10;
	
}
div.block1 .table-img, div.block2 .table-img {
	width: 100%;
}
div.block1 .table-img img,div.block2 .table-img img {
	
}
div.block2 {
	width: 380px;	
	padding: 10px 25px;	
	margin: 10px -137px 0px;
	background: #d9d9d9 no-repeat scroll 0 0;
	float:right;
	margin-top:165px;
	border: 2px dotted #fff;
	position:relative;
	z-index:10;
	
}
div.block3 {
	float: right;
	background: #AAFF00  no-repeat scroll 0 0;
	margin: 60px -137px 0px 0px;
	padding: 10px 25px;
	width: 570px;
	border: 2px dotted #000;
	position:relative;
	z-index:10;
	
}
div.block4 {
	width: 310px;	
	padding: 10px 25px;	
	margin: 10px 0px 80px -337px;
	background: #FDFDFD no-repeat scroll 0 0;
	float:left;
	border: 2px dotted #000;
	position:relative;
	z-index:10;
	
}
div.block1 h2, div.block2 h2 {
	font:  bold 14px  Arial, Calibri,sans-serif;
	margin: 5px 0px;
}
div.footer {
	z-index:100;
}