body {

margin : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
font-family : Verdana;
font-size : 12px;
color : #e9c083;
background-color : black;
}



#banner {

position: relative; top: 0px; left: 0px;

width : 63px;

height : 600px;

background-color: #e9c083;

background-image : url("images/levy.jpg");
background-repeat: no-repeat;

background-position: top;

z-index: 2;

}



#content {

position : absolute;
top: 0px;
width: 100%;
height: auto;
min-height: 100%;
background-image: url(images/pruh.jpg);
background-position: left;
background-repeat: repeat-y;
}

#textbox {

position : relative;
top: 10px;
left: 100px;
width: 1000px;
height: auto;
}

#nadpis {

position : relative;
top: -5px;
width: 1000px;
height: auto;
text-align: right;
}

#tcw {

position: absolute;
bottom: 5px; right: 5px;
width : 113px;
height : 31px;
background-image : url("tcw_p.gif");
background-repeat: no-repeat;

}

#webdesign {
position: absolute;
top: 0px; left: 63px;
width : 536px;
height : 65px;
background-image : url("images/webdesign.jpg");
background-repeat: no-repeat;
}

#navcontainer {
position :absolute;
left: 100px; top : 300px;
width: 300px;
margin: 0;
text-transform: none;
border: solid red;
}


.kontakt {
position : fixed;
bottom: 15px;
_bottom: 15px;
left: 64px;
width : 14px;
height : 63px;
background-image: url(images/kontakt_m.jpg);
z-index: 5;
}
a.kontakt:hover {background-image: url("images/kontakt_m.jpg");
background-position:-14px 0px;
}


.grafika {
position : fixed;
bottom: 80px;
_bottom: 80px;
left: 64px;
width : 14px;
height : 61px;
background-image: url(images/grafika_m.jpg);
z-index: 5;
}
a.grafika:hover {background-image: url("images/grafika_m.jpg");
background-position:-14px 0px;
}

.web {
position : fixed;
bottom: 142px;
_bottom: 142px;
left: 64px;
width : 14px;
height : 35px;
background-image: url(images/web_m.jpg);
z-index: 5;
}
a.web:hover {background-image: url("images/web_m.jpg");
background-position:-14px 0px;
}

.gplus {
position : fixed;
bottom: 10px;
_bottom: 10px;
left: 15px;
z-index: 5;
}


#foto2 {

position: absolute; top: -210px; |top: -215px; left: 430px; |left: 430px;

width : 356px;

height : 237px;

background-image : url("images/fota/foto2.jpg");

}


#footer {

position : relative;

left : 0px;

clear : both;

padding : 0;

width : 839px;

height : 57px;

margin-top : auto;

background-image : url("images/foot.jpg"); background-repeat: no-repeat;

}

#SWD_ID_6 {visibility:hidden}


a.tiskoviny {background-image: url("images/tiskoviny.jpg");
width:962px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 585px;
margin : 0;
}

a.tiskoviny:hover {background-image: url("images/tiskoviny.jpg");
background-position:-962px 0px;
}

a.vizualizace {background-image: url("images/vizualizace.jpg");
width:962px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 585px;
margin : 0;
}

a.vizualizace:hover {background-image: url("images/vizualizace.jpg");
background-position:-962px 0px;
}

