* {
margin:0pt;
padding:0pt;
}
body {
background:#FFFFFF url(back.png) repeat-x scroll left top;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
line-height:130%;
text-align:center;
}
body.bg {
background-image:url(back2.png);
}
h1, h2, h3 {
font-weight:normal;
}
h1 {
color:#FE7E01;
font-size:220%;
}
h2 {
font-size:170%;
margin-top:20px;
}
h3 {
color:#4E565F;
font-size:140%;
margin-top:10px;
}
ul {
margin:0pt 0pt 5px 20px;
}
ul li {
margin:0pt 0pt 3px;
}
a {
color:#333333;
}
img {
border:medium none;
text-decoration:none;
}
.clear {
background:transparent none repeat scroll 0% 50%;
border:medium none;
clear:both;
font-size:1px;
height:1px;
line-height:1px;
margin:0pt;
padding:0pt;
}
.txt-input, .txt-area, .objednavka-pole, textarea {
background:#FFFFFF url(bg-input.gif) no-repeat scroll left top;
border:1px solid #CCCCCC;
color:#8A8672;
margin:2px 0px;
padding:2px;
}
.txt-select, select {
background:#FFFFFF url(bg-input.gif) no-repeat scroll left top;
border:1px solid #CCCCCC;
color:#8A8672;
margin:2px 0px;
padding:2px;
}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {
border:1px solid #333333;
}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {
border:1px solid #FE7E01;
color:#555555;
}
.tabule, .tabule tr, .tabule td, .tabule th {
border:1px solid #CCCCCC;
border-collapse:collapse;
}
.tabule th {
background:#F6F8F9 none repeat scroll 0% 50%;
text-align:center;
}
.tabule th, .tabule td {
padding:5px;
}
.button {
background:transparent url(button.png) no-repeat scroll left bottom;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:115%;
font-weight:bold;
height:27px;
line-height:10px;
overflow:hidden;
vertical-align:middle;
width:90px;
}
.obrazek img {
border:3px solid #E4F2FE;
margin:10px 20px;
padding:2px;
}
.obrazek img:hover {
border-color:#ADCFED;
}
.no {
display:none;
}
.float-r {
float:right;
}
.float-l {
float:left;
}
.clearfloat {
clear:both;
font-size:1px;
height:0pt;
line-height:0px;
overflow:hidden;
}
.font-size-90 {
font-size:90%;
}
.font-size-85 {
font-size:85%;
}
#mainContainer {
margin:0pt auto;
text-align:left;
width:990px;
}
#header #top1 {
height:111px;
position:relative;
}
#header #top1 p {
color:#1E83BA;
font-weight:bold;
left:10px;
position:absolute;
top:10px;
}
#header #top1 span {
background:transparent url(top-logo.png) no-repeat scroll left top;
height:108px;
left:0pt;
position:absolute;
top:0pt;
width:309px;
}
#header #top1 #logotype {
height:50px;
left:40px;
position:absolute;
top:19px;
width:215px;
}
#header #top1 #logotype span {
display:none;
}
#header #top1 #search {
background:transparent url(top-hledej-back.png) no-repeat scroll 0% 50%;
height:28px;
overflow:hidden;
padding-top:6px;
position:absolute;
right:20px;
top:12px;
width:274px;
}
#header #top1 #search .searchText {
background:#FFFFFF url(top-input-back.png) repeat-x scroll 0% 50%;
border:1px solid #C0DFF9;
font-size:11px;
margin:0pt 3px 0pt 15px;
padding:2px;
width:180px;
}
#header #top1 #search .searchBtn {
background:#B70303 url(top-button-back.png) repeat-x scroll 0% 50%;
border:2px solid #9F0202;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
padding:0pt 3px;
}
#header #top1 #main-menu {
bottom:0pt;
height:41px;
line-height:41px;
position:absolute;
right:0pt;
}
#header #top1 #main-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#header #top1 #main-menu ul li {
float:left;
margin-left:10px;
overflow:hidden;
position:relative;
white-space:nowrap;
}
#header #top1 #main-menu ul li a {
color:#2084BB;
float:left;
font-size:110%;
font-weight:bold;
height:41px;
padding:0pt 15px;
text-decoration:none;
}
#header #top1 #main-menu ul li a:hover, #header #top1 #main-menu ul li:hover a, #header #top1 #main-menu ul li.selected a {
background:#BD2828 url(menu-back.png) repeat-x scroll 0% 50%;
color:#FFDDDD;
text-decoration:underline;
}
#header #top1 #main-menu ul li.selected a {
color:#FFFFFF;
text-decoration:none;
}
#header #top1 #main-menu ul li .roh-l {
background-image:url(menu-left.png);
display:none;
height:41px;
left:0px;
position:absolute;
top:0px;
width:10px;
z-index:20;
}
#header #top1 #main-menu ul li .roh-r {
background-image:url(menu-right.png);
display:none;
height:41px;
position:absolute;
right:0px;
top:0px;
width:10px;
z-index:20;
}
#header #top1 #main-menu ul li:hover {
background:transparent url(menu-back.png) repeat-x scroll 0% 50%;
}
#header #top1 #main-menu ul li:hover .roh-l, #header #top1 #main-menu ul li:hover .roh-r {
display:block;
}
#header #top1 #main-menu ul li.selected .roh-l, #header #top1 #main-menu ul li.selected .roh-r {
display:block;
}
#header #top2 {
background:transparent url(top2-head.jpg) no-repeat scroll left top;
height:223px;
overflow:hidden;
position:relative;
}
#header #top2 .holder-left, #header #top2 .holder-right {
height:220px;
position:absolute;
top:0pt;
width:230px;
}
#header #top2 .holder-left {
left:280px;
}
#header #top2 .holder-right {
right:0pt;
}
#header #top2 .holder-left p, #header #top2 .holder-right p {
color:#F3B2B2;
font-size:105%;
line-height:130%;
padding:15px 0px;
}
#header #top2 .holder-left p strong, #header #top2 .holder-right p strong {
color:#FFBBBB;
display:block;
font-size:130%;
margin-bottom:0.3em;
}
#header #top2 .holder-left p a, #header #top2 .holder-right p a {
background:transparent url(top-head-odrazka.png) no-repeat scroll left top;
color:#FFFFFF;
display:block;
font-size:110%;
height:33px;
margin-bottom:5px;
padding-left:30px;
}
#header #top2 .holder-left p a:hover, #header #top2 .holder-right p a:hover {
color:#FFA5A5;
}
#header #top2-short {
color:#FFFFFF;
font-size:90%;
height:30px;
line-height:29px;
padding-left:20px;
vertical-align:middle;
}
#header #top2-short span {
color:#000000;
padding:0pt 5px;
}
#header #top2-short a {
color:#FFFFFF;
}
#header #top2-short a:hover {
color:#FFA5A5;
}
#sidebar {
float:right;
margin:0px 0px 20px;
overflow:hidden;
width:290px;
}
#sidebar h2 {
color:#B42828;
font-size:155%;
margin-bottom:10px;
}
#sidebar .aktuality {
margin-bottom:15px;
padding:22px 0px 10px 5px;
}
#sidebar .aktuality h3 {
display:inline;
font-size:120%;
font-weight:bold;
}
#sidebar .aktuality h3 a {
color:#555555;
}
#sidebar .aktuality span {
color:#333333;
font-size:85%;
margin-left:4px;
}
#sidebar .aktuality p {
font-size:90%;
line-height:160%;
margin:0.3em 0pt 1em;
}
#sidebar .aktuality a.old {
background:transparent url(bull-orange-plus.png) no-repeat scroll left center;
color:#B42828;
display:block;
margin-left:5px;
padding:0pt 0pt 3px 23px;
}
#sidebar .aktuality a.old:hover {
color:#333333;
}
#sidebar .aktuality a:hover {
color:#B42828;
}
#sidebar .bg, #sidebar .bg1 {
background:transparent url(side-back-middle.png) repeat-y scroll left top;
padding:10px 25px 5px;
}
#sidebar .bg h3, #sidebar .bg1 h3 {
display:inline;
}
#sidebar .bg span, #sidebar .bg1 span {
color:#333333;
font-size:85%;
margin-left:5px;
}
#sidebar .bg p, #sidebar .bg1 p {
line-height:180%;
margin:0.3em 0pt 1em;
}
#sidebar .bg a:hover, #sidebar .bg1 a:hover {
color:#333333;
}
#sidebar .bg-top {
background:transparent url(side-back-top.png) no-repeat scroll left top;
height:47px;
}
#sidebar .bg-top h2 {
font-size:140%;
padding:5px 0px 0px 20px;
}
#sidebar .bg-bottom {
background:transparent url(side-back-bottom.png) no-repeat scroll left top;
height:15px;
margin-bottom:15px;
}
#sidebar .bg-menu {
background:transparent url(side-back.png) no-repeat scroll left top;
display:block;
margin:0px;
padding:10px 25px 30px;
}
#sidebar .bg1 {
background:transparent url(side-back-middle1.png) repeat-y scroll left top;
}
#sidebar .bg1-top {
background:transparent url(side-back-top1.png) no-repeat scroll left top;
height:47px;
}
#sidebar .bg1-top h2 {
font-size:140%;
padding:5px 0px 0px 20px;
}
#sidebar .bg1-bottom {
background:transparent url(side-back-bottom1.png) no-repeat scroll left top;
height:15px;
}
#sidebar .bg1-menu {
background:transparent url(side-back1.png) no-repeat scroll left top;
display:block;
margin:0px;
padding:10px 25px 30px;
}
#sidebar .bg1 a, #sidebar .bg a {
color:#1771BB;
}
#sidebar .bg1 a:hover, #sidebar .bg a:hover {
color:#B42828;
}
#sidebar .bg-menu ul.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#sidebar .bg-menu ul.menu li {
border-bottom:1px solid #CCCCCC;
font-size:95%;
margin:0pt;
padding:0pt;
}
#sidebar .bg-menu ul.menu li a {
background:transparent url(odrazka-sipka-cervena-mala.png) no-repeat scroll 0px 9px;
border-top:1px solid #FFFFFF;
color:#4E565F;
display:block;
margin:0pt 0pt 0pt 5px;
padding:9px 5px 12px 30px;
text-decoration:none;
}
#sidebar .bg-menu ul.menu li a:hover {
color:#B42828;
text-decoration:underline;
}
#sidebar .bg-menu ul.menu li.selected {
background:transparent url(side-menu-selected-back.png) repeat-y scroll right top;
color:#4E565F;
font-weight:bold;
text-decoration:none;
}
#sidebar .bg p.klient {
line-height:150%;
}
#sidebar .bg p.klient img.align {
vertical-align:text-top;
}
#sidebar1 {
float:right;
overflow:hidden;
padding:15px 0pt 20px;
width:321px;
}
#sidebar1 h2 {
color:#01233F;
font-size:155%;
margin-bottom:10px;
}
#sidebar1 .bgblue p.klient {
line-height:150%;
}
#sidebar1 .bgblue p.klient img.align {
vertical-align:text-top;
}
#sidebar1 .bgblue {
background-color:#E4F2FE;
padding:0pt 20px 5px;
}
#sidebar1 .bgblue h2 {
margin:0px 0px 10px;
}
#sidebar1 .bgblue h3 {
display:inline;
font-size:110%;
font-weight:bold;
}
#sidebar1 .bgblue h3 a {
color:#1771BB;
}
#sidebar1 .bgblue span {
color:#333333;
font-size:85%;
margin-left:5px;
}
#sidebar1 .bgblue p {
margin:0.3em 0pt 1em;
}
#sidebar1 .bgblue a.old {
background:transparent url(odrazka-sipka-cervena-mala.png) no-repeat scroll left top;
color:#B92A2A;
display:block;
height:21px;
padding-bottom:5px;
padding-left:25px;
}
#sidebar1 .bgblue a:hover {
color:#333333;
}
#sidebar1 .bgblue-top {
background:transparent url(side-back-top2.png) no-repeat scroll left top;
height:20px;
}
#sidebar1 .bgblue-bottom {
background:transparent url(side-back-bottom2.png) no-repeat scroll left top;
height:20px;
}
#sidebar1 .kontakt {
color:#444444;
padding:15px 10px 5px;
}
#sidebar1 .kontakt strong {
display:block;
}
#sidebar1 .kontakt h3 {
background:transparent url(odrazka-sipka-cervena-mala.png) no-repeat scroll left top;
color:#4E565F;
font-size:110%;
font-weight:bold;
padding:0pt 0pt 5px 23px;
}
#sidebar1 .kontakt p {
font-size:90%;
line-height:140%;
margin-bottom:1.2em;
margin-left:25px;
position:relative;
top:-4px;
}
#sidebar1 .kontakt a {
color:#1771BB;
}
#sidebar1 .kontakt a:hover {
color:#B42828;
}
#sidebar1 .kontakt .mapa {
margin:12px 0pt 28px 5px;
}
#mainContent {
float:left;
padding-bottom:2em;
padding-top:22px;
width:640px;
}
#mainContent h1 {
border-bottom:1px solid #AEB1B5;
color:#01233F;
font-weight:normal;
margin:10px 0px;
padding-bottom:10px;
}
#mainContent h2 {
border-bottom:1px dotted #01233F;
color:#01233F;
margin:25px 0px 15px;
padding-bottom:5px;
}
#mainContent h3 {
color:#1771BB;
margin:20px 0px 5px;
padding:0px;
}
#mainContent p {
line-height:155%;
margin:5px 0px 15px;
}
#mainContent a {
color:#1771BB;
}
#mainContent a:hover {
color:#B42828;
}
#mainContent ul, li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#mainContent ul {
line-height:180%;
margin:5px 0px 5px 5px;
vertical-align:middle;
}
#mainContent li {
background:transparent url(li1.gif) no-repeat scroll 5px 7px;
padding-left:20px;
}
#mainContent #proc-my {
margin-top:30px;
padding:0pt 20px 5px;
}
#mainContent #proc-my p {
background:transparent url(odrazka-sipka-cervena-velka.png) no-repeat scroll left center;
margin-bottom:0.6em;
min-height:3em;
padding-left:32px;
}
#mainContent #proc-my p strong {
color:#1771BB;
display:block;
}
#mainContent .holder {
font-size:90%;
margin-top:10px;
overflow:hidden;
}
#mainContent .holder div {
background:transparent url(holder-back.png) no-repeat scroll left top;
float:left;
height:130px;
margin:10px 10px 5px 5px;
padding:15px 10px 15px 15px;
width:280px;
}
#mainContent .holder div p {
margin:0px 0px 0px 90px;
}
#mainContent .holder div p a {
background:transparent url(bull-orange-plus.png) no-repeat scroll left center;
color:#1771BB;
display:block;
margin-top:6px;
padding-left:22px;
}
#mainContent .holder div p a:hover {
color:#B42828;
}
#mainContent .holder div img {
float:left;
margin:0px;
width:75px;
}
#mainContent .holder div h2 {
border:medium none;
color:#01233F;
font-size:150%;
font-weight:bold;
margin:0px 0px 10px;
padding-bottom:5px;
text-decoration:none;
}
#mainContent .holder div h2 a {
border:medium none;
color:#01233F;
font-size:100%;
font-weight:bold;
margin:0px 0px 10px;
padding-bottom:5px;
text-decoration:none;
}
.reference {
font-size:90%;
margin-top:1.3em;
}
.reference div {
float:left;
height:180px;
margin:10px;
overflow:hidden;
position:relative;
width:190px;
}
.reference1 div {
float:left;
height:160px;
margin:10px;
overflow:hidden;
position:relative;
width:190px;
}
.reference3 div {
display:block;
height:160px;
margin:10px 25px;
overflow:hidden;
position:relative;
width:190px;
}
.reference4 div {
display:block;
height:180px;
margin:10px 25px;
overflow:hidden;
position:relative;
width:190px;
}
.reference-tabulka {
float:left;
line-height:220%;
margin:0px;
overflow:hidden;
position:relative;
width:420px;
}
.reference-odkaz {
background:transparent url(reference-odkaz.png) no-repeat scroll left top;
display:block;
font-size:130%;
font-weight:bold;
height:50px;
line-height:50px;
margin:15px 0px 5px;
padding-left:70px;
vertical-align:middle;
width:350px;
}
#mainContent .zobraz-odkaz {
background:transparent url(zobraz-odkaz.png) no-repeat scroll left top;
display:block;
font-size:100%;
font-weight:bold;
height:40px;
line-height:40px;
margin:0px 0px 10px 290px;
padding-left:70px;
vertical-align:middle;
width:280px;
}
#mainContent .zobraz-odkaz a {
color:#1771BB;
font-weight:bold;
}
#mainContent .zobraz-odkaz a:hover {
color:#B42828;
}
#mainContent .bg-top-klient {
background:transparent url(klient-top.png) no-repeat scroll left top;
display:block;
height:44px;
margin:0px;
padding:0px;
}
#mainContent .bg-top-klient h3 {
color:#01233F;
font-size:150%;
padding:5px 0px 0px 100px;
}
#mainContent .bg-klient {
background:transparent url(klient.png) repeat-y scroll left top;
display:block;
margin:0px;
padding:5px 25px;
}
#mainContent .bg-bottom-klient {
background:transparent url(klient-bottom.png) no-repeat scroll left top;
display:block;
height:9px;
margin:0px;
padding:0px;
}
.reference div.left {
margin-right:8px;
}
.reference a, .reference3 a, .reference4 a {
background:transparent url(bull-orange-plus.png) no-repeat scroll 0px 3px;
display:block;
margin:0px 0pt 0pt 15px;
padding:0px 10px 2px 20px;
}
.reference .images, .reference .images:hover, .reference1 .images, .reference1 .images:hover, .reference3 .images, .reference3 .images:hover, .reference4 .images, .reference4 .images:hover {
/*background:transparent url(podkladreference.gif) no-repeat scroll 0px 50%; */
display:block;
height:130px;
margin:0px;
padding:11px 0px 0px 14px;
width:190px;
}
.reference .images:hover, .reference1 .images:hover, .reference3 .images:hover, .reference4 .images:hover {
background:transparent url(podkladreference.gif) no-repeat scroll 0px -152px;
}
.reference a:hover, .zobrazit-reference a:hover {
color:#333333;
}
.reference a, .reference3 a, .reference4 a {
color:#B42828;
}
#mainContent .pages {
background:#E6F3FE url(pages-back.png) no-repeat scroll left top;
clear:left;
font-size:90%;
height:27px;
margin:0pt 0pt 0pt 8px;
overflow:hidden;
text-align:center;
width:641px;
}
#mainContent .pages .arr-l {
float:left;
margin:4px 10px 0pt;
}
#mainContent .pages .arr-r {
float:right;
margin:4px 10px 0pt;
}
#mainContent .pages .page-no {
padding-top:5px;
}
#mainContent .pages .page-no a {
color:#4E565F;
padding:0pt 3px;
text-decoration:none;
vertical-align:middle;
}
#mainContent .pages .page-no a:hover {
color:#000000;
text-decoration:underline;
}
#mainContent .pages .page-no a.selected {
background:transparent url(pages-selected.png) no-repeat scroll center;
color:#FFFFFF;
padding:1px 6px;
text-decoration:none;
}
#mainContent .formular {
background:transparent url(formular-back-middle.png) repeat-y scroll left top;
padding:20px 40px;
}
#mainContent .formular .txt-input {
width:250px;
}
#mainContent .formular th {
padding-top:10px;
}
#mainContent .formular em {
color:#666666;
display:block;
font-size:90%;
padding-bottom:20px;
}
#mainContent .formular-top {
background:transparent url(formular-back-top.png) no-repeat scroll left top;
display:block;
height:11px;
margin-top:10px;
position:relative;
}
#mainContent .formular-bottom {
background:transparent url(formular-back-bottom.png) no-repeat scroll left top;
height:11px;
}
#mainContent .formular-obr {
background:transparent url(formular-back-obr.png) no-repeat scroll left top;
height:95px;
position:absolute;
right:20px;
top:-29px;
width:114px;
}
#mainContent .produkt-back {
background:transparent url(produkt-back.png) no-repeat scroll left top;
display:block;
font-weight:bold;
height:150px;
margin:20px 0px;
padding:0px 15px 0px 165px;
position:relative;
width:460px;
}
#mainContent .produkt-back .ikona {
left:24px;
position:absolute;
top:12px;
}
#mainContent .produkt-back p {
font-size:100%;
padding:20px 0px;
}
#mainContent .produkt-back strong {
line-height:220%;
vertical-align:middle;
}
#mainContent .kancelar1, #mainContent .kancelar2 {
float:left;
margin:0px;
padding:0px;
}
#mainContent .kancelar1 {
padding-right:10px;
width:300px;
}
#mainContent .kancelar2 {
background:transparent url(back-cara.png) no-repeat scroll left center;
padding-left:50px;
width:280px;
}
#mainContent .kontakt h2, #mainContent .kontakt h2 {
background:transparent url(li1.gif) no-repeat scroll 0px 5px;
padding-left:15px;
}
#mainContent .kontakt h3, #mainContent .kontakt h3 {
font-size:110%;
}
#mainContent .hvezda {
color:red;
}
#mainContent .odkazy ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt 0pt 0pt 15px;
}
#mainContent .odkazy ul li {
background:transparent none repeat scroll 0% 50%;
font-size:85%;
margin:0pt;
padding:0pt;
}
#mainContent .odkazy ul li a {
background:transparent url(side-odkazy.png) no-repeat scroll left center;
display:block;
font-size:110%;
line-height:200%;
padding-left:25px;
vertical-align:middle;
}
#footer {
background:transparent url(bottom-back.png) repeat-x scroll left top;
height:82px;
padding:10px;
text-align:center;
}
#footer .center {
color:#126EA0;
line-height:1.8em;
margin:20px auto auto;
width:960px;
}
#footer .foot-l {
float:left;
text-align:left;
}
#footer .foot-r {
float:right;
text-align:right;
}
#footer .foot-l a, #footer .foot-r a {
color:#1C82BA;
}
#footer .foot-l a:hover, #footer .foot-r a:hover {
color:#000000;
}
#footer .foot-menu a {
color:#000000;
margin:0pt 5px;
}
#footer .foot-menu a:hover {
color:#555555;
}
#error h2 {
margin-bottom:0.6em;
margin-left:0.2em;
}
#error h3 {
font-size:150%;
font-style:italic;
margin-bottom:0.3em;
}
#error p {
color:#555555;
margin-bottom:0.4px;
}
#error p.hint {
color:#000000;
font-weight:bold;
}
#error div.uri {
border:1px dashed #CCCCCC;
color:#666666;
margin-bottom:1em;
padding:4px 10px 5px;
}
#mail-form {
width:95%;
}
#mail-form .text_area {
width:99%;
}
#mail-form th {
padding-right:5px;
width:105px;
}
#mail-form input[type="reset"] {
color:#444444;
}
a {
color:red;
}
a:hover {
color:#333333;
}