body         {background-color:#182E38;
              text-align:center;
              color:#333333;
              font-size:80%;
              margin:0px;
              padding:0px;
              font-family:"Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
              background-image:url('../img/pozadi.jpg');
              background-repeat:repeat-x;
             }

#telo        {position:relative;
              width:856px;
              height:auto;
              text-align:left;    
              margin:12px auto auto auto;
              padding:0px;
              background-color:white;
              background-image:url('../img/layout.jpg');
              background-repeat:repeat-y;
             }
#header form#prihlasit {margin:0px; 
                        position:absolute; 
                        top:19px; 
                        left:636px;
                       }
#header div#credit_status {margin:0px; 
                        position:absolute; 
                        top:19px; 
                        left:456px;
                       }
#header div#credit_status h3, #header form#prihlasit h3 {font-weight:normal; margin-top:0px; color:#333333; font-size:90%;}
#header div#credit_status label, #header form#prihlasit label {width:53px; float:left; font-weight:bold;}
#header div#credit_status input, #header form#prihlasit input {width:120px;}
#header div#credit_status input.maly, #header form#prihlasit input.maly {width:80px;}
#header div#credit_status input.tlacitko, #header form#prihlasit input.tlacitko {width:38px; margin-left:2px; background-color:#EFEFEF; border:1px solid #999999; color:black; font-weight:normal;}
#header div#credit_status ul, #header form#prihlasit ul {margin-top:5px; margin-left:71px;}
#header div#credit_status label.dlouha, #header form#prihlasit label.dlouha {width:110px;}
.logo	{
	background-image:url('../img/top.jpg');
	background-repeat:no-repeat;
}    
.logo2 {
	background-image:url('../img/top2.jpg');
	background-repeat:no-repeat;
}     
.logo3 {
	background-image:url('../img/top3.jpg');
	background-repeat:no-repeat;
}  
#header      {position:relative;
              width:850px;
              height:122px;
              margin-left:3px;
             }             
#header h1 a {position:absolute;
              left:25px; 
              top:45px;
              display:block;
              width:143px;
              height:45px;
              text-decoration:none;
              border:0;
              float:left;
              color:black;
              overflow:hidden;
              font-size:70%;
             }
#header h1 span {position:absolute; 
              left:0px; 
              top:0px; 
              width:143px;
              height:45px;
              z-index:1; 
              background-image:url('../img/logo.jpg'); 
              background-repeat:no-repeat;
              cursor:pointer;
             }             
#header h1   {margin:0;}

#levo        {position:relative;
              width:181px;
              height:auto;
              float:left;
              margin-left:13px;
              _margin-left:6.5px;
              margin-top:4px;
             }
#levo ul     {margin:0px; padding:0px;}
#levo ul li  {margin:0px; padding:0px; list-style-type:none;}
#levo ul a   {display:block; color:#333333; font-weight:bold; width:172px; _width:181px; height:26px; line-height:26px; text-decoration:none; padding-left:9px; background-image:url('../img/menu.jpg'); background-repeat:no-repeat; margin-top:1px;}   
#levo ul a:hover {color:black;}   
#levo ul ul li   {padding-left:20px; height:26px; background-image:url('../img/menu_li.jpg'); background-repeat:no-repeat;}   
#levo ul ul a    {display:block; color:#333333; font-weight:regular; width:152px; _width:161px; height:26px; line-height:26px; text-decoration:none; padding-left:9px; background-image:url('../img/menu2.jpg'); background-repeat:no-repeat; margin-top:1px;}   
#levo h3.ukazka  {font-weight:regular; font-size:80%; color:#B4B4B4;}
#levo div.reklama {width:179px; height:185px; border:1px dashed #B4B4B4; background-color:white; margin:0px 0px 10px 0px;}
          
#obsah, #obsah-big       {position:relative;
              width:400px;
              height:auto;
              float:left;
              margin-left:20px;
              _margin-left:10px;
              margin-top:4px;
             }