a.klima {background-image: url("images/webs/klima_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.klima:hover {background-image: url("images/webs/klima_web.jpg");
background-position:-419px 0px;
}

a.dominant {background-image: url("images/webs/dominant_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.dominant:hover {background-image: url("images/webs/dominant_web.jpg");
background-position:-419px 0px;
}

a.vinari {background-image: url("images/webs/vinari_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.vinari:hover {background-image: url("images/webs/vinari_web.jpg");
background-position:-419px 0px;
}

a.thetamed {background-image: url("images/webs/thetamed_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.thetamed:hover {background-image: url("images/webs/thetamed_web.jpg");
background-position:-419px 0px;
}

a.mlha {background-image: url("images/webs/mlha_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.mlha:hover {background-image: url("images/webs/mlha_web.jpg");
background-position:-419px 0px;
}

a.morris {background-image: url("images/webs/jeskyne_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.morris:hover {background-image: url("images/webs/jeskyne_web.jpg");
background-position:-419px 0px;
}

a.gulase {background-image: url("images/webs/gulase_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.gulase:hover {background-image: url("images/webs/gulase_web.jpg");
background-position:-419px 0px;
}

a.potmont {background-image: url("images/webs/potmont_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.potmont:hover {background-image: url("images/webs/potmont_web.jpg");
background-position:-419px 0px;
}

a.redict {background-image: url("images/webs/redict_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.redict:hover {background-image: url("images/webs/redict_web.jpg");
background-position:-419px 0px;
}

a.beseda {background-image: url("images/webs/beseda_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.beseda:hover {background-image: url("images/webs/beseda_web.jpg");
background-position:-419px 0px;
}

a.davisteel {background-image: url("images/webs/davisteel_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.davisteel:hover {background-image: url("images/webs/davisteel_web.jpg");
background-position:-419px 0px;
}

a.galaxy {background-image: url("images/webs/galaxy_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.galaxy:hover {background-image: url("images/webs/galaxy_web.jpg");
background-position:-419px 0px;
}

a.kes {background-image: url("images/webs/kes_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.kes:hover {background-image: url("images/webs/kes_web.jpg");
background-position:-419px 0px;
}

a.michnova {background-image: url("images/webs/michnova_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.michnova:hover {background-image: url("images/webs/michnova_web.jpg");
background-position:-419px 0px;
}

a.minarik {background-image: url("images/webs/minarik_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.minarik:hover {background-image: url("images/webs/minarik_web.jpg");
background-position:-419px 0px;
}

a.pinot {background-image: url("images/webs/pinot_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.pinot:hover {background-image: url("images/webs/pinot_web.jpg");
background-position:-419px 0px;
}

a.reva {background-image: url("images/webs/reva_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.reva:hover {background-image: url("images/webs/reva_web.jpg");
background-position:-419px 0px;
}

a.springer {background-image: url("images/webs/springer2_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.springer:hover {background-image: url("images/webs/springer2_web.jpg");
background-position:-419px 0px;
}

a.zvladnemto {background-image: url("images/webs/zvladnemto_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.zvladnemto:hover {background-image: url("images/webs/zvladnemto_web.jpg");
background-position:-419px 0px;
}

a.dpl {background-image: url("images/webs/dpl_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.dpl:hover {background-image: url("images/webs/dpl_web.jpg");
background-position:-419px 0px;
}

a.vinarstvilukes {background-image: url("images/webs/vinarstvilukes_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.vinarstvilukes:hover {background-image: url("images/webs/vinarstvilukes_web.jpg");
background-position:-419px 0px;
}

a.vika {background-image: url("images/webs/vika_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.vika:hover {background-image: url("images/webs/vika_web.jpg");
background-position:-419px 0px;
}

a.zelenakocka {background-image: url("images/webs/zelenakocka_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.zelenakocka:hover {background-image: url("images/webs/zelenakocka_web.jpg");
background-position:-419px 0px;
}
a.mm {background-image: url("images/webs/mm_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.mm:hover {background-image: url("images/webs/mm_web.jpg");
background-position:-419px 0px;
}

a.k11 {background-image: url("images/webs/k11_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.k11:hover {background-image: url("images/webs/k11_web.jpg");
background-position:-419px 0px;
}

a.obkladacmira {background-image: url("images/webs/obkladacmira_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.obkladacmira:hover {background-image: url("images/webs/obkladacmira_web.jpg");
background-position:-419px 0px;
}

a.vsecurity {background-image: url("images/webs/vsecurity_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.vsecurity:hover {background-image: url("images/webs/vsecurity_web.jpg");
background-position:-419px 0px;
}

a.kovarstvi {background-image: url("images/webs/kovarstvi_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.kovarstvi:hover {background-image: url("images/webs/kovarstvi_web.jpg");
background-position:-419px 0px;
}

a.vacuactiv {background-image: url("images/webs/vacuactiv_web.jpg");
width:419px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height : 290px;
margin : 0;
}

a.vacuactiv:hover {background-image: url("images/webs/vacuactiv_web.jpg");
background-position:-419px 0px;
}


a {text-decoration: none; color : #663300;  }

a:hover {color : #ff6600; text-decoration : none;  }



h1 {
  font-family: Arial, Helvetica, sans-serif ;
  font-size: 16px;
  color: #ffff;
  font-weight: bold;
}

h2 {	font-size : 16px; color : #ff6600; font-family: Verdana; font-weight: bold; }	

h3 {	font-size : 13px; color : #663300; font-family: Verdana; font-weight: bold; }	

h4 {	font-size : 13px; color : #663300; font-family: Verdana; font-weight: bold; text-decoration : underline; }

.h5	{	font-size : 9px; color : #663300; font-family: sans-serif; font: small-caps; line-height: 10px; }