/* General site styles */
/*
body {
padding: 0px;
margin: 0px;
background: #EEE;
}

body, td { font: 10pt Tahoma, Arial, serif; color: #285B86; }
div.m { margin: 10px; padding: 10px; background: #FFF; }
a { color: #285B86; }
*/
/***************************** Site styles *****************************/



/***************************** Standart styles (please don't edit it!) *****************************/

img {border: 0}
form {margin: 0; padding: 0}
/*
ul, ol, li {padding: 0; margin: 0}
li {margin-left: 25px}
ul ul {padding-top: 3px}
ol li {list-style-type: decimal}
ul li {list-style-type: square}
*/
p {text-align: justify}
input, label {vertical-align: middle}
.inline {display: inline}
.red, .red a {color: red}
.darkred, .darkred a {color: #800000}
.green, .green a {color: #008000}
.blue, .blue a {color: blue}
.black, .black a {color: black}
.small, .small a {font-size: 10px}
.bold, .bold a {font-weight: bold}
.star {color: red}
.error {color: red}
.leftalign, .left {text-align: left}
.rightalign, .right {text-align: right}
.centeralign, .center {text-align: center}
.topvalign, .top {vertical-align: top}
.middlevalign, .middle {vertical-align: middle}
.bottomvalign, .bottom {vertical-align: bottom}
.absolute {position: absolute;}
.topbottom p {margin: 0px;}

/***************************** Admin Links (usually don't need editing) *****************************/

.divEdit {margin: 0 0 15px 0;}
.divModuleRights {z-index:999; font-size:12px;}
.adminDivCreate {margin-bottom: 10px;}
.adminEditDelText {margin: 0;padding: 0;margin-bottom: 10px;}
.spanEditDel {padding: 0px 10px 0px;}
.spanEditDel a {text-decoration:none !important; border:none !important; }
.spanEditDel img, #mainContent .spanEditDel img {vertical-align: middle;margin: 0px 3px 0px; border: 0;}
.absolute .spanEditDel {position: relative; top: -20px;}
.divAddModule {	margin: 0 0 10px 0;}
.divAddModule .addModuleItem {}
.divMoveForm {margin: 15px 0 25px;}
.divMoveForm form {padding: 0;margin: 0;}

.spanSort {	padding: 0px 10px 0px;}
.spanSort input.inactive, .spanSort input.active, .spanSort input.error {border: 1px solid #000;width: 50px;height: 20px;padding-left: 15px;background: url(adminimg/sort_inactive.png) no-repeat left;color: #000;}
.spanSort input.active {	background: url(adminimg/sort_active.png) no-repeat left;}
.spanSort input.error {	background: url(adminimg/sort_error.png) no-repeat left;}

.pageEdit {	margin-top: 10px;}
.pageInput {width: 30px;padding: 0 5px;}
.pageButton {}

/* Group edit */
#groupEditor {padding: 0px 0px 20px 0px; background: #e8ecf1;border: 1px solid #82827F; width: 420px; z-index:9999;}
#groupEditor .closeImg {text-align: right;}
#groupEditor .mainDiv {	margin: 20px 20px 0px 20px;}
#groupEditor table {margin: 15px 0px 0px 0px;}
#groupEditor .fieldGroupEditor {padding: 5px;}
#groupEditor .fieldGroupEditor input {width: 250px;}
#groupEditor .submitGroupEditor {padding: 5px;text-align: center;}
#groupEditor .error {font-size: 11px;font-weight: bold;	color: #E00000;}
#groupEditor .info {font-size: 11px;font-weight: bold;color: #00AF00;}

/* ModuleRights */
div.divModuleRights {position:absolute; top: 25px; right: 30px; border:1px solid black;width: 360px;padding: 2px;background-color: white;}
div.divModuleRights div.title {width:100%;text-align:center;font-weight:bold;}
div.divModuleRights div.title a{cursor: pointer;}
div.divModuleRights div.module {padding: 4px;margin:5px 2px;border:1px solid black;}
div.divModuleRights div.module div.role {clear: both;padding: 3px 0 3px 0;}

/* Top panel */
.adminTopPanel { border-bottom:1px solid #346; width: 100%; height:30px; font-size:12px !important; }
.adminTopPanel a { color: #dafefa; text-decoration:none; }
.adminTopPanel a:hover { color: #fff; text-decoration:underline;}
.adminTopPanel .divEdit { margin-bottom: 0; color: #ffee33;}
.tdAdminTopPanel { vertical-align:middle; padding:5px;}

/*background*/
.metaEdit p , .metaEdit p b { color: #f5f5f5; }
.adminTopPanel, .metaEdit , .podMenu { background-color: #4977c4; color: #f5f5f5;
background: #4977c4; /* Old browsers */
background: -moz-linear-gradient(top, #4977c4 0%, #4260a9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4977c4), color-stop(100%,#4260a9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4977c4 0%,#4260a9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4977c4 0%,#4260a9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4977c4 0%,#4260a9 100%); /* IE10+ */
background: linear-gradient(top, #4977c4 0%,#4260a9 100%); /* W3C */}

.metaEditBlock { padding: 5px 10px; }
.metaEdit { margin-top: 10px; position: absolute; z-index: 999; border:1px solid #def; padding: 10px; width: 450px; }
.metaEdit .field { margin-bottom: 10px; width: 98% }
.metaEdit input.visibleInput, .metaEdit textarea.visibleInput { width: 100%; }

.metaRed { font-weight: normal; color: #ff0000; }
.metaGreen { font-weight: normal; color: #fb0; }

.podMenu { position: absolute; z-index: 999; visibility: hidden; width: 230px; border:1px solid #def; margin-top: 5px; }
.podMenu  hr{ border-top:1px dashed #def; border-bottom:none; }
.podMenuRel { padding: 5px 0px 5px 5px; }

/* Spec texts for form */
.adminDivFormText {background:#e8ecf1; padding:5px; border:1px solid #d4d7e0; color:#000;}
.adminDivFormText a {color: #000;}
.adminDivFormText .adminEditDelText a {color: #9D160A;}
.adminDivFormText .adminEditDelText {font-size: 80%; }

/**************************  Common styles (could be edited) ******************************/

.icons { margin-bottom: 15px; overflow: hidden; padding-left: 25px; z-index: 10 }
.icons ul {}
.icons ul li {float: left;list-style-type: none;margin: 0 7px;padding: 0;}

/* Forms */
.divFormSubmited { } /* Заявка отправлена успешно */
.divForm { }
.divForm .divFormButton { /*margin-top: 20pt;*/}
.divForm .divFormButton input {}
.divForm .divFormStar {margin: 10pt 0;}

/* Error list */
.divListErrors {margin: 10pt 0;}
.divListErrorsHead {font-weight: bold;padding: 0;margin: 0;margin-bottom: 10pt;}
.divListErrors .divError {color: #FF0000;margin: 3pt 0;padding-left: 10pt;}
.divListErrors .desc {font-size: 90%;color: #333333;}

/* Form element */
.formField { margin-bottom: 6pt;}
.formField select, .formField input, .formField textarea, .formField password { font-family: Verdana, Arial, Sans-Serif;font-size: 10pt;margin-top: 1pt;}
input.checkbox, input.radio {width: 15px;}

.formField label {margin-left: 4pt;}
.formField  textarea.mono {font-size: 11pt;font-family: "Courier New", Courier, monospace;}

.divFormStruct {padding-top: 6px;}
.divFormStruct ul li {list-style-type: none;}
.divFormStruct .inactive {	font-weight: bold;/*margin-left: 25px;*/}

.listExtraField {margin-top: 10px;}
.listExtraField input {	width: 50%;}

/* Document list */

.docList {}
.docList .listItem {margin-bottom: 15px;}
.docList .listPhoto {float:left; margin-right: 10px;}
.docList .listDate {font-size: 80%; margin-right: 5px;}
.docList .listTitle, .docList .listTitle a {font-weight: bold;}
.docList .listPreview {margin-top: 3px; }
.docList .listPages {}

.docItem {}
.docItem .docDate {font-size: 80%;}
.docItem .docText {margin-top: 3px; }
.docItem .docBack {text-align: right;}

.jserror span {
/*background-image: url("img/invalid.png");
background-position: 3px 3px;
background-repeat: no-repeat;
padding-left: 24px;*/
color: #FB0F00;
}

/*
.jssuccess {
display: inline-block;
background: url("img/valid.png") no-repeat;
height: 16px;
width: 16px;
}
*/
div.error_message {
	position: fixed;
	width: 260px;
	top: 50%;
	left:50%;	
	color:black;
	margin-left: -130px;
	margin-top: -130px; 
	z-index:1000;
}
.error_message div.error_block_header {
	background: url(img/wrench.png) 2px 2px no-repeat #CCCCCC;
	height: 20px;
	border-bottom: 1px solid #CCCCCC;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;	
	border-radius: 5px 5px 0px 0px;
	text-align:right;
	behavior: url(js/PIE.htc);
}
.error_message div.error_block_body {
	padding:18px 5px 18px 5px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(js/PIE.htc);
}

.error_message a {
	display:block;
	position:relative;
	background: url(img/close.png) 2px 2px no-repeat;
	height:20px;
	width:20px;
	float:right;
	
}

/* Инпуты */
.formField {margin:10px 0px;}
.formFieldString {display:block;margin-top:3px;}
input[type="text"], input[type="password"], textarea {margin:0px;padding:3px;border:1px solid #ccc;width:70%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(js/PIE.htc);
}
textarea {margin-top:5px;}

.jserror {display:block;margin-top:5px;}
.jssuccess {position:relative;top:5px;left:3px;}

.captchaImg {margin-bottom:5px;}
#show_all, #sort_desc {margin:10px 0px;}



/**************************  content ******************************/

.docItem .tableContacts {border:1px dashed #888;}
.docItem .tableContacts td {border:1px dashed #ccc; border-collapse:collapse; padding:2px 5px;}
.docItem p {margin-bottom:10px;}
.docItem .docText {margin-bottom:20px;}
.docItem .docBack {margin:20px 0px;}

.counter {margin-right:5px;}

.docList p {margin:0px auto 10px;}
.docList {margin-bottom:30px;}

.ListItemSlider {margin: 10px auto 20px;}
.ListItemSlider .spanEditDel, .ListItemSlider .spanSort , .ListItemSlider img.frame {padding:0; margin:3px 0; display:inline-block;}

.action-details-link, .action-details-hide {cursor:pointer;}
.action-details-link:hover {text-decoration:underline;}

.sitemap, .sitemap ul {margin:5px 10px; padding-left: 5px; list-style:none;}
.sitemap li {margin:7px 10px;}

.loginForm td  {padding:10px;}
.loginForm input[type="text"], .loginForm input[type="password"], .loginForm textarea  {width:auto;}

.fieldSuccess { /*background-color:#efe;*/}
.fieldError { background-color:#fee;}

span.skype_pnh_print_container{display:inline !important;}
span.skype_pnh_container{display:none !important;}

.tariff-filter { margin-bottom:30px; }
#tariff-city, #tariff-street, #tariff-house { float:left; margin-right:20px; }

.alert-off {color:#a33; text-decoration:none; font-weight:bold;}
.alert-on {color:#3a3; text-decoration:none; font-weight:bold;}
.podMenu {width:230px !important; }

#intervalForm input {width:100px;}
#intervalForm p {margin:5px 0;}
#userTable {width:100%;}
#userTable th, #userTable td {padding: 2px 5px; border:1px dotted; border-collapse:collapse;}

.ext { padding-left:42px; margin-bottom:10px; min-height:32px; _height:32px; line-height:32px; background-repeat:no-repeat;}
.ext.doc, .ext.rtf { background-image: url('img/icon32-doc-rtf.png');}
.ext.rar, .ext.zip { background-image: url('img/icon32-rar-zip.png');}
.ext.jpg, .ext.png { background-image: url('img/icon32-jpg-png.png');}
.ext.xls { background-image: url('img/icon32-xls.png');}
.ext.pdf { background-image: url('img/icon32-pdf.png');}

.lk {float:right; text-align:right;}
.lk-phone {margin-top: 10px;}

.tab {border-collapse:collapse;}
.tab, .tab td {border:1px solid #aaa;}
.tab td {padding:2px 3px;}

.footer {background:url(img/city.jpg) repeat-x scroll left bottom}

/*2016.01.07*/
.nav > li > a ,
.nav > li > span {
    width: auto !important;
}
.nav li {
    width: auto !important;
}
.drop ul {
    background: none !important;
}
.drop-bot {
    background: none !important;
}
.drop {
    background: #fff  !important;
    padding-top: 15px  !important;
    top: 38px  !important;
    margin: 0 2px  !important;
    border-radius: 0 5px 5px 5px  !important;
    box-shadow: 0px 1px 5px rgba(50,50,50,0.5)  !important;
	z-index: 10 !important;
}
.nav-active-top {
    display: none !important;
}
body .nav > li > a,
body .nav > li > span {
    width: auto !important;
    margin: 0 5px !important;
    padding: 0px 34px !important;
}
.nav > li.dropdown:hover > a,
.nav > li.dropdown:hover > span {
    background: #fff !important;
    border-radius: 5px 5px 0 0 !important;
}
.last-item .drop {
    right: 3px !important;
    left: auto !important;
    border-radius: 5px 0 5px 5px !important;
    box-shadow: 0px 1px 5px rgba(50,50,50,0.5) !important;
}
.nav li.active span {
    background: linear-gradient(to bottom, #335087, #4265B0) !important;
    border-bottom: 1px solid #5874B5 !important;
    border-radius: 5px !important;
}

.smotreshka_hero {position: fixed; bottom: 50px; right: 0; width: 300px; height: 321px; z-index: 99; text-align: right;}
.smotreshka_hero .smotreshka01 {background: url(img/smotreshka01.gif); width: 321px; height: 250px; position: absolute; bottom: 0; right: 0;}

.smotreshka_hero .exit_hero {position: absolute; top: 100px; left: 3px; cursor: pointer; display: none; z-index: 11;}
.smotreshka_hero:hover .exit_hero {display: table;}

.smotreshka_hero_inner {position: fixed; bottom: 50px; right: 0; width: 300px; height: 321px; z-index: 99; text-align: right;}
.smotreshka_hero_inner .smotreshka01 {background: url(img/smotreshka01_inner.gif); width: 321px; height: 250px; position: absolute; bottom: 0; right: 0;}

.smotreshka_hero_inner .exit_hero {position: absolute; top: 100px; left: 3px; cursor: pointer; display: none; z-index: 11;}
.smotreshka_hero_inner:hover .exit_hero {display: table;}