html, body 
{ 
height: 100%; 
padding: 0; 
margin: 0; 
} 

body {
margin: 0;
padding: 0;
font-family: Arial,Verdana,Tahoma;
font-size: 80%;
color: #b2b0a1;
background: #68665A url('../images/back.png') repeat-x top left;
line-height: 1.4;
}

img {
border: none;
}
.imgaktualne {border: 5px solid #88877b;}
h1 {
color: #b2b0a1;
font-weight: normal;
font-size: 150%;
height: 30px;
background: url('../images/podtrzeni.gif') no-repeat scroll left bottom;
}

.biggerwhite {font-size:130%; color: white; display: inline;}

span {display:none;}
.linka1 {height:50px; width:304px; background:url("../images/linka1.png") no-repeat left bottom;}
.netstars {height:50px; width:304px; background:url("../images/netstars.gif") no-repeat left top; margin: 0 0 0 0;}
.linka2 {height:50px; width:427px; background:url("../images/linka2.png") no-repeat left bottom;}
.aktualne {height:50px; width:427px; background:url("../images/aktualne.gif") no-repeat left top; margin: 0 0 0 0;}
.linka3 {height:50px; width:781px; background:url("../images/linka3.png") no-repeat left bottom; margin-bottom: 15px;}
.galleryi {height:50px; width:781px; background:url("../images/galleryi.gif") no-repeat left top; margin: 0 0 0 0;}
.linka4 {height:50px; width:547px; background:url("../images/linka4.png") no-repeat left bottom; margin-bottom: 15px;}
.galleryii {height:50px; width:547px; background:url("../images/galleryii.gif") no-repeat left top; margin: 0 0 0 0;}
.partneri {height:50px; width:781px; background:url("../images/partneri.gif") no-repeat left top; margin: 0 0 0 0;}

.linka5 {height:30px; width:547px; background:url("../images/linka4.png") no-repeat left bottom; margin-bottom: 15px;}
.sluzby {height:30px; width:427px; background:url("../images/sluzby.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-corporate-identity {height:30px; width:427px; background:url("../images/sluzby-corporate-identity.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-elektronicke-newslettery {height:30px; width:427px; background:url("../images/sluzby-elektronicke-newslettery.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-optimalizace-pro-vyhledavace {height:30px; width:427px; background:url("../images/sluzby-optimalizace-pro-vyhledavace.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-poradenstvi {height:30px; width:427px; background:url("../images/sluzby-poradenstvi.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-reklamni-grafika-a-dtp {height:30px; width:427px; background:url("../images/sluzby-reklamni-grafika-a-dtp.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-tiskoviny {height:30px; width:427px; background:url("../images/sluzby-tiskoviny.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-webdesign {height:30px; width:427px; background:url("../images/sluzby-webdesign.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-webhosting {height:30px; width:427px; background:url("../images/sluzby-webhosting.gif") no-repeat left top; margin: 0 0 0 0;}
.sluzby-webove-aplikace {height:30px; width:427px; background:url("../images/sluzby-webove-aplikace.gif") no-repeat left top; margin: 0 0 0 0;}

.o-nas {height:30px; width:427px; background:url("../images/o-nas.gif") no-repeat left top; margin: 0 0 0 0;}
.prehlidka-pro-psy {height:30px; width:500px; background:url("../images/prehlidka-pro-psy.gif") no-repeat left top; margin: 0 0 0 0;}

.reference {height:30px; width:200px; background:url("../images/reference.gif") no-repeat left top; margin: 0 0 0 0;}

.kontakt {height:30px; width:200px; background:url("../images/kontakt.gif") no-repeat left top; margin: 0 0 0 0;}
.linka6 {height:30px; width:200px; background:url("../images/linka6.png") no-repeat left bottom;}
.napiste-nam {height:30px; width:150px; background:url("../images/napiste-nam.gif") no-repeat left top; margin: 0 0 0 0;}

.beztecky {list-style-type: none;}

a {
color: #b2b0a1;
}
a:hover {
color: white;
}
.more {
text-align: right;
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
a.more {
color: #b2b0a1;
text-decoration: underline;
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
a.more:hover {
color: #2094e1;
}
p.spolecny {
margin-top: 10px;
}
a.sipka {padding: 0 0 0 8px; background: url('../images/sipka.gif') no-repeat left center;}
a.sipka:hover {padding: 0 0 0 8px; background: url('../images/sipkaa.gif') no-repeat left center;}


#wrap {
min-height: 100%; 
_height: 100%; /* IE */ 
overflow: no;
position: relative;
}
#box {
position: relative;
width: 1002px;
margin: 0px auto;
overflow: auto;
padding-bottom: 70px;
}
#logo {
position: absolute;
top: 155px;
left: 100px;
height: 33px;
width: 151px;
z-index: 10;
}
#sublogo {
position: absolute;
top: 70px;
width: 100%;
height: 202px;
z-index: 1;
}
#sublogoalign {
position: relative;
margin: 0px auto;
height: 202px;
width: 1002px;
}
#slahoun {
float: right;
padding: 0 88px 0 0;
height: 202px;
width: 644px;
}
#pruh {
background: url('../images/pruh.png') no-repeat left top;
position: absolute;
top: 123px;
left: 0px;
width: 14px;
height: 90px;
z-index: 10;
}
#content {
float: left;
width: 1002px;
margin-top: 290px;
display: block;
}
#index {
float: left;
width: 781px;
padding-left: 100px;
}
.text {
float: left;
width: 781px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.welcome {float: left; ;width: 304px; padding: 0 0 0 0;}
#miniflash {float: left; width: 294px; background: #88877B; height: 196px; padding: 5px 5px 5px 5px;}
.welcome2 {float: left;width: 427px;padding-left: 50px;}
.galleryindex {padding: 0 0 15px 0;float: left;width: 781px;margin-top: 40px;}
.widegallery {float: left; background: url('../images/galleryindex.png') no-repeat scroll left top; height: 85px; width: 775px; padding: 5px 0 0 6px;}
.fotka1 {
float: left;
margin: 0 6px 0 0;
width: 80px;
height: 79px;
}
.fotka2 {
float: left;
margin: 0 0 0 0;
width: 80px;
height: 79px;
}
.widegallery a img{
border: none;
filter: alpha(opacity=60);   /*IE*/
-moz-opacity: 0.6;   /*starsi verze Netscape*/
-khtml-opacity: 0.6;   /*starsi Safari*/
opacity: 0.6; /*nove verze FF, Opery a Safari*/
}
.widegallery a:hover img, a.active img {
border: none;
filter: alpha(opacity=100);   
-moz-opacity: 1.0;   
-khtml-opacity: 1.0;   
opacity: 1.0; 
}
.partners {float: left; width: 781px; padding: 0 0 50px 0;}

#main {
float: right;
width: 547px;
padding-right: 122px;
overflow: hidden;
}
.gallerynonindex {
float: left;
width: 547px;
margin-top: 50px;
}
.gallery {
display: inline;
float: left;
width: 540px;
height: 85px;
padding: 5px 0 0 7px;
background: #717066 url('../images/gallery.png') no-repeat scroll left top;
}
.gallery a img{
border: none;
filter: alpha(opacity=50);   /*IE*/
-moz-opacity: 0.5;   /*starsi verze Netscape*/
-khtml-opacity: 0.5;   /*starsi Safari*/
opacity: 0.5; /*nove verze FF, Opery a Safari*/
}
.gallery a:hover img, a.active img {
border: none;
filter: alpha(opacity=100);   
-moz-opacity: 1.0;   
-khtml-opacity: 1.0;   
opacity: 1.0; 
}
.photo1 {
float: left;
margin: 0 10px 0 0;
width: 80px;
height: 79px;
}
.photo2 {
float: left;
margin: 0 10px 0 0;
width: 81px;
height: 79px;
}
.photo3 {
float: left;
margin: 0 0 0 1px;
width: 81px;
height: 79px;
}

#kontaktniformular {float: right; list-style: none; margin: 0; width: 220px; list-style: none; padding-right: 22px; display: block;}
form.formular input, form.formular textarea {
margin: 0;
padding: 0;
width: 200px;
border: 1px solid #b2b0a1;
background: #b2b0a1;
color: black;
}
form.formular textarea {
height: 60px;
width: 200px;
}
#kontakt .odsazeni {
margin-top: 20px;
}
#kontakt form.formular input, form.formular textarea {
width: 200px;
}
#kontakt form.formular input.tlacitko {
  width: 100px;
}
form.formular input.tlacitko {
margin: 10px 0 0 50px;
padding: 4px 10px 3px 10px;
background: #aeaeae;
color: #000;
font-weight: bold;
font-size: 90%;
border: none;
width: 100px;
}

