* html body {height:100%;}

html {height:100%;}

html, body{

 min-width:1000px;

 width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
 
 max-width:1200px;

 border:0;

 margin:0 auto;

 padding:0;

 background:#fff;

 font: normal 14px/16px "Arial", sans-serif;

 color:#6a6a6a;

}

div, h1, h2 {

 margin:0;

 padding:0;}

strong{ font-weight:normal; }

.clear { clear:both; }

.float-left { float:left; }

.float-right { float:right; }

.pointer{ cursor:pointer;}

img{

 border:0;

 margin:0;

 padding:0;}

a:hover img {

 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);

 -moz-opacity: 0.5; 

 -khtml-opacity: 0.5;

 opacity: 0.7;

 filter: alpha(opacity=40);

 cursor:pointer;}

a{

 font-family:verdana,tahoma;

 font-size:12px;

 font-size:82% verdana;  

 color:#069; 

 text-decoration: none}

a:hover {text-decoration: underline;} 

 /* top */

.top-left{

 float:left;

 width:760px;

 height:241px;

 background-image:url(../images/top.gif);

 background-repeat:no-repeat;

 overflow:hidden;

 } 

 

 /* menu-right-top */

div.menu-right{

width:210px; 

height:51px;

margin-top:22px;

clear:both;}

