@import url('layout.css');

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #DCDCDC;
	background-image:url('../tvrtka/slike/body_gradient.jpg')
}
#container {
	width: 1000px;
	margin: 1px auto;
}
#masthead {
	text-align: center;
	width: 980px;
	padding: 9px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #FFFFFF;
	background-image:url('../tvrtka/slike/masthead_gradient.png')}
#sadrzaj {
	width: 100%;
	padding: 0px;
	z-index: -2;
}
#contentVrh {
	background-position: 100% top;
	text-align: left;
	float: left;
	width: 978px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	background-image: url('../tvrtka/slike/contentVrh.gif');
	background-repeat: no-repeat;
}
#razdjelnik {
	margin: auto auto 3px auto;
	float: left;
	padding: 10px;
	width: 978px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: both;
}
#content_lijevo {
	text-align: left;
	float: left;
	width: 648px;
	height:305px;
	overflow:hidden;
	margin-bottom: 3px;
	padding: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}
#content_desno {
	text-align: left;
	float: right;
	width: 648px;
	height:305px;
	overflow:hidden;
	margin-bottom: 3px;
	padding: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}

#stupac_desno {
	float: right;
	width: 275px;
	height: 275px;
	margin-bottom: 3px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: right;
	display: inline;
	overflow: hidden;
	padding: 25px;
	line-height: 1.1em;
}

#stupac_desno_gradient {
	float: right;
	width: 275px;
	height: 275px;
	margin-bottom: 3px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: right;
	display: inline;
	overflow: hidden;
	padding: 25px;
	background-image: url('../tvrtka/slike/gradient.png');
	background-repeat: no-repeat;
}

#stupac_desno_carousel {
	float: right;
	width: 315px;
	height: 315px;
	margin-bottom: 3px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: right;
	display: inline;
	overflow: hidden;
	padding: 5px;
}

#stupac_desno2 {
	float: right;
	width: 275px;
	height: 275px;
	margin-bottom: 3px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: right;
	display: inline;
	overflow: hidden;
	padding: 25px;
	background-image: url('../tvrtka/slike/stupac_kratki.gif');
	background-repeat: repeat-y;
	text-align: center;
}

#stupac_lijevo {
	float: left;
	width: 325px;
	height:325px;
	margin-bottom: 3px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	clear: right;
	display: inline;
}

.okvir_bijeli {
	background-image: url('../tvrtka/slike/okvir.gif');
	background-repeat: no-repeat;
	text-align: center;

}
#stupac_desno img {
	border-style: none;
	border-width: 0px;
	border-color: inherit;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}
#stupac_desno2 img {
	border: 0px;
	text-decoration: none;
	cursor: pointer;
	top: 1px;
	clear: left;
}

