img{
	margin:0;
	padding:0 ;
	box-shadow:none;
}
.draggable{
	border:1px solid #838383; 
	width:10px; 
	height:10px; 
	cursor:move; 
	background-color: #F90004;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
#main_content{
/*	width:900px; */
	font-size:14px;
	/*border: 1px solid #232323;*/
	/*
	background: #000000 url("images/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;
	*/
	background:#F2F2E8;
	color: #ffffff;
	margin:0!important;
	/*text-transform: capitalize;*/
}


#block_edit{
	position:absolute; 
	top:0px; left:0px; 
/*	width:720px; 
	height:550px; */
	z-index:50;
	border: 1px solid #232323;
}
/* фоновый рисунок по умолчанию */
#img_fon{ 
	position:absolute; 
	top:0px; 
	left:0px;  
/*	width:720px; 
	height:550px; */
}
#start_image_fon{ 
	position:absolute; 
	top:0px; 
	left:0px;  
/*	width:720px; 
	height:550px;*/
	margin:0 !important;
	padding:0 !important;
	box-shadow:none !important;
}

/* ID СКИНАЛИ В ПОЛИГОНЕ */
#skinal_name{
	position:absolute; 
	top:0px; 
	left:0px;
	background-color:#333333;
	color:#fff; 
	padding:5px;
	font-size:14px;
	font-weight:bold;
	display:none;
	}
/* ID СКИНАЛИ В ПОЛИГОНЕ */

.font_add_img{
	cursor:pointer
	}
	
#font_list{
	float:right; 
	padding:0px;
}

/* ПРОКЛАДКА БЛОКА УПРАВЛЕНИЯ */
#canvas-wrap {
/*	width:720px; 
	height:550px; */
	position:relative; 
	background-color:#fff;
	text-align: left;
} 
/* ПРОКЛАДКА БЛОКА УПРАВЛЕНИЯ */
#get_img, #canvas_img_get, #get_img1, #canvas_img_get1, #bg_image, #bg_image_canvas, #post_canvas{background-color:#fff}

#canvas_fon {
	position: absolute;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover; 
	background-position: center 100%;
	background-color:#fff;
	-webkit-filter:contrast(100%);
}
#canvas_line{
	position:absolute; 
	top:0px; 
	left:0px;
/*	width:720px; 
	height:550px; */
	z-index:10; 
	-webkit-filter:contrast(100%);
	}
#canvas_img, #canvas_img_add {
	position:absolute; 
	top:0px; 
	left:0px;
/*	width:720px; 
	height:550px; */
	z-index:10; 
	-webkit-filter:contrast(100%);
}
#canvas_fon{
	-webkit-filter:contrast(100%);
}

/*---------*/

.header_input_block{ 
padding:5px !important;
height: 46px;
width: 700px!important;
/*
background: #333333 url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;
*/
/*background: #545454;*/
font-weight: 400;
}
/*сохранить рисунок*/
#save_scr,#upload_fon_next_butt{
color: #fff;
background: #232323;
font-weight: 600;
border:0px;
padding:10px 10px;
margin:3px; 
}
#save_scr{
float:right;
cursor:pointer;
text-transform: capitalize;
}
#upload_fon_next_butt{
float:left;
cursor:pointer!important;
width: 200px!important;
height: 43px!important;
color: #fff;
background: #232323;
}
#save_scr:hover{
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 1px 1px 1px #000;
-moz-box-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 1px #000;*/
}
#upload_fon_next_butt:hover{
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
#fileupload:hover{
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
/*сбросить все фильтры*/
.button_allfilter {
color: #fff;
background: #232323;
border:0px;
padding:6px 11px;
float:left; 
cursor:pointer; 
text-align:center; 
padding:5px; 
margin:5px 5px 5px 0px;
font-weight: 600;
font-size:13px!important;
text-transform: capitalize;
}
.button_allfilter:hover {
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
/* БЛОК ФИЛЬТРОВ И ЗАКАЗА */
#tabs{
border:none; 
margin-top:10px; 
background:none;
color: #232323; 
}
#filtersblocks{
height: 200px;
}

