.loginform { 
    margin-left:260px;
    }



#login_DOMENA, #login_LOGSERVER {
    /* border-style: dotted; */
    float: left;
    
    text-align: center;
}	
#login_DOMENA {
    width: 35%;
}	
#login_LOGSERVER {
    width: 65%;
}	

.login_UP_Domena 
{
    /* height: 30px; */
    margin-bottom:20px;
}

.login_UP_Domena_Titl
{
    margin: 20px 0px 10px 40px;
    font-weight: bold;
    font-size: 16px;
}

.login_UP_Logserver 
{
    /* height: 100px; */
    }
.login_UP_Logserver_Titl
{
    margin: 0px 0px 10px 40px;
    font-weight: bold;
    font-size: 16px;
}



    
.login_UP {
    /* height: 100px; */

}	
.login_DOWN {
    /* height: 40px; */

}	

.login_DOWN_button 
{
    padding-left: 150px;
}




.login_text-paticka {
    text-align: center;

}	

.fieldset__Formular {
    /* border: 1px solid #800000; */
    margin-bottom: 4px;
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 18px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

.fieldset__Formular_Nadpis {
    border-left: 3px solid #ccc;
    color: #474747;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
}













body { margin: 0; padding: 0; color: #474747; background: #fff  top center no-repeat; font-size: 100%; font-family: Arial, Verdana; }

#layout { width: 980px; margin: 0 auto; }
#login { width: 732px; margin: 0 auto; }

#header { height: 106px; overflow: hidden; }
  #header p { margin: 0; padding: 0; }

  
  
#main { padding: 10px 0; font-size: 80%; }
#login {  }

  #loginheader { clear: both; background: #003466 url('bg-loginheader-b.gif') bottom no-repeat; }
  #loginheader .smallinbox { background: url('bg-loginheader-t.gif') top no-repeat; margin: 0; padding: 12px 10px 16px 20px; }
  #loginheader h1 { color: #fff; font-size: 140%; margin: 0; padding: 0; background: none; }

#logindata { padding: 10px 25px 20px 25px; background: url('login-pozadi.png') 16px 90px no-repeat; }   /* background: url('key.jpg') 100px 150px no-repeat; */

#main #data { width: 732px; float: right; background: #fff url('bg-data.gif') repeat-y; }
  #main #data .box { background: url('bg-data-b.gif') bottom no-repeat; }
  #main #data .inbox { background: url('bg-data-t.gif') top no-repeat; padding: 10px 20px; }
  
#login #data { width: 732px; margin: 0 auto; background: #fff url('bg-data.gif') repeat-y; font-size: 80%; }
  #login #data .box { background: url('bg-data-b.gif') bottom no-repeat; }
  #login #data .inbox { background: url('bg-data-t.gif') top no-repeat; padding: 5px; }



  
#datafull { padding: 10px 20px;}

.guideboxes { clear: both;}

.guidebox { width: 235px; margin: 0  0 10px 13px; padding: 0; float: left; background: #fff url('bg-submenu-b.gif') bottom no-repeat; font-size: 90%; }
  .guidebox.first { margin: 0 0 10px 0; }
	.guidebox .box { background: url('bg-submenu-t.gif') top no-repeat; }
  
  .guidebox .t-box-blue { background: #003466 url('bg-title-blue-b.gif') bottom no-repeat; }
  .guidebox .t-box-blue .inbox { background: url('bg-title-blue-t.gif') top no-repeat; min-height: 20px; _height: 10px; }
  
    
  .guidebox h2 { color: #fff; font-weight: normal; font-size: 150%; padding: 12px; margin: 0; }
  .guidebox h2 a { color: #fff; text-decoration: none; }
  .guidebox p { padding: 12px 12px 0 12px; margin: 0; }
  
  .guidebox .text { width: 234px; float: right; }
  .guidebox .deliminator { width: 1px; height: 80px; float: right; }

  #bigbox { clear: both; background: url('bg-bigbox.gif') repeat-y; }
  #bigboxhp { clear: both; background: url('bg-bigbox-hp.gif') repeat-y; font-size: 90%; }
  	#bigbox .box, #bigboxhp .box { background: url('bg-bigbox-b.gif') bottom no-repeat; }
  	#bigbox .inbox, #bigboxhp .inbox { background: url('bg-bigbox-t.gif') top no-repeat; padding: 10px 20px; }

  #bigboxhp h3 { color: #0072BC; font-weight: bold; font-size: 130%; margin: 10px 0; }
  #bigboxhp a { color: #000; }




.article { padding: 10px 0; }
.thumb { padding: 4px; border: 1px solid #e5e5e5; float: left; margin: 0 15px 15px 0; }
.red { color: red; }
.blue {color: #0072BC; }
.gray { color: #878787; }

.bullet { background: url('bullet-arrow.gif') 0 7px no-repeat; padding-left: 10px; }
p.bullet { margin: 5px 0; }

.floatright { float: right; }
.floatleft { float: left; }
.floatright.ilu { padding: 0 0 20px 20px; }
.floatleft.ilu { padding: 0 20px 20px 0; }

.iluvert { vertical-align: middle; }
.stroked { border: 1px solid #ccc; padding: 5px; }





.print { text-align: right; font-size: 85%; }
  .print a { color: #666; text-decoration: none; padding: 0 0 0 20px; background: url('bg-print.gif') 0 3px no-repeat; }
  .print a:hover { color: #000; }
  
#footer { clear: both; font-size: 70%; color: #707070; text-align: right; }
  #footer p { margin: 0; padding: 10px 0; }
  #footer a { color: #707070; padding: 0 3px; }

h1 { color: #ed1d24; font-weight: normal; font-size: 180%; margin: 10px 0; padding-bottom: 10px; background: url('bg-hr.gif') bottom repeat-x; }
h2 { color: #0072BC; font-weight: normal; font-size: 150%; margin: 10px 0; }
h3 { color: #000; font-weight: bold; font-size: 130%; margin: 10px 0; }
h4 { font-weight: bold; font-size: 100%; margin: 10px 0; }



a img { border: none; }

.reset { clear: both; display: block; height: 1px; overflow: hidden; }

a { color: #0071bb; text-decoration: underline; }
a:hover { text-decoration: none; }


.noPrint {}
form { padding: 0; margin: 0;  }



  form span.title { display: block; width: 250px; float: left; margin: 0 10px 0 0; }
  #login form span.title { display: block; width: 140px; float: left; margin: 0 10px 0 0; text-align: right; }
  
  #data p.formlines {  margin: 0; padding: 8px 0 0 0;  }
  
  /*
  form span.input { display: block; width: 420px; float: left; margin: 0 10px 0 0; }
  */
  
  #login form span.input 
  /* { display: block; width: 200px; float: left; margin: 0 10px 0 0; } */
  { width: 200px; margin: 0 10px 0 0; } 

	form .txt { padding: 5px; margin: 0 4px 0 0; float: left; border: 1px solid #ccc; font-size: 95%; color: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px; }
	form .select {  border: 1px solid #ccc;  }
	
	form .button {
    margin: 2px 0 0 0;
    padding: 3px 4px 4px 4px;
    border: none;
    background: #ed1d24 url('bg-button-repeat.gif') repeat-x;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 85%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px;
    width: 140px;
}
	
	form .disabledbutton { margin: 2px 0 0 0; padding: 3px 12px 4px 12px; border: none; background: #D7D7D7; color: #fff; font-weight: bold; text-align: center; font-size: 85%; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px; }
	
	form span.title { display: block; padding: 5px 0 0 0; float: left; }
	form .readonly {color: #707070;}


  
	
/* --- kulate rohy pro selectbox -- */	
  span.customStyleSelectBox { color: #000; padding: 5px 10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px; }
  span.customStyleSelectBox.changed { padding: 5px 10px; border: 1px solid #ccc; }
  .customStyleSelectBoxInner { background: url('canvas-list-nav-item-arrow-.gif') no-repeat center right; }

/* --- tabulky --- */

table.withborder { border-collapse: collapse; border: 1px solid #ccc; }
table.withborder th { border-collapse: collapse; border: 1px solid #003466; padding: 5px 8px; font-weight: bold; text-align: left; color: #fff; background: #003466; vertical-align:middle; }
table.withborder td { border-collapse: collapse; border: 1px solid #ccc; padding: 5px 8px; vertical-align: middle; }

table.nostyle { border: none; }
table.nostyle th, table.nostyle td { border: none; padding: 5px 8px 5px 0; }

table.noborder { border: none; }
table.noborder th, table.noborder td { border: none; background: transparent; }

/* --- jednotky pro cokolov --- */

	.w20 { width: 20px; }
	.w40 { width: 40px; }
	.w60 { width: 60px; }
	.w80 { width: 80px; }
	.w85 { width: 85px; }
	.w90 { width: 90px; }
	.w100 { width: 100px; }
	.w120 { width: 120px; }
	.w140 { width: 140px; }
	.w160 { width: 160px; }
	.w180 { width: 180px; }
	.w200 { width: 200px;}
	.w220 { width: 220px; }
	.w240 { width: 240px; }
	.w250 { width: 250px; }
	.w260 { width: 260px; }
	.w280 { width: 280px; }
	.w300 { width: 300px; }
	.w315 { width: 315px; }
	.w320 { width: 320px; }
	.w340 { width: 340px; }
	.w350 { width: 350px; }
	.w360 { width: 360px; }
	.w380 { width: 380px; }
	.w400 { width: 400px; }

	.w460 { width: 460px; }
	.w480 { width: 480px; }
	.w500 { width: 500px; }
	.w660 { width: 660px; }
	.w680 { width: 680px; }
	.w700 { width: 700px; }
	.w720 { width: 720px; }
	.w740 { width: 740px; }

	.h14 { height: 14px; }
	.h15 { height: 15px; }
	.h16 { height: 16px; }
	.h17 { height: 17px; }
	.h18 { height: 18px; }
	.h19 { height: 19px; }
	.h20 { height: 20px; }
	.h22 { height: 22px; }
	.h24 { height: 24px; }
	.h45 { height: 48px; }
	.h75 { height: 80px; }

	.m5 { margin: 5px;	}
	.m8 { margin: 8px;	}
	.m10 { margin: 10px;	}

	.p2 { padding: 2px;	}
	.p5 { padding: 5px;	}
	.p8 { padding: 8px;	}
	.p10 { padding: 10px;  }