* {
    padding: 0;
    margin: 0; 
}

body {
    background-color: white;
    width: 980px;
    font-family: arial, helvetica, sans-serif;
    font-size: 70%;
    color: #3c3625;
    margin: 3px auto;
    text-align: center;
    position: relative;
}

.clearLine {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}
/* IE5.x hack */
* html .clearLine {
    margin-top: -2px;
    ma\rgin-top: 0px; 
}

.lily {
    color: #8A2BE2;
}

hr, .hide {
    display: none;
}

img {
    border: 0;
    display: block;
    font-style: italic;
}

h2 {
    color: #8A2BE2;
}

input, textarea, select {
    font-family: arial, verdana, tahoma;
    font-size: 100%;
    height: 100%;
    border: 1px #ccc solid;
    background-color: white;
}

.btn {
    background: #d2bffd url(../img/btn-bg.gif) repeat-x;
    border: 1px #ccc solid;
    width: 6em;
    height: 1.8em;
    padding: 1px 0;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 10px;
}
/* IE7 hack */
*+html .btn {
    border: 1px transparent solid;
    padding: 2px 0 1px 0;
    margin-top: 6px;
}
/* IE5.5, 6 hack */
* html .btn {
    border: 1px white solid;
    padding: 2px 0 1px 0;
    margin-top: 2px;
}

a {
    color: #8A2BE2;
    text-decoration: underline;
}

a:hover {
    color: #8A2BE2;
}

.outBorder {
    width: 926px;
    font-size: 90%;
    padding: 0 27px;
}
/* IE6 hack */
* html .outBorder {
     width: 980px;
}

.outBorder a {
    color: #666;
    padding: 0 5px;
    background: url(../img/lnk-spacer.gif) no-repeat right center;
}

.outBorder a:hover {
    color: #8A2BE2;
}

.outBorder .first {
    padding-left: 0;
}

.outBorder .last {
    padding-right: 0;
    background: none;
}

.outBorder ul, .outBorder ul li {
    list-style-type: none;
    display: inline;
}

/************** Jazykove menu ***************/

#langMenu {
    text-align: right;
}

/************** Spolocne nastavenia pre border ***************/

#border {
    width: 980px;
    background: url(../img/bg.gif) repeat-y;
    text-align: left;
}

div.hBorder {
    width: 980px;
    height: 14px;
    font-size:0px;
}

div.edge {
    width: 952px;
    height: 14px;
    float: left; 
}

div.corner {
    width: 14px;
    height: 14px; 
}

/************** Horny border ***************/


#tlCorner {
    background: url(../img/tl-corner.gif) no-repeat;
    float: left;     
}

#tEdge {
    background: url(../img/t-edge.gif) repeat-x top;
    float: left;
}

#trCorner {
    background: url(../img/tr-corner.gif) no-repeat;
    float: left;
}

/************** Hlavicka ***************/

#header {
    width: 926px;
    background: white url(../img/header-bg.gif) repeat-x bottom;
    margin: 0 7px;
    padding: 20px 20px 27px 20px;
}
/* IE6 hack */
* html #header {
    width: 966px;
}

#lHeader {
    float: left;
}    

#lHeader a {
    display: block;
}

#rHeader{
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    line-height: 46px;
    float: right;
}

#rHeader a {
    color: black;
    text-decoration: none;
}

#rHeader a:hover {
    color: black;
    text-decoration: underline;
}

.technologies {
    color: #8A2BE2;
}

.graphics {
    color: #22B8D6;
}

.solutions {
    color: #69BE28;
}

/************** Menu ***************/

#menus {
    width: 966px;
    background: #3c3c3c url(../img/menu-bg.gif) repeat-x;
    margin: 0 7px;
    color: white;
}

#rMenu {
    float: right;
    padding: 8px 20px;
}

#rMenu ul, #rMenu ul li {
    list-style-type: none;
    display: inline;
}

