html {
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	margin: 0;
	padding: 20px 0 20px 0;
	background-color: #EA0000;
}
h1, h2, h3, h4, h5, h6 { color: #EA0000; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }
h1, h2, h3 { color: #666; }
h1 { font-size: 12px; margin: 0 0 8px 0; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 12px; margin: 8px 0 4px 0;}
h3 { font-size: 15px; margin: 4px 0 2px 0;  font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; margin: 0 0 4px 0; }
h5 { font-size: 13px; }

#partneri h4 { margin: 0 0 5px 0; }

p {
	font-size: 12px;
	margin: 8px 0 8px 0;
	padding: 0;
	line-height: 1.5em;
	text-align: justify;
}
a { color: #EA0000; }
a:link, a:visited {
	text-decoration: none;
}
h4 a:link, h4 a:visited {
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	text-decoration: underline;
}
h4 a:hover, h4 a:visited:hover, h4 a:active {
	text-decoration: underline;
}


img {
	vertical-align: top;
	border: none;
}

/*******************************************************************************************************************************/
#container {
	position: absolute;
	left: 50%;
	display: table;
	width: 720px;
	margin: 0 0 0 -360px;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #FFF;
}
#head {
	display: block;
	height: 150px;
	width: 720px;
	margin: 0;
	padding: 0;
}
#head img { float: left; }
#glavni img { float: right; margin-left: 20px; }

#navi1 {
	width: 720px;
	float: left;
	display: block;
	background-color: #999;
	margin: 0;
	padding: 0;
}

#glavni {
	width: 680px;
	padding: 40px 20px 0 20px;
	float: left;
	display: block;
}
#foot {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 720px;
}
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/* NAVIGACIJA */
#navi1 ul {
	list-style-position: outside;
	list-style-type: none;
	float: left;
	width: 719px;
	height: 26px;
	margin: 0;
	padding: 0;
	border-top: 2px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;
}
#navi1 ul li { display: block; float: left; width: 118px; margin: 0; padding: 0; border-right: 2px solid #FFF; }
#navi1 ul li a {
	float: left;
	display: block;
	width: 108px;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #999;
}
#navi1 ul li a:hover, #navi1 ul li a:visited:hover, #navi1 ul li a:active { background-color: #EA0000; text-decoration: none; }
#navi1 .odabrano { background-color: #EA0000; border-bottom: 2px solid #EA0000; }
#navi1 .odabrano1 {  background-color: #EA0000; }


#navi2 ul { width: 717px; float: left; list-style-position: outside; list-style-type: none; display: table; margin: 0; padding: 0 0 0 1px; background-color: #EA0000; border-left: 1px solid #FFF; }
#navi2 ul li { display: block; float: left; padding: 2px 0 2px 0; color: #FFF; }
#navi2 ul li a { text-transform: lowercase; margin: 0 4px 0 4px; color: #FFF; font-weight: bold; font-size: 11px; }

#navistranice { clear: both; float: left; }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
.popis { list-style-type: none; list-style-position: outside; margin: 4px 0 12px 0; padding: 0; }
.popis li { padding: 2px 0 2px 0; display: block; float: left; width: 680px; }
/*******************************************************************************************************************************/

#portfolio h4 { margin: 0; padding: 0; }
#portfolio p { margin: 0; padding: 0; }
#portfolio li { width: 310px; display: block; height: 72px; background-color: #eee; margin: 10px 0; padding: 10px; }
#portfolio img { margin-left: 10px; }
#portfolio .razmak { margin-left: 20px; }

#novosti.nnaslovna li  { width: 330px; }

#novosti p { margin-top: 2px; }

#tim li { width: 330px; float: left; margin-bottom: 15px; }

.stupacl {
	width:330px;
	float:left;
}
.stupacd {
	width:330px;
	float:left;
	padding-left: 20px;
}

/*******************************************************************************************************************************/
/* FOTO SLIDESHOW */
#slideshow { width: 242px; float: right; } 
#slideshow img { display: none; margin-bottom: 5px; }
#ssnavi { margin-left: 20px; }
#ssleft { float: left; text-align: right; padding-right: 5px; width: 105px; display: none; }
#ssright { float: right; padding-left: 5px; width: 105px; }

/* FLASH SLIDESHOW */
#fslideshow { width: 220px; height:165px; float: right; margin: 0; }
/*******************************************************************************************************************************/


.prikazi { display: block; }
.margin30 { margin: 30px 0 30px 0; }

.marginr20 { margin-right: 20px; }
.borderr0 { border-right: 0; }

#partneri { width: 680px; }
#partneri li { width: 330px; }
.partneri { width: 226px; float: left; }
.partneritekst { width: 680px; float:left; }

#portfolio p, #djelatnosti p, #onama p { width: 435px; }
#portfolio li p { width: auto; }
#novostipopis p { width: 555px; }

#navinazad { width: 680px; color: #999; float:left; }
#navinazad a { color: #999; }


/* svijetliji tekst */
.s { color: #999;}

/*******************************************************************************************************************************/
/* FORM */
.tekstbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border: 1px solid #aaa;
	width: 340px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f00;
	text-decoration: none;
	background-color: #FFF;
	border: 2px solid #CCC;
	text-transform: uppercase;
}
/*******************************************************************************************************************************/
#vidi img { float: left; padding:0; margin: 0 0 10px 0; }

.stranicenavi { clear: both; }