/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org   * Copyright (c) 2007-Present. See LICENSE for more info.   * See README for instructions on how to use Blueprint.   * For credits and origins, see AUTHORS.   * This is a compressed file. See the sources in the 'src' directory.----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
table {
	border-collapse: collapse;
	border-spacing: 1px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
/* typography.css */
html {
	font-size: 100.01%;
}
body {
	font-size: 73%;
	color: #222;
	background: #fff;
	font-family:   Arial, 'Arial CE', 'Helvetica CE',  lucida, sans-serif;
	background: #a8a7ac url(../img/bg_body.gif) repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #7b7d86;
}
h1 {
	font-size: 2.5em;
	line-height: 1;
	margin-bottom: 0.5em;
	letter-spacing: -1px;

}
h1.sectiontitle{
	font-size: 2.4em;
	line-height: 1.5;
  color: black;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  padding: 12px 0 0px 10px; 
  	background: url(../img/bg_heading.gif) no-repeat left top;
}

h1.sectiontitle img.logo{
  position: relative;
  z-index: 1000;
  float: right;
  margin-right: 7px;
}
h2 {
	font-size: 1.7em;
	margin-bottom: 0.7em;
	letter-spacing: -1px;
	background: url(../img/bg_heading.gif) no-repeat left top;
  padding-top: 4px;
  font-weight: bold;
}
h2 span, h1.sectiontitle span{
  display: block;
  /* background: url(../img/bg_heading_bottom.gif) no-repeat bottom; */
  padding-left: 10px;  
  padding-bottom: 3px;
}
h2.sectiontitle {
  font-size: 2.2em;
  color: black;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  padding: 14px 0 0px 0; 
}
.sectiontitle span {
  /* padding-bottom: 8px;     12.8.2010*/
}

.sectiontitle small{
  font-size: 0.5em;
  font-weight: normal;
  	color: #929399;
  	letter-spacing: 0;
  	display: block;
  	margin-top: -8px;
}
h3 {
	font-size: 1.7em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	padding-left: 10px;
	/*color: black;*/
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 0.5em;
	padding-left: 10px;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
p {
	margin: 0.5em 0 1.5em 10px;
	line-height: 1.4;
}
img.left {
	float: left;
	margin: .3em 1.5em 2em 0;
	padding: 0;
}
img.right {
	float: right;
	margin: .3em 0 2em 1.5em;
}
a:focus, a:hover {
	color: #000;
}
a:focus img, a:hover img {
	border-color: #ddd !important;
}
a {
	color: #c90e2a;
	text-decoration: underline;
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	color: #666;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
li ul, li ol {
	margin: 0;
}
ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 3.333em;
}
ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
table {
	margin-bottom: 1.4em;
	width: 100%;
}
th {
	font-weight: bold;
}
thead th {
	background: #55565f;
	padding: 10px;	
	color: white;
}
th, td, caption {
	padding: 1px 10px 1px 10px;
	border-bottom: 1px solid white ;
}
tr.even td {
	background: #eff2f4;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
  ine-height: 2.5em;
	margin-bottom: 1.em;
}

.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background: #ff0;
}
.added {
	background: #060;
	color: #fff;
}
.removed {
	background: #900;
	color: #fff;
}
.first {
	margin-left: 0;
	padding-left: 0;
}
.last {
	margin-right: 0;
	padding-right: 0;
}
.top {
	margin-top: 0;
	padding-top: 0;
}
.bottom {
	margin-bottom: 0 !important; 
	padding-bottom: 0;
}
/* forms.css */
label {
	font-weight: bold;
	line-height: 1.5em;
}
fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	background-color: #fff;
	border: 1px solid #bbb;
	border-right-color: #eee !important;
	border-bottom-color: #eee !important;	
  font-family: 'Arial CE', Arial, 'Helvetica CE', lucida, sans-serif ;
  vertical-align: middle;
  
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color: #666 !important;
	background-color: #fffff4;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	margin: 0.5em 0;
}
input.text, input.title {
	padding: 5px 3px;
}
input.title, select.title {
	font-size: 1.4em;
	margin: 10px 0; 
}
textarea {
	width: 90%;
	height: 120px;
	padding: 5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position: relative;
	vertical-align: middle;
	top: -0.1em;
	right: -2px;
	margin: 10px 3px; 
}
input.submit{	
  font-family: 'Arial CE', Arial, 'Helvetica CE', lucida, sans-serif ;
  background: url(../img/bg_txtbutton.gif) repeat-x ;
  border: 1px solid #e6e6e6; 
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  margin: 15px 0;
  padding: 9px 30px ;
}
input.submit-small{	
  font-family: 'Arial CE', Arial, 'Helvetica CE', lucida, sans-serif ;
  background: url(../img/bg_txtbutton.gif) repeat-x ;
  border: 1px solid #e6e6e6; 
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  color: white;
  margin: 5px 0;
  padding: 5px 15px ;
}


