/************************************************************************
   	AUTHOR:  			  Sasa Bremec 
   	eMail:   			  sasabremec@gmail.com/
	TEMPLATE NAME:		Aplan d.o.o.
   	VERSION:         1.0   
	LAST MODIFIED:   January-2010
 /***********************************************************************/
 
/************************************************************************/
   HTML ELEMENTS
/************************************************************************/ 
 
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 } /* Reset stuff */

body {
	background-color:#b6ada6;
	font: 80% Verdana, Tahoma, Helvetica, Arial;
	color: #fff; 
	margin: 0px 0;
}	

img { 
		border: none; 
		} 

a { 
		outline: none;
		text-decoration: none;
		color: #fff;  
		}

/************************************************************************/
/*------------------------- HEADERS and PARAGRAPHS ---------------------*/
h1, h2, h3 {
	font-family: Verdana;
	font-weight: Bold; 		
}
h1 {
	font-size: 190%;	
	font-weight: normal;
	color: #fff;
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #fff;
	text-align: right;
}
h3 {
	font-size: 130%;	
	text-transform: uppercase;
}

h1, h2, h3, p {
	padding-top:10px;
	padding-right: 0px;
	margin: 0;
}
/************************************************************************/	
/*-------------------------- DIV CLASS PROPARTY ------------------------*/	
#pagewidth{ 
 width:1024px;
} 
 
#header{
 position:relative; 
 height:140px;
 top:0px; 
 background-color:#fff; 
 width:1024px;
 margin: 0 auto; 
}
/************************************************************************/	
/*---------------------------- NAVIGATION MENU -------------------------*/

#nav-container {
	height: 26px;
}

#live{
  top: 127px;
  left: 0px;
}

.spritesnav {
	width: 800px;
	height: 26px;
	background: url(../img/meni_aplan.png) no-repeat;
	position: absolute;
	top: 130px;
	left: 0px;
}
.spritesnav li {
	display: inline;
}

.spritesnav li a:link, 
.spritesnav li a:visited, 
.spritesnav li div {
	position: absolute;
	/*top: 0;*/
	height: 26px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.spritesnav li div {
	z-index: 0;
}

.spritesnav #prvastran a:link, 
.spritesnav #prvastran a:visited, 
.spritesnav #prvastran div{
	left: 45px;
	width: 110px;
}
.spritesnav #prvastran a:hover, 
.spritesnav #prvastran a:focus, 
.spritesnav #prvastran div{
	background: url(../img/meni_aplan.png) no-repeat -45px -25px;
}
.spritesnav #prvastran a:active, 
.spritesnav #prvastran div.click{ 		
	background: url(../img/meni_aplan.png) no-repeat -45px -25px;
}
.spritesnav #prvastran.active a:link, 
.spritesnav #prvastran.active a:visited {
	background: url(../img/meni_aplan.png) no-repeat -45px -25px;
	cursor: default;
}

.spritesnav #pisarne a:link, 
.spritesnav #pisarne a:visited, 
.spritesnav #pisarne div{
	left: 179px;
	width: 83px;
}

.spritesnav #pisarne a:hover, 
.spritesnav #pisarne a:focus, 
.spritesnav #pisarne div {
	background: url(../img/meni_aplan.png) no-repeat -179px -25px;
}

.spritesnav #pisarne a:active, 
.spritesnav #pisarne div.click {
	background: url(../img/meni_aplan.png) no-repeat -179px -25px;
}

.spritesnav #pisarne.active a:link, 
.spritesnav #pisarne.active a:visited {
	background: url(../img/meni_aplan.png) no-repeat -179px -25px;
	cursor: default;
}
	
.spritesnav #projekti a:link, 
.spritesnav #projekti a:visited, 
.spritesnav #projekti div {
	left: 288px;
	width: 90px;
}
.spritesnav #projekti a:hover, 
.spritesnav #projekti a:focus, 
.spritesnav #projekti div {
	background: url(../img/meni_aplan.png) no-repeat -288px -25px;
}

.spritesnav #projekti a:active , 
.spritesnav #projekti div.click{
	background: url(../img/meni_aplan.png) no-repeat -288px -25px;
}

.spritesnav #projekti.active a:link, 
.spritesnav #projekti.active a:visited {
	background: url(../img/meni_aplan.png) no-repeat -288px -25px;
	cursor: default;
}

.spritesnav #podatki a:link, 
.spritesnav #podatki a:visited, 
.spritesnav #podatki div {
	left: 390px;
	width: 85px;
}

