/*
*****************************************************
 url			: www.fotoblisk.si
*****************************************************
 (c) 2007     Leon Čuješ - leon.cujes@gmail.com
*****************************************************

Uporabljene barve:
Zelena: #339900

*/ 

/*  Body
---------------------------------------------------*/ 

* {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 170%;
	text-align: center;
	background-color: #fff;
	background-image: url(layout/ozadje.jpg);
	background-repeat: no-repeat;
	background-position: 46% 0px;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none;}


/*  Interface, Layout
---------------------------------------------------*/ 

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 863px;
	height: 100%;
	background-color: #fff;

}

#footerwrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 863px;
}


/*  Interface
---------------------------------------------------*/ 

#header 	{
	height: 105px;
	float: none;
	background-color: transparent;
	background-image: url(layout/head_metuljcki.jpg);
	background-repeat: no-repeat;
	background-position: 250px 20px;
}

#logo 	{
	float: left;
	height: 105px;
	width: 251px;
	display:inline;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#topnavigation {
	float: right;
	width: 240px;
	height: 60px;
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 11px;
}

#topnavigation p{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;

}

#main	{
	padding: 0;
	border: 0;
	margin: 0;
}

#contentthree	{
	float: right;
	width: 306px;
	display: inline;
	margin: 0px;
}

#sidebarthree {
	float: left;
	width: 557px !important;
	background: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#kategoriethree {
	height: 125px;
	width: 557px;
	clear:both;
	background-color: transparent;
	/*	background-image: url(slike/naslov_levo.jpg); */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#columninone{	
	float: left;
	margin: 15px 0 0 5px;
	width: 534px;
	padding: 0;
	background: transparent url(layout/pikice.gif) repeat-y 100% 0px;
}

#columntwothree{	
	float: left;
	margin: 0px 0 0 0px;
	width: 390px;
	padding: 0;
	background: transparent url(layout/pikice.gif) repeat-y 100% 0px;
}

#immobar{
	float: right;
	width: 145px;
	padding: 0;
	background: transparent url(layout/pikice.gif) repeat-y 100% 0px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
#immobar p{	
	margin: 0px 15px 5px 0px;
	line-height: 1.3em
}


#mainimagesmallsingle {
	height: 276px;
	margin: 0px 0 0 0px;
	padding: 36px 0 0 15px;
	clear: both;
	background-color: transparent;
	/* background-image: url(slike/naslov_desno.jpg); */
	background-repeat: no-repeat;
	background-position: 0 0;
}


#footer	{
	background-color: #D9FFC6;
	background-image: url(layout/bg-footer2.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #339900;
}

#footernav	{
	margin: 0;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#topbar	{
	display: inline;
	float:right;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#bottombar	{
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#topbar #navrh {
	padding: 0 10px 0 2px;
	background:  transparent url(layout/uparrow.gif) no-repeat 100% 5px;
}

.newimmo ul {
	border: 0px solid #ccc;
	margin: 0px 10px 10px 0px;
	padding: 2px 0 2px 0px;
}

.newimmo  li {
	list-style: none;
	margin: -1px 17px 0px 10px;	
	background: url(/elemente/layout/arrow-blau.gif) no-repeat 0 11px;
	background: #f1f1f1 url(/elemente/layout/expose-pikto.gif) no-repeat 99% 7px;
	padding: 6px 15px 6px 9px;
	line-height: 1.4em;
	border-top: 1px solid #C1D6DB;
	border-bottom: 1px solid #C1D6DB;
}

/*  Navigation
---------------------------------------------------*/ 

#navigation {
	float:right;
	width: 580px; 
	height: 30px;
	margin: 0 7px 0 0;
	display: inline;
}

#navigation ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
	letter-spacing: 1px;
	font-weight: bold;
	float:right;
	display:inline;
	font-family: Tahoma, Arial, Verdana, serif;
}
	
#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#navigation ul li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 3px 16px;
	color: #339900;
	border-bottom: 4px solid #EbEbEb;
	text-decoration: none;
	font-size: 11px;
}

#navigation ul li a:hover {
	color: #339900;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
}


/*  Subnavigation 
----------------------------------------------------*/

.subnav {
	padding: .2em 0;
	margin: 0 20px;
}

.subnav ul {
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 10px 0 0 0;
}

.subnav li {
	border-bottom: 1px solid #ededed;
	list-style: none;
	margin: 0;
}

.subnav li a {
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 23px;	
	background: transparent url(/elemente/layout/arrow.gif) no-repeat 5px 10px;
	font-size: 1.0em;
	color: #339900;
}

.subnav li a:hover {
	color:#00CC00;
	background: transparent url(/elemente/layout/arrow.gif) no-repeat 150px 10px;	
}

/*  Links
----------------------------------------------------*/

a:link {
	color: #339900; 
	text-decoration: none;
}

a:visited {
	color: #339900;
	text-decoration: none;
}

a:hover {	
	color: #00CC00;
	text-decoration: none;
}

a:active {
	color: #FF9933;
	text-decoration: none;
}

