@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css")



body{

	

	background-attachment:fixed;

	background-color: lightblue;

	font:14px/1.3 'Segoe UI',Arial, sans-serif;

	color:#888;

	padding:10px;

	

}

.disabled {

   pointer-events: none;

   cursor: default;

}

#tooltip {

    background: #fff;

    border: 1px solid red;

    padding: 3px 10px;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}

.right_option{

	background:#ddd !important;

	color:#f2f2f2 !important;

}

.opisleft{padding-left:7px;}

.input-icon-in {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 22;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    font-size: 18px;

    text-align: center;

    pointer-events: none;

}

#screenshot{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	display:none;

	color:#fff;

	}

img{

	border:none;

	width:150px;

	}

pre{

	display:block;

	font:100% "Courier New", Courier, monospace;

	padding:10px;

	border:1px solid #bae2f0;

	background:#e3f4f9;	

	margin:.5em 0;

	overflow:auto;

	width:150px;

}

@-moz-document url-prefix() { 

  a.tip:hover span img {

    border:0px solid red;

	display: inline;

    position:absolute;

    right:140px;

    top:0;

  }

}

@-ie-document url-prefix() { 

  a.tip:hover span img {

    border:0px solid red;

	display: inline;

    position:absolute;

    right:100px;

    top:0;

  }

}



#opcija{

line-height: 25px;

	

}

.thumbnail3 {



	position: relative;



  width: 137px;



  height:80px;



  overflow: hidden;



  float:left;



}



.thumbnail3 img {



	



	position: absolute;



  left: 50%;



  top: 50%;



  height: 210%;



  width: auto;



  -webkit-transform: translate(-50%,-50%);



      -ms-transform: translate(-50%,-50%);



          transform: translate(-50%,-50%);



}



.thumbnail3 img.portrait3 {



  width: 110%;



  height: auto;



  



}

.btninput {

	width:100%;

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    vertical-align: absmiddle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



/*a {

  color: #900;

  text-decoration: none;

  

}



a:hover {

  color: red;

  position: relative;

}

a[title]:hover:after {

  content: attr(title);

  padding: 4px 8px;

  color: #333;

  position: absolute;

  left: 0;

  top: 100%;

  z-index: 20;

  white-space: nowrap;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -moz-box-shadow: 0px 0px 4px #222;

  -webkit-box-shadow: 0px 0px 4px #222;

  box-shadow: 0px 0px 4px #222;

  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));

  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);

  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);

  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);

}*/



/* ---------------------- Dolphin nav ---------------------- */

#dolphincontainer{

position:relative;

height:45px;

width:100%;

display: inline-block;

font: 14px/1 Verdana, Arial, Helvetica, sans-serif;

text-transform:uppercase;

}

#dolphinnav li{

position:relative;

height:45px;



/*text-transform:uppercase;*/
font-weight:none;

background-color: #f0f0f0;

	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));

	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	

	border-right: 1px solid rgba(7, 7, 7, 0.125);

	

}

#dolphinnav ul{

margin:0;

padding:0;

list-style-type:none;

width:auto;

float:left;

}

#dolphinnav ul li{

display:block;

float:left;



}

#dolphinnav ul li a{

display:block;

float:left;

color:#777777;

text-decoration:none;

height:45px;

}

#dolphinnav ul li a span{

padding: 16px 23px 14px;

height:45px;

float:left;

}

#dolphinnav ul li a span1{

padding: 0px 12px 0px;

height:45px;

float:left;

}

#dolphinnav ul li a:hover{

background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));

	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	

	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */

	

	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	

	/* This will create a smooth transition for the opacity property */

	

	-moz-transition:0.25s all;

	-webkit-transition:0.25s all;

	-o-transition:0.25s all;

	transition:0.25s all;}

	

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{

background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));

	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));

	

	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */

	

	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;}

.dolphinnav{

	/* Affects the UL element */

	overflow: hidden;

	display: inline-block;

}	

.dolphinnav a span1.homeIcon{

	background:url('../images/home.png') no-repeat center center;

	display: block;

	overflow: hidden;

	padding-left: 5px;

	padding-right: 5px;

	text-indent: -7777px;

	width: 16px;



	

}

/* ---------------------- END Dolphin nav ---------------------- */



.upload_message_success {

	padding:4px;

	background-color:#009900;

	border:0px solid #006600;

	color:#FFFFFF;

	margin-top:10px;

	margin-bottom:10px;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}



.upload_message_error {

	padding:4px;

	background-color:#CE0000;

	border:0px solid #990000;

	color:#FFFFFF;
	margin-top:10px;

	margin-bottom:10px;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}



.slider {

position: relative; 

    width: 100%;

	max-width:390px;

    padding: 4px 4px 4px 4px;

    height: 100%;

	line-height: 20px;

    border: 0px solid blue;

	overflow:hidden;

	

}



img#slider {

	width:187px;

    border: 1px solid #ddd;

    border-radius: 4px;

    padding: 3px;

	

	

}

#inputslide {

z-index:3;

 margin: auto;  

  left:0;

  right: 0;

  top: 0;

  bottom: 0;

}

.inslider {

	top:20px;

	left:15px;

   position: absolute;

max-width:20px;

border: 0px solid blue;

line-height: 44px;

text-align:center;

z-index:1;	

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;



}



.example{

  margin-bottom : 1.5em;

}



input.slider[type=checkbox]:not(old),

input.slider[type=radio   ]:not(old){

  width   : 28px;

  margin  : 0;

  padding : 0;

  opacity : 0;

}



input.slider[type=checkbox]:not(old) + label,

input.slider[type=radio   ]:not(old) + label{

  display      : inline-block;

  margin-left  : 228px;

  padding-left : 28px;

  background   : url('images/checks.png') no-repeat 0 0;

  line-height  : 24px;

}



input.slider[type=checkbox]:not(old):checked + label{

  background-position : 0 -24px;

}



