/* */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

/* body default */
body {background: url(../img/site/bg-page.png) repeat; font: 0.625em/1.5em Tahoma; color: #fff;}

hr {display: none;}

img {display: block; border: 0;}

.menu {list-style: none;} /* ul */
	.menu li {float: left;}
		.menu li a {float: left; text-decoration: none;}


#wrapper {background: url(../img/site/bg-wrapper.png) repeat-x; }

/* modules */
.none {display: none;}

form {}
	form fieldset {border: 0;}

a {color: #fff; text-decoration: none;}	
	a:hover {text-decoration: underline;}	
	
/* header */
#header {width: 1024px; height: 100px; margin: 0 auto; padding: 1px 0 0 0; position: relative;}
	#header h1 {width: 215px; height: 100px; margin: 0 192px 0 72px; display: inline; float: left; position: absolute; top: 20px;}
		#header h1 a {}
			#header h1 a span {width: 215px; height: 100px; background: url(../img/headers/logo1.png) no-repeat; cursor: pointer;}
	
/* options-block */	
#options-block {width: 1024px; margin: 0 auto; background: url(../img/site/bg-head.png) repeat-y;}	
	#options-block .container {width: 1024px; margin: 0 auto; padding-top: 48px; background: url(../img/site/bg-header.gif) top no-repeat; overflow:hidden;}	
	#options-block h2.header {margin-bottom: 25px; font-size: 1.4em; overflow: hidden;}	
	#options-block p {line-height: 18px; text-align: justify; font-size: 12px;}	
	
	/* about-as */
	div.intro {padding: 20px 0;}
		div.intro h2.header {}
		div.intro p {padding: 0 65px;}
	
	/* flash-box */
	div.flash-box {margin: 0 0 0 45px; float: left; display: inline;}
	
	/* about-as */
	div.introduction {width: 270px; margin-top: 20px; padding-top: 5px; padding-right: 15px; border-right: 1px dashed #888888; float: left; display: inline;}
		div.introduction h2.header {width: 160px; height: 19px;}
			div.introduction h2.header span {width: 160px; height: 19px; background: url(../img/headers/h2.about-as.png) bottom no-repeat;}
			
	/* newsletter */	
	div.newsletter {width: 235px; margin-top: 20px; padding-top: 5px; padding-left: 15px; float: left;}
		div.newsletter h2.header {width: 91px; height: 14px; font-size: 0;}
			div.newsletter h2.header span {width: 91px; height: 14px; background: url(../img/headers/h2.newsletter.png) no-repeat;}
			
		div.newsletter #newsletter-form {margin-top: 10px;}
			div.newsletter #newsletter-form  dl {float: left; display: inline; margin-right: 5px;}
			div.newsletter #newsletter-form  dt {display: none;}
			div.newsletter #newsletter-form  dd {float: left;}
			div.newsletter #newsletter-form  p {float: left;}
			div.newsletter #newsletter-form  input#email {width: 100px; border: 0; padding: 5px 4px;}
		
/* menu */	
ul#nav-menu {padding: 0; margin: 59px 0 0 185px; float: left;}
	ul#nav-menu li {}
		ul#nav-menu li a {}
			ul#nav-menu li a span {height: 42px;}
				ul#nav-menu li a:hover {cursor: pointer;}
				ul#nav-menu li a.active span, ul#nav-menu li a:focus span, ul#nav-menu li a:hover span {background-position: 0 -42px;}	

/* content */		
#content {width: 1024px; margin: 0 auto; padding-top: 5px; background: url(../img/site/bg-top-content.png) no-repeat;}	
	
/* main */
#main {width: 934px; min-height: 109px; padding: 30px 0; margin: 0 auto; background: #383838 url(../img/site/bg-bottom-content.png) bottom no-repeat; font-size: 12px; overflow: hidden;}
	
#main-content {margin: 10px 15px; overflow: hidden;}
	
/* we-make list */	
ul#we-make {width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0;}	
	ul#we-make li {width: 294px; margin: 0 8px; float: left; display: inline; position: relative; padding-top: 130px;}	
		ul#we-make li .header {margin: 10px 0; font-weight: bold; color: #e39110; font-size: 13px;}	
		ul#we-make li .photo {position: absolute; top: 0; left: 0;}	
		ul#we-make li p {color: #bdbdbd; text-align: justify;}	
		ul#we-make li p.extended {margin: 10px 0;}	
			ul#we-make li p.extended a {color: #fff; text-decoration: underline;}	
	
		
/* footer */
#footer {width: 1024px; margin: 0 auto;}
#footer p     {font-size: 12px; margin: 20px 70px;}

/* image replacement */
#header h1, ul#nav-menu li a, #options-block .header {position: relative;}
	#header h1 span, ul#nav-menu li a span, #options-block .header span {position: absolute; top: 0; left:0;}

#home {width: 130px;}
	#home span {width: 130px; background: url(../img/menu/home.png) no-repeat;}

#ofert {width: 72px;}
	#ofert span {width: 72px; background: url(../img/menu/ofert.png) no-repeat;}

#contact {width: 81px;}
	#contact span {width: 81px; background: url(../img/menu/contact.png) no-repeat;}

#about-as {width: 84px;}
	#about-as span {width: 84px; background: url(../img/menu/about-as.png) no-repeat;}
	
#newsletter {width: 105px;}
	#newsletter span {width: 105px; background: url(../img/menu/newsletter.png) no-repeat;}	
	
.podstronap {width: 310px; margin-top: 5px; float: left; display: inline;}
.podstronap img {border: 3px solid #202020;}
.podstronatekst {width: 590px; float: left; display: inline; padding: 0; margin: 0;}

.dodajinput {float:left; margin-left: 3px; width:29px; height:26px; background: url(../img/icons/sumbit.png) no-repeat 0 0; border:none;}
.dodajinput2 {float:left; margin-left: 3px; width:29px; height:26px; background: url(../img/icons/sumbit2.png) no-repeat 0 0; border:none;}
