/*******************************/
/***** >>> USEFUL CLASSES ******/
/*******************************/
.displayTR { display:table-row; }
.displayBlock { display:block; }
.displayInline { display:inline; }
.displayInlineBlock { display:inline-block; }
.displayNone { display:none; }

.widthMax { width:100%; }
.heightMax { height:100%; }

.hidden { visibility:hidden; }

.zIndexMin { z-index:-1000; }
.zIndexMax { z-index:1000; }

.noBorder { border:none !important; }
.noBackground { background:none !important; }

.bold { font-weight:bold !important; }
.italic { font-style:italic !important; }

.fontSizeXXS { font-size:0.4em !important; }
.fontSizeXS { font-size:0.6em !important; }
.fontSizeS { font-size:0.8em !important; }
.fontSizeMS { font-size:0.9em !important; }
.fontSizeM { font-size:1em !important; }
.fontSizeML { font-size:1.1em !important; }
.fontSizeL { font-size:1.2em !important; }
.fontSizeXL { font-size:1.4em !important; }
.fontSizeXXL { font-size:1.6em !important; }


.paddingXXS { padding: .1em !important; }
.paddingXS { padding: .3em !important; }
.paddingS { padding: .5em !important; }
.paddingMS { padding: .8em !important; }
.paddingM { padding: 1em !important; }
.paddingML { padding: 1.3em !important; }
.paddingL { padding: 1.6em !important; }
.paddingXL { padding: 2em !important; }
.paddingXXL { padding: 4em !important; }

.red { color: red; }
.green { color: green; }
.gold { color: gold; }
.blue { color: blue; }
.white { color: white; }

.bgRed { background-color: red; }
.bgGreen { background-color: green; }
.bgGold { background-color: gold; }
.bgBlue { background-color: blue; }
.bgWhite { background-color: white; }

.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textJustify { text-align: justify; }

.margin-center { margin-left: auto !important; margin-right: auto !important; }

.backgroundPosition-topMiddle { background-position: center top !important; }
.backgroundPosition-bottomMiddle { background-position: center bottom !important; }


.cursorPointer { cursor: pointer !important; }
/*******************************/
/***** <<< USEFUL CLASSES ******/
/*******************************/


/*******************************/
/**** >>> MAIN DOM ELEMENTS ****/
/*******************************/
body, input, textarea
  {
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-size: 100%;
	margin: 0;
 }

body
  {
	padding: 0;
	width: 100%;
    height: 100%;
    border: none;
	font-weight: normal;
	color: white;
	background: #630011 url('bg.jpg') repeat fixed center top; /* COLOR CSS */
	text-shadow: #730000 1px 1px 2px;
 }

img
  {
	border: none;
	margin: 0;
	padding: 0;
 }

table, td
  {
	margin:0px;
	padding:0px;
	vertical-align:top;
 }

::selection {
	background: white;
	color: red;
} 

/*******************************/
/**** <<< MAIN DOM ELEMENTS ****/
/*******************************/


/*******************************/
/****** >>> MAIN MENU **********/
/*******************************/
#nav
  {
	margin: 0;
	padding: 0 20px 0 10px;
 }

#nav ul
  {
	margin:0;
	padding:0; 
	width:100%; 
 }

#nav li
  {
	list-style:none;
	margin: 4px 0;
 }
	
#nav a
  {
	display: block;
	color: white;
	padding: .2em .2em .2em .3em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid transparent;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	border-radius: 10px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
 }
#nav a:hover, .menu-active, .sub-menu-active
  {
	color:#dcebff !important;
	background: rgba(78, 0, 0, 0.6) !important; /* COLOR CSS */
	border: 1px solid #ab0000 !important; /* COLOR CSS */
 }
.menu-normal
  {
	margin-left: 0;
 }
.menu-normal:hover, .menu-active
  {
	margin-left: 8px !important;
 }
.sub-menu
  {
	font-size: .9em;
	/*font-style: italic;*/
	text-indent: 3px;
 }
.sub-menu-normal
  {
	margin-left: 20px !important;
 }
.sub-menu-normal:hover, .sub-menu-active
  {
	margin-left: 30px !important;
 }
/*******************************/
/****** <<< MAIN MENU **********/
/*******************************/


/*******************************/
/**** >>> LINKS AND BUTTONS ****/
/*******************************/
a
  {
	color: #ffb6b6;
	text-decoration: underline;
	font-weight: bold;
 }

