/* DEFAULT
(doporucuju nemenit a nemazat)
*/

* {
margin: 0;
padding: 0;
}

html {
text-align: center;
font:0.75em Arial,Verdana,sans-serif;
line-height:1.7em;
}

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }
.clear { clear:both;}

.toLeft   {float: left;}
.toRight   {float: right;}

img {border: none;}

h1 {
font-size: 170%;
line-height: 150%;
}
h2 {
font-size: 170%;
padding:0;
margin:0 0 15px 0;

line-height:100%;
}
h3 {
font-size:150%;
padding:0;
margin:0 0 10px 0;
}
h4 {
font-size:130%;
color:#cf990a;
padding:20px 0 0 0;
margin:0;
}
h5 {
font-size:110%;
}

ul, ol {
margin:0;padding:0;
}
li {
list-style:url() none;
margin:0;padding:0;
}

p {
margin:0 0 10px 0;
}

.im {color:red;}

/* END DEFAULT 
(doporucuju nemazat)
*/

body {
background:url('topbg.jpg') top left repeat-x;
color:#77828a;
}
a {color:#4a799b;}

.right {text-align: right;}


#page {
background:url('bottombg.jpg') bottom left repeat-x;
}
#main {
margin:0 auto;
width:995px;
background:url('main.jpg') top left repeat-y;
}
#headHelp {
background:url('header.jpg') top left no-repeat;
}
#footerHelp {
background:url('footer.jpg') bottom left no-repeat;
}

#flashlogo {
float:left;
background:url('flashbg.jpg') top left no-repeat;
width:680px;
height:293px;
margin:7px 0 0 10px;
}
#logo {
margin:22px 0 0 30px;
float:left;
}

#logo h1 {
display: none;
}

#headtext {
font-size:12pt;
line-height: 16pt;
color:#606971;
float:right;
width:400px;
height:60px;
text-align: right;
margin:30px 24px 0 0;
}
#headContent {
margin:7px 8px 0 0;
float:right;
width:296px;
height:292px;
text-align: right;
}
#headContent p {
margin:0;
line-height: 0;
padding:0;
}
#headContent img {
margin:0 0 4px 0;
}

.narrow #header {
height:460px !important;
}
#header {
clear: both;
height:190px;
}
#headerContent {
float:left;
clear: both;
height:118px;
width:100%;
}



#mainmenu {
clear: both;
height:33px;
margin:0 7px 0 0;
}
#mainmenu ul {
float:right;
clear: both;
padding:0 11px 0 15px;
background:#7f8992 url('mainmenu.jpg') top left no-repeat;
}

.cleaner {
clear: both;
}

#mainmenu li {
float:left;
}
.pos {
display: none;
}
#mainmenu li a {
display: block;
color:white;
text-decoration: none;
padding:0 8px;
font-weight: bold;
line-height: 33px;
font-size: 11pt;
}
#mainmenu li a:hover, #mainmenu li.active a {
/*background:#374046;*/
color:#374046;
}



#content {
text-align: left;
min-height:500px;
_height:500px;
}
#container {
margin: 0 30px 0 32px;
}
#spa #container {
margin:0 17px 0 20px;
}

#footer {
clear: both;
color:#4e5559;
padding:5px 2px 5px 0;
text-align: right;
}

#footer #partners {
float: left;
margin-left: 20px;
}

#footer #copyright {
float: right;
margin-right: 20px;
}

#rightColumn {
float:left;
width:380px;
}
#rightColumn .TreeMenu li {
text-align: left;
}

#rightColumn ul.TreeMenu {
margin-bottom:40px;
position:relative;
left:-22px;
}

#rightColumn .TreeMenu li a {
line-height:25px;
font-size:10pt;
display: block;
background:url('homemenu.jpg') top left no-repeat;
width:374px;
height:25px;
color:white;
text-align: center;
margin:0 0 3px 0;
text-decoration: none;
font-weight: bold;
}
#rightColumn .TreeMenu li a:hover, #rightColumn .TreeMenu li.active  a {
background-position:bottom left;
}

.narrow #pagetitle {
text-align: left;
color:#4e5559;
padding:0 0 10px 30px;
background:url('icon.jpg') 0 4px no-repeat;
height:35px;
}

.narrow #content, #homepage #content {
width:550px;
float:right;
}

#smallNews {
text-align: left;
padding:0 0 20px 0;
position:relative;
left:-22px;
}

#smallNews .date {
font-size:9pt;
color:#737e87;
}

#newlist {
padding:0 0 0 15px;
margin-top:5px;
}
#smallNews ul {
margin:0 0 0 10px; padding:0;
}