/*сбросить фильтры*/
.button_filter{ 
float:left; 
cursor:pointer; 
text-align:center; 
padding:5px; 
margin:5px 5px 5px 0px;
color: #fff;
background: #232323;
font-weight: 600;
font-size:13px!important;
text-transform: capitalize;
}
.button_filter:hover{ 
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
/*кнопка заказа*/
.order_button{
text-align:center; 
padding:20px 0 20px 0;
width:20%;
margin-left:50px;
margin-bottom: 0px;
margin-top: 0px;
}
.order_button input{
padding:60px 50px;
color: #fff;
background: #232323;
font-weight: 600;
font-size:20px!important;
border:0px;
}
.order_button input:hover{
padding:60px 50px;
background: #FFDB5E;
color: #232323;
font-weight: 600;
font-size:20px!important;
border:0px;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}

.senf_form-1,.senf_form-3,.senf_form-5 {
font-weight: 100;
font-size:14px!important;
}
.border_send{width:100%; height:200px}
.border_send td{height:20px}

.senf_form-1{float:left; width:23%; line-height: 20px; }
.senf_form-1 div{height:40px}

.senf_form-2{float:left; width:19%; line-height: 20px;}
.senf_form-2 div{height:40px}
.senf_form-2 input{width:100%}

.senf_form-3{float:right; width:39%; margin:0px 60px 0px 0px!important; line-height: 20px;}
.senf_form-3 div{height:50px;}

.senf_form-4{float:right; width:4%; line-height: 20px;}
.senf_form-4 div{height:50px}
.senf_form-4 input{width:100%}

.senf_form-5{float:right; width:50%; text-align:center;}
.senf_form-5 textarea{width:80%; margin-top:7px; height:180px;}

.dop {
text-align: left;
}
.namefilterblock {

color: #232323; 
font-weight: 600;
font-size:24px!important;
}

/*кнопки заказа*/
#send_butt_block{
text-align:center;
padding:20px 0 20px 0;
width:100%;
margin:30px 0px 0px 50px!important;
}
#send_zakaz{ 
text-transform: uppercase;
cursor:pointer; 
text-align:center; 
padding:30px 40px;
margin-top:30px;
margin-right:5px;
background: #FFDB5E;
/*background: #545454;*/
/*color: #ffffff;*/
color: #232323;
font-weight: 600;
font-size:18px!important;
/*text-shadow: 1px 1px 2px black;*/
border:0px;
}
#send_zakaz:hover{ 
/*color: #fff;*/
color: #232323;
background: #FFDB5E;

/*text-shadow: 1px 1px 2px black;*/

-webkit-box-shadow: 3px 3px 3px #0B101B;
-moz-box-shadow: 3px 3px 3px #0B101B;
box-shadow: 3px 3px 3px #0B101B;
}
.return_edit{ 
cursor:pointer; 
text-align:center; 
padding:10px 10px;
margin-top:30px; 
margin-right:5px;
background: #232323;
color: #ffffff;
font-weight: 600;
font-size:14px!important;
border:0px;
}
.return_edit:hover{ 
color: #232323;
background: #FFDB5E;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
/*сообщение об ошибке заполнения формы*/
#send_error{
margin-top:40px; 
background: #FFB6C1;
color: #FF0000;
}

#main_fild-3, #main_fild-4, #main_fild-5{text-align:center}