#columntwothree a:link, #columntwothree a:visited, #columntwothree a:active,
#columninone a:link, #columninone a:visited, #columninone a:active {
	background: transparent url(layout/dot-blue.gif) repeat-x 0 100%;
}

#topnavigation a:link, #topnavigation a:visited, #topnavigation a:active {
	color: #339900;
	margin: 0;
	padding: 2px 12px;
}

#topnavigation a:hover {
	color: #FFFFFF;
	background-color: #339900;
}

#footer a:link, #footer a:visited, #footer a:active, #topbar a:link, #topbar a:visited, #topbar a:active {
	color: #339900;
	margin: 0;
	padding: 0 2px;
}

#footer a:hover, #topbar a:hover {
	color: #000;
}

#footer p{
	color: #666;
	padding:0;
	margin:0;
	line-height: 1.6em
}

/*  Text, Headlines
-----------------------------------------------------------------------*/

h2 {
	color: #5085b1;
	color: #339900;
	padding: 0;
	font: normal 25px/25px  Times, Georgia, Arial, Trebuchet MS, sans-serif;
	margin: 0 0 13px 17px;	
}

h4 {
	color: #006F9A; 
	padding: 0px 0 0px 0px; 
	font: normal 12px/14px Arial, Georgia, sans-serif;
	margin: 15px 0 6px 1px;
}

h4 a:link, h4 a:visited{
	background: transparent url(/elemente/layout/dot-blue.gif) repeat-x 0 100%;
}

h3 {
	color: #339900; 
	padding: 0px 0 0px 0px; 
	font: normal 14px/14px Arial, Georgia, sans-serif;
	margin: 0 0 5px 1px;
}

p {color: #666;
	font-size: 1.0em;	
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#columntwothree p, #columninone p {	
	margin: 0 25px 15px 10px;
}

#contentthree p {	
	margin: 0 10px 15px 15px;	
}


i {font-style: italic;
	color: #333;
}

b, strong {	
	font-weight: bold;
	color: #444;
}
.bold {	
	font-weight: bold;
	color: #333;
}

 
 /*  Images
-----------------------------------------------------------------------*/ 

.img-shadow img {
	border: 1px solid #760D20;border: 1px solid #cccccc;
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.img-border img {
	border: 1px solid #999999;
	border: 1px solid #ddd;
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.rightalign {
	float: right;
	margin: 0px 2px 0px 6px;
}

.leftalign {
	float: left;
	margin: 0 0px 13px 0px;
}


/*  Headlines with SIFR ...ne modificiraj!
---------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* SIFR Headlines 
---------------------------------------------------*/


#columntwothree h1, #columninone h1{	
  color: #339900;
  margin: 0 0 0 17px;
  padding:0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #columntwothree h1, .sIFR-hasFlash #columninone h1 {
  visibility: hidden;
  color: #339900;
  margin: 0px 0 3px 3px;
  padding: 0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}

#columnone h2 {	
  color: #339900;
  margin: 0 0 0 25px;
  font: normal 16px/23px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #columnone h2 {
  visibility: hidden;
  color: #339900;
  margin: 0px 0 0 22px;
  padding: 0;
  font: normal 16px/22px Georgia, Arial, sans-serif;
}

#contentthree h2, #columntwothree h3, #columninone h3, #immobar h3 {	
  color: #339900;
  margin: 0 0 0 15px;
  font: normal 16px/23px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #contentthree h2, .sIFR-hasFlash #contentthree h3, .sIFR-hasFlash #columntwothree h3, .sIFR-hasFlash #columninone h3, .sIFR-hasFlash #immobar h3 {
  visibility: hidden;
  color: #339900;
  margin: 15px 0 5px 15px; 
  padding: 0;
  font: normal 16px/22px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #columntwothree h3, .sIFR-hasFlash #columninone h3 {
  margin: 10px 0 5px 10px;
}

.sIFR-hasFlash #immobar h3 {
  margin: 0px 5px 5px 0px;
}

#contentthree h4, #columntwothree h4, #columninone h4 {	
  color: #339900;
  margin: 0 0 0 15px;
  font: normal 14px/21px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #contentthree h4, .sIFR-hasFlash #columntwothree h4, .sIFR-hasFlash #columninone h4 {
  visibility: hidden;
  color: #339900;
  margin: 15px 0 5px 15px; 
  padding: 0;
  font: normal 14px/19px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash #columntwothree h4, .sIFR-hasFlash #columninone h4{
  margin: 15px 0 5px 10px; 
}

h3, #kategoriethree h3 {
	margin: 0px 0 0 192px;
	font-size: 22px;
	line-height: 26px;
	color: #FFF;
	font-weight: normal;
	padding: 0px 0 0 0;

} 

.sIFR-hasFlash #kategoriethree h3 {
	visibility: hidden;
	font-size: 23px;
	line-height: 26px;
	color: #FFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#kategoriethree h6 {
	margin: 0px 0 0px 370px;
	font-size: 16px;
	line-height: 29px;
	color: #FFF;
	font-weight: normal;

} 

