/* ---------- Normalize ---------- */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size: 12px;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
h1{font-size:2em;margin:.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
b,strong,optgroup{font-weight:700;}
pre,textarea{overflow:auto;}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0;}
td { vertical-align: top; }
/* ---------- /Normalize ---------- */

/* ---------- Responsive ---------- */
.hidden{display:none;visibility:hidden;}
.visible-desktop{display:inherit!important;}
.layer{position:relative;margin:0 20px;}
a{color:#08C;text-decoration:none;}
a:hover,a:focus{color:#005580;text-decoration:underline;}
.row{width:100%;display:block;font-size:0;clear:both;}
.row [class*=col]{font-size:12px;vertical-align:top;}
.col10{width:10%;display:inline-block;}
.col15{width:15%;display:inline-block;}
.col20{width:20%;display:inline-block;}
.col25{width:25%;display:inline-block;}
.col30{width:30%;display:inline-block;}
.col33{width:33.3%;display:inline-block;}
.col35{width:35%;display:inline-block;}
.col40{width:40%;display:inline-block;}
.col45{width:45%;display:inline-block;}
.col50{width:50%;display:inline-block;}
.col55{width:55%;display:inline-block;}
.col60{width:60%;display:inline-block;}
.col65{width:65%;display:inline-block;}
.col70{width:70%;display:inline-block;}
.col75{width:75%;display:inline-block;}
.col80{width:80%;display:inline-block;}
.col85{width:85%;display:inline-block;}
.col90{width:90%;display:inline-block;}
.col95{width:95%;display:inline-block;}
.col100{width:100%;display:inline-block;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.float-left{float:left;}
.float-right{float:right;}
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.mt20 { margin-top: 20px; }

h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:700;line-height:20px;text-rendering:optimizelegibility;margin:10px 0;}
h1,h2,h3{line-height:40px;}
h1{font-size:38.5px;}
h2{font-size:31.5px;}
h3{font-size:24.5px;}
h4{font-size:17.5px;}
h5{font-size:14px;}
h6{font-size:11.9px;}
ul, ol { margin: 0 0 10px 25px; padding: 0;}
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0;}
li { line-height: 20px; }
ul.unstyled, ol.unstyled { list-style: none outside none; margin-left: 0;}
ul.inline, ol.inline { list-style: none outside none; margin-left: 0; width: 900px; }
ul.inline > li, ol.inline > li { display: inline-block; padding-left: 5px; padding-right: 5px;}
.muted{color:#999;}
a.muted:hover,a.muted:focus{color:gray;}
.text-warning{color:#C09853;}
a.text-warning:hover,a.text-warning:focus{color:#A47E3C;}
.text-error{color:#B94A48;}
a.text-error:hover,a.text-error:focus{color:#953B39;}
.text-info{color:#3A87AD;}
a.text-info:hover,a.text-info:focus{color:#2D6987;}
.text-success{color:#468847;}
a.text-success:hover,a.text-success:focus{color:#356635;}
blockquote{border-left:5px solid #EEE;margin:0 0 20px;padding:0 0 0 15px;}
blockquote p{font-size:17.5px;font-weight:300;line-height:1.25;margin-bottom:0;}
blockquote small:before{content:"— ";}
blockquote small{color:#999;display:block;line-height:20px;}
.input-mini { width: 5%; }
.input-small { width: 10%; }
.input-medium { width: 30%; }
.input-large { width: 50%; }
.input-xlarge { width: 70%; } 
.input-xxlarge { width: 90%; }
.input-full { width: 100%; }

input, textarea, select { margin: 10px 0px; }
label { display: inline-block; margin: 10px 0px 0px 0px; vertical-align: middle; }

.visible-phone,.visible-tablet,.hidden-desktop{display:none!important;}
@-ms-viewport { width: device-width; }

.hidden { display: none; visibility: hidden; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
.layer { margin: 0px auto; }
	
/* Large desktop */
@media (min-width: 1200px) {
	.layer { margin: 0px auto; max-width: 1200px; }
}

@media (min-width: 980px) and (max-width: 1199px) {
	.layer { margin: 0px 20px; }
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important ; }
	.visible-tablet { display: inherit !important; }
	.hidden-tablet { display: none !important; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.layer { margin: 0px 20px; }
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important ; }
	.visible-tablet { display: inherit !important; }
	.hidden-tablet { display: none !important; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.layer { margin: 0px 5px; }
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important; }
	.visible-phone { display: inherit !important; }
	.hidden-phone { display: none !important; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.layer { margin: 0px 5px; }
	.row [class*="col"] {
		width: 100%;
		text-align: center;
	}
}
/* ---------- /Responsive ---------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #f4f4f4;
}

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666666;
  background: #f4f4f4;
}

a {
  color: #b90101;
  text-decoration: none;
}

a:hover,
a:focus {	
  color: #b90101;
  text-decoration: underline;
}


a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#top, #footer {
	border-bottom: 1px solid #000000;
	height: 35px;
	line-height: 30px;
	color: #fff;
			background: #303030; /* Old browsers */
		background: -moz-linear-gradient(top,  #303030 0%, #202020 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#202020)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #303030 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #303030 0%,#202020 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #303030 0%,#202020 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #303030 0%,#202020 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
}
	#top li, #footer li { margin-right: 20px; }
	#top li span, #footer li span {
		display: inline-block;
		margin-right: 5px;
		color: #006476;
	}
	
	#footer {
		border-top: 2px solid #006476;
		margin-top: 20px;
	}

#header {
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #9e9e9e;
	height: 75px;
			background: #f4f4f4; /* Old browsers */
		background: -moz-linear-gradient(top,  #f4f4f4 0%, #d3d3d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f4f4f4 0%,#d3d3d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f4f4f4 0%,#d3d3d3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f4f4f4 0%,#d3d3d3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}


	#logo {
		display: inline-block;
		margin-top: 10px;
	}
	
	.order_title {
		background: #006476;
		color: #fff;
		font-size: 18px;
		padding: 0px 10px;
		font-weight: normal;
		margin: 10px 0px 0px 0px;
				-webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
	}
	
	#order_box {
		background: #202020;
		padding: 10px 20px;
		border-top: 1px solid #6e0000;
		color: #fff;
				-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
	}
	
	#order_box label {
		display: inline-block;
		vertical-align: top;
	}
	
	#order_box input[type="radio"] {
		display: inline-block;
		margin-right: 5px;
	}
	
	#order_box select, #order_box input[type="text"] {
		color: #000;
	}
	
	#order_box input[type="submit"] {
		background: #006476;
		color: #fff;
		border: none;
		padding: 10px 20px;
                width: 220px;
	}
	
	.post-title {
		font-size: 20px;
	}
	
	.post-article {
		text-align: justify;
	}
	
	.post-article p {
		margin: 5px 0px;
	}
	
	.add {
		display: inline-block;
		background: #006476;
		color: #fff;
		margin-top: 10px;
		width: 20px;
		text-align: center;
		height: 20px;
		line-height: 20px;
	}
	
	.add:hover {
		color: #006476;
		background: #fff;
		text-decoration: none;
	}
	
	#order_details {
		background: #fff;
	}	
	
	#order_details tr td {
		padding: 10px 10px;
	}
	#order_details tr td tr td {
		border-bottom: 1px solid #202020;
		padding: 3px 5px;
	}
	
	
	@media (max-width: 768px) {
    ul.inline, ol.inline {
        width: 100%; 
    }
    
    ul.inline li, ol.inline li {
        display: block; /* каждый элемент на новой строке */
        width: 100%;
        margin-bottom: 10px; /* отступ между элементами */
    }
	




#footer {
    border-top: 0px solid #006476;
    margin-top: 40px;
    height: auto;
}