input.submit:hover {
  background: url(../img/bg_txtbutton.gif) repeat-x ;
  background-position: 0px -50px;
  color: #eee;
}


form.inline {
	line-height: 3;
}
form.inline p {
	margin-bottom: 0;
}
.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* grid.css */
.container {
	width: 950px;
	margin: 2em auto;
	background: #fff url(../img/bg_page.gif) repeat-x ;
	position: relative;
}
.showgrid {
	background: url(src/grid.png);
}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
	float: left;
	margin-right: 10px;
}
.last, div.last {
	margin-right: 0;
}
.span-1 {
	width: 30px;
}
.span-2 {
	width: 70px;
}
.span-3 {
	width: 110px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 190px;
}
.span-6 {
	width: 230px;
}
.span-7 {
	width: 270px;
}
.span-8 {
	width: 310px;
}
.span-9 {
	width: 350px;
}
.span-10 {
	width: 390px;
}
.span-11 {
	width: 430px;
}
.span-12 {
	width: 470px;
}
.span-13 {
	width: 510px;
}
.span-14 {
	width: 550px;
}
.span-15 {
	width: 590px;
}
.span-16 {
	width: 630px;
}
.span-17 {
	width: 670px;
}
.span-18 {
	width: 710px;
}
.span-19 {
	width: 750px;
}
.span-20 {
	width: 790px;
}
.span-21 {
	width: 830px;
}
.span-22 {
	width: 870px;
}
.span-23 {
	width: 910px;
}
.span-24, div.span-24 {
	width: 950px;
	margin-right: 0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
	border-left-width: 1px!important;
	border-right-width: 1px!important;
	padding-left: 3px!important;
	padding-right: 5px!important;
}
input.span-1, textarea.span-1 {
	width: 18px!important;
}
input.span-2, textarea.span-2 {
	width: 58px!important;
}
input.span-3, textarea.span-3 {
	width: 98px!important;
}
input.span-4, textarea.span-4 {
	width: 138px!important;
}
input.span-5, textarea.span-5 {
	width: 178px!important;
}
input.span-6, textarea.span-6 {
	width: 218px!important;
}
input.span-7, textarea.span-7 {
	width: 258px!important;
}
input.span-8, textarea.span-8 {
	width: 298px!important;
}
input.span-9, textarea.span-9 {
	width: 338px!important;
}
input.span-10, textarea.span-10 {
	width: 378px!important;
}
input.span-11, textarea.span-11 {
	width: 418px!important;
}
input.span-12, textarea.span-12 {
	width: 458px!important;
}
input.span-13, textarea.span-13 {
	width: 498px!important;
}
input.span-14, textarea.span-14 {
	width: 538px!important;
}
input.span-15, textarea.span-15 {
	width: 578px!important;
}
input.span-16, textarea.span-16 {
	width: 618px!important;
}
input.span-17, textarea.span-17 {
	width: 658px!important;
}
input.span-18, textarea.span-18 {
	width: 698px!important;
}
input.span-19, textarea.span-19 {
	width: 738px!important;
}
input.span-20, textarea.span-20 {
	width: 778px!important;
}
input.span-21, textarea.span-21 {
	width: 818px!important;
}
input.span-22, textarea.span-22 {
	width: 858px!important;
}
input.span-23, textarea.span-23 {
	width: 898px!important;
}
input.span-24, textarea.span-24 {
	width: 938px!important;
}
.append-1 {
	padding-right: 40px;
}
.append-2 {
	padding-right: 80px;
}
.append-3 {
	padding-right: 120px;
}
.append-4 {
	padding-right: 160px;
}
.append-5 {
	padding-right: 200px;
}
.append-6 {
	padding-right: 240px;
}
.append-7 {
	padding-right: 280px;
}
.append-8 {
	padding-right: 320px;
}
.append-9 {
	padding-right: 360px;
}
.append-10 {
	padding-right: 400px;
}
.append-11 {
	padding-right: 440px;
}
.append-12 {
	padding-right: 480px;
}
.append-13 {
	padding-right: 520px;
}
.append-14 {
	padding-right: 560px;
}
.append-15 {
	padding-right: 600px;
}
.append-16 {
	padding-right: 640px;
}
.append-17 {
	padding-right: 680px;
}
.append-18 {
	padding-right: 720px;
}
.append-19 {
	padding-right: 760px;
}
.append-20 {
	padding-right: 800px;
}
.append-21 {
	padding-right: 840px;
}
.append-22 {
	padding-right: 880px;
}
.append-23 {
	padding-right: 920px;
}
.prepend-1 {
	padding-left: 40px;
}
.prepend-2 {
	padding-left: 80px;
}
.prepend-3 {
	padding-left: 120px;
}
.prepend-4 {
	padding-left: 160px;
}
.prepend-5 {
	padding-left: 200px;
}
.prepend-6 {
	padding-left: 240px;
}
.prepend-7 {
	padding-left: 280px;
}
.prepend-8 {
	padding-left: 320px;
}
.prepend-9 {
	padding-left: 360px;
}
.prepend-10 {
	padding-left: 400px;
}
.prepend-11 {
	padding-left: 440px;
}
.prepend-12 {
	padding-left: 480px;
}
.prepend-13 {
	padding-left: 520px;
}
.prepend-14 {
	padding-left: 560px;
}
.prepend-15 {
	padding-left: 600px;
}
.prepend-16 {
	padding-left: 640px;
}
.prepend-17 {
	padding-left: 680px;
}
.prepend-18 {
	padding-left: 720px;
}
.prepend-19 {
	padding-left: 760px;
}
.prepend-20 {
	padding-left: 800px;
}
.prepend-21 {
	padding-left: 840px;
}
.prepend-22 {
	padding-left: 880px;
}
.prepend-23 {
	padding-left: 920px;
}
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
div.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}
.pull-1 {
	margin-left: -40px;
}
.pull-2 {
	margin-left: -80px;
}
.pull-3 {
	margin-left: -120px;
}
.pull-4 {
	margin-left: -160px;
}
.pull-5 {
	margin-left: -200px;
}
.pull-6 {
	margin-left: -240px;
}
.pull-7 {
	margin-left: -280px;
}
.pull-8 {
	margin-left: -320px;
}
.pull-9 {
	margin-left: -360px;
}
.pull-10 {
	margin-left: -400px;
}
.pull-11 {
	margin-left: -440px;
}
.pull-12 {
	margin-left: -480px;
}
.pull-13 {
	margin-left: -520px;
}
.pull-14 {
	margin-left: -560px;
}
.pull-15 {
	margin-left: -600px;
}
.pull-16 {
	margin-left: -640px;
}
.pull-17 {
	margin-left: -680px;
}
.pull-18 {
	margin-left: -720px;
}
.pull-19 {
	margin-left: -760px;
}
.pull-20 {
	margin-left: -800px;
}
.pull-21 {
	margin-left: -840px;
}
.pull-22 {
	margin-left: -880px;
}
.pull-23 {
	margin-left: -920px;
}
.pull-24 {
	margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
	float: left;
	position: relative;
}
.push-1 {
	margin: 0 -40px 1.5em 40px;
}
.push-2 {
	margin: 0 -80px 1.5em 80px;
}
.push-3 {
	margin: 0 -120px 1.5em 120px;
}
.push-4 {
	margin: 0 -160px 1.5em 160px;
}
.push-5 {
	margin: 0 -200px 1.5em 200px;
}
.push-6 {
	margin: 0 -240px 1.5em 240px;
}
.push-7 {
	margin: 0 -280px 1.5em 280px;
}
.push-8 {
	margin: 0 -320px 1.5em 320px;
}
.push-9 {
	margin: 0 -360px 1.5em 360px;
}
.push-10 {
	margin: 0 -400px 1.5em 400px;
}
.push-11 {
	margin: 0 -440px 1.5em 440px;
}
.push-12 {
	margin: 0 -480px 1.5em 480px;
}
.push-13 {
	margin: 0 -520px 1.5em 520px;
}
.push-14 {
	margin: 0 -560px 1.5em 560px;
}
.push-15 {
	margin: 0 -600px 1.5em 600px;
}
.push-16 {
	margin: 0 -640px 1.5em 640px;
}
.push-17 {
	margin: 0 -680px 1.5em 680px;
}
.push-18 {
	margin: 0 -720px 1.5em 720px;
}
.push-19 {
	margin: 0 -760px 1.5em 760px;
}
.push-20 {
	margin: 0 -800px 1.5em 800px;
}
.push-21 {
	margin: 0 -840px 1.5em 840px;
}
.push-22 {
	margin: 0 -880px 1.5em 880px;
}
.push-23 {
	margin: 0 -920px 1.5em 920px;
}
.push-24 {
	margin: 0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
	float: right;
	position: relative;
}
.prepend-top {
	margin-top: 1.5em;
}
.append-bottom {
	margin-bottom: 1.5em;
}
.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}
hr {
	background: #eee;
	color: #eee;
	clear: both;
	float: none;
	width: 100%;
	height: 2px;
	margin: 0 0 1.5em ;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}