#centerpartner {margin-top: 30px;}
.wraptocenter {
float: left;
width: 180px;
height: 110px;
padding: 1px 1px 0 0;
}

/*.wraptocenter {float: left; width: 180px; height: 110px; vertical-align: middle; background: white; display: block; text-align: center;}*/

#footer {
position: absolute;
height: 40px;
/*background: #303030 2f2e2b url('../images/footer.png') repeat-x left top;*/
background-color:#fff;
width: 100%;
bottom: 0;
left: 0;
z-index: 10;
color:#008DE5;
font-size:85%;
font-weight:bold;
}
#footer A {
color:#008DE5;
}
#footer #copy {
position: relative;
margin: 0px auto;
width: 1002px;
height: 40px;
}
#footer #copy #netstars{
float: right;
padding: 15px 120px 0 0;
width: 300px;
text-align: right;
}

/* MENU */
ul#menu {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0px; left: 100px;}
ul#menu li {height: 57px; float: left;}
#menu a, #menu a span {display:block; height:45px; overflow:hidden;}
#menu a {position:relative; width: 100%; height: 100%; cursor:hand;}
#menu a span {position:absolute; top:0; left:0;}

#m1 a, #m1 a span {width: 111px; background: url("../images/menu1.png") no-repeat; margin-right: 75px;}
#m1 a:hover, #m1 a:hover span, #m1 a.active span {background: url("../images/menu1a.png") no-repeat;}

