/*************************/

/*        SANATIO        */

/*************************/





/* ----- CSS RESET ----- */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

* {outline:none;}



/* ----- FooterStickAlt ----- */



html { height: 100%; }

body { height: 100%; }

#nonFooter { position: relative; min-height: 100%; }

* html #nonFooter { height: 100%; }

#footer { 

	position: relative; 

	margin: -50px auto 0 auto;

	height:50px;

	line-height:50px;

	background:url(img/footer-background.png) no-repeat;

	text-align:center;

	width:990px;

	font-size:12px;

	}

	

		#footer a, #footer a:visited { color:#fff; text-decoration:underline; }

		

		#footer a:hover { text-decoration:none; }

		

				#footer a.designeus {

					display:block;

					width:100px; height:29px;

					background:url(img/logo-designeus.png) no-repeat 0 0;

					position:absolute;

					right:200px; bottom:14px;

					}

					

				#footer a.designeus:hover {

					background-position:left -29px; }



/* ----- sanatio.hr ----- */



body {

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #333;

	}

	

		#inner #menu { border-bottom:1px dashed #333; }

	

h2 {

	color:#283E8A;

	font-size:28px;

	letter-spacing:4px;

	margin-bottom:6px;

	}
	
h3.subtitle { font-size:18px; font-weight:bold; margin:20px 0 15px; }

h3 { font-weight:bold; font-size:22px; color:#333; }

h4 {  color:#283E8A; font-size:14px; }

h5 { font-weight:bold; margin:20px 0 15px; }



	

p { margin-bottom:12px; }

p.right { text-align:right; }



a, a:visited {

	text-decoration:none;

	color:#283E8A;

	}

	

a:hover {

	text-decoration:underline

	}



.clear { clear:both }



#container {

	width:990px;

	margin:0 auto;

	padding-bottom: 100px;

	}



#header {

	height:100px;

	border-bottom:1px dashed #333;

	}

	

		h1#logo {

			background: url(img/logo.png) no-repeat;

			height:89px;

			width:331px;

			float:left;

			font: 54px/54px Georgia, "Times New Roman", Times, serif bold;

			text-indent:-9999px;

			}

			

		h1#logo a {

			position:absolute;

			top:0;

			display:block;

			height:89px;

			width:331px;

			float:left;

			}

			

		#grey_frame {

			background: url(img/header-grey-frame.png) no-repeat;

			height: 64px;

			width:568px;

			padding-left:4px;

			float:right;

			margin-top:16px;

			}

			

			

				#grey_frame p {

					width:150px;

					margin:10px;

					border-right:1px dashed #fff;

					font-size:13px;

					line-height:15px;

					float:left;

					background:#666;

					}

					

				#grey_frame .noborder { border-right:none;	width: 180px;}

					

				#grey_frame span { font-size:14px; }

				

				#grey_frame a, #grey_frame a:visited { text-decoration:none; font-style:italic; color:#FEFFAF; }

				

				#grey_frame a:hover { text-decoration:none; background:#283E8A; color:#fff; }

				

			

#menu { 

	height:37px;

	padding-top:10px;

	font-size:18px;

	width:980px;

	margin:0 auto;

	}

	

			#menu ul { list-style-type:none; }

				

			#menu ul li { display:inline; }

				

			#menu ul li a,

			#menu ul li a:visited { 

				color:#333;

				text-decoration:none;

				margin-right: 71px;

				text-align:left;

				height:24px;

				float:left;

				line-height: 26px;

				}

				

			#menu ul li a:hover { border-bottom:4px solid #ccc; }

				

			#menu ul li a.lastlink, #menu ul li a.lastlink-active { margin-right:0; }

			

			#menu ul li a.active, #menu ul li a.lastlink-active { border-bottom:4px solid #283e8a; }

	

#index #content { background:url(img/tigar.jpg) no-repeat top; height:600px; /*bezveze vrijednost, samo da se slika macke prikaze u cjelosti*/}



