body {font-family:Verdana, Tahoma, Arial; font-size:12px; margin:0; padding:0; background:url(images/bg-line.png) top left repeat-x #c0e6ed;}
td, th {font-family:Verdana, Tahoma, Arial; font-size:12px;}
p {padding:0; margin:0;}

a {color:#78b543; text-decoration:none;}
a:hover {text-decoration:underline;}

hr {border:1px solid #4fb9d7; margin:20px 0 20px 0;}

h2, h3, h4, h5, h6 {color:#8dcddc;}

img {border:0;}

.clear {clear:both;}


/* Header styles */

.header {height:198px; width:100%; background:url(images/bg-star.png) top left no-repeat #0057a8;}

.header .clouds {position:absolute; top:0; right:0; height:153px; width:401px; z-index:0; background:url(images/clouds-right.png) top right no-repeat;}
.header .grass {height:52px; position:relative; top:138px; left:0; z-index:1; background:url(images/bg-grass.png) bottom left repeat-x;}

.header .menu {position:relative; top:118px; left:0; height:29px; width:100%; z-index:2; background:url(images/bg-menu.png) top left repeat-x;}
.header .menu a {color:#003d61;}
.header .menu a:hover {color:#00659b; text-decoration:none;}
.header .menu ul {float:left; background:#2e5e75; padding:0 0 0 2px; margin:0; list-style:none; text-transform:uppercase; font-size:11px; height:25px; overflow:hidden;}
.header .menu ul li {padding:8px 16px 0 16px; margin-right:2px; list-style:none; float:left; height:25px; font-weight:900; background:url(images/bg-menu-item.png) top left repeat-x;}

.header .tools {float:left; width:215px; margin-left:14px;}
.header .tools a {float:left; margin-left:35px;}
.header .tools .i-home {width:16px; height:25px; display:block; background:url(images/i-home.png) center center no-repeat;}
.header .tools .i-mail {width:16px; height:25px; display:block; background:url(images/i-mail.png) center center no-repeat;}
.header .tools .i-lock {width:16px; height:25px; display:block; background:url(images/i-lock.png) center center no-repeat;}

.header-link {display:block; position:absolute; top:0; left:0; width:260px; height:100px; cursor:pointer;}

/* Middle styles */

.middle {width:100%; min-width:1000px; margin-top:14px; background:url(images/bg-tree.png) top right no-repeat; background-position:870px 100%;}

.middle .left-column {float:left; margin-left:14px; width:190px; margin-bottom:165px;}
.middle .left-column .blue {position:relative; padding:10px 0 10px 0;}
.middle .left-column .blue .text {background:#c8e8eb;}
.middle .left-column .white {position:relative; padding:0 0 10px 0; font-size:11px;}
.middle .left-column .white .text {padding:14px; background:#ffffff;}

.middle .left-column .blue .text div {font-weight:900; list-style:none; padding:10px 10px 10px 0px; margin-left:14px; background:url(images/arrow-inact.png) center left no-repeat;}
.middle .left-column .blue .text div a {color:#003d61; margin-left:18px; display:block;}

.middle .left-column .blue .text .s1 {margin-left:0; padding:10px 10px 10px 20px; background:#a7d9e3;}
.middle .left-column .blue .text .s1 span {background:url(images/arrow-act.png) #a7d9e3 center left no-repeat;}
.middle .left-column .blue .text .s1 a {color:#ffffff;}

.middle .left-column .blue .text .s2 {margin-left:0; padding:10px 10px 10px 20px; background:#8dcddc;}
.middle .left-column .blue .text .s2 span {background:url(images/arrow-act.png) #8dcddc center left no-repeat;}
.middle .left-column .blue .text .s2 a {color:#ffffff;}

.middle .left-column .title {color:#0455a0; font-weight:900; margin:10px 0px 10px 0px;}
.middle .left-column .title a {color:#0455a0;}

.middle .left-column .white .rss {margin:10px 0 30px 0;}
.middle .left-column .white .rss a {color:#009ac5; font-weight:900; background:url(images/rss.png) center left no-repeat; padding-left:24px; height:14px; display:block; margin-bottom:12px;}
.middle .left-column .white .vk {margin:10px 0 10px 0;}
.middle .left-column .white .vk a {color:#009ac5; font-weight:900; background:url(images/i-vk.png) center left no-repeat; padding-left:24px; height:14px; display:block; margin-bottom:12px;}

.middle .left-column .search {height:21px; width:190px; background:url(images/bg-search.png) top left no-repeat; padding-left:10px; padding-top:1px; margin:8px 0 18px 0;}
.middle .left-column .search fieldset {margin:0; padding:0; border:0; width:144px; float:left;}
.middle .left-column .search input {color:white; border:none; background:none; float:left; width:144px; outline:none;}
.middle .left-column .search .submit {height:18px; cursor:pointer; width:21px; float:right; margin-right:8px;}

.middle .content {float:left; position:relative; margin-left:14px; width:775px; margin-bottom:165px; padding-bottom:10px;}
.middle .content a {color:0b7f9f;}
.middle .content h1 {color:#009ac5; font-size:20px;}
.middle .content .text {padding:12px 46px 28px 46px; background:#ffffff;}
.middle .content .header {height:39px; width:775px; background:url(images/content-t.png) bottom center repeat-x;}
.middle .content .header .icon {margin-left:16px; margin-right:12px; float:left; height:34px; width:20px; background:url(images/breadcrumbs-tree.png) bottom left no-repeat;}
.middle .content .header .breadcrumbs {margin-top:14px; float:left; height:16px; color:#6e92a6; font-weight:900; width:725px; overflow:hidden;}
.middle .content .header .breadcrumbs a {color:#6e92a6;}

.middle .content blockquote {margin:10px 0 10px 20px; padding-left:30px; background:url(images/blockquote.png) top left no-repeat;}
.middle .content blockquote p {color:white; background:#8dcddc; padding:10px 26px 10px 26px;}

.middle .content table {border-collapse:collapse; margin:20px 0 20px 0;}
.middle .content table th {padding:12px; font-weight:100; text-align:left; color:white; background:#4fb9d7;}
.middle .content table td {padding:12px; margin:0; border-bottom:2px solid #4fb9d7;}

.middle .content table#vkshare0 td {padding:0; margin:0; border-bottom:0;}

.no-borders table {border:none !important;}
.no-borders table td {border:none !important;}

.middle .tree {height:243px; width:258px; position:absolute; bottom:0; left:910px; z-index:0; background:url(images/bg-tree.png) bottom left no-repeat;}


/* Footer styles */

.footer {height:144px; background:url(images/bg-bottom.png) top left repeat-x #c0e6ed;}

.footer .grass {position:relative; top:-52px; width:100%; height:52px; z-index:1; background:url(images/bg-grass.png) bottom left repeat-x;}
.footer .contacts {color:white; float:left; position:relative; top:-31px; margin:0 0 0 42px; width:400px; height:90px; z-index:2; vertical-align:top; background:url(images/i-envelope.png) top left no-repeat;}
.footer .contacts .text {padding-left:136px; height:90px;}

.footer .map {color:white; float:left; position:relative; top:-31px; margin:0 0 0 22px; width:370px; height:90px; vertical-align:bottom; background:url(images/i-tree.png) top left no-repeat;}
.footer .map .text {padding-left:136px; height:90px;}

.footer .counters {float:left; position:relative; top:-22px; margin:0 0 0 62px; width:100px; height:90px; vertical-align:bottom;}
.footer .counters a {opacity:0.5}
.footer .counters a:hover {opacity:1.0}


/* Rounded corners */

.blt, .bct, .brt, .blb, .bcb, .brb, .wlb, .wcb, .wrb {position:absolute; width:10px; height:10px; overflow:hidden;}

.blt {top:0; left:0; margin:0; padding:0; background:url(images/corner-blt.png) top left no-repeat;}
.bct {top:0; margin:0 10px 0 10px; width:170px; background:#c8e8eb;}
.brt {top:0; right:0; background:url(images/corner-brt.png) top right no-repeat;}
.blb {left:0; background:url(images/corner-blb.png) top left no-repeat;}
.bcb {margin:0 10px 0 10px; width:170px; background:#c8e8eb;}
.brb {right:0; background:url(images/corner-brb.png) top right no-repeat;}
.wlb {background:url(images/corner-wlb.png) top left no-repeat;}
.wcb {margin:0 10px 0 10px; background:#ffffff;}
.wrb {right:0; background:url(images/corner-wrb.png) top right no-repeat;}

.left-column .wcb {width:170px;}
.content .wcb {width:755px;}

.news-date {font-size:10px; color:#808080;}

.pages td {border:2px solid white !important; padding:6px 10px !important; background-color:#f6f6f6;}
.pages td:hover {background-color:#f0f0f0;}

.pages .active {background-color:#4fb9d7 !important;}
.pages .active a {color:white;}

/* Rounded content */

.content .blue {position:relative; padding:10px 0 10px 0;}
.content .blue .text  {clear:both; background:#c8e8eb; padding:5px 15px;}
.content .bct {width:664px;}
.content .bcb {width:664px;}

/* Shop modulle */

.shop-modulle .line {border-bottom:1px dotted #808080; margin:10px 0;}
.shop-modulle .title {background:url(/assets/templates/site/ecoteco/images/cart.gif) center left no-repeat; font-weight:900; margin-bottom:10px; width:auto;}
.shop-modulle a {color:#009ac5;}
.shop-modulle .image {margin:10px 0; width:160px; overflow:hidden;}
.category-title {text-align:center; font-weight:100; margin-bottom:10px; color:#0496c5;}

/* Main page */

.i-ecology {float:left; width:192px; height:66px; background:url(/assets/images/i-ecology.png) center center no-repeat; margin:20px 0;}
.i-ecology .i-text {padding:0; color:#ffffff; margin-top:22px; margin-left:70px; font-size:19px;}
.i-ecology .i-text a {color:#ffffff;}

.i-tech {float:left; width:192px; height:66px; background:url(/assets/images/i-tech.png) center center no-repeat; margin:20px 53px;}
.i-tech .i-text {padding:0; color:#ffffff; margin-top:22px; margin-left:64px; font-size:19px;}
.i-tech .i-text a {color:#ffffff;}

.i-economy {float:left; width:192px; height:66px; background:url(/assets/images/i-economy.png) center center no-repeat; margin:20px 0;}
.i-economy .i-text {padding:0; color:#ffffff; margin-top:22px; margin-left:70px; font-size:19px;}
.i-economy .i-text a {color:#ffffff;}

/* Magazine */

.magazine {border-collapse:collapse; margin-top:0;}
.magazine img {border:none;}
.magazine h2 {margin-top:0;}
.magazine td {border:none !important; vertical-align:top; text-align:left; padding:0 10px 20px 0 !important; margin-top:0 !important;}

/* Ads */

.admitad {float:left; width:160px; margin-left:10px;}
@media all and (max-width: 1180px) {
    .admitad {
        display: none;
    }
}

.rel-links, .rel-links a{color:#000; font-size:9px; margin-top:25px;}

#rel-news {margin:20px 0 40px;}
#rel-news .title {color:#8dcddc; font-size:18px; font-weight:900;}
#rel-news ul {list-style:none; padding:0; margin:10px 0; color:#78b543;}
#rel-news ul li {margin-bottom:8px;}

#vk-comments-container {margin-top:10px; border-top:1px dotted #cacaca; padding-top:10px;}

#banner-rotate {position:relative; height:475px;}
#banner-rotate img {position:absolute; top:0; left:0; display:none;}