* {
    padding: 0;
    margin: 0;
}

body {
    background: #eeeeee url('../design/background.png') repeat-x left top;
    width: 870px;
    margin: 0 auto;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 12px;
    color: #000000;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}

#logo {
    margin-top: 5px;
}

#logo h1 { 
    position: absolute;
    left: -5000px; 
}

#telo {
    background-color: #ffffff;
    padding: 5px;
    margin-top: 5px;
}

/* ************************ horní menu ************************ */

#telo #menu {
}

#telo #menu .menu {
    display: block;
    float: left;
    width: 172px;
    height: 50px;
}

/* Úvod */
#telo #menu .menu span {
    position: absolute;
    left: -5000px;
}

#telo #menu .menu0 {            background: url('../design/menu.png') no-repeat left top; }
#telo #menu .menu0:hover {      background: url('../design/menu.png') no-repeat left -50px; }
/* Služby */
#telo #menu .menu1 {            background: url('../design/menu.png') no-repeat -172px top; }
#telo #menu .menu1:hover {      background: url('../design/menu.png') no-repeat -172px -50px; }
/* Reference */
#telo #menu .menu2 {            background: url('../design/menu.png') no-repeat -344px top; }
#telo #menu .menu2:hover {      background: url('../design/menu.png') no-repeat -344px -50px; }
/* O nás */
#telo #menu .menu3 {            background: url('../design/menu.png') no-repeat -516px top; }
#telo #menu .menu3:hover {      background: url('../design/menu.png') no-repeat -516px -50px; }
/* Kontakt */
#telo #menu .menu4 {            background: url('../design/menu.png') no-repeat -688px top; }
#telo #menu .menu4:hover {      background: url('../design/menu.png') no-repeat -688px -50px; }

/* ********************* konec menu ********************** */


#telo #top {
    background: #F7F7ED url('../design/center_bg.png') repeat-y center top;
}

#telo #top .left {
    float: left;
    width: 540px;
}


#telo #top .left h2.dark {
    color: #676767;
    font-size: 18px;
    padding: 10px 0 10px 0; 
    background: url('../design/bottom.gif') repeat-x left bottom;
    margin: 0 10px 10px 10px;
}

#telo #top .left p.p {
    margin-left: 10px;
}

#telo #top .left ul { margin: 10px 0 10px 40px; }
#telo #top .left ul li { padding: 2px 0; }

#telo #top .left .text_box {
    background: url('../design/podklad_rubrik.png') no-repeat;
    width: 514px;
    height: 150px;
    margin-left: 15px;
}

#telo #top .left .text_box .image {
    float: left;
    padding-top: 30px;
    padding-left: 10px;
}

#telo #top .left .text_box .msg {
    margin-left: 130px;
    padding-top: 30px;
    color: #676767;
}

#telo #top .left .text_box .msg h3 {
    font-size: 15px;   
}

#telo #top .left .text_box .msg p {
    padding-top: 5px;
    width: 370px;
    text-align: justify;
}

#telo #top .left .contact_table {
    margin-left: 10px;
    width: 95%;
}

#telo #top .left .contact_table a img {
    border: 1px solid #0097dd; 
    text-decoration: none;
}

#telo #top .left .contact_table a:hover img {
    border: 1px solid #6B6B6B; 
}

#telo #top .right {
    margin-left: 560px;
    width: 290px;
}

#telo #top .right h2.blue {
    color: #0097dd;
    font-size: 25px;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding: 5px 0 5px 0; 
    background: url('../design/bottom.gif') repeat-x left bottom;
}

#telo #top .right .project {
    text-align: center;
    margin: 10px 0;    
}

#telo #top .right .project a img {
    border: 1px solid #0097dd;
    padding: 0;
    margin: 10px 0 0 0;
}

#telo #top .right .project a:hover img {
    border: 1px solid #6B6B6B;
}

#telo #top .right .project a {
    display: block;
    color: #6B6B6B;
    text-decoration: none;
    font-size: 10px;
}

#telo #top .right .project a:hover { color: #0097dd; }

#edge {
    width: 155px;
    float: right;
    position: absolute;  
    right: 0; 
    top: 0;
    z-index: 1000;
    text-align: right;
    padding-top: 20px;
}

#paticka {
    clear: both;
    margin-top: 10px;
    background: url('../design/pata.gif') repeat-x left top;
    height: 49px;
}

#paticka .text {
    padding: 17px 10px 0 10px;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
}

#paticka .left {
    float: left;    
}

#paticka .right {
    float: right;
}    



#reference {
    margin: 0 0 40px 10px;      
}
 
#reference .project_name {
     color: #676767;
     font-size: 25px;
     letter-spacing: 1px;
     padding-bottom: 5px;
     padding: 5px 0 5px 0; 
     background: url('../design/bottom.gif') repeat-x left bottom;
}


#reference a {
    color: #676767;
    text-decoration: none;
}

#reference a:hover { color: #0097dd; }

#reference a img {
    border: 1px solid #0097dd;
    padding: 0;
    margin: 10px 0 0 0;
}

#reference a:hover img {
    border: 1px solid #6B6B6B;
}

#reference ul {
    margin: 0 0 0 30px;
}

#reference ul li {
    margin: 0;
    padding: 0;
}


table.table {
  margin: 2em 0;
  empty-cells: show;
  border-collapse: collapse;
  font-size: 100%;
  width: 100%;
}

table.table td {
    padding: 3px;
}

/* ********************************* */
/*            Mini framework         */
/* ********************************* */


/* pozice textu */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

/* format textu */
.fbold { font-weight: bold; }
.fnormal { font-weight: normal; }

/* velikost textu */
.fmini { font-size: 50%; }
.fsmall { font-size: 80%; }
.fbig { font-size: 120%; }
.fhuge { font-size: 150%; }

/* barvy */

.red { color: #FF0000; } 
.blue { color: #0000FF; } 
.green { color: #008000; }
.lime { color: #00FF00; }
.yellow { color: #FFFF00; }
.white { color: #FFFFFF; }
.black { color: #000000; }
.aqua { color: #00FFFF; }


/* margin - top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

/* margin-bottom */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

/* margin */
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }

/* clear - cistic */
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}