@font-face {
    font-family: 'novecento_widebook';
    src: url('/fonts/novecentowide-bold-webfont.eot');
    src: url('/fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/novecentowide-bold-webfont.woff') format('woff'),
         url('/fonts/novecentowide-bold-webfont.ttf') format('truetype'),
         url('/fonts/novecentowide-bold-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_widemedium';
    src: url('/fonts/novecentowide-medium-webfont.eot');
    src: url('/fonts/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/novecentowide-medium-webfont.woff') format('woff'),
         url('/fonts/novecentowide-medium-webfont.ttf') format('truetype'),
         url('/fonts/novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'novecento_widedemibold';
    src: url('/fonts/novecentowide-demibold-webfont.eot');
    src: url('/fonts/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/novecentowide-demibold-webfont.woff') format('woff'),
         url('/fonts/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('/fonts/novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Museo300';
    src: url('/fonts/museo300-regular-webfont.eot');
    src: url('/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/museo300-regular-webfont.woff') format('woff'),
         url('/fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('/fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500';
    src: url('/fonts/museo_slab_500-webfont.eot');
    src: url('/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/museo_slab_500-webfont.woff') format('woff'),
         url('/fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('/fonts/museo_slab_500-webfont.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	height: 100%;
	background-color:#FFFFFF;
	font-family: Museo300;
	font-size: 12px;
	color: #231f20;
}

p, textarea, input {
	font-family: Museo300;
	font-size: 12px;
	line-height: 16px;
	color: #231f20;
}

div.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

div.center-contents {
	width: 1024px;
	margin: 0px auto;
	position: relative;
}

#logotype {
	background: url('/images/wastecosmart.png') no-repeat;
	width: 188px; height: 87px;
	position: absolute; top: 35px; left: 75px;	
}

#site {
	position: relative;
	min-width: 100%;
	min-height: 100%;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.half {
	width: 50%;	
}

.long-text a {
	color: #EC6400;	
}

#header {
	height: 208px;
	background: url('/images/top_pattern.png') repeat-x;
	position: relative;
}

#header div.center-contents {
	height: 208px;	
}

#platform {
	background: url('/images/members_platform.png') no-repeat;
	width: 102px; 
	position: absolute; top: 84px; left: 810px; padding-left: 30px; padding-bottom: 3px;
	border-bottom: solid 4px #ec6400;
	color: #ec6400;
	cursor: pointer;
	font-family: 'novecento_widedemibold';
	font-size: 12px; line-height: 12px;
}

#menu{
	width: 1024px;
	margin: 0px auto;
}

.menu-item {
	height: 53px;	
	border-right: solid 1px #AAAAAA;
	position: relative;
	background: #FFFFFF;
	float: left;
	padding-top: 10px;
	color: #404041; 
}

.menu-item .title{
	height: 35px;
	display:table-cell;
	vertical-align:middle;	
	text-align: center;
	font-family: 'novecento_widedemibold';
	text-transform: uppercase;
	padding: 0px 8px 0px 8px;
}

.email-icon {
	background: url('/images/email.png') 0px 0px no-repeat;
	width: 30px; height: 23px;
	margin: auto;
}

.menu-item:hover .email-icon, .menu-item.selected .email-icon {
	background: url('/images/email.png') -30px 0px no-repeat;	
}

.long-text .red a, .red a {
	color: #F73823; text-decoration: underline;
}

.long-text .green a, .green a {
	color: #60AF20; text-decoration: underline;
}

.long-text .orange a, .orange a {
	color: #EC6400; text-decoration: underline;
}

.menu-item.red, .menu-item.green , .menu-item.orange {
	color: #FFFFFF; width: 108px;
	border-top: none; border-bottom: none; border-right: none;
}

.menu-item.red, .red .ball {
	background: #F73823;	
}

