* {margin:0; padding:0;}

body {
	background-color:#013d5a;
	margin:0;
	min-width:760px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F2EDE3;
	background-image: url(../img/poz.jpg);
	background-position:center;
	background-repeat:repeat-y;}
a {text-decoration:none; color:#D51C3B;}
a:hover { color:#D51C3B;}

#header {
	width:100%;
	height:81px;
	background-image:url(../img/poz-top.jpg);
	background-repeat:repeat-x;}
	#headerContent {position:relative; width:760px; margin:auto}
	#logo {float:left;}

/*----------------------------------------------------------------------*/
/*--------------------- MENU -------------------------------------------*/
/*----------------------------------------------------------------------*/

#topMenu ul {list-style:none; margin:0;	padding:0 8px;}
#topMenu  li {float:right; text-align:center;}
#topMenu ul li a {
	display:block;
	text-decoration:none;
	padding:24px 8px 5px 8px;
	margin-left:3px;
	font-size:14px;
	float:left;
	background-color:#02364e;
	color:#FFFFFF;
	border:#02364e solid 1px;}
#topMenu ul li a:hover{
	text-decoration:none;
	background-color:#024564;
	border:#024564 solid 1px;
	border-bottom:#009eda solid 1px;}
#lang {float:right;	clear:right; padding:19px 10px 0 0;}

/*----------------------------------------------------------------------*/
/*--------------------- CONTENT ----------------------------------------*/
/*----------------------------------------------------------------------*/

#content {
	width:760px;
	overflow:auto;
	clear:both;
	margin:auto;
	background-color:#01334a;
	background-image: url(../img/novo-poz.jpg);
	background-position:top;
	background-repeat:no-repeat;}
#portfolioContent {
	width:760px;
	overflow:auto;
	margin:auto;
	padding:5px 0 0 0;
	background-color:#01334a;}
#clear {clear:both;	height:42px; text-align:right}


/*----------------------------------------------------------------------*/
/*----------------------------- NOVO -----------------------------------*/
/*----------------------------------------------------------------------*/


#novo {float:left; padding:0; margin:0;}
#novoVise {
	float:right;
	display:block;
	width:228px;
	text-align:left;
	margin:3px 4px 0 0;
	padding:5px 3px 5px 0;
	clear:right;}
	#novoVise a {font-size:18px; color:#ffffff;}
	#novoVise a:hover {color:#D51C3B;}
	#novoVise p {line-height:14px;}
	
	
/*----------------------------------------------------------------------*/
/*---------------------------- KOLONE ----------------------------------*/
/*----------------------------------------------------------------------*/

/* NASLOVNA STRANA */

#kolone {
	width:750px;
	overflow:auto;
	display:block;
	clear:both;
	padding-top: 5px;
	background-image:url(../img/kolone-poz.jpg);
	background-position:top;
	background-repeat:no-repeat;}
	#kolona1, #kolona2 {
		float:left;
		width:470px;
		overflow:auto;
		display:block;
		text-align:left;
		padding:10px 5px 0 10px;	}
	#kolona3 {
		float:right;
		width:230px;
		overflow:auto;
		display:block;
		text-align:left;
		padding:10px 5px 5px 5px;	}
	#kolona3 span a{padding-left:25px; color:#D51C3B;}

	#kolona5 {
		float:left;
		width:700px;
		overflow:auto;
		display:block;
		clear:both;
		text-align:justify;
		padding:10px 5px 0 10px;	}
	#kolona6, #kolona8 {
		float:letf;
		width:235px;
		overflow:auto;
		display:block;
		clear:both;
		text-align:left;
		padding:10px 5px 0 10px;	}
	#kolona7 {
		float:right;
		width:230px;
		overflow:auto;
		display:block;
		clear:both;
		text-align:left;
		padding:10px 5px 0 10px;	}
	
	
	#kolona1 h1, #kolona2 h1, #kolona3 h1, #kolona5 h1, #kolona6 h1, #kolona7 h1, #kolona8 h1{font-weight:normal; font-size:19px; color:#0099CC; padding-bottom:5px;}
	#kolona1 ul, #kolona2 ul, #kolona3 ul, #kolona5 ul, #kolona6 ul, #kolona7 ul, #kolona8 ul{font-weight:normal; font-size:14px; margin:10px 0 0 0}
	#kolona1 li, #kolona2 li, #kolona3 li, #kolona5 li, #kolona6 li, #kolona7 li, #kolona8 li{list-style-image:url(../icons/asterisk_yellow.png); margin:0 0 5px 15px;}
	
#kol1Bot1, #kol1Bot2 {
	background-image:url(../img/1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px 10px 12px 10px;
	float:left;
	width:230px;
	text-align:left;}
#kol1Bot2 {padding:35px 10px 12px 10px;}
#kol1Bot2 img{margin-right:5px;}

