/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
	margin:0;
	padding:0;
}




body{
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	position:relative;
		}
		
.wrap_all{ 
	width:100%;
	position:relative;
	display:table;
	}

#top{
	width:960px;
	margin:0 auto;
	position:relative;
	}

/*****************************
1.) #head	
/****************************/	
	
	#head{
		height:158px;
		position:relative;
		z-index:10;
		}
		
			#podrska{
				display:block;
				height:51px;
				width:264px;
				position:absolute;
				right:0px;
				top:42px;
				}
				
				.logo, .logo a{
				display:block;
				height:83px;
				width:229px;
				position:absolute;
				left:0px;
				top:27px;
				}
				
					#top .logo a{
						top:0;
						right:0;
						text-indent:-9999px;
						outline:none;
						}
		
/*****************************
2.) #main
/****************************/		
			#main{
			position:relative;
			padding-top:45px;
			float:left;
			}
			
			
/*****************************
3.) #mainpage image slider
/****************************/	
				#featured{
					height:425px;
					margin-bottom:15px;
					position:relative;
					
					}
				
						.featured_item{
							height:465px;
							margin:0 auto;
							position:relative;
							top:-35px;
							width:940px;
							overflow:hidden;
							display:none;
							background:#e5e5e5 url(../images/feautured-bg.jpg) repeat-x;
						}
						
											
						.featured_item_2{
							height:auto;
							margin:0 auto;
							position:relative;
							padding-bottom:35px;
							top:-35px;
							width:940px;
							overflow:hidden;
							display:none;
							background:#E5E5E5 url(../images/feautured-bg.jpg) repeat-x;
						}
						
						.featured_item_3{
							height:940px;
							margin:0 auto;
							position:relative;
							padding-bottom:35px;
							top:-35px;
							width:940px;
							overflow:hidden;
							display:none;
							background:#E5E5E5 url(../images/feautured-bg.jpg) repeat-x;
						}
						
						#top .current{
							display:block;
							}
							
							
							.featured_text {
								letter-spacing:0.4px;
								left:410px;
								/*line-height:26px;*/
								position:relative;
								top:10px;
								width:510px;
								z-index:2;
								
							}
							
							
							.featured_text {
								letter-spacing:0.4px;
								left:380px;
								/*line-height:26px;*/
								position:relative;
								top:20px;
								width:550px;
								z-index:2;
								
							}
							
							.featured_text_2 {
								letter-spacing:0.4px;
								left:10px;
								/*line-height:26px;*/
								position:relative;
								top:10px;
								width:900px;
								z-index:2;
								
							}
							
									#featured .entry{
									margin-bottom:8px;
									height:242px;
									overflow:hidden;
									border-bottom:none;
									padding-bottom:0;
									}
								
							.featured_image{
								height:470px;
								position:absolute;
								left:0;
								top:0;
								width:940px;
								overflow:hidden;
								}
								
							.featured_image img{
								position:absolute;
								left:0;
								bottom:0;
								}

					#featured_bottom{
						position:absolute;
						height:60px;
						bottom:-10px;
						width:100%;
					}
							
							.ticker{
								font-size:11px;
								margin:0px;
								width: auto;
								font-style:italic;
								}
								
							.ticker strong{ width:17px; height:17px; display:block; background:url(../images/quote.png) no-repeat; float:left; margin-right:5px;}
							
							.ticker, .ticker a{
								text-decoration:none;
								}
								
							.ticker span{display:none;}
							.ticker .active_ticker{display:block;}	
								
							.preview_images{
								height:60px;
								line-height:60px;
								position:absolute;
								left:39px;
								top:10px;
								}
								
							.preview_images a img{
								padding:1px;
								}
								
							.preview_images a{
								outline:none;
								display:block;
								position:relative;
								margin-right:5px;
								float:left;
								}
								
							.pointer{
								height:13px;
								left:18px;
								position:absolute;
								top:37px;
								width:13px;
								}
								
							span.icon { display:block; line-height:23px; float:left; position:relative; padding-left:50px; margin-right:10px;}
							span.icon img { position:absolute; left:10px; top:0;}
							
							span.powered { display:block; line-height:23px;  position: absolute; bottom:-65px; right:20px; font-size:12px; color:#747474;}
							
							span.powered a{ text-decoration:none;}
						/*****************************
							3.1) #mainpage new packages (09.06.2010.)
							/****************************/	
							
										.box .sign span,#pleft h1.hd span,#feautured h1.hd span, #mid h2 span, #small h2 span, #large h2 span, #xlarge h2 span, #mega a span,#mega h2, #nav span, .st span,#home .more span,#home .follow span,#home .face span,#home .ftweet span,#quotes .next span,#hright .quest span,#hright .affil span,#hright .ccases span,#hright .dir span,#subnav .ar span,#slider .item h2,#slider .item h3,#buttons a span,#bann h2,#bann h3,#bann a span {display: none;}
						
						ul{ list-style-type:none; padding:0; margin:0;}
						
						#feautured .box {float: left;}
						
						#small {background: url(../images/box-bg.png) 1px 0px repeat-y; width: 129px; padding:0 1px; }
						
						#small div.share {background: url(../images/foot-s.png) bottom no-repeat; padding: 0 0 20px 0;}
						#small div.res {background: url(../images/foot-s-r.png) bottom no-repeat; padding: 0 0 20px 0;}
						
						#small h2.share {background: url(../images/s-share.png) no-repeat; height: 82px; margin:0 0 0 2px; position:relative;}
						#small h2.res {background: url(../images/s-res.png) no-repeat; height: 82px; margin:0 0 0 2px; position:relative;}
						
						#small ul {padding: 0 0 0 1px;}
						
						#small .sign {margin: 10px 0 5px 18px;}
						
						#mid {background: url(../images/box-bg-big.png) no-repeat left 50px;  padding:2px 12px; width: 145px; margin: -8px 0 0 -6px;position:relative; z-index:20;}
						
						#mid div.share {background: url(../images/foot-m.png) 0px bottom no-repeat; padding: 0 0 20px 0;}
						#mid div.res {background: url(../images/foot-m-r.png) 0px bottom no-repeat; padding: 0 0 20px 0;}
						
						#mid h2.share {background: url(../images/m-share.png) no-repeat; height: 82px; margin:-2px 0 0 0px;}
						#mid h2.res {background: url(../images/m-res.png) no-repeat; height: 82px; margin:-2px 0 0 0px;}
						
						#mid ul {padding: 0 0px 0 0; margin:0;}
						
						#mid li {font: 12px Arial, Helvetica, sans-serif;}
						
						#mid li strong {font: bold 12px Arial, Helvetica, sans-serif;}
						
						#best-value {background: url(../images/best-value.png) no-repeat; height:62px; width:62px; position:absolute; left:-1px; top:-11px;}
						
						a.sign {background: url(../images/naruci-2.png) 0px 0px no-repeat; width: 93px; height: 34px; display: block; margin: 15px 0 5px 25px;}
						a.sign:hover {background: url(../images/naruci-2.png) 0px -35px no-repeat; width: 93px; height: 34px; display: block; margin: 15px 0 5px 25px;}
						
						#large {background: url(../images/box-bg.png) 1px 0px repeat-y; width: 129px; padding:0 1px; margin: 0px 0 0 -6px;  position:relative; z-index:0;}
						
						#large div.share {background: url(../images/foot-l.png) bottom no-repeat; padding: 0 0 20px 0;}
						#large div.res {background: url(../images/foot-l-r.png) bottom no-repeat; padding: 0 0 20px 0;}
						
						#large h2.share {background: url(../images/l-share.png) no-repeat; height: 82px; margin:0 0 0 2px;}
						#large h2.res {background: url(../images/l-res.png) no-repeat; height: 82px; margin:0 0 0 2px;}
						
						#large ul {padding: 0 0 0 1px;}
						
						#large .sign {margin: 10px 0 5px 18px;}
						
						#xlarge {background: url(../images/box-bg.png) 1px 0px repeat-y; width: 129px; padding:0 1px;}
						
						#xlarge div.share {background: url(../images/foot-xl.png) bottom no-repeat; padding: 0 0 20px 0;}
						#xlarge div.res {background: url(../images/foot-xl-r.png) bottom no-repeat; padding: 0 0 20px 0;}
						
						#xlarge h2.share {background: url(../images/xl-share.png) no-repeat; height: 82px; margin:0 0 0 2px;}
						#xlarge h2.res {background: url(../images/xl-res.png) no-repeat; height: 82px; margin:0 0 0 2px;}
						
						#xlarge ul {padding: 0 0 0 1px;}
						
						#xlarge .sign {margin: 10px 0 5px 18px;}
						
						
						.box {background: url(../images/box-bg.png) repeat-y; width: 129px; margin: 0px 0 0 0; padding:0 1px; float:left; display:inline}
						
						.box h3 span {display: block; padding: 40px 0 0 0;}
						
						.box ul {padding: 0 8px; margin:0;}
						
						.box li {text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #3f4b50; padding: 6px 8px; border-bottom: 1px solid #dee0e2;}
						
						.box .last {border: 0 none; padding: 7px 0 5px 8px;}
						
						.box .cjena {border: 0 none; padding: 12px 0 10px 8px;}
						
						.box li.php {text-align:left; background:url(../images/php.png) no-repeat 6px center; padding-left: 27px;}
						.box li.fant {text-align:left; background:url(../images/fantastico.png) no-repeat 6px center; padding-left: 27px;}
						.box li.ruby {text-align:left; background:url(../images/ruby.png) no-repeat 6px center; padding-left: 27px;}
						.box li.mysql {text-align:left; background:url(../images/mysql.png) no-repeat 6px center; padding-left: 27px;}
						
						.box li strong {font: bold 11px Arial, Helvetica, sans-serif; color: #ec216e;}


						a.more-info { position:absolute; bottom:10px; left:385px; display:block; font-weight:bold;} 

/*****************************
5.) content area below slider and on subpages
/****************************/	
						
			.content_top{
				height:30px;
				padding:0 10px;
				width:940px;
				float:left;
				}		
				
			#content{
				float:left;
				padding:0 10px;
				position:relative;
				width:940px;
				}
					
					#sidebar{
						float:left;
						padding:0 0 15px 50px;
						position:relative;
						width:265px;
						overflow:hidden;
						}
							
								
								#top #sidebar .small_box{
									padding:0 0 15px 0;
									}
	