input.slider[type=radio]:not(old):checked + label{

  background-position : 0 -48px;

}

select#slider {

	margin: 0;

	padding: 0;

	background: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	letter-spacing: 0px;

	color: #fff;

	padding: 7px;

	font-size: 14px;

	text-transform:uppercase;

	width: 210px;

	background: #BDBDBD /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	display: block;

	border: 1px solid #ccc;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease; 

	transition: all 0.5s ease;

}

select#slider_pozadina {

	margin: 0;

	padding: 0;

	background: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	letter-spacing: 0px;

	color: #fff;

	padding: 7px;

	font-size: 14px;

	text-transform:uppercase;

	width: 210px;

	background: #2E9AFE /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	display: block;

	border: 1px solid #ccc;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease; 

	transition: all 0.5s ease;

	}

select#slider_pozadina:hover {

	color: #777;

	background: #f5f5f5 /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	}

	select#slider:hover {

	color: #777;

	background: #f5f5f5 /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	}

	select#slider_kat:hover {

	color: #777;

	background: #f5f5f5 /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	}

select#slider_kat {

	margin: 0;

	padding: 0;

	background: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	letter-spacing: 0px;

	color: #fff;

	padding: 7px;

	font-size: 14px;

	text-transform:uppercase;

	width: 210px;

	background: #2E9AFE /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	display: block;

	border: 1px solid #ccc;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease; 

	transition: all 0.5s ease;

}



select#error {

	margin: 0;

	padding: 0;

	background: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	letter-spacing: 0px;

	color: #777;

	padding: 7px;

	font-size: 14px;

	text-transform:uppercase;

	width: 210px;

	background: #fff /*url(images/select-arrow-open.png) 98% center no-repeat*/;

	display: block;

	border: 1px solid #ff0000;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease; 

	transition: all 0.5s ease;

}

option#slider {

	background:#59A6DA;

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;

	font-size:12px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding-left:0px;

	padding-bottom:0px;

    width: 200px;

	height:25px;

	max-width:390px;

    height: 25px;

	line-height: normal;

    border: 0px solid blue;

	overflow:hidden;

	vertical-align:top; 

	text-align:top;

}





/*################### TABS 1 #######################################*/



.tabs {

	background:none;

	width:auto;

    float: none;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs:after {

    content: '';

    display: table;

    clear: both;

}

.tabs input[type=radio] {

    display:none;

}

.tabs label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:15px 1px 2px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 70px;

    color: #BDBDBD;

    font-size: 12px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs label span {

    display: inline-block;

}

.tabs label i {

    padding: 0px;

    margin-right: 0;

}

.tabs label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 0px solid #3498db;

}

.tab-content {

    display: none;

    width: 100%;

	max-width:788px;

	height:auto;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background:transparent;

	border:0px solid #777;

}