/* PORTFOLIO STRANA */

#kolona1Portfolio {
		float:left;
		width:480px;
		overflow:auto;
		display:block;
		text-align:left;
		padding:10px 5px 5px 20px;}
#kolona1Portfolio h1{font-weight:normal; font-size:30px; color:#0099CC; padding-bottom:0px; line-height:25px}
#kolona1Portfolio h3 {font-size:16px; font-weight:bold; color:#0099CC; display:inline}
#kolona1Portfolio h4 { font-size:14px; display:inline; color:#0099CC; font-weight:normal}
#kolona1Portfolio p {color:#F2EDE3; font-size:14px}
#kolona1Portfolio a {color:#0099CC;}
#kolona1Portfolio a:hover {color:#D51C3B;}

.port {
	float:left;
	display:block;
	width:477px;
	height:82px;
	background-image:url(../img/port-poz.gif);}
.port-slika {float:right; padding:4px 4px 0 0;}
.port-slika img {border:#000000 solid 1px;}
.port-opis {float:left; width:235px; padding:0 2px 0 4px; text-align:left;}

.port2 {
	float:left;
	display:block;
	width:477px;
	height:82px;
	background-image:url(../img/port-poz.gif);}
.port2-slika {float:left; padding:4px 0 0 4px;}
.port2-slika img {border:#000000 solid 1px;}
.port2-opis {float:right; width:235px; padding:0 2px 0 0; text-align:left;}

.vidi {float:left; padding:5px 0 0 0;}
.links {float:right; padding:5px 4px 0 0}

.port-space {
	clear:both;
	display:block;
	overflow:auto;
	height:40px;
	width:100%;
	background-image:url(../img/1.jpg);
	background-position:center;
	background-repeat:no-repeat;}

/*----------------------------------------------------------------------*/
/*--------------------- FOOTER -----------------------------------------*/
/*----------------------------------------------------------------------*/

#footer {
	clear:both;
	background-color:#01334a;
	background-position:top;
	background-repeat:no-repeat;
	width:760px;
	text-align:center;
	color:#04618c;
	overflow:visible;
	margin:auto;}
#footer a{color:#1FC5FF;}
#footer a:hover{color:#D51C3B;}
#footere {
	clear:both;
	background-color:#01334a;
	background-image:url(../img/poz-newe.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:760px;
	height:269px;
	text-align:center;
	color:#04618c;
	overflow:visible;
	margin:auto;}
#footere a{color:#1FC5FF;}
#footere a:hover{color:#D51C3B;}

#footerContent{
	position: relative;
	float:left;
	color:#04618c;
	width: 250px;
	text-align:left;
	padding:8px 0 0 15px;
	background-image:url(../img/hosting-badge.gif);
	background-position:top;
	background-repeat:no-repeat;}
	#footerContent img {margin:8px 2px 0 0;}
	#footerContent b {margin:0 8px 0px 8px;}
	
#footerForm{
	position: relative;
	float:right;
	color:#04618c;
	width: 270px;
	text-align:right;}
#footerForm ul {list-style:none;padding:8px;}

/*----------------------------------------------------------------------*/	
/*--------------------- FOOTER-FORM ------------------------------------*/
/*----------------------------------------------------------------------*/

fieldset {
	border:0;
	text-align:center;
	position:relative;
	text-align:right;
	width:265px;
	background-image:url(../img/kontakt-badge.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px 0 0 0;}
.eng {
	border:0;
	text-align:center;
	position:relative;
	text-align:right;
	width:265px;
	background-image:url(../img/kontakt-badgee.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px 0 0 0;}
input, textarea {
	background-color:#04567C;
	border:0;
	margin:1px;
	color:#FFFFFF;
	font-size:14px;
	width:280px;
	padding:2px;
	margin:2px;}
#rss a{
	float:left; 
	width:50px;
	margin:46px 0 0 0;
	display:block;
	clear:left;
	text-align:left;
	font-size:10px;}
#dole {clear:both; padding:10px 0 0 0}
#copyright {float:right; height:30px; text-align:right; padding-right:14px; width:300px}
#features {float:left; height:30px; text-align:left; padding-left:14px; width:400px;}
#features img{margin:3px 7px 3px 0;}

/*----------------------------------------------------------------------*/
/*--------------------- PORTFOLIO --------------------------------------*/
/*----------------------------------------------------------------------*/

#portfolio dt {margin: 10px 0 0 0; font-weight: normal;}
#portfolio dd {margin: 0 0 5px 0; padding: 0;}
#portfolio dt a {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: 1px;
	border: 2px solid #014767;
	background: #014767;
	color:#D51C3B;
	text-decoration:none;}
#portfolio dt a:hover {
	border-color: #0397db;
	background: #014767;
	color:#D51C3B;
	text-decoration:none;}