/*html, body { width: 100%; padding: 0; margin: 0; }*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body { background: #fff; font: 13px/25px 'Helvetica Neue',Arial,sans-serif; color: #333; }

body#body { background: #fcfcfc !important; }
body#body { margin: 0 auto; }

/* -- KOLONE -- */
.one_full { width: 98.5% }
.one_half{ width:48.5%; }
.one_third{ width:31.16%; }
.two_third{ width:65.83%; }
.one_fourth{ width:22.5%; }
.three_fourth{ width:74.5%; }
.one_fifth{ width:17.3%; }
.two_fifth{ width:38.1%; }
.three_fifth{ width:58.9%; }
.four_fifth{ width:67.7%; }
.one_sixth{ width:13.83%; }
.five_sixth{ width:83.17%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .one_full { /*position:relative;*/ margin-right:1.5%; float:left; display: inline-block; *display: inline; }

.clear { display: block; clear: both; }
/*.clear:after { display: block; visibility: hidden; height: 0; clear: both; font-size: 0; content: ""; }*/
.block { display: block; }

.Arial { font-family: Arial; }
.Tahoma { font-family: Tahoma, Sans-Serif; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font22 { font-size: 22px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }

.bold { font-weight: 600; }
.nobold { font-weight: normal; }

a { outline: none; }
a, a:link, a:visited, a:active { text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1; }

.alfa, .first { margin-left: 0 !important; clear: left; }
.omega { margin-right:0 !important; clear: right; }
.alignright { float: right; }
.alignleft { float: left; }
.alignCenter { margin: 0 auto; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textjustify { text-align: justify; }
.aligntop { vertical-align: top; }
.alignmiddle { vertical-align: middle; }
.alignbottom { vertical-align: bottom; }

.italic { font-style: italic; }

input [type-text], textarea { font: inherit; *font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color: #333; *line-height: 1; /*width: 95%;*/ }

a img { border: 0; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
.loaders img { margin-right: 10px; display: inline-block; }
.form-control {width: 90%; *width: 200px; height: 25px; *height: 20px; *padding: 0 12px; padding: 3px 12px; font-size: 14px; line-height: 1; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { border-color: #4472B9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,114,185,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,114,185,.6); }
.form-control::-moz-placeholder { color: #444; opacity: 1; }
.form-control:-ms-input-placeholder { color: #444; }
.form-control::-webkit-input-placeholder { color: #444; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; }


.divider { overflow: hidden; margin-bottom: 0; background: url("../images/divider.png") 0 center repeat-x; }
.divider1 { overflow: hidden; margin-bottom: 0; padding: 10px 0; height: 2px; background: url("../images/divider1.png") 0 center repeat-x; }

.hidden { display: none; }
.invisible{visibility: hidden;display:none}

.radius2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.radius25 { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.radius50 { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.radiusbottom0 { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }

.width1 { width: 1px !important; }
.width10 { width: 10px !important; }
.width30 { width: 30px !important; }
.width50 { width: 50px !important; }
.width70 { width: 70px !important; }
.width100 { width: 100px !important; }
.width150 { width: 150px !important; }
.width200 { width: 200px !important; }
.width250 { width: 250px !important; }
.width300 { width: 300px !important; }
.width100per { width: 100% !important; }
.width5per { width: 5% !important; }
.width10per { width: 10% !important; }
.width20per { width: 20% !important; }
.width60per { width: 60% !important; }
.width80per { width: 80% !important; }
.width90per { width: 90% !important; }

.margin0 { margin: 0 !important; }
.margintop10 { margin-top: 10px !important; }
.margintop0 { margin-top: 0 !important; }
.marginbottom0 { margin-bottom: 0 !important; }
.marginbottom5 { margin-bottom: 5px !important; }
.marginbottom10 { margin-bottom: 10px !important; }
.marginleft5 { margin-left: 5px !important; }
.marginleft10 { margin-left: 10px !important; }
.marginleft15 { margin-left: 15px !important; }
.marginleft20 { margin-left: 20px !important; }
.marginleft30 { margin-left: 30px !important; }
.marginleft40 { margin-left: 40px !important; }
.marginleft50 { margin-left: 50px !important; }
.marginright15 { margin-right: 15px !important; }
.marginright30 { margin-right: 30px !important; }

.padding0 { padding: 0 !important; }
.padding1 { padding: 1px !important; }
.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.padding20 { padding: 20px !important; }
.paddingright15 { padding-right: 15px !important; }
.paddingleft5 { padding-left: 5px !important; }
.paddingleft10 { padding-left: 10px !important; }
.paddingleft15 { padding-left: 15px !important; }
.paddingleft20 { padding-left: 20px !important; }

.border0 { border: 0 !important; }
.borderTop0 { border-top: 0; }
.borderTop1, .stdtable .borderTop1 { border-top: 1px solid #ddd !Important; }
.borderAll { border: 1px solid #ddd; }
.borderAllRed { border: 1px dotted #C52F29; }
.border3_4 { border-width: 1px 0 1px 1px; border-style: solid none solid solid; border-top-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd; }

.bgRed { background: #C52F29; }
.bgBlue { background: #4472B9; }
.bgGreen { background: #02A189; }
.bgPink { background: #ED2A7B; }
.bgYellow { background: #DAB933; }
.bgLila { background: #8f3d97; }
.bgOrange { background: #f39d13; }
.bgGrey { background: #f5f5f5; }

.bgRedHover { background: #DA251D; }
.bgBlueHover { background: #5589DF; }
.bgGreenHover { background: #34b3a0; }
.bgPinkHover { background: #f269a2; }
.bgYellowHover { background: #efcb33; }
.bgLilaHover { background: #a563ab; }
.bgOrangeHover { background: #f7bb5c; }
.bgGreyHover { background: #989898; }

.c333 { color: #333; }
.c666 { color: #666; }
.cRed { color: #C52F29; }
.cBlue { color: #4472B9; }
.cGreen { color: #02A189; }
.cPink { color: #ED2A7B; }
.cYellow { color: #DAB933; }
.cLila { color: #8f3d97; }
.cOrange { color: #f39d13; }
.cWhite { color: #fff; }
.cBlueBlack { color: #293352 !important; }
.cItalic { color: #A6A6A6; }

.cRedHover { color: #DA251D; }
.cBlueHover { color: #5589DF; }
.cGreenHover { color: #34b3a0; }
.cPinkHover { color: #f269a2; }
.cYellowHover { color: #efcb33; }
.cLilaHover { color: #a563ab; }
.cOrangeHover { color: #f7bb5c; }
.cGreyHover { color: #989898; }

.listaDugmica { list-style: none; margin: 10px 0 0 0; padding-left: 0; text-align: center; }
.listaDugmica li { display: inline-block; *display: inline; margin-right: 10px; }
button, .button, a.button { 
	background: #fcfcfc url(../images/dugmebg.png) repeat-x top left; font-size: 10px; text-transform: uppercase; color: #666; padding: 7px 10px; 
	border: 1px solid #bbb; -moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; margin: 0; outline: none;
}
button:hover, .button:hover, a.button:hover { background: #eee; cursor: pointer; }
.potvrdi { background: #4472B9 !important; color: #fff !important; }
.potvrdi:hover { background: #5589DF !important; color: #fff !important; cursor: pointer; }
a.btn, a.btn1, .btn, .btn1, .btnStrane { 
	display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	background-color: #eee; background-repeat: no-repeat; background-image: url(../images/icons/sprites.png);
	-moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; color: #666 !important; font-weight: 600; cursor: pointer;
}
.btnStrane { background: #fff !important; }
a.btn:hover, a.btn1:hover, .btn:hover, .btn1:hover, .Dugme .btn:hover, .btnStrane:hover { 
	text-decoration: none; color: #333 !important; -moz-box-shadow: 1px 1px 5px #ddd; -webkit-box-shadow: 1px 1px 5px #ddd; box-shadow: 1px 1px 5px #ddd;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s; 
}
/* ------------ Checkbox --------------- */
.checkbox { display: inline-block; width: 16px; height: 16px; background: url(../images/chkbox1.png) no-repeat 0 0; vertical-align: middle; }
.checkbox input { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); cursor: pointer; }
.checkbox.disabled { background: url('../images/chkboxDisable.png') no-repeat; cursor: crosshair !important; }
/*.checkbox:hover { background: url("../images/chkboxHover.png") no-repeat 0 0; }*/
.radio { display: inline-block; width: 16px; height: 16px; background: url(../images/radiob.png) no-repeat; position: relative; z-index: 1; top: 3px; }
.radio input { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); cursor: pointer; }
/*.radio:hover { background: url("../images/radioHover.png") no-repeat 0 0; }*/
.checkbox.checked, .radio.checked { background-position: 0 -16px; }
.radio.disabled { background: url('../images/radioDisable.png') no-repeat; cursor: crosshair !important; }
.custom-radio { width: 16px; height: 16px; display: inline-block; position: relative; z-index: 1; top: 0; background: url("../images/radio.png") no-repeat; }
.custom-radio:hover { background: url("../images/radio-hover.png") no-repeat; }
.custom-radio.selected { background: url("../images/radio-selected.png") no-repeat; }
.custom-radio input[type="radio"] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }

/* ------------- ToTop --------------- */

#toTopHover { background: url('../images/down_arrowRed.png') no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }

#toTop:active, #toTop:focus { outline: none; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 10px; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: 100%; background: url('../images/down_arrowBlue.png') no-repeat right top; }

/* ------------ Anketa ---------------*/

.anketaNaslov { cursor: default; }
.anketaDeo { margin: 5px 5px 45px 5px; }

 .poglavljeNaslov, .txtPoglavlje, .txtPitanje, .txtBroj {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
.poglavlje { border-bottom: 0px; margin-bottom: 0; margin-bottom: 15px; border-bottom: 1px dotted #4472B9; line-height: 1; }
/*.poglavljeNaslov { color: #4472B9; font-size: 20px; margin-bottom: 15px; border-bottom: 1px dotted #4472B9; line-height: 1; }*/
p.start {margin-bottom:30px;}
.pitanje { margin: 0; padding: 0; }
.txtBroj {float:left;display:inline;margin-left:10px;}
.txtPitanje { color: #293352; margin-bottom: 2px; margin-top: 2px; margin-right: 10px; text-indent: -10px; *text-indent: 0; font-size: 14px;line-height:1em;font-weight: 600; }
.txtBrojRed { color: #C52F29; margin-bottom: 2px; margin-top: 2px; margin-right: 10px; text-indent: -10px; *text-indent: 0; font-size: 14px;line-height:1em;font-weight: 600; }
.txtPitanje li { padding-left: 5px; }
.pomocPitanje { color: #A6A6A6; font-size: 11px; margin-left: 10px; }

.odgovor { overflow: visible; padding-left: 20px; }
.odgovor input [type="text"], .odgovor textarea { border: 1px solid #dddddd; }
.odgovor textarea {resize:none}
.txtOdgovor { color: #333; margin-left: 3px; }
.textareaOdgovor {*height:150px;height:150px;width: 90%; *width: 300px; *padding: 12px; padding: 12px; font-size: 14px; line-height: 1; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.textareaOdgovor:focus { border-color: #4472B9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,114,185,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,114,185,.6); }
.textareaOdgovor::-moz-placeholder { color: #444; opacity: 1; }
.textareaOdgovor:-ms-input-placeholder { color: #444; }
.textareaOdgovor::-webkit-input-placeholder { color: #444; }
.textareaOdgovor[disabled], .textareaOdgovor[readonly], fieldset[disabled] .txtOdgovor { cursor: not-allowed; background-color: #eee; opacity: 1; }

.tabelaOdgovora{width:100%}
.tabelaOdgovora.chb-rb td:first-child{width:20px}
.kolonaOdgovori { float: left; margin-left: 20px; }

.obavezno { color: #C52F29; font-size: 150%; position: relative; top: 2px; }
.obaveznoRed { color: #C52F29; margin-bottom: 2px; margin-top: 2px; text-indent: -10px; margin-right: 10px; font-size: 14px; font-weight: 600; }
.obaveznoGreen { color: #02A189; margin-bottom: 2px; margin-top: 2px; text-indent: -10px; margin-right: 10px; font-size: 14px; font-weight: 600; }
.obaveznoBlue { color: #4472B9; margin-bottom: 2px; margin-top: 2px; text-indent: -10px; margin-right: 10px; font-size: 14px; font-weight: 600; }
.hide { visibility: hidden; }
a.link { color: #4472B9 !important; }
a.link:hover { color: #C52F29 !important; }
.matrix {}
.matrixtable td, .matrixtable1 td {padding: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #bbb; min-width: 10px; width: auto;}
.matrix-cell {text-align: center;}
.matrix.disable { background: #bbb; }