/* категории */
.cat_img{
cursor:pointer;
display:block;
/*background: #2A2A2A;*/
color: #232323;
height: 100px!important;
width:110px;  
margin:12px!important; 
}
.cat_img img{
width:100%; 
box-shadow:none !important; 
margin:0px!important; 
padding:0px!important;
border: none;
height: 100px!important; 
}
.cat_img span{ 
cursor:pointer;
width:100%;
display:block; 
padding:1px; 
margin:0px!important; 
font-size:12px;
text-align:center; 
line-height: 16px;
}
.cat_img span:hover{ 
background: #FFDB5E;
color: #232323;
}
.skinal_img {
cursor:pointer;
display:block;
background: #2A2A2A;
color: #fff!important;
height: 65px;
margin:0 !important; 
padding:0 !important;
}
.skinal_img img{
width:100%; 
box-shadow:none !important; 
margin:0 !important; 
padding:0 !important;
border: none;
height: 45px!important; 
}
.skinal_img span{ 
display:block; 
cursor:pointer;
width:100%;
margin:0 !important; 
padding:0 !important;
font-size:12px;
text-align:center; 
line-height: 13px;
}
.skinal_img span:hover{ 
background: #FFDB5E;
color: #232323;
}
.next_skinal{
float:right; 
font-size:26px; 
font-weight:bold; 
padding-right:5px; 
cursor:pointer;
color: #232323!important;
}
.next_skinal:hover{
color: #FFDB5E!important;
}
.prev_skinal{
font-size:26px; 
font-weight:bold; 
padding-left:5px; 
cursor:pointer;
color: #232323!important;
}
.prev_skinal:hover{
color: #FFDB5E!important;
}
#cat_return_skin{
display:block; 
cursor:pointer; 
padding:5px; 
text-align:center; 
margin-bottom:10px;
color: #fff;
background: #232323;
font-weight: 400;
font-size:14px!important;
border:0px;
}
#cat_return_skin:hover{ 
background: #FFDB5E;
color: #232323;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}

#fileupload {
    width: 200px!important;
    height: 43px!important;
	cursor:pointer!important;
color: #fff;
background: #232323;
}
#file_upload{
    position: relative;
    overflow: hidden;
    font-size: 1em;        /* example */
    height: 43px!important;          /* example */
	width: 200px!important;
    line-height: 43px;       /* the same as height */
	text-transform: capitalize;
	word-wrap: normal;
	cursor:pointer!important;
}

#file_upload >div{
    padding-left: 1em      /* example */
	cursor:pointer;
}

#file_upload input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 200px!important;
    height: 43px!important;
    transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    -ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer
}
.fileupload input:hover{
    width: 200px!important;
    height: 43px!important;
	color: #fff!important;
/*	
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}
#file_upload div>input:hover{
color: #fff!important;
/*
text-shadow: 1px 1px 2px black;
-webkit-box-shadow: 2px 2px 2px #0B101B;
-moz-box-shadow: 2px 2px 2px #0B101B;
box-shadow: 2px 2px 2px #0B101B;*/
}

@media screen and (min-width: 1920px) {
/* ОБЩИЙ КОНТЕЙНЕР */
#main_content{width:820px!important;margin:0px auto!important;}
/* РАБОЧИЙ ПОЛИГОН */
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{
width:330px!important;





text-align: left;
}

#filter-block td {
line-height: 25px!important;
height: 25px!important;
padding: 0px!important;
margin: 0px!important;
}
}

/* КОЛОНКА КАТЕГОРИЙ */	
#font_list{max-width:100px!important;}
.cat_img img{height:35px;}
}
@media screen and (max-width: 1920px) {
#main_content{width:820px!important;margin:0px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}

#filter-block{width:330px!important;text-align: left;}

/*
#filter-block >td{
line-height: 35px!important;
height: 35px!important;
padding: 30px!important;
margin: 0px!important;
}
*/

#font_list{max-width:100px!important;}
.cat_img img{height:35px;}
}
@media screen and (max-width: 1680px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{width:330px!important;}

.cat_img img{height:35px;}
}
/* сужаем */
@media screen and (max-width: 1640px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 1500px) {
#main_content{max-width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 1440px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 1400px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}
/* расширяем */
@media screen and (max-width: 1366px) {
#main_content{min-width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 1320px) {
#main_content{min-width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{max-width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 1280px) {
#main_content{min-width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}


/* расширяем */
@media screen and (max-width: 1080px) {
#main_content{width:820px!important;margin:0px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 940px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 930px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{width:330px!important;}

.cat_img img{height:35px;}
}
@media screen and (max-width: 910px) {
#main_content{width:820px!important;}
#block_edit,#img_fon,#start_image_fon,#canvas-wrap,#canvas_line,#canvas_img,#canvas_img_add,#canvas_fon{width:720px!important; height:550px!important;}
#tabs{width:820px!important;}
#filter-block{min-width: 100%!important;width:330px!important;}

.cat_img img{height:35px;}
}