* {margin: 0;padding: 0;} 
body {background: white url("back.gif"); font:81.25%/1.3 "Verdana CE",  Verdana, "Arial CE", Arial, Helvetica, sans-serif;color: black; text-align: center;}
#page {background: url("back-line.gif") repeat-x;}
#pageIn { width: 800px; margin: 0px auto; text-align: left; padding-top: 20px;}
a {color: #880006; font-weight: bold; }
a img {border: none;}
a:hover, #boxful .text h3 a:hover {text-decoration: none; }
a:visited {color:#D5000B; }

h1 {font-size: 130.8%; padding-bottom:5px;}
h2 {font-size: 115.4%; padding-top:15px;}
h3 {font-size: 108%; padding-top: 10px;}
h4 {font-size: 100%; padding-top: 10px;}
h5 {font-size:92.4%;}
h6 {font-size: 84.7%; text-align:right;}

ul {list-style-type: none;margin: 0px 5px 5px 15px; }
ul li {background: url("back-ul.gif") no-repeat 0 3px; padding-left: 17px; padding-bottom: 4px;}
ol {margin: 5px 5px 10px 35px; font-weight: bold;}
ol li {padding:0 0 2px 0; }
ol li span {font-weight: normal;}
p {padding: 5px 0 10px 0px; }
/*html>body button {padding: 1px;}*/
table {font-size: 100%;}
table span.small {color: #696969;}

hr { display: block;}
.hr {clear:both;height:1px;visibility:hidden;overflow:hidden; line-height: 1px; background-color: Green;}
.cleaner {clear:both;height:1px;width: 0px;border:none;margin:0; padding:0;background:transparent;visibility: hidden;font-size: 0.1px;line-height: 0.1px;}
.small {font-size: 84.7%;}
.txtVersion {display: none;}
.noMargin{margin: 0;}
.ttCenter {text-align: center;}
.ttRight {text-align: right;}
.alert {font-weight: bold; color:#C40808; padding:3px 5px; font-size: 92.4%;}
div.alert ul {margin-left: 0;border: 1px solid #C40808; padding: 5px;font-weight:normal; }
div.alert ul li {background: none; padding: 0 0 2px 0;}
.line {height: 2px;overflow:hidden; background-color: #880006; width:100%; margin:5px 0;}
.back {background: url("ico-back.gif") no-repeat 0 13px;font-size:92.4%; float: right; margin-right: 14px; padding-top: 8px;}
.back a {padding-left: 14px;}
.tip {font-size: 92.4%;}
.tip  strong {color: white;background-color:  #880006; padding:2px;}
.tip span {font-weight: bold;}

.button { padding-top: 1px;}
.button a {display: block; width: 190px; height: 37px; background: url("back-button.gif"); color: White; text-decoration: none; font-size: 92.3%;text-align: center;}
.button a span {position: relative; top: 8px;}
.button a:hover  span { text-decoration: underline;}


.pager {clear: both; text-align: center; padding-top: 15px; color:Gray; font-size: 92.45%;font-family: Arial, Helvetica, sans-serif; }  
.pager span a, .pager span strong { /*padding: 0 2px;*/}
.pager span {padding: 0 5px;}

#overLayer {position: absolute;  background: White; border: 2px solid #880006; padding: 10px; padding-bottom: 0; }
#overLayer .close {text-align: center; padding: 0 2px; font-size: 92.3%;}
#overLayer .close a {text-decoration: none;}
#overLayer .close a span {text-decoration: underline; position: relative; top:-2px;}
#overLayer .close a:hover span {text-decoration: none;}

/* HEADER */
#header {background:url("back-head.png") no-repeat; width: 100%;position: relative;}
#header #searchBox {position: absolute; top: -15px; right: 17px;}
#header #searchBox input {margin-right: 2px;}
#header #searchBox table {margin: 0;border-spacing: 2px;}
#headerIn {background:url("back-menu.gif") repeat-x 0 146px;  margin: 0 20px;padding: 34px 15px 15px 15px;}
#header h6 {float:left;margin: 4px 0 0 0px; padding-left:8px; }
#header h6 img {width: 208px;  height: 83px;}
#header #ttl {float:right;width: 488px; height: 94px; overflow: hidden; background: #a7a5a1 url("majak.jpg") no-repeat;}
#header #ttl h2 { position: relative; top: 10px; left: 10px; background-color: #cccccc; color: #880006; width: 220px; text-transform: uppercase; font-size: 108%; padding: 10px;} 

#header .menu {clear:both;text-transform: uppercase;}
#header .menu ul{ margin:0 0 0 0; padding:18px 0 0 0; width: 100%;}
#header .menu li { float: left; display: inline; height: 81px; border-left:1px solid #d5d6d8;border-right:1px solid white; padding: 0; margin: 0; background: none;}
#header .menu li a { text-decoration: none; height: 81px; display: block; float: left; padding: 0 18px;}
#page #header .menu li a:hover {background: url("item-active.gif");color:white;}
#page #header .menu li a.selected, #page #header .menu li a.selected:hover {background: url("item-selected3.gif") repeat-x;color:#880006;}
#header .menu li a:visited {color: #880006;}
#header .menu li a em {text-decoration:underline; font-style: normal;}
#header .menu li a strong {display: block; padding:0 2px; }

#header .menu li a .ico {background:url("ico-home.gif") no-repeat 0px 37px; display: block; height: 54px; width: 30px;}
#header .menu li a:hover .ico {background-position: 0px -23px;}
#header .menu li a.selected:hover .ico {background-position: 0px 37px;}
#header .menu li a#home .ico { background-image: url("ico-home.gif")}
#header .menu li a#services .ico { background-image: url("ico-services.gif")}
#header .menu li a#references .ico { background-image: url("ico-references.gif")}
#header .menu li a#about .ico { background-image: url("ico-about.gif")}
#header .menu li a#articles .ico { background-image: url("ico-articles.gif")}
#header .menu li a#contacts .ico { background-image: url("ico-contacts.gif")}
#header .menu li a#tools .ico { background-image: url("ico-tools.gif")}

#header .smartNav {clear: both; color: White; font-size: 77%;font-weight: bold; padding:5px;}
#header .smartNav a {color: White;}

#suggest {left: 1px; top:25px; font: 11px sans-serif; width: 150px; position: absolute; border: 1px solid #ddd; margin: 0px; cursor: default; visibility: hidden; background-color: #fff;}
#suggest a {margin: 0; padding: 0; display: block; color: #000; text-decoration: none; font-weight: normal; padding: 2px;}
#suggest a:hover {background-color: #ddd;}

/* CONTENT */
#content {background:url("back-content.png") repeat-y; width: 100%; }
#contentIn { margin: 0 50px 0 50px;}

/* BOXFUL */
#boxful { float: left; width: 497px; padding: 15px 0 10px 0;}
#boxful .box {margin:5px 0 20px 0; /*clear:both;*/ width:100%; }
#boxful .image {width:165px; float:left; position:relative;height: 100px;}
#boxful .image .ram {width:150px; height:100px; background: url("ram.gif") no-repeat; position:absolute; left:0; z-index:1; top:0;display: block; text-decoration: none;}
#boxful .image img {width:150px; height:100px;}
#boxful .image h5 {width:145px; text-align:right; color:white; position:absolute; top:79px; z-index:2; left:0;}
#boxful .image h5 a {color:white;text-decoration: none; display: block;width: 145px;}
#boxful .text {float:left; width:330px;position:relative; top:-4px;}
#boxful .text h3 {padding-top: 0; color:#880006;}
#boxful .text h3 a {display: inline; text-decoration: underline;}
#boxful .text h3 span {font-size: 78%; color: Black;}
#boxful .text h6 {font-weight:normal; padding-top: 5px; }
#boxful .text p {padding-bottom: 0px;}
#boxful .moreInfo {font-size: 84.7%;}
#boxful .moreNews {background: url("ico-forward.gif") no-repeat 0 4px; padding-left: 14px;font-size: 92.4%;} 

#boxful ul {margin-top: 5px; margin-bottom: 10px;}
#boxful table {font-size: 100%;  border-collapse: separate; margin:10px 15px 5px 12px;border-spacing: 2px; }
#boxful table caption {text-align: left; padding: 4px 0px; border-bottom: 2px solid black; font-weight: bold; text-transform: uppercase; font-size: 84.7%;font-size: 92.3%;}
#boxful td, #boxful th {border-bottom: 1px solid #e0dfe3; padding: 4px 8px; vertical-align: top; text-align: left; }

#boxful #otherServices h4 {padding-top: 5px; border-bottom: 2px solid #880006;padding-bottom: 2px; margin-bottom: 8px; font-size: 92.4%}
#boxful #otherServices ul  {margin-left:2px; }
#boxful #otherServices li { float: left; width:49%; padding-left: 0;  text-indent: 17px;}

.index #boxful h2 {font-size: 130.8%; padding-bottom:5px; padding-top:25px;}
.detail #boxful .image {top:8px; margin-bottom: 10px;}
.reference.detail #boxful em {text-transform: uppercase; font-size: 84.7%;font-style: normal;font-weight: bold;}

#boxful .previews div {width:160px; /*text-align: center;*/ float: left; margin:5px 0;}
#boxful .previews img {width:150px; height:100px; border:2px solid #880006;}
#boxful .previews span {display: block; text-align: center; font-size: 92.4%;}
#boxful .previews a span {text-decoration: underline; }
#boxful .previews a:hover span {text-decoration: none; }
#boxful .previews a:hover img {border-color:#F6F5F7;}

.detail-obrazku #boxful h1 {float: left;}
.detail-obrazku #boxful .image2 {/*clear: both;*/}
.detail-obrazku #boxful .image2 img {width: 480px; height: 320px;border:2px solid #880006;}

.kontakty #boxful form {margin:15px 0 30px 0;}
.kontakty #boxful form p {padding:10px 0 0 0;}
.kontakty #boxful label, .clanky #boxful label, .dsluzby #boxful label {width:90px; display: block; float: left; clear: left; margin-bottom: 1px; font-weight: bold;font-size: 84.7%; padding-top: 3px;}
.kontakty #boxful input, .clanky #boxful input, .dsluzby #boxful input {margin-bottom: 1px; width: 380px;}
.kontakty #boxful textarea, .clanky #boxful textarea, .dsluzby #boxful textarea {clear: both; width: 470px; height: 100px;} 
html > body.kontakty #boxful label, html > body.kontakty #boxful input { margin-bottom: 3px;}
.kontakty #boxful .line {margin-bottom: 15px; margin-top: -5px;}
.kontakty #boxful th { width: 90px; text-align: left; font-size: 84.7%;}
.kontakty #boxful table {font-size: 100%;  border-collapse: separate; margin:0;border-spacing: 2px; }
.kontakty #boxful td, .kontakty #boxful th {border-bottom: none; padding: 0; vertical-align: middle; text-align: left; }
.kontakty #boxful button {margin-right: 10px;}

.clanky.detail .zKod {display: block;border: 1px solid black;color: Black;font-size: 85%;background-color: #FFFFE0;margin: 5px 0px;padding: 10px;background-color: #FFFFCC;}
.clanky.detail #boxful h6 {font-weight: normal; padding-top: 10px;}
.clanky.detail h6 span {background: url("ico-back.gif") no-repeat 0 4px;}
.clanky.detail h6 span a {padding-left: 14px;}
.clanky.detail a.newFace{text-decoration: none;border-bottom: 2px solid  #990000;padding-left: 2px;padding-right: 2px;background-color: transparent;}
.clanky.detail a:hover.newFace {text-decoration: none; background-color: #DCDCDC; color: Black;}

.hledani #boxful h1 {margin: 0px 0; float: left;}
.hledani #boxful .searchInfo {color: #484848; float: right; width: 230px; text-align: right; padding-top: 1px; font-size: 84.7%; position: relative; top:-5px;}
.hledani #boxful .searchInfo strong {color: black;}
.hledani #boxful h2 { background: none; color: #484848; font-weight: normal; padding-top: 0px; font-size: 100%; }
.hledani #boxful h2 strong {font-size: 123%; color: Black;}
.hledani #boxful .line {clear: both; margin-top: 0px;}
.hledani #boxful .item {clear: both; margin: 6px 0 0px 0;}
.hledani #boxful .item h3 {font-size: 100%; line-height: 1.2em;}
.hledani #boxful .item p {padding:4px 0 0 0; font-size: 92.4%;}
.hledani #boxful .item span a { text-decoration: none; color: #484848;font-size: 84.7%; font-weight: normal;}
.hledani #boxful .item span a:hover {text-decoration: underline;color:#880006;}
.hledani #boxful .noItem {clear: both;}
.hledani #boxful .noItem p {padding:10px 0 20px 0;}
.hledani #boxful .noItem input {}
.hledani #boxful .pager { margin-top: 10px;}

.o-nas #boxful h3 { padding-top: 20px;}
.o-nas #boxful .item { padding-top: 10px;}
.o-nas #boxful .line {clear: both; margin: 20px 0;}
.o-nas #boxful .image {width:132px;height: 162px; float:left; background: url("back-image.gif"); text-align: center; }
.o-nas #boxful .image img {width:100px; height:130px;margin:15px; border: 1px solid white;}
.o-nas #boxful .text {width: 365px; }
.o-nas #boxful .text .textIn { padding-left: 15px;}
.o-nas #boxful .text h2 {padding-top:0;color:#880006; padding-left: 2px;}
.o-nas #boxful .text h5 {font-size: 84.7%; padding-left: 2px;}
.o-nas #boxful .text h5 span {font-weight: normal;}
.o-nas #boxful table {font-size: 100%;  border-collapse: separate; margin:0;border-spacing: 2px; margin-top: 15px; }
.o-nas #boxful td, .o-nas #boxful th {border-top: 1px solid #e0dfe3; border-bottom: none; }
.o-nas #boxful th { padding: 5px 4px 4px 0;font-size: 84.7%;font-weight: normal;text-transform: uppercase; line-height:1.6em;}

.novorocenky .wishBox {margin:1px 5px 5px 0;float: left;}
.novorocenky .wishBoxIn {background-color: #E6E5E9; text-align: center;width: 160px; height: 185px;  }
.novorocenky .wishBox .pict  {text-align: center;height: 160px; position: relative; top: 4px;} 
.novorocenky .wishBox .pict a img {border: 1px solid #880006;}
.novorocenky .wishBox .pict a:hover img {border: 1px solid white;}
.novorocenky .wishBox input {vertical-align: middle;}
.novorocenky .wishBox label {font-size: 92.4%; vertical-align: middle;}
html>body.novorocenky .wishBox label {padding: 0 0 0 2px;}
.novorocenky .wishMsg {padding-bottom: 10px;}
.novorocenky .wishMsg p {padding:2px 0 20px 0;}
.novorocenky .wishMsg label {width:130px; display: block; float: left; clear: left; margin-bottom: 1px; font-weight: bold;font-size: 84.7%; padding-top: 3px;}
.novorocenky .wishMsg p label {width: 250px;}
.novorocenky .wishMsg input {margin-bottom: 1px; width: 340px;}
.novorocenky .wishMsg textarea {clear: both; width: 470px; height: 55px;} 
html > body.novorocenky .wishMsg label, html > body.novorocenky .wishMsg input { margin-bottom: 3px;}
.novorocenky #boxful button {margin-right: 5px;}
.novorocenky form #overLayer {top: 130px; text-align: center;}

.mapa-stranek #boxful ul {margin:5px 5px 5px 15px; }
.mapa-stranek #boxful li {background: url("back-ul2.gif") no-repeat 0 6px;padding-top: 3px;}
.mapa-stranek #boxful ul ul {margin: 2px 5px 5px 15px;}
.mapa-stranek #boxful ul ul li {background: url("back-ulpipe.gif") no-repeat 0 0; padding-top: 2px; padding-bottom: 1px; font-size: 84.7%;}
.mapa-stranek #boxful ul ul li.last {background-image: url("back-ulendpipe.gif");}

/* BAR */
#bar { float: right; width: 172px; padding-bottom:10px;}
#bar h4 {padding-top: 15px; }
#bar ul {margin:5px 0 5px 0; }

#bar h6 {font-size: 100%; text-align:right; padding:5px 0; line-height:1.0em;}
#bar h6 a {font-size: 84.7%;}
#bar .news li {padding-bottom:10px;}
#bar li h4 {padding:0;}

#bar .bButtons {padding-top: 5px; position: relative; height: 120px;}
#bar .bButtonsIn {position: absolute;left: -6px;}


/* FOOTER */
#footer {background:url("back-foot.png") no-repeat bottom; width: 100%;padding-bottom: 31px; padding-top: 5px;  text-align: center; }
#footerIn { margin: 0 35px 0px 35px; background: #880006 url("back-footerin.gif") no-repeat bottom; color: White; padding:8px 15px;}
#footer a, #footer a:visited {color: White;}
#footer span {background: url("ico-up.gif") no-repeat 0 4px; padding-left: 18px;}
#footer span#up {background-image: url("ico-up.gif");}
#footer span#print {background-image: url("ico-print.gif");}
#footer span#rss {background-image: url("ico-rss.gif");}
#footer span#txt {background-image: url("ico-txt.gif");}
#footer span#map {background-image: url("ico-map.gif");}
#footer em {display: block; font-size:84.7%; padding-top: 7px; font-style: normal;}