#rightColumn h3 {
width:374px;
height:25px;
font-size: 11pt;
line-height: 25px;
margin:0;
padding:0 0 0 30px;
background:url('itemhead.jpg') top left no-repeat;
}
#smallNews h2 {
color: white;
width:374px;
height:25px;
font-size: 11pt;
line-height: 25px;
margin:0;
padding:0 0 0 30px;
background:url('itemhead.jpg') top left no-repeat;
}
#smallNews h2 a {
color:white;
text-decoration: none;
}

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

#spa #pagetitle {
display: none;
}
#spa h2, #swin-spa h2 {
width:350px;
color:white;
line-height:25px;
font-size:11pt;
height:25px;
background:#808a92 url('h1bg.jpg') top right no-repeat;
margin-left:-10px;
padding:0 0 0 10px;
}

#spa-menu {
float:right;
width:500px;
clear: both;
height:33px;
margin:-29px -22px 0 0;
}
#spa-menu ul {
float:right;
clear: both;
padding:0 11px 0 15px;
background:#d1d5d8 url('secoundmenu.jpg') top left no-repeat;
}
#spa-menu li {
float:left;
}
#spa-menu li a {
text-transform: uppercase;
display: block;
color:#4e5459;
text-decoration: none;
padding:0 3px;
line-height: 25px;
font-size: 10pt;
}
#spa-menu li a:hover, #spa-menu li.active a {
/*background:#374046;*/
color:white;
}

#pagetitle {
width:350px;
color:white;
line-height:25px;
font-size:11pt;
height:25px;
background:#808a92 url('h1bg.jpg') top right no-repeat;
margin-left:-22px;
padding:0 0 0 10px;
margin-bottom: 10px;
}

.homepage #pagetitle {
font-size:15pt !important;
line-height:30px;
margin: 0 0 0 0;
}

#leftColumnVana {
float:left;
padding:20px 0 0 0;
width:360px;
}
#leftColumnVana #mainImg {
padding:0 0 10px 0;
}

#rightColumnVana {
float:right;
padding:0 0 0 0;
width:550px;
}
.vana #pagetitle {
float:left;
position: relative;
top:-30px;
}
.vana #work {
 position: relative;
top:-40px;
}
.vana h2 {
margin:10px 0 0 0;
}

#rightColumnVana .warningBox{
text-align: center;
height: 30px;
background-color: rgb(255,32,64);
color: white;
font-style: 18px;
padding: 7px 0 0 0;
}

#rightColumnVana .infoBox{
text-align: center;
height: 30px;
background-color: rgb(102,204,51);
color: white;
font-style: 18px;
padding: 7px 0 0 0;
}

#vanaHeader {
float:left;
width:380px;
font-size:18pt;
padding:10px 0;
}

#vanaHead {
height:70px;
}
#inDPH {

}
#vanaPrice {
float:right;
font-size: 10pt;
font-weight: bold;
text-align: right;
}
#vanaPrinceSpan {
font-size: 18pt;
}
#vanaPrice span {
display: block;
}
#vanaPrice {
margin:15px 30px 0 0;
}

#leftColumnVana h3 {
width:358px;
color:white;
line-height:25px;
font-size:11pt;
height:25px;
background:#808a92 url('h1bg.jpg') top right no-repeat;
margin-left:-22px;
padding:0 0 0 25px;
}

#leftColumnVana h3#techHead {
width:350px;
color:rgb(92,97,102);
line-height:25px;
font-size:11pt;
height:25px;
background: transparent url('vanaLeftColumn_h3bg.jpg') 0px 2px no-repeat;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}

#leftColumnVana #techContent table{
margin: 0 0 0 10px;
width: 350px;
border-collapse: collapse;
border-spacing: 0;
}
#leftColumnVana #techContent table tr{
height: 15px;
line-height: 15px;
}

#leftColumnVana #techContent table tr td:first-child {
font-weight: bold;
width: 200px; 
}
  
#rightColumnVana h3 {
width:540px;
color:#4e5459;
font-size: 12px;
padding: 0 0 0 15px;
text-transform: uppercase;
margin-left: 0px;
margin-bottom: 5px;
height:20px;
background:transparent url('vanaRightColumn_h3bg.jpg') top left no-repeat;
}

#rightColumnVana .vzorek {
margin: 10px 0 16px 12px;
}

#vanagaleri div.produkt-image { 
float: left;
width: 100px;
margin: 0 14px 5px 0px;
height: 80px;
text-align: center;
}

#rightColumnVana #requestLeft {
padding: 0 0 0 10px;
width: 200px;
float: left;
color: #4e5459;  
font-weight: bold;
}

#rightColumnVana #requestRight {
color: #4e5459; 
font-weight: bold;
}

#rightColumnVana input {
border: 1px solid gray;
width: 190px;
background-color: white;
color: #4e5459;
}

#rightColumnVana #requestSend input {
color: #4e5459; 
font-weight: bold;
}

