@import url('https://fonts.googleapis.com/css?family=PT+Sans|Ubuntu');
@import url('https://fonts.googleapis.com/css?family=PT+Sans|Ubuntu&subset=cyrillic,cyrillic-ext');
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ht7, .ht3 {
	float:left;
width: 70%;margin: 2% 0;
text-align:center;
}
.ht3 {
width: 30%;
}
/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,article,fieldset,aside,input,textarea,p,blockquote,th,td,main { 
	margin:0;
	padding:0;	
	font-size:100%;
}
section,article,aside,header,main {
display: block;
}
body {font-size: 100%;
font-family: 'Ubuntu', sans-serif;
background: url(../images/stroitelnaya_ekspertiza.png) no-repeat /*top center*/;
-moz-background-size: 100%; /* 200px 400px Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ e Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Nia?aiaiiua a?aoca?u */
}
header .vcard {
	float:left;
width: 210px;margin:1%;margin-left: 10px;
}
.rg {color: #0d6382;
    float:right;margin:1%;
}
header .vcard, .rg, 
header h2 {
    color: #0d6382;
}
.center {
width: 40%;
}

header {text-align:center;
    background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);  
  filter: alpha(Opacity=40); 
}

header center { float:left;}
header h2 { font-size: 250%; top: 40px;color: #0b4c63; line-height: 75px;
}
@media screen and (max-width: 600px) {
.vcard { 
width: 320px;
}
}
@media screen and (max-width: 480px) {
body {
background: #fff no-repeat /*top center*/;
}
.vcard { width: 320px;
margin-left: 1px
}
}
@media screen and (max-width: 360px) {
.vcard { 
margin:5%;
}
}
header, header a { 
color: #0b4c63;
}


h1, h3{ text-align: center; margin: 5px;
}
h3 { font-size:150%;
}
nav, menu {
list-style-type: none;
	background-color: #E83531;
	float: right;
	height: 31px;
	margin-bottom: 5px;
	width: 100%;
	display: table;
	text-shadow: #000 1px 1px 1px;
	}

nav li, menu li{
	margin: 5px 0;
	padding: 0;
	display: table-cell;
	padding: 12px 18px 0px 15px;
	height: 29px;
	text-align: center;
	font-weight: bold;
}

menu a:hover, menu a, nav a:hover,
nav a {
	color: #FFF;
	text-decoration: none;
}

menu a:hover, nav a:hover {
	text-decoration: underline;
}

.clear {
    clear: both;
}
main {width:1320px; margin: 10px auto;
}

ul  {margin-left: 25px; 
}
section li {
    background: url("/images/ikonka.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    margin: 15px 0;
    padding-top: 20px;
    padding-left: 40px;
}
ol  {margin-left: 25px; font-size:150%;
font-size:150%;
}
ol li {margin: 15px;
}

p {
font-size: 100%;
font-family:sans-serif;
text-align: justify; 
line-height: 25px;
padding-top: 0.2em; margin: 20px;
}


.left_aside a {
    text-decoration: none;
color: #000;
}
/* 
.left_aside article {
border: solid #1ac1ef;
}
*/
.left_aside {position: relative;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
}
article { background: #fff;
margin: 0;
}
article ul li {margin: 20px; font-size: 100%;
}
ul {list-style-type: none;
}



section{position: relative;
  float: left;
  width: 50%;
  margin: 0 0 20px 0;
  padding: 0;
}

.righ_aside {position: relative;
background: #fff;
  float: right;
  width: 25%;
  margin: 0;
  padding: 0;
}
.righ_aside article {
background: #0047ab;
color: #fff;
width: 90%;
  margin: 0 auto;
}


hr { margin:10px;
}


@media screen and (max-width: 1320px) { main { width: 100%;}} 
@media screen and (max-width: 1100px) { 
section { width: 74%; float: right;}
.left_aside {width: 26%;} 
.righ_aside {width: 100%; margin: 10px 0; }
}  

@media screen and (max-width: 800px) { 
section { width: 70%; }
.left_aside {width: 30%;}
} 
@media screen and (max-width: 600px) { 
section { width: 100%; }
.left_aside {width: 100%; margin-bottom: 10px;}
.left_aside ul {width: 45%; float: left;}
}  

@media screen and (max-width: 640px) {
.left_aside article {margin: 2px;
}
.left_aside article ul {margin-left: -10px;
}
}

@media screen and (max-width: 480px) {  
.left_aside  li { margin: 25px; border-bottom: none;} 
.left_aside  li:pli {width: 27%; border-right: none;} 
.left_aside  a {text-align: center;padding-left: 0;}
.left_aside ul {width: 95%;}

nav li, menu li {
    display: block;
width: 100%; 
}
}


.klienti { margin: 0 auto;
width: 90%;
}
.klienti img { 
height: 120px; float: left;width: 15%;
}
@media screen and (max-width: 800px) {
.klienti img { 
height: 90px; 
}
}
@media screen and (max-width: 600px) {
.klienti img { 
height: 70px; 
}
}
@media screen and (max-width: 480px) {
.klienti img { 
width: 45%;height: 120px; 
}
}

.fa-ul   {font-size: 120%;
}
.fa-ul li   {margin: 10px;
}

i  {margin: 5px;
color: #1ac1ef;
}
.fa-border {
border: solid #1ac1ef;
}
@media screen and (max-width: 1800px) {
.fa-pull-left { text-align: center;
  margin: 10px 20px 10px 30px;
width: 60%;	
}
}
@media screen and (max-width: 980px) {
.fa-pull-left { 
margin: 1px;
width: 10%;	
}
}
table.price{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8em;
    font-style: normal;
    border-collapse:separate;
}

.price thead th{
    padding:18px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:2px solid #EBEEF3;
    background-color:#0080FF;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, rgb(36,98,223)),
        color-stop(0.61, rgb(76,125,235)),
        color-stop(0.77, rgb(57,115,232))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(36,98,223) 5%,
        rgb(76,125,235) 61%,
        rgb(57,115,232) 77%
        );
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius:8px 8px 0px 0px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.price tbody th{
    color:#fff;
    background-color:#1C52BF;
    border:1px solid #93CE37;
    padding:10px 15px;

    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

.price tbody td{
    padding:10px;
    text-align:center;
    background-color:#f1da36;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
}

.price tbody td:hover {
    background: #ff0084;
	color:#fff;
	text-shadow:1px 1px 1px #000;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}