/***********************************************/
/* stilovi komandi (elemenata) XHTML-a         */
/***********************************************/ 

body{ 
	font-family: Verdana, Arial, sans-serif;
	background-image:url(/bridge/_/suits.jpg);
	background-attachment:fixed;
	font-size: 8pt;
	line-height: 1.166;
}
em { font-weight:bold;
     font-style:normal;}
pre { font-family:"Courier New", Courier, mono;
      font-size:12px;}
img {border: none;}
a {text-decoration:none;}
a:hover {
    text-transform:uppercase;
	font-weight:bold;
}
form em { 
    font-style:normal;
}
form p { 
    font-style:normal;
	border-top: 1px solid gray;
}

dl dt{
    font-size:18px;
	color:#666600;
	text-align:center;
	padding-top:10px;
}

dl dd{
	color:#666666;
	text-align:center;
	padding-top:5px;
}

/************************************************/
/* Divovi koji definisu generalni izgled ekrana */
/************************************************/
#okvir {
	width: 800px;
	margin: 0px 0px 0px 0px;
/*	border: 1px solid black;*/
}

#container {
	width: 770px;
	margin: 0px 0px 0px 0px;
}

#zaglavlje {
    margin: 0px 0px 0px 0px;
	height: 120px;
	width: 790px;
/*	border: 1px solid brown;*/
}

#zaglavlje p {
	margin: 0px;
	text-align:center;
	padding: 20px 0 20px 0;
	font-size: 36px;
	font-weight: bold;
}

#svatri {
    float:left;
	display:inline;
	margin: 0px 0px 0px 0px;
	width:798px;
/*	border: 1px solid red;*/
}

#levi {
	float:left;
	display:inline;
	margin: 0px 0px 10px 3px;
	width: 110px;
}

#glavni {
 	float:left;
	margin: 0px 0px 0px 0px;
 	width: 680px;
}

#tekstovi {
	float: left;
	width:540px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px 0px 10px 0px;
	border: 1px dotted gray;
}

#lokmeni {
	float: left;
	width:120px;
}

#siteinfo {
    clear:both; 
	width:760px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 20px;
	padding: 5px 10px 5px 20px;
    white-space: nowrap;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

/***********************************************/
/* h1, h2, h3                				       */
/***********************************************/

h1 {text-align:center;
    font-size:24px;}
h3 {color:#669999;}	


/***********************************************/
/* levi i desni div.class       				       */
/***********************************************/

.grupa{
    background-color:#339999;
	padding: 1px 1px 1px 0px;
	color:#CCFF66;
	text-align:center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tref{
    background-image: url(/bridge/_/c.gif);
	background-repeat:no-repeat;
	padding: 1px 1px 3px 15px;
}

.karo{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/d.gif);
	background-repeat:no-repeat;
	padding: 1px 1px 3px 15px;
}

.herc{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/h.gif);
	background-repeat:no-repeat;
	padding: 1px 1px 3px 15px;
}

.pik{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/s.gif);
	background-repeat:no-repeat;
	padding: 1px 1px 3px 15px;
}

.hercright{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/h.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding: 1px 15px 3px 1px;
}

.karoright{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/d.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding: 1px 15px 3px 1px;
}

.trefright{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/c.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding: 1px 15px 3px 1px;
}

