/*--------------------------------------------------------------------------
#color

purple #764C5C (nav bg)
grey #E1E1E1 (bg)

*/

* { margin: 0; padding: 0; }

body { color: #4F4F4F; background: #584E53; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; }
	
h1, h2, h3, h4 , h5,
#alert, #alertAlt { color: #762443; font-family: Georgia, serif; font-weight: normal; line-height: 1.5; padding-top: 1.5em; }
	
h1 { font-size: 23px; padding-top: 0; }

h2, #alert, #alertAlt { font-size: 17px; padding-bottom: 13px; }

#index h1 { width: 274px; float: left; font-size: 28px; line-height: 1.3; margin-right: 39px; padding-left: 4px; }

p { line-height: 1.5; padding-top: 1.5em; }
	
ul { list-style-type: none; padding-top: 1.5em;  }
	
li { line-height: 1.5; }

a:link, a:visited { color: #D9427B; }
a:hover { color: #FE5897; }

a img { border: 0; }
	
img { display: block; }

/*--------------------------------------------------------------------------
#wrappers
*/

.wrap { width: 908px; margin: 0 auto; }

#header, #intro, #main { background: #E1E1E1 url(slike/bg.jpg) top left repeat; }

#intro { padding-bottom: 39px; }

#main { padding-bottom: 51px; }

/*--------------------------------------------------------------------------
#header
*/

#header { padding-top: 39px; }
	
#header img { margin-left: 4px;  }
	
#navigation { width: 904px; float: left; height: 41px; margin-top: 39px; padding: 0 0 0 4px; 
	background: #764C5C url(slike/nav.jpg) top left no-repeat; }
	
#navigation li  { float: left; height: 33px; margin-top: 4px; padding-right: 2px;
	background: url(slike/line_nav.jpg) top right repeat-y; }
	
#navigation a:link, #navigation a:visited { float: left; color: #ffffff; display: block; line-height: 33px; padding: 0px 39px;
	text-align: center; text-decoration: none; }
	
#navigation a:hover { 
	background: url(slike/nav_hover.jpg) top left repeat-x; }

#lineNav a:hover { 
	background: url(slike/navBarLeft.jpg) top left no-repeat; }

/*--------------------------------------------------------------------------
#intro
*/

#intro img { width: 430px; float: left; margin: 39px 36px 0 0; padding: 0 0 0 4px; }

#introTxt { width: 430px; float: left; margin: 39px 0 0 0; padding: 0 4px;  }

#introBtn { width: 438px; float: left; margin: 39px 0 0 0;  }

.gumb, .gumbAlt { width: 184px; float: left; display: block; height: 44px; margin-right: 70px; position: relative;
	background: url(slike/gumb.jpg) top left no-repeat; }
	
.gumbAlt { margin-right: 0; 
	background: url(slike/gumb_lepota.jpg) top left no-repeat; } 	
 	
.gumb span.hover, .gumbAlt span.hover { width: 184px; display: block; height: 44px; position: absolute;
	background: url(slike/gumb.jpg) top right no-repeat; }	
	
.gumbAlt span.hover { background: url(slike/gumb_lepota.jpg) top right no-repeat; }
	
/*--------------------------------------------------------------------------
#main
*/

#content { width: 600px; float: left; margin-top: 39px; margin-right: 35px; padding: 0 0 0 4px; }
	
#sidebar { width: 269px; float: left; margin-top: 39px; }

.info:link, .info:visited { display: block; height: 44px; line-height: 44px; color: #ffffff; padding-left: 41px; text-decoration: none; 
	letter-spacing: 1px;  font-size: 14px; 
	background: url(slike/gumb_info.jpg) top left no-repeat; }
	
.info:hover { color: #ffffff; 
	background: url(slike/gumb_info.jpg) bottom left no-repeat; }

#navVertical { padding: 1.5em 4px 0; }	
#navVertical li { background: url(slike/line.jpg) bottom left repeat-x; }		
#navVertical #glavna { background: none; }	
				
#navVertical a:link,
#navVertical a:visited { width: 220px; color: #762443; display: block; line-height: 16px; padding: 11px 0 13px 37px; text-decoration: none; }

#navVertical #pomozna a:link,
#navVertical #pomozna a:visited { width: 220px; color: #584E53; display: block; line-height: 16px; padding: 0 0 13px 37px; text-decoration: none; }
#navVertical #pomozna a:hover { color: #9D8B94; }
	
#navVertical a:hover { color: #CF3F75; }
#navVertical .sel a:link, #navVertical .sel a:visited { 
	background: url(slike/pusica.jpg) top left no-repeat; }
	
#navVertical .subsel a:link, #navVertical .subsel a:visited { 
	background: url(slike/pusica_sm.jpg) top left no-repeat; }	