#rMenu a {
    min-height: 13px;
    min-width: 13px;
    height: auto !important;
    height: 13px;
    width: auto !important;
    width: 13px;
    margin-left: 15px; 
    color: white;
    display: block;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
}

#rMenu a:hover {
    color: #7d5cc6;
}

#rMenu img {
    width: 0;
    height: 0;
    border-width: 0;
    display: inline;
}

/* verzia pre tlac */
#rMenu a.printver {
    background-image: url(../img/printver.gif);
}

#rMenu a.printver:hover {
    background-image: url(../img/printver-s.gif);
}

/* mapa stranok */
#rMenu a.sitemap {
    background-image: url(../img/sitemap.gif);
}

#rMenu a.sitemap:hover {
    background-image: url(../img/sitemap-s.gif);
}

/* poslat mailom */
#rMenu a.mailto {
    background-image: url(../img/mailto.gif);
}

#rMenu a.mailto:hover {
    background-image: url(../img/mailto-s.gif);
}

/************** Obsah ***************/
#content {
    width: 926px;
    background: url(../img/content-bg.gif) repeat-x scroll top;
    margin: 0 7px 0 7px;
    padding: 20px 20px 14px 20px;
}    
/* IE6 hack */
* html #content{
    width: 966px;
}

#leftContent {
    width: 706px;
    float: left;
}

#rightContent {
    width: 200px;
    float: right;
}

#mainContent {
    margin-top: 21px;
}

/*  zakaznicka zona */

.box {
    width: 178px;
    border: 1px #ccc solid;
    padding: 6px 10px 10px 10px;
    background: white url(../img/box-bg.gif) repeat-x;
}
/* IE6 hack */
* html .box {
    width: 200px;
}

.box .caption {
    font-weight: bold;
    font-size: 110%;
    font-style: normal;
}

#custZone fieldset {
    border: none;
}

#custZone {
    min-height: 102px;
    position: relative;
}
/* IE6 hack */
* html #custZone {
    height: 120px;
}

#custZone fieldset {
    margin-bottom: 2em;
}

#custZone legend {
    padding-bottom: 10px;
    white-space: normal;
    font-weight: bold;
    font-size: 110%;
    font-style: normal;
}
/* IE7 hack */
*+html #custZone legend {
    margin-left: -8px;
}
/* IE6 hack */
* html #custZone legend {
    margin-left: -8px;
}

#custZone label {
    float: left;
    min-width: 3.7em;
    width: 3.7em;
}

#custZone div.fieldLine {
    padding: 4px 0;
}
/* IE7 hack */
*+html #custZone div.fieldLine {
    padding: 3px 0;
}
/* IE6 hack */
* html #custZone div.fieldLine {
    padding: 3px 0;
}

#custZone div.fieldLine input {
    width: 12em;
    max-width: 180px;
}

#custZone .errFld {
    border: 1px red solid; 
}

#custZone .selFld {
    border: 1px #7d5cc6 solid; 
}

#custZone div.buttonSet input {
   position: absolute;
   float: right;
   bottom: 10px;
   right: 10px;
}

/* Univerzalny box - novinky, partneri, ine */

#unibox {
    margin-top: 20px;
}

#unibox ul {
    list-style: none;
    margin-top: 7px;
}

#unibox li {
    padding: 4px 0;
}

#unibox strong {
    color: #8A2BE2;
}

#unibox img {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

#unibox a {
    margin: 34px;
    display: block;
}

/************** Spodny border ***************/

#blCorner {
    background: url(../img/bl-corner.gif) no-repeat;
    float: left;     
}

#bEdge {
    background: url(../img/b-edge.gif) repeat-x bottom;
}

#brCorner {
    background: url(../img/br-corner.gif) no-repeat;
    float: right;
}

/************** Paticka ***************/

#lFooter {
    float: left;
    text-align: left;
}

#rFooter {
    color: #666;
    float: right;
}