a:hover
  {
	color: white;
	text-decoration: none;
	font-weight: bolder;
 }
a.button
  {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #244a93;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em 1em;
	margin: 0 .15em 0 .05em;
	background: url('../a_out.png') repeat-x center center;
 }
a.button:hover
  {
	margin: 0 .05em 0 .15em;
	border: 1px solid #365ba3;
	cursor: pointer;
	background: url('../a_in.png') repeat-x center center;
 }

a.imageButton
  {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #244a93;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .1em .5em;
	margin: 0 .15em 0 .05em;
	background: url('../a_out.png') repeat-x center center;
 }
a.imageButton:hover
  {
	margin: 0 .05em 0 .15em;
	border: 1px solid #365ba3;
	cursor: pointer;
	background: url('../a_in.png') repeat-x center center;
 }

a.disabledButton
  {
	display:inline-block;
	color:#4e698e;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background: rgba(71,93,134,0.28);
	border-style:solid;
	border-width:1px;
	border-color: #364766;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em 1em;
	margin: 0 .15em 0 .05em;
 }

a.invertedButton
  {
	display:inline-block;
	color: white;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background: #2c5397;
	border-style:solid;
	border-width:1px;
	border-color: #1b3d79;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em 1em;
	margin: 0 .15em 0 .05em;
 }
a.invertedButton:hover
  {
	color:white;
	background: #4277d3;
	margin: 0 .05em 0 .15em;
	border-color: #3062b9;
	cursor:pointer;
 }

a.disabledInvertedButton
  {
	display:inline-block;
	color:#4e698e;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background: #99aed3;
	border-style:solid;
	border-width:1px;
	border-color: #5f7eb4;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em 1em;
	margin: 0 .15em 0 .05em;
 }

.button-naruciteOdmah-in
  {
	display:block;
	width: 123px;
	height: 38px;
	margin: 5px auto;
	background: transparent url('button.gif') no-repeat 0 0;
	border: none !important;
	cursor: auto !important;
 }
 
.button-naruciteOdmah-out
  {
	display:block;
	width:123px;
	height: 38px;
	margin: 5px auto;
	background: transparent url('button.gif') no-repeat 0 -41px;
	border: none !important;
	cursor: pointer !important;
 }
/*******************************/
/**** <<< LINKS AND BUTTONS ****/
/*******************************/


/*******************************/
/*** >>> INPUTS AND TEXTAREAS **/
/*******************************/
input[type="text"], textarea
  {
	border-style:solid;
	border-width:1px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 4px;
	-moz-border-radius-topright: 8px;
	border-radius: 4px;
	border-top-right-radius: 8px;
	outline:none; /* ZA GOOGLE CHROME */
 }

.inputOrTextarea-focusOut
{
	background-color: rgba(0,47,136,0.35);
	border-color: #3e67b3;
	color: #7fa3e7;
}

.inputOrTextarea-focusIn
{
	background-color: rgba(0,86,182,0.4);
	border-color: #95b7f5;
	color: white;
}

#new_header-right input
  {
	margin: 0 .5em 0 0;
	padding: .2em .2em .2em 25px;
	background-image: url('../search.png');
	background-repeat: no-repeat;
	background-position: .3em center;
 }

#subscribe-input
  {
	padding: .1em .3em;
	margin: 0 auto;
	display:block;
 }

.inputErrorMark
  { 
	border: 1px solid white !important;
	background: red !important;
	color: white !important;
 }
/*******************************/
/*** <<< INPUTS AND TEXTAREAS **/
/*******************************/


.infoBox-korpa
  {
	color: #e3eeff;
	display:inline-block;
	text-align: left;
	background: rgba(0, 0, 58, 0.3) !important;
	border: 1px dashed #365ba3;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	/* padding: .2em .5em;
	margin: .5em .2em .3em; */
	/*font-style: italic;*/
 }

.infoBox-galleryItem
  {
	color: #e3eeff;
	display:inline-block;
	width: 90%;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background: rgba(0, 0, 58, 0.3) !important;
	border: 1px dashed #365ba3;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em .5em;
	margin: .5em .2em .3em;
	/*font-style: italic;*/
 }

.infoBox-contactUs
  {
	color: #e3eeff;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background: rgba(0, 0, 58, 0.3) !important;
	border: 1px dashed #365ba3;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .2em .5em;
	margin: .5em .2em .3em;
	/*font-style: italic;*/
 }

