/********************************************************
*																												*
*   CSS file - http://www.vertiko.hr/										*
*   Copyright (c) Dobbin, 2008.													*
*																												*
********************************************************/

/*---- Base ----*/

body
{
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	background: #e6e5d6 url("../../images/bg.jpg") fixed no-repeat 50% 0%;
	font: normal 0.75em/145% Verdana, Arial, sans-serif;
}

html
{
	color: #bbc8d8;
	text-decoration: none;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 145%;
}

.clear
{
	clear: both;
	font-size: 0.1em;
	height: 1%;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

a
{
	outline: none;
	color: #bbc8d8;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}


/* Layout
-----------------------------------------------------*/

#page-container
{
	background: url("../../images/bg_container_bottom.gif") no-repeat 50% 100%;
}

#page-container .inner
{
	background: url("../../images/bg_container_top.gif") no-repeat 50% 0%;
}

#page-wrapper
{
	width: 940px;
	margin: 0px auto;
	background: #202a3b url("../../images/bg_wrapper_bottom.jpg") no-repeat 0% 100%;
}

#page-wrapper .inner
{
	background: url("../../images/bg_wrapper_top.jpg") no-repeat 0% 0%;
	padding: 19px;
	text-align: left;
}

#header
{	
	height: 289px;
}

#content-container
{
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}

#content-pictures
{
	width: 180px;
	float: left;
	margin: 0px 29px 0px 0px;
}

#content-text
{
	font: normal 1.0em Arial, Verdana, sans-serif;
	width: 415px;
	float: left;
	margin: 0px 28px 0px 0px;
}

#content-text-info
{
	font: normal 1.0em Arial, Verdana, sans-serif;
	width: 350px;
	float: right;
	margin: 0px 28px 0px 0px;
}

#content-container-wide
{
	padding: 0px 30px 0px 28px;
}

#content-text.wide
{
	width: 624px;
}

#content-nav
{
	width: 248px;
	float: left;
}



/* Header
-----------------------------------------------------*/

.rad_na_visini-hr 	{ background: url("../../images/headers/rad_na_visini.jpg") no-repeat 0% 0%; }
.oprema-hr 					{ background: url("../../images/headers/oprema.jpg") no-repeat 0% 0%; }
.obuka-hr 					{ background: url("../../images/headers/obuka.jpg") no-repeat 0% 0%; }
.reference-hr 			{ background: url("../../images/headers/reference.jpg") no-repeat 0% 0%; }
.o_nama-hr 					{ background: url("../../images/headers/o_nama.jpg") no-repeat 0% 0%; }
.usluge-hr 					{ background: url("../../images/headers/usluge.jpg") no-repeat 0% 0%; }
.kontakt-hr 				{ background: url("../../images/headers/kontakt.jpg") no-repeat 0% 0%; }
.izvodjenje-hr			{ background: url("../../images/headers/usluge.jpg") no-repeat 0% 0%; }

.rad_na_visini-en 	{ background: url("../../images/headers/rad_na_visini_en.jpg") no-repeat 0% 0%; }
.oprema-en 					{ background: url("../../images/headers/oprema_en.jpg") no-repeat 0% 0%; }
.obuka-en 					{ background: url("../../images/headers/obuka_en.jpg") no-repeat 0% 0%; }
.reference-en				{ background: url("../../images/headers/reference_en.jpg") no-repeat 0% 0%; }
.o_nama-en 					{ background: url("../../images/headers/o_nama_en.jpg") no-repeat 0% 0%; }
.usluge-en 					{ background: url("../../images/headers/usluge_en.jpg") no-repeat 0% 0%; }
.kontakt-en 				{ background: url("../../images/headers/kontakt_en.jpg") no-repeat 0% 0%; }
.izvodjenje-en			{ background: url("../../images/headers/usluge_en.jpg") no-repeat 0% 0%; }

#header h1
{
	margin: 0px;
	padding: 43px 0px 0px 54px;
	height: 122px;
}

#header h1 a
{
	display: block;
	text-indent: -9999px;
	background: url("../../images/logo.gif") no-repeat 0% 0%;
	width: 123px;
	height: 122px;
}

#header em
{
	float: right;
	text-align: right;
	background: url("../../images/bullet_lan.gif") no-repeat 0px 10px;
	margin: 87px 20px 0px 0px;
	padding: 7px 0px 0px 12px;
	font: normal 0.8em Arial, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
}

#header em a
{
	color: #e94c00;
	text-decoration: none;
}

#top-nav {
  position: relative;
	height: 27px;
  padding: 15px;
	margin: 72px 0px 0px 0px;
  overflow: hidden;
}

#top-nav li {
  float: left;
  list-style: none;
	background: url("../../images/menu_divider.gif") no-repeat center left;
}