.menu-item.green  {
	background: #60AF20;	
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

.green .ball {
	background: #60AF20;
}

.menu-item.orange, .orange .ball  {
	background: #EC6400;
}

.menu-item .wrap {position: relative;}

.menu-item .ball{
	position: absolute;
	bottom: -23px; left: 50%; margin-left: -15px;
	width: 30px; height: 30px; border-radius: 15px;	
	display: none;		
}

.menu-item.selected .ball {
	display: block;	
}

.menu-item.normal .ball {
	background: #231f20;
}

.menu-item.normal:hover, .menu-item.normal.selected {
	background: #231f20;	
	color: #60af20;
	border-right: solid 1px #231f20;
}

.menu-wrap {
	border-top: solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
	position: absolute; top: 154px; left: 0px;
	width: 100%;
	text-align: center;
}

.ball .white-arrow-down {
	position: absolute; top: 14px; left: 10px;	
}

div.header-marketing {
	position: absolute; 
	bottom: 90px; 
	left: 300px;
	width: 470px;	
}

div.header-marketing, div.header-marketing p {
	font-size: 12px; color: #504f53;	
	font-family: 'novecento_widemedium';
	text-align: center;
}

div.header-marketing .bold {
	font-family: 'novecento_widebook';
}

#contents {
}

.page{
	background: url('/images/top_yellow.png') top center no-repeat;
	min-height: 400px;
	padding-bottom: 80px;
}

.page.red {
	background: url('/images/top_red.png') top center no-repeat;	
}

.page.green {
	background: url('/images/top_green.png') top center no-repeat;	
}

.page.orange {
	background: url('/images/top_orange.png') top center no-repeat;	
}

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 47px;
	background-color: #000000;
	color: #FFFFFF;
	text-align:center;
}

#footer.home {
	background-color: #FFFFFF;
	color: #000000;	
}

#footer .center-contents {
	text-align: center;	font-size: 8px; font-family: 'novecento_widemedium';
	padding-top:14px;
}

#footer .left {
	position: absolute;
	left: 5px;	top: 4px;
}

#footer .right {
	position: absolute;
	right: 5px;	top: 10px;
	text-align:right;
}

#page-home {
	background: url('/images/home.jpg?v=1') top center no-repeat;	
}

.title-header {
	color: #FFFFFF;	
	padding-left: 330px;
	padding-top: 28px;
	position: relative;
}

#page-clusters .title-header {
	padding-left: 440px;	
}

.white-arrow-down {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 4.5px 0 4.5px;
	border-color: #ffffff transparent transparent transparent;		
}

.title-header .white-arrow-down {
	position: absolute; margin-left: -20px; top: 32px;
}

.title-header h1 {
	border-bottom: solid 2px #FFFFFF; 
	font-size: 23px; font-family: 'novecento_widedemibold'; font-weight: normal;
}

.title-header h1.news {
	font-size: 18px;
}

#page-list .title-header h1 {
	width: 442px;
}

#page-list .list-holder {
	width: 560px;
	margin-left: 215px;	
	margin-top: 40px;
}

.list-item {
	position: relative;
	padding: 18px 0px;
	border-bottom: dotted 1px #666666;	
	min-height: 119px;
}

.interactive {
	transition: opacity 0.3s linear;	
}

.interactive:hover {
	opacity: 0.5;	
}

.list-item img, .list-item-img {
	position: absolute; 
	top: 20px; 
	left: 0px;
	border: solid 1px #AAAAAA;	
	width: 97px;
	height: 78px;
	background-size: cover;
	background-position: center center;
}

.list-item .date {
	font-size: 11px;
	color: #231f20;
	padding-left: 108px;
}

.list-item .title {
	padding-left: 108px;
	font-size: 15px; color: #60af20;  font-family: 'novecento_widedemibold';
}

.list-item .title a {
	color: #60af20;	
}

.list-item .short-text {
	padding-left: 108px;
}

#xsdetaillideshow {
	width: 210px;
	height: 150px;	
}

