/* font */
@font-face {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'CabinCondensedRegular';
	 src: url('CabinCondensedRegular.ttf') format('truetype'); */
	font-weight: normal;
	font-style: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	}

/****************************************
	OPĆENITI SELECTORI
*****************************************/	
*  { /* universal selector */
	margin:0; 
	padding:0; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #000;
	font-size: 13px;
	line-height: 1.3em;
	}
	
body {
	background: #808285;
	} 

	
a:link, a:visited {
	/* općeniti link style */
	text-decoration: none;
	color: #000;
	}

a:active, a:hover {
	/* općeniti link style */
	text-decoration: none;
	color: #003b6a;
	}

h1, h2, h3, h4, h5, h6 { 
	/* općeniti h style */ 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 
	color: #003b6a;
	}
	
h1 {	font-size: 35px;	}
h2 {	font-size: 22px;	}
h3 {	font-size: 18px; 	}
h4 {	
	font-size: 15px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom:2px;
	clear: both;
	/* border-bottom: 2px solid #003b6a;*/
 	}
		
img {
	border: none;
	}
u {
	text-decoration: underline;
	}
td {
	text-align: left;
	padding-left: 5px;
	padding-top:2px;
}
	
a:link.l_header, a:visited.l_header { 
	/* linkovi u headeru */
	color: #808285;
	}
	
a:hover.l_header, a:active.l_header { 
	/* linkovi u headeru */
	color: #00304b;
	}

/****************************************
SELECTORI SADRŽAJA STRANICE
*****************************************/
	
.container { 
	/* kontainer cjelokupnog sadržaja stranice */
	width: 1002px;
	margin: 0 auto;
	background: #ffffff;
	overflow: auto
	min-height: 860px;
	}
.content { 
	/* glavni dio stranice (bez zaglavlja i podnožja */
	margin: 0 auto;
	background: #ffffff;
	position:relative;
	overflow: auto;
	}

.head_menu { 
	/*menu iznad bosch loga i trake */
	position: relative;
	float:right;
	margin-right: 25px;
	clear: none;
	vertical-align: middle;
	height: 24px;
	font-size: 11pt;
	}

.head_logo { 
	/* bosch znak lijevo */
	position: relative;
	float: left;
	margin-left: 0;
	clear: none;
	width: 154px;
	height: 132px;
	background-image: url("../_images/logo_banner_1.jpg");
	}

.head_logo1 { 
	/* nastavak bosch logotipa traka na desno */
	position: relative;
	float: left;
	margin-left: 0;
	clear: none;
	width: 848px;
	height: 50px;
	background-image: url("../_images/logo_banner2.jpg");
	}

.head_slogan { /* header slogan - u plavoj traci */
	color: #ffffff;
	text-align: left;
	padding:8px 0 0 20px;
	font-size: 22pt;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.top_menu_h { /* horizontalni menu ispod logotipa */
	position: relative;
	float: left;
	margin-left: 0;
	clear: none;
	width: 813px;	
	height: 36px;
	padding-bottom: 2px;
	}
	
div #path_n { /* navigacija gdje smo - ispod logotipa */
	position:relative;
	float: left;
	clear: none;
	margin-left: 30px;
	width: 450px;
	top: 10px;
	}
	
	a:link.path_nav, a:visited.path_nav { /* path navigator ispod logotipa */
		font-size: 13px;
		color: #808285;
		}
	
	a:hover.path_nav, a:active.path_nav { /* path navigator ispod logotipa */
		color: #4c90cd;
		}
	a:link.email, a:visited.email { /* e-mail na stranici "gdje smo"*/
		font-size: 13px;
		color: #4c90cd;
		max-height: 12px;
		line-height: 1em;
		font-weight: bold;
		}
	
	a:hover.email, a:active.email { /* e-mail na stranici "gdje smo"*/
		color: #00304b;
		}
	a.email b, a.email u {
		color: #4c90cd;
	}
		