.pikright{
	padding: 1px 1px 3px 3px;
    background-image: url(/bridge/_/s.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding: 1px 15px 3px 1px;
}

.center{text-align:center;}
.center table { margin-left: auto; margin-right: auto; text-align: left;}
.right{text-align:right;}
.left{text-align:left;}

.lekcija{
	text-align:center;
	background-color:#FFFF00;
}
.tt{
    float:left;
	display:inline;
	text-align:center;
	font-size:24px;
	margin: 0px 0px 0px 150px;
	background-color:#FFFFCC;
}

.test{
    float:left;
}

/***********************************************/
/* Blokovi za podele						   */
/***********************************************/
#podela {
    width:410px;
    font-size:12px;
	margin: 15px 0px 0px 100px;
	height:250px;
}
#podela p{
    margin: 1px;
	border-top: none;
}
#w {
	float:left;
    width:130px;
	padding-top:25px;
}
#ns {
	float:left;
    width:110px;
	height:225px;
	padding-left:20px;
}
#e {
	float:left;
    width:130px;
	padding-top:87px;
}
/***********************************************/
/* Blokovi za dWBF kurs minibridge-a           */
/***********************************************/
.pojam {
    float:left;
	font-weight:bold;
    width:110px;
	margin-bottom: 10px;
}
.opis {
    float:left;
    width:420px;
	margin-bottom: 10px;
}
.naravoucenije {
    float:left;
	font-weight:bold;
	font-size:16px;
	background-color:#FFFF66;
    width:160px;
	margin-bottom: 10px;
}
.istaknuto {
    float:left;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
    width:370px;
	margin-bottom: 10px;
}
.bg-yellow { background-color:yellow;}
.bg-red { background-color:red;} 
.bg-gray { background-color:gray;} 
.astal { background-color:#339933;}
.astal-ns {
    background-image:url(/bridge/ucenje/wbf-minibridge/astal-ns.gif);
	background-repeat:no-repeat;
	font-size:36px;
}
.uokvireno {
    text-align:center;
	font-weight:bold;
	font-size:14px;
	border: 3px solid black;
	background-color:#CCCCCC;
}
.okvir{
	text-align:center;
    border: 3px solid green;
}

.floatleft {
	float:left;
    margin: 10px 10px 10px 10px; 
}

.floatright{
	float:right;
    margin: 10px 10px 10px 10px; 
}
/*.travelers { margin-left: auto; margin-right: auto; }*/
.tableh {
    background-color:#339999;
	color:#CCFF66;
	padding: 4px 4px 4px 4px;
}
.travelers td { 
    border: 1px solid gray;
	padding: 2px 4px 2px 4px;
}

.bledosivo   { background-color:#CCCCCC;}
.bledozuto   { background-color:#FFFFCC;}
.bledocrveno { background-color:#FEBCC6;}
.bledoplavo  { background-color:#AAAAFF;}
.bledozeleno { background-color:#BBFFC7;}
.bledonarandzasto { background-color:#FFC977;}
.tamnocrveno { background-color:red;  color:white; font-weight:bold;}
.tamnoplavo  { background-color:blue; color:yellow; font-weight:bold;}
.pokojni     { background-color:black; color:white; font-weight:bold;}
.zuto  {background-color:yellow; text-align:center;}
.jedan { font-size:12px; color:#336600; font-weight:bold;}
.dva { font-size:16px; color:#FF8040; font-weight:bold;}
.tri { font-size:20px; color:#FF0000; font-weight:bold;}
.cetiri { font-size:24px; color:#000099; font-weight:bold;}
.pet { font-size:28px; color:#000000; font-weight:bold;}
.dblram {border: 1px double black; padding: 2px 2px 2px 2px;}

.nla {list-style-type:lower-latin;}
.podvuceno { text-decoration:underline;}

.granica { border: 3px solid black;}

/*-- CSS za razvijajucu mapu sajta */

#expand { FLOAT: left; 
		  WIDTH: 500px;
}
#expand .open { DISPLAY: block }
#expand .closed { DISPLAY: none }
#expand li{ 
          FONT-SIZE: 24px; 
		  PADDING-BOTTOM: 0.2em; 
		  PADDING: 0.2em 0 0.2em 0; 
		  LIST-STYLE-TYPE: none;
	   }
#expand li ul li{ 
          FONT-SIZE: 20px; 
		  PADDING-BOTTOM: 0.2em; 
		  PADDING-TOP: 0.2em; 
		  LIST-STYLE-TYPE: none
	   }
#expand li ul li ul li{ 
          FONT-SIZE: 16px; 
		  PADDING-BOTTOM: 0.2em; 
		  PADDING-TOP: 0.2em; 
		  LIST-STYLE-TYPE: none
	   }
#expand li ul li ul li ul li{ 
          FONT-SIZE: 12px; 
		  PADDING-BOTTOM: 0.2em; 
		  PADDING-TOP: 0.2em; 
		  LIST-STYLE-TYPE: none
	   }
#expand li img {VERTICAL-ALIGN: bottom}