body         {background-color:#3e3c38;
              text-align:center;
              color:#a1a1a1;
              font-size:70%;
              margin:0px;
              padding:8px 0px 10px 0px;
              font-family:Verdana,"Geneva CE",lucida,sans-serif;
             }

#telo        {position:relative;
              width:816px;
              _width:818px;
              height:auto;
              text-align:left;    
              margin:auto;
              background-color:#363430;
              border:1px solid #525252;
             }             

#header      {position:relative;
              width:816px;
              height:420px;
              background-image:url('pictures/banner.jpg'); 
              background-repeat:no-repeat; 
              background-position:13px 138px;
             }                      
#header h1 a {color:#c1c1c1; text-decoration:none;}
#header h1 a:hover {color:#dadada;}
#header h1   {position:relative; font-size:90%; font-weight:normal; top:12px; left:12px; margin:0px;}
#header ul    {margin:24px 0px 0px 0px; padding:0px;}
#header ul li {margin:0px; padding:0px; display:inline;}
#header ul a  {position:relative; display:block; float:left; width:102px; height:90px; line-height:90px; color:white; text-align:center; text-decoration:none; font-weight:bold; overflow:hidden; background-color:#821714;}
#header ul a:hover {height:85px; line-height:85px; overflow:hidden;}
#header ul a span {position:absolute; cursor:pointer; display:block; float:left; width:102px; height:90px; top:0px; left:0px; background-repeat:no-repeat;}
#header ul a.prvni span {background-image:url('pictures/menu-uvod.gif');}
#header ul a.druhy span {background-image:url('pictures/menu-kdo-jsme.gif');}
#header ul a.treti span {background-image:url('pictures/menu-vyroba-tisk.gif');}
#header ul a.ctvrty span {background-image:url('pictures/menu-studio.gif');}
#header ul a.paty span {background-image:url('pictures/menu-produkty.gif');}
#header ul a.sesty span {background-image:url('pictures/menu-sluzby.gif');}
#header ul a.sedmi span {background-image:url('pictures/menu-projekty.gif');}
#header ul a.osmi span {background-image:url('pictures/menu-kontakty.gif');}
#header div  {position:absolute; left:690px; top:12px;}
#header div img {margin:0px 7px 0px 7px;}
         
#obsah       {position:relative;
              padding:0px 24px 0px 24px;
              height:auto;
              line-height:1.5;
             } 
h2.hlavni {margin:0px 0px 10px 0px; color:#1a1817; position:relative;}
h2.hlavni span {top:-2px; left:-2px; color:white; position:absolute;}
         
#sluzby      {position:relative;
              width:262px;
              float:left;
              left:11px;
              height:auto;
              padding:35px 0px 0px 0px;
             } 
         
#novinky     {position:relative;
              width:482px;
              float:right;
              right:24px;
              height:auto;
              padding:45px 0px 0px 0px;
             } 
.novinka    {padding:15px 0px 18px 0px; background-image:url('pictures/cara.jpg'); background-repeat:repeat-x; background-position:left bottom;}
.novinka h3 {font-size:80%; height:16px; line-height:16px; background-image:url('pictures/novinka.jpg'); background-repeat:no-repeat; letter-spacing:1px; color:#c81921; padding:0px 0px 0px 23px;}
.novinka h4 {font-size:90%; color:#dddad1;}
.novinka p  {font-size:90%; color:#b8b4a5;}
#novinky p.archiv    {font-size:80%; text-align:right; padding:5px 0px 5px 0px;}
#novinky p.archiv a  {background-image:url('pictures/odrazka.jpg'); background-repeat:no-repeat; background-position:left center; padding:0px 0px 0px 11px;}
.sluzba     {width:262px; height:89px; font-size:80%; margin:0px 0px 5px 0px; background-image:url('pictures/sluzba.jpg'); background-repeat:no-repeat-x;}
.sluzba .prvni, .sluzba .druha, .sluzba .treti {padding:2px 0px 0px 74px; height:79px; background-repeat:no-repeat; background-position:11px 9px;}
.sluzba .prvni {background-image:url('pictures/prvni.jpg');}
.sluzba .druha {background-image:url('pictures/druha.jpg');}
.sluzba .treti {background-image:url('pictures/treti.jpg');}
.sluzba h3 {color:white; font-size:170%;}
         

#prohlizec   {position:relative;
              margin:5px 0px 5px 0px;
              padding:7px 15px 7px 15px;
              width:738px;
              height:42px;
              left:24px;
              _width:768px;
              _height:56px;
              background-image:url('pictures/prohlizec.gif'); background-repeat:no-repeat;
             }              
#lista       {overflow:hidden;}
#lista a     {text-decoration:none;}
#lista img   {margin:0px 1px 0px 0px;}
#lista_      {overflow:hidden; width:10000px;}
#levyposuvnik  {z-index: 5; opacity: 0.8; filter: alpha(opacity=80); background:url('pictures/left.png') no-repeat;position: relative; top: -45px; width: 50px; height: 43px;}
#pravyposuvnik {z-index: 5;opacity: 0.8;filter: alpha(opacity=80);background: url('pictures/right.png') no-repeat;position: relative; top: -85px; left: 688px; width: 50px; height: 43px;}

#flash2      {position:absolute; width:789px; height:267px; top:138px; left:13px;}
       
#paticka     {position:relative;
              padding:8px 26px 8px 26px;
              height:auto;
              text-align:right;
              font-size:90%;
             } 
#paticka a   {color:#a1a1a1; text-decoration:none;}
#paticka a:hover {color:white;}
                        
a            {color:white; text-decoration:underline;}
a:hover      {color:#c1c1c1;}

h2	                   {color:white; font-size:190%; padding:0px 0px 5px 0px; background-image:url('pictures/cara.jpg'); background-repeat:repeat-x; background-position:left bottom;}
h3	                   {color:#ea8706; font-size:140%;}
h4                     {color:white; font-size:120%;}
h2, h3, h4             {margin:15px 0px 10px 0px; font-weight:normal;}

input                  {border:1px solid #a1a1a1; color:#a1a1a1; background-color:#3e3c38; margin-bottom:1px;}
textarea               {border:1px solid #a1a1a1; color:#a1a1a1; background-color:#3e3c38;}
input.tlacitko         {border:2px solid #545454; background-color:#545454; font-weight:bold; cursor:pointer; color:white;} 
input.tlacitko2        {border:2px solid #545454; background-color:#545454; font-weight:bold; cursor:pointer; color:white; height:20px;} 
select                 {border:2px solid black; background-color:white; color:black; margin-bottom:1px;}
option                 {cursor:pointer;}
label {float:left; display:block; width:100px;}

.justify               {text-align:justify;} 
.center                {text-align:center;}
.left                  {text-align:left;}
.right                 {text-align:right;}
.middle                {vertical-align:middle;}
.top                   {vertical-align:top;}
.neviditelne           {display:none;}

p                      {text-align:justify; margin-top:5px; margin-bottom:8px;}
strong                 {font-weight:bold;}

ul                     {list-style-type:square; margin:5px 0px 5px auto;}
ul ul                  {list-style-type:circle;}

img                    {border:none;}
table       {font-size:100%;}

hr                     {height:1px; border-top:1px solid white;}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility:hidden;
      _display:none;
      color:white;
      }  
      
legend {
  padding: 0.2em 0.5em;
  border:1px solid #757575;
  color:#083B67;
  font-size:90%;
  text-align:right;
  }