﻿/* STAVITE KACIGU I POZELITE SI SRETNO */
/* CSS / Davor Peic / davor@infosit.hr / www.infosit.hr */
/* STATIC definicije */
body
{
    background-color: #d5d6d6;
    margin:0px;
    font-family:Arial;
}
a img, a:hover img
{
    border:none;
}
a, a:visited
{
    text-decoration:underline;
    color: #5D605E;
}
a:hover
{
    color: Black;
}
form
{
    margin:0px;
}
.clearDiv
{
    clear:both;
}
h1
{
    font-size:105%;
    color:#5D605E;
}
h2
{
    font-size:90%;
    color:#5D605E;
}
h3
{
    font-size:80%;
    color:#5D605E;
}

h4
{
    font-size:150%;
    font-weight:bold;
    color:#0167a5;

}

h5
{
    font-size:120%;
    color:#0167a5;
}

input, select, textarea 
{
    color:#000000;
    background-color:#ffffff;
}
.buton_uredi
{
    width:780px;
    height:30px;
    text-align:right;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:5px;
    background-color:#B1B2B2;
    font-family:Arial;
    font-size:10pt;
    color:#ffffff;
    font-weight:bold;
    
}
.buton_uredi input
{
    border:0px;
    background-color:#ffffff;
    font-size:10pt;
    font-weight:bold;
    color:#989898;
    margin-right:5px;
    margin-left:5px;
    margin-top:5px;
    
}
.cekamCont
{
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -190px;
    width: 280px;
    height: 220px;
    background-color:#dddddd;
    display: none;
    z-index: 98;
    border-right: darkgray medium solid;
    border-top: lightgrey thin solid;
    border-left: gainsboro thin solid;
    border-bottom: darkgray  medium solid;
}
.popupCont
{
    position:absolute;
	z-index:10;		
	overflow:hidden;/*must have*/
	left: 50%;
	margin-left: -150px;    
	top: 130px;		
}

.popupCont iframe
{

    display:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1; 
	width:500px;
	height:500px;
	filter:mask();
}
.popupCont1 iframe
{

    display:none;
	display:block;
/*	
	position:absolute;
	top:0;
	left:0;
	z-index:-1; */
	

	width:500px;
	height:500px;
/*	filter:mask(); */
	
}

.popupCont1  /* video*/
{
    position:absolute;
	z-index:10;		
	overflow:hidden;/*must have*/
	left: 50%;
	margin-left: -150px;    
	top: 130px;		
}

.popupContForma
{
    position:absolute;
	z-index:10;		
	overflow:hidden;/*must have*/
	left: 50%;
	margin-left: -150px;    
	top: 230px;		
}

.popupContForma iframe
{
    display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;	
}
.popupBack
{
    border:solid 5px #CDDBE6;
    width: 400px;/*must have for any value*/
    padding:15px;
    padding-top:0px;
    background:#ffffff url(images/popupback.gif) no-repeat left top;
}
.popupBack_MT 
{
    background: #fff url(images/popupback_line.gif) left top repeat-x;
    padding:0px;
    width:420px;
}
.popupMovieDiv 
{
    padding:10px; 
    margin-top:10px;
    display:block;   
    height:355px;
}
.popupCont_objekt
{
    position: absolute;
    left: 50%;
    top: 170px;
    margin-left: -300px;
    width: 270px;
    /*height: 220px;*/
    background:#ffffff url(images/popupback1.gif) no-repeat left top;
    display: none;
    z-index: 98;
    padding:15px;
    padding-top:0px;
    border:solid 5px #CDDBE6;
   
}
.popupCont_rez1
{
    position: absolute;
    left: 50%;
    top: 170px;
    margin-left: -20px;
    width: 270px;
    /*height: 220px;*/
    background:#ffffff url(images/popupback1.gif) no-repeat left top;
    display: none;
    z-index: 98;
    padding:15px;
    padding-top:0px;
    border:solid 5px #CDDBE6;
   
}



.popuptextClass, .popuptextClass a, .popuptextClass a:visited,.popuptextClass a:hover
{
    font-size : 11px;
    color:#525353;
}
.popuptextClass ul
{
    margin:0px;
    margin-left:20px;
    padding:0px;
}
.popuptextClass li
{
    font-size : 10px;
    
}
.popuptextClass h1
{
    font-size : 11px;
    font-weight: bold;
    font-family: Arial;
    text-decoration : none;
}

.popuptextClass h2
{
    font-size : 10px;
    font-weight: bold;
    font-family: Arial;
    text-decoration : none; 
}
.popupClose
{
    text-align:right;
    margin-top:7px;
}
.popupClose a, .popupClose a:visited
{
    font-size : 12px;      
    text-decoration:none;
    color:#7090A9;
    padding-right:20px;
    background-image:url(images/popup_close.gif);
    background-repeat:no-repeat;
    background-position:100% 2%;
 }
