* {margin: 0px;padding: 0px;}
img {border: none;}
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: underline; color: #000; }
p {padding-bottom: 10px;}
body { background: #fff url(images/bg.jpg) repeat; color: #213049; font: 12px/21px Arial, Helvetica, sans-serif; }
ul, ol {margin: 0px 0px 10px 10px;padding: 0px;}
hr {border-bottom: 1px solid #BEBEBE;margin-bottom: 10px;border-top-style: none;border-right-style: none;border-left-style: none;}
h1 { margin: 0px; padding: 0px 0px 0px 5px; font-size: 50px; }
	h1 span { font-size:30px; line-height: 20px; }
h2 { padding: 22px 0px; letter-spacing: -2px; font: bold 25px/20px "Arial Black", Gadget, sans-serif; text-shadow: 1px 1px 0px #fff; }
h3 { -moz-border-radius:10px; -webkit-border-radius:15px; border-radius:15px; font-size: 14px; line-height: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #CBD3E7; margin-bottom: 10px; background: #FFF; padding: 10px; margin-top: 10px; }
h4 { font-size: 14px; line-height: 18px; font-weight: bold; color: #000; margin-bottom: 10px; border-bottom: 1px solid #CBD3E7; padding: 10px 1px; }
.table {border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.table td {border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;}
.text10, .tekst10 {font-size: 10px;line-height: 16px;}
.text11 {font-size: 11px;line-height: 17px;}
.text12 {font-size: 12px;line-height: 18px;}
.text13 {font-size: 13px;line-height: 17px;}
.text14 {font-size: 14px;line-height: 18px;}
.text15 {font-size: 15px;line-height: 18px;}
.text16 {font-size: 16px;line-height: 19px;}
.text17 {font-size: 17px;line-height: 20px;}
.text18 {font-size: 18px;line-height: 20px;}
.float-left {float: left;}
.float-right {float: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.clear {clear: both;}
.align-image-left { float: left; margin: 3px 10px 10px 0px; }
.align-image-right { float: right; margin: 3px 0px 10px 10px; }
.image-border { background: #FFF; padding: 1px; border: 1px solid #DAE1EE; }
.align-left {text-align:left;}
.align-right {text-align:right;}
.center {text-align:center;}
.underline {text-decoration:underline;}
.nounderline {text-decoration:none;}
.padding0{padding: 0;}
.margin0{margin:0;}
.red {color:#de251c;}
.black {color: #000;}
.white {color: #fff;}

.desno-s-okvirom { background: #FFF; margin: 0px 0px 10px 10px; padding: 2px; border: 2px solid #D3DCEB; float: right; }
.lijevo-s-okvirom { background: #FFF; margin: 0px 10px 10px 0px; padding: 2px; border: 2px solid #D3DCEB; float: right; }

/* --------------- form elements ------------------ */
form p {}
form label {float: left;width: 150px;padding-top: 2px;}
form input[type=text], form input[type=password], form textarea, form select {padding: 2px;width: 250px;border: 1px solid #CCC;}
form input[type=text]:hover, form input[type=password]:hover, form textarea:hover, form select:hover,
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus, form select:focus {border: 1px solid #333;}
form input[type=submit], form button { cursor:pointer; font-weight: bold; padding: 0px; border: none; background: url(images/send.jpg) no-repeat left top; height: 55px; width: 90px; margin: 6px 0px 0px 840px; position: absolute; }
	form input[type=submit]:hover {background: url(images/send.jpg) no-repeat -88px top;}
form textarea {height: 140px;}
form select {padding: 2px;}
fieldset {padding: 10px; border: 1px solid #CCC;}
legend {font-weight: bold;}

#ontop { background: url(images/ontop.png) no-repeat; height: 135px; width: 45px; display: block; position: fixed; left: 0px; top: 300px; }
#bg { background: url(images/bg-trans.png) no-repeat center top; padding-top: 45px; }
#wrapper, .wrapper { margin: auto; width: 958px; padding: 0; }
#top { height: 80px; }
	#home { background: url(images/home.jpg) no-repeat left top; width: 80px; display: block; height: 69px; position: absolute; margin: 13px 0px 0px 15px; }
		#home:hover {background: url(images/home.jpg) no-repeat right top;}
	#nav { /* all lists */ list-style: none; margin: 24px 0px 0px 105px; padding: 0px; z-index:3; height: 42px; text-transform: uppercase; position: absolute; width: 750px; font: bold 25px/25px "Arial Narrow", Arial, Helvetica; letter-spacing: 1px; }
	#nav li { /* all list items */float: left; text-shadow: 0px 0px 7px #c7d0e0;}
	#nav li a { display:block; color: #213049; text-decoration: none; padding: 11px 13px 12px; margin-top: 1px; font-weight: bold; }
	#nav li a:hover { color: #000; text-shadow: 0px 0px 7px #b6b6b6; }
	#suprise { position: absolute; background: url(images/suprise.gif) no-repeat; height: 26px; width: 26px; display: none; margin: 35px 0px 0px 915px; }

#head {text-shadow: 0px 0px 15px #fff; background: url(images/title.jpg) no-repeat left top; margin-bottom: 1px; padding: 22px 0px 24px 23px; color: #213049; letter-spacing: -2px; font-size: 50px; line-height: 60px; }
	#head p {padding:0;}
	#head span { color:#fff; text-shadow: 1px 1px 2px #999; font-weight: bold; }

#container { background: #edf1f8 url(images/container.gif) repeat-x top; border-bottom: 2px solid #dbe5f6; padding: 0px 20px 50px; }
	#container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	#portfolio-slideshow { background: #EAEFF7; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; padding: 7px 0px 8px 7px; height: 320px; }
		#rotator .item { position: absolute; height: 320px; width: 905px; }
		#rotator img { position:absolute; height: 320px; width: 905px; }
		#rotator .box { height: 315px; width: 300px; position: absolute; z-index: 1; background: url(images/rotator-desc-trans.png) no-repeat; margin: 40px 0 0 470px; padding-left: 75px; padding-right: 30px; padding-top: 20px; }
		#rotator h3 { font-size: 15px; font-weight: bold; margin: 0px; padding: 5px 0px 7px; }
			.job { padding-bottom: 13px; }
			.service { margin: 0px 3px 3px 0px; padding: 0px; background: url(images/service.gif) no-repeat left top; display: block; float: left; font-style: italic; }
			.service span { background: url(images/service-right.gif) no-repeat right top; float: left; display: block; padding: 4px 10px 5px; }
			#rotator .bold { margin: 0px; padding: 0px 0px 5px 3px; }
			
			#rotator .desc { height: 81px; margin: 0px; padding: 0px; font: 13px/18px "Arial Narrow", Arial, Helvetica; letter-spacing: 1px; }
				#rotator .desc p { margin: 0px; padding: 0px 0px 2px; }
				
			#rotator .visit { color: #FFF; text-align: center; font: 23px/21px "Arial Narrow", Arial, Helvetica; padding-top: 20px; }	
				#rotator a {color:#fff; text-decoration:none;}
				#rotator p {padding:0;}
				#rotator .go a { font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #eda816; }
				
			#portfolio-paginator { position: absolute; margin: 308px 0 0 550px; z-index:30; }
				#portfolio-paginator a { display: block; float: left; background: url(images/portfolio-paginator.gif) no-repeat left top; height: 16px; width: 16px; margin-right: 4px; }
				#portfolio-paginator a.activeSlide {background: url(images/portfolio-paginator.gif) no-repeat right top;}
	.content { padding: 15px 7px 0px; text-shadow: 1px 1px 1px #eaeef3; }	
		.content h2 { font-family: Arial, Helvetica, sans-serif; background: #CED6E8; text-shadow: 1px 1px 1px #f3f6fb; padding: 9px 7px; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:15px; border-radius:15px; margin-top: 8px; }
		.content ol, .content ul { margin-left: 33px; margin-bottom: 20px; }
		.content pre { background: #FFF; padding: 5px; border: 1px solid #DAE1EE; margin: 0px 0px 10px; }
			.content pre a {text-decoration:none;}
		.content .featured { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background: #FFF; padding: 7px; float: right; border: 1px solid #D1DBEB; width: 200px; margin-bottom: 10px; margin-left: 10px; }
			.content .featured .alpha a {color:#213049;}
				.content .featured .alpha a:hover {color:#000;}
		.content .featured h3 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: 0px 0px 10px; padding: 7px; font-size: 14px; font-weight: bold; background: #E3E9F4; }
		.content .featured ul { margin: 0px 0px 10px 25px; }
		.content .featured .alpha { margin-left: 30px; margin-bottom: 20px; }
			.featured .alpha ol { margin-bottom: 0px; }
		.content .get {padding:0; margin:0;}
		.content .get a { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:1px 1px 1px #7a5c19; background: #DDA838 url(images/orange-grad.gif) repeat-x bottom; color: #FFF; font-weight: bold; text-align: center; font-size: 16px; padding: 6px 5px; display: block; text-decoration: none; border: 1px solid #BE8D27; }

	#payment { padding: 15px 10px 10px; }
	#payment input[type=submit] { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:1px 1px 1px #7a5c19; background: #DDA838 url(images/orange-grad.gif) repeat-x bottom; color: #FFF; font-weight: bold; text-align: center; font-size: 13px; padding: 0px 5px; display: block; text-decoration: none; border: 1px solid #BE8D27; margin: 8px 0px 0px; line-height: 18px; height: 30px; }
	#payment input[type=text], #payment input[type=text]:hover, #payment input[type=text]:focus { font-size: 12px; border: 1px solid #BFCDE6; padding: 3px; width: 270px; }
	#payment select, #payment select:hover, #payment select:focus { border: 1px solid #BFCDE6; padding: 3px; width: 277px; margin-bottom: 7px; font: 12px Arial, Helvetica, sans-serif; }
	
	.portfolio { -moz-box-shadow: 1px 1px 5px #b8c4d8; -webkit-box-shadow: 1px 1px 5px #b8c4d8; box-shadow: 1px 1px 5px #b8c4d8; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; float: left; width: 430px; background: #FFF; padding: 10px; border: 1px solid #D3DCEC; margin: 5px 13px 8px 0px; }
		.portfolio .bold { padding: 0px 0px 5px 3px; }
		.portfolio .job { padding-bottom: 2px; }
		.portfolio .desc { padding: 4px 4px 0px; }
		.portfolio .desc p { margin: 0px; padding: 0px 0px 3px; }
		

	#paginator { padding: 10px 5px 0px 0px; text-align: right; text-shadow:none; }
	#paginator a, #paginator span { -moz-box-shadow: 1px 1px 2px #b8c4d8; -webkit-box-shadow: 1px 1px 2px #aab9d2; box-shadow: 1px 1px 2px #b8c4d8; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding: 8px 10px; margin: 1px 3px 1px 1px; background: #FFF; text-decoration: none; font-size: 12px; border: 1px solid #E3EAF4; }
		#paginator .current {text-shadow:1px 1px 1px #000; }
	#paginator a:hover { background: #CED9EC; }
	#paginator span { font-weight: bold; background: #3B7092; border-color: #2B516A; color: #FFF; }		
	
#goodies { background: url(images/goodies-trans.png) no-repeat top; height: 170px; }	
	#goodies .next, #goodies .prev { background: url(images/prev-next.jpg) left bottom; height: 50px; width: 25px; display: block; position: absolute; margin: 50px 0px 0px 959px; }
	#goodies .prev { background: url(images/prev-next.jpg) left top; margin: 50px 0px 0px -26px; }	
	#goodies-slider { margin: 10px 0px 0px 10px; position: absolute; height: 145px; width: 940px; }
	#goodies-title { position: absolute; margin: -62px 0px 0px 28px; background: url(images/arrow.gif) no-repeat 107px 31px; padding-right: 30px; }
	#goodies-slider .row { padding-left: 6px; }
	#goodies-slider a { float: left; margin: 7px 3px 0px 3px; }

#contact { background: url(images/contact-trans.png) no-repeat center bottom; height: 262px; }
	#contact .top { height:61px; }
	#contact h2 { padding: 20px 0px 0px 28px; position: absolute; }
		#contact h2 span { color: #605B5B; letter-spacing: normal; padding-left: 10px; font: bold 15px Arial, Helvetica, sans-serif; }
	#contact-form { padding: 25px; height: 130px; }
		#contact-form input[type=text], #contact-form textarea { background:transparent; position:absolute; width: 405px; font: bold 17px/23px Arial, Helvetica, sans-serif; color: #666; padding: 7px; border-style: none; }
			#contact-form input[type=text]:focus, #contact-form input[type=text]:hover, #contact-form textarea:focus, #contact-form textarea:hover { color: #000; }
			#contact-form .email { margin-top:50px; }
			#contact-form .subject { margin-top:100px; }
			#contact-form textarea { margin-left: 445px; height: 120px; width: 450px; overflow: auto; }
	#contact-form .form-error { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-size: 11px; font-weight: bold; background: #D4DDEE; position: absolute; border: 1px solid #C7D2E9; margin: -40px 0px 0px 330px; }		
	.ketchup-error-container { display: none; position: absolute; z-index:30; width: auto; font-size: 11px; }	
	.ketchup-error-container ol { font-size: 11px; color: #fff; background: #900; padding: 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; line-height: 16px; margin: 15px 0 0 -10px; 	}	
	.ketchup-error-container span { display: block; width: 0; height: 0; border-left: 0 solid transparent; border-right: 15px solid transparent; border-top: 10px solid red; border-top: 10px solid #900; border-bottom: 0; margin-left: 0px; }	
	
	
#footer { text-align: center; padding-bottom: 10px; }	
	#footer .rss, #footer .facebook { background: url(images/icons.gif) no-repeat right; height: 15px; width: 15px; display: inline-block; }
		#footer .facebook {background: url(images/icons.gif) no-repeat;}


#CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0px;
}

#CB_iFrCont {
	position: absolute;
	width: 0px;
	height: 0px;
}

#CB_HiddenText {
	position: absolute;
	visibility: hidden;
	z-index: -1000;
	top: -100px;
	left: -1000px;
}

.CB_Sep {
	color: #bbb;
}

.CB_TnThumbs {
	width: 0px;
	height: 0px;
	border: 0px;
	outline-style: none;
	outline: 0px;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

.CB_BtmNav {
	position: relative;
	top: 4px;
	border: 0;
	padding: 0px 0px 0px 3px;
}

#CB_ImgHide {
	position: absolute;
	visibility: hidden;
	z-index: 1098;
	left: 0px;
}

#CB_ShowTh {
	width: 100%;
	height: 20%;
	visibility: hidden;
	position: absolute;
	z-index: 1097;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs {
	display: none;
	height: 62px;
	padding-top: 10px;
	position: absolute;
	z-index: 1100;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs2 {
	margin: auto 0;
	height: 52px;
	position: absolute;
}

.CB_ThumbsImg {
	position: absolute;
	border: 1px solid #fff;
	cursor: pointer;
}

.CB_RoundPixBugFix {
	display: block;
	visibility: hidden;
	font-family: arial;
	font-size: 1pt;
}

#CB_ImgContainer {
	position: relative;
	width: 100%;
}

#CB_PrevNext {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1002;
}

#CB_NavPrev, #CB_NavNext {
	visibility: hidden;
	position: absolute;
	z-index: 1001;
	top: 47%;
	cursor: pointer;
}

#CB_NavPrev {
	left: 18px;
}

#CB_NavNext {
	right: 15px;
}

#CB_ContentHide {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
}

#CB_LoadingImage {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	visibility: hidden;
}

#CB_Text {
	position: relative;
	text-align: left;
	overflow: hidden;
}

#CB_T1 {
	height: 14px;
	white-space: nowrap;
	position: relative;
}

#CB_T2 {
	margin-top: -1px;
}

#CB_TL {
	position: relative;
	background-color: #fff;
	display: none;
}

#CB_Window {
	left:50%;
	position:absolute;
	top:50%;
	visibility:hidden;
	z-index: 1100;
	border-collapse: separate;
}

#CB_Image {
	position: relative;
}

#CB_iFrame {
	position: absolute;
	width: 0px;
	height: 0px;
	z-index: 1003;
}

#CB_TopLeft {
	background-image:url(images/clearbox/s_topleft.png);
	background-position:right bottom;
}

#CB_Top {
	background-image:url(images/clearbox/s_top.png);
	background-position:left bottom;
}

#CB_TopRight {
	background-image:url(images/clearbox/s_topright.png);
	background-position:left bottom;
}

#CB_Left {
	background-image:url(images/clearbox/s_left.png);
	background-position:right top;
}

#CB_Content {
	background-color: #fff;
}

#CB_Right {
	background-image:url(images/clearbox/s_right.png);
	background-position:left top;
}

#CB_BtmLeft {
	background-image:url(images/clearbox/s_btmleft.png);
	background-position:right top;
}

#CB_Btm {
	background-image:url(images/clearbox/s_btm.png);
	background-position:left top;
}

#CB_BtmRight {
	background-image:url(images/clearbox/s_btmright.png);
	background-position:left top;
}

#CB_Prev, #CB_Next {
	background: transparent url(images/clearbox/blank.gif) no-repeat scroll 0%;
	display: block;	
	width: 49%;
	cursor: pointer;
	outline-style: none;
	outline: 0px;
	z-index: 1102;
}

.CB_TextNav {
	text-decoration: underline;
	padding-right: 5px;
	color: #999;
	outline-style: none;
	outline: 0px;
	cursor: pointer;
	border: none;
}

.CB_TextNav:hover {
	text-decoration: underline;
	color: #555;
	border: none;
}

#CB_Prev {
	float: left;
	left: 0px;
}

#CB_Next {
	float: right;
	left: 0px;
}

#CB_Prev:hover {
background:transparent;
}

#CB_Next:hover {
background:transparent;
}

#CB_CloseWindow {
	position: absolute;
	right: -14px;
	top: -10px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowS, #CB_SlideShowP {
	position: absolute;
	left: -11px;
	top: -10px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowBar {
	background-color: #fff;
	width: 0px;
	position: absolute;
	height: 2px;
	display: none;
	z-index: 1102;
}

#CB_Email {
	position: absolute;
	right: 15px;
}