.infoBox-error
  {
	display:inline-block;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background: rgba(255,60,60,0.2);
	border-style:solid;
	border-width:1px;
	border-color: darkred;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
	padding: .5em;
 }


/*******************************/
/******* >>> MAIN LAYOUT *******/
/*******************************/

/* HEADER */
#new_header
{
float:left;
width:100%;
padding-bottom: 10px;
font-size:0.8em;
/* border:solid 2px #627b9b; 
background:blue;*/
}

#new_header-left
{
float:left;
margin-left: 10px;
/* line-height:27px;
border-bottom:solid 2px white; */
/* background: transparent url('../narudzbenica-info-crta.png') no-repeat left bottom; } */
}

#new_header-right
{
float:right;
/* background:red; */
}

/* HEADER */

/* CONTENT */
#main_div
{
margin: 120px auto 0;
width:965px;
/* border:solid 2px white; */
padding: 0;
}


#nd-mainContent
  {
	margin: 0;
	padding: 0;
 }


#nd-mainHeader
{
/* border:solid 2px red; */
position: fixed;
margin: 0 auto;
width: 965px;
background: #630011 url('bg.jpg') repeat center top; /* COLOR CSS */
top: 0;
}
#nd-mainContent, #trakaZaVesti, #nd-mainFooter
  {
	border:solid 2px #9d0000; /* COLOR CSS */
	/* outline:solid 2px #002fba; */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: 0 0 12px #620505; /* COLOR CSS */
	-webkit-box-shadow: 0 0 12px #620505; /* COLOR CSS */
	box-shadow: 0 0 12px #620505; /* COLOR CSS */
	background: rgba(78, 0, 0, 0.6) url('../dan-zaljubljenih/gr_bg_top.png') repeat-x center top;  /* COLOR CSS */
 }
#nd-mainFooter
{
/* border:solid 2px blue; */
margin: 10px 0;
font-size: .9em;
text-align: center;
padding: 1em;
line-height: 1.5em;
}
#trakaZaVesti
{
color: #aacfff;
/*font-style: italic;*/
}
#narudzbenica-info p
{
/* display: inline-block;
height: 30px;
margin: 0;
padding: 0; */
}
#narudzbenica-info img
{
/* line-height: 30px; */
}
#content-top
{
padding: 5px 5px 10px 5px;
}
#content-top-left
{
width: 250px;
}
#content-top-right
{
vertical-align:top;
}
#content-middle-left
{
padding-right: 10px;
}
#content-oNama, #content-kontakt, #content-cestaPitanja, #content-mocKristala, #content-3dSlikanje
{
padding: 0 20px;
}
#content-cestaPitanja p
{
font-weight: bolder;
text-indent: 10px;
}
#content-cestaPitanja span
{
/*font-style: italic;*/
}
#content-oNama, #content-mocKristala, #content-3dSlikanje
{
text-align: justify;
text-justify: newspaper;
}

#content-oNama h3, #content-mocKristala h3
{
clear:both;
margin:1.3em 0 .5em .5em;
}

#content-oNama span
{
padding: 0 20px;
text-indent: 5px;
/*font-style: italic;*/
/* text-shadow: #000f46 0 0 2px; */
}
#content-oNama img, #content-mocKristala img
{
float:left;
margin: 0 .5em .3em 0;
}


#nd-header-button-korpa
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/korpa.png') no-repeat center top;
 }
#nd-header-button-searchBox
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/headerButtonL-blank.png') no-repeat center top;
 }
#nd-header-button-cenovnik
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/cenovnik.png') no-repeat center top;
 }
#nd-header-button-katalog
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/katalog.png') no-repeat center top;
 }
#nd-header-button-kontakt
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/kontakt.png') no-repeat center top;
 }
#nd-header-button-postexpress
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/postexpress.png') no-repeat center top;
 }
#nd-header-button-pdvObrazac
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/pdv-obrazac.gif') no-repeat center top;
 }
#nd-header-button-pomoc-narucivanje
  {
	background: transparent url('../dan-zaljubljenih/header-buttons/pomoc.png') no-repeat center top;
 }
/* #button-contactUs
  {
	width: 169px;
	height: 60px;
	display: inline-block;
 }
#button-contactUs:hover
  {
	background-position: center bottom !important;
 } */

td.layout
  {
	text-align: center;
	height: 57px;
	vertical-align: middle;
 }
