/* SPLOŠNO */

body{
	background: #c0deed;
	padding: 0; margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;}

#sredinskaPoravnava{
	width: 1000px;
	margin: 0 auto;
	text-align: left;}

#belPreliv{
	width: 100%;
	height: 491px;
	background: transparent url(slike/belPreliv.png) repeat-x;
	position:absolute;
	z-index: -100;
	top: 0;
	float: left;}

/* USTVARI sprites */

#logo a, #header, #katZgoraj1, #katSpodaj1 a, #katZgoraj2, #katSpodaj2 a, #katZgoraj3, #katSpodaj3 a, #katZgoraj4, #katSpodaj4 a
	{background: url(slike/ustvari.png) no-repeat;}

/* HEADER */

#headerOzadje{
	width: 100%;
	background: #3b5998;
	height: 80px;}

#header{
	width: 1000px;
	margin: 0 auto;
	background-position: 421px 0;
	height: 80px;}
	
	#logo{float: left;}
	#logo a {
		margin-top: 7px;
		display:block;
		background-position: 0 -80px;
		height: 68px;
		width: 191px;}
		
	#zgornjiMeni {width:715px; float: right;}
 	#zgornjiMeni a, #zgornjiMeni a:visited {
		font-size: 11px;
		padding-left: 30px;
		display:block;
		height:80px;
		line-height:80px;
		text-decoration:none;
		color:#fff;
		float: left;}
	#zgornjiMeni a.prvi{background:url(slike/prvi.png) 13px 40px no-repeat;}
	#zgornjiMeni a.zadnji{background:url(slike/zadnji.png) 125px 10px no-repeat; padding-right: 40px;} 
 	#zgornjiMeni a:hover {text-decoration:underline;}

/* prva stran */

	#cu3er{
		width: 631px;
		height: 320px;
		float: left;
		background: #c0e6f8;}
	
	#bannerPrvaStran{float: left;}	
	#bannerPrvaStran a{
		width: 369px;
		height: 320px;
		display: block;
		background: url(slike/facebookOglasevanje.png) no-repeat;}
		
		.pusciceAnimacija{
			width: 142px; height: 80px;
			background: transparent url(slike/puscice-animacija.gif) no-repeat;
			float:right;
			margin: 205px -60px 0 0;}
	
	

/* srednji meni */

#srednjiMeni{
	width: 1000px;
	height: 32px;
	background: #3b5998;
	float: left;}
	
	#srednjiMeni ul{margin: 5px 0 0 -30px;}
	#srednjiMeni li{display: inline;}
	#srednjiMeni a{
		padding-left: 20px;
		font-size: 11px;
		color: #fff;
		text-decoration: none;}
	#srednjiMeni a:hover{text-decoration: underline;}
	
	a.ustvariPovezava{float: right; color: #fff; font-size: 11px; margin: -14px 20px 0 0;}

/* 4 kategorije */

#4kategorije{
	width: 1000px;
	height: 279px;
	float: left;}
		
		.kat{margin-right: 12px;}
		.kat, .katDesna{
			background: #f4f4f4;
			width: 241px;
			height: 279px;
			float: left;}
			
			#katZgoraj1, #katZgoraj2, #katZgoraj3, #katZgoraj4{
				width: 241px;
				height: 95px;
				float: left;}
			
			#katSpodaj1, #katSpodaj2, #katSpodaj3, #katSpodaj4{
				float: left;
				margin-top: 0;}
				
			#katSpodaj1 a, #katSpodaj2 a, #katSpodaj3 a, #katSpodaj4 a{
				width: 241px;
				height: 55px;
				display: block;}
				
			#katZgoraj1{background-position: 0 -148px;}
			#katZgoraj2{background-position: 0 -298px;}
			#katZgoraj3{background-position: 0 -448px;}
			#katZgoraj4{background-position: 0 -598px;}
			
			#katSpodaj1 a{background-position: 0 -243px;}
			#katSpodaj2 a{background-position: 0 -393px;}
			#katSpodaj3 a{background-position: 0 -543px;}
			#katSpodaj4 a{background-position: 0 -693px;}
			
			#katZgoraj1 a, #katZgoraj2 a, #katZgoraj3 a, #katZgoraj4 a {text-decoration: none;}
			#katZgoraj1 h1, #katZgoraj2 h1, #katZgoraj3 h1, #katZgoraj4 h1{
				font-size: 16px;
				font-weight: 900;
				margin: 50px 0 0 90px;}
				
				#katZgoraj1 h1{color: #00518f;}
				#katZgoraj2 h1{color: #4f8020;}
				#katZgoraj3 h1{color: #4d4d4d;}
				#katZgoraj4 h1{color: #cd1b1b; margin: 50px 0 0 130px;}
				
			.katVsebina{
				font-size: 14px;
				font-family: Comic Sans MS;
				color: #00518f;
				font-weight: bold;
				padding: 0 15px 0 15px;
				margin-top: 10px;
				float: left;
				height: 138px;}

