<h1 style="text-align: center;"><img title="24 копи центр" src="/files/images/24-COPY.jpg" alt="24 копи центр" /></h1>
<h3 style="text-align: center;"><span style="font-weight: normal;"><span style="font-size: 1.5em;">Крупнейший поставщик оригинальных и совместимых расходных материалов для печати,<br /></span><span style="font-size: 1.5em;">представляющий продукцию всемирно известных брендов.</span></span></h3>
<span style="font-size: 1.5em;"> </span>
<p style="text-align: center;">&nbsp;</p>
<blockquote>
<h3 style="text-align: center;"><span style="font-weight: normal;"><span style="font-size: 1.5em;">Мы предлагаем розничные &nbsp;и оптовые поставки расходных материалов для лазерных,&nbsp;струйных и матричных принтеров, плоттеров,&nbsp;копировальных аппаратов&nbsp;и многофункциональных устройств ведущих фирм-производителей:</span></span>&nbsp;</h3>
<p><span style="font-size: 1em;"><br /></span></p>
</blockquote>
<table style="height: 50px; text-align: center;" border="0" cellspacing="10" cellpadding="10" frame="void" rules="none" align="center">
<caption></caption> 
<tbody>
<tr>
<td><img title="canon" src="/files/images/canon.jpg" alt="canon" /></td>
<td><img title="hp" src="/files/images/hp.jpg" alt="hp" /></td>
<td><img title="epson" src="/files/images/epson.jpg" alt="epson" /></td>
<td><img title="lexmark" src="/files/images/lexmark.jpg" alt="lexmark" /></td>
<td><img title="samsung" src="/files/images/samsung.jpg" alt="samsung" /></td>
</tr>
</tbody>
</table>
<h3 style="text-align: center;"><span style="font-size: large; font-weight: normal;">CANON, HEWLETT PACKARD (HP), EPSON, LEXMARK, SAMSUNG</span></h3>
<br class="_mce_marker" /> 
<table style="height: 50px; text-align: center;" border="0" cellspacing="10" cellpadding="10" frame="void" rules="none" align="center">
<caption></caption> 
<tbody>
<tr>
<td><img title="xerox" src="/files/images/xerox.jpg" alt="xerox" /></td>
<td><img title="oki" src="/files/images/oki.jpg" alt="oki" /></td>
<td><img title="panasonic" src="/files/images/panasonic.jpg" alt="panasonic" /></td>
<td><img title="brother" src="/files/images/brother.jpg" alt="brother" /></td>
<td><img title="ricon" src="/files/images/ricon.jpg" alt="ricon" /></td>
</tr>
</tbody>
</table>
<h3 style="text-align: center;"><span style="font-size: large; font-weight: normal;">XEROX, OKI, PANASONIC, BROTHER, RICOH,</span><span style="font-weight: normal; font-size: 1em;">&nbsp; и др..&nbsp;</span></h3>
<p style="text-align: center;">&nbsp;</p>
<div id="content">
<div id="container">
<div id="box" class="hvr-shutter-out-horizontal"><span style="font-family: helvetica;">ДИЗАЙНЕРСКИЕ<br/>И СПЕЦИАЛЬНЫЕ БУМАГИ</span></div>
<div id="box" class="hvr-shutter-out-horizontal"><span style="font-family: helvetica;">ОФИСНЫЕ БУМАГИ</span></div>
<div id="box" class="hvr-shutter-out-horizontal"><span style="font-family: helvetica;">БУМАГА ДЛЯ ПОЛИГРАФИИ</span></div>
<div id="box" class="hvr-shutter-out-horizontal"><span style="font-family: helvetica;">ДЛЯ ПРОФЕССИОНАЛЬНОЙ<br />ЦИФРОВОЙ ПЕЧАТИ</span></div>
<div id="box" class="hvr-shutter-out-horizontal"><span style="font-family: helvetica;">ГАРАНТИЙНЫЕ<br/>ОБЯЗАТЕЛЬСТВА</span></div>
</div>
</div>
<p style="text-align: center;">Неизменное качество продукции, квалифицированные специалисты, комплексный подход к решению задач клиента, защита интересов наших партнеров, позволяют нам занимать ведущее место на рынке.</p>
<div class="wrap"><a class="button blue" href="http://www.24copy.ru/zadat-vopros.html">ЗАДАТЬ ВОПРОС</a></div>ищшчhtml, body {
	height:100%;
}
body {
	min-width:1004px;
	margin:0;
	font-family:Arial;
	font-size:14px;
	behavior:url(/templates/main/js/csshover.htc);
	_width: expression(document.documentElement.clientWidth < 1004 ? "1004px" : "auto");
}
h1
{
margin:0;
font-size:16px;
}
form {
	padding:0;
	margin:0;
}
img {
	border:0;
}
a {
	color:#517f51;
}
a:visited {
	color:#b6b6bb;
}
a:hover {
	color:#60ca32;
}
#content li {
	list-style-type:square;
}
#page {
	background:url(/templates/main/images/head_bg.gif) repeat-x;
}
#min_frame {
	position:relative;
	height:0;
	font-size:0;
}
#head {
	position:relative;
	height:215px;
	background:url(/templates/main/images/head_lbg.jpg) no-repeat;
}
#logo {
	float:right;
	margin:24px 22px 0 0;
	display:block;
	width:324px;
	height:138px;
	background:url(/templates/main/images/logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/main/images/logo.png');
}
#head form {
	position:absolute;
	top:185px;
	right:10px;
	width:350px;
}
#head p {
	position:absolute;
	top:185px;
	right:10px;
	width:350px;
        color:#252924;
	font-family:Tahoma;
	font-size:11px;

}
#head form * {
	float:left;
}
#head form label {
	display:block;
	font-family:Tahoma;
	font-size:11px;
	padding:2px 10px 0 0;
	color:#252924;
}
#head form input {
	width:95px;
	margin-right:12px;
	font-family:Tahoma;
	font-size:11px;
	border:1px solid #000;
}
#head form input#login_btn {
	position:relative;
	width:25px;
	height:31px;
	border:0;
	margin-top:-5px;
	background: url(/templates/form_email/images/login_btn.jpg);
}
#nav {
	position:relative;
	height:31px;
	background:url(images/nav_bg.gif) repeat-x;
        z-index:90;
}
#nav ul {
	position:absolute;
	left:45%;
	width:1200px;
	padding:0;
	margin:0;
	margin-left:-480px;
}
#nav ul li {
	float:left;
	position:relative;
	height:25px;
	list-style:none;
	font-weight:bold;
	font-size:13px;
	padding:6px 38px 0 38px;
	background:url(images/dots.gif) repeat-y;
}
#nav ul li.first {
	background:none;
}
#nav ul li.lbg , #nav ul li.rbg {
	padding:0;
	width:57px;
	height:31px;
	background:url(images/nav_lbg.jpg) top right no-repeat;
}
#nav ul li.rbg {
	background:url(images/nav_rbg.jpg) no-repeat;
}
#nav ul li a {
	text-decoration:none;
	color:#fff;
}
#nav ul li a:hover {color:#999999;}

