﻿/* CSS Document */

body {
margin-top:0px;
background-color:#FFFFFF; 
background-position:center;
background-position:top;
}

/* kod index.php width:1175px;*/
#container {
margin:0px auto ;
position:center ; 
margin-top:0px;  
position:top;
float:center;
}

#header {
background-color:##FFFFFF ; 
/*<?php echo $color1 ?>;  */
/*background-color:<?php echo "$color1" ?>;*/
margin-top:0;
}

.glavniknj {
width:1190px;
font-family: Arial, Vedrana, Helvetica, sans-serif;  font-size: 14px; text-decoration: none
}

.headerknj {
background-color:#FFFFFF ; 
/*<?php echo $color1 ?>;  */
/*background-color:<?php echo "$color1" ?>;*/
margin-top:0;
}

#podheader {
background-color:#D3F8CB ;
height:60px;
width:800px;
float:left;
text-align:center;
}
/* kod maske za registraciju - class od div ,lijeva i desna ploca*/
.menu {
background-color:#FFD700;
height:690px;
width:400px;
float:left;
}

.footer {
background-color:#FFA500;
clear:both;
text-align:center;
}

/*div align="center" style="font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;">*/


.registracija  {
font-family:Arial,Helvetica,sans-serif;
background-color:#FFD700;
height:690px;
width:796px;
float:left;
border-top:2px solid #FFD700;
border-left:2px solid #FFD700;
border-right:2px solid #FFD700;
border-bottom:2px solid #FFD700;
} 

#form_registracija    {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:370px;
height:560px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 3px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#form_prijava01    {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:370px;
height:160px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 3px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.dugme_01 {
font-family: Tahoma, Geneva, sans-serif;
background-color:#C9E5F3;
font-size: 20px;
font-weight: bold;

}
.dugme_02 {
/* font-family: Arial, Geneva, sans-serif; */
background-color:#C9E5F3;
/* font-weight: bold; */
}


.dugme_glavnimeni {
 font-family: Arial, Geneva, sans-serif; 
height:46px;
line-height:100%;
background-color:#C9E5F3;
border-radius: 10px;
/* font-weight: bold; */
}

.dugme_glavnimeni_desno {
 font-family: Arial, Geneva, sans-serif; 
height:46px;
line-height:100%;
background-color:#F6D8CE;
border-radius: 10px;
/* font-weight: bold; */
}

.dugme_glavnimeni:hover {
background-color:#BCF5A9 ;
}

.dugme_glavnimeni_desno:hover {
background-color:#BCF5A9 ;
}

.sidebar {
background-color:#F2F5A9;
}
div.sidebar :hover {
background-color:#BCF5A9 ;
}


.dugme_da {
/* font-family: Arial, Geneva, sans-serif; */
background-color:#BAEFC5;
/* font-weight: bold; */
}

.dugme_ne {
/* font-family: Arial, Geneva, sans-serif; */
background-color:#FFCBC4;
/* font-weight: bold; */
}

