/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
}

/*  TEXT w IMAGE  */
/*##############################################################################*/
/*#  Opomba: (v templatu potrebno imeti namesceni razširitvi: css_styled_content in css_styled_imgtext )       ##*/
/*##############################################################################*/

   /* COMMON */
   
  	 .csc-frame {
   		border: 1px dotted black;	 	
  	 }
	 
  	 .csc-frame-frame1 {
   		background-color: #bdcad7;
  	 }
	 
  	 .csc-frame-frame2 {
   		background-color: #ffd28e;
  	 }
	 
  	 .csi-textpic {
		border: 0px;
   		padding: 10px;
   		background: inherit;	/*ce zelis s csc-frame-frame1 in csc-frame-frame2 uravnavat barve, pusti tukaj inherit!! */	
   	}
	
  	 .csi-textpic .csi-caption {
		text-align: center;  
		font-style: italic;  
  	 }
	 
   	.csi-textpic img {
		border: 1px solid black;
		width: 100px;  /*more bit enako kot označeno v typotu!*/
		height: 100px;
		margin: 4px;
   	}
		
   	.csi-textpic .csi-image {
		border: 2px solid black;
		background: white;  
		width: 100px; /*to je ozadje slike. width in height morata biti enaka kot pri .csi-textpic img */
		height: 100px;
  	 }
	
  	 .csi-textpic .csi-imagewrap {    /*ta tag se uporablja samo v primeru slikic postavljenih v center...*/
		border: 0px solid blue; 
  	 }
	
  	 .csi-textpic .csi-text {
		border: 0px;
		text-align: left; 
 	  }

  	 .csi-text p {
		padding: 0;
		margin: 0;
  	 }	
	
  	 .csi-text h1 {
  	 	border: 0px;
		font-size: 16px;
  	 }
	
  	 .csc-header h1 {
  	 	border: 0px;
		font-size: 22px;
  	 }
   /* CENTER */
	

	.csi-center .csi-image {
		vertical-align:middle;
		background: inherit;
		display:table-cell;
		display:inline-block;
	}

	.csi-center .csi-image img {
		display:block;
	
	}

  			
   /* RIGHT */
	   .csi-right .csi-image {
		float: right;
		clear: both;
		margin: 10px 10px 10px 10px;
		/*clear: none;  ### ce zelis, da bodo slikice v vodoravni vrsti, odkomentiraj tole.  */
 	  }
	
 	  .csi-right .csi-text {
		clear: right; 
	   }
	
	
   /* LEFT */
 	  .csi-left .csi-image {
		float: left;
		clear: both;
		margin: 10px 10px 10px 10px;
		border: 0px;
		background: inherit;
		clear: none;  /*### ce zelis, da bodo slikice v vodoravni vrsti, odkomentiraj tole.  */
 	  }
	
	   .csi-left .csi-text {
		clear: left;
  	 }
	
	
   /* INTEXT LEFT */
   	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 5px;
   	}
	
	
   /* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	
	
   /* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 140px; /*odvisno od sirine slike - glej | .csi-textpic img | */ 
	}
	
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	
   /* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		margin-left: 140px; /*odvisno od sirine slike - glej | .csi-textpic img | */
	}
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}

/*  TEXT w IMAGE  */



a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.leftContent {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #123563;
	border-left-color: #123563;
}

.menuWhereAmI {
	font-weight: bold;
   	margin-left:  0; margin-right:  0; margin-top:  0; margin-bottom:  0;
   	padding-left: 0; padding-right: 0; padding-top: 10; padding-bottom: 5;
}
.contentTable {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #123563;
}
.mainContent {
   	margin-left:  5px; margin-right:  5px; margin-top:  10px; margin-bottom:  10px;
   	padding-left: 15; padding-right: 10; padding-top: 10; padding-bottom: 10;
}

/* -----------------------
         GLAVNI MENU 
    ----------------------- */
TD#menu{
	border-top: 2px solid #A3B4CC;
	border-right: 1px solid #A3B4CC;
	border-left: 1px solid #A3B4CC; 


/*	border-bottom: 1px solid #95A8C4;*/
}

TD#menuLevoNO{
	border-top: 2px solid #A3B4CC;
	border-right: 1px solid #A3B4CC;
	border-left: 1px solid #A3B4CC; 
	background-color: #FFFFFF;
	width: 10px;
}

TD#menuLevoACT{
	border-top: 2px solid #A3B4CC;
	border-right: 1px solid #A3B4CC;
	border-left: 1px solid #A3B4CC; 
	background-color: #8EA2BE; 
	width: 10px;
}

TD#menuSpodaj{
	border-top: 2px solid #A3B4CC;
        height: 2px;
}

/* ---------------------------------
         GLAVNI MENU - NIVO 2
    --------------------------------- */
TABLE#menu2{
   border: 0; 
   width: 160px;
   margin-right:  0; margin-top:  0; margin-bottom:  0;
   padding-right: 0; padding-bottom: 0;	
   padding-left: 0; 
}

TD#menu2{
   margin-left:  0; margin-right:  0; margin-top:  0; margin-bottom:  0;
   padding-right: 0; padding-top: 0; padding-bottom: 0;	
   background: #FFFFFF;
}
	       
TD#menu2 a{
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	border-top: 2px solid #95A8C4;
	border-right: 2px solid #95A8C4;
/*        width: 100%;
	border-left: 2px solid #95A8C4;
	filter:alpha(opacity=80);
        -moz-opacity:0.8;*/
}


TD#menu2 a:hover {
	background: #D1DAE3;
	text-decoration: underline;
/*	filter:alpha(opacity=100);
        -moz-opacity:1.0;*/
}

TD#menu2Levo{
	background-color: #95A8C4; 
	width: 10px;
}


TD#menu2Spodaj {
   border-top: 2px solid #95A8C4;
   height: 2px; 
}

/* ---------------------------------
         SPODNJI MENU 
    --------------------------------- */
DIV#spodnjiMenu {
  color: #FFFFFF;
  margin-top:5px;
}

DIV#spodnjiMenu a {
  color: #FFFFFF;
  font-weight: normal;
  text-transform: lowercase;
}

DIV#spodnjiMenu a:hover {
  color: #FF9900;
}

/* ----------------------------
        KJE SEM - MENU
    ----------------------------*/
TD#menuKjeSem a{
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        padding-left: 2px;
        padding-bottom: 10px;
        font-weight: normal;
        text-transform: lowercase;
}
TD#menuKjeSem a:hover{
	color: #FF9900;

}