/* General settings */
 body{ font-size:12px; color:#999; margin:0px 0px 10px 0px; background-color:#000; font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; }
 table{ font-size:12px; }
 p{ text-align:justify; margin:1px 0px 3px 0px; }
 a{ color:#8F0505; text-decoration: none; }
 a:hover{ color:#BF2525; text-decoration:none; }
 form{ margin:0px; }
 
 
/* Page content */
 #pageContent{ border:0px solid white; margin-top:10px; height:700px; padding-top:5px; }
 
  
 h3{ margin:0px; padding:0px; }
 .imgContainer{ width:600px; }
 
 .imgBlock{ float:left; display:block; _height:100px; min-height:100px; border:1px solid #555; background-color:#222; margin:5px; }
 .imgBlockRed{ float:left; display:block; _height:100px; min-height:100px; border:1px solid #BF2525; background-color:#8F0505; margin:5px; }
 .imgPort{ float:left; display:block; height:100px; width:100px; border:0px solid #444; padding:1px; margin:0px; }
 
 .imgItem{ float:left; display:block; height:100px; width:100px; border:1px solid #444; padding:1px; margin:5px; } 
 
 .leftFloat{ float:left; margin-bottom:8px; border:1px solid #444; padding:1px; }
 .marq{ font-size:9px; font-weight:700; color:#666; }

/* Popup window with picture */
 a.popwin{ position:relative; z-index:2; padding-left: 2px; padding-right: 2px; color:#000; text-decoration:none; }
 a.popwin:hover{ z-index:23; background-color: transparent; }
  .gecko a.popwin span { top: 2em; left: -5em; display: block; }
  .ie    a.popwin span { top: 2em; left: -5em; display: block; }
  .opera a.popwin span { margin-left: 200px;   display: none; }
 a.popwin span { visibility: hidden; z-index:24; position: absolute; margin: 0px 0px 0px 20px; padding: 2px; border:1px solid #555; background-color: black; color:#000; text-align: justify; }
 a.popwin:hover span{ visibility: visible; display: block; }
 
 /* Popup window with text shortcut */
 a.popInfo{ position:relative; z-index:2; padding-left: 0px; padding-right: 0px; color:#bbb; text-decoration:none; font-weight:700; }
 a.popInfo:hover{ z-index:23; background-color: transparent; }
  .gecko a.popInfo span { top: 2em; left: -5em; display: block; }
  .ie    a.popInfo span { top: 2em; left: -5em; display: block; }
  .opera a.popInfo span { margin-left: 200px;   display: none; }
 a.popInfo span { visibility: hidden; z-index:24; position: absolute; margin: 18px 0px 0px 0px; padding: 2px; border:1px solid #555; background-color: black; color:#000; text-align: justify; }
 a.popInfo:hover span{ visibility: visible; display: block; }
 
/* Cards */ 
 .cards{  border:1px solid #222; border-collapse:collapse; } 
 .cards .header{ background-color:#282828; font-weight:700; }
 .cards td{ font-size:10px; border:1px solid #111; padding:3px; }
 
 .cards_bike{  border:1px solid #222; border-collapse:collapse; } 
 .cards_bike .header{ background-color:#282828; font-weight:700; }
 .cards_bike td{ font-size:10px; border:1px solid #111; padding:4px; }
 
 .nocards{  border:0px solid #222; } 
 .nocards .header{ background-color:#282828; font-weight:700; }
 .nocards td{ font-size:11px; border:0px solid #111; border-bottom:1px solid #111; padding:0px; }
 
 .logHeader{ border:1px solid #555; background-color:#111; font-weight:700; padding:4px; padding-left:8px; }
 .logTh{ font-weight:700; padding-left:5px; padding-top:5px; }
 .logTd{ padding-top:5px; }
 
 .tdbl{ height:1px; border-bottom:1px solid #555; }  
 
/* Form */
 .inText{ background-color:#fff; font:11px Tahoma, Verdana, Arial; border:1px solid #777; color:#ccc; height:15px; padding-left:3px; padding-top:2px; vertical-align:middle; width:100px; background-color:#191919; }
 .inBtn{ font:11px Tahoma, Verdana, Arial; width:120px; height:22px; font-weight:700; color:#111; padding:1px 0px 1px 0px; }
 .inArea{ background-color:#fff; font:11px Tahoma, Verdana, Arial; border:1px solid #888; color:#333; height:200px; padding:2px 4px 2px 4px; vertical-align: middle; width:500px; }
 .inPD{ background-color:#fff; font:11px Tahoma, Verdana, Arial; width: 106px; }
 .inPD option{ color: #000; }
 
 .btnGray{ background-color:#222; color:#bbb; border:1px solid #777; }
 .btnGray:hover{ background-color:#444; color: #ddd; }

 #rightPannel{ position:relative; background:url('images/bck_pravagrafika.jpg'); width:224px; }
 
 #redCap{ float:right; width:97px; height:66px; margin-right:60px; }
 #redCap:hover{ background:url('images/cepice_red.jpg') no-repeat right; cursor:hand; }

 /*
 .redCap{ float:left; width:133px; height:80px; margin-left:0px; background:transparent; }
 .redCap:hover{ background:url('images/cepice_red.jpg') no-repeat right; }
 */
  
/* Predefined constants */
 .j{ text-align:justify; }
 .c{ text-align:center; }
 .r{ text-align:right; }
 .l{ text-align:left; }
 .u{ text-decoration:underline; }
 .nu{ text-decoration:none; }
 .b{ font-weight:700; }
 .nb{ font-weight:500; }
 .i{ font-style:italic; }
 .t{ vertical-align:top; }
 .pt1{ padding-top:2px; }
 .pl10{ padding-left:10px; }
 .pr10{ padding-right:10px; }