.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix, .container {
	display: block;
}
.clear {
	clear: both;
}

/*/                                   /*/
/*  class   */

p.quiet:hover{
  color: black;
}
img.ico{vertical-align: middle;}
a.ico{padding: 0 10px 0 20px; }
.ico-print{ background: url(../img/ico/printer.png) no-repeat left center;}
.ico-send{ background: url(../img/ico/email.png) no-repeat left center;}
.ico-poptavka-all{ background: url(../img/ico/group.png) no-repeat left center;}

.noscreen{display: none;}
.separ {border-bottom: 1px solid #ddd  ; line-height: 1px; font-size: 1px; height: 1px; }
.break {display:block; clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 0 -20px 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}

.red{ color: #CC0000;}
.green{ color: #339900;}


/**/



#header{
padding-top: 20px;
}
#header h1{
  padding: 0 0 0 40px;
  margin: 0;
  color: #fff;
  height: 80px;
  width: 320px;
  line-height: 70px;
  font-weight: bold;
  letter-spacing: -1px;
}
#header h1 a, #header h1 a span { 
  display: block;
  position: relative;
  height: 70px;
  text-decoration: none;
  color: black;
 }
#header h1 a span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
  cursor: hand;
  background: url(../img/stavbomat_logo.gif) no-repeat ;
} 
 