.tab-content * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs [id^="tab1"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}.tabs [id^="tab2"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs [id^="tab3"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs [id^="tab4"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tab1:checked ~ #tab-content1,

#tab2:checked ~ #tab-content2,

#tab3:checked ~ #tab-content3,

#tab4:checked ~ #tab-content4 {

    display: block;

}

@media (min-width: 768px) {

    .tabs i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs label span {

        display: inline-block;

    }

	.tabs label {

    width: 92px;

    font-size: 12px;

    }

    .tabs {

    width: 100%;

	max-width:788px;

    margin: 0px auto;

    }

}



/*################### TABS 2 #######################################*/

.tabs2 {

	margin-top:5px;

	background:none;
	width:100%;

    float: left;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs2:after {

    content: '';

    display: table;

    clear: both;

}

.tabs2 input[type=radio] {

    display:none;

}

.tabs2 label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:0px 1px 2px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 70px;

    color: #BDBDBD;

    font-size: 12px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs2 label span {

    display: inline-block;

}

.tabs2 label i {

    padding: 0px;

    margin-right: 0;

}

.tabs2 label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 1px solid #3498db;

}

.tab-content2 {

	margin:0px 0px 0px 0px;

    display: none;

    width: 100%;

	height:35px;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background:none;

	

}



.tab-content2 * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs2 [id^="tab11"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}.tabs2 [id^="tab12"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs2 [id^="tab13"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs2 [id^="tab14"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tab11:checked ~ #tab-content11,

#tab12:checked ~ #tab-content12,

#tab13:checked ~ #tab-content13,

#tab14:checked ~ #tab-content14 {

    display: block;

}

@media (min-width: 768px) {

    .tabs2 i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs2 label span {

        display: inline-block;

    }

	.tabs2 label {

    width: 92px;

    font-size: 12px;

    }

    .tabs2 {

    max-width: 788px;

    margin: 0px auto;

    }

}



/*################### TABS 3 #######################################*/

.tabs3 {

	background:none;

    max-width: 788px;

    float: none;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs3:after {

    content: '';

    display: table;

    clear: both;

}

.tabs3 input[type=radio] {

    display:none;

}

.tabs3 label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:0px 1px 0px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 44px;

    color: #BDBDBD;

    font-size: 14px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs3 label span {

    display: none;

}

.tabs3 label i {

    padding: 0px;

    margin-right: 0;

}

.tabs3 label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 0px solid #3498db;

}

.tab-content3 {

    display: none;

    width: 788px;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background-color:none;

}



.tab-content3 * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs3 [id^="tabdiv"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab101"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab102"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab103"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab104"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab105"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab106"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab107"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab108"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab109"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab110"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab111"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab112"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab113"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab114"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab115"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab116"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tabdiv:checked ~ #tab-contentdiv,

#tab101:checked ~ #tab-content101,

#tab102:checked ~ #tab-content102,

#tab103:checked ~ #tab-content103,

#tab104:checked ~ #tab-content104,

#tab105:checked ~ #tab-content105,

#tab106:checked ~ #tab-content106,

#tab107:checked ~ #tab-content107,

#tab108:checked ~ #tab-content108,

#tab109:checked ~ #tab-content109,

#tab110:checked ~ #tab-content110,

#tab111:checked ~ #tab-content111,

#tab112:checked ~ #tab-content112,

#tab113:checked ~ #tab-content113,

#tab114:checked ~ #tab-content114,

#tab115:checked ~ #tab-content115,

#tab116:checked ~ #tab-content116 {

    display: block;

}

@media (min-width: 768px) {

    .tabs3 i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs3 label span {

        display: inline-block;

    }

    .tabs3 {

    max-width: 788px;

    margin: 0px auto;

    }

}

td.details-control {

    background: url('images/details_open.png') no-repeat center center;

    cursor: pointer;

}

tr.shown td.details-control {

    background: url('images/details_close.png') no-repeat center center;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #d2d2d2;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #d2d2d2;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #d2d2d2;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #d2d2d2;

}

@media (min-width:992px){.modal-lg2{width:1500px}}

/*

input:invalid {

  background-color: #ffdddd;

}



form:invalid {

  border: 5px solid #ffdddd;

}



input:valid {

  background-color: #ddffdd;

}



form:valid {

  border: 5px solid #ddffdd;

}

  

input:required {

  border-color: #800000;

  border-width: 3px;

}

*/

/*########################################################################################################################*/

div #scroll {

width:100%;

max-width:788px;

margin: auto;

background:fff;

border:1px solid #3c763d;

overflow:auto;

padding:10px;

box-shadow:0 0 10px #ccc;

  border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

div #scroll_warning {

width:100%;

max-width:788px;

margin: auto;

background:fff;

border:1px solid #8a6d3b;

overflow:auto;

padding:10px;

box-shadow:0 0 10px #ccc;

  border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



.button {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 

	FONT-SIZE: 10px;

	FONT-WEIGHT: normal; 

	TEXT-DECORATION: none;

	BACKGROUND-COLOR: #339900;

	BORDER-RIGHT: #cccccc 1px solid; 

	BORDER-TOP: #cccccc 1px solid; 

	BORDER-LEFT: #cccccc 1px solid; 

	BORDER-BOTTOM: #cccccc 1px solid;

	BORDER-BOTTOM: #cccccc 1px solid; 

}

.button:hover {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 

	FONT-SIZE: 10px;

	FONT-WEIGHT: normal; 

	TEXT-DECORATION: none;

	BACKGROUND-COLOR: #336600;

	BORDER-RIGHT: #cccccc 1px solid; 

	BORDER-TOP: #cccccc 1px solid; 

	BORDER-LEFT: #cccccc 1px solid; 

	BORDER-BOTTOM: #cccccc 1px solid;

	BORDER-BOTTOM: #cccccc 1px solid; 

}

.btnin {

	position:absolute;

	right:10px;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 

	FONT-SIZE: 14px;

	FONT-WEIGHT: normal;

    padding:7px 7px 7px 7px;	

	TEXT-DECORATION: none;

	BACKGROUND-COLOR: #b9c404;

	BORDER-RIGHT: #cccccc 1px solid; 

	BORDER-TOP: #cccccc 1px solid; 

	BORDER-LEFT: #cccccc 1px solid; 

	BORDER-BOTTOM: #cccccc 1px solid;

	BORDER-BOTTOM: #cccccc 1px solid;

	width:100px;

	height:auto;

	z-index:1;

}

.btnin:hover {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 

	BACKGROUND-COLOR: #336600;

	FONT-SIZE: 14px;

	FONT-WEIGHT: normal;

    padding:7px 7px 7px 7px;	

	TEXT-DECORATION: none;

	BACKGROUND-COLOR: #336600;

	BORDER-RIGHT: #cccccc 1px solid; 

	BORDER-TOP: #cccccc 1px solid; 

	BORDER-LEFT: #cccccc 1px solid; 

	BORDER-BOTTOM: #cccccc 1px solid;

	BORDER-BOTTOM: #cccccc 1px solid;

	width:100px;

	height:auto;

	cursor: pointer;

}



.buttonDanger {

	display:inline-block;

	color: #ffffff; 

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 

	FONT-SIZE: 14px;

	FONT-WEIGHT: normal;

    padding:7px 7px 7px 7px;	

	TEXT-DECORATION: none;

	background-color:#ff5454;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	border:1px solid #ff4d4d;

	border-radius: 4px;

	width:70px;

	height:auto;

}

.buttonDanger:hover {

	color: #ffffff; 

	background-color:#ff2121;

	border:1px solid #d43f3a;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	cursor: pointer;

}









.button2 {

	display:inline-block;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 

	FONT-SIZE: 14px;

	FONT-WEIGHT: normal;

    padding:7px 7px 7px 7px;	

	TEXT-DECORATION: none;

	background:#5cb85c;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	border: 1px solid #4cae4c;

	border-radius: 4px;

	width:70px;

	height:auto;

}

.button2:hover {

	color: #ffffff;

	background:#449d44;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);

	border: 1px solid #398439;

	cursor: pointer;

}

div#contact.modal.fade.in{    

    visibility: visible;

}



div#contact.modal.fade{

    display: block;

    visibility: hidden;

}

.buttonadd {

	display:inline-block;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	color: #ffffff; 

	text-decoration: none;

	font-size: 14px;

	font-weight: normal;

    padding:7px 7px 7px 7px;	

	 background: rgb(168,168,168);

    background: -moz-linear-gradient(bottom, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 100%);

    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(100%,rgba(204,204,204,1)));

    background: -webkit-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    background: -o-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    background: -ms-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );

    background: linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	border: 1px solid #888;

	width:100%;

	height:auto;

	cursor: pointer;

}