.okvir_sivi_325 {
	background-image: url('../tvrtka/slike/stupac_pozadina.gif');
	background-repeat: no-repeat;

}
.okvir_sivi_160 {
	background-image: url('../tvrtka/slike/stupac_kratki.gif');
	background-repeat: no-repeat;
	padding: 10px 30px 30px 30px;
	text-align: center;
}
.tabela {
	margin: 1px auto 1px auto;
	padding: 2px;
	border-collapse: collapse;
	float: none;
	vertical-align: middle;
	text-align: left;
	text-indent: 20px;
}
.tabela tr {
	border-bottom: 1px solid #A9A9A9;
}
.uski_P {
	margin-left: 30px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.kvadrat {
	background-color: transparent;
	padding: 10px;
	margin-right:5px;
	width: 290px;
	float: left;
	cursor: default;
}
.kvadrat210px {
	background-color: transparent;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: 210px;
	float: left;
}
.kvadrat_karakteristike {
	background-color: #EBEBEB;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: 50%;
	float: left;
}
.kvadrat_software {
	background-color: #transparent;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: 43%;
	float: left;
	border:1px #EEEEEE solid;
}
.kvadrat_pola {
	background-color: #transparent;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: 46%;
	float: left;
	border:1px #EEEEEE solid;
}
.kvadrat_pola img a {
	border:none;
	text-decoration:none;
}
#footer {
	text-align: center;
	clear: both;
	width: 998px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fefeff;
}

	
/* Masthead i sadržaj */
#masthead h1 {
	color: #3d6c87;
}
#masthead h3 {
	color: #5f8ea9;
}
/* Content_lijevo stil */
h6 {
	font-size: 0.9em;
	color: #525a62;
}
h5 {
	color: #525a62;
	font-size: 1em;
}
h4 {
	color: #525a62;
	font-size:1.1em;
}
h3 {
	font-size: 1.3em;
	color: #525a62;
	padding-top: 10px;
	padding-bottom: 5px;
}
h2 {
	color: #525a62;
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 5px;
}
h1 {
	font-size: 1.7em;
	color: #525a62;
	text-transform: uppercase;
}
.contentVrh h1 {
	color: #000;
}
#content_lijevo img {
	margin: 6px;
	padding: 6px;
	border: 1px solid #808080;
}
#contentVrh img {
	margin: 6px;
	padding: 6px;
	border: 1px solid #808080;
}
#razdjelnik img {
	margin: 6px;
	padding: 6px;
	border: 0px;
}
#contentVrh img.logo_icon {
	border-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	elevation: above;
	float: right;
	overflow: visible;
	top: 30px;
}
#contentVrh img.logo_right {
	border-style: none;
	margin: 0px 0px 0px 35px;
	padding: 0px;
	elevation: above;
	float: right;
	overflow: visible;
	top: 30px;
}
#contentVrh img.logo_lijevi {
	border-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	elevation: above;
	float: left;
}

#stupac img {
	border-color:transparent;
	padding: 5px;
	margin-top: 5px;
}
hr {
	border: none;
	height: 1px;
	line-height: 1px;
	background: #CCC;
	margin: 20px 0px 20px 0px;
	padding: 0;
}

dt {
	color: #3d6c87;
	font-weight: bold;
	margin-top: 10px;
}
dd {
	margin-left:16px;
}

.logo {
	float: left;
	padding-right: 10px;
}
.logo_right {
	float: right;
	border-style: none;
	background:transparent;
}
.logo_mali {
	float: left;
	width: 6em;
	height: 6em;
}
.x-small_bolder_italic {
	text-align: right;
	font-size: x-small;
	font-style: italic;
	font-weight: bolder;
	padding-left: 15px;
	line-height:12px;
	position:relative;
	right:10px;
}
.plavacrta {
	background-color: #EBEBEB;
	color: #33627D;
	text-indent: 9px;
}

.sivacrta {
	background-color:#EBEBEB; 
	margin-top:6px; 
	margin-bottom:6px; 
	overflow: hidden;
}
#brand {
	float: right;
	border: 1px solid #000;
	margin: 0 9px 5px 0px;
	width: 164px;
	display: block;
	vertical-align: middle;
	text-align: center;
}
#brand img {
	border: 0px;
	padding: 0px;
	text-align:center;
}
#brand_lijevo {
	float: left;
	border: 1px solid #000;
	margin: 0 0px 5px 5px;
	width: 221px;
	display: block;
	vertical-align: middle;
	text-align: center;
}
#brand_lijevo img {
	border: 0px;
	padding: 0px;
	text-align:center;
}
.objava {
	color: #FFFFFF;
	font-size: xx-large;
	font-weight: 900;
	elevation: above;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 25px;
	bottom: 25px;
}
.align_center {
	text-align:center;
}
/* stil za liste */
.lista {
	list-style-type:none;
}
.listaStrelica {
	list-style-image: url('../tvrtka/slike/listaStrelica.gif');
}
.listaSpojnica { 
	list-style-image: url('../tvrtka/slike/listaSpojnica.gif');
	list-style-position: outside;
}
.margina80px {
	margin-left: 80px;
	float: left;
}
.marquee {
	padding: 10px;
	margin:20px;
	width: 150px;
	height: 300px;
	vertical-align: top;
	float:right;
}
.marquee_lijevi {
	padding: 10px;
	margin: 0px 30px 0px 10px;
	width: 150px;
	height: 150px;
	vertical-align: top;
	float: left;
}
.pdf_left {
	background-image:url('../tvrtka/slike/logo_Adobe.gif');
	background-repeat:no-repeat;
	background-position:left;
	margin-left: 0px;
	text-indent:25px;
	font-size:x-small;
	font-weight:bold;
	clear:both;
}
.pdf {
	background-image:url('../tvrtka/slike/logo_Adobe.gif');
	background-repeat:no-repeat;
	background-position:left;
	text-indent:25px;
	font-size:x-small;
	font-weight:bold;
	clear:both;
}

