/*--------------------------------------------------------------------------
#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, .podnaslov { color: #762443; font-family: Arial, serif; font-weight: normal; line-height: 1.6; padding-top: 1.5em; }
	
h1, .naslov { font-size: 24px; padding-top: 0; text-align: center; padding: 0 2em 0; color: #4b4b4b; 
	background: #E1E1E1 url(slike/bg.jpg) top left repeat;  display: inline;  }

h2, .podnaslov, #alert, #alertAlt { font-size: 18px; padding-bottom: 11px; }

.naslovSlider { color: #ffffff; font-size: 17px; padding: 0 0 0 11px; line-height: 39px; letter-spacing: 1px; }

.titleBg { background: url(slike/line.jpg) center left repeat-x; text-align: center; margin-top: 39px; }

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

a:link, a:visited { color: #365B64; }

a:hover { text-decoration: none; }

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

#logo { width: 428px; margin: 0 auto; }
#speech { width: 710px; margin: 47px auto 0; }

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

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

.wrapContent { padding: 0 4px; }

#main { padding-top: 31px; padding-bottom: 51px;
	background: #E1E1E1 url(slike/bg.jpg) top left repeat; }

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

.navigation, .navigationAlt { width: 352px; float: left; height: 41px; margin-top: 17px; padding: 0 4px; 
	background: #764C5C url(slike/bg_nav.jpg) top left no-repeat; }
	
.navigationAlt { float: right; }

.navigation li, .navigationAlt li  { float: left; height: 33px; margin-top: 4px; }
	
.navSep { padding-right: 2px; float: left; 
	background: url(slike/line_nav.jpg) top right repeat-y; }

.navLeft a:link, .navLeft a:visited,
.navRight a:link, .navRight a:visited { width: 175px; float: left; color: #ffffff; display: block; line-height: 33px; height: 33px; 
	text-align: center; text-decoration: none; letter-spacing: 1px; text-shadow: 1px 1px 0 #2d2d2d;
	background: #764C5C url(slike/nav.jpg) top left no-repeat; }
	
.navRight a:link, .navRight a:visited { background: #764C5C url(slike/nav.jpg) top right no-repeat; }
	
.navLeft a:hover { background: url(slike/nav.jpg) bottom left no-repeat; }
.navRight a:hover { background: url(slike/nav.jpg) bottom right no-repeat; }

/*--------------------------------------------------------------------------
#main
*/

#content { width: 368px; float: left; margin-right: 51px; }
	
#sidebar { width: 215px; float: left; margin-top: 0px; }

#leftbar { width: 215px; float: left; margin-right: 51px;  }

.half, .halfAlt { width: 425px; float: left; margin-right: 50px; }

.halfAlt { margin-right: 0; }

.separator { margin-top: 33px; padding-top: 44px;
	background: url(slike/separator.jpg) top center no-repeat; }