a.menu-crea{

 background-image:url(../images/creastate.gif);

 width:210px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-crea:hover{background-position:0 -51px;}

a.menu-wide{

 background-image:url(../images/wideworldweb.gif);

 width:210px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-wide:hover{background-position:0 -51px;}

a.menu-des{

 background-image:url(../images/design4web.gif);

 width:210px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-des:hover{background-position:0 -51px;}

a.menu-art{

 background-image:url(../images/aft4webdesign.gif);

 width:210px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-art:hover{background-position:0 -51px;}



 /* polosa-pod-top */

.clear-top{

 clear:both;

 height:20px;

 padding-top:2px;

 margin-bottom:10px;}

.grey-left{

 float:left;

 height:12px;

 width:760px;

 overflow:hidden;

 background-color:#ccc;}

.blue-right{

 float:right;

 height:12px;

 width:210px;

 overflow:hidden;

 background-color:#418cb3;}



 /* menu */

div.menu{

width:191px; 

height:51px;

padding-top:10px;

clear:both;

overflow:hidden;}

a.menu-index{

 background-image:url(../images/index.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-index:hover{background-position:0 -51px;}

a.menu-portfolio{

 background-image:url(../images/portfolio.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-portfolio:hover{background-position:0 -51px;}

a.menu-calculator{

 background-image:url(../images/calculator.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-calculator:hover{background-position:0 -51px;}

a.menu-stati{

 background-image:url(../images/stati.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-stati:hover{background-position:0 -51px;}

a.menu-vacansii{

 background-image:url(../images/vacansii.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-vacansii:hover{background-position:0 -51px;}

a.menu-contacts{

 background-image:url(../images/contacts.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-contacts:hover{background-position:0 -51px;}

a.menu-cena{

 background-image:url(../images/cena.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-cena:hover{background-position:0 -51px;}

a.menu-uslugi{

 background-image:url(../images/uslugi.gif);

 width:191px;

 height:51px;

 float:left;

 background-repeat:no-repeat;

 background-position:0 0;}

a.menu-uslugi:hover{background-position:0 -51px;}

 

/* content */

div.content{

 float:left;

 padding-left:50px;

 width:516px;

 }

.p-text{

 margin:0px;

 padding-left:0px;

 padding-right:0px;

 padding-top:10px;

 padding-bottom:10px;

 text-align:justify;}

 

 /* right-block */

.right-block{

 float:right;

 width:210px;

 padding-top:10px;

 text-align:center;}

.r{

 margin:0;

 padding-bottom:24px;

 font: bold 14px/16px "Arial", sans-serif;

 color:#6a6a6a;}

  

 /* polosa-foot */

.foot-top{

 clear:both;

 height:6px;

 padding-top:10px;

 padding-bottom:10px;}

.grey-foot{

 float:left;

 height:6px;

 width:760px;

 overflow:hidden;

 background-color:#ccc;}

.blue-foot{

 float:right;

 height:6px;

 width:210px;

 overflow:hidden;

 background-color:#418cb3;} 

 

  /* foot-menu */

.foot-menu{

 clear:both;

 padding-left:10px;

 padding-bottom:10px;}

 

 

 /*  contacts */

.in-name{

 margin:0 5px 4px 0;

 padding:0;

 vertical-align:middle;

 height:16px;

 width:150px;

 border: 1px solid #ccc;}

.t-area{

 margin:0 5px 0 0;

 padding:0;

 vertical-align:top;

 height:180px;

 width:400px;

 border: 1px solid #ccc;

 font-family:verdana,tahoma;

 font-size:12px;

 font-size:82% verdana;} 

.button{

 margin:8px 2px 0 0;

 padding:1px 3px; 

 border:1px color #ccc; 

 font-family:verdana,tahoma;

 font-size:12px;

 font-size:82% verdana; 

 font-weight:bold;

 color:#069;

 cursor:pointer;

 background-color:#F8F8F8;} 

.button:hover{color:#FF6600;}



/* uslugi */

.content-uslugi{

 float:left;

 padding-left:50px;

 padding-top: 10px;

 width:516px;

 text-align:justify;

 }

h1{

 font-size:14px;

 color:#006699; 

 padding:0 0 2px 0; 

 margin:0;}

h2{

 padding:0 0 2px 0; 

 font-size:14px;

 color:#333;

 font-weight:normal;}

 

 

 

 /* portfolio */

.c{clear:both;}

.l{ float:left;}

 div.l-pad{

 float:left; 

 padding-left:20px;

 padding-bottom:4px;

 text-align:center;

 overflow:hidden;

 }

h1.ss{

 font-family:verdana,tahoma;

 font-size:22px;

 letter-spacing:0.6px;

 color:#006699; 

 padding:0 0 10px 0; 

 margin:0;}

.si{

font-family:verdana,tahoma;

font-size:9px;

letter-spacing:0,1px;

line-height:16px; 

padding:0px;

margin:0px;

text-align:center;

color:#069;

}

h1.h-raz{

 font-family:verdana,tahoma;

 font-size:18px;

 font-size:82% verdana; 

 color:#006699; 

 padding:0;

 margin:0;}

h1.raz{

font-family:verdana,tahoma;

font-size:12px; 

padding:0px;

padding-top:22px;

padding-bottom:8px;

margin:0px;

color:#069;

}

 

 

/***** ÊÀËÜÊÓËßÒÎÐ *****/ 

p.colc{

 margin:0;

 padding:0;

 width:400px;

 } 

.inherit{float:inherit;}

.v-p{

 float:right;

 vertical-align:baseline;

 position:relative; top: -14px;

 margin-bottom: -10px;

 }

b.colculator{

 vertical-align:top;

 font-weight:bold;

 }

.radioform{

 position:relative; bottom:2px;

}  

 

/* ----------- new cena ------------ */

div.content-new{

 float:left;

 padding-left:7px;

 width:516px;

 } 

.c-new{

 clear:both;

 width:570px;

 background:url(../images/top-bg.gif) 0 0 repeat-y;

 margin-bottom:10px;

 }

.c-new p{

 margin:0;

 padding:0;

 position:relative; top: -2px;

 }  

.top-s{

 width:570px;

 height:11px;

 background:url(../images/top-s.gif) 0 0 no-repeat;

 }

.top-niz{

 width:570px;

 height:24px;

 background:url(../images/top-niz.gif) 0 no-repeat;

 }

.new-left{

 float:left;

 height:110px;

 padding-left:10px;

 margin-right:10px;

 }   

.top-text{

 display:block;

 width:400px;

 height:120px;

 overflow:hidden;

 text-align:justify;

 font: normal 13px/14px "Arial", sans-serif;

 } 

.span-left{

 float:left;

 display:block;

 overflow:hidden;

 margin: 0 15px 10px 0;

 padding:0;

 }