/* CSS Document */
/*STYLY*/

a {color: #9a141b; text-decoration: underline;}
a:hover {text-decoration: none;}

#submenu ul a, #top-nav ul a, #bottom-nav ul a, #hp-nav ul a, #main-nav ul a {text-decoration: none;}
#submenu ul a:hover, #top-nav ul a:hover, #bottom-nav ul a:hover, #hp-nav ul a:hover {text-decoration: underline;}


img {border: 0;}
hr {display: none;}
p {padding: 1em 0; text-align: left;}
address {font-style: normal;}


.left {float: left;}
.right {float: right;}
.clear {clear: both;}
div.clear {display: block; font-size:1px;line-height: 1px; }
.hide {display: none;}


.error, .success {padding: 10px;  color: #fff; font-weight: bold; }
.success {background: #63AC00;}
.error {background: #C30000;}

.date {font-size: 0.85em; color: #4b4b4b; }

.highlight {font-weight: bold; color: #9a141b;}

.more {display: block;  background: url("/img/list-bullet-gray-white.png") no-repeat left center; padding: 10px 20px; float: right; text-transform: uppercase;}
	.more a {font-size: 0.9em; color: #6a6a6a; text-decoration: none; font-weight: bold;}
	.more a:hover {color: #454545; text-decoration: underline;}


.adminLink {float: right;}
#poptavka th {padding: 10px 10px 0; vertical-align: bottom;}

/* HEADINGS */
h1,h2,h3, h4, .catName {color: #9a141b; line-height: 1.3em; padding: 1em 0 0.5em; text-align: left;}
h1, .catName {font-size: 1.7em; font-weight: normal; padding: 0; }
h2 {font-size: 1.7em; font-weight: normal; padding: 0 0 0.5em 0;}
h3 {font-size: 0.94em; text-transform: uppercase;}
	h3 a {text-decoration: none;}
	h3 a:hover {text-decoration: underline;}
h4 {font-size: 0.94em; border-bottom: 1px solid #9a141b; width: 75%; margin: 0 0 8px 0;}

/* LISTS */
ul,ol,dt {position:relative; margin: 10px 0;}
ul {list-style: none; }
ol {margin-left: 20px;}
	li {padding: 0px 20px 0px;}
	ol li {padding: 0;}
	ul li {background: url("/img/list-bullet-red-transp.png") no-repeat left 5px;  }
	/*ul a {text-decoration: none; color: #000;}
	ul a:hover {text-decoration: underline;}*/

	ol {list-style-type: decimal; }
	ol ol  {list-style-type: lower-latin; }
	ol ol ol {list-style-type: lower-roman; }


/* FORM */
fieldset {border: 0; padding: 10px 0 15px; font-size: 11px;}
legend { color: #9a141b; font-weight: bold;}
	label {padding: 0 5px;}
	input, select, textarea {border: 1px solid #5b5c5c; color: #6a6a6a; padding: 2px;}
	input, select {  line-height: 1em; }
	textarea {height: 100px; font: 1.1em Tahoma, Geneva, sans-serif; padding: 2px 0;}
		.radio { width: auto; display: inline; border: 0;}
		.checkbox { width: auto; display: inline; border: 0;}

	button, .btn { cursor: pointer; width: 150px; display: block; font: 0.9em Tahoma, Geneva, sans-serif; color: #fff; background: url("/img/btn-bg.png") no-repeat left top; height: 26px; border: 0; padding: 0; margin: 0 14px; text-align: center; text-decoration: none;}
	button span, .btn span {vertical-align: middle; width: 100%; height: 26px; line-height: 26px; text-align: center;}

form .extra {color: #f00;}
form table, form tr.odd {background: none;}
form th {text-align: left;}
form td {border: 0;}
/*form table input, form table select {width: 100%;}   */
table button, table .btn {margin: 0;}
table button.left {margin: 0 15px 0 0;}

	form .error-env {position: relative; }
	form .error-env .error {padding: 2px; font-size: 0.9em;}

.contact-form input, .contact-form textarea {width: 100%; padding:3px 0;}
.send-article input, .send-article textarea {width: 100%; padding:3px 0;}

.col-15 {width: 15%;}
.col-30 {width: 33%; padding: 0;}
.col-85 {width: 85%;}
.form-full {padding: 17px;}

.without-legend label { display: block; width: 145px;  color: #9a141b; font-weight: bold; padding: 5px 0 ;}
.without-legend .item { height: 70px; }

.btns .btn {float: left;}

/* TABLE */
table {width: 100%; border-collapse: collapse; background: #f6f6f6; margin: 20px 0; padding: 100px; border-color: #999;}
	caption {text-align: left; margin: 20px 0 -10px; font-weight: bold;}
	thead {background: #a4a4a4 url("/img/table-head.png") repeat-x left bottom;}
	th, td {padding: 0.5em 1.2em;}
	th {padding: 1em 1.2em;}
	td {border-top: 1px solid #e6e6e6; }
	tr.odd {background: #eee; }


/* SEARCH */
#search label {display: none;}
#search fieldset {padding: 8px 0 0 0;}
#searchBox {float: left;}
#searchBtn {float: left; background: url("/img/btn-search.png") no-repeat; width: 27px; height: 21px; border: 0; margin: 0 0 0 5px;}
	#searchBtn span {display: none; }

.resultBox {padding: 30px 10px 0;}
.resultBox .item {padding: 0 20px;}
.resultBox p {padding: 0 5px 10px;}

/* BOTTOM-NAV */
#bottom-nav {font-size: 0.95em;}
	#bottom-nav .item1 {width: 700px;}
	#bottom-nav .item2 {width: 150px;}
		.split-list {padding: 17px 0; }
			.split-list .col1 {margin-left: 0;}
			.split-list .col2 {margin-left: 200px;}
			.split-list .col3 {margin-left: 400px;}
			.split-list .reset {margin-top: -40px;}


/* ARTICLE */
img.perex { padding: 0; margin: 10px; border: 1px solid #747474;}
	img.left {margin: 0 10px 0 0;}
	img.right {margin: 0 0 0 10px;}

#article h3 {color: #000; font-size: 1em; text-transform: none; padding: 1.5em 0 0em; }
#article.list h3 {padding: 0; }
#article.list h3 a {text-decoration: none;}
#article.list h3 a:hover {text-decoration: underline;}
#article .date {color: #a6a8a9;}

#article .item {padding: 15px 0; background: url("/img/line-dotted.png") repeat-x left bottom;}
#article .last {background: none;}

.perex {color: #666;}
	div.perex {padding: 5px 0; color: #171717}
	.perex .more, #reference strong {font-size: 0.9em; color: #171717; text-transform: lowercase; display: inline; float: none; padding: 0 20px; background: url("/img/list-item-red-white-small.png") no-repeat 5px 3px;}

#articleBtns { border: 1px solid #bebebe; margin: 18px 0; padding: 10px; }
#articleBtns a {font-size: 10px; color: #9a141b; padding: 0 17px; }
	#btnPrint {display: block;  background: url("/img/btn-print.png") no-repeat left center; }
	#btnMail {display: block; background: url("/img/btn-mail.png") no-repeat left center; }

#attachments .file-icon {display: none;}

/* REFERENCE */
#reference {width: 800px; margin: 0 auto;}
#reference .item {width: 140px; height:110px; margin: 10px; float: left; text-align: center;}
#reference span.img-env {display: block;line-height: 70px; height: 70px;}
#reference span.img-env img {vertical-align: middle;}
#reference a {text-decoration: none;}

#reference strong {display:block; background-position:0 5px;}

/* PAGER */
#pager {float: right; width: auto; background: none; font-size: 0.9em;}
	#pager td, #pager th {background: none; border: 0;}
	#pager a, #pager .active {  padding: 0 2px; }
	#pager a {color: #000; text-decoration: none; }
	#pager a:hover {text-decoration: underline;}
	#pager .active {color: #9a141b;font-size:1.2em; font-weight: bold;}

	.pagerRightDouble, .pagerLeftDouble {display: none;}
	#pager .pagerLeft a,#pager .pagerRight a {display: block;width:23px; height:17px; border: 0; padding: 0; text-indent: -9999px;}
	#pager .pagerLeft, #pager	.pagerRight {width:23px; height:17px; border: 0; padding: 0;}
	.pagerLeft span,.pagerRight span {display:none;}
	.pagerLeft, .pagerLeft a {background: url("/img/btn-left.png") no-repeat;}
	.pagerRight , .pagerRight a {background: url("/img/btn-right.png") no-repeat;}



/* Z-IMAGE OBRAZEK */
.z-image {position: absolute; z-index: 90;}
#img-man {background: url("/img/img-man.png") no-repeat; width: 224px; height: 258px; right: 5px; top: 100px;}
#img-man-woman {background: url("/img/img-man-woman.png") no-repeat; width: 269px; height: 202px; right: 0; bottom: -22px;}
#img-pen {background: url("/img/img-pen.png") no-repeat; width: 128px; height: 228px; right: -10px; top: -15px; }
.main-page .main-inner {margin-right: 110px;} /* odsazeni textu kvuli absolutne pozicovanemu panakovi */



/* SERVICES */
#services  { list-style: none;}
#services a {text-decoration: none;}
#services a:hover {text-decoration: underline;}
#services li { float: left;  width: 292px; margin: 5px; padding: 0; background: none no-repeat right top;   }
#services li h3 a {color: #9A141B; display: block;}
#services li h3 a .title { display: block; height: 57px; cursor: pointer;}
#services li h3 a:hover .title { text-decoration: underline;}
#services img {float: left; padding: 0;}

#services h3 {color: #9A141B; font-size: 20px; text-transform:none; font-weight: normal; border: 1px solid #999; padding: 0; width:292px;height: 167px; line-height: 58px; text-indent: 10px; vertical-align: middle;overflow: hidden;}
	#services .item32 { background-image: url("/img/h-cogwheel-red.jpg");}
	#services .item31 { background-image: url("/img/h-dies.jpg");}
	#services .item30 { background-image: url("/img/h-group.jpg");}
	#services .item29 { background-image: url("/img/h-connect.jpg");}
	
	#services .item88 { background-image: url("/img/h-dodavky_IT.jpg");}
	#services .item53 { background-image: url("/img/h-sluzby_prumyslova11.jpg");}
	
	#services .item72 { background-image: url("/img/h-isk2.jpg");}	
	#services .item59 { background-image: url("/img/h-sluzby_K2.jpg");}	
	#services .item98 { background-image: url("/img/h-oborova_reseni.jpg");}	
	#services .item76 { background-image: url("/img/h-vlastni_vyvoj.jpg");}	


#services li p {padding: 5px 10px 10px; display: block; height: 70px; }
#services li p a {font-weight: normal; color: #1e1e1e;}

	

/* CONTACT */
table.contact {background: none; margin: 0 0 10px;}
table.contact td, table.contact th {padding: 0 5px; border: 0; vertical-align: top; }

table.contact p {padding: 0 /*10px*/;}
table.contact ul {margin:0;}
#contact h3 {text-transform: none;}
#contact table a {color: #000; text-decoration: none;}
#contact table a:hover {text-decoration: underline;}


#contact .item {width: 49%; float: left; font-size: 11px; background: none;}
#contact .item th {width: 60px; padding: 0;}
#contact .item td, #contact .odd {border:0; padding:0; vertical-align: top;}

#contact .item img {background: #cecece; padding: 5px; margin: 0 10px 0 0; height: 80px; width: auto;}
#contact .item p {padding: 3px 0;}
#contact .item .contact-name {font-weight: bold;}
#contact .item .contact-position {font-style: italic; }
#contact .item .contact-tel {color: #9a141b; font-weight: bold; }
#contact .odd {background: none;}


#gmap {margin: 17px 0 ; border: 1px solid #666; }

/* SITEMAP */
#sitemap {margin: 0 auto; width: 90%;}

/* NYROMODAL */
.nyroModal img {background: #ddd; padding: 3px; margin: 5px;}
.nyroModal:hover img {background: #aaa;}

/* SLOVNIK */
.letters {text-align: center;}
.letters li {display: inline; padding: 5px; background: none; color: #666; font-weight: bold; }
.letters a {color: #9A141B; }
.letters b {font-size: 1.4em; color: #000;}
.letters p {padding: 0 1em;}