#top-nav li.back {
  background: url("../../images/bg_topMenu.gif") no-repeat right -27px;
  width: 2px; 
	height: 27px;
  z-index: 8;
  position: absolute;
}

#top-nav li.back .left {
  background: url("../../images/bg_topMenu.gif") no-repeat top left;
  height: 27px;
  margin-right: 2px; /* 1px is the width of the rounded shape */
}

#top-nav li a {
  font: normal 0.8em Arial, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
  text-align: center;
  top: 7px;
  z-index: 10;
  display: block;
  float: left;
  height: 27px;
  position: relative;
  overflow: hidden;
	padding: 0px 14px 0px 14px;
}

#top-nav li a:hover, #top-nav li a:active, #top-nav li a:visited {
    border: none;
}




/* Content pictures
-----------------------------------------------------*/

#content-pictures img
{
	display: block;
	border: 4px solid #fff;
	margin: 0px 0px 33px 0px;
}

.imgContent
{
	display: block;
	border: 1px solid #404F67;
	margin-right: 20px;
	float: left;
}


/* Content text
-----------------------------------------------------*/

#content-text h1, #content-text-info h1, #content-container-wide h1
{
	font: bold 1.7em Arial, Verdana, sans-serif;
	color: #fff;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #2e3c51;
	text-transform: uppercase;
}

