/*--------------------------------------------
Naročnik	VOC Celje
Opis 		kaskadni stili
Datoteka	screen.css

Avtor   	Andrej Koželj
Verzija		1.2 - 2007-2009
Copyright	na ideje, design in ostalo vsebino
----------------------------------------------*/

/* --- splošne definicije ---*/

*	{
	margin:		0;
	padding:	0;
}

body {
	margin: 			0; 
	padding: 			20px 0 0 0;
	font-family: 		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			small;
	color: 				#333;
	background: 		#777777 url(../img/backstreet.gif) top left repeat-x;
}

* html body {	/* SBMH */
  font-size: 			x-small;
  f\ont-size: 			small;
  }

p {
	line-height: 		150%;
}	

a img {
	border: 			none;
}	

a {
	color: 				#069;	/* 4DB200 390 069*/
	text-decoration: 	none;
}

h3 a {
	color:				#fff;
}	

h3 a:active {
	color: 				#E86A06;
	
}
a:hover {
	color: 				#E86A06;
	border-bottom: 		0px dotted #000;
}


/* --- pisave ---*/

h1 {
  font-size: 220%;
}
  
h2 {
  font-size: 190%;
}
  
h3 {
  font-size: 170%;
}

h1, h2, h3, h4 {
	margin:		.5em 0;
}

#vsebina h2, #vsebina2 h2 {
	padding-top:	 	0;		
	color:				#E86A06
}


/* --- struktura --- */

#okvir {
	padding:		0 10px 0 10px;
	width:			960px;
	margin: 		0 auto; 
	background:		#fff;
	border-bottom: 	10px solid #fff;
	voice-family:	"\"}\"";
	voice-family:	inherit;
	width: 			960px;
}

html > #okvir	{
	width: 			960px;
}

#glava {
	padding:			10px 0 0 0;
	background-color:	#fff;  /* FF9900 E86A06 transparent*/
	height: 			110px;
}

#levivse, #levivse2 {
	padding: 			0 0 0 0;
	float: 				left;
	width:				758px;
	margin-bottom:		10px;
}

#levivse2 {
	width:				960px;
}

#vsebina, #vsebina2 {
	float:				right;
	width:				550px;
	text-align:			left;
	padding-left:		1em;
}

#vsebina2 {
	width:				750px;
}

#vsebina2 table {
	border:none;
}

#vsebina div {
	padding: 			0;
	margin-right:		0;
}

#vsebina2 div {
	padding: 			0 0 0 0;
}

#levi, #levi2 {
	float:				left;
	width:				185px;
	background-color:	transparent; /* E6F2D9 ECF2E6 EFF2EC F4F9EE EBEBEB */
	height:				100%
}

#levi2 {
	width:				185px
}

#desni {
	padding: 			0 0 0 0;
	margin:				10px 0 0 0;
	width:				185px;
	float:				right;
/*	height:				500px;*/
	background-color:	#EAF4F9; /* E6F2D9 ECF2E6 EFF2EC F4F9EE EBEBEB transparent */
}


/* --- linki --- */

#noga {
	clear: 				both;
	background-color:	#fff;
	padding:			1em .7em 0 .7em;
	margin:				0;
	text-align: 		center;
	font-size: 			smaller;
	line-height: 		1.7em;
	border-top:			1px dotted #ccc;
}

#noga a {
	color:				#999;
	text-decoration: 	none;
	font-weight: 		bold;
}

#noga a:hover	{
	color: 				#69f;
	text-decoration: 	underline;
}

#noga p	{
	margin: 		0;
	margin-left:	0px;
	padding: 		0;
	color:			#999;
}

* html #noga p { height: 1%; }

#razmere > p {
	display:			block;
	margin-top:			.5em;	
	border-top:			1px dotted #ccc;
	padding-top:       .5em;
}

#razmere dt {
	padding-left:		1em;
	
}

* html #razmere  p {
	display:			block;
	margin-top:			.5em;	
	border-top:			1px dotted #ccc;
	padding-top:        .5em;
}


/* --- menu --- */

ul {
	font-size: 			100%;
	line-height: 		230%;
}

 dt, h3 {
	font-size:			100%;
	padding-left:		1.5em;
	margin:				10px 0 0 0;
	color:				#fff;
	font-weight:		bold;
	background:		    #069;	/* D9F2BF 77A22C */
	line-height: 		230%;
	letter-spacing:		0.1em;
}

#desni dt  {
	padding-left:	1em;
	margin:				0;
	
}

#levi ul li,
#levi2 ul li {
	list-style:			none;
	background-color:	#D0E2E7;
}

#levi ul li a,
#levi2 ul li a  {
	display: 			block;	
	border-top:			1px solid #fff;
	text-decoration:	none;
	text-indent:		1.5em;