.buttonadd:hover {	

    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 

    COLOR: #ffffff; 

	FONT-SIZE: 14px;

	FONT-WEIGHT: normal;

	text-decoration: none;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	border: 1px solid #888;

	

}



.msg {

	background-image: url(images/msg_ok.png);

	background-repeat:no-repeat;

	text-align:left;

	margin-left:30px;

    margin-right:30px;

	color:#666;

	padding:5px;

    padding-left:30px;

}



.emsg {

	background-image: url(images/msg_error.png);

	text-align:left;

	margin-left:30px;

    margin-right:30px;

	color:#666;

	background-repeat: no-repeat;

	padding:5px;

    padding-left:30px;

}



.text_meni_active {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#5788B1;

	font-size:11px;

	font-weight:bold;

	text-align:left;

	text-decoration:none;

	line-height:25px;

	}

.text_info {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2;

	font-size:11px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding-left:5px;

	line-height:16px;

	}

.text {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2;

	font-size:11px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding:5px;

	line-height:16px;

	border-left:1px solid #e2e2e2;

	border-right:1px solid #e2e2e2;

	

	}

.text_error {

    background-image: url(images/ajax.gif);

	background-repeat:no-repeat;

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2;

	font-size:11px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding:0px;

	line-height:16px;

	border-left:0px solid #e2e2e2;

	border-right:0px solid #e2e2e2;

	

	}



.text3 {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#888787;

	font-size:11px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding-left:5px;

	line-height:16px;

	}



.text_izmjena	

{

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF7F1A;

	font-size:12px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	padding-left:0px;

	line-height:16px;

}

.text_in	

{

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:17px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	padding-left:0px;

	line-height:16px;

}

	

.text_cms_message {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#28343b;

	font-size:12px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding-left:5px;

	

	}

.text_admin_cms {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#28343b;

	font-size:11px;

	font-weight:none;

	text-align:right;

	text-decoration:none;

	padding-left:5px;

	line-height:16px;

	}

.text_aktivni {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF9933;

	font-size:14px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding-left:5px;

	line-height:16px;

	}



#textstyle{

	

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#888787;

	font-size:14px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	padding:7px 7px 7px 7px;

	line-height:16px;

	

}

.text_admin {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2;

	font-size:11px;

	font-weight:bold;

	text-align:left;

	text-decoration:none;

	padding-left:0px;

	padding-right:0px;

	line-height:16px;

}

.text_naslov_admin {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#cccccc;

	font-size:14px;

	font-weight:bold;

	padding-top:5px;

	text-decoration:none;

	line-height:20px;

	}

.text_naslov_admin_r {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;

	font-size:12px;

	font-weight:normal;

	text-decoration:none;

	line-height:20px;

	}

.text_naslov_onama{

	font-family:Arial, Helvetica, sans-serif; color:#888787;

	font-size:12px;

	font-weight:bold;

	text-align:justify;

	text-decoration:none;

	padding-left:15px;

	padding-right:5px;

	}

.text_naslov {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#777777;

	font-size:12px;

	font-weight:normal;

	text-align:left;

	text-decoration:none;

	padding-left:0px;

	padding-right:0px;

	}

.text_naslov_1 {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc0000;

	font-size:13px;

	font-weight:normal;

	text-align:center;

	text-decoration:none;

	padding-left:5px;

	padding-right:5px;

	}

.text_naslov_2 {

	font-family:Arial, Helvetica, sans-serif; color:#666666;

	font-size:11px;

	font-weight:normal;

	text-align:center;

	text-decoration:none;

	padding-left:5px;

	padding-right:5px;

	text-transform:uppercase;

	}

.text_naslov_3 {

	font-family:Arial, Helvetica, sans-serif; color:#e22020;

	font-size:11px;

	font-weight:bold;

	text-align:justify;

	text-decoration:none;

	padding-left:15px;

	padding-right:5px;

	}

	

.text_naslov_4 {

	font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:13px;

	font-weight:normal;

	text-decoration:none;

	padding-left:0px;

	padding-right:0px;

	line-height:16px;

	vertical-align:top;

	}

.text_naslov_5{

	font-family: Arial, Helvetica, sans-serif; color:#ffffff;

	font-size:16px;

	font-weight:normal;

	text-align:left;

	text-decoration:none;

	padding-left:5px;

	padding-right:5px;

	}

	

.text_naslov_slika{

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:11px;

	font-weight:normal;

	text-align:center;

	text-decoration:none;

	padding-right:0px;

	line-height:20px;

	overflow:auto;

	}

.text_naslov_slika_v{

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	text-decoration:none;

	padding-right:0px;

	line-height:20px;

	overflow:auto;

	}		





.form {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2;

	font-size:11px;

	font-weight:none;

	text-align:justify;

	text-decoration:none;

	padding:0px;

	line-height:30px;

	}





.footer1 {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#336600;

	font-size:11px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

	}

.footer_over1 {

	font-family:Verdana, Helvetica, sans-serif; color:#777777;

	font-size:12px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

        text-decoration:none;

	}

.footer_over1:hover {

	font-family:Verdana, Helvetica, sans-serif; color:#cc0000;

	font-size:12px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

	}

.footer {

	font-family:Arial, Helvetica, sans-serif; color:#777777;

	font-size:12px;

	font-style:normal;

	font-weight:bold;	

	line-height:16px;

	}

A.footer_over {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#336600;

	font-size:11px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

	text-decoration:none;

	}

A.footer_over:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc0000;

	font-size:11px;

	font-style:normal;

	font-weight:bold;

	padding-left:10px;

	padding-right:10px;

	line-height:16px;

	text-decoration:underline;

	}

A.footer_over2 {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;

	font-size:11px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

	text-decoration:none;

	}

A.footer_over2:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc6600;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	padding-left:10px;

	padding-right:10px;

	line-height:16px;

	text-decoration:underline;

	}

.mail_over1 {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#339933;

	font-size:13px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

        text-decoration:none;

	}