.subNav:link, .subNav:visited { letter-spacing: 1px; color: #0f0f0f; text-decoration: none; line-height: 39px; }
.subLink:link, .subLink:visited { letter-spacing: 1px; color: #696969; text-decoration: none; line-height: 1; padding-left: 1.5em; }

.subNav:hover, .subLink:hover { color: #762443; text-decoration: underline; }

.sel .subNav:link, .sel .subNav:visited,
.sel .subLink:link, .sel .subLink:visited { color: #762443; }	

.spisek { list-style-type: disc; padding-left: 1.5em; }
		
.kljukec { line-height: 24px; padding-left: 23px;
	background: url(slike/kljukec.jpg) top left no-repeat; }
	
#footer .kljukec { background: url(slike/kljukec_footer.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; }

.slika {  padding: 7px;
	background: #ffffff url(slike/bg_dark.jpg) top left repeat;
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;  
	border-radius: 7px; }
	
.slikca, .slikcaDesno { width: 133px; float: left; }

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

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

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

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

/*--------------------------------------------------------------------------
#btns
*/
	
.info:link, .info:visited,
.infoLeft:link, .infoLeft:visited,
.infoRight:link, .infoRight:visited { float: left; display: block; height: 51px; line-height: 51px; 
	color: #ffffff; text-align: center; text-decoration: none; letter-spacing: 1px; text-shadow: 1px 1px 0 #1e1e1e; }
	
.info:link, .info:visited { width: 214px; 
	background: url(slike/btn_full.jpg) top left no-repeat; }
	
.info:hover { background: url(slike/btn_full.jpg) bottom left no-repeat; }	
	
.infoLeft:link, .infoLeft:visited,
.infoRight:link, .infoRight:visited { width: 107px;
	background: url(slike/btn.jpg) top left no-repeat; }
	
.infoRight:link, .infoRight:visited { background: url(slike/btn.jpg) top right no-repeat;  }

.infoLeft:hover { background: url(slike/btn.jpg) bottom left no-repeat;  }
.infoRight:hover { background: url(slike/btn.jpg) bottom right no-repeat;  }

/*--------------------------------------------------------------------------
#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; }

.clmn, .clmnAlt { width: 266px; float: left; margin: 39px 51px 0 0; }
.clmnAlt { margin: 39px 0 0 0; }

.fourth, .fourthAlt { width: 186px; float: left; margin: 0 52px 0 0;  }

.fourthAlt { margin: 0 0 0 0; }
		
/*--------------------------------------------------------------------------
#footer
*/

#footer { border-top: 13px solid #7D6F75; color: #AA9BA1; padding: 0 0 51px; letter-spacing: 1px; }
	
#footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: underline; }

/*--------------------------------------------------------------------------
#sliders
*/

.dejavnost, .dejavnostAlt { width: 252px; float: left; margin: 39px 51px 0 0; padding: 7px;
	background: #ffffff url(slike/bg_dark.jpg) top left repeat;
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;  
	border-radius: 7px; }

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

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

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

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

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

#tabela { margin-top: 39px; }
	
#tabela p { padding-top: 0; line-height: 38px; }	
	
td { width: 184px;  padding-bottom: 2px;
	background: url(slike/line_thin.jpg) bottom left repeat-x; }
	
td { width: 250px;  padding-bottom: 2px;
	background: url(slike/line_thin.jpg) bottom left repeat-x; }
	
.cena {  padding-left: 4em; }

.tabela_text { padding-left: 2em; }

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

#submitBtn { width: 215px; display: block; height: 51px; line-height: 51px; color: #ffffff; text-decoration: none; 
	text-align: center; padding: 0;
	letter-spacing: 1px;   text-shadow: 1px 1px 0 #1e1e1e;
	background: url(slike/btn_.jpg) top left no-repeat; }
	
#submitBtn:hover { background: url(slike/btn.jpg) bottom left no-repeat; }
*/

#sidebar .plain { padding-left: 4px; }	

.nopading { padding-top: 0; }
.nopadingBtm { padding-bottom: 0; }
.margin { margin-top: 1.5em; }

.mrg { margin-top: 39px; }
.padingTop { margin-top: 21px; }
.padingBtm { padding-bottom: 1.5em; }

.padingImg { margin-top: 4px; }

.debele { font-weight: bold; }
.posevne { font-style: italic; }

.center { text-align: center; }

.sive { color: #4b4b4b; }
.bright { color: #D9427B; }

.inu { font-family: Palatino Linotype; font-style: italic; font-size: 22px;  }

.spacer 	{ clear: both; }

input, textarea { border: 0; padding: 7px;
	background: #ffffff url(slike/bg_dark.jpg) top left repeat;
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;  
	border-radius: 7px;  }
	
textarea { overflow: auto; }

.formText { padding-left: 7px; }

#submitBtn { width: 214px; display: block; height: 51px; line-height: 51px; color: #ffffff; text-decoration: none; 
	text-align: center; padding: 0;
	letter-spacing: 1px;   text-shadow: 1px 1px 0 #1e1e1e;
	background: url(slike/btn_full.jpg) top left no-repeat; }
	
#submitBtn:hover { background: url(slike/btn_full.jpg) bottom left no-repeat; cursor: pointer; }