/* CSS Document */

/* BODY */
body 
{
	font: 80% "Verdana", "Helvetica CE", "Arial CE", Arial, helvetica, sans-serif;
	margin: 0;
  padding: 0;
}

img
{
  border: none;
}

dl, ul, ol, menu, li { margin: 0; padding: 0;} 

a:link,
a:visited {
	color: rgb(179, 79, 30); text-decoration: none;
	border: none;
	font-weight: bold;
}
a:hover {
	color: rgb(120,120,120);
	text-decoration: underline;
	}

  div#allIn
  {
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: rgb(231,222,203);
    _height: 3000px; 
		line-height: 1.0; 
  }
    
  	div#mainHolder
		{
			width: 998px;
			margin: 5px auto 5px auto;
			padding: 0;
			height: 100%; 
			line-height: 1.0; 
		} 	
		
			div#topMenu
			{
				text-align: right;
			}
				div#topMenu ul 
				{
					margin: 0;
			    padding: 0;
					font-size: 100%;
					border-bottom: 5px solid rgb(100,100,100);
				}
					div#topMenu ul li {
	      		list-style: none;
	      		display: inline;
	      		margin: 0; 
	          padding: 0;
	      		font-weight: bold; 
	      		/* background-color: rgb(100,100,100); */
	      	}
	      	  div#topMenu ul li.first a {
              margin-left: 610px;
              _margin-left: 0;
	      	  }
	      		div#topMenu ul a:link,
	      		div#topMenu ul a:visited {
	      		  display: block;
	      		  float: left;
              color: rgb(255,255,255); text-decoration: none;
	      			border: none;
	      			padding: 7px 25px 3px 25px;
	      			margin-left: 5px;
	      			background-color: rgb(100,100,100);
	      			background-image: url(images/bg-menu-noActive.jpg);
              background-position: center top;
              background-repeat: repeat-x;
	      		}
	    			div#topMenu ul a:hover {
	    				color: rgb(255,195,109);
	      			}
	      	div#topMenu ul li.here a:link, 
	      	div#topMenu ul li.here a:visited
          {
	      		text-decoration: underline;
            color: rgb(255,195,109); 
            background-image: none;
	      	}
		
      div#header 
      {
				height: 230px;
			}
				div#logo
				{
					float:left;
					width: 260px;
					height: 230px;
					background: url(images/logo.jpg);
					background-position: center center;
					background-repeat: no-repeat;
					margin: 0;
					padding: 0;
					
				}
				div#headerMtbc
        {
  				height: 230px;
  			}
				div#headerMtbc div#logo 
        {
  				background: url(images/logoMtb.jpg);
  				height: 230px;
  			}
					div#logo h1 
		      {
		        position: absolute; text-indent: -1000em  ;
		      } 
				div#motto
				{
					
					float: left;
					width: 738px;
					height: 230px;
					background-image: url(images/motto.jpg);
					background-position: center center;
					background-repeat: no-repeat;
					margin: 0;
					padding: 0; 
				}
					div#motto h2 
		      {
		        position: absolute; text-indent: -1000em  ;
		      }
          div#headerMtbc div#motto
          {
            background-image: url(images/mottoMtb.jpg);
          }  
	  	div#contentHolder
	  	{
				background: url(images/bg-leftMenu.jpg) no-repeat left top;
				margin-top: 5px;
				line-height : 1.0;
			  height: 100%; 
			}
				div#leftMenuHolder
		  	{
					float: left;
					width: 240px;
					text-align: left;
					padding: 0 10px 0 10px;
					background: url(images/bg-line.jpg) repeat-y right;
				}
				
					div#leftMenuHolder h3
			  	{
						font: 140% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
						font-weight: bold;
						color: rgb(179, 79, 30);
						/* border-left: 3px solid rgb(255,154,52); */
						margin: 10px 0 3px 0;
					}
					
					div#leftMenuHolder ul.empty
			  	{
						/* font-size: 110%; */
						font: 115% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
            margin: 3px 0px 3px 0;
						width: 100%;
					}
						div#leftMenuHolder ul.empty li
				  	{
							list-style: none;
              background: url(images/list_rectangle_fill.jpg) left 9px no-repeat;
              /* list-style-image: url(images/list_rectangle_empty.gif); */
							padding: 4px 0px 4px 14px;
							border-bottom: 1px solid rgb(200,200,200);
							color: rgb(179, 79, 30);
							font-weight: bold;
						}
						
						div#leftMenuHolder ul.empty li.posledni
				  	{
							border-bottom: none;
						}
						
						  div#leftMenuHolder ul.empty li a:link,
              div#leftMenuHolder ul.empty li a:visited {
	    					font-weight: bold;
	      			}
		    			div#leftMenuHolder ul.empty li a:hover {
	    					text-decoration: none;
	      			}
	      			
				  		div#leftMenuHolder ul.empty li ul.fill
					  	{
								margin: 2px 0 0 0;
								padding: 0;
							}
								div#leftMenuHolder ul.empty li ul.fill li
						  	{
									list-style: none;
                  background: url(images/list_rectangle_empty.jpg) left 5px no-repeat;
									border-bottom: none;
									padding: 1px 0px 1px 14px;
								}
								div#leftMenuHolder ul.empty li ul.fill li a:link,
                div#leftMenuHolder ul.empty li ul.fill li a:visited {
  	    					font-weight: normal;
  	      			}
					div#leftMenuHolder div#advertisement
			  	{						
						padding: 2px;
						text-align: center;
						position: relative;
						left: -4px;
						_left: 4px;
					}
					div#leftMenuHolder div#pocasi
			  	{
						font-size: 90%;
						background-color: rgb(239, 234, 224);
						margin-bottom: 10px;
						border-right: 1px solid rgb(207, 203, 194);
						border-bottom: 1px solid rgb(207, 203, 194);
					}
					  div#leftMenuHolder div#pocasi h4 {
              padding: 3px;
              margin: 0 0 5px 0;
              background-color: rgb(207, 203, 194);
              color: rgb(179, 79, 30);
            }
						div#leftMenuHolder div#pocasi img {
              width: 30px;
              height: 30px; 
            }
				div#content
		  	{
					float: left;
					width: 732px;
					text-align: left;
					padding: 3px 0 0 8px;
					background: url(images/bg-line.jpg) repeat-y left;
	        margin-left: -2px;
				}
					div#content h3
			  	{
						font: 160% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
						font-weight: normal;
						color: rgb(179, 79, 30);
						padding: 0 0 0 0;
						margin: 5px 0 0.5em 0;
					}
					
						div#content h3 img
				  	{
							padding-right: 0.3em;
							position: relative;
	  					top: 0.4em;
						}
						
					div#content h4
			  	{
						font-size: 100%;
					}
						
						div#content ul.leftMargin
						{
							margin-left: 2em;
						}
					
						div#content table.printout
						{
							font-size: 100%;
							width: 100%;
						}
							div#content table.printout th
							{
								padding-bottom: 0.2em;
								border-bottom: 1px solid rgb(255,154,52);
							}
							div#content table.printout tr.even
							{
								background-color: rgb(255,238,206);
							}
							div#content table.printout tr.free
							{
								background-color: rgb(190,190,190);
							}
							div#content table.printout tr.race
							{
								background-color: rgb(255,154,52);
								font-weight: bold;
							}
								div#content table.printout td.highlight
								{
									font-weight: bold;
									color: rgb(140,0,0);
								}
								div#content table.printout td.date
								{
									width: 4em;
								}
					ul.fare
					{
						margin-left: 1.2em;
					}
					
					div.member
					{
						border-top: 2em solid rgb(239, 234, 224);
						clear: both;
					}
						div.member img
						{
							float: left;
							padding: 0.2em;
							margin: 0.3em 0.3em 0.3em 1.5em; 
							border: 1px solid rgb(200,200,200);
							position: relative;
							top: -1em;
							*top: -3em;
						}						
							div.member img.firstMember
							{
								float: left;
								padding: 0.2em;
								margin: 0.3em 0.3em 0.3em 1.5em; 
								border: 1px solid rgb(255,154,52);
								position: relative;
								top: -1em;
							}
							div.member img.arrow
							{
								padding: 0; 
								border: none;
								float: none;
								position: relative;
								top: 0.4em;
								left: 0;
							}
						
						div.member div.text
						{
							position: relative;
			  			left: 10px;
			  			padding-top: 2em;
						}
							div.member div.text span.name
							{
								font-size: 110%;
								font-weight: bold;
							}
							
					div.memberDetail
					{
						clear: both;
					}
						div.memberDetail img
						{
							float: left;
							padding: 0.2em;
							margin: 0.3em 0.3em 0.3em 0; 
							border: 1px solid rgb(255,154,52);
						}
						div.memberDetail div.sucesses
						{
							clear: both;
						}	
						div.memberDetail ul
						{
							margin: 0 0 1em 1.2em;
						}				
					
					div#allSponsors
					{
						text-align: center;
						border: 1px solid rgb(255,154,52);
					}
					
					div#content div.proposition p
					{
						margin: 0 0 1em 0;
					}
					
					div#content div.proposition h4
					{
						margin: 0;						
						font-size: 110%;
						color: rgb(0, 0, 0);
					}
					div#content div.proposition h5
					{
						margin: 0;						
						font-size: 100%;
						color: rgb(80, 80, 80);
					}
						div#content div.proposition ul
						{
							margin: 0 0 0 2em;
							padding: 0;
						}
						
						div#content div.proposition ul.noList li
						{
							list-style: none;
						}
					
					div#content p.map
					{
						text-align: center;
					}
						div#content p.map span.pictureText
						{
							font-size: 80%;
							font-weight: bold;
						}
						
					div#content span.map
					{
						display: block;
						text-align: center;
					}
						div#content span.map span.pictureText
						{
							font-size: 80%;
							font-weight: bold;
						}
						
					div#content div.New
					{
						padding: 0.5m 0 0.5em;
						
					}
						div#content div.New ul, ol
						{
							margin-left: 2em;	
						}
						div#content div.New img
						{
							float: left;
							padding: 0;
							margin: 0 0.3em 0.3em 0; 
							border: 1px solid rgb(200,200,200);	
						}
							div#content div.New img.arrow
							{
								padding: 0; 
								border: none;
								float: none;
								position: relative;
								top: 0.4em;
								left: 0;
							}
						div#content div.New div.date
						{
							font-size: 80%;
							font-weight: bold;
							text-align: leftt;
							padding: 0.2em;
							margin: 0;
							background-color: rgb(239, 234, 224);
							border-top: 1px solid rgb(207, 203, 194);
						}
						div#content div.New p 
						{
							margin: 0;
						}
						div#content div.New p.shortText
						{
							font-weight: bold;
							margin: 0 0 0.5em 0;
							padding: 0.2em;
							background-color: rgb(239, 234, 224);
						}
						div#content div.New p.author
						{
							clear: both;
							font-size: 85%;
							font-weight: bold;
							text-align: right;
							padding: 0.2em;
							margin: 0 0 0.5em 0;
							/* background-color: rgb(255,238,206); */
							/* border: 1px solid rgb(255,154,52); */	
						}
							div#content div.New table.files
								{
									clear: both;
								}
						
								div#content div.New table.files td
								{	
									font-size: 90%;
									vertical-align: middle;
									padding: 0;
								}
						
								div#content div.New table.files td img
								{
									padding: 0 0 0 1em;
									margin: 0;
			  					border: none;
								}
					
					div#introductionNews
			  	{
						padding: 8px 0 0 0;
					}
						div#introduction
				  	{
							float: left;
							width: 50%;
						}
							div#introduction h3
					  	{
								font-size: 170%;
								margin: 0;
							}
							div#introduction p
					  	{
								padding-left: 6px;
							}
							
						div#news
				  	{
							float: right;
							width: 45%;
							margin-bottom: 4px;
							background-color: rgb(253, 151, 51);
							border-right: 1px solid rgb(143, 140, 134);
							border-bottom: 1px solid rgb(143, 140, 134);
							padding-bottom: 4px;
						}
							div#news h4
					  	{
								font: 120% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    						font-weight: bold;
    						color: rgb(223, 105, 41);
								padding: 5px;
								margin: 0;
								background-color: rgb(100, 100, 100);
								border-bottom: 1px solid rgb(190, 190, 190);
							}
								div#content h4 img
						  	{
									padding-right: 0.3em;
									position: relative;
			  					top: 0.2em;
								}
								div#content h4 a {
								  color: rgb(223, 105, 41);
								}
								
							div#news div.event
					  	{
								padding: 0.5em 0 0 6px;
							}
								div#news div.event span.date
						  	{
									color: rgb(255,255,255);
									font-weight: normal;
								}
						
				div#bigAdvertisement
		  	{
					margin: 10px 0 10px 6px;
					padding: 5px;
					text-align: center;
					clear: both;
					border: 1px solid black;
				}
				
				div#logoMtb
		  	{
					text-align: center;
					margin: 1em 0 1em 6px;
					clear: both;
				}
					
				div#sponsors
		  	{
					text-align: center;
					margin: 1em 0 1em 6px;
				}
				
				div#photogalleryPreview
				{
					text-align: left;
					border-right: 1px solid rgb(207, 203, 194);
					border-bottom: 1px solid rgb(207, 203, 194);
					background-color: rgb(239, 234, 224);
					margin: 1em 0 1em 0;
					padding: 5px;
					/* clear: both; */
				}
					div#photogalleryPreview h5
					{
						font: 120% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
						font-weight: bold;
						color: rgb(179, 79, 30);
						margin: 0 0 0 13px;
					}
					div#photoPreview
					{
						text-align: center;
					}
						div#photoPreview img
						{
							border: 8px solid rgb(255,205,155);
							margin: 6px 12px 6px 12px;
						}		
						div#photoPreview img:hover
						{
							border: 8px solid rgb(255,154,52);
						}					
	
					
				div#actual
				{
					width: 100%;
					clear: both;
				}
					div#actual h3
					{
						margin: 0 0 2px 0;
					}
					div#actual h5
					{
						font-size: 100%;
						font-weight: bold;
						margin: 0;
						padding-left: 7px;
					}
					div#actual div.actionsList
					{
						padding-left: 7px;
						font-size: 90%;
					}
						div#actual div.actionsList img
						{
							padding-right: 0.1em;
							position: relative;
	  					top: 0.1em;
						}
						div#actual div.actionsList span
						{
							display: block;
							padding: 1px 0 1px 0;
						}
							div#actual div.actionsList span.even
							{
								background-color: rgb(239, 239, 239);
							}
							div#actual div.actionsList span.odd
							{
								background-color: rgb(255,255,255);
							}
						
						div#actual div.actionsList a:link,
						div#actual div.actionsList a:visited {
							font-weight:normal;
						}
						div#actual div.actionsList a:hover {
							font-weight:normal;
						}
					div#teamActual
					{
						float: left;
						width: 49%;
						padding: 0;
						padding-left: 0;
						background-color: rgb(239, 234, 224);
						border-right: 1px solid rgb(207, 203, 194);
						border-bottom: 1px solid rgb(207, 203, 194);
					}
					  div#teamActual h3
				  	{
				  	  font-size: 120%;
				  	  border: none;
				  	  background-color: rgb(207, 203, 194);
				  	  border-bottom: 1px solid rgb(175, 171, 164);
				  	  padding: 2px 4px;
					  }
					
					
					div#publicActual
					{
						float: right;
						width: 49%;
						padding: 0;
						background-color: rgb(239, 234, 224);
						border-right: 1px solid rgb(207, 203, 194);
						border-bottom: 1px solid rgb(207, 203, 194);
					}
					  div#publicActual h3
				  	{
				  	  font-size: 120%;
				  	  border: none;
				  	  background-color: rgb(207, 203, 194);
				  	  border-bottom: 1px solid rgb(175, 171, 164);
				  	  padding: 2px 4px;
					  }
						
					
					div.strankovani
			    {
			    	clear: both;
			      font-size: 90%;
			      text-align: center;
			    }
			    	div.strankovani div
				    {
				      margin: 0 auto 0 auto;
				      width: 19em;
				      text-align: center;
				    }
				    	div.strankovani span 
				      {
				      	display: block;
				      	float: left;
				      	margin: 0.1em;
				      }
								
				  		div.strankovani a:link,
				    	div.strankovani a:visited 
				        {
				        	display: block;
				        	float: left;
				        	width: 2em;
									border: 1px solid rgb(255,154,52);
									background-color: rgb(255,238,206);
				    			margin: 0.1em 0.2em 0.1em 0.2em;
				    		}
				  			div.strankovani a:hover 
				        {
				  				display: block;
				        	float: left;
				        	width: 2em;
				        	text-decoration: none;
									border: 1px solid rgb(255,154,52);
									background-color: rgb(255,238,206);
				    			margin: 0.1em 0.2em 0.1em 0.2em;
				    		}
			div.photo
				{
					float: left;
					width: 150px;
					height: 150px;
					text-align: center;
					padding: 4px;
					margin: 2px;
				}
					div.photo img
						{
							border: 6px solid rgb(255,205,155);
						}		
						div.photo img:hover
						{
							border: 6px solid rgb(255,154,52);
						}					
						
			div#footer
	  	{
				clear: both; 
				text-align: right;
				font-size: 80%;
				margin-top: 5px;
				padding: 15px 5px;
				background-color: rgb(218, 210, 189);
				border-top: 2px solid rgb(207, 196, 168);
				height: 100%; 
			 line-height : 1.0; 
			}
				
    
				
/* UNIVERZALNI CLASSY */
.align_left
{
  text-align: left;
}
.align_center
{
  text-align: center;
}
.margin_top
{
  margin-top: 1em;
}
.margin_bottom
{
  margin-bottom: 1em;
}

.floatLeft
{
  float: left;
}

.floatRight
{
  float: right;
}

.marginRight
{
  margin-right: 2em;
}

.marginTop
{
  margin-top: 2em;
}

.clearBoth
{
	clear: both;
}

span.date 
{
	font-size: 90%;
}

span.floatStop, div.floatStop {
	display: block;
	clear: both;
	line-height: 0.01%;
	height: 0.01em;
	font-size: 0.01%;
}

.floatHolder {
	/*zoom: 1;*/
	overflow: hidden;
	/*_height : 1%;*/
	clear: both;
}

.floatHolder:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
} 
	/* Hides from IE5-mac \*/
	html .floatHolder {height: 1%;}
	/* End hide from IE5-mac */