html,body{
height:100%;
}
body {
margin:0;
padding:0;
background:url(../../images/bg.jpg) top center no-repeat #FFF;
font-family:Arial;
font-size:13px;
color:#343F26;
text-align:center;
}
a img{ border:none;}
h1 { font-size:16px;}
p , li , ul, h1, a, img{margin:0; padding:0;}
.container {
width:800px;
min-height:100%;
margin:0 auto;
text-align:left;
}
#in_in {margin-top:0 !important;}
.header {float:left}
/*header*/
.ico {
margin:0;
margin-top:-15px;
padding:0;
height:32px;
float:left;
}
.ico li {
padding-right:10px;
height:32px;
width:32px;
float:left;
list-style:none;
}
.ico li a {
display:block;
height:32px;
width:32px;
}
.ico li:hover {background-position: left bottom;}
.dom {background:url(../../images/dom.png) no-repeat;}
.pismo {background:url(../../images/pismo.png) no-repeat;}
.kart {background:url(../../images/kart.png) no-repeat;}
.navigation {float:left;}
#thead {height:87px; float:left;width: 100%;}
.head_middle {
color: #FFFFFF;
float: left;
font-family: "Myriad Pro";
font-size: 13px;
height: 55px;
}
.phone {
float: left;
margin: 30px 0 0 80px;
padding-right: 5px;
text-align: right;
}
#marva {
float: left;
margin: 20px 0 0 20px;
}
.phone p{
color: #F1FFD8;
font-stretch: condensed;
}
.phone span{
font-size:22px;
}
.icq {
background: url("../../images/icq.png") no-repeat scroll 0 0 transparent;
font-family: arial;
height: 25px;
margin: 10px 0 0 30px;
padding: 17px 0 0 60px;
width: 100px;
}
*html .icq {height:40px;width: 160px;}
#skype{
background: url("../../images/skype.png") no-repeat scroll 0 0 transparent;
display: block;
height: 28px;
margin-left: 64px;
padding-top: 10px;
width: 130px;
}
*html #skype {height:40px;}
#skype a{
color:#FFFFFF;
padding-left:55px;
text-decoration:none;
}
.menu {
float: left;
height: 90px;
width: 100%;
}
.studio {
background:url(../../images/studio.png) no-repeat;
padding-top:35px;
padding-left:3px;
width:130px;
height:35px;
float:left;
}
.studio p{
font-family:"Myriad Pro";
font-size:16px;
color:#FFF;
}
/*TOP MENU BEGIN*/
.nav {
background:url(../../images/menu.png) repeat-x;
float:left;
margin:15px 0 0 0;
width:577px;
}
*html .nav {
margin:15px 0 0 -3px;
}
.m_r {margin-top:15px;}
*html .m_r{ margin-left:-3px;}
.nav img {float:left; margin:0; padding:0;}
.nav li {
height:40px;
width:113px;
float:left;
list-style:none;
text-align:center;
}
.nav li a {
font-size:14px;
color:#3a3a3a;
display:block;
padding-top:10px;
height:26px;
}
.nav li a:hover{
color:#FFF;
text-decoration:none;
}
.nav li:hover{
background: url(../../images/menu_act.png) no-repeat left !important;
}
*html .nav li a:hover{
height:40px;
background: url(../../images/menu_act.png) no-repeat left !important;
}
.active {
background: url(../../images/menu_act.png) no-repeat left !important;
}
.active a {
color:#FFF !important;
text-decoration:none;
}
/*TOP MENU END*/
.logo {
width:79px;
height:69px;
background:url(../../images/logo.png) no-repeat;
margin-top:-13px;
float:left;
position:relative;
}
/*content*/
.content {
height:372px;
margin-top:-16px;
float: left;
background:url(../../images/cont_bg.png) no-repeat;
}
.content div {float:left;}
.c_left {
width:310px;
padding:10px 0 0 20px;
}
*html .c_left {
width:330px;
}
.c_left p{
color:#FFF;
font-size:18px;
padding-bottom:25px;
}
.c_left h1{
font-family:"Myriad Pro";
font-size:22px;
padding-bottom:18px;
position:relative;
}
.shadow {
color:#fff;
left:0;
position:absolute;
top:1px;
z-index:0;
position:absolute;
}
.bl {
color:#828879;
}
.kompred {
padding:10px 0 0 14px;
list-style-image:url(../../images/li.png);
}
.kompred li {
padding:3px 0;
}
.kompred li img{
margin-top:-4px;
}
.kompred li span {
color:#972902;
}
.c_middle {
width:220px;
padding:20px 0 0 25px;
}
.site {
font-family:"Myriad Pro";
font-size:38px;
position:relative;
color:#2f401a;
}
.kluch {
font-family:"Myriad Pro";
font-size:28px;
margin-top:-5px;
position:relative;
color:#2f401a;
}
.uslov {
padding:70px 0 0 10px;
list-style:none;
}
.uslov li{
font-family:"Myriad Pro";
font-size:13px;
padding:4px 0;
font-stretch:condensed;
}
.zakaz {
height:47px;
width:145px;
display:block;
background:url(../../images/zakaz.png) no-repeat;
margin:10px 0 0 25px;
}
.c_right {
width:200px;
padding:10px 0 0 25px;
}
*html .c_right {
width:220px;
padding:10px 0 0 50px;
}
.c_right p {
color:#FFF;
font-size:18px;
padding:0 0 25px 70px;
}
.sp {
font-family:"Myriad Pro";
font-size:14px;
}
.uslugi {
margin-top:15px;
}
.uslugi a {
color:#2f401a;
}
.uslugi a:hover {
color:#8d2707;
}
.uslugi h1 {
font-family:"Myriad Pro";
font-size:22px;
position:relative;
color:#2f401a;
padding:4px 0;
}
.shadow_u {
color:#fff;
left:0;
position:absolute;
top:5px;
z-index:0;
position:absolute;
}
.ceni {
background:url(../../images/ceni.png) no-repeat;
width:171px;
height:28px;
display:block;
margin:180px 0 0 28px;
}
.page {
width:100%;
margin-top:40px;
height:590px;
}
.p_left {
float:left;
width:550px;
height:520px;
background:url(../../images/p_l_bg.png) no-repeat;
}
.speak {
font-family:"Comic Sans MS";
font-size:14px;
margin:10px 0 0 40px;
width:210px;
}
.preim {
margin:60px 0 0 90px;
width:390px;
height:222px;
padding-left:35px;
background:url(../../images/numer.png) no-repeat;
}
.preim p {
padding:3px 0;
}
.usl {
font-size:13px;
margin:43px 0 0 25px;
width:500px;
color:#292929;
}
.preim img{
margin-top:-5px;
}
.p_right {
width:220px;
float:left;}
.nw {font-size:19px;}
.news {
float:left;
min-height:85px;
background:url(../../images/news.png) no-repeat;
margin-top:20px;
}
.day {
width:30px;
color:#a54928;
font-size:25px;
padding-left:5px;
float:left;
text-align:center;
}
.month {
font-size:10px;
color:#fff;
margin:2px 0 0 6px;
float:left;
width:120px;
}
.title {
padding:10px 0 0 15px;
float:left;
}
.preview_news {
display:block;
float:left;
margin:0 10px 2px 0;
}
.news_photo {
float:left;
margin:0 10px 10px 0;
}
.title {
float:left;
font-size:10px;
padding:5px 0 0 15px;
}
.title a {
font-family:arial;
font-size:11px;
color:#000;
}
.title a:hover {
color:#973b04;
text-decoration:none;
}
.predlog {
float:left;
background:url(../../images/predlog.png) no-repeat;
width:220px;
margin-top:40px;
padding:15px 0 0 25px;
}
.ok {
background:url(../../images/ok.png) no-repeat;
display:block;
height:42px;
width:96px;
margin:10px 0 0 50px;
}
.footer {
/* margin:50px 0 20px;*/
margin:40px auto 0;
width:800px;
text-align:left;
}
.footer p {
padding-bottom:8px;
}
.footer p a{
font-size:13px;
color:#455303 !important;
}
.footer ul {
float:left;
padding-right:50px;
list-style:none;
}
.footer ul li {
padding:1px 0;
}
.footer ul li a {
color:#8e8e8e;
}
.copyright {
width:100%;
float:left;
position:relative;
margin-top:-210px;
}
.footer_2 {
width:100%;
margin-top:30px;
float:left;
text-align:left;
padding-top:10px;
background-color:#f1f1f1;
}
.footer_in {
margin:0 auto;
width:800px;
}
.footer_2 a {
color:#ae4905;
}
.wrapper {
float:left;
width:760px;
padding:30px 20px 210px;
background:#FFF;
}
*html .wrapper {
width:800px;
}
.wrapper a{
color:#305ac6;
outline:none;
}
.inner {
background: url("../../images/inner_bg.png") no-repeat scroll center top transparent;
float: left;
margin-top:-16px;
height: 45px;
width: 100%;
}
.big {
font-size:20px;
margin-left:-15px;
}
.partner {
float:left;
margin:40px 50px 0 0;
width:110px;
}
.partner p {
font-size:11px;
color:#252525;
text-align:center;
}
/*menu*/
.inner ul {
width:100%;
padding-left:30px;
float:left;
}
.inner ul li{
float:left;
list-style:none;
padding-right:25px;
height:41px;
background:url(../../images/bm.png) right no-repeat;
}
.inner img{
float:left;
}
.inner ul li a{
height:42px;
float:left;
display:block;
padding-top:10px;
color:#f5f5f5;
font-size:15px;
}
.inner ul li a:hover{
text-decoration:none;
}
.sub_active {
background:url(../../images/sub_active.png) top center repeat-x;
text-decoration:none;
}
.sub_active_li {
background:url(../../images/bm_ar.png) right no-repeat !important;
}
.bm_al {
margin-left:-25px;
position:relative;
}
*html .sub_active {
margin-left:-3px;
}
/*end menu*/
/*razrabotka*/
.paket {
font-size:12px;
}
.paket td{
border-bottom:dotted 1px #808080;
border-right:solid 1px #dfdfdf;
text-align:center;
}
/*end razrabotka*/
/*portfolio*/
.item {
width:100%;
float:left;
padding:20px 0;
}
.preview {
float:left;
width:300px;
padding-top:6px;
}
.preview img{
border:none !important;
padding-bottom:20px;
}
.description {
float:right;
max-width:430px;
padding-left:30px;
}
.item_name a {
font-size:20px;
color:#631d05;
text-decoration:none;
}
.item_name a:hover {
text-decoration:none;
}
.dates {
font-size:11px;
margin-left:15px;
}
.zakazat {margin-top:20px;}
.item_url {
float:left;}
.item_url img {padding:10px 0;}
.item_type {float:left;
color:#273712 !important;
}
.url {float:left;padding:0 10px;}
.item_zakaz {margin-left:290px;}
#category {padding-left:55px;}
.other {
float:left;
padding-top:70px;
}
.other_preview {
float:left;
list-style:none;
padding-right:20px;
}
*html .other_preview {
padding-right:0px;
}
.other_preview img {
-moz-box-shadow:-5px 0 10px -5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:-5px 0 10px -5px rgba(0, 0, 0, 0.3);
box-shadow:-5px 0 10px -5px rgba(0, 0, 0, 0.3);
border:1px solid #FFFFFF;
}
.other_preview a{
display:block;
border:solid 2px #fff;
-moz-box-shadow:5px 0 10px -5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:5px 0 10px -5px rgba(0, 0, 0, 0.3);
box-shadow:5px 0 10px -5px rgba(0, 0, 0, 0.3);
}
.other_preview a:hover {
border:solid 2px #9cbd1c;
}
/*end portfolio*/
/*slider*/
#content-slider {
width:685px !important;
height:25px !important;
margin-top: 5px !important;
margin-left:53px !important;
position: relative !important;
}
*html #content-slider {
margin-top: 0px !important;
}
.ui-slider-handle {
width: 18px !important;
height: 18px !important;
position: absolute !important;
top:2px !important;
background:url(../../images/polz.png) !important;
outline:none !important;
}
#content-scroll {
width: 800px;
height:160px;
margin-top: 10px;
overflow: hidden;
}
#content-holder {
height:160px;
}
.content-item {
float:left;
height:130px;
padding:15px;
width:130px;
}
.back {
background:url(../../images/shkala.png);
height:25px;
width:800px;
}
/*end slider*/
/*forms*/
.name, .message, .email,.tematika_biznesa, #usluga {
border:1px solid #eaba99;
width:300px !important;
padding:0 !important;
}
.sait {
border:1px solid #305AC6;
width:300px !important;
padding:0 !important;
}
*html .sait {
border:1px solid #305AC6 !important;
width:300px !important;
}
*html .message,.name,.email,.tematika_biznesa, #usluga {
border:1px solid #eaba99 !important;
width:300px !important;
}
#sys_captcha {
border:1px solid #eaba99;
width:121px !important;
}
/*end forms*/
#page_header {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:14px 0 0 40px;
}
#l_a {
font-size:19px;
margin-left:18px;
}
#banner {
float:right;
}
*html .description { padding-left: 10px;}
*html .other_preview {padding-right: 5px;}