.x-small_italic{
	font-size:x-small;
	font-style:italic;
}
.left{
	float: left;
}
#vijest {
	text-align: justify;
	color: #525a62;
	font-size: xx-small;
	font-weight: bolder;
	line-height: 12px;
}

#vijest img {
	margin-left: 5px;
	float: right;
	display: inline-block;
}

#vijest p {
	margin-top:2px;
	margin-bottom:2px;
}
/* stil za Footer */
#footer p {
	color: #808080;
	margin-top: 5px;
}
#footer a {
	color: #525a62;
	text-decoration: underline;
	font-size: x-small;
	font-weight: bolder;
}
#footer a:hover {
	color: #CC0000;
	text-decoration: none;
}
a {
	color: #5f8ea9;
}
a:hover {
	color: #33627d;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.crveni_font {
	color: #CC0000;
}
.plavi_font {
	color: #3D6C87;
	font-weight: bold;
}
/*Navigacija*/
/* ============================================================================================================================================== 
CSS navigacija se zasniva na predlošku koji možete naći na http://www.stunicholls.com/menu/hover_drop_1.html. Autor originala je Stu Nicholls. 
CSS menu is based at Stu Nicholls' "Hover Drop Menu". The original version is available at http://www.stunicholls.com/menu/hover_drop_1.html
================================================================================================================================================= */
#outer {width: 1000px; height: 40px; position: relative;}
.pad1  {width: 4px; height: 25px; background: #CC0000; float: left; margin-top: 3px; margin-right: 3px; border: 1px solid #000;}
.pad2  {width: 4px; height: 25px; background: #CC0000; float: left; margin-top: 3px;	border: 1px solid #000;}
.topline {width: 750px;	height: 3px; margin-top: 3px; border: 1px solid #000; background: #CC0000; font-size: 1px;}
#menu {list-style-type: none; padding: 0; margin: 0 0 0 3px;}
#menu ul {list-style-type: none; padding: 0; margin: 0;}
#menu li {float: left; background: #DCDCDC url('../tvrtka/slike/gumbSub.gif') repeat-x 50% top;	margin: 3px 3px 0 0; border: 1px solid #000; width: 122px; height: 25px;}
#menu li.sub {background: url('../tvrtka/slike/gumb0.gif') repeat-x;}
#menu li.sub2 {background: url('../tvrtka/slike/gumbSub.gif') repeat-x;}

/* for IE5.5 and IE6 only */
#menu li a {display: block;	color: #000; height: 25px; font-family: arial, sans-serif; font-size: 11px; font-weight: bolder; line-height: 24px; width: 122px; text-decoration: none; text-align: center;}
#menu li a table {position: absolute; left: 0; top: -1px; border-collapse: collapse; width: 0;height: 0;}
#menu :hover     {color: #fff; background: #FEFEFF url('../tvrtka/slike/gumbSub.gif') repeat-x; position: relative; z-index:100}
#menu :hover > a {color: #fff; background: #A9A9A9 url('../tvrtka/slike/gumbHover.gif') repeat-x; border-color: #CC0000;}
#menu :hover ul :hover ul ul.left        {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu :hover ul :hover ul ul             {visibility: hidden; width: 0;	height: 0; overflow: hidden;}
#menu :hover ul ul                       {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu ul                                 {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu :hover ul      {position: absolute; visibility: visible; overflow: visible; height: auto; width: 128px; left: -1px; top: 26px; background: url(transparent.gif); z-index:200}
#menu :hover ul :hover ul :hover ul      {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px; left: 100px; top: 0;}/* ranije padding:9px 3px; */
#menu :hover ul :hover ul                {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px; left: 100px; top: 0;}
#menu :hover ul :hover ul :hover ul.left {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px;	left: -106px; top: 0;}
#menu :hover ul :hover ul.left           {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px; left: -106px; top: 0;}


#menu :hover ul :hover ul :hover ul ul    {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu :hover ul :hover ul ul              {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu ul  ul                              {visibility: hidden; width: 0; height: 0; overflow: hidden;}
#menu :hover ul :hover ul      {position: absolute; visibility: visible; overflow: visible; height: auto; width: 128px; right: -1px; top: 3px; background: url(transparent.gif);}
#menu :hover ul :hover ul :hover ul :hover ul      {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px; left: 100px; top: 0;}/* ranije padding:9px 3px; */
#menu :hover ul :hover ul :hover ul                {visibility: visible; overflow: visible; height: auto; width: 128px; padding: 3px 3px; left: 100px; top: 0;}


/*Galerija rješenja*/

#gallery {
	position: relative;
	width: 205px;
	padding: 3px;
}
.switch {
	display: block;
	color: #525a62 ;
	width: 250px;
	height: 25px;
	cursor: pointer;
	border: 1px solid #fff;
	border-color: #fff #808080 #525a62 #ddd;
	float: left;
	margin: 2px;
	text-align: left;
	text-indent: 5px;
	font-size: 0.9em;
	line-height: 24px;
}
.off {
	border-color: #525a62 #ddd #fff #808080;
	color: #CC0000;
}
.hide {
	display: none;
		clear:both;
}
.show {
	position: absolute;
	top: 0;
	left: 310px;
	display: block;
	width: 620px;
	background: #fff;
	z-index: 500;
}
.show img {
	float: left;
	padding: 0 10px 10px 0;
}
.clear {
	clear: both;
	line-height:0px;
}

/* always visible */
#vanjski .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#vanjski .holder p {padding:5px 0 0 0; margin:0;}
#vanjski .holder p.bold {font-weight:bold;}
#vanjski .holder h5 {margin:0; padding:0;}


/* unclicked style div.more */
#vanjski div.more i {float: right;margin: -10px 10px 0px 0px; cursor: pointer; color: #c00; font-size:x-small;font-weight: bold;z-index:100;}
#vanjski div.more i.sakrij {display:none;}
#vanjski div.more p {display:none;}
#vanjski div.more p.pdf {margin-left:65px;}
#vanjski div.more img {display:none;}
#vanjski div.more ul {display:none;}
#vanjski div.more li {display:none;}
#vanjski div.more dt {display:none;}
#vanjski div.more dd {display:none;}
#vanjski div.more h6 {display:none;}
#vanjski div.more img.ima {display:block; float:right;position: absolute;left:750px;}
#vanjski div.more iframe {display:none;}

/* clicked style div.click */
#vanjski div.click i.pokazi {display:none;}
#vanjski div.click i.sakrij {display:block;}
#vanjski div.click p {display:block;}
#vanjski div.click img {display:block; float:left; padding-right:10px;}
#vanjski div.click img.ima {display:none;}

#vanjski div.click ul {display: block;}
#vanjski div.click li {display: list-item;	list-style-position: inside;}
#vanjski div.click dt {display: block;margin-left: 60px; font-size: x-small;}
#vanjski div.click dd {display: block;margin-left: 80px; font-size: x-small;}
#vanjski div.click h6 {display:block;}
#vanjski div.click iframe {display:block; margin-left: 80px;}

/* galerija ikona na gornjoj desnoj strani ekrana, prva na stranici, za POS printere*/
#galerija_icon {width:70px; float:right;}
#galerija_icon ul {list-style:none; padding:0; margin:0; width:100%; position:relative; float:right;}
#galerija_icon ul li {display:inline; width:62px; height:56px; margin:0 0 5px 5px;}
#galerija_icon ul li img {display:block; width:60px; height:54px; border:0; padding:0px; margin:0 0 5px 5px;}
#galerija_icon ul li a:hover {white-space:normal; border-color:#ddd; margin:0px;}
#galerija_icon ul li a:hover img {position:absolute; right:100%; top:0; width:auto; height:auto; border:1px solid #000;}

/* galerija sličica na gornjoj desnoj strani ekrana, prva na stranici*/
#galerija_prva {width: 33%; float:right;}
#galerija_prva ul {list-style:none; padding:0; margin:0; width:100%; position:relative; float:right;}
#galerija_prva ul li {display:inline; width:52px; height:52px; float:right; margin:0 0 5px 5px;}
#galerija_prva ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; margin:0px;}
#galerija_prva ul li a img {display:block; width:50px; height:50px; border:0; padding:0px; margin:0px;}
#galerija_prva ul li a:hover {white-space:normal; border-color:#ddd; margin:0px;}
#galerija_prva ul li a:hover img {position:absolute; right:100%; top:0; width:auto; height:auto; border:1px solid #000;}

/* galerija sličica na desnoj strani ekrana*/
#galerija {width: 40%; float:right;}
#galerija ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#galerija ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#galerija ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; margin:0px;}
#galerija ul li a img {display:block; width:50px; height:50px; border:0; padding:0px; margin:0px;}
#galerija ul li a:hover {white-space:normal; border-color:#ddd; margin:0px;}
#galerija ul li a:hover img {position:absolute; right:180px; bottom:0; width:auto; height:auto; border:1px solid #000;}

/* galerija sličica na lijevoj strani ekrana */
#galerija_lijevo {width: 40%; float:left;}
#galerija_lijevo ul {list-style:none; padding:0; margin:0; width:235px; position:relative; float:left;}
#galerija_lijevo ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#galerija_lijevo ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; margin:0px;}
#galerija_lijevo ul li a img {display:block; width:50px; height:50px; border:0; padding:0px; margin:0px;}
#galerija_lijevo ul li a:hover {white-space:normal; border-color:#ddd; margin:0px;}
#galerija_lijevo ul li a:hover img {position:absolute; left:235px; bottom:0; width:auto; height:auto; border:1px solid #000;}



/* za pop-up sličice u inline linkovima */
a.screen:visited {position:relative; z-index:1; text-decoration:none; }
a.screen {position:relative; z-index:1; text-decoration:none;}
a.screen b {text-decoration:none; position: absolute; visibility: hidden; /* sakrij sliku */;
	width: auto; /* postavi širinu */height: 0; /* za rješavanje Opera buga koji sliku čini vidljivom i kad je skrivena */;
	left: 0; /* pozicija:slika */; bottom: 8px;}
a.screen:hover {text-decoration:none; border:0; /* potrebno za IE */z-index:1000;}
a.screen:hover b {visibility: visible; /* učini sliku vidljivom */;	height: auto; /* daj joj visinu */cursor: pointer; /* za IE */;z-index: 500;}
a.screen:hover b img {border:0; /* ukloni link border */}

/* za pop-up slike u inline linkovima */
a.slikica:visited {position:relative; z-index:1;margin:0px; padding:0px;}
a.slikica {position:relative; z-index:1;margin:0px; padding:0px;}
a.slikica img {margin:0px; padding:0px;}
a.slikica b {position: absolute;	visibility: hidden;	width: auto; height: 0;	right: auto; bottom:-6px;margin:0px; padding:0px;}
a.slikica:hover {border:0; z-index:1000;margin:0px; padding:0px;}
a.slikica:hover b {visibility: visible;	height: auto; cursor: pointer; z-index: 500;margin:0px; padding:0px;}
a.slikica:hover b img {border:0; margin:0px; padding:0px;}

/* za pop-up slike u inline linkovima kojima se moraju poravnati gornje stranice linka */
a.linkslika:visited {position:relative; margin:0px; padding:0px;}
a.linkslika {
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 600;
}
a.linkslika img {margin:0px; padding:0px;}
a.linkslika b {text-decoration:none; position:absolute; visibility:hidden; width:auto; height:0px; left:0px; /* pozicija:slika */; top:0px; margin:0px; padding:0px;}
a.linkslika:hover {	border:0; margin:0px; padding:0px;}
a.linkslika:hover b {visibility:visible; height:auto; cursor:pointer; margin:0px; padding:0px;}
a.linkslika:hover b img {border:0; margin:0px; padding:0px;}

/* za pop-up slike u inline linkovima kojima se moraju poravnati donje stranice linka */
a.linkslika_D:visited {position:relative; margin:0px; padding:0px;}
a.linkslika_D {position:relative; margin:0px; padding:0px;}
a.linkslika_D img {margin:0px; padding:0px;}
a.linkslika_D b {
	text-decoration: none;
	position: absolute;
	visibility: hidden;
	width: auto;
	height: 0px;
	left: -170px; /* pozicija:slika */;
	bottom: -170px;
	margin: 0px;
	padding: 0px;

}
a.linkslika_D:hover {border:0; margin:0px; padding:0px;}
a.linkslika_D:hover b {
	visibility: visible;
	height: auto;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}
a.linkslika_D:hover b img {
	border: 0;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}



.vise {
	font-size: 90%;
	font-style: italic;
	font-weight: bolder;
	float:left;
}

#galerija_grupe {
	width:95%;
	height:600px;
	margin:0 auto;
	position:relative;
	background:#fff;
	border:1px solid #ddd;
}

#galerija_grupe #slides {
	position: absolute;
	left: 0;
	top: 0;
	height: 150px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background: #F9F9F9;
	z-index: 500;
}
#galerija_grupe #slides div {width:100%; height:150px; position:relative; padding-top:10px;}
#galerija_grupe #slides div ul {padding:0; margin:0 auto; list-style:none; width:100%;}
#galerija_grupe #slides div ul li {float: left;	margin: 10px 3px 10px 3px;} /* padding: 10px 0px 5px 0px */
#galerija_grupe #slides div ul li a {display:block; width:auto; height:120px; float:left;}
#galerija_grupe #slides div ul li a b {display:none;}
#galerija_grupe #slides div ul li a.previous {width:50px; background: url('../tvrtka/slike/lijevo.png') no-repeat center center;}
#galerija_grupe #slides div ul li a.next {width:50px; background:url(../tvrtka/slike//desno.png) no-repeat center center;}
#galerija_grupe #slides div ul li a img {display:block; width:auto; height:100px; border:0;}
#galerija_grupe #slides div ul li a:focus {outline:0;} 
 
#galerija_grupe #fullsize {position:absolute; left:0; top:0; height:600px; width:100%; overflow:hidden; text-align:center; z-index:200;}
#galerija_grupe #fullsize div {width:100%; height:600px; padding-top:150px; position:relative; margin-top:20px;}
#galerija_grupe #fullsize div img {float:left; display:block; margin-right:20px; border:10px solid #fff; width:auto; height:auto; position:relative;}
#galerija_grupe #fullsize div h3 {padding: 10px 20px 0 0; text-align: left;	font-size: 16px;} /* margin:0;   */
#galerija_grupe #fullsize div span {font-size:smaller;}
#galerija_grupe #fullsize div ul {padding: 5px 20px 5px 20px; margin: 0; font-size: 12px; line-height: 18px; text-align: left;} /*  */