#nav ul li:hover ul {
	display:block;
}
#nav ul li ul {
	display:none;
	position:absolute;
        z-index:100;
	margin:0;
	padding:0;
	top:31px;
	left:0;
	width:150px;
	border:1px solid #dff8d5;
	border-top:none;
	background:#7de450 url(images/menu_bg.gif) repeat-x;
}
#nav ul li ul li {
	width:125px;
	height:auto;
	padding:1px 10px 3px 15px;
	margin:0;
	font-size:12px;
	color:#fff;
	background:url(images/menu_sep.gif) 0 100% repeat-x;
       z-index:110;
}
#nav ul li ul li a {
	padding:0;
	margin:0 0 0 6px;
}
#nav_line {
	padding:12px 280px 0 20px;
	font-family:Georgia;
	font-size:11px;
	color:#4cb61e;
}
#nav_line a {
	text-decoration:none;
	color:#4cb61e;
}
#search {
	position:absolute;
	top:265px;
	right:20px;
}
#search * {
	float:left;
}
#search input.input_text {
    max-width: 170px;
}
#search img {
	margin-left:10px;
}
.search {
	width:133px;
	border:1px solid #5484bd;
	font-family:Tahoma;
	font-size:11px;
}
#print
{
	position:absolute;
	top:265px;
	right:250px;
        width:133px;


}
/*#print * {
	float:left;
}*/
#print a
{
       font-size:10px;
}
/*#search * {
	float:left;
}*/
#search img {
	margin-left:10px;
}
.search {
	width:133px;
	border:1px solid #5484bd;
	font-family:Tahoma;
	font-size:11px;
}
#lclmn {
	float:left;
	position:relative;
	width:194px;
	margin-top:20px;
}
.sale_title {
	position:absolute;
        z-index:0;
	margin-top:-70px;
	padding:26px 0 0 38px;
	width:258px;
	height:62px;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	background:url(images/title_sale.jpg) no-repeat;
}
.sale_title a{
	color:#fff;
}
.news {
	position:relative;
	padding-left:15px;
	font-family:Tahoma;
	font-size:11px;
	color:#028f02;
}
.uslugi {
	position:relative;
	padding-left:5px;
	font-family:Tahoma;
	font-size:11px;
	color:#028f02;
}
.uslugi a {
	color:#028f02;
}
.news p {
	margin:0;
	padding:5px 0;
}
.news a {
	color:#028f02;
}
.n_title {
	font-family:Georgia;
	font-weight:bold;
	font-size:14px;
	color:#d73135;
}
.subscribe {
	height:15px;
	padding:38px 0 0 20px;
	margin-top:10px;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:underline;
	background:url(images/subscribe.jpg) no-repeat;
}
#lclmn form {
	padding:7px 0 2px 20px;
}
.sub_inp {
	float:left;
	width:142px;
	font-family:Georgia;
	font-size:11px;
	border:1px solid #353f31;
}
.sub_btn {
	width:20px;
	border:0;







	margin-left:5px;
	_margin-left:0;
	background:#fff;
}
.sub_dismiss {
	font-family:Tahoma;
	font-size:10px;
	margin-left:20px;
	color:#d73135;
}
.path {
	width:150px;
	height:36px;
	padding:9px 0 0 40px;
	margin-top:30px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	background:url(images/l_title.jpg) no-repeat;
}
.path a{
	color:#fff;
}

