*{
	margin:0;
	padding:0;
	border:0;
	outline: none;
	font-weight: normal
}
ul { list-style: none; }
img {border:0px}

html {background-color: #fcfcfd;}

body {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	text-align:left;
	line-height:1em;
	font-size: 68%;
	background-image: url(../images/header-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#contentContainer {
	width:698px;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
}
#content {
	margin-top:50px;
	padding-bottom: 15px;
	margin-right: 20px;
}
#logo {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#mainMenu {
	float:right;
	width:200px;
	margin-top:30px;
	padding:0px;
	border-top:solid 1px #dfdbd3;
}
#header {
	width:100%;
	margin-top: 0px;
	overflow:hidden;
	border:solid 1px #dfdbd3;
	height: 259px;
	background-image: url(../images/header-index.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headerLaptop {position:absolute; z-index:10; top: 86px;}

#headerDescriptionRow {position:absolute; z-index:11; top: 0px}

/* Footer */
.footer{
	width:900px;
}

.footerContainer {
    width: 100%;
    text-align: center;
    background-color: #f6f6f6; /* po želji */
    padding: 15px 0;
}

.footer .copyText span {
    font-size: 12px; /* povećaj po želji, npr. 16px */
    color: #444;     /* ili neka tvoja boja */
}

.footer a {
    color: #007acc;  /* link u plavoj, po želji */
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

#description {
	padding-top:40px;
}
.menuTop {
	float:right;
	margin-top:20px;
	padding-top:40px
}
.menuLang {
	float:left;
	margin-left:83px;
	margin-top:60px;
}
/*
----------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------
*/
#navmenus {}
#navmenus li a{
	color:#5178ae;
	text-align:center;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	text-transform:uppercase;
	border-bottom:solid 1px #dfdbd3;
	font-size:100%;
	letter-spacing: 1px;
}
#mainMenu ul, #navmenusTech ul{
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0px;
	font-weight:normal;
}
#mainMenu li a, #navmenusTech li a{
	display:block;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	line-height: 1.1;
}
#navmenus li a:hover{
	color:#76af50;
	line-height: 1.1;
}
#mainMenu li, #navmenusTech li{
	list-style:none;
	padding-top: 1px;
	padding-bottom: 1px;
}
#mainMenu, #navmenusTech {
	list-style:none;
	padding-top: 1px;
	padding-bottom: 1px;
}
#navmenusTech li a{
	color:#76af50;
	text-align:center;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:solid 1px #dfdbd3;
	font-size:100%
}
#navmenusTech li a:hover{
	color:#4970a7;
	line-height: 1.1;
}
.menuTop ul {
	padding: 0px;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0px;
}
.menuTop li, .menuLang li {display: inline; font-size:130%}