#header h1 a:hover{  }




#header h2 {
  position: absolute;
  top: 72px;
  left: 132px;
  width: auto;
  font-size: 0.8em;
  line-height: 1.2;
  text-align: right;
  background: none;
  letter-spacing: 0;
  z-index: 101;
}
#header h2 strong {
  color: #000;
}
span.theme{
  display: block;
  height: 130px;
  width: 260px;
  position: absolute;
  top: 23px;
  right: 20px;
  z-index: 100;
}

span.theme.th1{
  background:  url(../img/bg_theme1.jpg) no-repeat;
}

/*  login */
#login, #logged{
  width: 150px;
  height: 50px;
  position: absolute;
  bottom: 12px;
  right: 100px;
  z-index: 100; 
  overflow: hidden;
}
#login{
  width: 145px;
  height: 30px;
  position: absolute;
  bottom: 22px;
  right: 40px;
  z-index: 100; 
  border: 1px solid #eee ;
  -moz-border-radius: 4px;
    background-color: #44454d;
    font-size: 1.1em;
}
#logged{ 
  right: 40px;
  width: 240px;
  height: 130px;
  background: #44454d ;
  top: 23px;
}
 #logged p{ 
padding: 10px 10px 10px 10px;
line-height: 35px;
}
 #logged select{ 
font-size: 0.9em;
width: 190px;
}

#login a, #logged a{ 
 font-weight: bold;
  color: white; 
  font-size: 0.9em;
}
a.ico-login{
  background: url(../img/ico/key.png) no-repeat left center ;
  display: block;
  line-height: 30px;
  padding: 0 20px;
  margin-left: 15px;

}

a.ico-admin{
  background: url(../img/ico/cog.png) no-repeat left center ;
  padding: 0 10px  0 20px;
}
a.ico-logout{
  background: url(../img/ico/door_out.png) no-repeat left center ;
  padding: 0 0 0 20px ;
}