.subtitle-slide {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;	
}

.text-holder {
	width: 920px;
	margin: 60px auto 0px auto;
}

.text-holder .images {
	width: 280px; float: left;
}

#page-clusters .text-holder .images{
	width: 390px;	
}

.text-holder img {
	margin-bottom: 20px;
}

.text-holder .long-text {
	width: 530px; float: left;
}

.text-holder .short-text {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: dotted 1px #666666;
}

.short-text a {
	color: #231f20;
}

.design {
	width: 213px; height: 150px;
	background-image: url('/images/template_text_design.jpg');	
	background-repeat: no-repeat;
}

.red .design {
	background-position: 0px 0px;	
}

.green .design{
	background-position: -213px 0px;	
}

.orange .design{
	background-position: -426px 0px;	
}

.long-text ul {
	padding-left: 40px;	
	margin-bottom: 18px;
}

.cluster-item {
	width: 115px; height: 52px; overflow:hidden;
	background-color: #FAAF40;	
	float: left; text-align:center;
	margin-right: 10px; margin-bottom: 10px;
	transition: opacity 0.3s ease-in;
}

.cluster-item:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);		
}

.cluster-item a {
	display: table-cell; vertical-align:middle; height: 52px; width: 115px; padding: 0px 10px; 
	color: #FFFFFF;	font-size: 11px; font-family: 'novecento_widedemibold'; text-transform: uppercase;
}

.cluster-holder {
	margin-top: 20px;
}

#page-double-list .list-holder, #page-triple-list .list-holder, #page-library .list-holder {
	width: 850px;
	margin: 0px auto 0px auto;
	padding-top: 40px;
}

#page-double-list .list-holder {
	padding-top: 0;	
}

#past-events-nav, #page-double-list #holder-list3, .future-button {
	display: none;	
}

.page-double-list-option-group {
	padding-top: 28px;
	padding-bottom: 12px;
	text-align: right;		
}

.page-double-list-option {
	font-size: 13px;
	color: #60af20;
	font-family: 'Museo500';
	text-decoration: underline;	
	cursor: pointer;
}

#page-triple-list .list-holder , #page-library .list-holder  {
	width: 1024px;	
}

#page-double-list .list-item:first-child {
	border-top: dotted 1px #666666;
}

.list-column {
	width: 405px;
	float: left;	
}

#page-triple-list .list-holder .list-column {
	width: 312px;
	padding-left: 20px;	
	min-height: 100px;	
}

#page-library .list-holder .list-column {
	width: 328px;	
}

#page-double-list .titles, .page-double-list-option-group {
	width: 850px;
	margin: 0px auto;
}

#page-triple-list .titles, #page-library .titles {
	width: 1024px;	
	margin: 0px auto;
}

#page-double-list .title-header {
	padding-left: 115px;
	width: 405px;
	float: left;	
}

#page-triple-list .title-header {
	padding-left: 20px;	
	width: 312px;
	float: left;
}

#page-library .title-header {
	width: 326px;
	padding-left: 20px;
	float: left;
	/*margin-left: 69px;*/
}

.home-projects {
	font-size: 10px;
	color: #58595b;	
	font-family: 'novecento_widedemibold'; 
	text-align: center;
	background: url('/images/home_projects.png') top no-repeat;
	padding-top: 15px;
	width: 326px;
}

.home-container {
	padding-top: 10px;
	text-align: center;
	min-height: 420px;
}

#page-home .subtitle {
	font-family: 'novecento_widedemibold';
	color: #ec6400;
	font-size: 23px;
	line-height: 20px;	
	width: 520px;
	margin: 45px auto 0px auto;
	padding-bottom: 3px;
	text-transform: uppercase;
}

#page-home span.subtitle {
	border-bottom: solid 2px #ec6400;
	margin: 0px;
	padding: 0px;
}

.orange-down-arrow, .green-down-arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 6px 0 6px;
	border-color: #ec6400 transparent transparent transparent;
	margin: 15px auto;
}

