* {
    margin: 0;
    padding: 0;
  }


body {
text-align: center;
    background: #fff url('img/cfcfcf.png');;
    font-size: 0.75em;
    
    font-family: verdana, sans, sans-serif;
  }

h1, h2, h3, table, th, tr, td, img {
border: 0;
border-style: solid;
}

h1 {
   display: block;
   min-height: 32px;
   _height: 35px;
    background: url('img/ruka32.png') 6px 0px no-repeat;
    border-bottom: 0px solid #dddddd;
    font-weight: normal;
    font-size: 1.8em;
    margin-bottom: 0.5em;
    padding-top: 2px;
    padding-left : 46px;
    padding-right : 10px;
}


h2 {
    
    background: url('img/redsq.png') 6px 4px no-repeat;
    border-bottom: 1px solid #ddd;
    font-size : 1.6em;
    font-weight : normal;
    letter-spacing : 0.1em;
    line-height: 1.7em;
    margin-bottom : 0.5em;
    margin-top : 1.1em;
    padding: 0 10px 0 34px;
 
  }


h3 {
   font-family: Arial;
   font-size: 1.45em;
   /*font-weight: normal;*/
   /*padding-left: 8px;*/
   /*border-bottom-width: 1px;*/
   border-color: #ddd;
   border-style: dashed;
   line-height: 1.6em;
    margin-top: 1.3em;
    margin-bottom: 0.0em;
    margin-left: 20px;
  }

h4 {
   font-size: 1.1em;
   /*padding-left: 8px;*/
    margin-top: 1.2em;
    margin-bottom: 0.1em;
    margin-left: 20px;
}

h5 {
   font-size: 1.1em;
   /*padding-left: 8px;*/
    margin-top: 0.7em;
    margin-bottom: 0.1em;
    margin-left: 20px;
}

p, ul, ol, table, .img_box, .indent {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: 20px;
    margin-bottom: 1.0em;
    margin-top: 0.3em;
  }

p, ul {
text-align: justify;
}

ul, ol {
    list-style-image: url('img/redli.png');
    margin-left: 35px;
  }
ol {
margin-left: 40px;
}


table ul {
margin-left: 00px;
margin-bottom: 0px;
  list-style-type: none;
  list-style-image: none;
}

a {
 color: #2356e8;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}
a:visited {
color: #4376e8;
}

form td {
 vertical-align: top;
}

input, textarea {
width: 310px;
}

textarea {
font-size: 1.2em;
}

input.submit {
width: 7em;
}

ul.simple {
margin-left: 20px;

   list-style-type: none;
  list-style-image: none;
}

table.cenik {
width: 100%
}

table.cenik, table.cenik th, table.cenik td {
padding-left: 5px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
 border-collapse: collapse;
border-width: 1px;
border-color: #eee;
}

table.cenik th {
font-size: 1.1em;
background: #e3f0ff;
font-weight: bold;
}

table.cenik td {
background: #fdfdfd;
padding: 0.7em 0.3em;
}

table.cenik li {
/*margin-top: 0.4em;*/
list-style-type: disc;
margin-left: 14px;
}

table.cenik td.cena {
font-weight: bold;
}


table.cenik2 td {
background: #f4f4f4;
padding: 6px 10px 6px 10px;
}

table.cenik2 td.cena {
background: #666;
color: #fff;
}



caption {
 font-size: 0.95em;
}

.red {
color: red;
}

.small {
font-size: 0.50em;
}

.big {
font-size: 1.20em;

}

.left {
float: left;
text-align: left;
}

.right {
float: right:
text-align: right;
}

.clear {
clear: both;
}


img.right {
display: block;
float: right;
margin: 0 0 0 10px;
}

img.left {
display: block;
float: left;
margin: 0 10px 0 0px;
}



p.nospace {
margin-bottom: 0em;
}


.img_box {
background: #f8f8f8;
padding: 5px;
float: left;
border: 1px solid #ccc;
}

.img_content {
float: left;
font-size: 0.85em;
}

.img_content img {
border: 1px solid #ccc;
}


#container_top {
    background: #a1a1a1;
    height: 140px;
    vertical-align: bottom;
    min-width: 838px;
    _width: expression(document.body.clientWidth < 400? "400px" : "auto" );
  }