#content-text h2, #content-text-info h2
{
	font: bold 1.2em Arial, Verdana, sans-serif;
	color: #ff5401;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

#content-text h3, #content-text-info h3
{
	font: bold 1em Arial, Verdana, sans-serif;
	color: #FF5401;
	margin: 20px 0px 5px 0px;
	text-transform: uppercase;
}

#content-text h1 em, #content-text h2 em, #content-text h3 em, #content-container-wide h1 em, #content-container-wide h2 em
{
	font-style: normal;
	text-transform: none;
}

#content-text p span, #content-text a, #content-text-info p span, #content-text-info a
{
	color: #fff;
}

#content-text ul
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#content-text ul.sublist
{
	margin: 10px 0px 10px 20px;
	padding: 0px;
	list-style: none;
}

#content-text ul li
{
	background: url("../../images/bullet_1.gif") no-repeat 0px 6px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 12px;
	line-height: 140%;
}

#content-text ol li
{
	margin: 5px 0px 5px 0px;
	line-height: 120%;
}

#content-text .item
{
	width: 415px;
	float: right;
}

#content-text.wide img
{
	float: left;
	display: block;
	border: 4px solid #fff;
	margin: 23px 0px 33px 0px;
}

#content-text.wide img.noMarginTop
{
	margin-top: 3px;
}



/* Content nav
-----------------------------------------------------*/

#content-nav .item
{
	background: #2e3c51 url("../../images/bg_content_nav_item_bottom.gif") no-repeat 0% 100%;
	margin: 0px 0px 10px 0px;
}

#content-nav .item .inner
{
	background: url("../../images/bg_content_nav_item_top.gif") no-repeat 0% 0%;
	padding: 12px;
}

#content-nav .item h1
{
	background: url("../../images/bg_nav_h1_bottom.gif") no-repeat 0% 100%;
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #fff;
	margin: 0px;
	text-transform: uppercase;
	height: 1%;
}

#content-nav .item h1.second
{
	margin: 15px 0px 0px 0px;
}

#content-nav .item h1 span, #content-nav .item h1 a
{
	display: block;
	background: url("../../images/bg_nav_h1_top.gif") no-repeat 0% 0%;
	padding: 8px 10px 8px 10px;
	color: #fff;
	text-decoration: none;
}

#content-nav .item ul
{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#content-nav .item ul li
{
	background: url("../../images/bg_line_nav.gif") no-repeat 0% 100%;
}

#content-nav .item ul li a
{
	display: block;
	background: url("../../images/bullet_nav.gif") no-repeat 9px 10px;
	font: normal 0.8em Arial, Verdana, sans-serif;
	padding: 5px 0px 6px 19px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	height: 1%;
}

#content-nav .item ul li a:hover
{
	background: #475a78 url("../../images/bullet_nav.gif") no-repeat 9px 10px;
	color: #fff;
}

#content-nav .banner img
{
	display: block;
}

#content-nav .banner a.foot
{
	display: block;
	background: url("../../images/bullet_2.gif") no-repeat 230px 14px;
	font: bold 1.2em Arial, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0px 10px 20px;
}


/* Content tables
-----------------------------------------------------*/

#table_tecajevi
{
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 7px;
}

#table_tecajevi td
{
	font: normal 1em Arial, Verdana, sans-serif;
	color: #BBC8D8;
	padding: 7px;
	text-align: left;
	background-color: #242F40;	
	border: 1px solid #404F67;
}

#table_tecajevi td.duration
{
width: 50px;
}

#table_tecajevi td.title
{
width: 130px;
}

#table_tecajevi td a
{
	font: bold 0.9em Arial, Verdana, sans-serif;
	color: #fff;
	text-decoration: underline;
}

#table_tecajevi td a:hover
{
	text-decoration: none;
}

/* Foot nav
-----------------------------------------------------*/

#foot-nav
{
	width: 415px;
	margin: 25px 0px 0px 209px;
	font: normal 1em Arial, Verdana, sans-serif;
	color: #717e8f;
	border-top: 1px solid #2e3c51;
	padding-top: 5px;
}

#foot-nav a
{
	font: normal 0.9em Arial, Verdana, sans-serif;
	color: #717e8f;
	text-decoration: none;
}

#foot-nav a:hover
{
	color: #fff;
}



/* Footer
-----------------------------------------------------*/

#footer
{
	margin: 20px 0px 0px 0px;
}

#contact-info
{
	background: #202a3b url("../../images/bg_contact_info.jpg") no-repeat 0% 100%;
	padding: 0px 0px 10px 0px;
}

#contact-info h1
{
	height: 1%;
	background: #202a3b url("../../images/bg_contact_info_title.jpg") no-repeat 0% 0%;
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 8px 25px;
	text-transform: uppercase;
}

#contact-info h2
{
	font: bold 0.9em Arial, Verdana, sans-serif;
	color: #ff5401;
	margin: 0px 0px 10px 0px;
}

#contact-info p
{
	font: normal 0.9em/160% Arial, Verdana, sans-serif;
}

#contact-info a
{
	color: #fff;
}

#contact-info ul
{
	margin: 15px 0px 15px 0px;
	padding: 0px 20px 0px 25px;
	list-style: none;
}

#contact-info ul li
{
	float: left;
	width: 200px;
	margin: 0px 35px 0px 0px;
	border-right: 1px solid #344257;
}

#contact-info ul li.welcome
{
	width: 310px;
}

#contact-info ul li.contact
{
	border: none;
}

#copyright
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#copyright li
{
	float: left;
	font: normal 0.9em Arial, Verdana, sans-serif;
}

#copyright li.owner
{
	float: right;
}

#copyright li a, #copyright li strong
{
	font: bold 1.0em Arial, Verdana, sans-serif;
}



/* Forms
-----------------------------------------------------*/

fieldset 
{
	font: normal 0.90em Arial, Verdana, sans-serif;
	border:1px solid #445368;
	margin-bottom: 10px;
	padding: 15px;
}
	
fieldset#test
{
	border:1px solid #445368;
	margin-bottom: 10px;
	padding: 15px;
}
	
fieldset#test p
{
	font: bold 1.1em Arial, Verdana, sans-serif;
	margin: 8px 0px 8px 0px;
}

fieldset#test label
{
	width: 350px;
	float: left;
	margin: 3px 0px 0px 0px;
}

fieldset#test input
{	
	margin: 6px 0px 4px 0px;
}

fieldset#test label.custom1
{
	width: 200px;
	margin: 0px 0px 15px 0px;
}

fieldset#test label.custom2
{
	margin: 0px 0px 5px 0px;
}

fieldset#test em
{
	background-color: #2b3545;
	display: block;
	margin: 0px;
	padding: 10px 5px 10px 10px;
	margin: 0px 0px 10px 0px;
}

fieldset#test em.alternate
{
	background: none;
}

fieldset#test select
{
	width: 60px;
	font: normal 1.1em Arial, Verdana, sans-serif;
}


	
fieldset#test ol
{
	color: #fff;
	font: normal 1em Arial, Verdana, sans-serif;
	padding: 8px 0px 8px 30px;
	margin: 0px;
}
	
fieldset#test span
{
	color: #fff;
	margin: 0px 5px 0px 5px;;
}
	
form
{
		margin: 0px;
		padding: 0px;
}

label 
{
	font: bold 1em Arial, Verdana, sans-serif;
	color: #BBC8D8;
}
	
legend 
{
	font: normal 1em Arial, Verdana, sans-serif;
	color: #BBC8D8;
	margin: 0px;
}
	
.inputField 
{
	font: normal 1.1em Arial, Verdana, sans-serif;
	color: #fff;
	margin: 5px 0 8px 0;
	border: 1px solid #445368;
	background: #374962;
	width: 375px;
}
	
textarea
{
	font: normal 1.1em Arial, Verdana, sans-serif;
	color: #fff;
	border: 1px solid #445368;
	background: #374962;
	width: 375px;
	margin: 12px 0px 12px 0px;
}
	
.submitButton

	{
	display: block;
	font: bold 1em Arial, Verdana, sans-serif;
	text-transform: uppercase;
	padding: 3px;
	color: #fff;
	width: 100px;
	background-color: #FF5401;
	border: none;
	}
	
.submitButton:hover
{
	background-color: #374962;
}