.green-down-arrow {	
	border-color: #60af20 transparent transparent transparent;	
}

#page-home .long-text {
	padding: 5px 0px 20px 0px;
	width: 450px;
	margin: 0px auto;
}

#homeslideshow {
	position: absolute;
	top: 55px;
	left: 60px;
	width: 585px;
	height: 255px;
	border-radius: 14px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	overflow: hidden;
}

.slideshow .item{
	background-repeat: no-repeat;
	background-size: cover;	
	cursor: pointer;
}

.slideshow .slide-left, .slideshow .slide-right {
	width: 30px;
	height: 30px;
	background-image: url('/images/arrows.png');
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 5px;
	cursor: pointer;
}

.slideshow .slide-right {
	right: 5px;	
	left: auto;
	background-position: -30px 0;
}

#detailslideshow {
	width: 630px;
	height: 450px;	
}

.item-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: left;
	padding: 10px 22px;	
}

.item-text-title {
	font-family: 'novecento_widebook';
	font-size: 13px;
	color: #60AF20;
}

.item-text-shortext p{
	color: #FFF;	
	font-size: 11px;
	white-space: normal;
}

.view-more-features {
	position: absolute;
	top: 340px;
	left: 60px;
	width: 585px;
	text-align: center;
	color: #504f53;
	text-decoration: underline;
}

.homepage-clusters {
	position: absolute;
	top: 2px;
	right: 0px;		
}

.tooltip-cluster {
	width: 120px;
	height: 49px;
	background: url('/images/tooltip.png') no-repeat;
	position: fixed;
	padding-top: 24px;	
	font-family: 'novecento_widedemibold';
	font-size: 9px;
	text-align: center;
	display: none;
	z-index: 1000;
}

#page-home .long-text p {
	color: #000000;	
	font-size: 14px;
	font-weight: bold;
}

.home-bar {
	background: #ec6400;	
	position: relative;
	padding-bottom: 10px;
}

.home-bar > div {
	width: 1024px;
	margin: 0px auto;
	padding-bottom: 20px;	
	position: relative;
}

.home-column {
	width: 324px; float: left;
	position: relative;
	border-top: solid 1px #F2914A;
}

.news-icon, .events-icon, .twitter-icon {
	width: 62px;
	height: 62px;
	border-radius: 31px;
	background: #ec6400;
	position: absolute; top: -20px; 
	left: 35%;
	margin-left: -31px;	
}

.twitter-icon {
	left: 86%;	
}

.news-icon .icon, .events-icon .icon,  .twitter-icon .icon{
	background: url('/images/home_icons.png') 0px 0px no-repeat;	
	width: 30px; height: 30px; margin: 4px auto;
}

.events-icon .icon{
	background: url('/images/home_icons.png') -30px 0px no-repeat;	
}

.twitter-icon .icon{
	background: url('/images/home_icons.png') -90px 0px no-repeat;	
}

.twitter-column {
	width: 290px;
	height: 117px;
	overflow: hidden;	
	position: relative;
	float: right;	
	background-color: #FDF0E6;
	margin-top: 7px;
	padding: 12px 23px;
}

.twitter-account {
	color: #60af20;	
	font-size: 13px;
	font-family: 'Museo500';
	display: block;
	font-weight: bold;
}

.twitter-previous, .twitter-next {
	width: 15px; height: 14px;
	background: url('/images/home_twitter.png') 0px 0px no-repeat;
	position: absolute;
	top: 6px; right: 4px;
	cursor: pointer;
	transition: opacity 0.3s ease-in;
}
	
.twitter-next {
	background-position: -15px 0px;
	top: auto; bottom: 6px; right: 4px;
}

.twitter-previous:hover, .twitter-next:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);		
}

.tweet-item {
	position: absolute;
	width: 244px;
}

.tweet a{
	color: #60af20;	
}