#m2 a, #m2 a span {width: 111px; background: url("../images/menu2.png") no-repeat; margin-right: 75px;}
#m2 a:hover, #m2 a:hover span, #m2 a.active span {background: url("../images/menu2a.png") no-repeat;}

#m3 a, #m3 a span {width: 111px; background: url("../images/menu3.png") no-repeat;  margin-right: 75px;}
#m3 a:hover, #m3 a:hover span, #m3 a.active span {background: url("../images/menu3a.png") no-repeat;}

#m4 a, #m4 a span {width: 111px; background: url("../images/menu4.png") no-repeat;  margin-right: 75px;}
#m4 a:hover, #m4 a:hover span, #m4 a.active span {background: url("../images/menu4a.png") no-repeat;}

#m5 a, #m5 a span {width: 111px; background: url("../images/menu5.png") no-repeat;}
#m5 a:hover, #m5 a:hover span, #m5 a.active span {background: url("../images/menu5a.png") no-repeat;}


/* SUBMENU */
#ulsubmenu {float: right; list-style: none; margin: 0; padding: 0; width: 230px; list-style: none; padding-top: 15px; padding-right: 12px; display: block;}
#ulsubmenu li {float: left; /*height: 25px; */padding: 0; margin-left: 0px; list-style: none; width: 230px; display: block; padding-bottom:2px;}
#ulsubmenu li.hmm a {width: 215px; /*height: 25px; */color: #b2b0a1; padding-left: 10px; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; font-size: 110%;}
#ulsubmenu li.hmm a:hover, #ulsubmenu li.hmm a.active {background: url('../images/leftmenu.png') repeat-y scroll left top; width: 215px; color: white; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; display: block; font-size: 110%;}