.menuTop li a{
	width:120px !important;
	min-width:120px !important;
	display:block;
	color: #4970a7;
	text-decoration: none;
	text-align: center;
	float: right;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color:#e9e3d7;
	font-weight:normal
}
.menuTop li a:hover{
	color: #76af50;
}
.menuLang ul {
	padding: 0px;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0px;
}
.menuLang li a{
	width:28px !important;
	min-width:28px !important;
	display:block;
	color: #5178ae;
	text-decoration: none;
	text-align: center;
	float: left;
	margin-left: 2px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight:normal;
	border-left:solid 2px #dfdbd3
}
.menuLang li a:hover{
	color: #76af50;
}
/*
----------------------------------------------------------------------------
CLEARING OF FLOATS
----------------------------------------------------------------------------
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix{display:inline-table} /* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block} /* End hide from IE-mac */
.clear {
	clear:both;
	margin: 0px;
	padding: 0px;
}
/*
----------------------------------------------------------------------------
TYPOGRAPHI
----------------------------------------------------------------------------
*/
p {
	font-size:1.3em !important;
	line-height:1.4em !important;
	text-align:left;
	margin-top:0px;
	margin-bottom:12px;
	color:#77797d;
	padding-top: 6px;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
}
a {
	color:#4970a7;
	text-decoration:none;
	font-weight:900;
	outline: none;
	font-size:80%
}
a:hover{
	color:#76af50;
	text-decoration:none;
}
strong {
	font-weight: bold;
}
h1 {
	font-size:2.3em !important;
	line-height:1.3em !important;
	font-weight:normal;
	color:#cd7708;
	text-align:left;
	margin-bottom: 15px;
	text-transform: none;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: 2px;
}
h2 {
	font-size:1.7em !important;
	line-height:1.3em !important;
	font-weight:normal;
	color:#cd7708;
	text-align:left;
	margin-top: 15px;
	margin-bottom:15px;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: 2px;
}
#content ul {
	font-size:1.3em !important;
	line-height:1.5em !important;
	text-align:left;
	margin-top:10px;
	margin-bottom:15px;
	margin-left: 37px;
	color: #77797d;
}
#content ol {
	font-size:1.5em !important;
	line-height:1.5em !important;
	text-align:left;
	margin-top:10px;
	margin-bottom:15px;
	margin-left: 25px;
	color: #77797d;
}
#content ol li {
	margin-right: 30px;
	line-height:1.2em !important;
	margin-bottom:7px;
	list-style:decimal
}
#content ol li a {
	margin-right: 30px;
	line-height:1.2em !important;
	margin-bottom:7px;
	list-style:decimal;
	font-weight: bold;
	color: #77797d;
}
#content ol li a:hover {
	color: #4970a7;
}
#content ol li li {
	list-style-type: circle;
	font-size:65% !important;
	line-height:1.2em !important;
	text-align:left;
	margin-bottom:7px;
	margin-left: 0px;
}
#content li {
	margin-right: 15px;
	list-style-type: circle;
	line-height:1.2em !important;
	margin-bottom:7px;
	margin-left: 52px;
}
#content ul li li {
	margin-right: 30px;
	list-style-type: square;
	font-size:68% !important;
	line-height:1.2em !important;
	text-align:right;
	margin-bottom:7px
}
.footer div.copy {
	font-size: 0.9em;
}
.footer div.copyText {
	font-family:"Trebuched MS", Arial Unicode MS, Helvetica, sans-serif;
	text-align: right;
	font-size: 0.9em;
	margin: 0px;
	padding-top: 15px;
}
.footer div.copyText span {background-color:#fff; padding-left:5px;  padding-left:5px}
.footer div.copyText span a {color:#5178ae; font-size:100%}

.subTitle {
    font-size:1.4em !important;
	line-height:1.4em !important;
	font-weight:bold;
	color:#003e7e;
	text-align:right;
	margin-top: 60px;
	vertical-align: middle;
}
.headerDescription {
	margin-top:346px;
	text-align:left;
	font-size:18px;
	color:#4970a7;
	font-weight: normal;
	line-height: 28px;
	letter-spacing: 2px;
}
.headerDescription span {
	background-color:#FFFFFF;
	height: 30px;
	width: auto;
	margin-left: 256px;
	padding: 4px;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #77797d;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 2.3em;
	text-decoration: none;
	line-height: 1.3em;
	font-style: italic;
	text-align: left;
	background-image: url(../images/bracket.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: auto;
	padding-left: 60px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.line {
	border-bottom:solid 1px #dfdbd3;
	width:100%
}
.pictureTitle {
	font-size: 100%;
	margin-bottom:15px;
	text-align: left;
	margin-top: 5px;
	color: #77797d;
	padding-left: 56px;
}
/*
----------------------------------------------------------------------------
PICTURE
----------------------------------------------------------------------------
*/
.pictures {}
.pictures, .pictures #contentColPic {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pictures #contentColPic #screenThumb   {
	text-align:center;
	margin-right:0px;
	padding: 0px;
	margin-top: 0px;
}
.pictures #contentColPic #screenThumb .pictureBox {
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.pictures #contentColPic #screenThumb .pictureBox #thumb img {
	display: block;
	width: 200px;
	margin: 0px;
	padding:5px;
	border:solid 1px #dfdbd3
}
.pictures #contentColPic #screenThumb .pictureBox #thumb img:hover {
	border:solid 1px #5178ae
}
.title {
	margin-top: 7px;
	font-size: 100%;
	color:#77797d
}
.numbers{
	font-size:50px;
	color:#dfdbd3;
	padding-top:0px;
	padding-bottom:30px;
	text-align:right;
	float:left;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.3ex;
	display: block;
	clear: right;
	margin-right: 15px;
	width: 80px;
}
/*
----------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------
*/
form {
	padding:0px;
	margin:0px
}
textarea, input {
	font-size: 1.1em;
	font-family:"Trebuchet MS", Arial, sans-serif
}
.font{
	width:100%;
	clear: left;
	font-size:1.2em;
	padding-top: 10px;
	text-align: right;
}
.cssform label{
	float: left;
	width: 250px;
	margin-top:2px;
	margin-right: 10px;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 130px;
	float:left;
	border: 1px solid #dfdbd3;
	padding-left:2px;
	padding-right:2px
}
.cssform input {
	width: 130px;
	float:left;
	border: 1px solid #dfdbd3;
	padding-left:2px;
	padding-right:2px
}
.cssform input.buttonSend {
	width: 100px;
	height: 20px;
	background-color:#eaf2e3;
	float:left;
	margin-top:5px;
	cursor:pointer;
	margin-right:10px
}
.cssform input.buttonClear { 
	width: 100px;
	height: 20px;
	background-color:#d6d6d6;
	float:right;
	margin-top:5px;
	cursor:pointer
}
.cssform textarea{
	width: 250px;
	height: 150px;
	border: 1px solid #d6d6d6;
	padding:2px;
	float:left;
}
.cssred {
	color:#B7131E;
	padding-top:30px;
	clear:right
}