.tweet {
	color: #231f20;
	font-size: 12px;
	font-family: 'Museo500';
	height: 43px;
	margin-top: 2px;	
	overflow: hidden;
}

.tweet-date {
	color: #6d6e70;
	font-size: 10px;
	font-family: 'Museo300';
	font-style: italic;
	padding-bottom: 9px;
	border-bottom: solid 1px #EDE2DB;
	margin-bottom: 5px;	
}

.twitter-actions {
	color: #404041;
	font-size: 10px;	
	font-family: 'novecento_widedemibold';
}

#page-home h3.twitter {
	width: 290px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 48px;
	border-bottom: solid 1px #F2914A;		
}

#page-home h3 {
	font-family: 'novecento_widebook';
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;	
	padding-bottom: 8px;
	padding-top: 20px;
	text-align:center;
	position: relative;	
	float: left;
	width: 660px;	
	margin-left: 30px;
}

.home-item {
	height: 35px;
	background: #F2914A;
	margin-top: 6px;
	position: relative;
	padding: 4px 30px 4px 4px;
	display: block;
	cursor: pointer;
	transition: opacity 0.3s ease-in;
}

.home-item:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);		
}

.home-item .date {
	font-size: 11px; color: #FFFFFF;	
}

.home-item .title {
	font-size: 11px; color: #FFFFFF; font-family: 'novecento_widedemibold'; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
}

.home-item .icon {
	width: 24px; height: 24px; border-radius: 12px;
	background: url('/images/home_icons.png') -63px -1px no-repeat;
	position: absolute;
	top: 6px; right: 4px;	
}

.nav-left {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 12px 7px 0;
	border-color: transparent #60af20 transparent transparent;
	cursor: pointer;
}

.nav-right {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #60af20;
	cursor: pointer;
}

.nav-text, .nav-left, .nav-right{
	float: left;	
}

.nav-text {
	text-align: center;
	width: 40px;
}

.navigation {
	margin: 20px 0px;
}

.inactive {
	opacity: 0.3;
	filter: alpha(opacity=30);	
}

.back {
	position: absolute; top: 34px; right: 0px;
	padding-left: 20px;
	color: #FFFFFF;	font-size: 14px; cursor: pointer;
}

.back .icon {
	width: 14px; height: 14px; border-radius: 7px; border: solid 1px #FFFFFF; position: absolute; top: 0px; left: 0px;	
}

.arrow-left {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3.5px 5px 3.5px 0;
	border-color: transparent #ffffff transparent transparent;	
	position: absolute; top: 3px; lefT: 3px;
}

/* contacts */
#page-contacts .text-holder {
	padding-left: 280px;	
}


#page-contacts .half {
	padding-right: 30px;
}

#page-contacts p {
	min-height: 20px;	
}

#page-contacts a {
	color: #231f20;
	text-decoration: underline;
}

.contacts-title {
	font-size: 14px;
	color: #404041;
	font-family: 'novecento_widedemibold';
	padding-bottom: 15px;	
}

.contacts-header {
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: dotted 1px #666666;	
}

.social-networks {
	position: absolute; top: 84px; right: 20px;	
}

.home-news-link {
	padding: 20px 0px 40px 0px;
	text-align: center;
	width: 660px;
	margin-left: 20px;
}

.home-news-link a {
	color: #FFFFFF;	font-size: 13px; text-decoration: underline;	
}

#page-home .long-text a{
	color: #60af20;	text-decoration: underline;
}

#overlay {
	width: 100%; height: 100%;
	position: fixed; top: 0px; left: 0px;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	cursor: pointer;
}

#page-text .images img {
	cursor: pointer;	
}

/* TINYMCE */
.green-text {
	color: #60af20;	
	font-family: 'Museo500';
}

.red-text {
	color: #F73823;	
	font-family: 'Museo500';
}

.orange-text {
	color: #EC6400;	
	font-family: 'Museo500';
}