.mail_over1:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif; color:#336633;

	font-size:13px;

	font-style:normal;

	font-weight:normal;	

	line-height:16px;

	}	

	

	

	

.slikaall{

	background-color: #f0f0f0;

	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));

	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

	  border-radius: 7px;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px; 

		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}	

.marginAuto{

	margin: auto;

    margin-top: 10%;

    margin-bottom: 0%;

}

.shadownav {

	margin-bottom:2px;

	background:#fff;

	border:0px solid #777777; 

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);

	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";

	zoom: 1;

}

.slika {

	margin-bottom:2px;

	background:#fff;

	border:0px solid #777777; 

    border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px; 

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);

	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";

	zoom: 1;

}

.shadow1 {

	margin: 40px;

	background-color: rgb(68,68,68); /* Needed for IEs */



	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);



	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);

	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";

	zoom: 1;

}

.shadow1 .content {

	position: relative; /* This protects the inner element from being blurred */

	padding: 100px;

	background-color: #DDD;

}

.slikarez {

font-family:Verdana, Arial, Helvetica, sans-serif; color:#888787;

	font-size:11px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	margin-left:0px;

	margin-right:0px;

	line-height:16px;

     border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px; 

		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);



}



.slikabutton {

font-family:Verdana, Arial, Helvetica, sans-serif; color:#888787;

	font-size:11px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	margin-left:0px;

	margin-right:0px;

	line-height:16px;

     border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px; 

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65);



}

.slikakon {

font-family:Verdana, Arial, Helvetica, sans-serif; color:#888787;

	font-size:10px;

	font-weight:none;

	text-align:left;

	text-decoration:none;

	line-height:14px;

     border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px; 

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);



}



/* ########################################################*/

/* ROUNDED ONE */

.roundedOne {

	width: 28px;

	height: 28px;

	background: #fcfff4;



	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	margin: 0px auto;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	position: relative;

}



.roundedOne label {

	cursor: pointer;

	position: absolute;

	width: 20px;

	height: 20px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	left: 4px;

	top: 4px;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);



	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);

	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);

	background: -o-linear-gradient(top, #222 0%, #45484d 100%);

	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);

	background: linear-gradient(top, #222 0%, #45484d 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );

}



.roundedOne label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	content: '';

	position: absolute;

	width: 16px;

	height: 16px;

	background: #00bf00;



	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);

	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);

	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);

	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);

	background: linear-gradient(top, #00bf00 0%, #009400 100%);



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	top: 2px;

	left: 2px;



	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

}



.roundedOne label:hover::after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	filter: alpha(opacity=30);

	opacity: 0.3;

}



.roundedOne input[type=radio]:checked + label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}

input[type=checkbox] {

	visibility: hidden;

}

/* SLIDE ONE */

.slideOne {

	width: 50px;

	height: 10px;
	background: #333;

	margin: 20px auto;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	position: relative;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

}



.slideOne label {

	display: block;

	width: 16px;

	height: 16px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	transition: all .4s ease;

	cursor: pointer;

	position: absolute;

	top: -3px;

	left: -3px;



	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	background: #fcfff4;



	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}



.slideOne input[type=checkbox]:checked + label {

	left: 37px;

}



/* SLIDE TWO */

.slideTwo {

	width: 80px;

	height: 30px;

	background: #333;

	margin: 20px auto;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	position: relative;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

}



.slideTwo:after {

	content: '';

	position: absolute;

	top: 14px;

	left: 14px;

	height: 2px;

	width: 52px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	background: #111;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

}



.slideTwo label {

	display: block;

	width: 22px;

	height: 22px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	transition: all .4s ease;

	cursor: pointer;

	position: absolute;

	top: 4px;

	z-index: 1;

	left: 4px;



	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	background: #fcfff4;



	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}



.slideTwo label:after {

	content: '';

	position: absolute;

	width: 10px;

	height: 10px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	background: #333;

	left: 6px;

	top: 6px;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);

}



.slideTwo input[type=checkbox]:checked + label {

	left: 54px;

}



.slideTwo input[type=checkbox]:checked + label:after {

	background: #00bf00;

}

/* SLIDE THREE */

.slideThree {

	width: 75px;

	height: 26px;

	background: #CCC;

	margin: 0px 0px auto;

    float:left;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	position: relative;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

}



.slideThree:after {

	content: 'OFF';

	font: 12px/26px Arial, sans-serif;

	color: #ff0000;

	position: absolute;

	right: 10px;

	z-index: 0;

	font-weight: bold;

	text-shadow: 1px 1px 0px rgba(255,255,255,.15);

}



.slideThree:before {

	content: 'ON';

	font: 12px/26px Arial, sans-serif;

	color: #00bf00;

	position: absolute;

	left: 10px;

	z-index: 0;

	font-weight: bold;

	text-shadow: 1px 1px 0px rgba(255,255,255,.15);

}



.slideThree label {

	display: block;

	width: 34px;

	height: 20px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	transition: all .4s ease;

	cursor: pointer;

	position: absolute;

	top: 3px;

	left: 3px;

	z-index: 1;



	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	background: #fcfff4;



	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}



.slideThree input[type=checkbox]:checked + label {

	left: 38px;

}

.defaultbutton{

    background-color: #4CAF50;

    border: none;

    color: white;

    padding: 7px 10px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 12px;

    margin: 4px 2px;

    cursor: pointer;

}



