/*
STYLE SHEET FOR http://www.mikroe.com/esupport/
Created by Marko Jovanovic
marko@mikroe.com

ToC
1. defaults
2. structure
3. typography
4. links and navigation
5. fonts
6. images
7. forms styling
8. table styling
9. message boxes
10. definition lists
Notes

*/

/* --------- 1. defaults --------- */

	* {
		margin: 0;
		padding: 0;
	}

	body {
	    /*font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif, Verdana;*/
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        line-height: 1.5;
		    background: #ffffff url(../img/bg_body.gif);	/* TO DO: Promeniti u finalnoj verziji*/	        	
        min-height:0;
        text-align: center;
	}

	* a {
	  text-decoration: none;	  
	  color: blue;
	}
	
	* a:hover {
		text-decoration: underline;
	}		
    
	/* float-clearing rules */

	/* Standard float-clearing method */	
	.separator {
		clear: both;        
		margin: 0;
		padding: 0; 	
	}
		
/* default float rules */
  	
	.fleft{
	  float:left;
	}
	
	.fright{
	  float:right;
	}

/* separators */

    .sep20px{
	  clear: both;
	  height: 20px;
	} 
	
    .sep10px{
	  clear: both;
	  height: 10px;
	} 	
	
    .sep5px{
      clear: both;
      height: 5px;
    }     
        
/* indents */	

    .leftIndent5px{
	  margin-left:5px;
	}
	
    .leftIndent10px{
	  margin-left:10px;
	}	
	
/* clearers */		

    .clearBorder{
	  border: 0;
	}
/* borders */	

    .bottomBorderDashed{
	  border-bottom: 1px dashed #000000;
	}
/* --------- 2. structure --------- */

/* Header */

	#header {
		margin: 0;   
        margin-top: 9px;     
        margin-left: 10px;             
		/*width: 99.5%;*/
		background-color: #ffffff;
	}

	#headerlogo {
		float:left;           
        margin-bottom: 5px;                  
	}		

    #headerlogo a img{
        border: 0;
    }        
	
	#headermenu {
		float:right;
		margin-right:15px;
		/*padding-top:40px;*/		
		font-family: Verdana;
		font-size: 0.6em;
	}
						
	#headermenu a img{
	    border: 0;		
	}
	
	#headermenu a:hover{
		text-decoration: underline;
	}
	
	#headersearch{
		float:right;		
		margin-top:5px;
        /*margin-bottom:5px;*/
		font-family: Verdana;
		font-size: 1.2em;		
	}
		        	
/* Wrapper */

	#wrapper {	    
    float:none;
		position:relative;
		margin: 0 auto;
		/*width: 1024px;*/
		width: 1000px;
		background-color: #ffffff;	
    border:1px solid #cccccc;	 
	}  

    /* Content Area (right side) - Development Tools*/	
	
	/* Tool - Default */
	
	#content {		
		width: 765px;		
		float:left;			     		
		background-color: #ffffff;
		margin-left:5px;                
	}
	      
/*	#content h1{		
        font-family: Verdana;                
        background-color: #018882;
        color: #fff;
        text-decoration: none;
        word-spacing: normal;
        text-align: center;
        letter-spacing: 1px;
        line-height: 1.1em;
        font-size: 1.75em;	
        
        padding-left: 5px;
        padding-bottom: 7px;
        padding-top: 7px;
	}	*/
						
	#content h2{
        padding-left:10px;
		padding-top:2px;
		padding-bottom:2px;		
		
		margin-bottom:10px;
		
		font-family: Arial;
		font-size: 1.0em;
		background: #dddddd;
        color: #6d7374;
        
	}	
	
	#content h3{        
	    padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;				
		margin-bottom:10px;		
		
		font-family: Arial;
		font-size: 0.8em;		
	}	
	
	#content p{
        padding-left:5px;
		padding-right:5px;
        font-family: Arial;	   
	    font-size: 0.75em;			
	}	
    
    #content .mainimg{
       /*background-image: url(../img/test/bg_product.jpg);
       background-repeat: repeat-x;
       padding-top: 10px;*/
       padding-bottom: 7px;
       /*height: 530px;*/
       overflow: hidden;/* zbog debuga*/
    }      
    
    #content .mainimg img{
       margin-left: 60px;
    }          
           
	#mikroe_footer {
		margin: 0 auto;
		width: 100%;
    padding-top:15px;
		margin-left:0;		
		padding-bottom:15px;
		border-top:2px solid #c1cad9;		
		background:#ededed; /*#eed*/
		color:#554;
		font-size:120%;
		text-align:left;		
	}
	
	#mikroe_footer p {margin:0;}
	#mikroe_footer ul {
		overflow:hidden;
		list-style:none;
		margin:0 0 1em 0;
		padding:0;
	}
	#mikroe_footer li {
		display:inline;
		padding:0 1.5em 0 0;
		margin:0;
		white-space:nowrap;
		font-family: Verdana;
		font-size: 0.8em;
	}
	#mikroe_footer a {
		color: blue;
	} 

/* --------- 3. typography --------- */	
	
	h1, h2 {
     	font-family: Arial, Helvetica, sans-serif;
	}	
	
	h1 {
	    font-size: 2.5em;
        font-family: Verdana;  		
	}
	h2 {
	    font-size: 2em;		
	}
	h3 {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 1.0em;		
	}
	
	h4 {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.8em;		
	}	
	
	p {
	    font: 0.8em/1 Trebuchet MS;		
	    margin-bottom: 1.1em;
		line-height: 1.5em;
	}		
	
	
/* --------- 4. links and navigation --------- */	

/* Main navigation */
  	
  #nav{	  
      margin: 0 auto;
	  width: 1000px;                              
	}	
	
	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		float: left;		

		position:relative;
		display:block;
		/*height:29px;*/	
		/*background:transparent url("../img/menu/off2.gif") repeat-x top left;	*/
        background-color: #eee;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;					
		color: #444;
        
        font-family: Arial;    
        /* font:small/1.6 "Trebuchet MS","Lucida Grande","Arial",sans-serif; */            
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		line-height: 0.9em;
		font-size: 0.9em;
  }
  
  #nav ul li {
    float: left;    
	display:block;
	margin:0;
	padding:0;	
  }
	
	#nav li a {
		/*display: block;
		padding: 0 0.6em;		
		line-height: 2.5em;		
		text-decoration: none;
		color: #fff;
		float: left;*/
		
	display:block;
	float:left;
	color:#666;
	text-decoration:none;	
    
/*    padding-right: 5px;
    padding-left: 5px;    
    padding-top: 6px;
    padding-bottom: 6px;    */
    
	padding:7px 10px 6px 10px; 
	/*height:20px;  */
	/*background:transparent url("../img/menu/divider.gif") no-repeat top right;		*/
    border-right: 1px solid #ccc;
  }
  
  #nav li a.first{    
		display: block;
		margin: 0 0.6em;		
		line-height: 2.5em;		
		text-decoration: none;
		color: #000000;
		background-color: #bec7d6;		
		float: left;   
  }
  
  #nav li a.here {
		display: block;
		padding: 0 0.6em;		
		line-height: 2.5em;		
		text-decoration: none;
		color: #000000;		
		float: left;
  }  
  
  #nav ul a:hover {    
	/*background:transparent url("../img/menu/hover2.gif") no-repeat top right;			*/
    background-color: #777;
	color:#fff;		
  }