.sadrzaj { 
	/* glavni dio stranice (bez zaglavlja i podnožja */
	margin: 0 auto;
	background: #ffffff;
	position:relative;
	clear:both;
	width: 954px;
	padding-left: 24px;
	padding-right: 18px;
	padding-top: 22px;
	}
		
.main_pic { /* slika ispod logotipa - širina cijele stranice */
	width:990px;
	position: relative;
	float: right;
	clear: right;
	margin-top: 14px;
	margin-right: 5px;
	text-align: right;
	background-color: #e1e1e2;
	}

.left_box { /* područje lijevog boxa za prezentaciju uz sliku */
	position: relative;
	float: left;
	clear: none;
	width: 320px;
	margin-top: 35px;
	margin-left: 7px;
	min-height: 220px;
	text-align: left;
	}
	
.right_cont, .left_cont, .left_map, .left_pic, .right_box { 
	position: relative;
	clear: none;
	min-height: 290px;
	margin-top: 15px;
	padding: 0 4px 0 4px;
	border-top: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	border-bottom: 3px solid #808285;
	border-right: 3px solid #808285;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.right_cont {	/* područje desnog boxa za vijesti i akcije */
	float: right;
	margin-right: 5px;
	width: 220px
	}

.left_cont {	/* područje LIJEVO text ili slika */
	float: left;
	margin-left: 5px;
	width: 238px;
	}
	
.left_map {	/* Google mapa na vertikalnoj sredini stranice */
	float: left;
	margin-left: 5px;
	margin-right:5px;
	width: 488px;
	z-index: 8;
	}
	/*.left_map #gal_pic {
		width: 120px;
		height: auto;
		margin: 9px;
		margin-left: 26px;
		position: relative;
		float: left;
		clear: none;
		padding-bottom: 14px;
		}
*/
	.left_map #gal_pic {
		width: 120px;
		height: auto;
		margin: 7px;
		position: relative;
		float: left;
		clear: none;
		padding-bottom: 14px;
		}
		
.left_pic {
	float: left;
	margin-left: 15px;
	margin-right:5px;
	width: 720px;
	max-height: 420px;
	z-index: 8;
	border:none;
	border: 1px solid #808285;
}
.right_box {	/* područje boxa desno - novosti/vijesti */
	float:right;
	width:235px; 
	margin-right:13px; 
	margin-top:15px;
	padding: 0;
	height: auto;
	border: none;
}

.right_box_small { /* područje desnog boxa kontakti i adresa + radno vrijeme */
	float:right;
	width:221px; 
	margin-right:13px; 
	margin-top: 0px;
	top: 0;
	height: auto;
	background: #f1f1f1;
	min-height: 32px;
	border-top: 2px solid #fff;
	padding: 4px 7px 4px 7px;
	}

p.rb_text {
	color: #003b6a;
	line-height: 1.3em;
	text-align: justify;
	}
	p.rb_text strong {
		color: #003b6a;
		}
	
	a:link.news_link, a:visited.news_link { /* definicija linkova u news boxu */
		color: #000;
		font-size: 13px;
		font-weight: normal; 
		display: block;
		padding: 4px 5px 4px 5px;
		}	

	a:hover.news_link, a:active.news_link { /* definicija linkova u news boxu */
		background: #e1e1e2;
		color: #4c90cd;
		}	
		
p.obicni_text {
	text-align: justify;
	text-indent: 32px;
	margin: 0 10px 0 10px;
	padding: 15px 7px 0 0px;
	color: #000000;
	font-size: 14px;
	}
	p.obicni_text strong {
		color: #000;
	}
	
.uvuceni_text {
	text-align: justify;
	text-indent: 32px;
	padding: 0 7px 0 0;
	color: #000000;
	font-size: 14px;
	}

ul#nabrajanje li {
	list-style-type: circle;
	list-style: inside;
	padding-left: 15px;
	font-size: 13px
	}
ul.uvuceno-10 {
	padding-left:20px;
	list-style-type:square;
	}