.btn-alert{color:#3c763d;background:#dff0d8;border-color:#d6e9c6;}

.btn-alert:hover,.btn-alert.disabled,.btn-alert[disabled]{color:#fff;background-color:#5db734;}

.btn-alert:active,.btn-alert.active{background-color:#59af32;}

.slikasucess{

	display:inline-block;

	margin-bottom:4px;

	margin-right:0px;

   font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:13px;

	text-overflow:ellipsis;

	width:100%;

	max-width:170px;

	height:118px;

   padding: 7px;

   overflow:hidden;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border: 0px solid #000; 

   text-align: left;

   background: transparent;

}



#rr_Btn, #rr_Btn2, #rr_Btn3, #rr_Btn4, #rr_Btn5, #rr_Btn6, #rr_Btn7, #rr_Btn8, #rr_Btn9, #rr_Btn10, #rr_Btn11, #rr_Btn12, #rr_Btn13, #rr_Btn14, #rr_Btn15, #rr_Btn16, #rr_Btn17, #rr_Btn18, #rr_Btn19, #rr_Btn20, #rr_Btn21, #rr_Btn22{

	display:inline-block;

	margin-bottom:4px;

	margin-right:0px;

   font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;

	font-size:13px;

	text-overflow:ellipsis;

	width:100%;

	max-width:170px;

	height:118px;

   padding: 7px;

   overflow:hidden;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border: 0px solid #000; 

   text-align: left;

   background: transparent;

   cursor:pointer;

  }

.rr_Btn{

margin-bottom:5px;

margin-right:5px;

float:left;

font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;

font-size:13px;

font-weight:normal;

width:100%;

max-width:182px;

height:100px;

padding: 5px;

overflow:hidden;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border: 1px dashed #BBB; 

text-align: left;

background-color: #DDD;

box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

 }



 .rr_Btn_del{

margin-bottom:5px;

margin-right:5px;

float:left;

font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;

font-size:13px;

font-weight:normal;

width:100%;

max-width:182px;

height:100px;

padding: 5px;

overflow:hidden;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border: 1px dashed #BBB; 

text-align: left;

background-color: #DDD;

box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

 }

 .addbtnin{

	 vertical-align: absmiddle;

	 margin-top:0px;

	margin-bottom:0px;

    position: relative;

    width: 155px;

    height: 87px;

    overflow: hidden;

	text-align:center;

   -moz-border-radius: 0px;

   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

    border: 1px solid #000;

	z-index:2;

	 

 }

 .addbtnin span{

	 vertical-align: middle;

    position: absolute;

    margin: auto;  

  left:0px;

  right: 0px;

  top: 45%;

  bottom: 0px;

    border: 1px solid #000;

	z-index:2;

	 

 }

 

.tfoot input {

        width: 100%;

        padding: 3px;

        box-sizing: border-box;

    }

.avatar {

    margin-top:0px;

	margin-bottom:0px;

    position: relative;

	width:95%;

    height: 83px;

    overflow: hidden;

	-webkit-border-radius: 0px;

   -moz-border-radius: 0px;

    border: 0px solid #000;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	z-index:2;

}

.avatar img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.avatar img.portrait {

  width: 110%;

  height: auto;

  

}



.addbtn {

    margin-top:0px;

	margin-bottom:0px;

    position: relative;

	width:95%;

    height: 83px;

    overflow: hidden;

	-webkit-border-radius: 0px;

   -moz-border-radius: 0px;

    border: 0px solid #000;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	z-index:2;

}

.addbtn img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.addbtn img.portrait {

  width: 110%;

  height: auto;

  

}

.inputaddbtn {

    margin-top:0px;

	margin-bottom:0px;

    position: relative;

	width:100%;

    height: 83px;

    overflow: hidden;

	-webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

    border: 0px solid #000;

	z-index:2;

}





.inputaddbtn img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.inputaddbtn img.portrait {

  width: 110%;

  height: auto;

  

}



.addbtno {

    margin-top:0px;

	margin-bottom:0px;

    position: relative;

    width: 155px;

    height: 87px;

    overflow: hidden;

	-webkit-border-radius: 0px;

   -moz-border-radius: 0px;

    border: 1px solid #DDD;

	z-index:2;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);

}

.addbtno :hover{

	opacity: 0.5;

}



.addbtno img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.addbtno img.portrait {

  width: 100%;

  height: auto;

  

}

.btny {

    margin-top:2px;

    position: relative;

    width: 170px;

    height: 70px;

    overflow: hidden;

	-webkit-border-radius: 5px;

   -moz-border-radius: 5px;

    border: 1px solid #BBB;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	padding: 5px;

}



.btny img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.btny img.portrait {

  width: 100%;

  height: auto;

  

}

.btny_del {

	margin-left:2px;

	margin-right:2px;

    margin-top:0px;

	margin-bottom:0px;

    position: relative;

    width: 137px;

    height: 80px;

    overflow: hidden;

	-webkit-border-radius: 0px;

   -moz-border-radius: 0px;

    border: 1px solid #000;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.65);

}



.btny_del img {

	position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: auto;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.btny_del img.portrait {

  width: 110%;

  height: auto;

  

}

  

div.slika1{

clear: left;	  

height: 0px;

width: 0px;

overflow:hidden;	  

}

div.addslika{

	position: relative;

	margin-left:13px;

    width:800px;

	height:auto;

	border: 0px solid blue;

    background: none;

	float:left;

	

}

div.error{

	font-weight: normal;

    font-size: 14px;

	font-family:Lucida Sans Unicode;

	color:#FF0000;

	position: relative;

	margin-left:13px;

    width:762px;

	height:auto;

	border: 0px solid blue;

	text-align:center;

    background: none;

	clear:left;

	

}

div.deleteslika{

	position: relative;

	margin-left:13px;

    width:1192px;

	height:100%;

	border: 1px solid blue;

    background: red;

	clear:left;

	

}

.del_naslov {

	padding:10px;

	 margin-top:15px;

	 margin-bottom:15px;

	color:#ff0000 !important; 

	background-color:transparent !important; 

    font-weight: 200;

    font-size: 18px;

	font-family:Lucida Sans Unicode;

	height: auto;

	line-height: normal;

    border: 1px solid #ff5a5f;

}

div.deletewiev{

	font-weight: normal;

    font-size: 18px;

	font-family:Lucida Sans Unicode;

	color:#FF9933;

	text-align:center;

	position: relative;

	margin-top:13px;

	margin-bottom:13px;

	margin-left:13px;

    width:785px;

	height:auto;

	border: 0px solid blue;

    background: none;

	clear:left;

	

}

div.wievid{

	font-weight: normal;

    font-size: 18px;

	font-family:Lucida Sans Unicode;

	color:#FF9933;

	text-align:center;

	position: relative;

	margin-top:13px;

	margin-bottom:13px;

	margin-left:13px;

    width:785px;

	height:auto;

	border: 0px solid blue;

    background: none;

	clear:left;

	

}

div.trash {

	position:absolute;

	font-family: 'Roboto Condensed', sans-serif;

    font-size: 20px;

    letter-spacing: 1px;

	text-align:right;

    /*outline-style: double;

    outline-color: red;

    outline-width: 3px;*/

	z-index:1;

}



#information2{

	font-size:14px;

    margin-bottom:5px;	

    width:790px;

    border:0px solid #ccc;

	text-align:center;

}



#information{

	font-size:14px;

    margin-bottom:5px;	

    width:790px;

    border:0px solid #ccc;

	text-align:center;

}