#login a:hover, #logged a:hover{
  text-decoration: none;
  color: #ccc;
}

#mesta {   
  position: absolute;
  top: 30px;
  left: 355px;
  z-index: 100;
  padding: 10px 20px;
}
#mesta strong{
font-size:2.8em;
display:block;
line-height:35px;
color:#5c5d66;
text-transform:uppercase;
letter-spacing:-1px;
}
#mesta select{
margin:0px 0 0 136px;
width:135px;
padding:0;
padding-left:2px;
height:15px;
border-top:1px solid #8f8f8f;
border-left:1px solid #8f8f8f;
border-bottom:1px solid #c7c7c7;
border-right:1px solid #c7c7c7;
color:#cc0000;
font-size:0.9em;
}





/*  nav */
#navigation {
   height: 70px;
}
#navigation ul{
  background-color: #44454d;
  margin: 0 ;
  padding: 0 ;
   height: 55px;
   overflow: hidden;
}

#navigation li{
   float: left;
   list-style: none;
   margin: 0;
   padding: 0px ; 
   display: block;
   background: url(../img/bg_nav_li.gif) no-repeat 0 -60px;
}
#navigation li a{
  display: block;
  text-decoration: none;
  color: white;
  font-size: 1.7em;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 18px;
  padding: 12px 15px 5px 10px ;  
  background: url(../img/bg_nav_li.gif) no-repeat 0 0px;
}
#navigation li a span{
  display: block;
  background: url(../img/bg_nav_li_a.gif) no-repeat right center;
  padding-right: 30px;
}

#navigation li a small{
  color: #cacacc;
  font-size: 0.6em;
  font-weight: normal;
  letter-spacing: 0px;
}

#navigation li a:hover{
  background-image: none;
}

/*  content */
#content{

}


/*  tags  */
.tags{
  margin-left: 10px;
}
.tag, .deletetag{
  display: block;
  float: left;
  text-decoration: none;
  padding:0 0 0 10px;
  color: #fff;
  line-height: 20px;
  margin: 1px 1px 1px -5px;
  white-space: nowrap;
}
.tag{
background: transparent url(../img/tag.png) no-repeat 0px -10px;
}
.tag span{
display: block;
background: #7A7C86;
padding: 0 8px 0 2px;
}

.deletetag{
padding:0;
margin-left: -22px;
width: 18px;
height: 20px;
background: transparent  url(../img/delete_tag.png) no-repeat 3px 6px ;
}

.deletetag span{
display: none;
}

.admin .tag span{ /* .admin */
  padding-right: 22px;
}

.tag:hover {
  background-position: 0px -50px;
  color: #fff;
}
.tag:hover span{
  background-color: #b8151f;
  color: #fff;
}
.deletetag:hover{
background-position: 3px -14px;
}