.path1 {
	position:absolute;
	margin-top:-50px;
	padding:10px 0 0 38px;
	width:258px;
	height:62px;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	background:url(images/l_title.jpg) no-repeat;
}
.path1 a{
	color:#fff;
}

.map {
	position:relative;
	width:194px;
	height:226px;
	background:url(images/map.jpg) no-repeat;
}
.map a {
	position:absolute;
	top:167px;
	left:20px;
}
#rclmn {
	float:right;
	width:130px;
}
#rclmn dl {
	clear:both;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
#rclmn dl dd {
	width:110px;
	margin:0;
	padding:0;
	text-align:center;
}
#rclmn dl.icon {
	width:110px;
	padding-left:10px;
}
#rclmn dl.icon dd {
	float:left;
	width:46px;
}
#rclmn dl.icon dd a {
	font-family:Georgia;
	font-size:12px;
	color:#1c1a1a;
}
#rclmn dl dd a {
	font-family:Georgia;
	font-size:14px;
	color:#7d7d7d;
}
#center	{
	margin:0 165px 0 214px;
	background:#ccc;
}
#content {
	float:left;
	width:100%;
	margin-bottom:60px;
}
#menu_pos {
	position:absolute;
	width:650px;
	height:640px;
	top:324px;
	left:50%;
	margin-left:-325px;
}
#menu_sep {
	clear:both;
	height:640px;
}
#menu {
	position:relative;
	margin:0;
	padding:0;
	left:51%;
	margin-left:-322px;
	width:645px;
	height:620px;
	background:url(images/menu_area.jpg) 210px 210px no-repeat;
}
#menu li {
	position:absolute;
	list-style:none;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}
#menu li a {
	color:#3fb716;
}
#menu li a:hover {
	color:#999999;
}
#menu li.p0 a,#menu li.p2 a,#menu li.p4 a,#menu li.p6 a,#menu li.p8 a,#menu li.p10 a {
	color:#080808;
}
#menu li.p0 a:hover,#menu li.p2 a:hover,#menu li.p4 a:hover,#menu li.p6 a:hover,#menu li.p8 a:hover,#menu li.p10 a:hover {
	color:#999999;
}