#header {
    background: #599ade url('img/header.jpg');
    width: 838px;
    height: 119px;
    position: relative;
    top: 21px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }

#header p {
margin: 0;
padding-top: 28px;
margin-right: 23px;
}


#header img {
margin-left: 6px;
margin-right: 6px;
}

#logo {
width: 370px;
height: 90px;
padding: 20px 0 0 30px;
}

#logo a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#logo_nadpis {
visibility: hidden;
}


#container_bottom {
text-align: left;
    background: #fff url('img/base.jpg');
    width: 838px;
    padding-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }


#bar_left {
    width: 141px;
    float: left;
    margin-top: 4px;
    padding-left: 19px;
  }


#navbar ul {
margin: 0px;
padding: 0px;
display: block;
line-height: 1.3em;
  }


#navbar li {
margin: 0px;
padding: 0px;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0px;
  list-style-type: none;
  list-style-image: none;
  display: block;
  }


#navbar li a {
width: 100%;
height: 30px;
display: block;
text-align: left;
vertical-align: middle;
padding: 19px 30px 5px 20px;
text-decoration: none;
font-family: Arial;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: bold;
  }

#navbar li.radky a {
height: 38px;
padding-top: 11px;
}


#navbar li.a a {
    background: #f09c96 url('img/menu_a.png') 0 0 no-repeat;
  }
#navbar li.b a {
    background: #8ba9ef url('img/menu_b.png') 0 0 no-repeat;
  }
#navbar li.c a {
    background: #efb98a url('img/menu_c.png') 0 0 no-repeat;
  } 
#navbar li.d a {
    background: transparent url('img/menu_d.png') 0 0 no-repeat;
  }
#navbar li.e a {
    background: #e58eef url('img/menu_e.png') 0 0 no-repeat;
  }
#navbar li.f a {
    background: #beef8e url('img/menu_f.png') 0 0 no-repeat;
  }
  
  
#navbar li.a a:hover, #navbar li.b a:hover, #navbar li.c a:hover, #navbar li.d a:hover, #navbar li.e a:hover, #navbar li.f a:hover {
background-position: 0 100%;
padding-left: 30px;
width: 131px;
}

.submenu {
margin-left: 20px;
}

.submenu p {
 font: #333;
 font-size: 0.75em;
 line-height: 1.4em;
 margin-left: 4px;
 margin-right: 0px;
 margin-top: 0.6em;
 margin-bottom: 0.9em;
}

.submenu .titlebar {
 font-weight: bold;
 background: url('img/titlebar.png');
 width: 131px;
 height: 17px;
 margin-left: 3px;
 margin-top: 15px;
 margin-bottom: 4px;
 _margin-top: 13px;
 padding: 0px;
}

.submenu .titlebar p {
 padding-top: 2px;
 _padding-top: 1px;
margin: 0px;
margin-left: 5px;
}


.submenu img {
 margin-left: 4px;
 margin-bottom: 10px;
 /*border-bottom: 10px solid #ddd;*/
 margin-top: 0px;
}


span.underlayer {
    z-index: -1;
    position: absolute;
  }


#content {
    width: 575px;
    float: right;
    margin-right: 50px;
    _margin-right: 25px;
    margin-bottom: 2em;
  }

#chcitab {
text-align: center;
}

#chciul {
 line-height: 1.9em;
}

.chciol li {
margin-bottom: 0.8em;
}

#footer {
    background: url('img/footer.jpg') bottom no-repeat;
    width: 838px;
    clear: both;
    text-align: center;
    padding-right: 0px;
    padding-bottom: 14px;
  }


#footer p {
display: block;
 text-align: center;
 font-size: 0.85em;
 font-weight: bold;
 padding-top: 4px;
 _padding-top: 1px;
 margin-left: 199px;
 margin-right: 20px;
  }
  
#footer img {
margin-top: -2px;
}


