/*-------------------------------------------------------------------------- 
[Master Stylesheet] 
 
Project:	Rožica Si     
Version:	1.0 
Last change:	11/15/11 
--------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------- 
[Table of contents] 
 
1. Header 
2. Main 
3. Btns 
4. Gallery
5. Contact Form 
6. Footer 
7. Various
--------------------------------------------------------------------------*/  

/*--------------------------------------------------------------------------
# [Color codes]

red #ED1B24 (btn)
dark red #592b2f (bg-subintro)
warm grey #E9E0D6 (bg-intro)
green #C9DCB9 (dosezki)

*/

* { margin: 0; padding: 0; }

body { color: #5a5a5a; font-family: Century Gothic, Arial, Tahoma, Georgia, Palatino Linotype, Gill Sans MT, Verdana, sans-serif; font-size: 16px; 
	background: #2B4C25 url(slike/bg.jpg) top left repeat; background-attachment: fixed; padding: 51px 0; }

h1, h2, h3 { font-weight: normal; padding-top: 1.5em; }

h1 { color: #ffffff; line-height: 1.2; font-size: 32px; text-shadow: 0 1px 0 #34191C; padding-top: 0; }

h2 { color: #592b2f; line-height: 1.4; font-size: 24px; }

h3 { color: #592b2f; line-height: 1.4; font-size: 16px; font-weight: bold; }

p { line-height: 1.6; padding-top: 1.5em; }

ul , ol { list-style-type: none; padding-top: 1.5em; }

li { line-height: 1.6; }

a:link, a:visited { color: #ED1B24; }
a:link, a:visited { color: #2B4C25; }

a:hover { text-decoration: none; }

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

.main { width: 960px; margin: 0 auto; background: #ffffff; }
.wrap { padding: 0 50px; }

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

#logo { float: left; margin: 40px 0;  }

#nav { float: right; margin: 40px 0; padding-top: 0; }

#nav li { float: left; margin-right: 40px; }
#nav .no-mrg-right { margin-right: 0; }

#nav li a:link, #nav li a:visited { width: 110px; height: 39px; float: left; line-height: 39px; display: block; color: #592b2f;
	text-decoration: none; text-align: center; font-family: Palatino Linotype, Times New Roman, serif; font-size: 18px; letter-spacing: 1px;
	background: #f8f5f2 url(slike/btn-nav.jpg) top left no-repeat; }
	
#nav li a:hover,
#storitve #storitve-link a:link, #storitve #storitve-link a:visited,
#o-meni #o-meni-link a:link, #o-meni #o-meni-link a:visited,
#kontakt #kontakt-link a:link, #kontakt #kontakt-link a:visited { color: #f8f5f2;
	background: #592b2f url(slike/btn-nav.jpg) bottom left no-repeat; }

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

.intro { width: 405px; float: left; padding: 0 50px; height: 341px; }

.bg-intro { background: #E9E0D6 url(slike/bg-intro.jpg) top left no-repeat; }

.bg-subintro { background: #592b2f url(slike/bg-subintro.jpg) top left no-repeat; }
.bg-subintro-top { background: url(slike/bg-subintro-top.jpg) top left repeat-x; padding-bottom: 40px; padding-top: 40px; }

.half { width: 405px; float: left; margin-right: 50px; }

.slideshow { width: 455px; height: 341px; float: left; overflow: hidden; }
.slideshow img { width: 455px; height: 341px; }

.clmn { width: 260px; float: left; margin-right: 40px; }

.content { width: 560px; float: left; margin-right: 40px; }
.bg-content-top { background: #ffffff url(slike/bg-content-top.jpg) top left repeat-x; }

.sidebar { width: 260px; float: left; }

.nav-side { border-bottom: 1px solid #E9E0D6;  }
.border-top { border-top: 1px solid #E9E0D6;  }

.nav-side a:link, .nav-side a:visited { line-height: 39px; display: block;  color: #592b2f; margin: 1px 0;
	 text-decoration: none; padding-left: 30px; }
	 
.sel a:link, .sel a:visited { background: url(slike/ico-arw.jpg) top left no-repeat; }
	
.nav-side a:hover { background: #592b2f url(slike/ico-arw.jpg) bottom left no-repeat; color: #ffffff; }
.nav-side a:hover { background: #562D35 url(slike/ico-arw.jpg) bottom left no-repeat; color: #ffffff; }

.bg-sticky { height: 217px; padding-left: 51px; padding-top: 41px;
	background: url(slike/sticky.jpg) top left no-repeat; }
 
.dosezki { float: left; color: #3c3c3c;
	background: #C9DCB9 url(slike/bg-dosezki.jpg) top left repeat-y; } 

.dosezki li { padding: 11px; width: 264px; float: left; margin-right: 1px; } 

.dosezki .no-mrg-right { margin-right: 0; }

.storitve, .storitve-bg { padding-left: 23px; line-height: 24px; 
	background: url(slike/ico_roza.jpg) top left no-repeat; }
 
.sep { background: url(slike/line.jpg) top left repeat-x; margin-top: 50px; }
 
/*--------------------------------------------------------------------------
#btns
*/
 
.btn-intro:link, .btn-intro:visited,
.btn-intro-light:link, .btn-intro-light:visited,
.btn:link, .btn:visited { font-family: Palatino Linotype, Times New Roman, serif; font-size: 18px;
	text-align: center; text-decoration: none; letter-spacing: 1px; }
 
.btn-intro:link, .btn-intro:visited { width: 203px; height: 40px; display: block; float: left; line-height: 40px; color: #ffffff;
	background: url(slike/btn-intro.jpg) top right no-repeat; }
	
.btn-intro:hover { background: url(slike/btn-intro.jpg) bottom right no-repeat; }
	
.btn-intro-light:link, .btn-intro-light:visited { width: 202px; height: 40px; display: block; float: left; line-height: 40px; color: #491D21;
	background: #E9E0D6 url(slike/btn-intro-light.jpg) top left no-repeat; }
	
.btn-intro-light:hover { background: url(slike/btn-intro.jpg) top left no-repeat; color: #ffffff; }

.btn:link, .btn:visited { width: 260px; height: 40px; display: block; float: left; line-height: 40px; color: #FEF769; 
	background: #ED1B24 url(slike/btn.jpg) top left no-repeat; text-shadow: 0 1px #700D11; }
	
.btn:hover { background: url(slike/btn.jpg) bottom left no-repeat; }

/*--------------------------------------------------------------------------
#gallery
*/

.galerija:link, .galerija:visited { padding: 5px 5px; width: 110px; float: left; height: 83px; margin-right: 24px; margin-top: 24px; 
	border: 1px solid #2B4C25; }

.no-mrg-right:link, .no-mrg-right:visited {  margin-right: 0; }

.galerija:hover { background: #2B4C25; }

.galerija-tall:link, .galerija-tall:visited { padding: 5px 5px; width: 110px; float: left; height: 139px; margin-right: 24px; margin-top: 24px; 
	border: 1px solid #2B4C25; }
	
.galerija-tall:hover { background: #2B4C25; }

.galerija-large:link, .galerija-large:visited { width: 256px; float: left; padding: 5px;
	border: 1px solid #2B4C25; height: 314px; display: block; margin-top: 24px;  }
	
.galerija-large:hover { background: #2B4C25; }

.half-galerija { width: 292px; float: left;  }
	
/*--------------------------------------------------------------------------
#contact form
*/

.polje, .polje-text  { background: #C9DCB9; border: 0; color: #1D340A; font-size: 18px; 
	font-family: Century Gothic, Arial, Verdana, Tahoma, Georgia, Palatino Linotype, Gill Sans MT, sans-serif; }

.polje { width: 259px; line-height: 33px; height: 33px; padding-left: 4px; }

.polje-text { width: 369px; line-height: 33px; overflow: hidden; padding-left: 4px; }

#submitBtn { width: 110px; display: block; height: 39px; line-height: 39px; color: #ffffff; text-decoration: none; 
	text-align: center; padding: 0; border: 0; margin-left: 263px; color: #FEF769; text-shadow: 0 1px #700D11; font-size: 18px;
	letter-spacing: 1px; font-family: Palatino Linotype, Times New Roman, serif;
	background: #ED1B24 url(slike/btn-submit.jpg) top left no-repeat; }
	
#submitBtn:hover { background: url(slike/btn-submit.jpg) bottom left no-repeat; cursor: pointer; }

.opozorilo { line-height: 1.4; font-size: 22px; color: #ED1B24; word-spacing: 1px; font-style: italic; 
	font-family:  Palatino Linotype; }

/*--------------------------------------------------------------------------
#footer
*/

#footer { margin-top: 51px; padding-bottom: 53px;
	background: url(slike/line.jpg) top left repeat-x; }

/*--------------------------------------------------------------------------
#various

Stranke in njihove želje so zame na prvem mestu, zato se jim karseda prilagodim.

.prednosti li { font-size: 18px; padding-left: 1.5em; line-height: 24px;
	background: url(slike/kljukec.jpg) top left no-repeat; }

*/

.uvodne { line-height: 1.3; font-size: 38px; color: #592b2f; word-spacing: 1px; padding-top: 0; }
.poduvodne { line-height: 1.4; font-size: 22px; color: #592b2f; word-spacing: 1px; font-style: italic; text-align: right;
	font-family: Palatino Linotype, Times New Roman, serif; padding-top: 25px; }
.huge { font-size: 32px; color: #1D340A; }
.num {  font-size: 22px; line-height: 1.4; }
	
.colored { color: #592b2f; }
.white { color: #ffffff; text-shadow: 0 1px 0 #34191C; }
.posevne { font-style: italic; }
.centered { text-align: center; }

.mrg-top { margin-top: 39px; }
.padding-top { margin-top: 25px; }

.no-mrg-right { margin-right: 0; }

.no-padding-top { padding-top: 0; }
.no-padding-btm { padding-bottom: 0; }

.float-left { float: left; }
.float-left-gallery { width: 560px; float: left; }

.spacer { clear: both; }

.fb:link, .fb:visited { width: 32px; height: 32px; float: right;
	background: url(slike/fb.jpg) top left no-repeat; }
	
.fb:hover { background: url(slike/fb.jpg) bottom left no-repeat; }