4/* только для Internet Explorer */
@font-face {
   font-family: Cuprum;
   src: url(font/cuprum-regular-webfont.eot);
}

@font-face {
  font-family: Cuprum; /* имя шрифта для CSS правил */
  src: local("Cuprum"), /* проверяем наличие шрифта в ОС пользователя */
    url(font/Cuprum-Regular.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }

html,body,div,span,applet,input,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,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;font-family:Arial;font-size:12px;color:#7b8f9d}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
img{border:0}

body {background:url('../img/bg.gif');min-width:1000px;}

#wraper {min-height:334px;}
#wraper, #topmenu, #topline div, .fcontent, .wraper {margin:0 auto;width:970px;}
#topline {height:48px;background:#04395f;vertical-align:middle;padding:10px 0}
#topline span {display:inline-block;margin-left:10px;background:url('../img/mail.gif') left center no-repeat;padding-left:25px;padding-top:9px;height:30px;color:#ffffff;}
#topline span, #topline span a, #topline p, #topline p i {font-style: normal;font-size:16px;color:#ffffff;font-family:Cuprum, Myriad Pro, Arial}
#topline span a {margin-right:7px;text-decoration:none;border-bottom:solid 1px #2588cd}
#topline span a:hover {border:0}
#topline p {display:inline-block;float:right;margin-top:16px;margin-right:15px;}
#topline p i {color:#4aa8d4;}

#head {height: 391px;background-color:#4aa8d4;width:100%;overflow:hidden}

.transit {-webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1.5s;
    transition: all ease-in-out 1.5s}
.notransit {
	-webkit-transition: none;
    -moz-transition: none;
    transition: none
}
#slider {width:310%;height:342px;overflow:hidden;position:relative;min-width:3100}
#slider li {display:inline-block;width:33%;height:345px;min-width:1023px}
#slide1 {background:url('../img/bg-1.jpg') center top no-repeat;background-size:100% auto;}
#slide2 {background:url('../img/bg-2.jpg') center bottom no-repeat;background-size:100% auto;}
#slide3 {background:url('../img/bg-3.jpg') center bottom no-repeat;background-size:100% auto;}

#wraper {z-index:2;position:relative}
#headline {height:50px;background:url('../img/headline.gif');position:relative;text-align:center;}
#headline ul li {display:inline-block;padding:3px 10px;margin:0 20px;height:20px;text-align:center;}
#headline ul li a {text-decoration:none;color:#ffffff;font-size:18px;font-family:Cuprum, Myriad Pro, Arial}
#headline ul li a:hover {text-decoration:underline}

#topmenu {height:71px;padding-top:30px;background:url('../img/bg-topmenu.jpg');position:relative;z-inex:5}
#topmenu img {margin-left:15px;width:212px;height:49px;}
#topmenu div {margin-left:10px;display:inline-block;height:27px;width:140px;border-left:solid 1px #ffffff;color:#ffffff;padding:10px;vertical-align:top;}
#topmenu ul {display:inline-block;vertical-align:top;margin-left:30px;float:right}
#topmenu ul li {display:inline-block;padding:0 10px;margin:0 20px;height:26px;text-align:center;}
#topmenu ul li:hover {margin-top:-1px;background:#52b000;border-top:solid 1px #97d066;-moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;}
#topmenu ul li a {text-decoration:none;color:#ffffff;font-size:18px;font-family:Cuprum, Myriad Pro, Arial}

#main {border-top:solid 1px #fff;background:#fff;-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;padding-bottom:20px;margin:-7px 0 0 -1px;width:970px;}

#sidebar {margin-bottom:40px;}
#content, #c-main {border-top:solid 5px #0e65a4;    
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  width:910px;float:right;background:#fff;padding:15px 30px 40px 30px;position:relative;margin-bottom:40px;margin-top:20px}
.top {height:10px;width:650px;float:right;margin-top:25px;margin-right:-5px;background:url('../img/content.gif') left -19px no-repeat;}
.bottom {height:15px;width:650px;margin-bottom:40px;margin-left:-30px;position:absolute;bottom:0;margin-bottom:0;background:url('../img/content.gif')}

#c-main {width:565px;}

#c-main .left, #c-main .right {width:48%;text-align:justify;color:#8f8f8f;font-size:13px;}
#c-main .left a, #c-main .right a {color:#0e65a4}
#c-main .left a:hover, #c-main .right a:hover {text-decoration:none;}
#c-main .left {float:left;}
#c-main .right {float:right;}
#c-main p {display:block;font-size:18px;color:#3ea108;width:100%;border-bottom:solid 1px #cfe0ed;margin-bottom:17px;padding-bottom:10px;font-family:Cuprum, Myriad Pro, Arial}
#c-main h1 {color:#0e65a4;font-size:24px;font-weight:normal;margin-bottom:3px;font-family:Cuprum, Myriad Pro, Arial}

#sidebar {width:315px;float:left;height:300px;}
#sidebar h4, #sidebar h3 {font-family:Cuprum, Myriad Pro, Arial;font-weight:normal;}
#sidebar h4 {font-size:24px;display:block;width:100%;border-bottom:solid 1px #0e65a4;padding-bottom:5px;margin-bottom:17px;}
#sidebar h3 {float:left;display:block;font-size:16px;}
#sidebar .block {padding-bottom:20px;margin-bottom:20px;background:url('../img/block.gif') bottom repeat-x;}
#sidebar .block p {font-size:10px;color:#4d4d4d;float:right;margin-top:4px;margin-right:3px;}
#sidebar .block div {clear:both;margin-top:5px;}
#sidebar .block img {float:left;margin-right:5px;border:solid 1px #0e65a4;}

#footer {clear:both; height:185px;background:url('../img/bg-footer.gif') bottom repeat-x #2f7ab0;}
.ftopline {height:10px;background:#3ea108}
#footer .copyright {width:310px;float:left;height:80px;background:url('../img/watermark.png') top left no-repeat;padding-top:65px;font-size:11px;color:#dcebf5}
#footer ul {width:100px;margin-left:350px;margin-top:20px;height:135px;padding-top:1px;}
#footer ul li {margin-top:10px;}
#footer ul li a {color:#b5d3e9;font-size:12px;}
#footer ul li a:hover {text-decoration:none}
#footer .contact {width:310px;float:right;height:140px;font-size:12px;color:#dcebf5;text-align:right;padding-top:5px;}
#footer .contact a {font-size:12px;color:#dcebf5;}
#footer .contact a:hover {text-decoration:none;}

#buy, #techno, #vantage {width:265px;height:280px;text-align:center;}
#vantage {float:left;margin-left:33px;padding-right:27px;background:url('../img/devider.gif') right top no-repeat;}
#techno {margin:0 auto;margin-top:20px;}
#buy {float:right;margin-right:38px;background:url('../img/devider.gif') left top no-repeat;width:255px;padding-left:30px;}

#main #vantage h3, #main #buy h3, #main #techno h3 {font-family:Cuprum, Myriad Pro, Arial;font-size:24px;font-weight:normal;text-transform:uppercase;margin-bottom:25px;color:#425d71;}

#vantage .icon, #techno .icon, #buy .icon {width:142px;height:146px;margin:0 auto;margin-bottom:20px;}
#vantage .icon {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') 0 0;margin-top:20px;}
#techno .icon {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') -142px 0}
#buy .icon {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') -284px 0;margin-top:20px;}
#vantage .icon:hover {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') 0 -146px;margin-top:20px;}
#techno .icon:hover {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') -142px -146px}
#buy .icon:hover {background:url('http://pvc-recycling.com.ua/uploads/1358971690_icons.gif') -284px -146px;margin-top:20px;}

.side {width:280px;float:left;height:300px;margin:20px 10px 10px 20px;}
.side h4, .side h3 {font-family:Cuprum, Myriad Pro, Arial;font-weight:normal;color:#425d71}
.side h4 {font-size:24px;display:block;width:100%;border-bottom:solid 1px #0e65a4;padding-bottom:5px;margin-bottom:17px;}
.side h3 {float:left;display:block;font-size:16px;}
.side .block {padding-bottom:20px;margin-bottom:20px;background:url('../img/block.gif') bottom repeat-x;}
.side .block p {font-size:10px;color:#4d4d4d;float:right;margin-top:4px;margin-right:3px;}
.side .block div {clear:both;margin-top:5px;}
.side .block img {float:left;margin-right:5px;border:solid 1px #0e65a4;}

#main #content {background:url('../img/devider.gif') left 30px no-repeat;min-height:400px;}
#content h2 {font-family:Cuprum, Myriad Pro, Arial;font-weight:normal;color:#425d71;font-size:24px;text-align:center}

.pricetable {margin-top:20px;width:100%;text-align:center}
.pricetable th {color:#0e65a4;font-size: 24px;font-weight: normal;padding-bottom: 15px;font-family: Cuprum, Myriad Pro, Arial;}
.pricetable td {font-size:14px;padding:15px 0;color:#0e65a4;}
.al {text-align:left}
.faded {background:#e5ecf1}
.pricetable strong {font-size:18px;color:#0e65a4;}

#video {float:left;margin-top:20px}

.short-story h2 {
	text-align: left !important;
	display: inline;
}
.short-story a:hover {
	text-decoration: none;
}
.short-story div {
	font-size: 1.2em !important;
	line-height: 1.3;
}
.short-story img {
	margin: 4px 10px 0 0;
}
.short-story {
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #84C361;
}
.full-story div {
	font-size: 1.25em;
	line-height: 1.5;
}
.full-story h1 {
	font-size: 32px;
	margin-bottom: 10px;
}