#inner #content { padding-top:30px; width:980px; margin:0 auto; }

	

		#content h1 { 

			font-size:28px; 

			padding:240px 10px 0 0;

			text-align: right;

			}

			

		#index #content h2#question { text-indent:-9999px; float:left; }

			

		.textblock, .textblock-right {

			float:left;

			height:360px;

			position:relative;

			}

			

		.textblock {

			margin: 25px 18px 0 0;

			border-right: 1px dashed #333;

			padding-right:18px;

			width:300px;

			}

			

		.textblock-right {

			border:none;

			margin:25px 0 0 0;

			padding-right:0;

			width:310px;

			}

			

				.textblock-link, .textblock-link-right, #ddd-side_menu a {

					font-size:19px;

					text-align:right;

					padding:2px 26px 0 0;

					text-decoration:none;

					background:url(img/opsirnije-arrow.png) no-repeat;

					}

					

					.textblock-link:visited, .textblock-link-right:visited { color:#333; }

				

				.textblock-link, .textblock-link-right {

					height:25px;

					width: 284px;

					position:absolute;

					bottom:6px;

					background-position:288px -52px;

					color:#333;

					}

					

						.textblock-link { right:8px; }

					

						.textblock-link-right { right:0; }

					

				.textblock-link:hover, .textblock-link-right:hover, #ddd-side_menu a:hover { background-color:#283e8a; color:#fff; text-decoration:none}

				

				.textblock-link:hover, .textblock-link-right:hover { background-position: 288px 1px; }

				

				

/* ----- LOKACIJA ----- */



/*#map_canvas {  }*/



/* ----- DDD ----- */



#ddd-side_menu {

	width:160px;

	margin-right:19px;

	float:left;

	}

	

	#ddd-side_menu a {

		min-height:26px;

		background-position: 140px -104px;

		margin-bottom:10px;

		padding-right:26px;

		display:block;

		color:#777;

		}

		

		#ddd-side_menu a.active, #ddd-side_menu a.active:hover {

			color:#283e8a;

			background-position:140px -156px;

			background-color:#FFFFFF;

			}

					

	#ddd-side_menu a:hover { background-position: 140px 1px; }

	



	

#ddd-content {

	padding:0;

	margin:0;

	width:800px;

	float:left;

	}

	



table { 

	border:none;

	margin:16px auto 32px auto;

	width:90%;

	background:#f5f5f5;

	}

	

td, th {

	border-bottom: 1px dashed #777;

	padding:2px;

	}	

	

th { font-weight: bold; }



.img-float-right, #ddd-content img {

	float:right;

	display:block;

	margin:4px 0px 4px 12px;

	}



#ddd-content ol { 

	list-style-type:lower-latin;

	}

	

#ddd-content ul {

	list-style-type: disc;

	}

	

	#ddd-content ol, #ddd-content ul { margin-left: 40px; margin-bottom:16px;}



/* ----- REFERENCE ----- */



#reference { text-align:center; }



#reference img { margin: 20px 0; }



#reference table { background-color:#fff }



#reference table td { text-align:center; border:none; }





#footer, #grey_frame, #content h1 { color:white; }





/* ----- KONTAKT ----- */



#contact { height:300px; }



	#contact-data { text-align:right; font-size:16px; margin-right:20px; width:300px; }



	#contact-data, #contact-form {

		padding:10px;

		float:left;

		}

	

	#contact-form {

		background-color:#DFE7FF;

		width:400px;

		}

		

#contact table { 

	background-color:#DFE7FF;

	width:100%;

	}



#contact td { 

	border:none;

	height:32px;

	}

	

.label { 

	text-align:right; 

	padding-right:10px;

	width:110px;

	}

	

	input, textarea {

		border: 1px solid #6078c0;

		padding:3px;

		font-size:13px;

		color: #000;

		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;

		}

		

	.button:hover {

		background:#f2f2f2;

		cursor:pointer;

		border:1px solid #333;

		}