/* CSS Document */
html, body {margin:0; padding:0; height:100%;}
body{padding:0px; margin:0px; background: #FFF url(../img/content_bg_tail.gif) 0 650px repeat-x; color:#000; font:14px/18px Tahoma, Geneva, sans-serif;}

div, p, ul, h1, h2, h3, img{padding:0px; margin:0px;}

h1, h2 {text-align:center; margin-bottom:20px;}
h2 {margin:20px 0;}

.color-blue {background:url(../img/block_blue_bg.gif);}
.color-yelo {background:url(../img/block_yellow_bg.gif);}

img {border:0;}
a, a:hover {color:#fff;}

#all {width:100%; margin:0 auto; position:relative;  height: auto !important; height: 100%; min-height: 100%;}

/*----TOP PANEL----*/
#topPan{width:100%; height:650px; position:relative; margin:0 auto; color:#fff; padding:0px; background:#579145 url(../img/header_bg_tail.gif) top;}
#top-inner {height:650px; position:relative; background: #579145 url(../img/header_bg_light.jpg) top center;}
#top-content {width:940px; margin:0 auto; position:relative;} 
#top-content #contacts {height:135px;}
#top-content #contacts p {width:350px; height:135px; position:absolute; top:30px; right:0; font-size:24px; line-height:normal; text-align:right;}
#top-content #contacts #logo { position:absolute; top:50px;}
#top-content ul#menu {height:170px; position: absolute; left:230px; list-style:none; z-index:10;}
#top-content ul#menu li {width:135px; height:135px; margin-right:20px; position:relative; text-align: center; float:left; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border:10px solid #fff; font: bold 20px Tahoma, Geneva, sans-serif; text-transform:uppercase;}
#top-content ul#menu li a {padding-top:55px; display:block; color:#fff; text-decoration:none;}
#top-content ul#menu li span {padding-top:55px; display:block; color:#000; text-decoration:none;}
#top-content ul#menu li .two-stroke {padding-top:40px;}
#top-content ul#menu li a:hover {color: #000;}
#top-content ul#menu li.menu_1 {background:url(../img/block_red_bg.gif); top:20px;}
#top-content ul#menu li.menu_2 {background:url(../img/block_yellow_bg.gif);}
#top-content ul#menu li.menu_3 {background:url(../img/block_blue_bg.gif); top:20px; margin:0;}
#top-content #slider {height:460px; margin-top:75px; border:25px solid #fff;}


/*----BODY PANEL----*/
#mainPan{width:940px; position:relative; overflow:auto; margin:70px auto 120px;}
#mainPan #mainHead {height:20px;}
#mainPan .i-cont {padding:0 0 30px 0; color:#fff;}
#mainPan .i-cont .title { padding:20px 0; text-align:center;}
#mainPan .i-cont p {padding:0 20px; font-size:16px; line-height:24px; text-align:justify;}
#mainPan .i-cont .i-img {text-align:center;}


#main_frst {width:280px; float:left; background:url(../img/block_red_bg.gif); border: 10px solid #fff;}

#main_right{width:620px; margin-left:320px; position:relative; overflow:auto;}
#main_scnd {width:280px; float:left; background:url(../img/block_yellow_bg.gif); border: 10px solid #fff;}
#main_thrd{width:280px; margin-left:320px; background:url(../img/block_blue_bg.gif); border: 10px solid #fff;}

#singlePan { padding:20px; border: 10px solid #fff; color:#fff; font-size:16px; line-height:24px; position:relative;}
#singlePan p {margin:10px 0; text-align:justify;}
#singlePan ul {margin:10px 0; padding:0 20px; text-align:justify;}

.price_img {width:190px; margin:20px 40px; padding:5px; text-align:center; border:5px solid #fff; float:left;}
.price_img img {width:190px;}
.price_img p { width:155px; margin:0 auto !important; padding:0 !important; text-align:center !important;}

p.clear {clear:both;}

ul.gallery {width:780px; margin:0 auto !important; list-style:none; overflow:auto; }
ul.gallery li { margin:10px; float:left; border:5px solid #fff; padding:5px;}
ul.gallery li a {width:150px; height:150px; margin:0; padding:0; display:block; overflow:hidden; text-align:center; line-height:0; border: 2px solid #fff;}
ul.gallery li a:hover {border: 2px solid #000;}
#page_nav {text-align:center;}


/*----Foot PANEL----*/
#footerPan {width:100%; height:100px; position:relative; margin:-100px auto 0; background:#006599;}
#bottom-menu {width:330px; margin:0 auto; list-style:none; font-size:16px; overflow:auto; position:relative;}
#bottom-menu li { margin:10px 0 0;padding:0 20px 3px; float:left; border-right:1px solid #fff;}
#bottom-menu li.last {border:none;}
#bottom-menu li a:hover {text-decoration:none;}
#bottom-copy {width:800px; margin:20px auto 0; color:#FFF; text-align:center; position:relative;}
#bottom-schet {width:800px; margin:20px auto 0; text-align:center; position:relative;}