#header-socialIcons img, #socialIcons img
{
	width: 32px;
	height: 32px;
}

.searchbox
{
	width: 130px;
}

.searchbox a.button
{
	margin-top: 4px !important;
}

#header-rightTop a, #socialIcons a
  {
	text-decoration: none;
 }

#socialIcons
  {
	text-align: center;
	margin-top: 10px;
 }

#header-narudzbenicaInfo
  {
	/*width: 180px;
	text-align: center;*/
 }

#header-narudzbenicaInfo img
  {
	/*float: left;
	display: inline;
	margin-right: .1em;*/
 }

#header-narudzbenicaInfo p
  {
	/*line-height: 1em;
	vertical-align:middle;
	display: inline;
	margin: 0;
	padding: 0;
	height: 30px;
	float: right;*/
 }

.nd-header-buttons
  {
	text-align: center;
	vertical-align: middle;
 }
#header-searchBox
{
/* background: red; */
}
.nd-header-buttons p
{
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
height: 50px;
}

.nd-header-buttons a
{
/* height: 50px; */
}

.nd-header-buttons table
{
display: inline-table;
margin: 0;
padding: 0;
height: 50px;
}

.nd-header-buttons td
{
vertical-align: middle;
}

.nd-header-buttons td.headerButtons-imageCell
{
width: 54px;
}

.nd-header-buttons-link
{
display: none;
}

.headerButtons-M_Width { width: 120px; }
.headerButtons-L_Width { width: 150px; }
/*******************************/
/******* <<< MAIN LAYOUT *******/
/*******************************/





/*******************************/
/***** >>> BOX TEMPLATES *******/
/*******************************/

/* odredi senku svim boxovima */
.box-thead, .box-tbody, #contentTopRight-garancija, #div-contentTopRight_kontaktForma, .infoBox-galleryItem, .thumbFrame, .orderedItemTable,
#nav a:hover, .menu-active, .sub-menu-active, .cenaKristala
  {
	-moz-box-shadow: 2px 2px 5px #360000; /* COLOR CSS */
	-webkit-box-shadow: 2px 2px 5px #360000; /* COLOR CSS */
	box-shadow: 2px 2px 5px #360000; /* COLOR CSS */
 }

.box-table
  {
	width:100%;
	margin: 1em auto;
 }

.box-thead
  {
	font-weight:bolder;
	/*font-style: italic;*/
	text-align: center;
	font-size: 1em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 16px;
	border-top-left-radius: 5px;
	border-top-right-radius: 16px;
	background: rgba(150, 0, 0, 0.7) !important;
	border: 1px solid #c10000 !important;
	border-bottom: 2px dashed #9d0000 !important;
	padding: .1em 0;
 }
.box-tbody
  {
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 5px;
	border: 1px solid #c10000;
	border-top: none;
	padding: 1em;
 }
 
.thumbFrame
  {
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 100%;
	height: 100%;
 }

.catsThumbFrame-out, .itemThumbFrame-out
  {
	border: 2px solid white;
	padding: .4em .2em;
 }
.td-catsThumb, .itemThumbFrame-out, .box-tbody, 
#contentTopRight-garancija, #div-contentTopRight_kontaktForma, 
.orderedItemTable, .cenaKristala
  {
	background: rgba(75, 0, 0, 0.6) url('../dan-zaljubljenih/box-cornerEffect.png') no-repeat 0 0; /* COLOR CSS */
 }

#contentTopRight-garancija, #div-contentTopRight_kontaktForma
  {
	border: 1px solid #365ba3;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 15px;
	border-radius: 10px;
	border-top-right-radius: 15px;
 }
 
#contentTopRight-garancija
  {
	margin: 0 5px;
	padding: 0;
	height: 247px;
 }
 
#contentTopRight-garancija p
  {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: justify;
	text-justify: newspaper;
 }
#contentTopRight-garancija img
  {
	/* margin-top: 5px; */
	width: 200px;
	height: 247px;
 }
 
#div-contentTopRight_kontaktForma
  {
	width: 420px;
	text-align: right;
 }
#div-contentTopRight_kontaktForma, 
#div-contentTopRight_kontaktForma input, #div-contentTopRight_kontaktForma textarea, #div-contentTopRight_kontaktForma a
  {
	font-size: .9em;
 }
/*******************************/
/***** <<< BOX TEMPLATES *******/
/*******************************/