#rightColumnVana textarea {
border: 1px solid gray; 
width: 325px;
height: 99px;
color: #4e5459;
font-family: arial;
font-size: 12px;
}

#rightColumnVana #requestSend {
width: 525px;
padding-left: 12px; 
margin-bottom: 20px;
}


/* ========================= CENOVÁ POPTÁVKA / KALKULACE / CALCUL ============================= */

#calcContent dl {
text-align: right;
width: 340px;
clear: both;
padding-left: 9px;
}

#calcContent dl dt {
text-align: left;
text-transform: uppercase;
float: left;
width: 110px;
height: 30px;
line-height: 1.2em;
padding-top: 6px;
}

#calcContent dl {
padding-left: 9px;
height: 30px;
}

#calcContent dl dd select {
width: 90px;
}

#calcContent dl dd {
text-align: left;
width: 225px;
float: left;
}

#calcContent dl dd span.desc{
width: 115px;
text-align: left;
color: #77828A;
font-weight: normal;
padding-right: 0px;
float: left;
background: url();
display: block;
}

#calcContent dl dd span{
padding-top: 2px;
width: 82px;
text-align: right;
padding-right: 20px;
float: right;
display: block;
color: #4e5459; 
font-weight: bold;
background:  url(calc_bg.jpg) top right no-repeat;
height: 30px;
}

#calcContent dl span.grey{
background: url(calc_bg_grey.jpg) top right no-repeat;
}

#calcContent dl span.button{
cursor: pointer;
width: 67px;
height: 23px;
}

#calcContent #dotace {
float: right;
margin: 5px 20px 0 0;
}

/* ============================= GALLERY ==================================== */

#gallery {
padding:20px 0;
}


#gallery .gal-item-out {
width: auto;
float: left; 
padding: 10px;
background-color: #E1E1E1;
margin: 0 8px 8px 1px;
}

#gallery .gal-item  {
border: 1px solid gray; 
padding:1px;
background-color: white;
height: 140px;
}
#work {
clear: both;
float:left;
width:100%;

}

/* ============================= STRANKA PRISLUSENSTVI ==================================== */

body#prislusenstvi div.fright {
float: right;
text-align: left;
width: 530px;
}

body#prislusenstvi #annex {
float: left;
width: 340px;
margin: 0 50px 0 0;
padding: 0 0 0 10px;
text-align: justify; 
}

body#prislusenstvi #work table.mainTable {
color: #393939;
text-align: left;
height: 140px !important;
width: 520px !important;
background: transparent url('prislusenstvi_itemBg.jpg') top left no-repeat;
}

body#prislusenstvi #work table.mainTable table {
height: 140px;
}

body#prislusenstvi #work table.mainTable table tr{
float: right;
width: 320px;
}

body#prislusenstvi #work table.mainTable table.tabImage tr{
width: 200px;
margin: 0; padding: 0; 
}
body#prislusenstvi #work table.mainTable table.tabImage tr td{
width: 200px !important;
height: 130px;
text-align: center;
}

body#prislusenstvi #work table.mainTable table tr th {
height: 30px;
text-align: left;
font-size: 14px;
text-transform: uppercase;
padding-left: 10px;
}

body#prislusenstvi #work table.mainTable table tr td{
padding-left: 10px;
}

body#prislusenstvi #work table.mainTable table tr td.descTab {
height: 60px; 
width: 300px;
text-align: left;
vertical-align: top;
overflow: hidden;
}

body#prislusenstvi #work table.mainTable table tr td.priceTab {
width: 300px;
text-align: left;
font-size: 14px;
font-weight: bold;
}

body#prislusenstvi #work table tr th:first-child{
width: 300px;
height: 20px;
}

body#prislusenstvi #work {
text-align: right;
}

.textBlockNewsList img {
float: left;
margin-right: 10px;
}

.imageNewsList img {
float: left;
margin-top: 5px;
margin-right: 10px;
}

#newsItemDate {
margin-top: 25px;
}

.boxNewsList {
margin-top: 25px;
}

#centerColumn {
margin-left: 15px;
}

#newlist .titleNewsList {
background: url();
padding:0 !important;
margin:0 !important;
float:left;
width:238px;
}

#newlist .titleNewsList a {
text-decoration: underline;
font-size: 13pt;
color: #4A799B;
}

#homepage #work h2.small {
font-size: 150%;
}

#limitovana-edice #rightColumn {
display: none;
}
#limitovana-edice #content {
width:977px;
margin-left:-22px;
float:left;
}
#limitovana-edice #pagetitle {
display: none;
}
#limitovana-edice #content p, #limitovana-edice #content img, #limitovana-edice #content a {
padding:0 !important;
margin:0 !important;
}
#limitovana-edice #content img {
float:left;
}
#limitovana-edice #flashlogo, #limitovana-edice #headContent{
display: none;
}
#limitovana-edice #header {
 height:180px !important;
}