.container { position: relative; width: 960px; margin: 0px auto; padding: 0px; }
.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.container .five.columns { width: 280px; }
.container .eleven.columns { width: 640px; }

@media only screen and (max-width: 767px) {
	.container { width: 300px; }
	.columns, .column { margin: 0px; }
	.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.columns, .column { margin: 0px 15px; }
	.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 390px; }
}
.container:after { content: " "; display: block; height: 0px; clear: both; visibility: hidden; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { font-family: tahoma;}

body { background: url('images/background.png'); line-height: 1; }


ol, ul { list-style: none outside none; }

#logo { position: relative; height: 70px; margin: 0px auto; padding: 15px 0px; font-size: 18px; display: table; background-color: #e6e6fa; width: 940px; }


#logo a { font-size: 32px; text-decoration: none; border-bottom: medium none; }
#logotype { float: left; height: 70px; margin-left:20px;}

#logoright { float: left; padding: 0px 0px 0px 15px; height: 70px; line-height: 1.15; }

#phone { float: right; padding: 0px; margin:0px;}
#phone p { margin:22px 20px 4px 0px; padding: 0px; font-size:16px; font-family:tahoma; }
#phone a { font-size:18px; font-family:tahoma; text-decoration:underline; margin: 4px 20px 4px 0px;}
#phone a:hover {text-decoration:none;}

#content-sidebar-wrap { clear: both; padding: 20px 0px; }
#content {  }
#sidebar {  }
#footer { background-color: rgb(250, 250, 250); border-top: 3px solid rgba(0, 0, 0, 0.14); margin: 20px 0px 0px; padding: 20px 0px; min-width: 120px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#content { font-size: 14px; color: rgb(68, 68, 68); }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin-bottom: 10px; }
h1 { font-size: 1em; line-height: 140%; }
p { margin: 0px 0px 20px; }
p img { margin: 0px; }
a, a:visited { text-decoration: underline; outline: 0px none; color: rgb(98, 166, 228); }
a:hover, a:focus { text-decoration: none; }
p a, p a:visited { line-height: inherit; }
ul, ol { margin: 0px 0px 20px 30px; }
ul { list-style: disc outside none; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0px 5px 30px; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { padding-top: 12px; }
.alignright { float: right; margin: 0px 0px 10px 15px; }

.entry-title, .entry-title a { margin: 0 0 5px 5px; text-decoration: none; color: rgb(80, 80, 80); font: 30px georgia; }
.post { margin-bottom: 25px; padding-bottom: 10px; }
.post.single { border-bottom: medium none; }
.post.single h1 { font-size: 18px; }
#comments { float: left; margin: 10px 0px 0px 0px; }
#comments { border: 0px none; width: 100%; }
#comments h3{ font-size: 18px; margin: 10px 5px 10px 5px;}

.comment {background: none repeat scroll 0% 0% rgb(230, 230, 250); border: 0px none; width: 100%; margin: 20px 0px 20px 0px;}
.comment span {margin: 0px 0px 5px 0px; color: #3b35a6;}
.comment p {margin: 5px 5px 0px 15px; padding:10px 0 0 0; color: #666666;}


#articles { float: left; margin: 15px 0px 0px; }
#articles { border: 0px none; width: 100%; }

.article {background: none repeat scroll 0% 0% rgb(230, 230, 250); border: 0px none; width: 100%; margin: 20px 0px 20px 0px;}
.article span {margin: 0px 0px 5px 0px; color: #3b35a6;}
.article p {margin: 5px 5px 0px 15px; padding:10px 0 0 0; color: #666666;}
.article a {margin: 0px 5px 10px 15px; color: #3b35a6; text-decoration: underline; float:right;}
.article a :hover {text-decoration: none;}

.breadcrumb { font-size: 14px; margin: 5px 5px 5px 5px;}
.breadcrumb a {text-decoration: underline;}
.breadcrumb a:hover {text-decoration: none;}

.main-content { font-size: 14px; max-width: 100%; margin: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(230, 230, 250); padding: 12px;}
.main-content p { color:#4c514c; padding: 3px; margin:3px;}
.main-content a { color:#4c514c; text-decoration: underline;}
.main-content h2 {font-size: 18px; margin:5px 5px 15px 0px;}
.main-content h3 {font-size: 16px; margin:15px 5px 15px 0px;}

.entry-content img, .comment-content img, .widget img { max-width: 97.5%; height: auto; }
img[class*="align"], img[class*="wp-image-"] { height: auto; }
img.size-full { max-width: 97.5%; border: 2px solid #686283; margin:6px;}
.colored { padding: 15px 3em 18px; background: none repeat scroll 0% 0% rgb(230, 230, 250); margin-bottom: 15px; margin-right: 5px; margin-left: 5px; quotes: none; }
.colored:before, .colored:after { content: none; }
.colored p { font-family: tahoma; font-size: 12px; margin-left: -20px; margin-right: -20px; line-height: 14px; }
#content { margin: 0px 10px; }
body.left-sidebar #content { float: right; }
body.left-sidebar #sidebar { float: left; }
body.left-sidebar #sidebar ul { margin: 0px 30px 20px 0px; }
.widget-container { margin: 0px 0px 20px 0px; padding:0px 0px 3px 0px; background: none repeat scroll 0% 0% rgb(230, 230, 250);}
.widget-container hr {margin:5px 0px 5px 0px;}

.widget-container ul { list-style: none outside none; }
.widget-container li { padding-top: 2px; margin-left: 15px; }
.widget-container span { padding-top: 2px; margin-left: 15px; color:#706f96;}
.widget-container ul { margin-left: 0px; }
.widget-container ul { margin-left: 0px; }
.widget-container a:link, .widget-container a:visited { text-decoration: none; }
.widget-container a:active, .widget-container a:hover { text-decoration: underline; }


.widget-title { font: 18px georgia; margin:0px 10px 0px 10px; background: #adacc7; padding: 5px 5px 5px 5px;}


#footer { clear: both; }


#footer { background-color: rgb(155, 255, 255); padding:20px 20px 20px 20px;}

a, a:link, a:visited, a:active, #content .gist .gist-file .gist-meta a:visited, .entry-title a:hover { color: rgb(0, 102, 191); }

.entry-title, .entry-title a { color: rgb(58, 58, 58); font: 30px georgia; }



.catalog { padding: 15px 3em 18px; margin-left: -37px; margin-bottom: 15px; }
.catalog img { width: 310px;  border: 1px solid #fff;}
.catalog img:hover { border: 1px solid #91b308;}







.box { width: 200px; height: 300px; border: 1px solid rgb(225, 225, 225); margin: 0px 0px 20px 20px; float: left; padding: 15px; position: relative; }
.box span.img { display: table-cell; vertical-align: middle; text-align: center; width: 210px; height: 135px; }
.box span.img img { max-width: 210px; max-height: 135px; }
.box .h4 { font-size: 18px; font-weight: bold; color: rgb(113, 113, 169); padding: 0px 0px 3px; }
.box span { color: rgb(113, 113, 169); font-size: 12px; }
.box p { width: 210px; height: 37px; position: absolute; bottom: 10px; left: 10px; line-height: 37px; }
.box p span { padding-top: 10px; float: left; font-size: 18px; color: rgb(0, 0, 0); }
.box p a { float: right; }



.item img {margin: -15px 0px -15px -10px;}

.lozung p {padding-bottom: 2px; color: rgb(211, 4, 24); margin-top: 40px; margin-right: 0px; margin-left: 0px; font-size: 16px; font-family: Tahoma,Arial; font-weight: bold; letter-spacing: 0px; }





/* redone_new */
#logo { max-width: 940px; }
#logoright a { font-weight: bold; }
.entry-title, .entry-title a { line-height: 1.2; }

.colored,
.main-content,
.widget-container,
.comment,
.article { border-radius: 4px; }

.comment,
.article { border: 1px solid rgba(59, 53, 166, 0.14); }

.main-content { box-sizing: border-box; }

.catalog table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px;
}
.catalog td { vertical-align: top; }
.catalog img {
  display: block;
  max-width: 100%;
  height: auto;
}

.widget-container img {
  max-width: 100%;
  height: auto;
}

#footer .container { width: 100%; }