/* VSEBINA */
/* ZARADI BRISANJA VSEBINskega dela sedaj vsebinski del predstavlja črto pod 4imi kategorijami */

#vsebinskiDel{
	width: 996px;
	border-top: 2px solid #3b5998;
	float: left;
	height: 20px;
	margin: 19px 0 0 0;
	background: transparent;
	z-index: 100;
	text-align: right;
	font-size: 10px;
	color: #3b5998;
	padding-top: 8px;}
	
	#leviStolpec{
		width: 241px;
		background: #eeeeee;
		float: left;
		-moz-border-radius-bottomleft: 30px;
		-webkit-border-bottom-left-radius: 30px;}
		
		#leviMeni{
			width: 241px;
			background: #3b5998 url(slike/meniSpodnjiRob.png) bottom right no-repeat;
			float: left;
			font-size: 12px;
			font-weight: bold;}
		
		#leviMeni #logo a{margin: 10px 0  15px 10px;}
		
		#leviMeni a{color: #fff; text-decoration: none;}
		#leviMeni a:hover{text-decoration: underline;}
		
		#leviMeni ul{margin-bottom: 20px;}
		#leviMeni ul.prviSeznam{margin-bottom: 50px;}
		#leviMeni ul li{list-style: url(slike/puscica.png); margin-top: 15px;}
		#leviMeni ul li:hover{list-style: url(slike/puscicaHover.png);}
		
#vsebina{
	float: left;
	width: 695px;
	padding: 30px;
	font-size: 13px;
	font-family: Comic Sans MS;
	text-align: justify;}
	
	#vsebina h1, #vsebina h2, #vsebina h3{ text-align: left;}
	
	#vsebina h1{
		color: #d72729;
		margin-left: 15px;}
	
	#vsebina h2{
		color: #fbb601;
		margin-top: 40px;
		margin-left: 20px;}
	
	#vsebina h3{
		color: #d72729;
		margin-top: 40px;
		margin-left: 25px;}
		
	#vsebina strong{color: #d72729;}
	
	#vsebina a{color: #3b5998; text-decoration: underline; font-weight:600;}
	#vsebina a:hover{text-decoration: none;}
		
#optimizacija{
	font-size: 10px;
	color: #c0deed;
	border: 0px;
	width: 100%;
	float: left;
	margin-top: 100px;
}

/* NOGA */
	
#noga{
	float: left;
	width: 900px;
	margin: 0 auto;
	margin-top: 165px;
	z-index: 100;}
	
	#logoSpodaj{float: left;}
	#logoSpodaj a {
		background: url(http://ustvari.si/slike/ustvari.png) no-repeat;
		display:block;
		background-position: 0 -80px;
		height: 68px;
		width: 191px;
		margin: 40px 0 20px 70px;}
		
	#ikonaKontakt{float: left;}
	#ikonaKontakt a {
		background: url(http://ustvari.si/slike/kontakt.png) top right no-repeat;
		display:block;
		height: 140px;
		width: 605px;
		margin: 0 0 10px 0;}
		
	#cistoSpodnjiMeni{
		color: #fff;
		font-size: 12px;
		float: left;
		margin-bottom: 10px;}
		
		#cistoSpodnjiMeni a{
			text-decoration: none;
			color: #fff;}