.progressbar_in_a{

            height: 1px;  /* Can be anything */

			position: relative;

			background: #777;

			-moz-border-radius: 0px;

			-webkit-border-radius: 0px;

			border-radius: 0px;

			padding: 0px;

			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);

			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);

			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);

}

.progressbar_in {

    height: 28px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */

	border: 0px solid #888; 

    background: rgb(168,168,168);

    background: -moz-linear-gradient(bottom, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 100%);

    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(100%,rgba(204,204,204,1)));

    background: -webkit-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    background: -o-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    background: -ms-linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );

    background: linear-gradient(bottom, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 100%);

    }

#progress {

	margin-top:10px;

	margin-bottom:10px;

	width: auto; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */

    height: 30px; 

    position: relative

    }

#progress  p{ position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; color:#fff}

#progress  .info{ position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; color:#fff}

#progress  .slikaerror{ position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; color:red}

.drop-area{

  width:100px;

  height:25px;

  border: 1px solid #999;

  text-align: center;

  padding:10px;

  cursor:pointer;

}

#thumbnail img{

  width:100px;

  height:100px;

  margin:5px;

}

canvas{

  border:1px solid red;

}

.error {

    /* These styles are arbitrary */

    background-color: #fceabb;

    padding: 1em;

    font-weight: bold;

    color: red;

    border: 1px solid red;

    }

	

/* centered columns styles */

.row-centered {

    text-align:center;

}

.col-centered {

    display:inline-block;

    float:none;

   

}	

.affix {

      bottom: 20px;

      width: 100%;

	  z-index:1;

  }



  .affix + .container-fluid {

      padding-top: 70px;

  }	

.full {

    width: 100%;	

}

.gap {

	height: 30px;

	width: 100%;

	clear: both;

	display: block;

}

.footer {

	background: #EDEFF1;

	height: auto;

	padding-bottom: 30px;

	position: relative;

	width: 100%;

	border-bottom: 1px solid #CCCCCC;

	border-top: 1px solid #DDDDDD;

}

.footer p {

	margin: 0;

}

.footer img {

	max-width: 100%;

}

.footer h3 {

	border-bottom: 1px solid #BAC1C8;

	color: #54697E;

	font-size: 18px;

	font-weight: 600;

	line-height: 27px;

	padding: 40px 0 10px;

	text-transform: uppercase;

}

.footer ul {

	font-size: 13px;

	list-style-type: none;

	margin-left: 0;

	padding-left: 0;

	margin-top: 15px;

	color: #7F8C8D;

}

.footer ul li a {

	padding: 0 0 5px 0;

	display: block;

}

.footer a {

	color: #78828D

}

.supportLi h4 {

	font-size: 20px;

	font-weight: lighter;

	line-height: normal;

	margin-bottom: 0 !important;

	padding-bottom: 0;

}

.newsletter-box input#appendedInputButton {

	background: #FFFFFF;

	display: inline-block;

	float: left;

	height: 30px;

	clear: both;

	width: 100%;

}

.newsletter-box .btn {

	border: medium none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	-ms-border-radius: 3px;

	border-radius: 3px;

	display: inline-block;

	height: 40px;

	padding: 0;

	width: 100%;

	color: #fff;

}

.newsletter-box {

	overflow: hidden;

}

.bg-gray {

	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);

	box-shadow: 0 1px 0 #B4B3B3;

}

.social li {

	background: none repeat scroll 0 0 #B5B5B5;

	border: 2px solid #B5B5B5;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	border-radius: 50%;

	float: left;

	height: 36px;

	line-height: 36px;

	margin: 0 8px 0 0;

	padding: 0;

	text-align: center;

	width: 36px;

	transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

}

.social li:hover {

	transform: scale(1.15) rotate(360deg);

	-webkit-transform: scale(1.1) rotate(360deg);

	-moz-transform: scale(1.1) rotate(360deg);

	-ms-transform: scale(1.1) rotate(360deg);

	-o-transform: scale(1.1) rotate(360deg);

}

.social li a {

	color: #EDEFF1;

}

.social li:hover {

	border: 2px solid #2c3e50;

	background: #2c3e50;

}

.social li a i {

	font-size: 16px;

	margin: 0 0 0 5px;

	color: #EDEFF1 !important;

}

.footer-bottom {

	background: #E3E3E3;

	border-top: 1px solid #DDDDDD;

	padding-top: 10px;

	padding-bottom: 10px;

}

.footer-bottom p.pull-left {

	padding-top: 6px;

}

.payments {

	font-size: 1.5em;	

}



/*################### TABS 1 #######################################*/