/*******************************/
/****** >>> BOX CONTENTS *******/
/*******************************/
#subs-unsubs-links 
  {
	text-align:center;
 }

#subs-unsubs-links a.button, #subs-unsubs-links a.disabledButton
  {
	margin: .5em;
	font-size:0.6em;
 }

.box-description
  {
	font-weight:normal;
	font-size: .8em;
	padding: 0;
	/*font-style: italic;*/
	display: inline-block;
	text-align: justify; 
	text-justify: newspaper;
 }
/*******************************/
/****** <<< BOX CONTENTS *******/
/*******************************/

/*******************************/
/****** >>> MOC KRISTALA *******/
/*******************************/


/*******************************/
/****** <<< MOC KRISTALA *******/
/*******************************/




#potpis
  {
	margin-top:20px;
	padding-top:50px;
	display:block;
	width:200px;
	background-image:url(logo_pot.jpg);
	background-repeat:no-repeat; 
 }

/* P O R U DZ B I N A */

.orderedItemTable
  {
	width: 90%;
	margin: 1em auto;
	border: 2px solid white;
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
 }

.orderedItemTable-thead td, .orderedItemTable-tfoot td
  {
	vertical-align: middle;
 }

.orderedItemTable-tbody td
  {
	vertical-align: top;
 }

/* THEAD */
.orderedItemTable-thead td
  {
	padding: .4em;
 }

.orderedItem-headTitle
  {
	font-size: .9em;
	/*font-style:italic;*/
	font-weight: bold;
	color: #d1e1ff;
 }

.orderedItem-headLinks
  {
	text-align: right;
	font-size: .7em;
 }
/* THEAD */

/* TFOOTER */
.orderedItemTable .cenaKristala
  {
	width: 90%;
	
 }

.orderedItemTable-tfoot td
  {
	font-size: .9em;
	font-weight: bold;
 }

.orderedItem-footTitle
  {
	text-align: right;
 }
/* TFOOTER */

.td-orderedItemThumb
  {
	width: 150px;
	height: 150px;
 }

.input-personalisedText
  {
	width: 90%;
 }

.orderedItem-detaljiKristala-opis
  {
	font-weight: normal;
	/*font-style:italic;*/
	color: #d1e1ff;
 }

.orderedItemTable .personalise
  {
	width: 15em;
 }


/*  novo */
table.table-ponudaPocetna
  {
	margin: 10px auto;
 }
 
#porudzbina table
  {
	margin: 5px auto;
 }

.expand-div
  {
	/* margin: 0;
	padding: 0;
	display: inline-block; */
	width: 50%;
 }
 
#firstRow-div
  {
	/* border: 2px solid red; */
 }
 
fieldset
  {
	margin: 10px 0 15px;
 }
 
fieldset.porudzbinaOdabrano
  {
	margin: 5px !important;
 }
 
.fieldsetObrisi
  {
	margin: 0 5% 0 auto;
 }
 
table.table-ponudaPocetna td
  {
	text-align: center;
	vertical-align: middle;
	border: 1px solid white;
	padding:5px;
 }
 
#fieldsetOdabrano td, #fieldsetOdabrano-0 td, #porudzbina-detaljiKupca td
  {
	padding:5px;
 }

#fieldsetOdabrano .trUkupno td
  {
	/*border-bottom: 1px solid white;*/
 }

hr
  {
	border-top: 1px solid white;
	width:60%;
	margin: 5px;
 } 
 
#porudzbina tr.firstTR td, table.table-ponudaPocetna tr.firstTR td
  {
	border-top: none !important;
	vertical-align: bottom !important;
 }

#porudzbina tr.lastTR td, table.table-ponudaPocetna tr.lastTR td
  {
	border-bottom: none !important;
 }

#porudzbina td.firstTD, table.table-ponudaPocetna td.firstTD
  {
	border-left: none !important;
 }

#porudzbina td.lastTD, table.table-ponudaPocetna td.lastTD
  {
	border-right: none !important;
 }

#tr-napomena td.objasnjenje
  {
	vertical-align:top !important;
 }

#tr-naruci td
  {
	text-align: left !important;
	padding: 5px 15px;
 }

#porudzbina tr.ukupnoTR td, #porudzbina-novo td, #porudzbina-detaljiKupca td
  {
	border: none !important;
 }