.popupClose a:hover
{
    background-image:url(images/popup_close_over.gif);
    background-repeat:no-repeat;
    background-position:100% 2%;
}
#sadrzaj
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    background-color: #ffffff;
    font-family: Arial;
    padding-bottom: 12px;
}
#sadrzajUlazna
{
    margin-left: 5px;
    margin-right: auto;
    margin-top: 6px;
    color:#404040;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding-bottom: 12px;

}
#zaglavlje
{
    
    width: 755px;
    height: 110px;
    margin-left: 12px;
}
.zag_logo
{
    float: left;
}
.zag_desno
{
    width: 587px;
    height: 110px;
    float: left;
    margin-left: 12px;
    font-size: 8pt;
    color: #919393;
}
.zag_desno a, .zag_desno a:visited
{
    text-decoration: none;
    color: #848787;
}
.zag_desno a:hover, .zag_desno a:active
{
    color: #2B2F2D;
}
.zag_izbornik1
{
    height: 30px;
    float: left;
}
.zag_izbornik1 ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.zag_izbornik1 li
{
    float: left;
    padding-right: 7px;
    padding-top: 9px;
}
.zag_jezici
{
    width: 150px;
    height: 30px;
    float: right;
}
.zag_jezici ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.zag_jezici li
{
    float: right;
    padding-left: 5px;
    padding-top: 9px;
}
.zag_naslov
{
    height: 40px;
    width: 587px;
    float: left;
}
.zag_izbornik2
{
    float: left;
   
}
.zag_izbornik2 ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
	
}
.zag_izbornik2 li
{
   
   float: left;
   display: inline-table;
   margin-right: 1px;
   
}
.zag_izbornik2_normal a, .zag_izbornik2_normal a:visited
{  
   line-height: 1.3em;
   height:3.1em;
   float: left;   
   font-size: 9pt;
   color: #4B5253;
   display: block;
   padding-left: 8px;
   padding-top:4px;
   padding-right: 12px;
   background: #D5D6D6;
}
.zag_izbornik2_normal a:hover, .zag_izbornik2_normal a:active
{
    background: #ADAFAF;
    color: #ffffff;
}
/* prvi link */
.zag_izbornik2_start a, .zag_izbornik2_start a:visited
{
   
   line-height: 1.3em;
   height:3.1em;
   float: left;   
   font-size: 9pt;
   color: #4B5253;
   display: block;
   padding-left: 8px;
   padding-top:4px;
   padding-right: 12px;
   background-color:#B2C3D0;
}
.zag_izbornik2_start a:hover
{
    color: #ffffff;
    background: #7993A2;
}
/* zadnji link */
.zag_izbornik2_end a, .zag_izbornik2_end a:visited
{  
   line-height: 1.3em;
   height:3.1em;
   float: left;   
   font-size: 9pt;
   color: #4B5253;
   display: block;
   padding-left: 8px;
   padding-top:4px;
   padding-right: 12px;
   background: #D5D6D6;
}
.zag_izbornik2_end a:hover, .zag_izbornik2_end a:active
{
    background: #ADAFAF;
    color: #ffffff;
}

/* selektirani link */
.zag_izbornik2_selected a, .zag_izbornik2_selected a:visited
{  
   line-height: 1.3em;
   height:3.1em;
   float: left;   
   font-size: 9pt;
   /*color: #4B5253;*/
   color: #ffffff;
   display: block;
   padding-left: 8px;
   padding-top:4px;
   padding-right: 12px;
   background: gray;
}
.zag_izbornik2_selected a:hover, .zag_izbornik2_selected a:active
{
    background: #ADAFAF;
    color: #ffffff;
}
/* TJELO */
#tjelo
{
	float: none;
    width: 755px;
    margin-left: 12px;
    padding-bottom: 12px;
    /*background-color: #ffffff;*/
}
.tijeloPozadina 
{
    background-color: #ffffff;
}
.fullBgSiva 
{
    background-color:#E9EAEA;
}
#tje_lijevo
{
	float: left;
	width: 156px;
	margin-bottom:70px;
}

#tje_desno
{
	float: left;
	width: 587px;
	overflow:hidden;
	background-color: #E9EAEA;
	/*background-color: red;*/
	border-top: 12px solid #E9EAEA;
	padding-left:12px;
	border-bottom: 12px solid #E9EAEA;
}
.tje_left_infoDetalji_gray
{
    width:144px;
    padding:12px;
    padding-right:0px;    
    background-color:#E9E9E9;
}
.tje_left_infoDetalji_gray ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
   
}
.tje_left_infoDetalji_gray li
{
    margin:0px;
    padding:0px;
    _height:19px; /*IE HACK */
   
}