.tabs {

	background:none;

	width:auto;

    float: none;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs:after {

    content: '';

    display: table;

    clear: both;

}

.tabs input[type=radio] {

    display:none;

}

.tabs label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:15px 1px 2px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 70px;

    color: #BDBDBD;

    font-size: 12px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs label span {

    display: inline-block;

}

.tabs label i {

    padding: 0px;

    margin-right: 0;

}

.tabs label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 0px solid #3498db;

}

.tab-content {

    display: none;

    width: 100%;

	max-width:788px;

	height:auto;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background:transparent;

	border:0px solid #777;

}



.tab-content * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs [id^="tab1"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}.tabs [id^="tab2"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs [id^="tab3"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs [id^="tab4"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tab1:checked ~ #tab-content1,

#tab2:checked ~ #tab-content2,

#tab3:checked ~ #tab-content3,

#tab4:checked ~ #tab-content4 {

    display: block;

}

@media (min-width: 768px) {

    .tabs i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs label span {

        display: inline-block;

    }

	.tabs label {

    width: 92px;

    font-size: 12px;

    }

    .tabs {

    width: 100%;

	max-width:788px;

    margin: 0px auto;

    }

}



/*################### TABS 2 #######################################*/

.tabs2 {

	margin-top:5px;

	background:none;

	width:100%;

    float: left;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs2:after {

    content: '';

    display: table;

    clear: both;

}

.tabs2 input[type=radio] {

    display:none;

}

.tabs2 label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:0px 1px 2px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 70px;

    color: #BDBDBD;

    font-size: 12px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs2 label span {

    display: inline-block;

}

.tabs2 label i {

    padding: 0px;

    margin-right: 0;

}

.tabs2 label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 1px solid #3498db;

}

.tab-content2 {

	margin:0px 0px 0px 0px;

    display: none;

    width: 100%;

	height:35px;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background:none;

	

}



.tab-content2 * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs2 [id^="tab11"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}.tabs2 [id^="tab12"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs2 [id^="tab13"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs2 [id^="tab14"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tab11:checked ~ #tab-content11,

#tab12:checked ~ #tab-content12,

#tab13:checked ~ #tab-content13,

#tab14:checked ~ #tab-content14 {

    display: block;

}

@media (min-width: 768px) {

    .tabs2 i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs2 label span {

        display: inline-block;

    }

	.tabs2 label {

    width: 92px;

    font-size: 12px;

    }

    .tabs2 {

    max-width: 788px;

    margin: 0px auto;

    }

}



/*################### TABS 3 #######################################*/

.tabs3 {

	background:none;

    max-width: 788px;

    float: none;

    list-style: none;

	border: 0px solid #ccc;

    border-bottom: 0px solid #ccc;

}

.tabs3:after {

    content: '';

    display: table;

    clear: both;

}

.tabs3 input[type=radio] {

    display:none;

}

.tabs3 label {

	border-top-left-radius: 0px;

-webkit-border-top-left-radius: 0px;

border-top-right-radius: 0px;

-webkit-border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

-webkit-border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

-webkit-border-bottom-right-radius: 0px;

margin:0px 1px 0px 1px;

	background:#F2F2F2;

    display: block;

    float: left;

    width: 44px;

    color: #BDBDBD;

    font-size: 14px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    line-height: 2;

    cursor: pointer;

    box-shadow: inset 0 0px #ccc;

    border-bottom: 0px solid #ccc;

	

    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */

    transition: all 0.5s;

}

.tabs3 label span {

    display: none;

}

.tabs3 label i {

    padding: 0px;

    margin-right: 0;

}

.tabs3 label:hover {

	background:#fff;

    color: #ccc;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 0px solid #3498db;

}

.tab-content3 {

    display: none;

    width: 788px;

    float: left;

    padding: 0px;

    box-sizing: border-box;

    background-color:none;

}



.tab-content3 * {

    -webkit-animation: scale 0.7s ease-in-out;

    -moz-animation: scale 0.7s ease-in-out;

    animation: scale 0.7s ease-in-out;

}

@keyframes scale {

  0% {

    transform: scale(0.9);

    opacity: 0;

    }

  50% {

    transform: scale(1.01);

    opacity: 0.5;

    }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.tabs3 [id^="tabdiv"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab101"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab102"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab103"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab104"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab105"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab106"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab107"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab108"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab109"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab110"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab111"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab112"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab113"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab114"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab115"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

.tabs3 [id^="tab116"]:checked + label {

    background: #FFF;

    box-shadow: inset 0 0px #3498db;

    border-bottom: 3px solid #045FB4;

    color: #777777;

}

#tabdiv:checked ~ #tab-contentdiv,

#tab101:checked ~ #tab-content101,

#tab102:checked ~ #tab-content102,

#tab103:checked ~ #tab-content103,

#tab104:checked ~ #tab-content104,

#tab105:checked ~ #tab-content105,

#tab106:checked ~ #tab-content106,

#tab107:checked ~ #tab-content107,

#tab108:checked ~ #tab-content108,

#tab109:checked ~ #tab-content109,

#tab110:checked ~ #tab-content110,

#tab111:checked ~ #tab-content111,

#tab112:checked ~ #tab-content112,

#tab113:checked ~ #tab-content113,

#tab114:checked ~ #tab-content114,

#tab115:checked ~ #tab-content115,

#tab116:checked ~ #tab-content116 {

    display: block;

}

@media (min-width: 768px) {

    .tabs3 i {

        padding: 5px;

        margin-right: 0px;

    }

    .tabs3 label span {

        display: inline-block;

    }

    .tabs3 {

    max-width: 788px;

    margin: 0px auto;

    }

}

td.details-control {

    background: url('images/details_open.png') no-repeat center center;

    cursor: pointer;

}

tr.shown td.details-control {

    background: url('images/details_close.png') no-repeat center center;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #d2d2d2;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #d2d2d2;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #d2d2d2;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #d2d2d2;

}