/* =layout section */
html, body, table, td, ul, ol, dl, li, div, p, form, input, textarea {
margin: 0px;
padding: 0px;
}
/* =basic */
html {
/* background: #003260;*/
background: #FFFFFF;
}
html {
overflow-y: scroll;
font-size: 100.1%; /* Для ОПРЕЫ*/
}
html, body {
height: 100%;
color: #09365D;
}
body {
font-family: Arial, Helvetica, sans-serif;
/*font-size: 100%;*/
font-size: 16px;/* Такой дикий размер шрифта из-за того, что далее вперемешку идут % и em и очень маленькие; Размер ОБЯЗАТЕЛЬНО фиксировать, иначе новомодный знак рубля разъезжается(( */
/*background: #fff;*/
}
a:active,
a:hover,
a:link,
a:visited {
outline: none;
}
img {
border: 0px;
}
a img {
text-decoration: none;
}
.cleaner {
clear: both;
height: 1px;
background: transparent;
color: #fff;
//overflow: hidden;
//height: 0;
//font-size: 1px;
//line-height: 1px;
z-index: 0;
}
.cleaner-lft {
clear: left;
height: 1px;
background: transparent;
color: #fff;
//overflow: hidden;
//height: 0;
//font-size: 1px;
//line-height: 1px;
z-index: 0;
}
.hide {
display: none;
}
.blocks {
display: block;
}
.col1 {
background: #fff;
}
/* =page */
* html #page {
height: 100%; /* IE hack */
}
#page {
position:relative;
min-height: 100%;
//height:100%; /*IE hack*/
/*background: #003260;
color: #09365D;*/
}
/* =page width */
.width {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -210px;
/* width:100%;
min-width:779px;*/
}
* html .minwidth {
padding-left:779px;
}
* html .container {
margin-left:-779px;
position:relative;
}
/*\*/
* html .minwidth,
* html .container,
* html .layout {
height:1px;
}
/**/
/* =headers */
h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
}
/* =links */
a:link {
color: #09365D;
text-decoration: underline;
background: transparent;
}
a:visited {
color: #09365D;
text-decoration: underline;
background: transparent;
}
a:hover {
color: #FB9600;
text-decoration: underline;
background: transparent;
}
a:active {
color: #09365D;
text-decoration: underline;
background: transparent;
}
/* =main */
#main {
background: #fff url(/images/web.peterlink/bgr4.gif) repeat-x top left;
min-height: 320px;
//height: auto; /* IE hack */
}
#main-column {
margin-right: 285px;
position: relative;
}
/* =menu */
#home-menu {
float: left;
list-style-type: none;
padding-top: 41px;
padding-right: 49px;
padding-left: 44px;
color: #09365D;
background: transparent;
font-size: 0.69em;
}
#home-menu li {
display: inline;
color: #FB9600;
background: transparent;
}
#menu {
margin-left: 166px;
position: relative;
list-style-type: none;
padding-top: 37px;
}
#menu li {
display: inline;
padding-right: 72px;
line-height: 1.2em;
font-size: 0.83em;
color: #FB9600;
background: transparent;
}
#menu li.last {
padding-right: 0px;
}
#home-menu li a, #menu li a {
text-decoration: none;
}
#home-menu li a:link, #menu li a:link {
color: #09365D;
background: transparent;
}
#home-menu li a:visited, #menu li a:visited {
color: #09365D;
background: transparent;
}
#home-menu li a:hover, #menu li a:hover {
color: #FB9600;
background: transparent;
}
#home-menu li a:active, #menu li a:active {
color: #09365D;
background: transparent;
}
/* =submenu */
#submenu-column {
width: 266px;
float: right;
padding-bottom: 227px;
}
#submenu-column div#submenu-column-l1 {
padding-bottom: 16px;
font-size: 0.75em;
text-align: left;
float: left;
width: 266px;
}
#submenu-column h2 {
font-size: 1.06em;
}
#submenu-l0 {
padding-top: 40px;
padding-right: 12px;
}
#submenu {
list-style-type: none;
font-weight: bold;
color: #FB9600;
background: transparent;
}
#submenu a {
font-weight: normal;
color: #09365D;
background: transparent;
}
#submenu a.current-level1 {
font-weight: bold;
color: #FB9600;
background: transparent;
text-decoration: none;
}
#submenu li {
padding-top: 17px;
white-space: nowrap;
}
#submenu ul {
list-style-type: none;
padding-top: 4px;
padding-left: 9px;
font-size: 92%;
color: #09365D;
background: transparent;
}
#submenu ul li {
padding-top: 2px;
padding-bottom: 2px;
}
#submenu a#activ{
color:#fb9600;
text-decoration: none;
}
/* =logotype */
#logo {
color: #015189;
background: transparent;
font-size: 92%;
font-weight: bold;
}
#logo img {
display: block;
float: right;
}
#logo a {
text-decoration: none;
}
/* =content */
#content-main {
padding-right: 27px;
padding-bottom: 9px;
padding-left: 42px;
font-size: 0.75em;
text-align: left;
}
.arrow {
margin-top: 15px;
margin-left: -21px;
/* padding-left: 21px;*/
/* background: url(/images/web.peterlink/skobka.gif) no-repeat top left;
min-width: 15px;
min-height: 31px;
//height: 31px;*/
}
.arrow #scoba{
height:31px;
width:21px;
background: url(/images/web.peterlink/skobka.gif) no-repeat top left;
float:left;
}
#content-main h1 {
font-size: 151%;
display: inline;
line-height: 28px;
}
#content-main h2, h3, h4, h5 {
font-size: 100%;
}
#content-main p {
padding-bottom: 1em;
}
#content-main ul, #content-main ol{
padding-left: 20px;
margin-bottom:1em;
}
#content-main ul.list1 {
list-style: none;
}
/*#content-main li {
margin-bottom: 0.4em;// margin-bottom: 0.2em;
}*/
#content-main .last input {
margin-bottom: 0;
}
#content-main #path a {
text-decoration: none;
}
/* =Services start */
#content-main h1 span.price {
font-size: 115%;
color: #FB9600;
background: transparent;
}
#content-main .arrow h2 {
color: #FB9600;
background: transparent;
line-height: 0.75em;
padding-bottom: 0.13em;
}
#content-main .arrow h2.price {
font-size: 192%;
}
#content-main h3.sub-price {
margin-top: 0.6em;
margin-bottom: 0.75em;
font-size: 100%;
}
h3.sub-price span {
font-weight: normal;
font-size: 92%;
}
/* =Services end */
/* =Gotovie resheniya start */
.templblocklist {
padding-bottom: 1em;
}
.templblock {
margin-right: 17px;
margin-top: 11px;
float: left;
width: 186px;
}
.templblock .templ-preview {
float: left;
}
.templblock span.templhead {
display: block;
border-left: 1px solid;
border-color: #aaaaaa;
text-indent: 6px;
line-height: 19px;
margin-bottom: 4px;
}
.templ-vars div {
float: left;
}
.radio {
width: 13px;
height: 11px;
border-width: 0px;
margin: 1px 1px 1px 2px;
padding: 0;
/* position: relative;*/
//top: -3px;
}
.colorborder {
border: 1px solid #aaaaaa;
}
div.templ-vars div {
padding-left: 6px;
height: 20px;
}
/* =Gotovie resheniya end */
/* =Not-found */
#not-found {
font-size: 0.75em;
padding: 41px 42px;
}
#not-found h1 {
font-size: 300%;
color: #FB9600;
padding-bottom: 37px;
}
#not-found #logo {
padding-bottom: 0px;
width: 125px;
height: 50px;
}
#not-found #adress {
font-size: 72%;
}
/* =Content in columns */
#content-l0 {
background: #003260 url(/images/web.peterlink/bgr2.gif) repeat-x top;
height:210px;
}
.push{
height:210px;
}
#content {
position: relative;
background: url(/images/web.peterlink/bgr3.gif) repeat-x top;
color: #fff;
min-height: 105px;
//height:auto; /*105px;*/
}
#content div.column {
color: #fff;
background: transparent;
width: 33%;
float: left;
text-align: left;
}
*html #content div.column{
background: url(/images/web.peterlink/bgr3.gif) repeat-x top;
}
#content div.last {
width: 33.97%;
}
#content div.column h2 {
background: url(/images/web.peterlink/razd1_rght.gif) no-repeat top left;
color: #fff;
min-height: 38px;
//height: 38px; /* IE hack */
font-size: 1.06em;
line-height: 38px;
padding-left: 29px;
}
.column-h-l0 {
background: #FE8600 url(/images/web.peterlink/bgr2.gif) top repeat-x;
}
.column-h-l1 {
background: url(/images/web.peterlink/razd1_lft.gif) no-repeat right top;
}
#content div.last .column-h-l1 {
background: none;
}
.column-text {
padding: 16px 28px 0px 29px;
font-size: 0.75em;/*0.69em;*/
min-height: 150px;
//height: auto; /*150px; /* IE hack */
}
.column-text h3 {
font-size: 100%;
}
.news h3 {
color: #94aabf;
background: transparent;
font-weight: normal;
}
#content div.last .column-text {
padding-right: 33px;
}
.dot {
background: url(/images/web.peterlink/razd2.gif) no-repeat top left;
}
#content p {
margin-bottom: 1em;
}
#content a {
color: #fff;
background: transparent;
text-decoration: none;
}
/* =advertising */
.adv-innerpage {
position: relative;
left: 64%;
/*float: right;*/
width: 36%;
}
#adv-banner {
position: absolute;
top: 36px;
right: 44px;
//right: 43px;
width: 203px;
height: 126px;
}
.portfolio {
position:absolute;
right:0;
width: 285px;
height: 227px;
background-image: url(/images/web.peterlink/banners/individual.gif);
background-position: right bottom;
background-repeat: no-repeat;
top:-438px;
}
*html .portfolio {
top:-485px;
}
.gotovye {
position: relative;
left: 100%;
width: 283px;
margin-top: -168px;
margin-left: -283px;
height: 168px;
}
.gotovye img {
display: block;
}
/* =adress */
#adress span {
display: block;
padding-bottom: 1em;
}
#adress .more {
padding-bottom: 0;
}
/* =works */
#site-name {
position: relative;
float: left;
width: 65%;
}
div#content-main div.works div#site-name h2 {
padding-bottom: 0px;
padding-left: 0px;
}
#all-works {
position: relative;
float: right;
/*white-space: nowrap;*/
width: 35%;
text-align: right;
padding-top: 3.2em;
}
#all-works a {
font-size: 92%;
padding-left: 16px;
}
#all-works a:link, #all-works a:visited {
background: url(/images/web.peterlink/arr.gif) no-repeat left 70%;
}
#all-works a:hover, #all-works a:active {
background: url(/images/web.peterlink/arr_h.gif) no-repeat left 70%;
}
.work-date {
color: #637C92;
}
#content-main div.works h2 {
padding-top: 2em;
padding-bottom: 1.1em;
padding-left: 10px;
font-size: 144%;
}
#content-main div.works h2:first-letter {
text-transform: capitalize;
}
.works ul.list1 {
padding-left: 20px;
}
.works ul.list1 li {
margin-bottom:0.7em;
}
div.works .more {
margin-bottom: 1em;
padding-left: 20px;
font-size: 92%;
}
div.works .more a {
padding-right: 16px;
}
div.works .more a:link, div.works .more a:visited {
background: url(/images/web.peterlink/arr.gif) no-repeat right 70%;
}
div.works .more a:hover, div.works .more a:active {
background: url(/images/web.peterlink/arr_h.gif) no-repeat right 70%;
}
/* =forms */
textarea {
overflow: auto;
}
.order input, .order textarea, .order label {
display: block;
}
.order input.form-txt, .order .form-txtarea {
color: #09365d;
background: #fff;
border: 1px solid #ABAEB3;
margin-bottom: 10px;
}
.but_more {
width: 7.5em;
background: #E1E1E3 url(/images/web.peterlink/more.gif) no-repeat left center;
float:left;
}
.but_order, .but_more {
font-size: 100%;
margin: 0 0 1em 0;
//margin: 0 0 0.4em 0;
padding: 0px 2px 0px 20px;
border: 1px solid #ABAEB3;
cursor:pointer;
}
.but_order {
width: 7em;
background: #E1E1E3 url(/images/web.peterlink/order.gif) no-repeat left center;
margin-right: 10px;
float:left;
}
a.a_but{
display:block;
font-size: 100%;
margin: 0 0 1em 0;
//margin: 0 0 0.4em 0;
padding: 2px 2px 0px 25px;
border: 1px solid #ABAEB3;
cursor:pointer;
color:#000000;
width: 5.4em;
height:1.3em;
text-decoration:none;
background: #E1E1E3 url(/images/web.peterlink/more.gif) no-repeat left center;
float:left;
}
a.a_but:hover, a.a_but:visited{
background: #E1E1E3 url(/images/web.peterlink/more.gif) no-repeat left center;
}
div#site_name{
position:relative;
float:left;
width:65%;
}
#content-main div.works div#site_name h2{
padding-bottom:0;
padding-left:0;
padding-top:2em;
}
#cont_ban{
position:relative;
}
#cont_ban div#sol_ban{
position:absolute;
width:283px;
height:168px;
top:-378px;
right:0;
}
*html #cont_ban div#sol_ban{
top:-428px;
}
*html .rel_r{
position: relative;
top:0;
}
.abso, .abso_h, .abso_d, .abso_n {
position: absolute;
font-size: 80%;
margin: 0px;
}
.abso{
line-height: 180%;
}
.abso_h{
line-height: 225%;
//line-height: 171%
}
.abso_d{
line-height: 190%;
//line-height: 180%;
}
.abso_n{
line-height: 210%;
//line-height: 220%;
text-decoration:none;
}
strong .abso_n{
line-height: 190%;
//line-height: 200%;
}
*html .abso_n{
line-height: 190%;
}
*html strong .abso_n{
line-height: 180%;
}
#basic h2, h3{
margin-top:1.0em;
margin-bottom:0.7em;
}
.columns3
{
display: table;
position: relative;
//overflow-y: hidden;
width: 100%;
margin-bottom:15px;
}
*html .columns3
{
width: 99.6%;
}
.columns3 .r
{
display: table-row;
position: relative;
//top: 100%;
width: 100%;
}
.columns3 .a,
.columns3 .b
{
display: table-cell;
//display: inline;
position: relative;
//float: left;
width: 66%;
//margin-right: -100%;
vertical-align: bottom;
}
.columns3 .b
{
width: 34%;
//margin-left: 66%;
}
.columns3 .r .r
{
display: block;
//top: -100%;
width: auto;
//width: 100%;
padding: 0 1em;
}
.columns3 .a .r
{
padding-left: 0;
}
.columns3 .b .r
{
text-align:right;
padding-right: 0;
padding-left: 0;
}
/* **************************************
*
* FORMS
*
****************************************** */
.textinputs {
border: 1px solid #ccc;
width: 300px;
}
textarea.textinputs {
height: 100px;
}
.submit {
font-size: 12px;
width: 100px;
background-color: #eee;
}
.clear {
font-size: 1px; height: 1px;
clear: both;
}
.web_order {
width: 500px;
}
ol.buckva{
list-style: lower-alpha;
}
/*
* Форма заказ на странице услуги
*/
.pl_order_inner_form {
margin: 0;
}
.pl_order_inner_form .but_order{
float: none;
}
#content-main .pl_contacts_data p {
font-size: 1.4em;
font-weight: bold;
margin: 0; padding: 0;
line-height: 0.6;
margin-top: 0.6em;
clear: left;
}
#content-main .pl_service_item h1 {
line-height: 1.2;
margin-bottom: 0.6em;
}
#content-main .pl_service_item a h1 {
text-decoration: underline;
}
.smaller {
font-size: 0.85em;
}
.pl_service_item {
float: left;
width: 30%;
margin-right: 20px;
}
.service_text_inner u {
font-size: 1.4em;
text-decoration: none;
display: block;
padding-bottom: 0.2em;
}
.service_text_inner strong u {
color: #ff9600;
}
.service_text_inner u {
font-size: 1.4em;
text-decoration: none;
display: block;
padding-bottom: 0.2em;
}
.pl_form_header {
font-size: 1.4em;
font-weight: bold;
margin-top: 2em;
}
.pl_servise_inner_form textarea {
width: 400px;
font-family: Arial;
}
a.but_order:link,
a.but_order:hover,
a.but_order:visited{
padding: 0px 2px 0px 25px;
border: 1px solid #ABAEB3;
background: #E1E1E3 url(/images/web.peterlink/order.gif) no-repeat left center;
display: block;
color: #000;
text-decoration: none;
width: 5em;
}