/* DEFAULT */
html, body{margin: 0; padding: 0; width: 100%; height: 100%;  font-family: Tahoma; font-size: 12px; background: #2cac3e;}
* {margin: 0; padding: 0; border: none; list-style-type: none; font-weight: normal;}
table {border-collapse: collapse;}
/* DEFAULT */


/* COMMON */
.clear{clear: both;}
.some {visibility: hidden; height: 10px; overflow: hidden;}

#layout{position: relative; width: 100%; height: 100%;  }
*+html  {overflow-x: hidden;}
.sides{position: absolute; width: 50%; height: 1020px; top: 0; background-repeat: repeat-x;}
#leftside{left:0; z-index: 1;}
#rightside{left: 50%; z-index: 2;}



.index #leftside{background: url(/images/bg_leftside.jpg); }
.index #rightside{background: url(/images/bg_rightside.jpg); }

.inner #leftside .top{background: url(/images/bg_leftside_top.jpg) #55caed 0px -1.5px repeat-x; height: 510px;}
.inner #leftside .middle{background: #55caed; height: 1px;}
.inner #leftside .bottom{background: url(/images/bg_leftside_bottom.jpg); height: 510px;}

.inner #rightside .top{background: url(/images/bg_rightside_top.jpg); height: 510px;}
.inner #rightside .middle{background: #55caed; height: 1px;}
.inner #rightside .bottom{background: url(/images/bg_rightside_bottom.jpg) #55caed 0 2px repeat-x; height: 510px;}



#site{position: relative; margin: 0 auto; width: 1000px;  z-index: 9999999;}
.index #site{background: url(/images/bg_site.jpg) no-repeat;}

#content{position: relative;}

#footer{width: 100%;}
.index  #footer{height: 120px; margin-top: 30px;background: url(/images/bg_footеer.jpg) no-repeat;}

#inclouds { float: right; margin: 0 0 20px;}
#inclouds a {color: white;}
#footer cite {display: block; margin: 0 0 20px;}
/* COMMON */

/* ROUNDCORNERS aka ACTIVE */
.roundCorner{position: absolute; width: 10px; height: 10px;}

.active .topLeft{top: 0; left: 0; background:url(/images/roundcorners.jpg) 0 0 no-repeat;}
.active .topRight{top: 0; right: 0; background:url(/images/roundcorners.jpg) -10px  0 no-repeat;}

.active .bottomLeft{bottom: 0; left: 0; background:url(/images/roundcorners.jpg)  0 -10px no-repeat;}
.active .bottomRight{bottom: 0; right: 0; background: url(/images/roundcorners.jpg) -10px -10px no-repeat;}

.opera .active .topRight{right: -10px;} 
.opera .active .bottomRight{right: -10px;} 
/* ROUNDCORNERS aka ACTIVE */


/* SHADOWS */
.dropShadow{position: absolute; width: 5px; height: 5px;}
.dropShadowCorner{position: absolute; width: 7px; height: 7px;}

.dropShadows .topLeft{top: -4px; left: -3px; background:url(/images/shadows_corners.png) 0 0 no-repeat;}
.dropShadows .topRight{top: -4px; right: -3px; background:url(/images/shadows_corners.png) -7px  0 no-repeat;}
.dropShadows .bottomLeft{bottom: -1px; left: -3px; background:url(/images/shadows_corners.png)  0 -7px no-repeat;}
.dropShadows  .bottomRight{bottom: -1px; right: -3px; background: url(/images/shadows_corners.png) -7px -7px no-repeat;}

.opera .dropShadows .bottomLeft{bottom: -1px; left: -3px; background:url(/images/shadows_corners.png)  0 -7px no-repeat;}
.opera  .dropShadows  .bottomRight{bottom: -1px; right: -3px; background: url(/images/shadows_corners.png) -7px -7px no-repeat;}


.dropShadows .sideLeft{width: 7px; height: 100%; top: 0; left: -7px; background:url(/images/shadows_sideleftright.jpg) 0 0 repeat-y;}
.dropShadows .sideRight{width: 7px; height: 100%; top: 0; right: -7px; background:url(/images/shadows_sideleftright.jpg) -7px  0 repeat-y;}
.dropShadows .sideTop{height: 5px; width: 100%; top: -5px; left: 0; background:url(/images/shadows_sidetopbottom.jpg) 0  0px repeat-x;}
.dropShadows .sideBottom{height: 5px; width: 100%; bottom: -2px; left: 0; background:url(/images/shadows_sidetopbottom.jpg) 0  -5px repeat-x;}

.opera .dropShadows .sideBottom{height: 5px; width: 100%; bottom: -2px; left: 0; background:url(/images/shadows_sidetopbottom.jpg) 0  -5px repeat-x;}
/*


.dropShadows  .sideBottom{bottom: -2px; right: -3px; background: url(/images/shadows.png) -7px -7px no-repeat;}
*/
/* SHADOWS */

/* POPUP */
.underPop {position: absolute; display: none; left: 0; top: 0; background: url(/images/epattern.jpg) white; filter:progid:DXImageTransform.Microsoft.alpha(opacity=70); -moz-opacity: .7; opacity: .7; z-index: 99999999999;}
.popup {position: absolute; display: none; padding: 35px 20px 20px; text-align: center; background: white; border: 2px solid #8e8686; z-index: 999999999999;}
.popup p, .popup img {margin: 0; padding: 0;}

.popup p.close {position: absolute; right: 20px; top: 8px; font-size: 12px;}
.popup p.close a {color: black;}

.popup #bigImgDescr{margin-top: 15px; color: black;}
/* POPUP */

/* HEADER */
#header{position: relative; height: 186px; background: url(/images/bg_header.jpg) 330px 80px no-repeat;}

#logo{position: absolute; left: 0; top: 20px;}
#contacts {position: absolute; right: 20px; top: 40px; font-size: 13px;}
#contacts span{display: block; color: white; margin: 5px 0 0 0;}


#menu{position: relative; top: 155px; font-family: Myriad Pro; font-size: 22px; text-align: center;}
#menu a{color: black;}
#menu li{display: inline; margin: 0 25px; padding: 3px 10px;}
#menu li.active{background: white;}
#menu li.active a{text-decoration: none; color: #00b9e8;}
/* HEADER */


/* CONTENT */
#открытки{position: relative;}
#открытки li{position: absolute; width: 113px; height: 160px;}
#открытки li a{cursor: hand;}/* KURSORNAMA */

#открытки .первая{top: 86px; left: 90px;}
#открытки .вторая{top: 95px; left: 280px;}
#открытки .третья{top: 99px; left: 460px;}
#открытки .четвертая{top: 105px; left: 633px;}
#открытки .пятая{top: 112px; left: 810px;}


#закладки{position: relative;}
#закладки li{position: absolute; width: 130px; height: 160px;}
#закладки li a{cursor: hand;}/* KURSORNAMA */


#закладки .вертикальные {top: 335px; left: 75px;}
#закладки .вертикальные p{float: left;}
#закладки .вертикальные p.first{margin-right: 10px;}


#закладки .горизонтальные {top: 328px; left: 262px;}
#закладки .горизонтальные p{margin-bottom: 10px;}


#blog {position: absolute; top: 340px; left: 427px; width: 159px;}
#blog p{margin-top: 10px;}
#blog p a{display: block; color: #00b9e8;}
#blog p.title{font-family: Myriad Pro; font-size: 18px; margin: 0;}
#blog p.title span{display: block; color: #f06b00;}


#shops{position: absolute; top: 345px; left: 627px; width: 340px; height: 210px;}
#shops p.shop{float: left; margin: 10px 15px 10px 0; text-align: center; width: 90px; height: 40px;}
#shops p.shop a{display: block; color: #00b9e8;}

#texts{padding-top: 545px; font-size: 11px; color: black;}
#texts p{margin-top: 10px;}
#texts h1,h2,h3,h4{font-family: Myriad Pro; font-size: 18px;}
#texts  .text1{width: 270px;}

#texts  .text2, #texts .text3{margin: 40px 5% 0 0; width: 45%; float: left;}
#texts  .text2 h2, #texts .text3 h2{color: #b9da89;}


.inner #content .top {width: 900px; height: 121px; background: url(/images/bg_content_inner_top.jpg); margin: 1px auto 0 auto;}
.inner #content  #text {width: 896px; border-left: 1px solid black; border-right: 1px solid black; background: white; margin: 0 auto;}

.inner #content  #text  p{margin: 10px 0;}
.inner #content  #text  h1, .inner #content  #text  .h1{font-size: 30px; font-family: Tahoma; margin: 15px 0;}
.inner #content  #text  h2, .inner #content  #text  .h2{font-size: 24px; color: #008cb0; font-family: Tahoma; margin: 15px 0;}
.inner #content  #text  h3, .inner #content  #text  .h3{font-size: 18px; color: #45bb0e; font-family: Tahoma; margin: 15px 0;}

.inner #content  #text  strong{font-weight: bold !important;}
.inner #content  #text {font-size: 14px;}

.inner #content  #text #left{width: 596px; float: left; margin: 0 20px 0 40px; position:relative; top: -50px;}
.inner #content  #text #right{width: 200px; float: left; margin-right: 40px;  overflow: hidden;}

.inner #content .bottom {width: 1000px; height: 402px; background: url(/images/bg_content_inner_bottom.jpg);}


.inner #content  #text #left .itemslist a{color: black; border-bottom: 1px dotted black; text-decoration: none; margin-right: 15px;}
/*.inner #content  #text #left .item{width: 50%; text-align: center;  float: left; text-align: center;display:table;}
.inner #content  #text #left .item div{display:table-cell; vertical-align:middle;}*/

.inner #content  #text #left .items{width: 100%;}
.inner #content  #text #left .items tr td{width: 50%; text-align: center; vertical-align: middle; }
.inner #content  #text #left .items tr td p{margin: 0;}

.inner #content  #text #left .items .name{font-size: 11px; margin-top: 5px;}
.inner #content  #text #left .items .name small{font-size: 10px; color: #a2a2a2; display: block;}
/* CONTENT */

/* FOOTER */
/* FOOTER */