*{outline: none}
html{height: 100%; overflow: auto; overflow-y: scroll}
body{position: relative; height: 100%; margin: 0px; padding: 20px 0}
form{margin: 0px}
img{border: 0px}
table{border-collapse: collapse}

a.js{border-bottom:1px dotted;text-decoration: none !important}

h1, h2, h3{margin: 15px 0px}
h1{font-size: 30px;}
/*h1:first-letter{color: #ff7200; border-bottom: 2px solid #000}*/

h1:first-child, h2:first-child, h3:first-child{margin-top:0px}

.c{clear: both}
.p{margin: 14px 0}
.hide, div.attach a.hide{display: none}

.body{width: 1000px; margin: 0 auto 20px}
.body-inner{padding: 20px 30px 0}
.header{border-bottom: 1px solid rgb(116, 0, 0); padding-bottom: 15px}
.header table{width: 100%}
.header .header-left{}
.header .header-left p{margin: 0}
.header .header-left a{color: #000; text-decoration: none}
.header .header-right{text-align: right}
.content{padding: 20px 0}
.module-base{margin-bottom: 15px}

.mainmenu {margin: 25px 0px; overflow: hidden}
.mainmenu a{display:block;}
.mainmenu ul{width:100%;margin:0px;padding:0px;list-style-type:none}
.mainmenu ul li{float: left; margin: 0 30px 0 0}
.mainmenu ul li:first-child{border-left:0px}

.footer{margin:0px -30px;padding: 20px}
.footer .module-base{margin-top:12px}
.footer .module-base:first-child{margin-top:0px}
.footer .body{padding:20px 0px}
.footer table{width:100%;}
.footer table td{padding:0px;text-align:right;vertical-align:top}
.footer img{margin-left:5px}
.footer img:first-child{margin-left:0px}
.footer hr{display:none}
.footer .module-menu ul{padding:0px;margin:0px;list-style-type:none}
.footer .module-menu ul li{display:inline-block;margin-left:10px;}
.footer .module-menu ul li:first-child{margin-left:0px}
.footer .module-base:last-child p:last-child{margin-bottom:0px}

.c{clear:both}
.header .phone{display:inline-block;padding-left:25px;font-size:23px;color:#222;background:url(/theme/default/img/phone.png) 0% 8px no-repeat}
.header .phone span{color:#ff7200}


.content .editor-content img.img{border:1px solid #ff7200;box-shadow: 0px 0px 0px rgba(0,0,0,0.5)}

.date{font-size:12px;color:#999;color:rgba(0,0,0,0.6)}


.ext-content-list p{margin:3px 0px}
.aside .ext-content-list {margin-bottom:15px}

.module-breadcrumbs{font-size:85%; margin-bottom: 25px}
.module-breadcrumbs span{color:#888;color:rgba(0,0,0,0.45)}


#services{width:100%;border-collapse: collapse;table-layout: fixed}
#services td{padding:0px 0px 20px 0px}
#services a{display:block;width:280px;border:10px solid rgba(0,0,0,0.1);text-decoration: none}
#services a span{position:relative;display: block;padding:5px;line-height: 22px;margin-top:-32px;color:#FFF;text-align: center;background-color:rgba(0,0,0,0.5)}

.editor-content table.data td{padding:5px}
.editor-content table.data tr:nth-child(2n) {background-color:rgba(32, 67, 150, 0.1)}
.editor-content table.data tr:nth-child(2n+1) {background-color:rgba(32, 67, 150, 0.3)}

.aside h2{color:#ff7200}
.aside .module-base{overflow: hidden}
.aside .module-base h2{margin:0px;padding:4px 15px 5px 15px;}
.aside .module-body {}
.aside .module-body p:first-child{margin-top:0px}
.aside .module-body p:last-child{margin-bottom:0px}
.aside .module-body ul{padding:15px 28px}
.aside .module-body ul li{margin:3px 0px}

.aside .ext-content-list {padding:8px 8px;margin:0px}
.aside .ext-content-list p{margin:0px;padding-left:16px;background: url("../img/right.png") 0% 50% no-repeat}
.aside .ext-content-list a{color:#666}

.phone, .email, .fax, .address{padding-left:24px}
.aside .phone:before, .email:before, .fax:before, .address:before{content:"";position:absolute;width:16px;height:16px;margin-top:2px;margin-left:-24px;background:url("/theme/default/img/set_contacts.png") no-repeat}
.aside .phone:before {background-position:0px -17px}
.email:before {background-position:0px -34px}
.fax:before {background-position:0px -51px}

.aside ul{margin:0px;padding:0px 0px 0px 13px;list-style-type: square}

.editor-content table a img {border:1px solid #ff7200;box-shadow:0px 0px 6px rgba(0,0,0,0.5)}
.more{color:#666;font-size:12px;text-transform: lowercase}
.more:after{content:"";display:inline-block;margin-left:6px;width:12px;height:7px;background: url(../img/right.png) 100% 50%}

.slider{position: relative;height:340px;overflow: hidden;margin-bottom:20px}
.slider .slide{position:absolute;width: 930px; height: 340px}
.slider .slide .text{position: absolute; box-sizing: border-box}
.slider .slide .text p{margin:3px 0px}
.slider .dots{position:absolute;z-index:100;bottom:20px;right:40px;}
.slider .dots a{display:block;float:left;margin-left:8px;width:8px;height:8px;border-radius:50%;background-color:#AAA;border:2px solid #EEE;box-shadow:0px 0px 5px rgba(0,0,0,0.7)}
.slider .dots a.current{background-color:#FF9900}
.slider a.action1{position:absolute;z-index:100;top:140px;display:block;width:60px;height:60px;border-radius:50%;background: url(../img/arrows.png) #FDF9EE 0% 50% no-repeat}
.slider a.action1.left{left:-35px;}
.slider a.action1.right{right:-35px;background-position: 100% 50%}


.body-inner{background: linear-gradient(to bottom, rgba(253, 249, 238, 0.32) 0%, rgba(238, 253, 252, 0.36) 0%)}
body{background: url('/ext/tplmaster/img/bg/worn_dots.png')}
.body{background: url('/ext/tplmaster/img/bg/tiny_grid.png'); border-radius: 6px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.65)}
body{font-family: arial,helvetica,sans-serif; color: #000; font-size: 13px; line-height: 1.4}
h1, h2, h3{font-family: trebuchet ms,geneva,sans-serif; color: rgb(116, 0, 0); line-height: 1.4; font-weight: normal; font-style: normal}
h1{font-size: 200%; border-bottom: 0px solid rgba(0,0,0,0)}
h2{font-size: 150%}
h3{font-size: 117%}
a, .header .phone span{color: rgb(0, 71, 134)}
a{text-decoration: underline}
a:hover{color: rgb(0, 71, 134); text-decoration: underline}

.mainmenu{width: 300px; float: left; font-size: 14px}
.mainmenu ul li{border-left: 1px solid rgba(255,255,255,0.2)}
.mainmenu a{color: #444; text-decoration: none}
.mainmenu a:hover, .mainmenu a.active{color: #000; text-decoration: underline}

.slider{margin-top: 0; border: 5px solid rgba(0,0,0,0.2)}
.slider .text{color: #fff; font-size: 14px; line-height: 1.4; background: rgba(0,0,0,0.3); width: auto; height: auto; left: 33%; top: 9%; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px}
.slider .title{color: rgb(0, 71, 134); font-size: 170%; line-height: 1.4; text-shadow: 1px 1px 0px rgba(255,255,255,0.7)}
.slider .title a{color: rgb(0, 71, 134); text-decoration: underline; text-shadow: 1px 1px 0px rgba(255,255,255,0.7)}
.slider .title a:hover{color: rgb(0, 71, 134); text-decoration: underline}
.aside h2{color: #ff7200; font-size: 150%; line-height: 1.4; font-weight: bold; font-style: normal}
.aside .module-base .module-body{background: linear-gradient(to bottom, #fff 0%, #eee 100%)}
.aside .module-base{border: 0px solid rgba(0,0,0,0.2)}
.aside .module-base .ext-content-list{border-bottom: 0px solid rgba(0,0,0,0.2); background: linear-gradient(to bottom, #fff 0%, #eee 100%); line-height: 1.4}
.aside .module-base .ext-content-list a{color: #666; text-decoration: underline}
.aside .module-base .ext-content-list a:hover{color: #ff7200; text-decoration: none}
.aside .module-base h2{color: #FFF; font-size: 150%; line-height: 1.4; font-weight: bold; font-style: normal; background: linear-gradient(to bottom, #ff9900 0%, #ff5500 100%)}
.footer{
    background: url('/ext/tplmaster/img/bg/013.png'); color: #FFF; font-size: 12px; line-height: 1.4; box-shadow: 0px 17px 11px -11px rgba(0, 0, 0, 0.58) inset;
    border-radius: 0 0 6px 6px
}
.footer a{color: rgba(255,255,255,0.7); text-decoration: underline}
.footer a:hover{color: #FFF; text-decoration: underline}

.edit{
    font-family: arial,helvetica,sans-serif; border: 1px solid rgb(12, 20, 86); background: #fff; padding: 3px 6px;
    font-size: 13px; color: #333; border-radius: 4px; box-sizing: content-box;
}
span.edit{display: inline-block}

.transparent{
    border: 0; background: transparent; padding: 0; margin: 0; resize: none;
    font-family: arial,helvetica,sans-serif; font-size: 13px; color: #333
}


.form{}
.form table{width: 100%}
.form table td{padding: 5px 10px; vertical-align: top}
.form table td:first-child{width: 17%; padding-top: 8px}
.form table td:last-child{padding-top: 8px}

.table{border-collapse: collapse; width: 100%}
.table thead{background: rgba(0,0,0,0.15)}
.table td, .table th{padding: 4px 6px; border: 1px solid rgba(0,0,0,0.6)}
.table tr:nth-child(odd){background: rgba(0,0,0,0.05)}
.table.table-condensed, .table.table-condensed .transparent{font-size: 10px; line-height: 13px}
.table td.orange{background: rgba(255, 104, 0, 0.35)}
.table td.green{background: rgba(13, 255, 0, 0.31)}
/*.table td.green.fixed{background: url('/theme/default/img/climpek.png') repeat 0 0 rgba(13, 255, 0, 0.31)}*/
.table td.green.fixed{background: rgba(13, 255, 0, 0.1)}
.table td.yellow{background: rgba(255, 253, 0, 0.35)}
.table td.focused{box-shadow: 0 0 3px blue inset}

.block-table-scroll{overflow: auto}

.headers{margin-right: 280px}
.headers.fixed{
    position: fixed; top: 0; width: 50px; height: 50px; margin: 20px 0 0 900px;
    background: url('../img/info.48.png') no-repeat 0 0; opacity: 0.6; transition-duration: 0.3s; transition-property: opacity;
    z-index: 1
}
.headers.fixed *{display: none}
.headers.fixed:hover{
    background: #fff url('../img/info.48.png') no-repeat 930px 20px; border-bottom: 1px solid #888; box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    top: 0; width: 960px; height: 71px; margin: 0 0 0 -30px; padding: 20px 20px 0px; opacity: 1
}
.headers.fixed:hover *{display: block}


hr{height: 0; border: 0; border-bottom: 1px solid rgb(116, 0, 0); margin: 15px 0}


.column{float: left}
.column.column4{width: 23%; padding-left: 2%}

label.cb{position: relative; display: inline-block; padding-left: 23px; cursor: pointer; padding-bottom: 3px}
label.cb input[type='checkbox'], label.cb input[type='radio']{position: absolute; left: 0; top: 0; cursor: pointer}
label.cb.disabled{color: #999}

.progress{height: 10px; border-radius: 10px; background: #FFA500; position: relative; margin: 0 0 30px 0}
.progress .dot{position: absolute; top: -10px; width: 10px; height: 10px; border: 10px solid #FFA500; border-radius: 50%; background: #fff}
.progress .dot.current{border-color: #00CD00}
.progress i{color: #666}

.hint{}
.hint.hint-icon{position: relative; display: inline-block; background: url('../img/hint2.png') no-repeat 0 0; width: 16px; height: 16px}
.hint .popup{
    display: none; position: absolute; left: 14px; bottom: 14px; white-space: nowrap; line-height: 1.3; color: #333;
    background: #fff; border: 1px solid #bbb; padding: 10px 15px; border-radius: 6px 6px 6px 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    z-index: 1
}
.hint.left .popup{left: auto; right: 14px; border-radius: 6px 6px 0 6px}
.hint:hover .popup{display: block}


.has-delete{position: relative}
.a-delete{display: none; position: absolute; top: 5px; right: 10px; color: #f00}
.a-delete:hover{color: #f00}
.has-delete:hover .a-delete{display: inline}
.span-delete{color: #f00; font-size: 14px; line-height: 13px}
.span-delete a, .span-delete a:hover{color: #f00; font-size: 10px}


.result-info{width: 60%; float: right}
.result-info table{}
.result-info tr{border-top: 1px solid #ccc}
.result-info tr:first-child{border: 0}
.result-info tr td:first-child{white-space: nowrap; font-weight: bold}
.result-info td{padding: 7px; vertical-align: top}


.help-hub{float: right; padding: 22px 0 0 0}
.help-hub a{display: inline-block; line-height: 24px; text-decoration: none; vertical-align: middle}
.help-hub a.a-help{
    font-size: 16px; margin: 0 0 0 10px;
    background: url('/theme/default/img/help.24.png') no-repeat 0 0; padding-left: 32px
}
.help-hub a.a-instr{
    font-size: 16px; margin: 0 0 0 10px;
    background: url('/theme/default/img/instr.24.png') no-repeat 0 0; padding-left: 32px
}

.scroller{}
.scroller.fixed{position: fixed; top: 8px}
.scroller.scroller-center{text-align: center}
.scroller.scroller-right{text-align: right}

td.attach{position: relative}
div.attach{display: none; position: absolute; top: 1px; right: 1px; background: rgba(0,0,0,0.7); padding: 1px 3px 0; border-radius: 2px}
td.attach:hover div.attach{display: block}
div.attach a{display: inline-block; width: 16px; height: 15px; background-position: 0 0; background-repeat: no-repeat}
div.attach .link{background-image: url('../img/link.16.png')}
div.attach .file{background-image: url('../img/document.16.png')}
div.attach .file-detach{background-image: url('../img/stop.16.png')}

.attached-files{}
.attached-file{background: url('../img/document.2.16.png') no-repeat 0 2px; padding-left: 20px; min-height: 18px}


#sortable{list-style: none; margin: 0; padding: 0}
#sortable li {font-size: 1.4em; height: 24px; margin: 0 3px 3px; padding: 5px 1px 7px 32px; cursor: move}
#sortable li span {margin: 5px 0 0 -20px; position: absolute}
#sortable small{color: #999}

.block-name{font-size: 14px; font-style: italic; color: #666}


.article-help-block{}
.article-help-block .pretext{font-size: 14px}
.article-help-block .pretext p:first-child{margin-top: 0}

.paperclip{display: inline-block; width: 24px; height: 24px; background: url('../img/paperclip.png') no-repeat 0 -24px; cursor: pointer}
.paperclip.checked{background-position: 0 0}
.paperclip [type="checkbox"]{opacity: 0; display: block; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; cursor: pointer}