body {
background-color:#DDD;
background:url(../img/bg.png) repeat;

background-image: url(../img/bg.jpg); ;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}

.table > thead > tr > th {
	text-align:center !important;
}

h2, h4 {
	margin-top:0px !important;
	text-align:center !important;
	margin-bottom:25px !important;
}
.btn-lg, .btn-group-lg > .btn {
	padding:2px 7px !important;
}

td span.darko:hover {
	cursor: help;
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{
	vertical-align:middle;
	background-color:#428bca;
	color:#fff;
	}




/***************************************************
			           MENI
***************************************************/

#meni {
width: 945px;
height: 35px;
margin: 10px auto;
clear:both;
}

.nav > li {
	margin-right:12px;
}

.nav > li > a {
	padding:10px 10px !important;
}

h1.header {
	color:#fff;
	text-align:center;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}



.pretraga {
	margin-bottom:15px;
}

/***************************************************
			           CONTENT
***************************************************/
#content {
max-width: 1100px;
min-width:1000px;
margin: 0 auto;
clear:both;
border:1px solid #ccc;
padding:30px 10px;
background-color:white;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .175);
	  box-shadow: 0px 0px 6px rgba(0, 0, 0, .175);
}



/***************************************************
			           TABELA
***************************************************/
.tabela {
font-size:16px;
border-collapse:collapse;
}
.tabela th {
background: #CCCCCC;
border:2px solid #000;
text-align:center;
padding:4px 1px;
font-weight:normal;
}
.tabela td {
border:1px solid #000;
text-align:center;
padding:2px 1px;
}
.tabela tr {
color:black;
background-color:#FFFFFF;
}
.tabela tr:hover {
color:black;
background-color: #ffd0d0;
}

.tabela td.bold_left {
font-weight:bold; 
text-align:left;
padding:4px 7px;
}
.tabela td.left {
text-align:left;
padding:4px 7px;
}
.tabela td.left img{
	border:0;
	cursor:pointer;
	margin:0 8px;
}

.tabela td.right {
text-align:right;
padding:4px 7px;
}

.tabela tr.ukupno td {
background: #CCCCCC;
border:2px solid #000;
text-align:right;
padding:8px 7px;
font-weight:normal;
}

.tabela tr.blank td{
display: none;
color:#fff;
background-color:#FFFFFF;
}
.tabela tr td.none {
border:0; 
color:white;
background-color:#FFFFFF;
}
.tabela tr td.none:hover {
border:0; 
color:white;
background-color:#FFFFFF;
}



#print {
display: block;
}

.stampaj a{
padding:7px;
border:1px solid black;
display:block;
background-color:#EEE;
float:right;
text-align:center;
text-decoration:none;
color:#cc0000;
}
.stampaj a:hover{
padding:7px;
border:1px solid black;
display:block;
background-color:#ffd0d0;
float:right;
text-align:center;
text-decoration:none;
}


.clear {
height:0px;
clear:both;
}
.clear1 {
height:1px;
clear:both;
}

.clear20 {
height:20px;
clear:both;
}
.clear100 {
height:100px;
clear:both;
}

#header {
display:none;
}

.upozorenje {
margin:1px auto; 
padding: 7px; 
color:red; 
text-align:center;
border-top:3px solid red;
border-bottom:3px solid red;
background-color: #FFCCCC;
font-size:24px;
}




/***************************************************
			    UNOS TIPKE
***************************************************/
#unos-tipke {
width: 343px;
height: 200px;
margin: 0 auto;
clear:both;
padding-bottom:20px;
padding-top:60px;
}
.unos-tipke a {
width:300px;
display: block;
clear:both;
float: left;
padding: 10px;
border: 1px solid #000;
text-decoration: none;
text-align: center;
font-size: 17px;
color: #cc0000;
font-weight:bold;
margin:10px;
background-color:white;
}

.unos-tipke a:hover {
background: #ffd0d0;
}


