* {padding:0; margin:0}
html,body{width:100%;height:100%;margin:0;padding:0;font-size:12px;}
body{min-height:100%;height:auto !important; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#656363}

/*#header{height:550px;width:100%; background-color:#001f4e; padding-top:20px}
#content{padding-bottom:820px; background-color:#FFF}
#footer{height:270px;width:100%;position:absolute;bottom:0; background-color:#ebebeb}*/

#header {height:550px;width:100%; background-color:#001f4e}
#content{background-color:#FFF; }
#footer {height:270px;width:100%;bottom:0; background-color:#ebebeb;margin-top:20px;}

H1 {color:#1b98f2; font-size: 20px; font-weight: normal; padding-bottom: 35px;}
H2 {color:#303030; font-size: 20px; font-weight: normal;padding-bottom: 35px;}
H3 {color:#ec008c; font-size: 20px; font-weight: normal;padding-bottom: 35px;}
#footer H1 {padding-bottom: 20px!important;}
#footer H2 {padding-bottom: 20px!important;}
ul {list-style-position: inside; font-size:12px; line-height:19px}
a img {border:0}
a {color:#1b98f2}
p {padding-top:15px;}

/* HEADER
---------------------------------------------------*/
#header .container_12 {background-image: url(images/header-fon.gif);height:550px}
#header .container_12 .grid_8 {height:120px}
#header ul.up {margin-top:-20px}
#header ul.up li {float:left;list-style: none; margin-left:3px; margin-right:3px}
#header ul.up li div#punkt {width:110px; background-color: #003d76; height:95px;}
#header ul.up li div#punkt:hover,
#header ul.up li.active div#punkt
 {background-color: #00acf3; height:105px;}
#header ul.up li div#punkt a {text-decoration: none;}
#header ul.up li div#punkt a div {padding-top:65px; color:#fff; font-weight: bold; text-decoration: none;}

.slideshow div.banner {background-image: url(images/Untitled-1.jpg);background-repeat: no-repeat;margin-left:135px;}
.slideshow {z-index:1; height:380px}
.nav {position: relative;z-index:2;margin-top:-190px; width:960px}
.slideshow div.banner .img {float:left; padding-right:60px; height:380px}
.slideshow div.banner .cont {padding-left: 330px;  padding-top:40px}
.slideshow div.banner .desc pre {font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; color:#fff; line-height:45px}
.slideshow div.banner .desc ul {list-style-image:url(images/ok.png); color:#fff; font-size:14px; line-height:35px; padding-left:10px;text-align:left;}

body.ie .slideshow div.banner div.cont {padding-left: 300px;}
body.ie .slideshow div.banner div.cont div.desc {padding-left: 15px; }
body.ie .slideshow div.banner div.img {padding-left: 0px; width: 250px; float:left}

/* CONTENT
---------------------------------------------------*/
#content .container_12 {padding-top:50px}
#content ul.services {list-style:none; margin-top:-15px}
#content ul.services li {border-bottom: 1px solid #d8d8d8;padding-top: 15px; text-align: justify;}
#content ul.services li div#punkt a {color:#1b98f2; font-size: 12px; font-weight: bold; padding-bottom:19px; text-decoration: none;}
#content ul.services li div#punkt {float:left}
#content ul.services .sum {padding-bottom:15px;}
#content ul.services .price {color:#8dc63f; font-size: 12px; font-weight: bold; margin-left:245px}
body.ie #content ul.services .price {color:#8dc63f; font-size: 12px; font-weight: bold; margin-left:230px}
#content .container_12 .grid_4 h2,
#content .container_12 .grid_3 h2 {float:left}
#content .container_12 .grid_4 div.link {margin-left:230px}
#content .container_12 .grid_3 div.link {margin-left:153px}
#content p{text-align: justify;}
#content ul.news {list-style:none; margin-top:-15px}
#content ul.news li {padding-top: 15px; text-align: justify;}
span.data {color:#8DC63F; font-size:12px; font-weight:bold; padding-right:10px}
body.ie span.data {margin-left:0px}

#content ul.up {margin-top:0; margin-bottom: 20px;}
#content ul.up li {float:left;list-style: none; margin-left:3px; margin-right:3px}
#content ul.up li div#punkt {width:130px; background-color: #001f4e; height:60px;}
#content ul.up li div#punkt:hover,
#content ul.up li.active div#punkt
 {background-color: #00acf3; height:70px;}
#content ul.up li div#punkt a {text-decoration: none;}
#content ul.up li div#punkt a div {padding-top:13px; color:#fff; font-weight: bold; text-decoration: none;}

#zayavka input {padding:5px; width:173px}
#zayavka select {padding:5px; width:185px}
#zayavka textarea {padding:5px; width:230px}
#zayavka label {font-weight:bold; font-size:12px }
#zayavka #button {background-color:#1b98f2; border:0; color:#fff; font-weight:bold; width:100px; font-family:arial; cursor:pointer}

#portfolio td.price {font-size:24px; color:#ec008c; font-weight:bold}
#portfolio td span.green {color:#8dc63f; font-size:13px; font-weight:bold; padding-top:30px}
#portfolio td ul {list-style-image:url(images/ok.gif);padding-bottom:10px;padding-top:10px;}

.zitata {color:#8DC63F;font-size:17px;font-style:italic;}
.zitata_avtor {color:#1B98F2;font-size:17px;font-style:italic;}

.Services {margin-top:0;}
.Services h2 {padding-bottom: 15px;}



/* FOOTER
---------------------------------------------------*/
#footer .container_12 {padding-top:35px; padding-bottom: 20px;}
#footer .cont .img {float:left;  width:35px}
#footer .cont .text {padding-top:15px}
#footer .cont .text a {color:#1b98f2; font-weight:bold; text-decoration: none}
#footer .cont .text a:hover {color:#000}
#footer .container_12 .grid_12 {padding-top:10px}





.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;