/*Logo*/

a{
transition: all 0.5s;   -webkit-transition: all 0.5s; /* Safari and Chrome */   -moz-transition: all 0.5s; /* Firefox 4 */   -o-transition: all 0.5s; /* Opera */}

body.all{ background:url(https://roofmontag.ru/assets/templates/proekt/images/body/bg_spot.png) center 0 no-repeat #fbfbfb}

#rt-logo{
	background:url(https://roofmontag.ru/assets/templates/proekt/images/logo/logo.png) top left no-repeat;
    width: 199px;
	height:109px; margin-left:20px; margin-top:-50px;}


/*Buttons*/

a.moduleItemReadMore,
a.k2ReadMore,	
div.itemCommentsForm form input#submitCommentButton,
input[type="submit"],
button.button,
.component-content div.toggle-editor a,
a.moduleCustomLink{ border:none; border-right:1px solid #39B54A;border-bottom:1px solid #39B54A;transition: all 0.5s;   -webkit-transition: all 0.5s; /* Safari and Chrome */   -moz-transition: all 0.5s; /* Firefox 4 */   -o-transition: all 0.5s; /* Opera */}
	
a.moduleItemReadMore:hover,
a.k2ReadMore:hover,
div.itemCommentsForm form input#submitCommentButton:hover,
input[type="submit"]:hover,
button.button:hover,
.component-content div.toggle-editor a:hover,
a.moduleCustomLink:hover{border:none; border-right:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;}


.component-content div.toggle-editor a{ background:#39B54A !important; color:#fff !important}
.component-content div.toggle-editor a:hover{ background:#2e2e2e !important}


/*Typhography*/

.module-title h2.title,
div.catItemHeader h3.catItemTitle,
div.itemHeader h2.itemTitle,
div.userItemHeader h3.userItemTitle,
div.itemCommentsForm h3,
h3.itemCommentsCounter,
div.k2AccountPage h2.k2ProfileHeading,
div.componentheading,
div.genericItemHeader,
h2.genericItemTitle,
div.tagItemHeader h2.tagItemTitle,
h1{color:#000000;}




/*=== Top Positions ===*/

#rt-top{}
#rt-top .rt-container{}

/*=== Header Positions ===*/

#rt-header{}
#rt-header .rt-container{ background:url(https://roofmontag.ru/assets/templates/proekt/images/body/bg_header.gif)  center bottom no-repeat;}


/*=== Showcase Positions ===*/

#rt-showcase{}
#rt-showcase .rt-container{}


/*=== Feature Positions ===*/

#rt-feature{}
#rt-feature .rt-container{}

/*=== Utility Positions ===*/

#rt-utility{}
#rt-utility .rt-container{}

/*=== MainTop Positions ===*/

#rt-maintop{}
#rt-maintop .rt-container{}


/*=== MainContent ===*/

#rt-main{}
#rt-main .rt-container{}


.rt-container {background: none;}


	
/*Forms*/

textarea#jform_contact_message,
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme{
	background:#f0f0f0;
	border:1px solid #f0f0f0; color:#878786;
}

#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login  input[type="text"],
#form-login  input[type="password"],
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"]{
	background:#f0f0f0;
	border:1px solid #f0f0f0; color:#878786
	}
input[type="text"],
input[type="password"],
input[type="email"]{border:1px solid #f0f0f0 !important;}	
input[type="text"].invalid,
input[type="password"].invalid,
input[type="email"].invalid{ border:1px solid #F00 !important}
	
#contact-form label,
div.k2AccountPage table.admintable label{
	font-size:1em;
	line-height:2em;
	}
	
/*Comments*/

div.itemComments ul.itemCommentsList li{
	background:#ffffff; border:1px solid #e3e2e0 !important}
	
div.itemComments ul.itemCommentsList li.unpublishedComment{
	background:#ffffff; border:1px solid #e3e2e0 !important}

div.itemComments ul.itemCommentsList li.authorResponse{
	background:#ffffff; border:1px solid #e3e2e0 !important}
	
div.itemComments ul.itemCommentsList li span.commentToolbar{
	border-top:1px solid #999}
	
/*Google Map*/
	
div.map-wrapper{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
	}

/*Search Results*/

div.form-limit-and-counter{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}


/*=== MainBottom Positions ===*/

#rt-mainbottom{}
#rt-mainbottom .rt-container{}


/*=== Bottom Positions ===*/

#rt-bottom{}
#rt-bottom .rt-container{}


/*=== Footer Positions ===*/

#footer{}
#footer .footer-container{}


#rt-footer, #rt-copyright {
    color: inherit;
}

.my-logo {
	position: absolute;
	/*width: 770px;*/
	height: 55px;
	/*background-color: #ccc;*/
	left: 0;
	top: -17px;
	/*text-align: center;*/
	font-size: 30px;
	line-height: 55px;
	/*opacity: 0.2;*/
	cursor: pointer;
}
.my-logo:hover {
	opacity: 1;
}
.roofs {
	position: absolute;
/*	display: none;*/
	opacity: 0.1;
	cursor: pointer;
}
#roof-1 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/1.png);
	width:103px;
	height: 54px;
	left: 173px;
	top: 40px;
}
#roof-2 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/2.png);
	width:	65px;
	height: 22px;
	left: 273px;
	top: 37px;
}
#roof-3 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/3.png);
	width:	272px;
	height: 28px;
	left: 339px;
	top: 46px;
}
#roof-4 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/4.png);
	width:	54px;
	height: 25px;
	left: 623px;
	top: 66px;
}
#roof-5 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/5.png);
	width:	190px;
	height: 113px;
	left: 688px;
	top: 42px;
}
#roof-6 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/6.png);
	width:	178px;
	height: 23px;
	left: 465px;
	top: 294px;
}
#roof-7 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/7.png);
	width:	83px;
	height: 49px;
	left: 264px;
	top: 277px;
}
#roof-8 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/8.png);
	width:	104px;
	height: 56px;
	left: 159px;
	top: 274px;
}
#roof-9 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/9.png);
	width:	42px;
	height: 25px;
	left: 118px;
	top: 305px;
}
#roof-10 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/10.png);
	width:	197px;
	height: 27px;
	left: 85px;
	top: 177px;
}
#roof-11 {
	background: url(https://roofmontag.ru/assets/templates/proekt/images/roof/11.png);
	width:	233px;
	height: 78px;
	left: 353px;
	top: 177px;
}