/*  breadcrumbs   */
.breadcrumbs  { height: 25px;  margin-top: -5px; overflow: hidden;}
.breadcrumbs p { margin: 0 10px; font-size: 0.9em;  color: #b8151f; font-weight: bold; }
.breadcrumbs a { color: #5c5d66; text-decoration: none; font-weight: normal;}
.breadcrumbs a span{ color: #000; }
.breadcrumbs a:hover { color: #000; text-decoration: underline; }


/*  paging  */
.paging       { background: #f4f5f4 ; 
    color: #929399; 
    height: 40px; 
    line-height: 40px; 
    padding: 0 10px;
    margin: 10px 0 0px 0;
}
.paging:after { clear: both;        }  
.paging .fr a     { background: #86868e ; 
   padding: 2px 6px ;
  color: white;  
  text-decoration: none; 
  font-weight: bold; 
  font-size: 1.1em; 
  border: 1px solid #dbdbdc;   }
.paging .fr a.on   { background: #e9e9e9 ; color: black;  }
.paging .fr a:hover   { background: #999 ; color: #fff;  }
.paging strong   {  color: #333;  }


/*  category  */
.categories{
  background: #fff url(../img/bg_page.gif) -15px -10px  repeat-x ;
}

.category ul{
  margin: 0 0 20px 10px ;
  padding: 0 ;
  list-style: none;
}
.category li {
  margin-bottom: 0.7em;
}
.category li a{
  line-height: 1;
}
.size-1{font-size: 1em;}
.size-2{font-size: 1.5em;}
.size-3{font-size: 1.7em;  letter-spacing: -1px;font-weight: bold;}


.categorysection li a{
  font-size: 1.2em;
  letter-spacing: 0px;
  line-height: 1;
}

/*  reference   +   firma  */
.reference, .firma, .vysledek, .akce  { 
  clear: both;
  border-top: 1px solid white;
  margin: 0px;
  position: relative;
   margin: 1.4em 0;
    padding: 0 0 1.6em 0;
  background: url(../img/separ_fade.jpg) no-repeat left bottom;
  width: 100%;
} 
.reference p.top { 
  margin: 0 ;
  float: left;
/*  width: 140px; */
  width: 230px;  
} 
.reference p { 
  margin-left: 5px ;
  margin-bottom: 0.5em;
} 
.reference p.top img  { 
  margin: 0 ;
  border: 3px solid #eee; 
} 

.reference h3, .firma h3, .akce h3   { 
  padding-left: 0;
  color: black;
  font-weight: bold;
  font-size: 2em;
  letter-spacing: -1px;
  margin-bottom: 0.3em;
} 
.reference h3.small, .firma h3.small { 
  font-size: 1.6em;
  line-height: 1.3;
  margin-bottom: 0.5em;
} 

.ref-label{
  float: left;
  width: 120px;
  color: #929399;
  font-weight: normal;
}

.reference p.top img.ref-thumb{
border-width: 2px ;
margin: 3px 1px 3px 0 ;
float: left;
}

.firma h5, .reference h5 {}
.firma h5.quiet, .reference h5.quiet  { font-weight: normal; font-size: 1em;  }
.firma h5.quiet a, .reference h5.quiet a  { 
  color: #666;
  background-color: #CECFD6; 
  text-decoration: none;  
  padding: 0px 3px  ;
}

.firma h5.quiet a:hover, .reference h5.quiet a:hover  { 
  color: #fff;
  background-color: #999; 
}

/*
.span-12  h3{
 font-size: 1.5em;
}
*/

/*    +  firma */
.firma  { 
    padding: 0 0 1.4em 0;
  background: url(../img/separ_fade.jpg) no-repeat left bottom;
} 
.firma h3 { 
  font-size: 2.2em;
} 
.firma p.top { 
  margin: 0 ;
  float: left;
  width: 210px;
} 
.firma p.top img { 
  margin: 0 ;
  padding: 4px ;
  border: 3px solid #eee;
} 
.firma p { 
  margin-left: 5px ;
}  
.firma .akce-link{
  background-color: #72727c;
  color: white;
  padding: 5px 10px ;
  margin: 5px 0; 
 
}
.firma .akce-link strong{  font-size: 1.2em;}
.firma .akce-link a{
  color: #f8c90b;
  text-decoration: none;
  font-weight: bold;
}
.firma .akce-link a:hover{
  color: #fff;
}

/*  akce  */
.akce p {  margin-left: 0;margin-bottom:8px;}
.akce h4{ padding-left: 0;}
.akce-txt {
  display: block;
  float: right;
  width: 170px;
  height: 120px;
  margin: .3em 30px 2em 0;
	padding: 15px;
	text-decoration: none;
	color: #c90e2a;
	text-align: center;
	font-weight: bold;
  background-color: #eee;
  letter-spacing: -2px;
}
.akce-txt span{	font-size: 2.2em; line-height: 1.15em;}
.akce .akce-vydani{
color:#999;
font-style: italic;
font-weight:normal;
}
.akce.super{
border:1px solid #d0d0d0;
padding:10px;
margin:0 -10px;
background:#f4f5f4;
}
.akce.super h4{
color: #c90e2a;
}

.akce.super .button-txt{
float:right;
}

/*  vysledek  */

.vysledek{ margin-left: 1px;}
.vysledek h3 { 
  color: black;
  font-weight: bold;
  font-size: 2em;
  letter-spacing: -1px;
  margin-bottom: 0.3em;
} 


/**/
 .button-line{ height: 30px;}
.categories  .button-line{ margin-bottom: 1.6em;}
.button-txt{
  display: block;
  background: url(../img/bg_txtbutton.gif) repeat-x ;
  border: 1px solid #e6e6e6; 
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  margin-bottom: 5px;
  margin-right: 10px;
}
.button-txt span{
  display: block;
  border: 1px solid #fff; 
  border-right-color: #444;  
  border-bottom-color: #444;  
  padding: 5px 20px 4px;
}
.button-txt:hover {
  background: url(../img/bg_txtbutton.gif) repeat-x ;
  background-position: 0px -50px;
  color: #eee;
}


.reference .button-txt{margin-right: 0;}



/*  poptavky buttons  */

.poptavka{
  background-color: #effaff;
  border: 1px solid #e5e5e5 ;
  padding: 3px 20px ;
  margin-bottom: 10px;
}

.poptavka a.button{
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 33px 0 22px 65px ;
  line-height: 20px;
  text-decoration: none;
  color: white;
  font-size: 1em;
  letter-spacing: -1px;
  font-weight: bold;
}
.poptavka a.button.b_sluzby{  background-image: url(../img/button_sluzby.gif) ;}
.poptavka a.button.b_material{  background-image: url(../img/button_material.gif) ;}

.poptavka a.button:hover{
  background-position: 0px -76px;
  color: #eee;
}

.poptavka p{
   margin: -10px 0 0 0 ;
   padding: 0 0 5px 35px;
   color: #5c5d66;
}

/*   tabs  */

.tabs{
  height: 33px;
  position:relative;
  width:100%;
}

.tabs ul{
  height: 32px;
  border-bottom: 1px solid #ccc ;
  margin: 0 ;
  position:absolute;
  width:865px;
  z-index:9999;
  padding: 0 0 0 5px; 
}
.tabs ul li {
  float: left;
  display: block;
  height: 30px;  
  list-style: none; 
  margin: 0 3px; 
  padding: 0 ;
}

.tabs ul li a{
  float: left;
  display: block;
  height: 30px;  
  line-height: 30px;
  padding: 0em 1em ;
  border: 1px solid #666 ;  
  position: relative;
  top: 1px;
  background-color: #676871;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.2em;
  color: white;
  
}
.tabs ul li a.help{
background: #919191 url(../img/tabs_help.gif) no-repeat 0px 0px;
border:1px solid #ccc;
padding-left:28px;
color:#838282;
}
.tabs ul li a:hover{
  background-color: #7a7c86;
}
.tabs ul li a.help:hover{
color:#000;
}
.tabs ul li a.on{
  background-color: white; 
  border-color: #ccc;
  color: #333; 
   border-bottom: 1px solid #fff ;
   font-weight: bold;
}


td.large p{
  margin: 1em 0; 
}

/**/

.contacts{
  margin: 0px 0px 10px 0;
  width: 49%;
}
.contacts.full{
  width: 100%;
  margin: 0px 0px 15px 0;  
}
.contacts .contact, .contacts .text {
  display: block;
  background: url(../img/icons_contact.gif) no-repeat ;
  padding: 13px 0px 0px 75px;
  border: 1px solid #eee ;  
  line-height: 1.4;
  height: 48px;
}
.contacts .text{
  padding-left: 15px;
  background: none; 
  border-color: #ccc;
}
.contacts .text strong.large{
  font-size: 1.3em;
}

.contacts a:hover{
  border-color:  #ccc ;  
}
.contacts .contact-tel{
  background-position: -5px 0;
  padding-left: 50px;
}
.contacts .contact-mail{
  background-position: -215px -2px;
}
.contacts .contact-web{
  background-position: -375px -2px;
  line-height: 2.8; 
   padding-left: 130px;
}
.contacts .contact-tel:hover{
  background-position: -5px -70px;
}
.contacts .contact-mail:hover{
  background-position: -215px -72px;
}
.contacts .contact-web:hover{
  background-position: -375px -72px;
}

/**/

table.search {   border: 1px solid #e5e5e5 ;}
table.search td{  padding: 1.2em 0.2em ;}

/**/

#search {   
  position: absolute;
  top: 103px;
  right: 40px;
  width: 200px;
  height: 40px;
  z-index: 100;
  background: url(../img/bg_login.jpg) no-repeat top right;
  padding: 10px 0 0 30px;

}
#search .submit-small{ 
 padding: 2px 3px ; 
 font-size: 0.9em; 
 border: none; 
 height: 20px;
 }

/**/

.intro_mesta{
  position: relative;
  background: url(../img/bg_intro_mesta.jpg) no-repeat ;
  height: 233px;
  margin:-13px 0 0 0;
}
.intro_mesta h3{
  position: absolute;
  left: 185px; top: 2px;
}
.intro_mesta ul{
margin:0;
}
.intro_mesta li{
  list-style: none;
}
.intro_mesta a{
  position: absolute;
  font-weight: bold;
  color: white;
  font-size: 1.55em;
  text-decoration: none;
  letter-spacing: -1px;
  }
.intro_mesta a:hover{
  color: #f4d34f; 
  }  
.intro_mesta a.mesto1{top: 160px; left: 231px;}
.intro_mesta a.mesto2{top: 150px; left: 374px;}
.intro_mesta a.mesto3{top: 118px; left: 355px;}
.intro_mesta a.mesto4{top: 184px; left: 375px;}
.intro_mesta a.mesto5{top: 67px; left:205px;font-size: 2.0em;}
.intro_mesta a.mesto6{top: 102px; left: 269px;}
.intro_mesta a.mesto7{top: 51px; left: 325px;}
.intro_mesta a.mesto8{top: 31px; left: 191px;}


/**/

/**/
.hotline{
  background: #048d33 url(../img/bg_telcontact.gif) no-repeat ;
  height: 72px;
  color: white;
  margin: 20px 0 18px 0;
  position: relative;
}
.hotline p{  margin: 0px 0 0 30px ; color: #b0ffcc; font-size: 1.2em;}
.hotline h3{  font-weight: bold; color: white; margin: 0px 0 0 13px; padding-top: 13px; letter-spacing: -1px;font-size: 1.8em;}
.hotline .off{  position: absolute; left: -9999px;}

.button-hotline{margin: 2px 10px 1px 3px; }
/**/


/**/
#frame-poptavka{
  background: #45454d url(../img/bg_frame_poptavka.jpg) repeat-x ;
    width:100%;
    position:fixed;
    bottom:-500px;
    left:0;
    overflow:hidden;

    text-align: left;
    color: white;    
    height: 220px;
}
#frame-poptavka .container{position: relative;
  background: url(../img/bg_frame_poptavka_img.jpg) no-repeat left top; margin: 0 auto; padding: 10px 0 ;
  height: 100%;
}
#frame-poptavka .content{padding-left: 230px;}

#frame-poptavka h2{
  background: none;
  font-size: 2.4em;
  color: white;
  margin: 10px 0;
}
#frame-poptavka p{
 margin: 15px 0 0 0 ; font-size: 1.2em;
}
#frame-poptavka .close{
 position: absolute;
 top: 0;
 right: 0;
 background: #111111 url(../img/close.gif) no-repeat left center;
 padding: 0px 20px 0 40px;
 text-decoration: none;
 color: #999;
 font-weight: bold;
 font-size: 1.4em;
 line-height: 38px;
}
#frame-poptavka .close:hover{background-color: #222;}
#frame-poptavka a {color: #ffcc00;}


/**/


/*  footer  */
#footer{
  background: #a8a7ac url(../img/bg_footer.gif) no-repeat center top;
  height: 70px;
}

#footer p{
 padding: 25px 40px ; color: white;
 font-size: 0.9em;
 margin: 0 ;
}

#footer p.right{
float: left;
}

#footer a{
 text-decoration: none;
 color: white;
}


/**/
.frame-podminky{
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #bbb ;
}

.form-nastaveni{margin-bottom: 0;}

.data-table{
    border-collapse: collapse; 
    font-size: 1em;
    }
.data-table td{
    border:none;
    padding: 7px 10px ;
    line-height: 1.4;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #ccc; 
    }
    
.data-table .error, .data-table .notice, .data-table .success {
  margin: -5px -7px; 
  padding: 5px 8px; 
  text-align: center;
  }

.typ-prace{
    background-color: #CC0033;
    color: white;
    font-weight: bold;
    padding: 1px 4px ;
}
.typ-firma{
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 1px 5px ;
}
.typ-material{
    background-color: #0066CC;
    color: white;
    font-weight: bold;
    padding: 1px 3px ;
}


/*  Posledni akce a slevy  */
.last-item{
padding:5px;
float:left;
width:340px;
border-bottom:1px solid #e5e5e5;
}
.last-item .date{
background:#ebebeb;
width:80px;
display:block;
float:left;
margin:0 10px 5px 0;
padding:2px 5px;
font-size:1.0em;
font-weight:bold;
}
.last-item a{
font-weight:bold;
text-decoration:underline;
}