/*dodao GM 31.3.2006*/
.tje_left_infoDetalji_gray ul li ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    padding-left:12px;
   
}
/*.tje_left_infoDetalji_gray li ul li
{
    margin:0px;
    padding:0px;
    
   
}*/
/*end dodao GM*/
.tje_left_infoDetalji_gray li
{
    display:inline;
   
}
.infoDetalji_normal a, .infoDetalji_normal a:visited
{
    font-size: 9pt;
    color:#5D605E;
    text-decoration:none;
    background-image:url(images/bullet2.gif);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:18px;
    padding-bottom:3px;
    display:block;
}
.infoDetalji_normal a:hover
{
    text-decoration:none;
    background-image:url(images/bullet1.gif);
    background-repeat:no-repeat;
    
}
.infoDetalji_selected a, .infoDetalji_selected a:visited
{
    font-size: 9pt;
    color:#5D605E;
    text-decoration:none;
    background-image:url(images/bullet1.gif);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:18px;
    padding-bottom:3px;
    display:block;
}
.infoDetalji_selected a:hover
{
    text-decoration:none;
    background-image:url(images/bullet2.gif);
    background-repeat:no-repeat;
    
}
#tje_des_corporateInfo
{
    float: left;
    width:551px;
    padding:12px;
    background-color:#ffffff;
    font-size: 9pt;
    color:#505050;
}
#tje_des_corporateInfo .detData{float:left;}
#tje_des_corporateInfo ul li.documentsList {
	background: transparent url(images/bulletDownload.gif) 0px 0px no-repeat;
	list-style-type: none;
	padding-left: 18px;
	padding-bottom: 2px;
}
.documentsListH3 {
	font-size: 8pt;
	color: #7a7a7a;
	padding: 5px 0px 2px 0px;
}
#tje_des_corporateInfo h1
{
    font-size:16pt;
    margin:0px;
    padding:0px;
    padding-bottom:7px;
    color:#104983;
    font-weight:normal;
}
#tekst
{
    float:left;
    /*width:340px;*/
    padding-right:10px;
    
}
#tje_des_corporateInfo p
{
    margin:0px;
    margin-bottom:10px;
    padding:0px;
}
#tje_des_corporateInfo h3
{
    font-size:10pt;
    color:#797A79;
    margin:0px;
    margin-bottom:10px;
    padding:0px;
}
.slike
{
    width:200px;
    float:right;
    padding-top: 5px;
}
.slike img { float:left; margin-bottom:5px;}
.visit_banner 
{
	/*float:left;*/
	
	position:relative;
	width:144px;
	height:60px;
	overflow:hidden;
	bottom:68px;
	float:left;
	display:inline;
	margin-bottom:-72px;
	margin-left:7px;
}
#dno2
{
    width:100%;
    text-align:center;
}
#dno2 h1
{
    font-family:Arial;
    text-align:center;
    margin:5px;
    font-size:8pt;
    color: #6F7272;
    font-weight:normal;
}
#dno2 h1 a
{
    text-decoration: underline;
    color: #6F7272;
}
#dno2 h1 a:hover, #dno2 h1 a:active
{
    text-decoration: underline;
    color: #7993A2;
    
}
#kontaktForma {
    font-size:10pt;
}
#kontaktForma input, #kontaktForma textarea 
{
    background-color:#e6edf2;
    border:none;
    padding:3px;
    margin-left:5px;
    font-size:9pt;
    font-family:Trebuchet MS;
}
.inputBox{width: 150px;}
#kontaktForma font {
    color:#616161;
    margin-left:5px;
}
.kontaktButton {
    font-size:8pt;
    font-weight:bold;
    color:gray;
    cursor:default;
    padding:0px;
    margin-top:4px;
    text-transform: uppercase;
    background-color:#eaeaea;
}

/*dodao GM 25.52006 radi home.aspx*/
#tje_sveJednaSirina
{
	float: left;
	width: 742px;
	overflow:hidden;
	background-color: #E9EAEA;
	/*background-color: red;*/
	border-top: 12px solid #E9EAEA;
	padding-left:12px;
	border-bottom: 12px solid #E9EAEA;
}

#tje_sveJednaSirina_home
{
	float: left;
	width: 730px;
	margin-bottom:70px;
	background-color:White;
}		 
/*end gm*/

.dokumentiGodineContainer{width:350px;}
.dokumentiGodineCont {float:left; background-color:#f2f1f1; width:100%; margin:8px 0; border-bottom: solid 1px #999; }
ul.dokumentiGodine { list-style-type:none; margin:0; padding:0;  }
ul.dokumentiGodine li { float:left; }
ul.dokumentiGodine li a, ul.dokumentiGodine li a:visited { text-decoration:none; display:block; padding:3px 10px; background-color:#f2f1f1; }
ul.dokumentiGodine li a.dokumentiGodine_selected, ul.dokumentiGodine li a.dokumentiGodine_selected:visited { border:solid 1px #d7d6d6; border-bottom: solid 1px red; color:#104983; font-weight:bold; border-bottom:0 none;  background-color:#fff;  }


/* ATTACHED FILES */
ul.attachedFiles { list-style-type: none; margin-left: 0px; padding:0px 0px 0px}
ul.attachedFiles em{font-size: 8pt;}
ul.attachedFiles li a { line-height: 175%; padding: 2px 0; padding-left: 23px;}
ul.attachedFiles li.icon_doc a { background-image: url(images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_xls a { background-image: url(images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_ppt a { background-image: url(images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_img a { background-image: url(images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_pdf a { background-image: url(images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_zip a { background-image: url(images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}