ul.uvuceno-20 {
	padding-left:30px;
	list-style-type:square;
	}

span.blue_bg { /* plava pozadina iza linka/texta */
	background: #4c90cd;
	display: block;
	color: #fff;
	}	

/* pod-menu unutar boxa na stranicama usluga */
#sec_menu {
	margin: 0;
	z-index: 9;
	}
	
	#sec_menu li {	
		padding: 2px;
		list-style: none;
		float: left;
		text-align: center;
		z-index: 10;
		margin-right: 2px;
		min-width: 5.5em;
		background: #fff url(../_images/menu_r.png) no-repeat scroll right;	
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: #e1e1e1;
		}
		#sec_menu li a {
			color: #000000;
			text-decoration: none;
			font-size: 13px;
			z-index: 11;
			display: block;
			line-height: 32px;
			cursor: pointer;
			margin: 0;
			min-width: 7.4em;
			}
 		#sec_menu li a:visited	{
			background: transparent;
			} 

		#sec_menu li a:hover, #sec_menu li a:active {	
			color: #4c90cd;
			cursor: pointer;
			background: #f1f1f1;
			}
		#sec_menu ol li {
			background: #fff;
			text-align: left;
			margin-left: 15px;
			list-style: circle outside;
			text-indent: 0px;
			width: 665px;
			}
			
/* oblikovanje texta na stranicama usluga - donji box */						
	#p_text {
		height: 370px;
		text-align: justify;
		}

	#p_text p {
		color: #00304b;	
		background: #fff;
		clear: left;
		line-height: 1.1em;
		padding: 7px 4px 0 4px;
		text-indent: 1em;
		top: auto;
		}	
		
		#p_text p strong {
			color: #00304b;
			}
		#p_text h6 {
			text-indent: 16px;
		}

		#p_text p a{
			font-weight: bold;
			}
		
		#p_text p a:hover{
			color: #4c90cd;
			font-weight: bold;
			}
		
		#p_text li {		
			list-style: disc inside;
			text-indent: 2em;
			clear:none;
			color: #00304b;
			}
		#p_text .obicni {
			width: 220px;
			margin: 0 10px 0 10px;
		}
			
#text_desno,  #text_desno2 { /* text desno od slike */
	position: relative;
	float: left;
	clear: none;
	padding: 0;
	margin: 10px;
	}

.okvir {
	border-top: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	border-bottom: 3px solid #808285;
	border-right: 3px solid #808285;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:10px;
	margin-top:3px;
	margin-bottom:3px;
	padding:0px;
	position: relative;
	float: left;
	}
	
#text_desno p	{
		color: #00304b;
		text-align: justify;
		line-height: 1.4em;
		width: 360px;
		clear: none;
		}
		
	#text_desno2 p  {
		color: #00304b;
		text-align: justify;
		line-height: 1.4em;
		width: 600px;
		clear: none;
		text-indent: 10px;
		}

	#text_desno3 p {
		color: #00304b;
		text-align: justify;
		margin-top:10px;
		margin-right: 5px;
		line-height: 1.4em;
		clear: none;
		text-indent: 25px;		
	}				
		#text_desno p strong, #text_desno2 p strong{
			color: #00304b;
			}
		#text_desno li a:hover, #text_desno2 li a:hover{
			color: #4c90cd;
			font-weight: bold;
			}		
			
		#text_desno a, #text_desno2 a 	{
			color: #00304b;
			}
		
		#text_desno a:hover, #text_desno2 a:hover{
			color: #4c90cd;
			font-weight: bold;
			}
		
		#text_desno li, #text_desno2 li {		
			list-style: disc inside;
			text-indent: 2em;
			clear:none;
			color: #00304b;
			}	
		#text_desno li strong, #text_desno2 li strong {		
			color: #00304b;
			}
		
		div.centar {
			text-align:center !important;
			}
		div.bottom {
			vertical-align:bottom !important;
			}
		div.gore {
			border-left: 1px solid #FF0000;
			border-top: 1px solid #FF0000;
			border-right: 1px solid #FF0000;
			}
		div.gore {
			border-left: 1px solid #FF0000;
			border-bottom: 1px solid #FF0000;
			border-right: 1px solid #FF0000;
			}