#obsah-big {width:610px;}
#obsah h2,#obsah-big h2    {border-bottom:2px solid #004262; margin-bottom:20px;}
#obsah ul, #obsah p, #obsah-big ul, #obsah-big p {font-size:95%;}
#obsah ul, #obsah-big ul    {margin-top:5px;}

#pravo       {position:relative;
              width:232px;
              height:auto;
              float:right;
             }
#pravo div#webmasteri {width:225px; height:182px; background-image:url('../img/webmasteri.jpg'); background-repeat:no-repeat;} 
#pravo div#inzerenti  {width:225px; height:188px; background-image:url('../img/inzerenti.jpg'); background-repeat:no-repeat; margin-top:5px;} 
#pravo div#agentury   {width:225px; height:188px; background-image:url('../img/agentury.jpg'); background-repeat:no-repeat; margin-top:5px;} 
#pravo div h3         {color:#F69F1D; margin-left:13px; padding-top:23px; margin-top:0px; font-weight:normal; font-size:150%}
#pravo div#webmasteri h3 {padding-top:17px;}     
#pravo div ul         {padding:0px; margin:20px 0px 0px 0px; font-size:85%; line-height:2;}
#pravo div ul li      {padding:0px 0px 0px 18px; margin:0px 0px 0px 10px; list-style-type:none; background-image:url('../img/sipka.jpg'); background-repeat:no-repeat; background-position:left center;}
#pravo div a.button   {display:block; float:left; margin:20px 0px 0px 18px; _margin:20px 0px 0px 9px; background-image:url('../img/tlacitko.jpg'); background-repeat:no-repeat; font-weight:bold; color:#666666; width:181px; height:26px; text-align:center; line-height:26px; font-size:85%; text-decoration:none;}
#pravo div a.button:hover {text-decoration:underline;}
             
#paticka     {position:relative;
              width:827px;
              height:auto;
              padding:3px 16px 13px 13px;
              color:#999999;
              text-align:right;
              font-size:85%;
              background-image:url('../img/paticka.jpg');
              background-repeat:no-repeat;
              background-position:left bottom;
             } 
#paticka ul  {margin:0px; padding:0px; float:left;}
#paticka ul li  {margin:0px; padding:0px; display:inline;}

table, div, form {
  margin-left: auto;
  margin-right: auto;
}
      
a            {color:#004262; text-decoration:underline;}
a:hover      {color:#002639;}

h2	                   {color:#004262; font-size:130%;}
h3	                   {color:#11A3EA; font-size:115%;}
h4                     {color:#0B246C; font-size:100%;}
h2, h3, h4             {margin-top:5px; margin-bottom:5px; font-weight:bold;}

input                  {border:1px solid #999999; background-color:white; color:black; margin-bottom:1px;}
textarea               {border:1px solid #999999; background-color:white; color:black;}
input.tlacitko         {border:2px solid #999999; background-color:white; font-weight:bold; cursor:pointer; color:#008AFF; height:20px; vertical-align:-1px; _vertical-align:0px;} 
input.tlacitko2        {border:2px solid #999999; background-color:white; font-weight:bold; cursor:pointer; color:#008AFF;} 
select                 {border:1px solid #999999; background-color:white; color:black; margin-bottom:1px;}
option                 {cursor:pointer;}

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

p                      {text-align:justify; margin-top:5px; margin-bottom:8px;}

strong                 {font-weight:bold;}

ul                     {list-style-type:square;}

img                    {border:none;}

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 #43627C;
  color:#43627C;
  font-size:90%;
  text-align:right;
  }
  
fieldset {border:1px solid #43627C; padding:4px; margin-bottom:10px;}
label {float:left; display:block; width:68px;}
fieldset label {float:left; display:block; width:130px;}

.red         {color:red;}
.chyba       {font-size:250%;}

.neviditelne {display:none; visibility:hidden;}

/* cotojatka */
.cotojatka {background-color: #FFFFFF; border: 5px solid #004262; padding: 5px 10px 5px 10px; text-align:left;}