.reference_web p {
margin: 0;
padding: 0;
}

.reference_web {
clear: both;
/*margin: 5px 0 20px 20px;*/
padding: 15px 0 20px 15px;
border-bottom: 1px #999 dotted;
}

.reference_headline {
margin: 10px 0 5px 0;
font-size: 1.2em;
font-weight: bold;
}

.reference_pilire {
font-size: 1.2em;
margin: 5px 0 0 0;
}

.reference_small {
font-size: 0.8em;
font-weight: normal;
}

.reference_img {
float: left;
width: 165px;
}

.reference_img a {
display: block;
margin: 0 0 15px 0;
}

.reference_text {
float: right;
width: 395px;
}

.reference_text ul {
padding-left: 1.2em;
margin-left: 0;
}

.reference_text li {
margin: 0.3em 0 0 0.3em;
}

.reference_web .clear {
line-height: 2px;
}

.reference_web .hodnoceni_outer {
background: #f3f3f3 url('img/hodnoceni_start.png') no-repeat;
border: 2px solid #dadada;
color: #555;
text-transform: italic;
margin: 10px 0 0 0;
line-height: 1.3em;
}

.reference_web .hodnoceni_inner {
padding: 10px 36px 11px 36px;
background: url('img/hodnoceni_end.png') no-repeat right bottom;
}


.priplatek_cena {
font-size: 0.95em;
font-weight: bold;
}

.priplatek_cena strong {
font-weight: normal;
}



.eshop_s_m_art {
float: left;
width: 7em;
 line-height: 1.3em;
    margin-left: 20px;
}




#rozcestnik #rozc_detail {
float: right;
}

#rozcestnik #rozc_detail img {
position: absolute;
display: block;
width: 324px;
height: 224px;
margin: 0 0 0 -324px;
}


#rozcestnik ul, #rozcestnik li, #rozcestnik a {
margin: 0;
padding: 0;
display: block;
}


#rozcestnik a {
width: 223px;
height: 43px;
margin: 0 0 0 12px;
}

#rozcestnik a .image {
width: 223px;
height: 43px;
position: absolute;
cursor: pointer;
}

#rozc_1 a .image {
background: url('../img/rozcestnik/menu_tvorba-stranek.png');
}
#rozc_1 a:hover .image {
background: url('../img/rozcestnik/menu_tvorba-stranek_active.png');
}

#rozc_2 a .image {
background: url('../img/rozcestnik/menu_zvysit-navstevnost.png');
}
#rozc_2 a:hover .image {
background: url('../img/rozcestnik/menu_zvysit-navstevnost_active.png');
}

#rozc_3 a .image {
background: url('../img/rozcestnik/menu_modernizovat-design.png');
}
#rozc_3 a:hover .image {
background: url('../img/rozcestnik/menu_modernizovat-design_active.png');
}

#rozc_4 a .image {
background: url('../img/rozcestnik/menu_outsourcing.png');
}
#rozc_4 a:hover .image {
background: url('../img/rozcestnik/menu_outsourcing_active.png');
}


/* osetreni pro IE, kde se zobrazoval button u polozky li */
#rozcestnik li {
list-style-image: url('neexistujici obrazek');
list-style-type: none;
}


table.reference_seo {
font-size: 0.9em;
width: 100%;
margin: 0 0 10px 0;
}
table.reference_seo td, table.reference_seo th {
text-align: left;
}
table.reference_seo td.first, table.reference_seo th.first {
text-align: left;
}



#fakturacni_udaje {
float: right;
padding: 4px 0 0 0;
color: #666;
}

#fakturacni_udaje ul {
margin: 0;

}

#fakturacni_udaje li {
list-style-image: url('neexistujici soubor');
list-style: none;
line-height: 20px;
}




#slideshow_frame {
width: 538px;
height: 172px;
padding: 8px 0 0 8px;
background: url('img/slideshow.png');
}

#slideshow {
width: 530px;
height: 150px;
}




#prubeh_tvorby li {
margin-top: 16px;
}

#prubeh_tvorby .nadpis {
display: block;
}