/*

Theme Name: NTH framework

Version: 1.2

Author: Nikolay Gromov

Author URI: http://nicothin.ru

License: Creative Commons Attribution-ShareAlike (by-sa)

*/



/* HELP 

font-family: YOUR-FONT, Arial, Helvetica, sans-serif;

font-family: YOUR-FONT, "Times New Roman", Times, serif;

font-family: YOUR-FONT, "Courier New", Courier, monospaced;



html {font-size: 62.5%}	  ---   1em = 10px

http://riddle.pl/emcalc/

*/

@import "css/base/ui.all.css";   

 /* ClearFix */
.clearfix:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}

.clear{width: 100%; clear:both; margin: 0!important; padding: 0!important;}

/* BLOCKS */

#page {width: 1010px;  margin: 0 auto; background-color: #FFF; position: relative}
#header {position: relative; height:110px; border-bottom:1px solid #D4D4D4;}
	.site-logo {width:277px; height:109px; float:left; display: block;}
	.big-tell {position:absolute; top:0; right: 0;}
    #header  h1 {text-indent: -9000px; font-size: 1em; margin:0;}

#nav-info {height:22px; width:59px; float:left; padding-top:45px;}
	#nav-info ul { overflow: hidden; margin: 0 !important; float:right; }
	#nav-info li {float: left; padding: 0em 0.5em 0em; background:transparent url(img/line.png) no-repeat scroll right -4px;}
    #nav-info .last {background: none!important;}
    #nav-info a {text-decoration: none;}


#nav {float:left; height:33px; padding-left:45px; padding-top:71px; text-align:center; width:625px;}
	#nav ul {  margin: 0 !important; }
	#nav li {float: left; padding:0.5em 1em; background:transparent url(img/line2.jpg) no-repeat scroll right center;}
    #nav .last {background: none!important;}
    #nav li a {font-size:110%; color:#6B6B6B; text-decoration: none; font-weight: bold;}
    #nav .active a {color:#A7A7A7;}
    #nav li a:hover {text-decoration: underline;}

	#nav-active {}
