/* 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/ */ /* BLOCKS */ #page {width: 900px; margin: 0 auto; background-color: #FFF; position: relative} #header {position: relative; height: 180px!important; background: transparent url(img/verh-pravo.jpg) top right no-repeat;overflow: visible;} .site-logo img {padding-top:50px; } .site-description {} .percab {position: absolute; top:50px;right:-10px; width:240px; } .percab a {font-size: 1.2em; text-decoration: none!important; font-weight: normal; letter-spacing: 0.05em; cursor: pointer; color:#2D3EA5 } #nav {background: url(img/left-gradient.jpg)} #nav ul {width: 100%; height: 225px; overflow: hidden; padding-top:45px; margin: 0 !important} #nav li {float: left; width:300px; height:35px;} #nav a:hover {background: url(img/press-menu.jpg); } #nav a {text-transform: uppercase; padding-top:7px; height:28px; padding-left:25px; font-weight:500; display: block; } #nav a:hover {font-weight: bold;} #nav_2 {} /* #nav_2 ul {width: 100%; overflow: hidden; margin: 0 !important; border-top: thin solid #E9E9E9} #nav_2 li {float: left; width:300px; height:35px; border-bottom: thin solid #E9E9E9; background: transparent url(img/pixel.jpg) top left no-repeat; } #nav_2 li:hover {background: url(img/press-menu.jpg)} #nav_2 a { padding-left:25px; font-weight: 500;} */ #nav_2 ul {width: 90%; overflow: hidden; margin: 15px 0 0 0!important; border-top: thin solid #E9E9E9; font-size:85%;} #nav_2 li {float: left; width:100%; min-height:35px; } #nav_2 a {width: 90%; text-transform: uppercase; padding-top:7px; min-height:28px; padding-left:25px; font-weight:500; display: block; border-bottom: thin solid #E9E9E9; background: transparent url(img/pixel.jpg) 10px center no-repeat; } #nav_2 a:hover {font-weight: bold;} #nav-info {position:absolute ; top:50px; left: 175px; width: 200px; color:#C2C2C2;} #nav-info ul {width: 100%; overflow: hidden; margin: 0 !important} #nav-info li {float: left; padding: 0.1em 0.8em 0.1em 0.8em; border-right: 1px solid #C2C2C2; font-weight: bold;} #nav-info .last {border-right: none; } #nav-info a {text-decoration: none; } .ncity a { border-bottom: 1px dashed #2D3EA5; font-weight: normal; font-size: 90%;} .ncity a:hover { border-bottom: none;} .nav-info_inner {left:100px!important;} #wrap {min-height: 350px } #content {width: 600px; margin-left:300px;} #content .padding {padding: 1em 1.5em; font-size: 12px!important; } #content .padding h2 {border-top: thin solid #C0C0C0; margin-top: 0.5em; padding-top:0.5em;} #content .pagenator {border-top: thin solid #C0C0C0; margin-top: 1.5em; padding-top:0.5em; } #aside {width: 300px; float: left;} #aside .padding {padding: .1em 1em;} /* #aside .padding > div {width: 100%; overflow: hidden; margin-bottom: -1em!important} */ .login {} .password label, .username label, .submit {display: block; width: 40%; float: left; padding: .3em 0 .15em 0} .submit {width: 40%; float: left} .submit input {width: 80px} .login ul {width: 53%; float: left} .contact {} .contact ul li {width: 100%; overflow: hidden; margin-bottom: .3em} .contact ul li span.contact-type {width: 40%; float: left} .contact ul li span.contact-item {width: 60%; float: left} .onecolumn {width:900px; clear: both;} .onecolumn .news-date {font-size: 0.7em; } .onecolumn h6 a {text-decoration: none; text-transform: uppercase; border-bottom:none;} .onecolumn h6 a:hover {border-bottom: 1px dashed #2D3EA5;} .bigbaner li {width:300px; height:133px; float:left;} .bigbaner li a { width:300px; height:133px; display: block; } .bigbaner #main_tel a { background: transparent url(img/telefoniya1.jpg) top left; text-indent:-9000px; } .bigbaner #main_tel a:hover { background: transparent url(img/telefoniya2.jpg) top left; text-indent:-9000px; } .bigbaner #main_tel a:active { background: transparent url(img/telefoniya3.jpg) top left; text-indent:-9000px; } .bigbaner #main_tv a { background: transparent url(img/televid1.jpg) top left; text-indent:-9000px;} .bigbaner #main_tv a:hover { background: transparent url(img/televid2.jpg) top left; text-indent:-9000px;} .bigbaner #main_tv a:active { background: transparent url(img/televid3.jpg) top left; text-indent:-9000px;} .bigbaner #main_inet a { background: transparent url(img/internet1.jpg) top left; text-indent:-9000px;} .bigbaner #main_inet a:hover { background: transparent url(img/internet2.jpg) top left; text-indent:-9000px;} .bigbaner #main_inet a:active { background: transparent url(img/internet3.jpg) top left; text-indent:-9000px;} .bignews {width: 50%; float:left; clear: none;} .bigadvert {width: 50%; padding-top: 5px; overflow: hidden;} .bigadvert img {float:left;} .advert {width: 100%; text-align: center; padding-top: 10px; overflow: hidden;} #footer {clear: both; overflow: hidden; line-height: 1.4em; padding: .5em 1.5em; border-top:thin solid #C0C0C0; color:#C0C0C0; font-size: 11px;} #footer ul {margin-left:0px;} #footer li {float: left; padding:1em 1.5em 1em .5em; width:150px;} #footer span {font-weight:bold; display: block; padding-bottom: 0.5em} #footer a{color:#C0C0C0; text-decoration: none; border-bottom: 1px dashed #C0C0C0; } #footer a:hover {border-bottom:none;} /* MAIN TYPOGRAPHY */ html {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif!important} body {font-size: 1.4em; line-height: 1.5em; color: #464646; background-color: #FFF} strong, b, th, thead td, em {font-weight: bold} h1, h2, h3 {font-family: Arial, Helvetica, sans-serif!important} h1 {font-size: 2em; margin: 1.2em 0 .7em; color: #2D3EA5} h2 {font-size: 1.57em; margin: 1.1em 0 .5em; color: #2D3EA5} h3 {font-size: 1.36em; margin: 1.2em 0 .5em; color:#2D3EA5} h4 {font-size: 1.21em; margin: 1.2em 0 .4em; color:#2D3EA5} h5 {font-size: 0.95em; margin: 1.2em 0 .4em; color:#2D3EA5; text-transform: uppercase; letter-spacing:0.1em;} h6 {font-size: 0.70em; margin: -.4em 0 .4em; color:#2D3EA5; text-transform: uppercase;} 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"} /* #content only */ #content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form, #content iframe {margin-bottom: 1.14em} #content p+p, #content p+ul, #content p+ol, #content p+blockquote {margin-top: -0.5em} #content form div {margin-bottom: .8em} /* LISTS */ #content ul {list-style: disc outside; margin-left: 2.29em} #content ul ul, #content ol ul {list-style: circle} #content ul ul ul {list-style: disc} #content ol ul ol {margin-left: 2.29em} #content ol {list-style: decimal outside; margin-left: 2.29em} #content ul ul, #content ol ol, #content ul ol, #content 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 */ input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Arial, Helvetica, sans-serif} input[type='button'],input[type='submit'] {background-color: #213E99; border:none; color: #fff; margin: 0.2em 0; } 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} 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} .input { border-top: 1px solid #75767B; border-left: 1px solid #75767B; border-bottom: 1px solid #B6B9C0; border-right: 1px solid #B6B9C0; width: 175px; height: 15px; padding:0.1em 0.1em; margin-top:0.1em; font-size:12px;} /* TABLES */ table {border-collapse: separate; background-color: #ccc; border-spacing: 1px} tr {background-color: #fff} th, td {padding: .4em .6em} th p, td p {margin-bottom: 0.5em!important;} 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 {color: #2D3EA5; text-decoration:underline} /* a:visited, a:active, a:focus */ a:hover {color: #2D3EA5; text-decoration:none} #aside a:link, #aside a:visited, #aside a:active, #aside a:focus {text-decoration:none} .B_crumbBox a {text-decoration: none;} /* TOOLBOX */ .hide {display: none} .show {display: block} img.alignright {float: right; margin:.2em 0 .2em .8em} img.alignleft {float: left; margin:.2em .8em .2em 0} img.aligncenter {display:block; margin:.2em auto .8em} .relative {margin-top: -1.14em!important} p.more a[href]:after {content: " >"} /* DESIGN */ #temailer_form table {border-collapse: collapse; background-color: #fff; border-spacing: 0px} .news-title {margin:0 0 1em 0;} .news-title a {text-decoration: none;} .news-title a:hover { border-bottom: 1px dashed #2D3EA5;} .ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black; } #ditto_pages .ditto_currentpage { border: 1px solid #213E99; padding: 1px 5px 2px; margin-right: 1px; background-color: #213E99; color: #fff; } #ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc; } #ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #213E99; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: black; } #ditto_pages a:hover { background-color: #fff; color: #000; } .easypoll, #temailer_subscribe {font-size: 80%}