/*****************************
7.)pages with sidebar
/****************************/								
					
					#inner_content{
						float:left;
						width:570px;
						padding:0 0 15px 30px;
						position:relative;
						}
						
					#inner_content .entry{
						width:570px;
						}
						
								.entry{
									clear:both;
									margin-bottom:28px;
									overflow:hidden;
									padding-bottom:20px;
									position:relative;
									}
									
								.entry-head{
									position:relative;
									top:-3px;
									margin-bottom:20px;
									font-size:11px;
									}
									
										
										.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
											text-decoration:none;
											padding:2px 0;
											}
											
											#top .entry-head a, .more-link{
											padding:2px 4px;	
												}
	
											
											.date{
												padding:2px 4px;
												}
									

				
					#subpage #content{
						padding:20px 10px 0;
						}
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
				
							.small_box{
								float:left;
								padding:0 0 15px 50px;
								position:relative;
								width:260px;
								}
						
							#top .box1{
								padding:0 0 15px 30px;
								}
							
							.small_box h3{
								margin:0 0 5px;
								}
		
								
							.small_box img{
								padding:5px 0 !important;
								padding:0;/*ie6 fix for png elemnts needs this*/
								}
								
							.widget_categories a, .widget_pages a{
							padding:5px;
							display:block;
							text-decoration:none;
							width:250px; /*change if sidebarwidth changes*/
							}
								
						
							
							
				
				
			
			
		#footer{
			clear:both;
			padding:40px 15px;
			position:relative;
			font-size:10px;
			width:930px;
			}
		

					
				.copyright{
					float:left;
					display:block;
					}
					
				.scroll-top{
					float:right;
					display:block;
					}
					
				
		