/***************************************************
			    KONTAKT FORMS
***************************************************/
/*

form{
margin:0;
padding:30px 0 30px 0px;
}

label {
color:#666666;
font-size:18px;
width:400px;
display:block;
float:left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 0px;
clear: both;
text-align:right;
}
.textbox {
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:80px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:16px;
font-weight:bold;
}
.textbox_long {
width:400px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:16px;
font-weight:bold;
}
textarea {
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:16px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

.textbox_trazi {
width:250px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-bottom:20px;
margin-left:5px;
float:left;
font-size:16px;
font-weight:bold;
float: right;
}

select {
height:24px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
margin-top:0px;
margin-right:80px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:14px;
font-weight:bold;
}
.textarea {
height:115px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-right:54px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:18px;
font-weight:bold;
font-family: Calibri;
text-align:center;
}

.dodaj {
background: url(../img/add.png) no-repeat 3px 4px;
padding-left: 17px;    
clear:both;
display:block;
font-size:16px;
font-weight:bold;
background-color:#ffffff;
color:#cc0000;      
margin-left: 355px;
}





form.dodaj_artikal{
padding-left:20px;
margin:0px;
padding-top:15px;
border:1px solid black;
clear:both;
display:block;
height:13px;
background-color:#EEE;
width:550px;
height:50px;
float:left;
}
label.dodaj_artikal {
color:#666666;
font-size:18px;
width: auto;
float:left;
padding: 0px;
margin-top:1px;
}
.textbox2 {
width:100px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
float:left;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin:0px;
font-size:16px;
font-weight:bold;
margin-top:1px;
}
.in {
display:block;
float:left;
margin-left:10px;
}
.dodaj2 {
background: url(../img/add.png) no-repeat 3px 4px;
padding-left: 17px;    
clear:both;
display:block;
font-size:16px;
font-weight:bold;
background-color:#ffffff;
color:#cc0000;      
}


.textbox3 {
width:300px;
height:20px;
border:1px solid #cccccc;
background-color:#ffffff;
color:#cc0000;
padding:2px;
padding-top:3px;
padding-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:20px;
float:left;
font-size:16px;
font-weight:bold;
}


.greska {
margin:1px auto; 
padding: 3px; 
color:#cc0000; 
text-align:center;
border-top:2px solid #cc0000;
border-bottom:2px solid #cc0000;
background-color:#ffd0d0;
font-size:20px;
}

.radio {
width:120px;
float:left;
margin-bottom:20px;
}
*/
/***************************************************
			           FOOTER
***************************************************/
#footer {
max-width: 1100px;
min-width:1000px;
margin: 20px auto;
clear:both;
border:1px solid #ccc;
padding:5px;
text-align:center;
background-color:white;
color:#333;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .175);
	  box-shadow: 0px 0px 6px rgba(0, 0, 0, .175);
}

#footer a {
color:#000000;
text-decoration:none;
font-weight:normal;
font-size:16px;
}
#footer a:hover {
color:#000000;
text-decoration: underline;
}


/*********************************
           INSERT FLOAT
*********************************/
#dodato {
border-radius: 6px;
width:auto; 
padding:10px; 
background:#428bca; 
color:white;
font-weight:bold;
font-size:20px;
}
#greska {
border-radius: 6px;
width:auto; 
padding: 10px; 
background: red; 
color:white;
font-size:24px;
font-weight:bold;
}


/*********************************
             TOOLTIP
*********************************/
.tooltip {
	word-wrap: break-word;
}

#demotip { 
    display:none; 
    background:transparent url(../img/tooltip.png); 
    font-size:18px;
	font-weight:bold;
	text-align:center;
    height:27px; 
    width:102px; 
    padding:22px 25px 28px 25px;
    color:#cc0000;
}
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 1px;
}



.tipka a{
display:block;
text-align:center;
text-decoration:none;
margin:8px auto;
width:200px;
}
.tipka a:hover {
display:block;
text-decoration:none;
}

.potpis {
display:none;
}
.pecat {
display:none;
}
#podaci_print {
display:none;
}
#podaci_look {
display:block;
}


/*********************************
             PRIKAZ KRSTENICE
*********************************/
#krstenica {
	font-size:24px;
}
#krstenica p {
	line-height:33px;
}

.box1{
	margin-left:70px;
}
.box2{
	margin-left:100px;
}
.box3{
	margin-left:100px;
}
.box4{
	margin-left:100px;
}
.box5{
	margin-left:70px;
	float:left;
}
.box6{
	margin-left:170px;
	float:left;
}
.box7{
	margin-left:150px;
	float:left;
}
.box8{
	margin-left:440px;
	clear:both;
}