.dugme_lijevimeni {
/* font-family: Arial, Geneva, sans-serif; */
border-top: 2px solid #96d1f8;
border-left: 2px solid #96d1f8;
background-color:#C9E5F3;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
    to(#65a9d7) );
background: -moz-linear-gradient(top, #C9E5F3, #9ACEF0);	
padding: 5px 10px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
width:186px; 
text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
/* text-shadow: rgba(0, 0, 0, .4) 0 1px 0; */
/*font-family: Segoe; */
/* font-weight: bold; */
/* font-size: 7px; */
vertical-align: middle;

}

.dugme_lijevimeni_2 {
/* za programski dio, za na galvnom menio lijevi dio */
/* font-family: Arial, Geneva, sans-serif; */
border-top: 2px solid #96d1f8;
border-left: 2px solid #96d1f8;
background-color:#C9E5F3;

background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
    to(#65a9d7) );
background: -moz-linear-gradient(top, #C9E5F3, #9ACEF0);	

padding: 3px 3px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
width:160px; 
text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
/* text-shadow: rgba(0, 0, 0, .4) 0 1px 0; */
/*font-family: Segoe; */
/* font-weight: bold; */
/* font-size: 7px; */
vertical-align: middle;
margin-bottom: 3px;
}
.dugme_lijevimeni_3 {
/* podmeni za programski dio, za na galvnom menio lijevi dio */
/* font-family: Arial, Geneva, sans-serif; */
border-top: 2px solid #96d1f8;
border-left: 2px solid #96d1f8;
background-color:#BCF5A9;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
    to(#65a9d7) );
background: -moz-linear-gradient(top, #C9E5F3, #9ACEF0);	
*/
padding: 3px 3px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
width:160px; 
text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
/* text-shadow: rgba(0, 0, 0, .4) 0 1px 0; */
/*font-family: Segoe; */
/* font-weight: bold; */
/* font-size: 7px; */
vertical-align: middle;
margin-bottom: 3px;
}

.dugme_lijevimeni_4 {
/* podmeni za programski dio, za na galvnom menio lijevi dio, 3. podmeni */
/* font-family: Arial, Geneva, sans-serif; */
border-top: 2px solid #96d1f8;
border-left: 2px solid #96d1f8;
background-color:#E3CEF6;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
    to(#65a9d7) );
background: -moz-linear-gradient(top, #C9E5F3, #9ACEF0);	
*/
padding: 3px 3px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
width:160px; 
text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
/* text-shadow: rgba(0, 0, 0, .4) 0 1px 0; */
/*font-family: Segoe; */
/* font-weight: bold; */
/* font-size: 7px; */
vertical-align: middle;
margin-bottom: 3px;
}



.dugme_trazi_1 {
/* podmeni za programski dio, za na galvnom menio lijevi dio */
/* font-family: Arial, Geneva, sans-serif; */
border-top: 2px solid #96d1f8;
border-left: 2px solid #96d1f8;
background-color:#BCF5A9;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
    to(#65a9d7) );
background: -moz-linear-gradient(top, #C9E5F3, #9ACEF0);	
*/
padding: 3px 3px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 6px;
width:80px; 
text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
/* text-shadow: rgba(0, 0, 0, .4) 0 1px 0; */
/*font-family: Segoe; */
/* font-weight: bold; */
/* font-size: 7px; */
vertical-align: middle;
margin-bottom: 3px;
}


.text {color: #000000;  font-family: Arial, Vedrana, Helvetica, sans-serif;  font-size: 13px; text-decoration: none}
.text_pomoc {color:#0040FF ; }

.poruka {color: #000000;  font-family: Arial, Vedrana, Helvetica, sans-serif;  font-size: 16px; text-decoration: none}

.lijevi_izbornik { 
float:left;
width:200px;
border:1px solid #999;
border-radius: 6px;
margin-top: 20px;
margin-bottom: 4px;
}

.lijevi_izbornik_2 { 
/* ima kraću širinu , koristi se za sve galvne izbornike na lijevoj strani*/
float:left;
width:180px;
border:1px solid #999;
border-radius: 6px;
margin-top:5px;
margin-bottom: 4px;
}



.gornji_meni { 
float:left;
/* width:200px; */
height:45px;
width:1190px;
border-bottom:1px solid #999;
border-radius: 0px;
margin-bottom: 4px;
background-color: #E6E6E6;   /*   #C9E5F3;*/
}

.radni_podmenu { 
float:left;
/* width:200px; */
/* height:45px; */
width:986px;
border:1px solid #999;
border-radius: 6px;
margin-bottom: 4px;
background-color: #E6E6E6;   /*   #C9E5F3;*/
margin-top:5px;
}
.radni_podmenu_2 { 
float:left;
/* width:200px; */
/* height:45px; */
width:1006px;
border:1px solid #999;
border-radius: 6px;
margin-bottom: 4px;
background-color: #E6E6E6;   /*   #C9E5F3;*/
margin-top:1px;
}

.radni_podmenu_naslov { 
float:left;
/* width:200px; */
/* height:45px; */
width:1006px;
border:1px solid #999;
border-radius: 6px;
margin-bottom: 0px;
background-color: #E6E6E6;   /*   #C9E5F3;*/
margin-top:5px;
}

.menitekst {
	/* font: 10px Verdana, Arial, Helvetica, sans-serif; */
	color: #000000 ; /* #58ACFA; */
}
.fieldset1 {
width: 467px;
float: left;
padding-top: 0px;
}
.fieldset2 {
width: 468px;
float: right;
height: 681px;
}

.fieldset3 {
width: 445px;
float: left;
}

label.field1 {
text-align: right;
width: 140px;
float:left;
}

label.field2 {
text-align: right;
width: 120px;
float:left;
}

label.field3 {
text-align: right;
width: 180px;
float:left;
}

label.field4 {
text-align: right;
width: 240px;
float:left;
}

label.field5 {
text-align: left;
width: 200px;
float:left;
margin-left:100px;
}

label.field6 {
text-align: left;
width: 340px;
float:left;
margin-left:2px;
}

label.field7 {
text-align: right;
width: 340px;
float:left;
margin-left:2px;
}

input.textbox-xx {
float:left;
}

.fieldset1 p {
clear: both;
padding: 3px;
}

.fieldset3 p {
clear:both;
padding: 3px;
}
.fieldset4 p {
clear:both;
padding: 10px;
}

.obaveznopolje {
color: #F52F2F;
font-weight: bold;
margin-top:0px;
margin-bottom:0px;

}
.error {
color: #F52F2F;
font-weight: bold;
}
.uspjesno {
color: #298A08;
font-weight: bold;
}
/* td.container > div { width: 100%; height: 100%; overflow:hidden; } */
td.container > div { width: 100%; height: 100%;   overflow: hidden; }
td.container {height: 16px; }

.myfile {
position:relative; overflow: hidden;  clear: left;}
.myfile input[type="file"] {
}
.formamenu {
margin-bottom:0px;"
}
/*makne desne spin gumbe da se ne vide ako je inoput type number  */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.clip {
text-overflow: clip;
white-space: nowrap;
overflow: hidden;
}

.tableprikaz {
  display: table;
}
