@import url("reset.css");
@import url("text.css");
@import url("layout.css");
@import url("lists.css");
@import url("forms.css");
@import url("transformations.css");

/* COLORS */
/*
galvna plava: #015581;

siva-3: #888;
siva-2: #ddd;
siva-1: #f8f8f8;

font: #888;
font-svijetli: #f5f5f5;

*/
.green {color:#00bf60;}


.wrapper {max-width: 1280px; min-height:100%;margin:0 auto;position:relative;/*background:#fff;*/}

/* ---- LAPTOPS ---- /*

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .wrapper {width:100%; height:100%;margin:0 auto;position:relative;/*background:#fff;*/}
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}
.sectionBox {padding:3em 0;}

h1,h2,h3,h4,h5,h6 {color:#015581;}


/*#content p {margin-bottom:1em;}*/
/*#content p img {border:1px solid #ccc;padding:10px;}*/
/*#content p img.left {margin:0 20px 1em 0;}*/
/*#content p img.right {margin:0 0 1em 20px;}*/

.txtLink {font-weight:500 !important;text-decoration: underline;color:#015581;}
body {background: #015581;}
body, form {color: #666;}

div#content {background:rgba(255,255,255,1);padding:4em 8em;margin:1em auto;min-height:500px;}
div#content > p {text-align: justify;line-height: 1.8em;}
#homePage h2 {font-size:2.5em; line-height: 1.25em;text-align: center;}
#homePage p {text-align: center;}

section#intro p {text-align: left}

/*body.adminBody { background: #404040;}*/

/*#topBar {position:fixed;top:0;width:100%;height:100px;z-index: 9999;background: #ffffff;color: #333;}*/
/*#topBar > div.box {margin:0.5em 1em;font-size: 0.7em;}*/
/*#topBar + header {padding-top:0px}*/

/* MAIN NAVIGATION */
header {position:fixed;top:0;width:100%;height:100px;z-index: 9999;background:#fff;color: #333;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
header + section {margin-top:100px;}

#headerLogo {position:absolute;top:0;left:20px;}
#headerLogo {margin-top:0;font-weight: 400;color: #015581;font-size:2em;line-height: 100px;}

/* NAVIGATION */
nav > .box {padding-left:300px;height:100%;text-align: right;}

ul#mainNav {position: relative;color:#510000;text-align: right;z-index: 9000;width:100%;height:100%;margin:0 auto;font-size:0.9em;}
ul#mainNav li {position:relative;height:100%;display:inline-block;}
ul#mainNav li .box {height:100%;}
ul#mainNav li:hover {background-color:#f8f8f8;color:#000;}
ul#mainNav li a {padding:0 1.25em;line-height:100px;}

ul#mainNav ul.subNav {
   display: none;
   position:absolute;left:0;
   background: rgba(0,0,0,0.75);
   min-width: 200px;text-align: left;
}
ul#mainNav ul.subNav li {display:block;color:#e5e5e5;}
ul#mainNav ul.subNav li:hover {color:#000;}
ul#mainNav ul.subNav li a {padding:0.75em 1.25em;font-size:0.9em;line-height: 1.25em;}

/* MOBILE NAVIGATION  */
#icoMenu {display:none;width:100px;min-height:100% !important;}
#icoMenu img {position:relative;width:100%;height:100%;display:block;}

ul#mobileNav {position: absolute;top:100px;right:0;background-color:#fff;color:#510000;text-align: left;width:360px;font-size:0.9em;height:auto;display: none;}
ul#mobileNav li {position:relative;width:100%;height:100%;line-height:1.25em;}
ul#mobileNav li .box {height:100%;}
ul#mobileNav li:hover {background-color:#f8f8f8;color:#000;}
ul#mobileNav li a {padding:0.75em 1.25em;line-height:1.25em;}

ul#mobileNav ul.subNav {
   display: block;left:0;
   background: rgba(0,0,0,0.75);
   min-width: 200px;text-align: left;
}
ul#mobileNav ul.subNav li {display:block;color:#e5e5e5;}
ul#mobileNav ul.subNav li:hover {color:#000;}
ul#mobileNav ul.subNav li a {padding:0.75em 1.25em;font-size:0.9em;line-height: 1.25em;}

/* SUB NAVIGATION -- ADMIN? */
div#subNav {position:relative;top:0;left:0;width:100%;height:50px;z-index: 9998;color:white;}
#subNav ul {position:absolute;right:0;height:100%;}
#subNav ul li {display:inline-block;margin-right:10px;height:100%;background-color:#0080ff;}
#subNav ul li:hover {background-color:white;color:#1e307d;}
#subNav ul li span {display:block;height:100%;}
#subNav ul li a {display:inline-block;color:inherit;height:20px;padding:15px 2em;font-size:20px;line-height:20px;}


nav#adminNav {background: #e8e8e8;position:fixed;}
nav#adminNav li:hover {background: #f8f8f8;}
nav#adminNav.left {left:0;width:200px;height: 100%;}
nav#adminNav.left + section#container > div#content {padding-left:200px;}
nav#adminNav.top {width:100%;height: 40px;z-index:8999;}
nav#adminNav.top + section#container > div#content {padding-top:40px;}

.hlButton {background: rgba(1,85,129,0.15);}

#homeSlider {height:75%;max-height: 760px;background: #0b241d;}
header .wrapper {padding-top:100px;}
#homeSlider .homeSlide {height:100%;text-align: center;}
.sliderIcon {width:320px;height:260px; margin:0 auto;}
#homeSlider .homeSlide h1 {font-size:4em;border-bottom:1px solid #fff;margin:0 15% 0.5em;padding-bottom: 0.5em;font-weight: 100;color:inherit;}
#homeSlider .homeSlide p {font-size:2em;line-height:1.5em;margin:0 15%;font-weight: 100;}
#homeSlider .slide1 {background: url('../_images/slide-1.jpg') top center no-repeat #237058; color:#888;text-align: right;background-size: cover;}
#homeSlider .slide2 {background: url('../_images/slide-2.jpg') top center no-repeat #237058; color:#888;text-align: right;background-size: cover;}
#homeSlider .slide3 {background: url('../_images/slide-3.jpg') top center no-repeat #237058; color:#888;text-align: right;background-size: cover;}


#homeSlider .homeSlide > .box {position:absolute;bottom:10%;width:70%;left:15%;}
.slideNaslov {padding:1em;background: rgba(255,255,255,0.9);}
#homeSlider .homeSlide h1 {border-bottom:1px solid #888;text-align: center;margin:0 0 0.5em;}
#homeSlider .homeSlide p {text-align: center;margin:0 0 0.5em;}
/*#homeSlider .homeSlide .headerImg {width:100%;height:100%;}*/
/*#homeSlider .homeSlide .headerImg img {height:100%;}*/

/*#homeSlider .slide1 > .box {position:absolute;bottom:10%;padding-left:45%;padding-right: 15%;}*/
/*.slideNaslov {padding:1em;background: rgba(255,255,255,0.85);}*/
/*#homeSlider .slide1 h1 {border-bottom:1px solid #888;text-align: right;margin:0 0 0.5em;}*/
/*#homeSlider .slide1 p {text-align: right;margin:0 0 0.5em;}*/
/**/
/**/
/*#homeSlider .slide2 {background: #0561a5 url('../_images/slide-2.jpg') bottom center no-repeat;}*/
/*#homeSlider .slide2 > .box {position:absolute;bottom:10%;margin:0 15%;}*/
/*#homeSlider .slide3 {background: #641354;}*/
/*#homeSlider .slide3 {*/
/*   background: rgb(191,91,129); /* Old browsers */*/
/*background: -moz-radial-gradient(center, ellipse cover, rgba(191,91,129,1) 0%, rgba(165,64,106,1) 33%, rgba(100,19,84,1) 100%); /* FF3.6-15 */*/
/*background: -webkit-radial-gradient(center, ellipse cover, rgba(191,91,129,1) 0%,rgba(165,64,106,1) 33%,rgba(100,19,84,1) 100%); /* Chrome10-25,Safari5.1-6 */*/
/*background: radial-gradient(ellipse at center, rgba(191,91,129,1) 0%,rgba(165,64,106,1) 33%,rgba(100,19,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5b81', endColorstr='#641354',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */*/
/*}*/
/*#homeSlider .slide3 > .box {position:absolute;bottom:10%;width:100%;}*/
/*#homeSlider .slide3 h1 {margin:0 25% 0.5em;}*/
/*#homeSlider .slide3 p {margin:0 25% 0.5em;}*/
/*#homeSlider .slide4 {background: #ce8806;}*/
/*#homeSlider .slide4 > .box {position:absolute;bottom:10%;width:100%;}*/


div#top {/*background:#0cb388;*/height:0;}

.txtBox {display:block; margin-top:0.5em;padding:0; text-align: center;}
.txtBox:first-child {margin:0;}


.logOut {
font: 0.8em/1.2em open_sansregular,sans-serif;background: #ff8040;
position: absolute;right: 0;bottom:10px;padding:10px 2em;cursor: pointer;
}

.logOut:hover {background: #ff6f28;}

/* HOME PAGE */

#whatUCan {background:#fff;text-align: center;}
#whatUCan .icon160 {width:160px;height:160px;margin:3em auto;display:block;}
#whatUCan [class*='column-'] .box {
   padding:0 15%;text-align: center;
}

#whatUCan h2 {font-size:2em;font-weight: 300;}

#logSign {background:#015581;color:rgba(255,255,255,0.75);}
#logSign h2 {color:rgba(255,255,255,0.75);}

form.form {max-width:640px; margin:2em auto; background:#fff;}
form.form .box {padding:1em 2em;}
.formHeading {text-align: center;border-bottom:1px solid #888;font-size: 2em;line-height: 1.5em;margin:0.5em 0 1em;font-weight:300;}
.formTxt {text-align: center;margin:2em auto;}
.formTxt:last-of-type, .formInfoTxt:last-of-type {margin-bottom: 0;}
.formInfoTxt {text-align: center;font-size:0.75em;}

#intro, #credits {background:#fff;}


/* UPITNICI */

#upitnici {text-align: left;margin-bottom: 1em;}
#upitnici .column-3-1 {min-width: 220px;}
#upitnici .column-3-1>.box {
   padding:1.5em 1em 1.5em;
}
#upitnici .column-3-1:nth-child(3n-2)>.box {
   padding:1.5em 2em 1.5em 0 !important;
}

#upitnici .column-3-1:nth-child(3n)>.box {
   padding:1.5em 0 1.5em 2em !important;
}


.upitnik {
background: #000;
min-height:300px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright:100px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:100px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
border-top-left-radius:0;
border-top-right-radius:100px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}

.upitnik1 {background: #96d8fc;}
.upitnik2 {background: #9dd7b7;}
.upitnik3 {background: #8ddeda;}
.upitnik5 {background: #ffb7b7;}
.upitnik4 {background: #ffeb99;}
.upitnik6 {background: #daf3d6;}
.upitnik7 {background: #96d8fc;}
.upitnik8 {background: #9dd7b7;}
.upitnik9 {background: #8ddeda;}
.upitnik10 {background: #ffb7b7;}
.upitnik11 {background: #ffffca;}
.upitnik12 {background: #daf3d6;}

/*.upitnik1:hover {background: rgba(150,216,252,0.5);}
.upitnik2:hover {background: #9dd7b7;}
.upitnik3:hover {background: #8ddeda;}
.upitnik5:hover {background: #ffb7b7;}
.upitnik4:hover {background: #fff4cc;}
.upitnik6:hover {background: #daf3d6;}
.upitnik7:hover {background: rgba(150,216,252,0.5);}
.upitnik8:hover {background: #9dd7b7;}
.upitnik9:hover {background: #8ddeda;}
.upitnik10:hover {background: #ffb7b7;}
.upitnik11:hover {background: #ffffca;}
.upitnik12:hover {background: #daf3d6;}*/


.uptNaslov {position:absolute;bottom:1em;font-size:0.9em;line-height:1.5em;background:rgba(255,255,255,0.75);padding:0.5em;}
.uptNaslov h3 {font: 500 1.25em/1.2em 'Montserrat', Verdana, Arial, sans-serif;margin:0 0 0.25em;}
.uptNaslov p {margin-bottom:0 !important;}

.uptCheck {position:absolute; top:0em; right:0;}

.uptOpen {position:absolute; top:1em; width:50%; height:50%; left:25%;background: #ccc;border-radius: 50%;}
.uptPct {position:absolute; top:35%; left:50%;}

/* REZULTATI */

span.ico30 {display:inline-block;width:30px;height:30px;overflow: hidden;}
#rezultati li.subRezListItem:hover .ico30 img {margin-top:-30px;}

span.ico45 {float:left;display:inline-block;width:45px;height:45px;overflow: hidden;margin-left:-60px;}
#rezultati li.subRezListItem:hover .ico45 img {margin-top:-45px;}

#rezultati {text-align: left;}
#rezultati ul li > .box {padding:1em;}
#rezultati li.rezListItem {background: rgba(1,85,129,0.05);margin-bottom:1em;}
#rezultati li.rezListItem:hover {background: rgba(1,85,129,0);}
#rezultati li.rezListItem h3 {font-size: 1.7em;line-height: 1.2em;}
#rezultati li.rezListItem h3:only-child {margin:0;}
#rezultati li.rezListItem li {background: rgba(1,85,129,0.1);}
#rezultati li.rezListItem li:hover {background: rgba(1,85,129,0.05);}
#rezultati li.subRezListItem {margin-left:60px;margin-bottom:0.2em;}
#rezultati li.subRezListItem:last-of-type {margin-bottom:0;}
#rezultati li.subRezListItem a > .box {padding:0.5em 1em;}

#rezultati div.subRezLegend {font-size: 0.8em;font-weight: 500;margin-left:60px;}
#rezultati div.subRezLegend > .box {padding:0.5em 1em;}

ul.subRez {margin:0.5em 0;}

#rezUserInfo{font-size:0.9em;line-height: 1.5em;margin:1em 0;}

.infoGraphics {
   display:block; background:#fff; margin:2em 0;padding: 1em; font-size: 0.8em;line-height: 1.3em;overflow-y: hidden;
}
.infoGraphics h2 {margin:1em 0 0.5em;}

.vBarSection {height:100%;position:relative;}
.hBarSection {/*width:100%;*/position:relative;}

.vBar {width:60%;background: #ccc;position:absolute;bottom:0px;left:20%;cursor: pointer;}
.vBarValue {display:block;width:60%;text-align: center;position:absolute;top:-1.5em;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);margin-top:-10px;background:#fff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;border:1px solid #ccc;}

.hBar {height:60%;}
.hBarValue {display: block;text-align: left;position:absolute;top:15%;left:100%;margin-left:10px;background:#fff;vertical-align: middle;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;border:1px solid #ccc;}
.hBarValue > .value {display:table-cell;padding:0.25em 0.5em;}
.vBarValue > .value {padding:0.25em 0.5em;text-align: center}


.graphLegend {font-size:0.9em; line-height: 1.3em;}
.legend {display:inline-block;vertical-align: top;zoom:1;width:220px;}
.legend-2 {display:inline-block;vertical-align: top;zoom:1;width:160px;}
.legend .hBarSection {padding-right:1em;}
.legend-2 .hBarSection {padding: 0 0.5em;}
.legend .graphLegend, .legend-2 .graphLegend {display:table-cell;min-height:60px;height:60px;vertical-align: middle;}

.bars {display:inline-block;vertical-align: top;zoom:1;width:500px;background: #f5f5f5;}
.barBckg {width:100%;height:100%;}
.barBckg > div {height:100%;}
.barBckg .box {border-right:1px solid rgba(0,0,0,0.1);height:100%;}
.barBckg [class*='column-']:first-of-type .box {border-left:1px solid rgba(0,0,0,0.1);}

.vLeft, .vRight {display:inline-block;vertical-align: top;zoom:1;width:60px;}
.vLeft {text-align: right;}
.vRight {text-align: left;}
.vLeft .vlegend, .vRight .vlegend {width:100%;height:100%;}
.vLeft .vlegend .box, .vRight .vlegend .box {height:12.5%;}
.vLeft .graphLegend {display:table-cell;position:absolute;right:10px;top:0;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width:30px;text-align: center;}
.vRight .graphLegend {display:table-cell;position:absolute;left:10px;top:0;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width:30px;text-align: center;}

.vBarBckg {width:100%;height:12.5%;}
.vBarBckg > div {height:100%;}
.vBarBckg .box {border-bottom:1px solid rgba(0,0,0,0.1);}
.vBarBckg:first-of-type .box {border-top:1px solid rgba(0,0,0,0.1);}

.hBottom .legend > .box, .hBottom .legend-2 > .box {padding:0.5em 0;}
.hBottom .bottomScale > .box {padding:0.5em 0;}
.bottomScale {display:inline-block;vertical-align: top;zoom:1;width:500px;background: none;border-top:1px solid rgba(0,0,0,0.1);}
.hBottom .legend .graphLegend, .hBottom .legend-2 .graphLegend, .hBottom .bottomScale .graphLegend  {display:inline-block;position:absolute;right:-10px;width:20px;text-align: center;}

.graph {width:720px;margin: 1em auto;}
.graph.bLegend {margin:0 auto;}
.graph div.hBarSection {height:60px !important;vertical-align: middle;}
.graph .hBar {background: #8ac5ff;position:absolute;top:20%;left:0;cursor: pointer;}

.uppzDescription {display:none;margin:2em 0;}

/* REZULTATI SLOP */
#slopGraph {
   height:250px;width:720px;margin: 1em auto 0;padding-top:1em;
}

#slopGraph .bars {
   height:250px;width:600px;
}

.slopScale {height:250px;}

.bar5 {
   background-color:#ff0000;
}

.bar4 {
   background-color:#ff443e;
}

.bar3 {
   background-color:#ffc1b4;
}

.bar2 {
   background-color:#c8dbff;
}

.bar1 {
   background-color:#737aff;
}

.bar0 {
   background-color:#4647f8;
}

#slopLegend {display:inline-block;width:600px;margin: 0.5em auto 1em;}
#slopLegend div {text-align: center;}
.slopDescription {display:none;margin:2em 0;}

/* REZULTATI PRIN */

#PRINGraph .graphLegend {display:table-cell;min-height:120px;height:120px;vertical-align: middle;text-align: center;}
#PRINGraph div.hBarSection {height:120px !important;vertical-align: middle;}
.PRINscale {width:400px;text-align: center;height:100%;vertical-align: middle;}
.PRINscale div {position:relative;}
.PRINscale .column-9-1 {vertical-align: middle;height:100%;}
.PRINscale img {position:absolute;left:0;top:50%;margin-top:-30px;}
.PRINStep {width:10px;height:10px;background: rgba(0,0,0,0.2);border-radius: 50%;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;}

#prinGraph .prin7 {
   background-color:#ff0000;
}

#prinGraph .prin6 {
   background-color:#ff2727;
}

#prinGraph .prin5 {
   background-color:#ff6161;
}

#prinGraph .prin4 {
   background-color:#ff7f7e;
}

#prinGraph .prin3 {
   background-color:#ff9898;
}

#prinGraph .prin2 {
   background-color:#ffaeae;
}

#prinGraph .prin1 {
   background-color:#ffc0c0;
}

#prinGraph .prin0 {
   background-color:#ffcece;
}

.PRINlegend {background: #e5e5e5;}

#PRINGraph .prinBarPositive {background: #8ac5ff;position:absolute;top:20%;left:50%;}
#PRINGraph .prinBarNegative {background: #8ac5ff;position:absolute;top:20%;right:50%;}

#PRINGraph .bottomScale {width:400px;}
#PRINGraph .hBottom .graphLegend {min-height:0;height:1em;}
.prinDescription {display:none;margin:2em 0;}

/* REZULTATI VRIJ */
#tableVrij {width:100%;font-size: 1em;}
#tableVrij th {text-align: left;}
#tableVrij th, #tableVrij td {padding:1em 10px;vertical-align: middle;}
#tableVrij td {border:5px solid #f5f5f5;}

.vrijCat1,#vrij-Util {background: #bbe7ec;}
.vrijCat2,#vrij-Samoak {background: #f5d2a3;}
.vrijCat3,#vrij-Individual {background: #ffeb99;}
.vrijCat4,#vrij-Socijal {background: #c4e9ad;}
.vrijCat5,#vrij-Avantur {background: #efd1fc;}

#vrijGraph {
   height:250px;width:720px;background:#f5f5f5;margin: 1em auto;
}

#vrijLegend {width:720px;margin: 0.5em auto 1em;}
#vrijLegend div {text-align: center;}

/* REZULTATI CAAS */
.caasDescription {display:none;margin:2em 0;}

/* REZULTATI VISA */
.visaDescription {display:none;margin:2em 0;}

/* REZULTATI TIOZ */
.tiozDescription {display:none;margin:2em 0;}

/* REZULTATI CDDQ */
.cddq1 {background: #fecbbc;}
.cddq2 {background: #fff9a6;}
.cddq3 {background: #c8edc2;}
.cddqDescription {display:none;margin:2em 0;}

/* REZULTATI CDMP */
#CDMPGraph .graphLegend {display:table-cell;min-height:120px;height:120px;vertical-align: middle;text-align: center;}
#CDMPGraph div.hBarSection {height:120px !important;vertical-align: middle;}
.CDMPscale {width:400px;text-align: center;height:100%;vertical-align: middle;}
.CDMPscale div {position:relative;}
.CDMPscale .column-9-1 {vertical-align: middle;height:100%;}
.CDMPscale img {position:absolute;left:0;top:50%;margin-top:-30px;}
.CDMPStep {width:10px;height:10px;background: rgba(0,0,0,0.2);border-radius: 50%;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;}

.cdmp1 {background: #fecbbc;}
.cdmp2 {background: #c8edc2;}
.cdmp3 {background: #bbe7ec;}

.CDMPlegend {background: #e5e5e5;}

/* SURVEY FORMS */
p.surveyIntro {margin-bottom:2em;}
.surveyQuestionBlock {padding-bottom:2em;}
.QuestionGroupTitle {margin:1.5em 0;padding:10px;background:#eee;font-weight: bold;}
.surveyQuestion {text-align: justify;}
.surveyQuestion p.question {border-bottom: 1px solid white;margin:0;font-weight:500;font-size:1.1em;}
.surveyQuestion .questionImg .box {padding-right:20px;}
.surveyQuestion .questionImg .box img {width:100%;}
.surveyOptions {padding-top:1em;}
.surveyOptions p.question {margin-bottom:0;margin-top:1em;}
.surveyOptions p.question:first-child {margin-top:0;}
.optionGroupTitle {font-size:0.9em;text-align:center;color:inherit;padding:5px 0;}
.radio-buttons {font-size:0.5em;text-align: center;margin-top:0.5em;}
.radio-buttons > .box {padding:5px 0;}
.radio-buttons div {line-height: 1em;}
.radio-values {padding-bottom:1em;font-size:0.8em;line-height: 1.2em;text-align: center;}
.radio-values > .box {padding:10px 0;}
.radio-values [class*="column-"] [class*="box-"] {
   display:inline-block;
}
.radio-value {display:block;padding:0 5px;}
.surveyQuestionBlock:hover .surveyOptions {background:#fbfbfb;}
.surveyQuestionBlock:hover .surveyQuestion p.question {border-bottom:1px solid #ccc;}
.surveyQuestionBlock:hover .optionGroupTitle {color: inherit;}
.radio-buttons:hover {background:#f5f5f5;}

.login-actions button:last-child {margin-right:0;}

/*.submit-button {background: #1dabb8;}
.submit-button:hover {background: #198d98;}

.register-button {background: #ff8040;}
.register-button:hover {background: #ff6f28;}

.back-button {background: #e5e5e5;}
.back-button:hover {background: #ff6f28;}

.save-button {background: #e5e5e5;}
.save-button:hover {background: #198d98;}*/

/*.txtImage {float:left;}*/
/* FOOTER */
footer {color:white;font-size:0.8em;background:#014163;}
div#footerLinks {color:#888;font-size:0.7em;text-align: center;}
div#footerLinks a {margin-right:2em;}
div#footerLinks a:hover {text-decoration: underline;}
div#footerLinks a:last-child {margin-right:0;}

/* NOTIFICATIONS */
.blockNotification {margin-top:1em;background: rgba(0,0,0,0.1);}
.blockNotification div {font-size:2em;color:rgba(0,0,0,0.3);text-shadow:2px 2px 0 rgba(255,255,255,0.75);padding:30px;}
.ntf-small div {font-size:1em;color:rgba(0,0,0,0.5);text-shadow:1px 1px 0 rgba(255,255,255,0.65);padding:10px;}
.notification {position:absolute;width:640px;left:50%;margin-left:-320px;font-size:0.8em;line-height: 1.5em;z-index:7000;}
.notification > div.box {padding:10px 20px;}
.notification p {padding:10px 20px;text-align:center;color:white;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);margin-bottom: 0;}
.notification p img {vertical-align: middle;margin-right:5px;}
.ntf-ok {/*color:red;*/background: #a6eeb0;}
.ntf-error {background: #ffa953;}
.ntf-block {position:relative;margin-bottom: 1em;}

/* PRIKAZ TABLICA I TABLESORTER */
#tableActions {margin-top:1em;}
ul#tableActions li:hover {background:#eaeaea;}


#showTable {width:100%;margin-top:1em;}
#showTable thead, #showTable tfoot {background-color:#ff5b60;}
#showTable thead th, #showTable tfoot th {padding:0.25em 2px;}
#showTable td {padding:5px 2px;max-height:50px;}
#showTable tr {
	vertical-align:middle;
	border:0;
	height:30px;
}

#showTable tbody tr:hover, #photos td:hover { background-color:#ffe1b3; }

#showTable td, #showTable th {
	padding:5px;
	text-align:left;
	border:0;
	max-width:100px;
	overflow:hidden;
	vertical-align: middle;
}

#showTable th { font-size:11px; color:#FFF;}
#showTable th.actions, #showTable td.actions {text-align:left;width:100px}
/*th:hover, th.actions:hover,th.header:hover,th.headerSortUp:hover,th.headerSortDown:hover {background:#DE2429;}*/

#showTable th.header {
	background: url(../_images/ico_bg.gif);
	cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    margin-left: -1px; 
}

#showTable th.headerSortUp { 
    background-image: url(../_images/ico_asc.gif); 
}

#showTable th.headerSortDown { 
    background-image: url(../_images/ico_desc.gif); 
}

#showTable td p {margin: 0; padding: 0; border: 0;}

#showTable td p.opisSlika{
	height:30px;
	overflow:hidden;
	/*background-color:#DDD;*/
}

.actionIcon, .actionIcon:hover, .actionIcon, .actionIcon:hover  {
   display:inline-block;
   margin-right:10px;padding:0;
   width:20px; max-width:20px;
   height:20px; max-height:20px;
   overflow:hidden;
   vertical-align: middle;
}

#showTable .actionIcon:hover img, #photos .actionIcon:hover img {
	margin:0; padding:0; border:0 !important;
	margin-top:-20px;
}

#pager, .pager {
   display:block;
   margin-top:1em;
   text-align:center;
   background: rgba(0,0,0,0.1);
}

#pager img, .pager img {
   position:relative;
   top:5px;
}

#pager select, .pager select {
   max-width:200px;
}

#pager select, .pager select,
#pager input, .pager input {
   font-size:.85em; padding:0.2em;
}

#showTable tbody tr:nth-child(2n-1) {
   background-color:#E8E8E8;
}
#showTable tbody tr:nth-child(2n) {
   background-color:#F2F2F2;
}
/*.par { background-color:#F2F2F2; }
.nepar { background-color:#E8E8E8; }*/


.tableThumb {
  margin:0;outline:0;vertical-align: middle;
}

.imageHolder img {width:100%;outline:0;}


/* OSTALI PRIKAZI */
#ItemContent {
	position: relative; margin: 1em auto; width: 960px; background: white;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0px; }
.error { color:red; }

input[type=file] {
   position: relative;
   text-align: left;
   -moz-opacity:0 ;
   filter:alpha(opacity: 0);
   opacity: 0;
   z-index: 2;
   width:100%;
   height:36px;padding:0;margin:0;
   font-size:1em;
   margin:0.5em 0;
   padding: 0.25em 0.5em;
   color:#888;
   text-shadow: 1px 1px 1px #ccc;
   background:#e5e5e5;
   border: 0;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.06);
   box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.06);
}

#imageTemp {display: none;}

#imagePreview {/*width:300px;max-width:300px;*/}
#imagePreview img {width:100%;max-width:100%;}
#imageInfo {font-size:0.75em;line-height: 1.5em;}
#imageInfo > div {margin-bottom:0.5em}

#Thumbnails {margin:1em 0;}

.fakeInput {
   position: absolute;
   display:block;
   top: 0px;
   left: 0px;
   z-index: 1;
   width:100%;
}

.fakeInput input {
   width:50%;margin-left:5px;display:inline;
}

.fakeIcon {
   display:inline;
   border:0;
   border-radius: 3px;
   color: #fff;
   font-size:1em;
   padding: 0.25em 0.5em;
   margin:0 0.2em;
   background: #888;
}

/* SHOP  */

#closeShop {position:absolute;top:70px;right:0px;}

#categories ul {font-size: 0.8em;margin-left:10px;}
#categories ul span.heading {margin-right:20px;}
#categories ul li {padding:0.5em 10px;background: rgb(240, 240, 240);margin-right:1px;}
#categories ul li.active {background: rgb(228, 228, 228);}

form#Products {margin-top:0em;}

#productsOverview {margin:1em 0;}

#showProducts {background: rgb(243, 236, 249);}

#showProducts .column-3-1:nth-child(3n-2)>.box {
   padding:20px 10px 20px 30px !important;
}

#showProducts .column-3-1:nth-child(3n)>.box {
   padding:20px 30px 20px 10px !important;
}

.productItem { text-align: center; background: white; padding:1em 10px;border:1px solid rgb(220, 220, 220);}
.productItem:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.productItemLink a {display:block; }
.productName {margin:0.5em 0;}
.productPrice {margin:0.5em 0;font-size:0.9em;}
.currency {font-size:0.8em;}
.productOrderButton { background: rgb(241, 167, 29); }
.productQuantity {display:inline-block;text-align: center;width:100px !important;padding: 0.75em 0.2em !important;vertical-align: baseline;}
.smallButton { padding:0.2em 0.5em;font-size:0.8em;margin:0.5em 0; }

.productImage {border:1px solid rgb(220, 220, 220);}

/*.productItemLink { position: absolute; top:0;left:0; width:100%; height:100%; display:none;}
.productItemLink a {display:block; width:100%; height:100%; background: rgba(0,0,0,0.15); }
.productItemLink span { display:inline-block;padding:10px;color: #fff; line-height:50px; position:relative; top:50%;margin-top:-35px; background: rgba(0,0,0,0.35);}*/

/* admin */
#ProductsOverview {}



#CartStatus {position:absolute; top:-10px; right:10px; width:200px;min-height:60px;background: #fff;font-size: 0.8em}
#CartStatus > .box {border:1px solid #ccc;}
#CartStatus h2 {font-size:1.1em;background: #d5d5d5;padding:5px;margin-bottom:0.2em;}

#CartTotal {font-size:0.9em; line-height: 1em;text-align: right;}
#CartAmmount {font-size:1.1em;}
img.cartImg {position:absolute;display:inline-block;top:0;left:-70px;}

#cartTable {width:100%;margin:1em 0;}
#cartTable thead, #cartTable tfoot {color:white;background-color:#707070;}
#cartTable thead th {padding:5px 10px;height:35px;}
#cartTable tfoot th {padding:5px 10px;height:35px;font-size:1em;line-height:35px;vertical-align: baseline;}
#cartTable td {max-height:50px;}
#cartTable tr {
	vertical-align:middle;
	border:0;
	height:30px;
}

#cartTable tbody tr:nth-child(2n-1) {
   background-color:#eaeaea;
}

#cartTable tbody tr:hover, #photos td:hover { background-color:#dfdfdf; }

#cartTable td, #cartTable th {
	padding:10px;
	text-align:left;
	border:0;
	max-width:100px;
	overflow:hidden;
	vertical-align: middle;
}

#cartTable img, #cartTable span {vertical-align:middle;}
#cartTable img {margin-right:20px;}

#cartTable th { font-size:12px; color:#FFF;}

.productInfo {margin:3em 0 1em;padding:2em 20px;background: #fff;border:1px solid #ccc;}
.productInfo h2 {font-size:1.15em;margin-bottom:0.5em;}
.productInfo p, .productInfo ul, .productInfo table {margin-bottom:1em;}
.productInfo ul li {margin-left:20px;padding-left:10px;}
.productInfo table {width:100%;}
.productInfo table td {border:1px solid #dfdfdf;padding:0.1em 0.2em;}

#pager.shopPager {background: #fff;}
.pagerList {font-size: 0.8em;padding:0.5em 10px;}
.pagerList li {margin-right:5px;padding:0 10px;}
.pagerList li:last-child {margin-right:0;}
.pagerList li.page {background: #ccc;}
.pagerList li.page:hover {background: #ddd;}

/* OVERLAYS */
#debug {
width:250px;height:100%;padding:20px;position:absolute;top:0;right:0;background-color: #f2f2f2;border:1px solid #ddd;font: 10px/15px Arial, sans-serif;z-index: 10000;opacity: 0.8;	
}


/* PROGRESS BAR */
.progressBar {width:100%;height:40px;background: #e5e5e5;margin:1em 0 1.5em;position:relative;}
.progressBar .bar {height:100%;background:#96d8fc url('../_images/pat_progress.png') repeat-x;}
.progressBar .bar1 {height:100%;background:#93ffae url('../_images/pat_progress.png') repeat-x;}
.progressBar .label {position:absolute;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width:100%;height:100%;text-align:center;display:table-cell;vertical-align: middle;}
.progressBar .labelTxt {line-height: 40px;color:#333;font-weight: 300;}

#upitnici .progressHolder {width:80%;margin: 0 auto;padding-top:20%;}
#upitnici .progressBar {background: rgba(0,0,0,0.1);}
#upitnici .progressBar .bar {height:100%;background:rgba(0,0,0,0.05) url('../_images/pat_progress.png') repeat-x;}

input:disabled {opacity:0.2;}