/* ========== GENERAL =========================================================================================================================== */

html    { font-size: 100%; }

body    { margin: 0 0 10px 0; border: 0; padding: 0;
	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	font-size: 75%; color: #333333; background: #3a8fee url("../images/bodybg.jpg") top left repeat-x; }

h1	{ margin: 0px 0 10px 0; font-size: 115%; font-weight: bold; color: black; background: transparent; }
h2	{ margin: 0px 0 10px 0; font-size: 115%; font-weight: bold; color: black; background: transparent; }
h2.none { display: none; font-size: 95%;}
h3      { margin: 0px 0 5px 0; font-size: 105%; font-weight: bold; color: #054ea0; background: transparent;  }

.none   { display: none; }

strong	{ font-style: normal; font-weight: bold; }
img 	{ margin: 0; border: 0; padding: 0; }

a 	{ color: #dd4611; font-weight: bold; text-decoration: underline; background: transparent; }
a:hover { color: #054ea0; font-weight: bold; text-decoration: underline; background: transparent; }

form    { margin: 0; padding: 0; border: 0; }
textarea, input, select, option, td textarea, td input, td select, td option 
{ font-family: font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; font-size: 90%; }

/* ========== DESIGN ============================================================================================================================ */

/* ---------- OBRYS */

#obrysbox  { width: 900px; margin: 0; border: 0; padding: 0; text-align: left; }

/* ---------- TOP */

#topbox { width: 900px; height: 120px; margin: 0; border: 0; padding: 0; color: white; background: transparent; }
#tlogoa { width: 105px; height: 100px; margin: 10px 0 0 0; border: 0; padding: 0; text-align: left; float: left; }
#tlogob { width: 575px; height: 100px; margin: 10px 0 0 0; border: 0; padding: 0; float: left; }
#tlogin { width: 220px; height: 120px; margin: 0; border: 0; padding: 0; float: left; }
/* ---------- login */
.loginform         { margin: 0; border: 0; padding: 20px 0 0 5px; color: white; background: transparent; }
.loginform a 	   { color: white; font-weight: bold; text-decoration: underline; background: transparent; }
.loginform a:hover { color: #eaeaea; font-weight: bold; text-decoration: underline; background: transparent; }

.loginform p       { margin: 0; padding: 2px 0 3px 0; clear: both; }
.loginform label   { /*width: 90px; */display: block; float: left; vertical-align: middle; }
.loginform .pole   { width: 115px; float: right; }
.loginform .loggeduser { float: right; font-weight: bold; }
.loginform br      { clear: both; }

.loginform .button       { float: right; margin-right: 1px; }
.loginform .button       { border: 1px solid #eaeaea; padding: 1px 10px; font-size: 1em; color: white; background: #f56a3a url("../images/borange.gif") bottom left repeat-x ; cursor: pointer; }
.loginform .button:hover { border: 1px solid #eaeaea; color: white; background: #3a8fee url("../images/bblue.gif") bottom left repeat-x;}
	
.button       { border: 1px solid #dd4611; padding: 1px 10px; font-size: 1em; color: white; background: #f56a3a url("../images/borange.gif") bottom left repeat-x ; cursor: pointer; }
.button:hover { border: 1px solid #054ea0; color: white; background: #3a8fee url("../images/bblue.gif") bottom left repeat-x;}

/* ---------- OBBOX */

#obbox  { width: 900px; margin: 0; border: 0; padding: 0; text-align: left; color: black; background: transparent url("../images/obbg.gif") top left repeat-y; }
#obtop  { width: 900px; height: 5px; margin: 0; border: 0; padding: 0; text-align: left; font-size: 0px; background: url("../images/obtop.jpg") top left no-repeat; }
#obbot  { width: 900px; height: 10px; margin: 0; border: 0; padding: 0; text-align: left; font-size: 0px; background: url("../images/obbot.gif") bottom left no-repeat; }

/* ---------- BANNER */

#banbox { width: 680px; height: 274px; float: left; }
#ban    { padding: 0 0 0 5px; }

/* ---------- MENU */

#menubox { width: 220px; height: 274px; float: left; background: url("../images/menubg.gif") top left no-repeat; }
#menu    { margin: 0; border: 0; padding: 5px 10px 5px 5px; font-size: 97%; }

#menu ul       { width: 205px; margin: 0; border: 0; padding: 0; list-style-type: none; }
#menu ul li    { width: 205px; margin: 0; border: 0; padding: 0; display: block; float: left; background: url("../images/mitemo.png") top left no-repeat; }
#menu ul li a  { width: 205px; display: block; margin: 0; border: 0; padding: 0; text-decoration: none; color: #054ea0; background: transparent; _position: relative; }
#menu ul li a:hover { width: 205px; display: block; margin: 0; border: 0; padding: 0; text-decoration: none; color: white; background: transparent; _position: relative; cursor: pointer; } 

#menu ul li strong   { display: block; margin: 0; border: 0; padding: 5px 0 0 39px; text-align: left; text-transform: uppercase; }
#menu ul li a strong { text-decoration: none; color: #054ea0; background: transparent; }
#menu ul li a:hover strong { text-decoration: none; color: white; background: transparent; cursor: pointer; }

/* ---------- li a */
#menu ul li.mi a { height: 24px; background: url("../images/mitem.gif") top left no-repeat; }

/* ---------- li a:hover */
#menu ul li.mi a:hover { height: 24px; background: url("../images/mitemo.gif") top left no-repeat; }

/* ---------- li sel */
#menu ul li.ms a, #menu ul li.ms a:hover { height: 24px; color: white; background: url("../images/mitemo.gif") top left no-repeat; }
#menu ul li.ms a strong, #menu ul li.ms a:hover strong { color: white; }

/* ---------- TORANGE */

#torange { width: 900px; height: 10px; font-size: 0px; clear: both; background: url("../images/torange.gif") 5px 0px no-repeat; }

/* ---------- OBSAH ------------------------------------------------------------------------------------------------------------------------------ */

#obsahbox { width: 680px; float: left; margin: 0; border: 0; padding: 0; }
#obsah    { margin: 0; border: 0; padding: 5px 5px 5px 5px; font-size: 100%; }
#obsah100 { width: 100%; margin: 0; border: 0; padding: 0; } 

#obsah ul { display: block; margin: 0 0 0 40px; padding: 10px 0 0 0; list-style: url("../images/dotblue.gif"); }
#obsah li { margin: 0; padding: 0 0 10px 10px; }

#obsah table { font-size: 100%; margin: 0; padding: 0; }

/* ---------- RIGHT ------------------------------------------------------------------------------------------------------------------------------ */

#rightbox { width: 220px; float: left; }
#right    { padding: 5px 10px 5px 5px; }
.rline    { width: 205px; height: 10px; font-size: 0px; background: url("../images/rline.gif") -5px bottom no-repeat;  }

#right ul { display: block; margin: 0 0 0 10px; padding: 5px 0 0 0; list-style: none; }
#right li { margin: 0; padding: 2px 0 0px 0px; background: url("../images/dotblue.png") 0 7px no-repeat; }
#right li strong { display: block; margin: 0; padding: 2px 0 0px 20px; }
#right li a strong { background: url("../images/dotblue.png") 0 7px no-repeat; }
#right li a:hover strong { background: url("../images/dotblue.png") 0 7px no-repeat; }

/* ---------- BOT ------------------------------------------------------------------------------------------------------------------------------ */

#botbox         { width: 900px; text-align: center; }
#botbox p       { margin: 5px 10px 0 0; color: white; }
#botbox a       { color: white; }
#botbox a:hover { color: #eaeaea; }

/* ---------- OTHER ------------------------------------------------------------------------------------------------------------------------------ */

/* ---------- CLEANER */

.cleaner { clear: both; }

/* ---------- VARIANTY OBTEKANI OBRAZKU V DOKUMENTECH
t=top, c=center, b=bottom, l=left, r=right
parametry u margin: top, right, bottom, left */

.otl  { float: left; margin: 0px 10px 0 0; }
.otr { float: right; margin: 0px 0 0 10px; }
.ocl  { float: left; margin: 0em 1em 0 0; }
.ocr { float: right; margin: 0em 0 0 1em; }
.obl  { float: left; margin: 0em 1em 1em 0; }
.obr { float: right; margin: 0em 0 1em 1em; }

.oc { text-align: center; margin: 0.5em 0 0 0; }

/* ========== HOME =============================================================================================================================== */

p.home     { margin: 0; border: 0; padding: 0; }
p.vice     { margin: 0; border: 0; padding: 3px 0 3px 0; color: #dd4611; background: transparent; text-align: right; }

/* ---------- FOTOGALERIE */

#fotobox   { width: 670px; height: 114px; background: url("../images/fotobg.png") top left no-repeat; }
#foto      { padding: 10px 0px 10px 10px; }

#foto #fleft  { width: 155px; float: left; }
#foto h2   { margin: 0 0 3px 0; padding: 0 0 5px 0; color: white; background: url("../images/fotoline.gif") bottom left no-repeat; }
#foto p    { margin: 0; padding: 0; color: white; /* font-weight: bold; */ }
#foto p.vs { margin: 2px 0 0px 0; text-align: right; }
#foto .button       { margin-right: 1px; }
#foto .button       { border: 1px solid #eaeaea; padding: 1px 10px; font-size: 1em; color: white; background: #3a8fee url("../images/bblue.gif") bottom left repeat-x; cursor: pointer; }
#foto .button:hover { border: 1px solid #eaeaea; color: white; background: #f56a3a url("../images/borange.gif") bottom left repeat-x;}

#foto #fimgs  { width: 505px; float: left; }
#foto #fimgs img  { border: 1px solid white; }
.fimg  { display: block; float: left; margin: 2px 0 0 9px; }
.fimga  { display: block; width: 133px; float: left; margin: 2px 0 0 9px; }
.fimgb  { display: block; width:  60px; float: left; margin: 2px 0 0 9px; }

/* ---------- NOVINKY */

.newbox    { width: 330px; float: left; margin-left: 0px; }
.new       { position: relative; }

.newmar    { margin-left: 10px; }
.newbox h2 { color: black; }
.newbox p.date { width: 112px; margin: 0; text-align: center; padding: 1px; float: right; color: white; 
           background: #3a8fee url("../images/bblue.gif") bottom left repeat-x; position: absolute; top: 0px; left: 0px; _left: -124px; }
.newbox p.new { margin: 0; border: 0; padding: 0; }
.newbox .otl { float: left; margin: 16px 10px 0 0; }
 
/* ---------- form */
.form         { margin: 0; border: 0; padding: 20px 0 0 5px; background: transparent; }
.form a 	   { color: white; font-weight: bold; text-decoration: underline; background: transparent; }
.form a:hover { color: #eaeaea; font-weight: bold; text-decoration: underline; background: transparent; }

.form p       { margin: 0; padding: 2px 0 3px 0; clear: both; }
.form label   { width: 140px; display: block; float: left; vertical-align: middle; }
.form .pole   { width: 280px; float: left; }
.form br      { clear: both; }

.form .button       { margin-left: 140px; }
.form .error {/*background-color:Blue;*/ float: left; margin-left: 5px; padding: 0 0 0 0; width: 200px; text-align: left; color: #d60000; }

/* ---------- diskuze */
/*.discussionitem {  padding: 5px 0 10px 20px; }*/
/*.discussionitem p { margin: 0; padding: 2px 0 3px 0; clear: both; }*/
.disbox    { margin: 0; border: 0; padding: 0; margin-bottom: 10px; }
.distop    { margin: 0; border: 0; padding: 0; background: url("../images/distopbg.gif") top left repeat-x; }
.distop h3 { margin: 0; border: 0; padding: 4px 5px 1px 5px; color: #054ea0; background: transparent; font-size: 110%; }
.distop h4 { margin: 0; border: 0; padding: 1px 5px 4px 5px; color: #054ea0; background: transparent; font-weight: normal; }
.distop h4 strong { color: #dd4611; background: transparent; font-weight: normal; }
.distop h4 span   { color: black; background: transparent; font-weight: normal; }
.dis       { margin: 0; border: 0; padding: 2px 5px 2px 5px; }
.disre     { margin: 0; border: 0; padding: 2px 5px 2px 5px; text-align: right; color: #dd4611; background: transparent; }

/* ---------- textdetail */
.textdetail br      { clear: left; }
.textdetail .authordate { margin: 0 0 10px 0; }
.textdetail .otl { float: right; margin: 16px 10px 0 0; }
.textdetail .text { margin: 5px 0 10px 0; }
.textdetail .foto { clear: both; margin: 16px 0 16px 0; }

/* ---------- textlist */
.textlist .newbox { width: 100%; margin-bottom: 20px; }
.textlist br      { clear: both; }
.textlist .foto { margin: 0 10px 10px 0; }

/* ========== END =============================================================================================================================== */