/*	background:			#EBEBEB url(../img/menu.gif) center left repeat-y;*/
	line-height: 		230%;
}

#levi ul li a:hover,
#levi2 ul li a:hover {
	background:			#E86A06; /* E86A06 F9F9F9 */
	color:				#ffffff;
}

#vsebina ol, #vsebina2 ol, #vsebina ol li li, #vsebina2 ol li li {
	margin-top:			0;
	color:				#000;

}

#vsebina ol li, #vsebina2 ol li {
	margin-top:.7em
}

#domaca {
	margin:				0 0 1px 0;
	border:				0;
}

#vsebina ol li, #vsebina2 ol li {
	margin: 			0 0 0 1.5em;
	line-height: 		150%;
}

#vsebina  li, #vsebina2  li {
	margin: 			0 0 0 1.5em;
	line-height: 		150%;
}
	
#vsebina li li, #vsebina li li {
	list-style:			square;
	color:				#666;
	font-weight: 		normal;
	line-height: 		130%;
}


.blok {
	background-color:	#fff;
	line-height: 		50%;
	border:				none
}

.oranz {
	color:				#fff;
	background:		    #E86A06;
}

.vstavek {
	border-top:			1px solid #fff;
	padding:			1em 0  1em 1em;
	line-height:		150%;
}
.vstavek1 {
	padding:			1em 0  1em 1em;
}

#okolje {
	background: #fff url(../img/okolje.gif) top right no-repeat;
}

#okolje1 {
	background: #fff url(../img/okolje1.gif) top right no-repeat;
}

.floatright {
	float: 				right;
	margin-left:		10px;
}

.floatleft {
	float: 				left;
	margin-right:		10px;
}

body#bodyindex #levi li#domaca a,
body#bodyvzdrzevanje #levi li#vzdrzevanje a,
body#bodygradnja #levi li#gradnja a,
body#bodysignalizacija #levi li#signalizacija a,
body#bodymehanizacija #levi li#mehanizacija a,
body#bodyzapore #levi2 li#zapore a,
body#bodypredstavitev #levi2 li#predstavitev a,
body#bodyreference #levi2 li#reference a,
body#bodysodelavci #levi2 li#sodelavci a,
body#bodypredracun #levi2 li#predracun a,
body#bodygalerija #levi2 li#galerija a,
body#bodygalerija1 #levi2 li#galerija1 a  {
	background:		#E86A06;
	color:			#fff;
}

table {
	background: transparent;
	font-size: 	smaller;
 	border:	1px solid #ccc
}

#fancy_title table {border:0}
#fancy_title table tr:hover {background:transparent}

table caption {
	padding-bottom:	.5em;
  	text-align: 	left;
}

#vsebina table th, #vsebina table td {
  text-align: center;
  padding: 			.5em;
}
#vsebina #Table_01 th, #vsebina #Table_01  td  {
  text-align: left;
  padding:0;
}
#vsebina #Table_01 {border:none;}

table th {
background-color:#E86A06;
color:#fff
}

table .ime {
  text-align: left;
}

table .alt {
background-color:#efefef
}

table .sir1 {
	width:45%;
  text-align: left;
}

table .sir2, .sir3 {
width:10%;
}

table tr:hover {
background: #eeeeee;
}

#glava table tr:hover {
background: none;
}

#vsebina2 table.cve {
	width: 		100%;
 	border:1px solid #ddd;
}

#vsebina2 table.cve caption {
	padding:	.5em 1em;
  	text-align: left;
	color:		#E86A06;
	font-weight: bold;
}

#vsebina2 table.cve th, #vsebina2 table.cve td {
  margin: 			0;
  padding: 			1em;
  text-align: 		left;
}

#vsebina2 table.cve td {
 	border-top:			1px solid #fff;
 	border-left:			1px solid #fff;
}


.fsmaller {font-size: smaller}

#slikedoma img { margin: 0 10px 10px 0 }

div.polja, div.ob_polja   {
	width: 			85%;
	margin:			1em 0;
	text-align:		right;
}

.polja label, .ob_polja label{
	color: 			#000;
	padding-right:	1em;
}

.polja input, .polja textarea, .ob_polja input {
	border:1px solid #ccc;
	background-color:#f8f8f8;
	padding: 0.2em .5em;
}

.polja textarea {width:100%}
.ob_polja input, .polja textarea { border:1px solid #fFaD33; }

/* --- barve --- */

.oranzna 	{color:	#E86A06}
.zelena 	{color:	#669933}
.tzelena 	{color:	#336600}
.bela 		{color:	#ffffff}
.crna 		{color:	#000000}