.spritesnav #podatki a:hover, 
.spritesnav #podatki a:focus , 
.spritesnav #podatki div{
	background: url(../img/meni_aplan.png) no-repeat -390px -25px;
}

.spritesnav #podatki a:active, 
.spritesnav #podatki div.click {
	background: url(../img/meni_aplan.png) no-repeat -390px -25px;
}

.spritesnav #podatki.active a:link, 
.spritesnav #podatki.active a:visited {
	background: url(../img/meni_aplan.png) no-repeat -390px -25px;
	cursor: default;
}
	
.spritesnav #kontakti a:link, 
.spritesnav #kontakti a:visited, 
.spritesnav #kontakti div {
	left: 500px;
	width: 90px;
}

.spritesnav #kontakti a:hover, 
.spritesnav #kontakti a:focus, 
.spritesnav #kontakti div{
	background: url(../img/meni_aplan.png) no-repeat -500px -25px;
}

.spritesnav #kontakti a:active, 
.spritesnav #kontakti div.click {
	background: url(../img/meni_aplan.png) no-repeat -500px -25px;
}

.spritesnav #kontakti.active a:link, 
.spritesnav #kontakti.active a:visited {
	background: url(../img/../img/meni_aplan.png) no-repeat -500px -25px;
	cursor: default;
}


/************************************************************************/
/*   ------------------------ PAGE LAYOUT --------------------------    */

#leftcol{
 	width:663px; 
 	float:left; 
 	position:relative; 
 	top:0px;
}
  
#leftcol a { outline: none; }
 
#twocols{
	width:361px; 
	float:right; 
 	position:relative;
 	top:0px;
}

#twocols  a { outline: none; }

#rightcol{
	width:111px; 
	float:right; 
	position:relative; 
}
#rightcol  a { outline: none; }

#maincol{background-color: #b6ada6;  
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:250px;
 	text-align:right;
}

#maincol  a { outline: none; }

 /* *** Float containers fix: *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
 	height: 0; 
 	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}
/************************************************************************/
/*   ----------- PAGE LAYOUT for INDEX AND PROJECT -----------------    */

#leftcol1{
	width:800px;
	float:left;
	position:relative;
	top:0px;
  }

#leftcol1 a { 
 	outline: none; 
 	}
 
#twocols1{
 	width:224px; 
 	float:right; 
 	position:relative;
 	top:0px;
}
 
#twocols1 a { 
 	outline: none; 
 	}
 
#rightcol1{
 	width:111px; 
 	float:right; 
 	position:relative; 
}

#rightcol1 a { 
 	outline: none; 
 	}
 
#maincol1{
	background-color: #b6ada6;  
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:113px;
}
 
 #maincol1a { 
 	outline: none; 
 	}
/************************************************************************/
/*   -----------       PAGE LAYOUT for PISARNE     -----------------    */
	
#leftcol2{
	width:800px;
	float:left;
	position:relative;
	top:0px;
	text-align: justify;
  }
#leftcol2 a { 
 	outline: none;
 	text-decoration: none;
 	color: #fff; 
 	}

#leftcol2 td {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#leftcol2 th {
	padding-left: 0px;
	padding-top: 60px;
}
td strong {
	color: #FFF;
	font-size: 110%;
	text-transform: uppercase;
}
/************************************************************************/ 	
/*   -----------            FOOTER SECTION         -----------------    */
#footer {
	 font: 80% Verdana, Tahoma, Helvetica, Arial;
     width:800px;
     height: 25px;
	 clear: both;
	 color: #fff;
	 text-align:right;
	 margin:auto;
     position:fixed;
     left:0;
     bottom:0;
     background:#b6ada6;
  }

* html #footer {
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    position:absolute;
 }

/************************************************************************/ 	
/*   -----------       PAGE LAYOUT for PISARNE     -----------------    */
ul#navigation {                                     
	list-style-type: none;                
	margin: 0;                            
	padding: .5em 0;                      
}                                     
                                      
ul#navigation li a {                                     
	display: block;                       
	width: 5em;                           
	color: #fff;                          
	background-color: #b6ada6;               
	padding: .2em 0;                      
	text-align: right;                   
	text-decoration: none;
	text-transform: uppercase;                
}                                     
                                      
ul#navigation li a:hover {
	color: #64564b;
	background-color: #b6ada6;
}                                     
                                      
ul#navigation .left { 
	float: right; 
}

/************************************************** */