/****************************************
DEFINIRANJE POLJA ZA UNOS TEKSTA 
*****************************************/
			
	.button {
		background-color: #cfdbec; color: #13365a; min-width: 8em; min-height: 1.7em;
		border-left: 3px solid #e7e7e7;
		border-top: 3px solid #e7e7e7;
		border-right: 3px solid #13365a;
		border-bottom: 3px solid #13365a;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		}

	input{
		background-color: #cfdbec; color: #13365a;
		border-right: 2px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-left: 2px solid #13365a;
		border-top: 2px solid #13365a;
		-webkit-border-radius: 3px;
		-moz-border-radius: 32px;
		border-radius: 3px;

		}
	textarea {
		background-color: #cfdbec; color: #13365a;
		border-right: 2px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-left: 2px solid #13365a;
		border-top: 2px solid #13365a;
		cursor: text;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	
	select {
		background-color: #cfdbec; color: #13365a;
		border-right: 2px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-left: 2px solid #13365a;
		border-top: 2px solid #13365a;
		cursor: pointer;		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
		
/******************************************************/	
/*			TOOLTIP													
/******************************************************/		
		#tooltip {
			margin:50px auto; width:500px; z-index: 95;}
		.hotspot {
			color: #000; padding-bottom:1px; cursor:pointer;  overflow: visible; z-index: 95; font-style: italic;}
		.hotspot, strong {
			color: #000; font-weight: bold; z-index: 95;
			}
			
		#tt {
			position:absolute; display:block;  border: 2px solid #13365a; border-radius: 4px; background: #b4c6d9; 
			font-size: 75%; z-index: 95;	
			/* background:url(../_script/images/tt_left.gif) top left no-repeat */ }

		#ttcont {
			display:block; padding:2px 12px 3px 7px; margin-left:5px; background: #b4c6d9; color: #000; 
			 z-index: 95;	}

/****************************************
DEFINIRANJE FOOTERA - PODNOŽJA 
*****************************************/
			
.footer { /* podnožje, kontakt informacije */
	width: 982px;
	min-height:60px;
	background: #fff; /* #c3c3c4; */
	position: relative;
	margin: 0 auto;
	padding: 10px;
	top: 15px;
	border-left: 1px solid #e1e1e2;
	border-top: 1px solid #e1e1e2;
	border-bottom: 4px solid #c3c3c4;
	border-right: 4px solid #c3c3c4 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	}
.footer_left { /* lijevi dio podnožja, - telefonski kontakti */
	position: relative;
	float:left;
	width:220px;
   color:#000;
   font-weight: normal;
   }

.footer_center { /* lijevi dio podnožja, - telefonski kontakti */
	position: relative;
	margin: 0 auto;
	width: 460px;
	padding-top:18px;
	}

.footer_right { /* lijevi dio podnožja, - telefonski kontakti */
	position: relative;
	float: right;
	width: 220px;
   color:#000;
   text-align: right;
   }

#topOfPage {
   position: relative;
   height: 18px;
   padding: 0 10px 10px;
   width: 1002px;
   margin: 0 auto;
	}
	
#topOfPage a {
   padding: 12px 0 5px 15px;
   text-decoration: none;
   height: 22px;
   color: #f1f1f1;
   width: 95px;
   display: block;
   background:none;
	}
	
#topOfPage a:hover, a:active {
	color:#4c90cd;
	} 

hr#footer_hr {
	color: #808285;
	}
	
a:link.foot, a:visited.foot {
	color: #000;
	float: right;
	padding: 4px 5px 4px 5px;
	display: block;
	width: auto;
	}	
	
a:active.foot, a:hover.foot {
	color: #4c90cd;
}	

td.center {
	text-align:center;
}
td.left {
	text-align:left;
}
td.right {
	text-align:right;
}