/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
		}

a{
		text-decoration:underline;
	}

a:hover{
		text-decoration:none;
	}
	
a img{
	border:none;
	}
	
p{ padding: 0 0 1em 0}


ul, ol{
	list-style-position:outside;
	margin-left:20px;
	}
	
#sidebar ul, #sidebar ol{
	margin-left:0px;
	}
	
#sidebar li{
	list-style-type:none;	
		}
	

h1,h2,h3,h4,h5,h6, legend{
	font-weight:normal;
	padding-bottom:5px;
	line-height:1.4em;
		}
	
	h1{clear:both; font-size:32px;font-weight:bold;}
	h2{font-size:22px; clear:both;}
	h3, legend{font-size:18px; clear:both;}
	h4{font-size:16px; clear:both;}
	h5{font-size:14px; clear:both;}
	h6{font-size:13px; clear:both;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration:none;
		} 
		
	
		
		
	#featured h2{
		margin-bottom:8px;
		padding-bottom:8px;
		}	
		
	#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
		font-size:32px;
				}

	blockquote p{
	padding:11px 0px;
	}
	
	blockquote{
	margin:0 0 22px 5px;
	padding:0 15px;
		}
	
.floatleft{
	float:left;
	}

.floatright{
	float:right;
	}
	
.clearboth{
	clear:both;
	}
	
.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .wp-smiley{
	border:none;
	padding:0;
	}
	
.meta{
	display:block;
	position:relative;
	top:3px;
		font-size:11px;
	line-height:14px;
	}
	
.read-more, .show-next{
			display:block;
	font-size:11px;
	font-weight:bold;
	height:41px;
	left:-2px;
	line-height:41px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:165px;
	}
	