.spisek { list-style-type: disc; padding-left: 39px; }
		
.dodatno { background: url(slike/bg_sidebar_top.jpg) top left no-repeat;  }
.dodatno ul, .dodatnoBot { padding: 0 34px 39px 18px; background: url(slike/bg_sidebar.jpg) bottom left no-repeat;  }
.dodatno p { padding-left: 41px;  }
.dodatno p { padding-right: 34px;  }
.dodatnoBot { padding: 1.5em 34px 39px 18px; }
	
#storitve .column li, #storitve .columnAlt li, #storitve .columnMid li,
#sidebar .kljukec { line-height: 28px; padding-left: 23px;
	background: url(slike/kljukec.jpg) top left no-repeat; }
	
#storitve { border-bottom: 1px solid #C7C7C7;  padding: 27px 0 23px;
	background: #F4F4F4 url(slike/bg_storitve.jpg) top left repeat-x; }
	
#storitve a:link, #storitve a:visited { color: #565656; }	
#storitve a:hover { color: #7E7E7E; }

.storitev { padding-bottom: 23px;
	background: url(slike/line.jpg) bottom left repeat-x; }
	
.slika { width: 229px; float: right; margin: 39px 0 11px 17px; }
	
.slikca, .slikcaDesno { width: 133px; float: left; }

.slikcaDesno { float: right; margin: 0 0 0 23px; }	

#footer .slikca { width: 100px; float: left; margin-right: 15px; margin-top: 11px; }
		
.icon { width: 48px; float: left; padding: 23px 17px 0 0; }

.iconTxt { width: 209px; float: left; } 

#footer .iconTxt { width: 159px; padding-top: 0; }

/*--------------------------------------------------------------------------
#columns
*/	
	
.column, .columnAlt, .columnMid { width: 274px; float: left; margin: 39px 39px 0 0; }
	
.columnAlt { margin: 39px 0 0 0; }

#storitve .column, #storitve .columnAlt { margin-top: 0; }

#footer .column, #footer .columnAlt, #footer .columnMid { margin: 23px 39px 0 0; }

#footer .column   { padding-left: 4px; }

#footer .columnAlt { margin: 23px 0 0 0; }
		
/*--------------------------------------------------------------------------
#footer
*/

#footer { border-top: 13px solid #7D6F75; color: #B0A7AC; padding: 0 0 51px; }
	
#footer a:link, #footer a:visited { color: #C4BCC0; }
#footer a:hover { color: #EBE8EA; }

/*--------------------------------------------------------------------------
#sliders
*/
	
#dejavnost, #dejavnostAlt { width: 260px; float: left; margin: 39px 31px 0 0; padding: 11px;
	background: #ffffff url(slike/bg_dejavnost.jpg) top left no-repeat; }

#dejavnostAlt { margin: 39px 35px 0 0; }	
		
.boxgrid { width: 260px; height: 173px; overflow: hidden; position: relative; }

.boxgrid p { color:#ffffff; padding: 23px 11px 17px; }
	
.boxgrid a:link, .boxgrid a:visited { color:#ffffff; padding: 0 11px; }
.boxgrid a:hover { color:#ffffff; }

.boxgrid img { position: absolute; top: 0px; left: 0px; }

.boxcaption { position: absolute;  width: 260px; height: 173px;  background: #000000; opacity: .7; }
	
.captionfull .boxcaption { top: 173px; left: 0px; }

/*--------------------------------------------------------------------------
#table
*/

#tabela { margin-top: 13px; }
	
#tabela p { padding-top: 0; line-height: 38px; }	
	
td { width: 400px; padding-bottom: 2px;
	background: url(slike/line.jpg) bottom left repeat-x; }
	
.cena { width: 125px; padding-left: 75px; }
	
.tabela_text { padding-left: 100px; }

/*--------------------------------------------------------------------------
#other
*/

.naslov { color: #ffffff; font-size: 17px; line-height: 1; padding: 0 0 13px; }
#sidebar .naslov { color: #762443; font-size: 17px; line-height: 1.5; padding: 31px 34px 11px 0px; }
#sidebar .dodatno .naslov { color: #762443; font-size: 17px; line-height: 1.5; padding: 31px 34px 11px 41px; }

#alert, 
#alertAlt { height: 32px; line-height: 32px; margin-top: 39px; padding: 0 0 0 39px;
	background: url(slike/icon_alert.jpg) top left no-repeat; }
	
#alertAlt { background: url(slike/icon_info.jpg) top left no-repeat; }	

#sidebar .plain { padding-left: 4px; }	
.nopading { padding-top: 0; }
.margin { margin-top: 1.5em; }

.debele { font-weight: bold; }
	
.inu { font-family: Palatino Linotype; font-style: italic; font-size: 17px; }

.spacer 	{ clear: both; }