/* CSS Document */
body {
text-align: center;
font-family: Verdana, Arial, Tahoma sans-serif;
font-size: 10px;
color : #e0e0e0;
margin: 2px;
background-color: #3b3b3b;
}

#vrsek {
height: 18px;
width: 760px;
color: white;
background-color: #5a5a5a;
}
#menu_kontakt, #menu_sluzby, #menu_reference {
width: 110px;
height: 18px;
text-align: left;
float: left;
}
#menu_stranka {
width: 200px;
height: 18px;
float: left;
}
#menu_dira {
width: 75px;
height: 18px;
float: left;
}
#menu_kontakt a, #menu_sluzby a, #menu_reference a, #menu_stranka a {
color: #e0e0e0;
text-decoration: none;
}
#menu_kontakt a:hover, #menu_sluzby a:hover, #menu_reference a:hover, #menu_stranka a:hover {
color: white;
}
#menu_kontakt a, #menu_sluzby a, #menu_reference a {
padding: 4px 0px 4px 26px;
}
#menu_kontakt a {
background: url('img/styl/vrch_kontakt.gif') no-repeat left center;
}
#menu_sluzby a {
background: url('img/styl/vrch_sluzby.gif') no-repeat left center;
}
#menu_reference a {
background: url('img/styl/vrch_reference.gif') no-repeat left center;
}

#logo {
width: 760px;
height: 154px;
background: url('img/styl/logo.gif') no-repeat 0% 0%;
}
#logotisk {
display:none;
}
#stranka {
width: 760px;
background-color: #494a4a;
border: 10px solid #5a5a5a;
}

#chybovka {
width: 760px;
background: url('img/styl/logo_chyba.gif') no-repeat 0% 0%;
background-color: #494a4a;
border: 10px solid #5a5a5a;
}
#chybovka h1{
font-size: 180%;}

#levacek, #pravacek {
float: left;
text-align: left;
}
#levacek {
width: 180px;
padding-top: 35px
}
#pravacek {
padding-top: 35px;
width: 550px;
margin: 0px 0px 0px 10px;
}

.menicko_kontakt, .menicko_sluzby, .menicko_reference, .menicko {
width: 135px;
text-align: left;
vertical-align: middle;
padding: 10px 0px 10px 25px;
border-top: 1px dashed #a0a0a0;
}
.menicko_kontakt a, .menicko_sluzby a, .menicko_reference a {
text-decoration: none;
color: #a0a0a0;
}
.menicko_kontakt a:hover, .menicko_sluzby a:hover, .menicko_reference a:hover {
color: white;
}
.menicko_kontakt {
color: #00aaff;
background: url('img/styl/sipka_kontakt_menu.gif') no-repeat 5px center;
}
.menicko_reference {
color: #00ee00;
background: url('img/styl/sipka_reference_menu.gif') no-repeat 5px center;
}
.menicko_sluzby {
color: #ff9900;
background: url('img/styl/sipka_sluzby_menu.gif') no-repeat 5px center;
}

#text_vrch {
width: 550px;
height: 64px;
text-align: left;
color: #606060;
background: url('img/styl/text_vrch.gif') no-repeat 100% 100%;
}
#text_vrch h1 {
padding: 12px 0px 0px 30px;
font-size: 120%;
}
#text_telo, #text_spodek {
width: 550px;
background-image: url('img/styl/text_telo.gif');
}
#text_spodek {
height: 55px;
text-align: right;
border-bottom: 1px solid #7b7b7b;
margin-bottom: 20px;
}
#text_spodek a {
margin: 10px;
}
#text {
width: 530px;
margin: 0px 9px;
text-align: left;
}
#text h2 {
font-size: 120%;
margin: 10px 0px 10px 0px;
}
#text a.chybovka {
color: #e0e0e0;}

#vitej {
width: 750px;
float: left;
padding-left:16px
}
#dilec_polepy, #dilec_loga, #dilec_webdesign, #dilec_tiskoviny, #dilec_tricka, #dilec_tetovani {
width: 358px;
height: 120px;
margin: 9px 9px 0px 0px;
float: left;
}
#dilec_polepy {
background: url('img/styl/vitej_polepy.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}
#dilec_loga {
background: url('img/styl/vitej_logo.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}
#dilec_tetovani {
background: url('img/styl/vitej_tetovani.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}
#dilec_webdesign {
background: url('img/styl/vitej_webdesign.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}
#dilec_tricka {
background: url('img/styl/vitej_tricka.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}
#dilec_tiskoviny {
background: url('img/styl/vitej_tiskoviny.gif') no-repeat 10px 75%;
background-color: #3b3b3b;
}

.oddeleni{
width: 358px;
height: 25px;
text-align: right;
background: url('img/styl/vitej_ico.gif') no-repeat 2px center;
background-color: #707070;
}
.oddeleni p{
color: #e0e0e0;
font-size: 140%;
margin: 0px;
padding: 4px;
font-weight: bold;
}

em{
font-style:normal;
}
.oddeleni a{
color: #e0e0e0;
text-decoration: none;
}
.textik{
position: relative;
left: 12%;
top: 12px;
width: 250px;
height: 70px;
text-align: left;
}


#topik {
position: relative;
width: 400px;
height: 50px;
left: 10px;
top: 6px;
color: white;
font-size: 120%;
}

#hlaseniok {
width: 530px;
color: #0099ff;
font-weight: bold;
text-align: center;
vertical-align:50%;
background-color: #f0f1ff;
border: 1px solid #808080;
}
#hlaseni {
width: 530px;
color: #ff0000;
font-weight: bold;
text-align: center;
vertical-align:50%;
background-color: #FFDFE0;
border: 1px solid #808080;
}

.reference {
color: #00ee00;
}
.sluzby {
color: #ff9900;
}
.kontakt {
color: #00aaff;
}
#spodek {
clear:both;
width: 760px;
margin: auto;
height: 30px;
padding-top: 12px;
background-color: #5a5a5a;
}
#spodek a{
color: #e0e0e0;
}

#cleaner {
display: none;
height: 20px;
clear:both;
}
.refercleaner {
height: 20px;
clear:both;
}

input, textarea, select {
font-family: Verdana, Arial, Tahoma sans-serif;
font-size: 10px;
color : #404040;
margin: 2px 0px 2px 0px;
background-color: #efefef;
border: 1px solid #808080;
}

img.kontakt {
border: 3px solid #5a5a5a;
margin: 3px;
}
img.nahled {
border: 3px solid #5a5a5a;
margin: 5px 10px 5px 10px;
}

.obr {
text-align: left;
width: 220px; 
float:left;
}
.obr img{
border: 4px solid #5a5a5a;
}
.pokec {
width: 300px;
float:left;
}
a.out {
color: #00ee00;
background: url('img/styl/odkaz.gif') no-repeat right top;
padding-right: 7px;
}
a:hover {
text-decoration: none;
}

li {
  list-style-type: none;
  font-weight: normal;
}
li a{
  text-decoration: none;
  color: #e0e0e0; 
  padding-left: 20px;
}
ul {
  font-weight: bold;
}