#top .show-next{
	bottom:0;
	left:165px;
	position:absolute;
	}
	
.read-more:hover, .show-next:hover{
			}
	
.entry ul, .entry ol{
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
	}
	
#top .entry ol{
	list-style-type:decimal;
	}
	
.entry li{
	padding:3px 10px;
	}
	
blockquote{
			font-size:13px;
	font-style:italic;
	margin:0 0 20px;
	padding:10px 20px 10px 41px;
	}
	
	
/*CONTACT FORM*/	



#searchsubmit, #send, #top #submit{
	cursor:pointer;
	}
	
	
#s, .text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:300px;
font-size:11.5px;
}

.text_input_mali{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:100px;
font-size:11.5px;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-left:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
.corner_left, .corner_right{
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
		}
	
#top .corner_right{
	left:935px;
		}
	
/*navigation*/

.navwrap{
		height:50px;
	left:5px;
	line-height:50px;
	padding-right:0px;
	position:absolute;
	top:105px;
	font-size:12px;
	z-index:6;
	width:955px;
	}

#top #nav{
	float:left;
	height:50px;
	line-height:50px;
		padding-left:13px;
}


#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;

}


#top #nav a{
	height:33px;
	display:block;
	padding:0 21px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	z-index:35;
	position:relative;
	float:left;
	}

#top #nav ul a{
	line-height:33px; 
}

#top #nav li{
	float:left;
	position:relative;
	z-index:20;
	margin-top:11px;
}

#top #nav li li{
	border-left:none;
	margin-top:0;
}

#top #nav ul {
	position:absolute;
	display:none;
	width:172px;
	top:33px;
	left:-1px;

}

#top #nav li ul a{
	width:130px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 21px;
}

#top #nav ul ul{
	top:auto;
	border-top:none;
}	

#top #nav li ul ul {
	left:172px;
	top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
  	display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
	display:block;
}



#table-a {
	width: 510px;
	height: auto;
	margin:0 0 0px 5px;
	float: left;
	border-collapse: collapse;
	}


	
#table-a thead {
	height:20px;
	line-height: 20px;
	}	

#table-a thead th {
	color:#2d2d2d;
	/*text-shadow: 0 1px 0 #383838;*/
	text-align: center;
	font-size: 12px;
	padding:2px 0 2px 10px;border-bottom:1px solid #dcdcdc; }
	
#table-a thead th.prvi {
	color:#cecece;
	text-align: left;
	font-size:12px;
	 }	

#table-a tbody {
	font-size:0.9em;
	/*background:#fcfcfc; */}	

#table-a tr.alt {
	background:#e9e9e9; }	

#table-a tr.alt td {
	border-left:1px solid #fff;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4; }	

#table-a tr.alt td.left {
	border-left: none; }
	
#table-a tr.predpos {
	border-bottom:2px solid #ececec;
	border-top:2px solid #ececec; }	
#table-a tr.buttons { border-bottom: none;}	
#table-a tr.buttons td{ border-bottom: none; }
#table-a td.ukp {
	font-size:12px; font-weight:bold; padding:2px 0;line-height:14px;}	
.period { font-size:8px; font-weight:normal; color:#999; font-style:italic; line-height:8px;}	
#table-a td {
	padding:2px;
	color:#8562a5;
	font-weight: normal;
	border:none;
	border-bottom:1px dashed #dcdcdc;
	vertical-align: middle;
	text-align:center;
	width:90px;line-height:18px;}	

#table-a td.ikona {
	padding:0px;
	width:16px;
	vertical-align: middle;
	text-align:center;}	


#table-a td img {
	margin-top:4px;
	text-align:center;
	border:none;}	

#table-a td.left {
	width:130px;
	color:#8562a5;
	font-weight: bold;
	padding:0px 5px 0px 15px;
	border-left: none; 
	text-align: left;}	

#table-a td.last {
	border-right: none; }	

#table-a td.price {
	color: #FF99FF;
	font-size:14px; }
	


#table-a td.order {
	background:#fff;
	padding:20px 0 0 10px;
	border: none !important; }

#table-a td.order a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	 }

/* BUTTONS */

div.buttons { width:100%; float:left; display:block; margin:10px 0; }
.buttons a, .buttons button{
    display:block;
	position:relative;
	float:left;
    margin:0 0 0 10px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 22px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
     padding:5px 22px 6px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons a img{
    margin: 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	position:absolute;
	right:3px;
}

.buttons button img{
    margin: 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	position:absolute;
	right:12px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#775d8d;
    border:1px solid #fff;
    color:#fff;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}