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

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

body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #ebe3cb url("../../images/bg.jpg") repeat-y 50% 0%;
	font: normal 0.75em "Trebuchet MS", Arial, sans-serif;
}

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

p
{
	margin: 0px 0px 10px 0px;
}

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

a
{
	outline: none;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


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

#wrapper-container
{
	background: url("../../images/bg_wrapper.jpg") repeat-x 0% 0%;
}

#page-container
{
	width: 770px;
	margin: 0px auto;
	text-align: left;
}

#header
{
	height: 75px;
}

#wrapper-content
{
	background-color: #ebe3cb;
	padding: 0px;
}

#menu-sub
{
	height: 48px;
}

#footer
{
	background: url("../../images/bg_footer.jpg") repeat-x 0% 0%;
	text-align: center;
	padding: 15px 0px 15px 0px;
	color: #ebe3cb;
}


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

#header h1
{
	xwidth: 116px;
	height: 56px;
	float: left;
	padding: 0px 0px 0px 57px;
	margin: 0px;
}

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

#header ul
{
	width: 519px;
	height: 69px;
	margin: 0px 0px 0px 241px;
	padding: 0px 0px 0px 6px;
	list-style: none;
	background: url("../../images/bg_top_nav_home.gif") no-repeat 0px 0px;
}
/*
#header.top_1 { background: url("../../images/bg_top_nav_home.gif") no-repeat 241px 0px; }
#header.top_2 { background: url("../../images/bg_top_nav_tower.gif") no-repeat 241px 0px; }
#header.top_8 { background: url("../../images/bg_top_nav_armcad.gif") no-repeat 241px 0px; }
#header.top_14 { background: url("../../images/bg_top_nav_normabase.gif") no-repeat 241px 0px; }
*/
#header ul li
{
	float: left;
	padding: 28px 0px 0px 0px;
}

#header ul li.last
{
	padding-right: 0px;
	margin-right: 0px;
	background: none;
}

#header ul li a
{
	font: bold 1.3em "Trebuchet MS", Arial, sans-serif;
	color: #023356;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 10px 0px 8px 0px;
}

#header ul li a.nav_1	{	width: 111px; font-size: 1.5em; }
#header ul li a.nav_2	{	width: 108px; }
#header ul li a.nav_8	{	width: 122px; }

#header ul li a.nav_14	
{	
	font: bold 1.3em "Trebuchet MS", Arial, sans-serif;
	line-height:90%;
	width: 160px; 
}

#header ul li a:hover, #header ul li.active a
{
	color: #fff;
}

/*---- Sub menu ----*/

#menu-sub.show
{
	background: url("../../images/bg_sub_menu.jpg") no-repeat 100% 0%;
}

#menu-sub ul
{
	margin: 0px 0px 0px 270px;
	padding: 2px 0px 0px 0px;
	list-style: none;
}

#menu-sub ul li
{
	float: left;
	margin: 0px 30px 0px 0px;
}

#menu-sub ul li a
{
	font: bold 1.0em/145% "Trebuchet MS", Arial, sans-serif;
	color: #000;
	text-decoration: none;;
}

#menu-sub ul li a:hover, #menu-sub ul li a.active
{
	color: #fff;
}


/*---- Templates ----*/

#template-home
{
	padding: 0px 10px 10px 10px;
	background: url("../../images/bg_template_home.gif") repeat-y 10px 0px;
	border-bottom: 10px solid #ebe3cb;
}

#template-home #template-news
{
	float: left;
	width: 213px;
	margin: 0px;
	background-color: #f5f1e4;
}

#template-home #template-news .inner
{
	font: normal 0.9em/130% "Trebuchet MS", Arial, sans-serif;
	padding: 10px;
}

#template-home #template-news .signature
{
	font: normal 1.0em/145% "Trebuchet MS", Arial, sans-serif;
	padding: 10px;
}

#template-home #template-news a
{
	color: #000;
}

#template-home h1
{
	font: bold 2.0em "Trebuchet MS", Arial, sans-serif;
	color: #c6c3ac;
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 4px 0px;
	text-transform: uppercase;
	background-color: #a0aa8f;
	text-align: center;
	background: url("../../images/bg_h1_213.gif") no-repeat 0% 0%;
}

#template-home #template-content
{
	float: left;
	width: 521px;
	margin: 0px 11px 0px 0px;
	background-color: #f5f1e4;
}

#template-home #template-content .inner
{
	margin: 0px;
	padding: 15px;
}

#template-left
{
	padding: 0px 10px 10px 10px;
}

#template-left #template-content
{
	float: left;
	width: 490px;
	margin: 0px 20px 0px 0px;
}

#template-home #template-content h1
{
	padding-left: 20px;
	text-align: left;
	background: url("../../images/bg_h1_521.gif") no-repeat 0% 0%;
}

#template-left #template-gallery
{
	float: left;
	width: 230px;
}

#template-left #template-gallery .head-link
{
	display: block;
	font: bold 1.4em "Trebuchet MS", Arial, sans-serif;
	color: #fff;
	margin: 0px 0px 15px 0px;
	padding: 7px 0px 7px 0px;
	background-color: #a0aa8f;
	text-align: center;
	text-decoration: none;
	background: url("../../images/bg_h1_230.gif") no-repeat 0% 0%;
}

#template-left #template-gallery .head-link em
{
	font: normal 1.8em "Trebuchet MS", Arial, sans-serif;
	color: #fff;
	float: left;
	margin: -10px -32px 0px 32px;
}


#template-left #template-gallery .head-link:hover
{
	background: url("../../images/bg_h1_230_hover.gif") no-repeat 0% 0%;
}

#template-left #template-content h1
{
	background: url("../../images/bg_h1_490.gif") no-repeat 0% 0%;
}

#template-left #template-gallery img
{
	display: block;
	margin: 0px 0px 10px 0px;
}

#template-center
{
	padding: 0px 10px 10px 10px;
}

#template-center #template-content h1
{
	background: url("../../images/bg_h1_750.gif") no-repeat 0% 0%;
}

#template-center #content-text h1
{
	background: none;
}

#template-center #content-text h1 span
{
	font: bold 0.7em "Trebuchet MS", Arial, sans-serif;
	display: block;
}

#template-center #content-text .gallery img
{
	display: block;
	margin: 0px 10px 10px 0px;
	float: left;
}

.tip {
	width: 250px; 
  position: absolute;
	z-index: 9999;
  visibility: hidden; 
	color: #333333; 
	top: 20px;
  left: 90px;
	border: 2px solid #a0aa8f;
	background-color: #f5f1e4;
	padding: 10px;
}


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

.title
{
	font: bold 2.0em "Trebuchet MS", Arial, sans-serif;
	color: #c6c3ac;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-transform: uppercase;
	background-color: #a0aa8f;
}

#title-news
{
	font: bold 2.0em "Trebuchet MS", Arial, sans-serif;
	color: #c6c3ac;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-transform: uppercase;
	background-color: #a0aa8f;
}

#title-home
{
	font: bold 1.4em "Trebuchet MS", Arial, sans-serif;
	color: #c6c3ac;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 4px 50px;
	text-transform: uppercase;
	background: url("../../images/bg_title_home.gif") repeat-y 0% 0%;
}

.title span
{
	padding-left: 15px;
}

#content-text
{
	xmargin: 0px 10px 0px 10px;
	padding: 15px;
	background-color: #f5f1e4;
}

.content-extract
{
	border: 3px solid #a0aa8f;
	padding: 15px;
	margin-bottom: 20px;
}

#template-home #content-text
{
	background-color: #ffffff;
}

#content-text .text-green
{
	color: #a0aa8f;
}

#content-text .text-black
{
	color: #000;
}

#content-text h1
{
	font: bold 1.6em "Trebuchet MS", Arial, sans-serif;
	color: #a0aa8f;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content-text h2
{
	font: bold 1.3em/145% "Trebuchet MS", Arial, sans-serif;
	color: #a0aa8f;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content-text a
{
	font-weight: normal;
	color: inherit;
}

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

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

#content-text ul li
{
	padding: 0px 0px 10px 0px;
}

#content-text ul.style1 li
{
	background: url("../../images/bullet_1.gif") no-repeat 0px 4px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 13px;
}

#content-text .box-first
{
	border: 1px solid #a0aa8f;
	background-color: #ebe3cb; 
	padding: 15px;
}

#content-text .box-second
{
	border: 1px solid #a0aa8f;
	padding: 15px;
}

#content-text .box-first a, #content-text .box-second a
{
	color: #a0aa8f;
}

#content-text table
{
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
}

#content-text table td
{
	padding: 5px 5px 4px 6px;
	text-align: left;
	xborder: 1px solid #cacdb9;
}

#content-text table td.alternate
{
	background-color: #ebe3cb; 
	border: 1px solid #a0aa8f;
}

#content-text-addon
{
	margin: 10px 0px 0px 0px;
	padding: 15px 15px 5px 15px;
	background-color: #a0aa8f;
	color: #fff;
}

#content-text-addon h1
{
	margin-top: 0px;
}

.project-image 
{
	float: left;
	width: 320px;
}

img.project
{
	float: left; 
	margin: 3px 20px 5px 0px;
}


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

#footer a
{
	font: bold 1.0em "Trebuchet MS", Arial, sans-serif;
	color: #ebe3cb;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a.production
{
	ont: normal 0.9em "Trebuchet MS", Arial, sans-serif;
	color: #46483c;
	text-decoration: underline;
	text-transform: none;
}

#footer a:hover, #footer a.active
{
	color: #000;
}

#footer a.production:hover
{
	color: #ebe3cb;
	text-decoration: none;
}


#footer p
{
	font: normal 0.9em "Trebuchet MS", Arial, sans-serif;
	color: #46483c;
	text-decoration: none;
	margin: 5px 0px 0px 0px;
}


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

form
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

label
{
	font: bold 1.0em "Trebuchet MS", Arial, sans-serif;
	color: #a0aa8f;
	display: block;
	width: 100px;
	float: left;
	margin: 2px 0px 0px 0px;
}

label.wide
{
	width: 250px;
	margin: 10px 0px 15px 0px;
}

label.lblcheckbox
{
	width: 100px;
	margin: 10px 0px 15px 0px;
}

input
{
	width: 600px;
	background-color: #ebe3cb;
	border: 1px solid #ebe3cb;
	margin: 0px 0px 5px 0px;
	font: bold 1.0em "Trebuchet MS", Arial, sans-serif;
	color: #000;
	padding: 2px;
	
}

input.checkbox
{
	width: 30px;
	float: left;
	margin: 12px 0px 15px 0px;
	background-color: #f5f1e4;
	border: 1px solid #f5f1e4;
}



textarea
{
	width: 600px;
	height: 100px;
	background-color: #ebe3cb;
	border: 1px solid #ebe3cb;
	margin: 0px 0px 5px 0px;
	font: bold 1.0em "Trebuchet MS", Arial, sans-serif;
	color: #000;
	padding: 2px;
}

input.submit
{
	width: 120px;
	float: right;
	background-color: #a0aa8f;
	border: 1px solid #a0aa8f;
	margin: 10px 14px 5px 0px;
	font: bold 1.0em "Trebuchet MS", Arial, sans-serif;
	color: #f5f1e4;
	padding: 2px;
}

.prazno { display: none; }