/* style.css
 * date: 27.05.2010
 * by IonDen
 * DO NOT MODIFY THIS FILE
 */

#fw {position:relative; height:100px; clear:both;}
#footer {position:relative; height:100px; margin:-100px 0 0; min-width:990px; text-align:left;}
* html #footer {idth:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
#copy {padding:30px 0 0 30px;}
#copy span {display:inline-block; border:1px solid #CCC; padding:13px 15px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}

#m_left {vertical-align:top; width:460px;}
#m_main {width:460px; height:670px; background:url(../img/bcg/main.jpg) no-repeat 0 0;}
#m_right {vertical-align:top; background:url(../img/bcg/bcg-head.jpg) no-repeat 0 0;}
#m_right strong b {font-size:18px; color:#C00;}
#left_cont {padding:10px 50px;}
#left_cont dl {margin:0 0 50px;}
#left_cont dt {color:#666; padding:0 0 5px;}

#header {position:relative; width:100%; height:200px; overflow:hidden;}
#logo {position:relative; padding:40px 0 0; text-align:center;}
#logo img {display:block; margin:0 auto;}
#menu {position:absolute; top:150px; left:0; width:100%;}
#menu a {display:block; float:left; background:#2B6F0A; color:#FFF; text-decoration:none; font-size:18px; text-shadow:1px 1px 0 #000; box-shadow:1px 1px 2px #999; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999;}
#menu a {border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
#menu a:hover {color:#2B6F0A; border:1px solid #2B6F0A; background:#FFF; text-shadow:0 0 0 #FFF;}
#menu b {display:block; padding:5px 15px 7px; font-weight:normal;}
#menu a:hover b {padding:4px 14px 6px;}
#menu span {display:block; float:left; height:25px; width:5%;}
#menu a.on {color:#2B6F0A; border:1px solid #2B6F0A; background:#FFF; text-shadow:0 0 0 #FFF;}
#menu a.on b {padding:4px 14px 6px;}

.price {font-size:13px; margin:0 0 30px;}
.links {display:block; width:80%; line-height:150%; margin:0 0 30px; font-size:10px;}
.links a {margin:0 15px 0 0; color:#666; text-decoration:none;font-size:10px;}
.links a:hover {color:#1D4C05; text-decoration:underline;font-size:10px;}
.counters {display:block; width:80%; margin:0 0 30px;}
.counters a {display:inline-block;}
.counters img {display:block;}
.counters span {display:inline-block; margin:0 10px 15px 0;}

/*:*/
#red    {
	font-size:110%; margin:0 0 30px;
	color: #CC0000;
	font-weight: bolder;
	text-decoration: none;
	}
#seo    {font-weight: lighter; 
        }


h1.seo, h2.seo, h3.seo, h4.seo, h5.seo, em.seo, b.seo, strong.seo {
  background-image: none !important;
  font-size:  100% !important;
  display: inline !important;
  margin: 0px !important;
  padding: 0px !important;
/*  z-index: 10; */
  font-weight:normal  !important;
  font-style:normal  !important;
  color: #000000 !important;
}

h1.seo a, h2.seo a, h3.seo a,h4.seo a, h5.seo a, em.seo a, b.seo a, strong.seo a {
  font-size:  100% !important;
  padding: 0px;
/*  z-index: -1;  */
}
.logo {display:inline-block; width:49%; padding:0 0 20px; vertical-align:top;}
.logo a {border:0;}
.logo img {border:0;}

.port {padding: 5px; background: #D3EDFF;}

.radius {
    background: #FFFFCF; /*  䮭 */
    border: 1px solid black; /* ࠬ ࠬ */
    padding: 6px; /*   ⥪ */
    margin-bottom: 3px; /*  ᭨ */
	}

.code {
    background: #EFEFEF; /*  䮭 */
    border: 1px solid black; /* ࠬ ࠬ */
    padding: 6px; /*   ⥪ */
	}
	
.block {
	border-style: dotted !important;
	background:#FFFFE0;
	display:inline-block; 
	border:2px solid green;
	padding:8px 10px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	margin:0 0 10px -30px;
	line-height:140%;
	width:88%;
	zoom:1; 
	position:relative;	
	color:#666;
	}

.extruded, {
    color: #B6EFA4;
    font-family: proxima-nova-1, proxima-nova-2, 'Helvetica Neue', Arial, sans-serif; /* the original site doesn't use the @font-face attribute */
 /* font-size: 22px; */
    font-weight: bold;
  /*  text-shadow: #FFFCDF 1px 1px, #000 2px 2px, #000 3px 3px;*/
    position: relative;
    -moz-transition: all 0.3s ease-out; /* FF3.7+ */
       -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out;
}

.extruded:hover a, .extruded:hover {
    color: #3E7F27;
    text-shadow: #E7FFDF 1px 1px, #E7FFDF 2px 2px, #E7FFDF 3px 3px, #E7FFDF 4px 4px, #E7FFDF 5px 5px, #E7FFDF 6px 6px;
    left: -6px;
    top: -6px;
}

.lifted p {
        font-size:46px;
        font-weight:bold;
}
 
.lifted {
        position:relative;
        width:40%;
        padding:1em;
        margin:2em 10px 4em;
        background:#fff;
        border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
 
}
 
.lifted:before,
.lifted:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

.rotated {
    position:relative;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-border-radius:4px;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.rotated > :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0px;
    bottom:0;
    left:0;
    right:0px;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}     
 
.rotated:before,
.rotated:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.rotated:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
 
.rotated p {
        font-size:46px;
        font-weight:bold;
}

#logo1 {position:relative; text-align:center;background: #D3EDFF;}