#menu li.p0 {
	top:80px;
	left:292px;
	width:60px;
}
#menu li.p1 {
	top:146px;
	left:365px;
	width:62px;
}
#menu li.p2 {
	top:206px;
	left:390px;
	width:84px;
}
#menu li.p3 {
	top:299px;
	left:429px;
	width:78px;
}
#menu li.p4 {
	top:394px;
	left:398px;
	width:75px;
}
#menu li.p5 {
	top:458px;
	left:374px;
	width:81px;
}
#menu li.p6 {
	top:584px;
	left:297px;
	width:40px;
}
#menu li.p7 {
	top:458px;
	left:195px;
	width:62px;
}
#menu li.p8 {
	top:395px;
	left:174px;
	width:68px;
}
#menu li.p9 {
	top:297px;
	left:151px;
	width:68px;
}
#menu li.p10 {
	top:205px;
	left:176px;
	width:80px;
}
#menu li.p11 {
	top:147px;
	left:204px;
	width:100px;
}
#menu li.i0 {
	top:0px;
	left:255px;
}
#menu li.i1 {
	top:42px;
	left:418px;
}
#menu li.i2 {
	top:129px;
	left:473px;
}
#menu li.i3 {
	top:247px;
	left:508px;
}
#menu li.i4 {
	top:391px;
	left:482px;
}
#menu li.i5 {
	top:498px;
	left:415px;
}
#menu li.i6 {
	top:490px;
	left:247px;
}
#menu li.i7 {
	top:494px;
	left:129px;
}
#menu li.i8 {
	top:391px;
	left:51px;
}
#menu li.i9 {
	top:247px;
	left:0px;
}
#menu li.i10 {
	top:130px;
	left:56px;
}
#menu li.i11 {
	top:43px;
	left:134px;
}
#main_conteiner {
	padding:50px 0 120px 0;
	background:url(images/end_page.jpg) 100% 100% no-repeat;
}
.clear {
	clear:both;
}
#footer {
	position:relative;
	height:38px;
	padding-top:6px;
	background:#29a929;
}
.counter {
	float:left;
	padding:2px 0 0 20px;
}
.copyrights {
	float:left;
	width:135px;
	font-family:Georgia;
	font-size:10px;
	color:#fff;
	padding:0 26px 0 30px;
	background:url(images/ico_ras.gif) 100% 5px no-repeat;
}
.copyrights a{
	color:#fff;
	text-decoration:none;
}
.address {
	float:right;
	width:400px;
	padding-right:20px;
	text-align:right;
	font-family:tahoma;
	color:#fff;
}
.email {
	position:absolute;
	right:0;
	margin-top:-30px;
	width:180px;
	text-align:center;
}
.email a {
	color:#1a1919;
	text-decoration:none;
}

.link_mail {
 	display: block;
    margin-top: -105px;
    width:130px;
    height:75px;
    position:absolute;
	right:0;
	text-align:center;
}
.link_mail a{
 	display: block;
    width:130px;
    height:75px;
    position:relative;
	right:0;
	background:url(/templates/main/images/blank.gif);
}

.link_map {
 	display: block;
	width:120px;
	height:110px;
    position:absolute;
    margin-top: 90px;
    text-align:left;
	z-index: 500;
}

.link_map a{
 	display: block;
	width:120px;
	height:110px;
    position:relative;
	z-index: 500;
	background:url(/templates/main/images/blank.gif);
}

.mainprod p
{
margin:2px;
}


p.zagolovok
{
font-weight:bold;
}

.textvopros
{
width:352px; height:100px;
}

.inputvopros
{
width:358px;
}
#container { width: 100%; margin: 0 0 0 7%;}
#box {float: left; width: 16%; min-height: 32px; font-family: normal; font-size: 1em; background: #ddffcc; margin-left: 7px; padding: 2em 0;
  text-align: center;}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #4ca139;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* MEDIA QUERIES */

/* Responsify Defaults */
@media screen and (max-width: 1300px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.8em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}

@media screen and (max-width: 900px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.8em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}


@media screen and (max-width: 1024px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.7em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}


@media screen and (max-width: 1200px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.7em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}

@media screen and (max-width: 768px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.7em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}

@media screen and (max-width: 480px){
#box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.7em;; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}

/* Custom Breakpoints */

@media screen and (max-width: 800px) {
 /* Add your styles for devices with a maximum width of 800 */
 #box {float: left; width: 15%; height: 30px; font-family: normal; font-size: 0.7em; /*background: #2ecc71;*/ /*color: #2c3e50;*/ margin-left: 7px; padding: 2% 1% 2% 1%; text-align: center;}
}



.top {
  width: 100%;
  margin: 0;
  display: block;
  height: 300px;
}

.circle-button {
  background-color: #ffbb33;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 3%;
  top: 275px;
  border-radius: 50%;
  box-shadow: 0px 0px 7px #555;
  color: #fff;
  font-size: 42px;
  line-height: 65px;
  text-align: center;
  transition: 300ms ease;
}
.wrap {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.button {
  display: inline-block;
  text-align:center;
  padding: 20px 40px;
  color: white!important;
  transition: 300ms ease-in-out;
  box-shadow: 0px 4px 20px #ccc;
  font-size: 22px;
  margin-top: 50px;
  margin-left: 36%;
  text-decoration: none!important;
}
  .button:hover {
    transform: translateY(-3px);
    /*box-shadow: 0px 2px 20px #777;*/
    color: #2c3e50;
  }

.red {
  background: #ff4444;
  border-bottom: 3px solid #cc0000;
}
.yellow {
  background-color: #ffbb33;
  border-bottom: 3px solid #ff8800;
}
.green {
  background-color: #99cc00;
  border-bottom: 3px solid #669900;
}
.purple {
  background-color: #aa66cc;
  border-bottom: 3px solid #9933cc;
}
.blue {
  background-color: #33b5e5;
  border-bottom: 3px solid #0099cc;
}
.blue-top {
  background-color: #33b5e5;
}