#porudzbina-novo tr td.objasnjenje, #porudzbina-detaljiKupca tr td.objasnjenje, .porudzbinaOdabrano .opis, legend
{
text-align: right !important;
}
.legendRight
{
	margin-left:70%;
}
#fieldsetOdabrano-0
{
	text-align: center !important;
}
#porudzbina-novo tr td.odabir, #porudzbina-detaljiKupca tr td.odabir, .porudzbinaOdabrano .value
{
text-align: left !important;
}

#porudzbina table input
  {
	background-color: transparent; /*#bc0000*/
	border: 1px solid white;
	color: white;
 }

#dodajNoviRed, #button_naruciDugme
  {
	background-color: transparent; /*#bc0000*/
	border: 1px solid white;
	color: white;
	cursor: auto;
 }

#dodajNoviRed:hover, #button_naruciDugme:active, #button_naruciDugme:hover
  {
	border: 1px solid #ffb100;
	color: #ffb100;
	cursor: pointer;
 }

#porudzbina ul
  {
	margin-bottom: 20px;
 }

#porudzbina ul li
  {
	font-weight:bold;
	margin: 5px 0 5px -15px;
 }

#kristali_data_div
  {
	display:none;
 }

/* UPLOAD DIALOG */
#dialog-bg
  {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,10,70,0.6);
 }
 
#dialog
  {
	position:absolute;
	overflow: auto;
	height:auto;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.95);
	border: 2px solid #2c5397;
	padding: 1em;
	min-width: 40% !important;
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
 }
 
#dialog-content
  {
	margin: auto;
	display: table;
	width: 80%;
	color: black;
	font-size: .8em;
	/* border: 1px solid red; */
 }
 
.progressbar-frame
  {
	display:block;
	border: 1px solid #5984d4;
	width:100%;
	height: 7px;
	margin: .5em 0;
	overflow: hidden;
 }

.progressbar-span
  {
	display:inline-block;
	background-color: #b3c8dd;
	width:0%;
	height: 100%;
 }

.uploadingQueue-item
  {
	vertical-align: middle;
 }
 
.deleteUploadedFile
  {
	display: inline-block;
	 margin-right: .5em;
 }
 

/* UPLOAD DIALOG */

/* G L A V N A   S T R A N A */

.potpis
  {
	height: 52px;
	margin: 5px 10% 5px 2%;
	background: transparent url('logo_pot.gif') no-repeat top right;
	font-weight: bold;
	/*font-style: italic;*/
 }

/* G L A V N A   S T R A N A */
	


/* G A L L E R Y */

.linkTree
  {
	font-size: 0.8em;
 }

.td-catsThumb
  {
	text-align: center;
 }

.items-tableList
  {
	width: 100%;
 }

.item-td
  {
	width: 50%;
	height: 100%;
 }
 
.catsThumbFrame-in
  {
	border-color: #3a77c6;
	background: transparent url('thumb_bg_cats.png') no-repeat center center;
 }

.itemThumbPhoto-in
  {
	background: transparent url('thumb_bg.png') no-repeat center center;
 }

.detaljiKristala-opis
  {
	display:block;
	font-size: 0.8em;
	/*font-style:italic;*/
	color: #d1e1ff;
	margin: .3em 0 .1em;
 }

.detaljiKristala-vrednost
  {
	display:block;
	font-size: 0.8em;
	font-weight:bolder;
	margin-left: .5em;
 }

.cenaKristala
  {
	display:block;
	color: #f5eded;
	background-position: 0 -30px !important;
	border: 1px solid #f5eded;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: .2em;
	margin: 0 .1em;
	text-align: center;
	font-size: 1em;
	font-weight: bolder;
 }

.staraCenaKristala
  {
	text-decoration: line-through;
	font-size: .7em;
	font-weight: normal;
 }

.discount-percent
  {
	color: #001845;
	font-size: .9em;
	font-weight: bolder;
	display: inline-block;
	background-color: #f5eded;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: .15em .3em;
	margin: 0 0 0 .3em;
	text-shadow: none !important;
 }

.nemaNaStanju
  {
	display:block;
	width: 90px;
	height: 28px;
	border: none;
	margin: auto;
 }

.button-addToCart
  {
	display:block;
	width: 90px;
	height: 28px;
	border: none;
	margin: auto;
	background: transparent url('dodaj-u-korpu.gif') no-repeat 0 0;
	cursor: auto;
 }

.button-addToCart-over
  {
	background-position: 0 -30px !important;
	cursor: pointer !important;
 }

/* G A L L E R Y */