#wrap {}
	#content {width: 645px; float: left; /* margin-left: 380px */}
		#content .padding {padding: 1em 1.5em; }

	#content-app {width: 100%; float: left; /* margin-left: 380px */}
		#content-app .padding {padding: 1em 1.5em; }

    .anyClass{width:640px; height: 410px; left:5px!important;}
    .anyClass ul, .anyClass li {width:640px; height: 410px;}
    .anyClass .caption {position:relative; top: -414px; float:right; background-color:black; width: 170px; height:180px;
    filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
    .caption .image-desc  {color:#fff!important; padding-left:10px;}
    .image-title {text-align:center;padding-top:5px;}
    .anyClass .anyController{position:absolute; z-index:10;}
    .anyClass .anyController a { cursor: pointer; }

 .hit-desc { bottom:-45px;  background-color:black; color:#ffffff; width: 100%; height:80px; padding:1em; position:absolute;
    filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; display:block;}
.hit-desc a, .caption .image-title {display:block; color:#FE6601!important; text-decoration:none!important; font-size:140%; font-weight: bold;}

     #steps {width:100%; background: transparent url(img/one-bg.jpg) repeat-x top left; height:109px;}
     #steps h3 {margin:0px; padding:10px 0 0 20px; color:#DDAA49; background:transparent url(img/ugol.gif) no-repeat right top;}
     #steps a {color:#DDAA49;}
     #steps ul {margin:0 0 0 0; padding:0 0 0 0; overflow: auto; }
     #steps li {padding-left:45px; width:155px; float:left;}
     #steps li img {position: relative; left:-45px;}
     #steps .imgnum {top:13px;}
     #steps li p {width:140px; color:#ffffff; position: relative; top:-45px; padding-left:25px;}

     .add_serv li{ width:50%; float: right;}

    .app-text { width:370px; float:right; }
      .mitemw {padding-left: 1em;}
     .mitemw div {padding-left: 1em;}
     .mitem {color: #5D4B9D; text-decoration: underline; cursor: pointer; display: inline; line-height: 2em;}

	#aside {width: 365px; float: left; /* margin-left: -1020px */}
		#aside .padding {margin: 0em 0.5em 0 1em; padding: 0em 0.5em 0 1em;}
		#aside .padding > div {width: 100%; overflow: hidden; margin-bottom: -1em!important}
        #aside .padding p {text-align: justify;}

	.search {}
  			.search-text {width: 200px}
			.search-button {width: 70px}
		.login {}
			.password label, .username label, .submit {display: block; width: 40%; float: left; padding: .3em 0 .15em 0}
			#username, #password {width: 53%}
			.submit {width: 40%; float: left}
			.submit input {width: 80px}
			.login ul {width: 53%; float: left}

		.contact {height:70px;}
            .contact p {width:550px; position: relative; top:-94px ;left:455px;}
            .contact ul {width:350px; position: relative; top:-30px ;left:110px ;}
			.contact ul li {width: 100%; overflow: hidden; margin-bottom: .3em}
			.contact ul li span.contact-type {width: 70px; float: left}
			.contact ul li span.contact-item {width: 250px; float: left}

    .onecolumn {width:100%; clear:both;}

        .app ul {width: 100%; overflow: hidden; margin: 1em 0 1em 2em}
        .app li {width:280px; float: left; padding: 0 4em 0 0;}

        .app_main ul { overflow: hidden; margin: 1em 0 1em 2em}
        .app_main li { float: left; padding: 0 4em 0 0;}
        .app_main .uzk{height:170px; width:550px;}
        .app_main .uzk a {display:block; float:left; margin-right:25px;}

        .app_list_main { }
        .app_list_main ul.thumbs li img {/*width:70px; height:60px;*/ margin-right:20px;}
       .app_list_main {padding: 0em 0em 0em 0em!important;  border-top: 1px solid #d4d4d4;}
       .app_list_main ul {overflow: hidden;}

        .app_main_img{float:left; padding:10px;}
        .app_main_img img {width:140px;}

        .app_main_img_big{float:left; padding:10px;}
        .app_main_img_big img {}

       .app_main_item {width:320px; _height: 151px; float:left;  margin:0 5px 20px 6px;   overflow:hidden; position:relative;}
       .app_main_item ul {border: 3px solid #D1C5F5; margin:0!important; height: 160px;}

       .app_main_item .read_more {padding-top: 10px; padding-left:155px;}

        .app_list_main .li-padd-1 {padding-left:162px;}
        .li-padd-2 {padding-left:245px;}


       .app_catalog_item {width:480px; /* height:220px;*/ margin:0 8px 20px 20px;  position:relative;/* float:left;*/}
     /*  .app_catalog_item  img {width:60px; height:60px; }     */
       .app_catalog_item ul {border: 3px solid #D1C5F5;}
    .img_hot_offer_wraper {position:relative;}
    .img_hot_offer {border:6px solid #D0C9F5; overflow: hidden; position:relative; background:#D0C9F5; }
  .corner_g {width:20px; height:20px; z-index: 3; position:absolute;}
    .c_tl {top:0px; left: 0; background:transparent url(img/ugol1.png) no-repeat top left;}
    .c_tr {top:0px; right: 0; background:transparent url(img/ugol2.png) no-repeat top right;}
    .c_bl {bottom:0px; left: 0; background:transparent url(img/ugol3.png) no-repeat bottom left;}
    .c_br {bottom:0px; right: 0; background:transparent url(img/ugol4.png) no-repeat bottom right;}

    .cat_tl {top:0px; left: 0; background:transparent url(img/m_u_1.gif) no-repeat top left;}
    .cat_tr {top:0px; right: 0; background:transparent url(img/m_u_2.gif) no-repeat top right;}
    .cat_bl {bottom:0px; left: 0; background:transparent url(img/m_u_3.gif) no-repeat bottom left;}
    .cat_br {bottom:0px; right: 0; background:transparent url(img/m_u_4.gif) no-repeat bottom right;}

  .cat_app_title {text-align:center; font-size:130%; padding: 5px; font-weight: bold;}
.cat_app_title a {text-decoration: none!important;}

    .hotapp { width:330px;}
    .hotapp h2 {margin:0!important;height:40px;}
    .hotapp h2 img {float:left;}
    .hotapp h2 a {display:block; float:right; margin-right:-15px; margin-top:10px; text-decoration:none; width:90%;}

    .hotapp .sh2 {margin:0!important;height:40px;}
    .hotapp .sh2 img {float:left;}
    .hotapp .sh2 a {display:block; float:right; margin-right:-15px; margin-top:10px; text-decoration:none; width:90%;}

       .foot {border-top: 1px solid #d4d4d4;}



/* MAIN TYPOGRAPHY */

html {font-size: 52.5%; font-family:  Arial, Helvetica, sans-serif!important}
body {font-size: 1.4em; line-height: 18px; color: #565656; }
strong, b, th, thead td, em {font-weight: bold}
h1, h2, h3 {font-family: Verdana,  Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal;}
h1 {font-size: 2em; margin: .2em 0 .7em; color: #5D4B9D;}
h2 {font-size: 1.70em; margin: 1.1em 0 .5em; color: #5D4B9D;}
h3 {font-size: 1.36em; margin: 1.2em 0 .5em; color:#5D4B9D;}
h4 {font-size: 1.21em; margin: 1.2em 0 .4em; color:#5D4B9D;}
h5 {font-size: 1.07em; margin: 1.2em 0 .4em; color:#5D4B9D;}
h6 {font-size: 1.0em; margin: 1.4em 0 .4em; color:#5D4B9D;}
.sh2 {font-size: 1.70em; margin: 1.1em 0 .5em; color: #5D4B9D;
font-family: Verdana,  Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal;
}
cite, em, dfn, i {font-style: italic}
code, kbd, samp, pre, tt, var {font-size: 0.93em; font-family: "Lucida Console", "Courier New", Courier, monospaced;}
pre {border: 1px solid #d4d4d4; width: 98%!important; overflow: auto; position: relative; padding: .5em}
del, strike, s  {text-decoration: line-through; color: #666}
ins, dfn, u {border-bottom: 1px solid #999}
small {font-size: 85%}
sup, sub {font-size: 80%; font-family: Arial, Helvetica, sans-serif}
big {font-size: 130%}
abbr {text-transform: uppercase; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: .5em 1em 0; margin-left: 1.2em}
blockquote > p {margin-bottom: .8em!important}
q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
/* #wrap only */
#wrap hr, #wrap p, #wrap ul, #wrap ol, #wrap dl, #wrap pre, #wrap blockquote, #wrap address, #wrap table, #wrap form, #wrap iframe {margin-bottom: 1.14em}
#wrap p+p, #wrap p+ul, #wrap p+ol, #wrap p+blockquote {margin-top: -0.5em}
#wrap form div {margin-bottom: .8em}
/* LISTS */
.list ul {list-style: disc outside; margin-left: 2.29em}
.list ul ul, .list ol ul {list-style: circle}
.list ul ul ul {list-style: disc}
.list ol ul ol {margin-left: 2.29em}
.list ol {list-style: decimal outside; margin-left: 2.29em}
.list ul ul, .list ol ol, .list ul ol, .list ol ul {margin: 0 0 .5em 1.5em}
dt {font-weight: bold; margin: .8em 0 0}
dd {margin: 0 0 0 1.57em}
/* #aside only */
#wrap #aside ul {margin-left: 0; list-style:none}

/* FORMS */
#EmailForm .sf {width:190px; float:left;}
#EmailForm .mf {width:280px; float:left;}
#EmailForm .bf {width:100%; float:left; clear: both;}
#EmailForm label {width:100%; display: block;}
input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Arial, Helvetica, sans-serif}

fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0}
legend {background: #fff; padding: 0 .8em; font-size:1.29em; color:#335c57}
legend+* {margin-top: 1em}

textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea, input {padding: .3em .4em; width:90%;}
input[type='submit'] {padding: .2em .4em}
select {padding: .1em .2em .1em .1em}
option {padding: .1em .4em .1em}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #DCDAFC}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}
/* TABLES */
table {border-collapse: separate; background-color: #ccc; border-spacing: 1px}
tr {background-color: #fff}
th, td {padding: .4em .6em}
tr.odd {background-color: #f5f5f5}
caption {border: 2px solid #e0e0e0; border-bottom: none; text-align:center; padding: .8em 0; font-size:1.29em; color:#335c57}

/* LINKS */
a:link {color: #CB9B51 ; text-decoration:underline}
a:visited {color: #CB9B51 ; text-decoration:underline}
a:hover {color: #B1B1B1; text-decoration:none}
a:active, a:focus {color: #000; text-decoration:underline}
#aside a:link, #aside a:visited, #aside a:active, #aside a:focus {text-decoration:none}


/* TOOLBOX */
.hide {display: none}
.show {display: block}
img.alignright {float: right; mapgin:.2em 0 .2em .8em}
img.alignleft {float: left; margin:.2em .8em .2em 0}
img.aligncenter {display:block; margin:.2 auto .8em}

.relative {padding-top: -1.14em!important}
.relative a {margin: 0 auto; display: block; background: url(img/but.jpg); width: 104px; height: 33px; color:white; text-decoration: none;}
.relative a:visited {color:white; text-decoration: none;}
.relative a:hover {color:#785623;}
p.more {text-align: center!important;}

#phone {
	color:#FC9958;
	font-size:300%;
	position:relative;
	left:400px;
	top:40px;
	}
#phone span{
	font-size:70%;
	}

#seolink {
	position:relative;
	top:75px;
	left:110px;
	}
#adding {

	
	}