/* Название сайта: ХХХ Начало разработки: 2009.хх.хх Верстальщик: G.Kozlovski */ /*------------------DEFAULTS------------------*/ /*standart*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;} #site {min-height:100%; height:100%; margin:0px auto; font:12px Arial;} html {height:100%; background:url(../images/html.jpg) left top repeat-x #fff;} table {border-collapse:collapse; border-spacing:0;} /* ul {list-style:none;} */ :focus {outline:0;} div {zoom:1;} /*links*/ a {text-decoration:underline; cursor:pointer; color:#fe0000;} a:hover {text-decoration:none;} a img {border:0px;} a.floatLeft {margin:0px 15px 25px 0px; text-align:center; color:#000;} a.border img {border:1px solid #000; margin-right:15px;} a.border { text-decoration:none;} .prev:hover, .next:hover {color:#f00;} .prev, .next {color:#000;} .prev {padding-left:20px; background:url(../images/prev.gif) left 5px no-repeat; margin-right:60px;} .next {padding-right:20px; background:url(../images/next.gif) right 5px no-repeat;} #text .gallery li {*width:200px; min-height:135px; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 10px 20px; zoom:1; *display:inline; _height:135px; background:none; padding:0px; text-align:center;} /*hacks*/ .clear {clear:both; height:1px; overflow:hidden;} .zoom1 {overflow:auto;} .hidd {display:none;} /*text align*/ .tal {text-align:left;} .tar {text-align:right;} .tac {text-align:center;} .taj {text-align:justify;} /*floats*/ .floatLeft { float:left; width:160px; height:230px; margin:0px 10px 40px 5px;} .floatLeft img{ border:1px solid #f6e7e7;} .floatLeft img:hover{ border:1px solid #D1D1D1; } .floatRight {float:right;} .floatCenter {margin:0px auto;} /*colors*/ .red {color:#f00;} .blue {color:#0072ff; font-size:16px;} .pink {color:#ff0090; font-weight:bold;} /*------------------MARKING------------------*/ /*main*/ #main {width:1000px; min-height:100%; _height:100%; margin:0px auto;} /*header*/ #header {height:185px; position:relative;} .arrow {background:url(../images/arrow.gif) 120px 115px no-repeat;} /*content*/ #container {width:100%;} #content {width:100%; float:left;} /*three collumns*/ #text {margin:0px 250px 0px 220px;} #text.index {margin:0px;} #text.porfolio {margin:40px 320px 0px 50px;} #text.porfolio p {font-size:16px;} /*two collumns*/ #text1 {margin:0px 270px 0px 0px;} #text1.porfolio {margin:40px 0px 0px 50px;} #text1.porfolio p {font-size:14px;} /*footer*/ #footer {height:195px; background:url(../images/footer.jpg) left 33px repeat-x;} /*------------------CONTENT------------------*/ #text {font-size:14px; line-height: 130%;} #text p {margin-bottom:10px; font-size:14px; line-height: 130%;} #text1 p {margin-bottom:10px; font-size:14px; line-height: 130%;} #text .small, #text .small p, #text1 .small, #text1 .small p {font-size:18px;} #text .small p, #text1 .small p {float:left; padding-right:20px;} #text .small, #text1 .small {margin-top:-20px; overflow:auto;} #text .small a, #text1 .small a {color:#ff0090; text-decoration:none; float:left; background:url(../images/small.gif) left bottom repeat-x; padding-bottom:1px;} #text .small a:hover, #text1 .small a:hover {color:#515050; background:url(../images/small-h.gif) left bottom repeat-x;} #text table, #text1 table {margin:10px 0px 20px;} #text td, #text th, #text1 table td, #text1 table th {border:1px solid #2983eb; padding:3px 5px;} #text th, #text1 th {background:#94c1f5; color:#0e427b; font-weight:normal;} #text td,#text1 table th {} #text ol, #text1 ol {margin:10px 0px 15px 2.5em;} #text ol li, #text1 ol li {} #text ul, #text1 ul {margin:10px 0px 15px 20px; font-size:14px;} #text ul li, #text1 ul li {zoom:1; list-style:square; padding-left:5px;} #text ul li.pink , #text1 ul li.pink{background:url(../images/ul-li.gif) left 5px no-repeat; padding-left:25px; margin-left:-20px; zoom:1; list-style:none;} #text ul li.pink span,#text1 ul li.pink span {color:#ff0090; font-weight:bold;} .portfolio_about{ width: 650px; } /*left part*/ #left { float:left; width:200px; margin-left:-100%; padding:280px 20px 10px 10px;} .otziv_title {font-size:14px; font-weight:bold; color: #4E4E4E;} .left_grey{ width:198px; margin-top:15px; padding:5px 10px 25px 10px; background:#e8e8e8 url(../images/note.jpg) no-repeat left bottom; } /*right part*/ #right { float:left; width:200px; margin-left:-230px; padding:280px 0px 10px 10px; color: #303030;} #right1 { float:left; width:250px; margin-left:-270px; padding:40px 0px 10px 10px; } #right .date{ color: #978E82; font-size: 11px; } .order{ text-align:center;} .order a{text-decoration:none; font-size:12px; color:#ff0090; background:url(../images/pinkline.jpg) repeat-x left bottom; padding:5px 0px 2px 0px;} .order a:hover{background:none;} .red_line{padding:0px!important; margin-bottom:15px; width:250px;} .dew{ font-size:20px;} /*------------------DEFAULT BLOCKS------------------*/ /*logo*/ #logo {position:absolute; left:50px; top:50px;} #logo a {color:#f00; text-decoration:none; font:bold 30px "Times new roman";} /*min-panel*/ #min-panel {} #min-panel a {display:block; float:left; width:30px; height:30px;} #min-panel #home {background:url(../images/home.gif) left top no-repeat;} #min-panel #home:hover {background:url(../images/home-h.gif) left top no-repeat;} #min-panel #mail {background:url(../images/mail.gif) left top no-repeat;} #min-panel #mail:hover {background:url(../images/mail-h.gif) left top no-repeat;} /*feedback*/ #feedback {width:400px; margin-bottom:50px;} #feedback label {color:#656167;} #feedback input.text, #feedback textarea {width:400px; border:1px solid #b3b9c3; margin:2px 0px 10px; color:#344a8a;} #feedback textarea {height:100px;} #feedback img {float:right;} #feedback input.submit {float:right;} /*listing*/ #listing {margin:15px 0px 30px; padding-bottom:3px;} #listing span {padding:0px 3px; color:#2983eb;} #listing a {text-decoration:none; color:#000; padding:0px 3px;} #listing a:hover {color:#2983eb;} #listing a.back-list, #listing a.forward-list {text-decoration:underline; color:#000;} #listing a.back-list:hover, #listing a.forward-list:hover {text-decoration:none; color:#142e8f; border:0px;} /*gallery*/ #text .gallery li {width:200px; min-height:135px; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 10px 20px; zoom:1; display:inline; _height:135px; background:none; padding:0px; text-align:center;} .gallery li img {border:1px solid #cfcfcf; margin-bottom:10px;} .gallery li span {width:150px; display:block; margin:0px auto;} .gallery li a {display:block;} /*menu*/ .folding {margin:0px 0px 20px 25px;} .folding li {padding-left:15px; background:url(../images/folding-li.gif) left 5px no-repeat;} .folding li a {color:#00377a; text-decoration:none;} .folding li.opened a, .folding li a:hover {color:#176ed8;} .folding ul {margin:5px 0px;} .folding li li, .folding li.opened li {padding-left:7px; background:url(../images/folding-li-2.gif) left 6px no-repeat;} .folding li li a, .folding li.opened li a {color:#00377a; text-decoration:underline;} .folding li.opened li.opened a, .folding li.opened li a:hover, .folding li li a:hover {color:#b45d15; text-decoration:none;} /*news*/ .news-block {overflow:auto; margin:0px 0px 20px;} .news-block img {float:left; margin:0px 10px 10px 0px; border:1px solid #c1c1c1;} .news-block p {margin-left:140px;} /*------------------OTHER BLOCKS------------------*/ /*header*/ #top-menu {text-align:center; padding-top:80px;} #top-menu li {display:inline; margin:0px 10px;} #top-menu li a {display:inline; font:16px Tahoma; color:#000;} #top-menu li a:active {display:inline; font:16px Tahoma; color:red;} .way {position:absolute; left:300px; top:150px; font-size:14px;} .way a {color:#f00; font-size:14px;} .way strong {font-size:14px;} /*content*/ #order {} #order label {width:210px; display:block; float:left; font:15px Arial; padding-top:5px;} #order .text, #order textarea, #order select {width:360px; display:block; float:left;} #order .text {height:22px; margin-bottom:20px; border:1px solid #d9409c; background:url(../images/input.gif) left top repeat-x; color:#f00; font: 14px Arial;} #order select {margin:10px 0px 20px;} #order textarea {border:1px solid #535353; height:125px; color:#f00;} h1, h3, h5 {color:#7f3718;} h2, h4 {color:#2983eb;} h2, h3, h4, h5 {margin:15px 0px 10px;} h1 {font-size:18px; margin-bottom:20px;} h2 {font-size:16px; color:#4e4e4e;} h3 {font-size:14px;} h4 {font-size:13px;} h5 {font-size:12px;} .head {border-bottom:1px dotted #000; float:left; clear:both; font-size:14px; margin-bottom:20px;} .categories {width:800px; margin:0px auto; overflow:auto; zoom:1;} .categories div {width:400px; float:left; text-align:center;} .categories div a {color:#000; font:bold 16px Arial;} .categories div a:hover {color:#f00;} .categories div a img {display:block; margin:0px auto; border:0px;} .contacts {font-size:16px; width:500px; margin:20px auto;} .contacts strong {font-size:15px;} .contacts table.about { width:100%; } .contacts table.about tr td { border:none!important; } .contacts li{ font-size:15px; } .contacts strong{ font-weight: 200; } #wrap{ } /*footer*/ .footer-in {width:1000px; margin:0px auto; position:relative; } .footer-in p {margin-left:450px; font-size:18px; text-align:right;} .footer-candy {width:103px; height:58px; background:url(../images/footer-candy.png); float:right;} .footer-in span {display:block; text-align:center; clear:both; padding-top:50px;} .bracket {float:left;color:#a5a5a5; font-weight:bold; font-size:12px; } .bracket table tr td{ vertical-align:top!important;} .bracket p {text-align:left; margin:0px;} .bracket p.development {text-align:left;color:#a5a5a5; padding:4px 10px 0px 0px!important; font-weight:bold; font-size:12px; } .bracket p.candy {color:#ff0000; font-weight:bold; padding:22px 0px 0px 10px!important; font-size:16px; } .bracket_img{ height:68px; width:24px; background:url(../images/skobka.png) no-repeat top right;} .footer_center{float: left; width: 500px; text-align: center; padding: 50px 0px 0px 0px;} /*forma with plus*/ .side_left {background:url(../images/grey_side.jpg) repeat-y left top;} .side_right {width:5px; background:url(../images/right_side.jpg) repeat-y left top;} .side_top{background:url(../images/top_side.jpg) repeat-x right bottom; } .left_bot_corner {width:2px; height:11px; background:url(../images/left_bot_corner.jpg) no-repeat;} .right_bot_corner {width:2px; height:11px; background:url(../images/right_bot_corner.jpg) no-repeat;} .right_top_corner {width:2px; background:url(../images/right_top_corner.jpg) no-repeat left bottom;} .bottom_side {background:url(../images/bottom_side.jpg) repeat-x;} .plus{ padding:0px; width:5px;background:url(../images/plus.jpg) no-repeat;} .title_service {width:180px;} .img_port{ margin-bottom:35px!important;} .img_port img { border:1px solid #000;} .gal{ float:left; width:186px; height:230px; margin:0px 25px 40px 10px;} .gal p{ text-align:center; padding-left:25px; font-size:12px!important;} .gal a{ text-align:center; padding-left:10px;} .gal img{ border:1px solid #fff;} .gal img:hover{ border:1px solid #D1D1D1; } .date{ color: #978E82; font-size: 11px; } #author{ margin: 30px 0px 10px 0px; text-align: left; color: #000; font-size: 14px; } #author img{ margin: 0px 0px -3px 0px; } /*order*/ .red{ background: red; color: #fff; font-size: 11px; } .green{ background: green; color: #fff; font-size: 11px; } .big_green{ background: green; color: #fff; font-size: 14px; padding: 10px; } .big_red{ background: red; color: #fff; font-size: 14px; padding: 10px; } .grey{ background: #8C8D8C; color: #fff; font-size: 11px; } #result_send{ margin: 10px 0px 10px 0px; } A.order {color: #c01b89; text-decoration: none; padding: -8px; background: url('../images/small.gif') 0 1.1em repeat-x;} A.order:hover {color: #c01b89; background: url('../images/small-h.gif') 0 1.1em repeat-x;}