.sIFR-hasFlash #kategoriethree h6 {
	visibility: hidden;
	margin: 0px 0 0px 350px;
	font-size: 20px;
	line-height: 22px;
	color: #FFF;
	font-weight: normal;
}

body#home,
body#onas a#navonas,
body#eblisk a#naveblisk,
body#storitve a#navstoritve,
body#ponudba a#navponudba,
body#cenik a#navcenik,
body#efoto a#navefoto,
body#galerija a#navgalerija,
body#kontakt a#navkontakt {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
}


/*  NiftyCube
---------------------------------------------------*/ 

div#box{
	text-align:left;
	padding: 8px;
	width: 80%;
	margin-top: 10;
	margin-bottom: 10;
	margin-left: auto;
	background-color: #339933;
	background-image: url(gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	color: #FFFFFF;
	margin-right: auto;
}

div#box p{

	color: #FFFFFF;
}

div#box h1 {	
  color: #FFFF00;
  margin: 0 0 0 17px;
  padding:0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash div#box h1 {
	visibility: hidden;
  color: #FFFF00;
  margin: 5px 0 10px 12px;
  padding: 0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}


div#box2{
	text-align:left;
	padding: 8px;
	width: 80%;
	margin-top: 10;
	margin-bottom: 10;
	margin-left: auto;
	background-color: #fff601;
	/* background-color: #ba4da5; */
	background-image: url(gradient2.jpg);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	color: #FFFFFF;
	margin-right: auto;
}

div#box2 p{
	color: #404440;
}

div#box2 h1 {	
  color: #1e611e;
  margin: 0 0 0 17px;
  padding:0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}

.sIFR-hasFlash div#box2 h1 {
  visibility: hidden;
  color: #1e611e;
  margin: 5px 0 10px 12px;
  padding: 0;
  font: normal 18px/23px Georgia, Arial, sans-serif;
}

/*  Forma
---------------------------------------------------*/ 

#formakontakt
{
	color: #000000;
	margin-right: auto;
	margin-left: auto;
} 

label
{
	width: 115px;
	text-align: right;
	clear: both;
	color: #333333;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input-box
{
	color: #333300;
	border: 1px solid #999999;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDF0D9;
}

.submit-button
{
	color: #FFFFFF;
	border: 2px outset #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 3px;
	background-color: #339900;
	padding: 3px;
	width: 180px;
} 
	/* classes for validator */
	.tfvHighlight
		{
	color: #FF0000;
	font-weight: bold;
}
	.tfvNormal
		{color: black;}
	.inputHighlighted
		{color: #CEA639;}
	.inputNormal
		{color: black;}

/*  Tabel - cenik
---------------------------------------------------*/ 

#tabelca {
	padding: 5px;
	width: 360px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
		}

#tabelca table {
	color: #999;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		}
		
#tabelca caption {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: left;
			text-transform: uppercase;
		}
		
#tabelca td {
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		}
		
		
#tabelca th {
	font-weight: normal;
		}
		
#tabelca thead tr th {
	background-color: #339900;
	color: #fff;
	font-weight: bold;
	border: 0;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
		}
		
#tabelca tbody tr th {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666666;
		}
		
#tabelca tr.odd {
			background-color: #F0F0F0;
		}
		
#tabelca tr:hover {
	background-color: #D6F0D2;
		}
		
#tabelca tr:hover td, tr:hover td a {
			color: #333333;
		}
		

#tabelca tr:hover td a:hover, tr:hover th a:hover {
			background-color: #fff;
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
		}
		
#tabelca table a {
			color: #BBC4CD;
			padding-left: 15px;
			background-image: none;
			text-decoration: none;
		}
		
/* 
#tabelca table a[href^="http"] {
			background: transparent url(person.png) no-repeat 0 0;
		}
		
#tabelca table a[href*="csstablegallery"] {
			background: transparent url(examine.png) no-repeat 0 0;
		}
		
#tabelca table a[title^="Download"] { 
			background: transparent url(dl.png) no-repeat 0 0;
		}

*/		

#tabelca table a:hover {
			background-color: #eee;
		}
		
#tabelca table a:visited {
			text-decoration: line-through;
		}
		
/*  List - ul, li
----------------------------------------------------*/
#listbox {
	margin:0 10px 10px 50px;
	text-decoration: none;
}

#list ul {
	text-decoration: none;
	margin:0 0 10px 10px;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}
#list li {
	text-decoration: none;
	margin:.5em 0 0 0;
	padding:0 0 0 0px;
	list-style-image: none;
	list-style-type: circle;
}

#list li.sublist {
	text-decoration: none;
	margin:.5em 0 0 0;
	padding:0 0 0 0px;
	list-style-image: none;
	list-style-type: square;
}

.sublist {
	text-decoration: none;
}

#list li a, #list li a:link, #list li a:visited, #list li a:active {
	text-decoration: none;
	padding: 3px 0 3px 23px;	
	font-size: 1.0em;
	color: #339900;
}

#list li a:hover {
	color:#00CC00;
	
}

hr {
	color:#009900;
}