/* CSS base document 

	version:   	1.0
	author:    	Toni & Rok Meglic
	email:     	toni.meglic@gmail.com
				rok.meglic@gmail.com

	idiotizem od Microsofta: IE6 = * html a {  } IE7 = *:first-child+html a {  }
#####################################################################################################################################################*/


@import url("admin.css");
@import url("header.css");
@import url("content.css");
@import url("footer.css");
@import url("popup.css");
@import url("eonmegapos.css");

/*###################################################################################################################################################*/

*                       {   margin: 0; padding: 0 }
body, html				{	height: 100%; widht: 100%	}
body					{	
							background: #FFF url(/static/images/bg.png) repeat-x top;
							font-family: "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif; 
							color: #333;
							font-size: 13px; 
							text-align: left;
							line-height: 1.5em	}

/*#######################   OSNOVNE ŠIRINE    ###############################################################################*/
					
#head,
#middle,
#navigacija,
#conteiner,
#footer,
#admin				    {	
							width: 960px;
							position: relative;
							margin: 0px auto	}
							
/*#######################   TITLES    ###############################################################################*/
h1, h2, h3, h4, h5, h6	{ color: #4DDD01; margin: 0 0 1em 0  }
h1, h2              	{ font-weight: normal }

h1						{ font-size: 2em }
h2						{ font-size: 1.6em }
h3						{ font-size: 1.4em }
h4						{ font-size: 1.2em }
h5						{ font-size: 1.1em }
h6						{ font-size: 1em }

h1 img, h2 img  		{   float: right; margin-top: -5px	}
/*#######################   OSNOVNI ELEMENTI    ###############################################################################*/
p, ul, hr, ol           {   margin: 0 0 1.2em 0    }
ul,ol                   {   padding-left: 1.2em; list-style-position: inside	}
ul                      {   list-style-type:square	}
ul ul                   {   margin-bottom: 0em	}
small                   {   font-size: 0.8em    }
.zelen		            {   color: #4DDD01  }
/*#######################   LINKI in GUMBI    ###############################################################################*/
a.btn,
a.gumb   				{
							margin: 10px auto;
							text-decoration: none;
							display: block;
							text-align: center;
							color: #666  }
a.btn                   {	padding: 2px 0; background: #FFF url(../images/input_bg.png) repeat-x center; }
a.btn:hover				{	background: url(../images/input_bg_active.png) repeat-x center; color: #000 !important }
a						{	text-decoration: underline; color: inherit}
a:hover, a.active		{	text-decoration: none; color: #4DDD01}
a img					{	border: none	}
h1 a, h2 a, h3 a, h4 a, h5 a{
							text-decoration: none;
							color: #4DDD01	}
.gumb                   {	text-decoration: none; padding: 5px 0; margin: 10px 20px !important; float: left; width: 174px; height: 26px; background: url(../images/input_bg_cel.png) no-repeat top left; border: none    }
.gumb:hover             {	color: #FFF !important    }
/*#######################   STOLPCI    ###############################################################################*/
.twoColumn,
.threeColumn,
.fourColumn				{
							float:left;
							margin:1%;
							padding:1% 0 1% 2%	}
* html .twoColumn		{	margin-right: 0	}
* html .threeColumn		{	margin-right: 0	}
* html .fourColumn		{	margin-right: 0	}
.twoColumn				{
							width:46% }
.threeColumn			{
							width: 29%	}							
.fourColumn				{
							width: 21%	}							
/*#######################   OSNOVNE POSTAVITVE SLIK    ###############################################################################*/
.imgLeft				{
							float: left;
							margin: 1em 1em 1.1em auto	}
.imgRight				{
							float: right;
							margin: 1em auto 1.1em 1em	}
.right					{
							float: right	}
.left					{
							float: left	}
.clearBoth				{
							clear: both	}

@media print {
  body          {   background-color: #FFF; background-image: none; margin: 0; padding: 0 }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
  #admin { width: 700px !important}
  #head,
  #top,
  #middle,
  #racunovodstvoNavig,
  #footer { display: none}
}