﻿#footerTA .telephone-number {
  width: 80px;
}

#mainmenu {
  top: 300px;
	left:50px;
	z-index:1;
}

div.planet {
  margin-top: 18px;
}

#pnlSklepanje .planet {
  position: relative;
}

#pnlSklepanje .planet > p {
  margin-top: 18px;
}

#pnlSklepanje .planet a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  font-size: 15px;
  background: #0096F0;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  font-family: sofia_pro_light,arial,helvetica,sans-serifprolight;
  font-weight: normal;
  color: #fff !important;
}

.container .coloumn.left #submenu {
  display: none;
}



.securityAndPayment {
  margin-left: 0;
  margin-right: 0;
}

.main-frame .container {
  padding: 0;
}

.container .coloumn.left.w540.user,
.container .coloumn.left.w540.template {
  width: 630px;
}

.container .coloumn.left.w540 #content {
  background-color: #fff;
	padding-left: 0px;
  padding-top: 70px;
}

.container .coloumn.left.w540.layoutPortlet #content {
  background-color: #f2f2f2;
  padding: 50px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform {
  margin-top: 10px;
  width: auto;
}

.container .coloumn.left.w540.layoutPortlet #content > .content-lightgreen .inner .contentform {
  margin-top: 80px;
  float: right;
  width: 630px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .buttons {
  clear: both;
  position: relative;
  height: 60px;
  border-top: 0 !important;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .buttons .submitme {
  bottom: 0px;
  right: 0px;
  background-color: #0096F0;
}

/*.container .coloumn.left.w540 #content > .content-lightgreen .inner .clear {
  display: block;
}*/

/******************************************************/
/******************************************************/
/*********************** CMS **************************/
/******************************************************/
/******************************************************/
body.firstpage {
  background: #fff;
}
/*******************************/
/* GENERAL *********************/
/*******************************/
/*******************************/
/* HOMEPAGE ********************/
/*******************************/
.firstpage {
  background: #fff;
}
.firstpage .main-frame #header {
  display: block;
}
.firstpage .main-frame .container {
  padding: 0;
}
.author {
  padding-left: 40px;
  background: url('../img/logo_innovatif.png') left center no-repeat;
}
#header {
  border-bottom: none;
}
#header #logotip {
  margin: 0 auto;
  background: url('../img/vzajemna-logotip.png') top left no-repeat;
  width: 99px;
  height: 126px;
}
#header #vzajemna-home {
  display: none;
}
#apptitle {
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: 300;
  color: #333;
  text-align: center;
  font-size: 32px;
}
#box-useractions {
  margin: 0 auto;
  height: auto;
}
#box-useractions #box-login {
  height: 240px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 25px 30px 25px 30px;
  margin: 0 auto;
  position: relative;
}
#box-useractions #box-login .forgotten-password {
  color: #0064B9;
}
#box-useractions #box-login a {
  color: #0064B9;
  text-decoration: none;
}
#box-useractions #box-login h2 {
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  color: #333333;
  font-size: 20px;
  border: none;
  padding: 0;
  margin: 0;
}
#box-useractions #box-login #login-username,
#box-useractions #box-login #login-password {
  border: 1px solid #dadada;
}
#box-useractions #box-login .text {
  font-family: sofia_pro_regularregular,arial,helvetica,sans-serif;
  color: #333333;
  font-size: 14px;
  padding: 0 0 0 30px;
}
#box-useractions #box-login .text ul {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0;
}
#box-useractions #box-login .text ul li {
  background: url('../img/sprite.png') 0px -640px no-repeat;
  padding: 5px 0 5px 20px;
  font-style: normal;
}
#box-useractions #box-login .btn-register {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  background: #578917;
  text-align: center;
  width: 135px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: normal;
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-color: #0096F0;
}
#box-useractions #box-login .btn-register span {
  color: #fff;
  display: block;
  text-transform: none;
}
#box-useractions .box-half {
  width: 50%;
  height: auto;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#box-useractions .box-half .inner {
  padding: 0;
  border: none;
}
.bottom-frame {
  width: 1140px;
  margin: 0 auto;
}
#footerTA {
  border-top: 1px solid #ebebeb;
  padding-top: 30px;
  margin: 100px 135px 0;
}
#footerTA a {
  color: #0064B9;
}
#footerTA .col.left {
  font-size: 12px;

}
#footerTA .col.left.w168,
#footerTA .col.left.w606,
#footerTA .col.left.w126 {
  width: 33%;
}
#footerTA .col.left.w126 {
  text-align: right;
}
#footerTA .generalije {
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  padding: 0;
}
#footerTA .generalije strong {
  color: #000;
}
#footerTA .disclamer {
  display: none;
}
#footerTA .telephone-number {
  background: url(../img/sprite.png?v=1) no-repeat;
  background-position: 10px -87px;
  font-family: sofia_pro_regularregular,arial,helvetica,sans-serif;
  display: block;
  border-radius: 50px;
  margin: 20px auto 0 auto;
  width: 80px;
  border: 2px solid #333;
  padding: 1px 10px 1px 40px;
  color: #333;
  right: 270px;
  font-size: 16px;
  font-weight: 700;
}
.details {
  border-collapse: separate;
  width: 100%;
  overflow: visible;
  border-spacing: 0 2px;
}
.details tr {
  border: 0 !important;
}
.details tr:nth-child(1) {
  border: none;
}
.details tr:nth-child(odd) {
  background: #fff;
}
.details tr:nth-child(even) {
  background: #fff;
}
.details tr:hover {
  background: #fff;
  font-size: 15px;
}
.details tr.title td {
  background-color: #f2f2f2;
  color: #333333;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-size: 15px;
  border: none;
}
.details tr td {
  background-color: #fff;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  color: #333333;
  font-size: 11px;
  padding: 5px;
  vertical-align: middle;
}
.details tr td:first-child {
  border-left: 1px solid #ededed;
}
.details tr td:last-child {
  border-right: 1px solid #ededed;
}
.details tr td a {
  color: #0064B9;
}
.details tr td a.link {
  color: #0064B9;
  border: none;
  font-size: 15px;
}
.details tr td a.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #0096F0;
  text-shadow: none;
  text-transform: none;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-size: 13px;
  height: 28px;
  line-height: 27px;
  padding: 0 15px;
  font-weight: normal;
  width: auto;
  display: block;
  float: left;
  color: #fff;
}
.details .txtfield {
  height: 30px;
  width: 50px;
}
/*  JM 
.main-frame #header {
  display: none;
}
.main-frame .container {
  padding: 0 30px;
}*/

.main-frame .container .coloumn #content h1 {
  display: none;
}
#pnlNepotrjene h2 {
  font-family: sofia_pro_regularregular,arial,helvetica,sans-serif;
  background-color: #f2f2f2;
  padding: 5px 20px;
  font-weight: 700;
}
#pnlNepotrjene > div {
  border: 1px solid #ededed;
  padding: 5px 20px;
  font-size: 15px;

  margin-top: 2px;
}
#pnlNepotrjene > div a {
  color: #0064B9;
}
#pnlSklepanje > h2 {
  display: none;
}
#pnlSklepanje #box-useractions {
  padding: 0;
  margin-bottom: 40px;
}
#pnlSklepanje #box-useractions p {
  color: #333;
}
#pnlSklepanje #box-useractions #box-login,
#pnlSklepanje #box-useractions #box-register {
  height: 200px;
}
#pnlSklepanje #planet_1 {
  position: relative;
}
#pnlSklepanje #planet_1 > p {
  margin-top: 18px;
}
#pnlSklepanje #planet_1 a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  font-size: 15px;
  background: #0096F0;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: normal;
  color: #fff !important;
}
.styledSelect {
  width: 255px;
  overflow: hidden;
  background: url('../img/sprite.png') right -798px no-repeat #ffffff;
}
.styledSelect select {
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  overflow: hidden;
  border: none;
  box-sizing: border-box;
  width: 255px;
  border: 1px solid #dadada;
  line-height: 40px;
  padding: 0 0 0 20px;
  font-size: 16px;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  color: #333333;
  font-weight: normal;
  height: 40px;
  display: block;
}
.styledSelect select:focus {
  outline: none;
}
.styledSelect.half {
  width: 150px;
}
.styledSelect.half .selectfield {
  width: 175px;
}
#btnPripravaPolice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: block;
  border-radius: 3px;
  font-size: 15px;
  background: #0096F0;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: normal;
  position: absolute;
  color: #fff !important;
  border: 1px solid #0096F0;
}
.category-icon {
  display: none;
}
.messages h2 {
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-size: 22px;
  padding-bottom: 15px;
}
.messages .messages-content {
 
  font-size: 13px;
  color: #666;
}
.messages a {
  color: #0064B9;
}

.spremembePolic .content-lightgreen {
  position: relative;
  margin-top: 20px;
  background-color: #f2f2f2;
  padding: 45px 25px 30px 25px;
}

.spremembePolic .content-lightgreen .inner {
  padding: 0;
}

.spremembePolic .togglefilters {
  position: absolute;
  top: 15px;
  right: 25px;

  font-size: 13px;
  color: #333;
  background: url('../img/sprite.png') 96% -663px no-repeat;
  background-size: 530px;
  padding-right: 20px;
}

.spremembePolic #registerform {
  padding-top: 0;
  border-top: 1px solid #dadada;
  clear: both;
}

.spremembePolic #registerform .details {
  
  color: #333;
  font-size: 12px;
}

.spremembePolic #registerform .details td {
  background-color: #f2f2f2;
}

.spremembePolic #registerform .details .txtfield {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dadada;
  height: 28px;
  width: 100%;
  padding: 0 5px;
}
.spremembePolic #registerform .details #btnPocisti {
  background-color: #f2f2f2;
  border: none;
  color: #0064B9;
  font-size: 11px;
  font-weight: bold;
  width: 100%;
}
.spremembePolic #registerform .details #btnFiltriraj {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #0096F0;
  text-shadow: none;
  text-transform: none;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-size: 13px;
  height: 28px;
  line-height: 27px;
  padding: 0 15px;
  font-weight: normal;
  width: auto;
  display: block;
  float: left;
  color: #fff;
  border: none;
}
.spremembePolic #registerform .details .styledSelect {
  width: 110px;
  overflow: hidden;
  background: url('../img/sprite.png') right -655px no-repeat #ffffff;
  background-size: 530px;
}
.spremembePolic #registerform .details .styledSelect select {
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  overflow: hidden;
  border: none;
  box-sizing: border-box;
  width: 110px;
  border: 1px solid #dadada;
  line-height: 28px;
  padding: 0 0 0 5px;
  font-size: 12px;

  color: #333333;
  font-weight: normal;
  height: 28px;
  display: block;
}
.spremembePolic #registerform .details .styledSelect select:focus {
  outline: none;
}
.spremembePolic #registerform .details .styledSelect.half {
  width: 150px;
}
.spremembePolic #registerform .details .styledSelect.half .selectfield {
  width: 175px;
}
.spremembePolic #registerform .details .twrapper {
  position: relative;

  color: #333;
  font-size: 12px;
  display: block;
  vertical-align: bottom;
}
.spremembePolic #registerform .details .twrapper .sort {
  position: absolute;
  top: -10px;
  left: 0px;
  width: 10px;
  height: 5px;
}
.spremembePolic #registerform .details .twrapper .sort .orderasc {
  display: none;
}
.spremembePolic #registerform .details .twrapper .sort .orderasc.orderascactive {
  display: block;
  background: url('../img/sprite.png') left 0px no-repeat;
  width: 10px;
  height: 5px;
}
.spremembePolic #registerform .details .twrapper .sort .orderdesc {
  display: none;
}
.spremembePolic #registerform .details .twrapper .sort .orderdesc.orderdescactive {
  display: block;
  background: url('../img/sprite.png') left -895px no-repeat;
  width: 10px;
  height: 5px;
}

.spremembePolic #extrafilters {
  border-bottom: 1px solid #dadada;
  margin: 10px 0;

  color: #333;
  font-size: 12px;
}

.spremembePolic #extrafilters table {
  width: 80%;
  margin: 0 auto;
}
.spremembePolic #extrafilters th {
  text-align: left;
  font-weight: bold;
}
.spremembePolic #extrafilters td {
  white-space: nowrap;
  padding: 2px 5px;
}
.spremembePolic #extrafilters td.celltitle {
  text-align: right;
}
.spremembePolic #extrafilters .txtfield {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dadada;
  height: 28px;
  width: 100%;
  padding: 0 5px;
}
.spremembePolic #extrafilters .styledSelect {
  width: 220px;
  overflow: hidden;
  background: url('../img/sprite.png') right -655px no-repeat #ffffff;
  background-size: 530px;
}
.spremembePolic #extrafilters .styledSelect select {
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  overflow: hidden;
  border: none;
  box-sizing: border-box;
  width: 220px;
  border: 1px solid #dadada;
  line-height: 28px;
  padding: 0 0 0 5px;
  font-size: 12px;

  color: #333333;
  font-weight: normal;
  height: 28px;
  display: block;
}
.spremembePolic #extrafilters .styledSelect select:focus {
  outline: none;
}
.spremembePolic #extrafilters .styledSelect.half {
  width: 150px;
}
.spremembePolic #extrafilters .styledSelect.half .selectfield {
  width: 175px;
}

.logout {
  bottom: -34px;
}

.navigation-tools {
  height: 80px;
}

#header nav .main-navigation-wrapper h1 {
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: bold;
	font-size: 32px;
  font-weight: 300;
  margin: 0;
  padding: 0 0 0 30px;
}

#btnPnlstep-3 .btnajaxnext,
#btnPnlstep-4 .btnajaxconfirm {
  right: 0px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-1 label {
  position: absolute;
}

input[type="checkbox"],
input[type="radio"] {
  height: 44px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-3 #substep_doplacila input[type="checkbox"],
.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-3 #substep_nezgodeEl input[type="checkbox"] {
  height: 26px;
}

.container .w540.left.coloumn #content > .content-lightgreen .inner .contentform #step-3 #substep_doplacila label.label-small,
.container .w540.left.coloumn #content > .content-lightgreen .inner .contentform #step-3 #substep_nezgodeEl label.label-small {
  line-height: 26px;
}

.ui-datepicker {
  z-index: 200 !important;
}

.btn-medium.btnajaxgetpolicy,
.btn-medium.btnajaxsave {
  float: none;
  width: 175px;
}
.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform .stepwrapper .buttons#btnPnlstep-4 a.btn-medium.btnajaxgetpolicy,
.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform .stepwrapper .buttons#btnPnlstep-4 a.btn-medium.btnajaxsave {
  position: absolute;
}

#step-1 .cr-row.checkbox-row {
  clear: none;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform label.error {
  position: relative !important;
  background-color: #f2f2f2;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform .stepwrapper {
  min-height: 300px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform .stepwrapper.nominheight {
  min-height: inherit;
}

a.btn-inline {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  background: #0096F0;
  text-align: center;
  width: 173px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: auto;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-weight: normal;
  color: #fff;
  display: block;
  text-transform: none;
}

.btnajaxtemplate {
  bottom:0px;
}

#btnPripravaPolice {
  right: 30px;
}

.datepicker {
  background: url("../img/sprite.png") no-repeat scroll right -668px #ffffff;
  clear: both;
}

.container .coloumn.left.w540.registration #content > .content-lightgreen .inner {
  font-size: 14px;
}

.summary {
  font-weight: bold;
}

.styledSelect .selectfield {
  background: none repeat scroll 0 0 transparent;
  overflow: hidden;
  padding-right: 0;
  width: 325px;
}

.inner #registerform {
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  font-size: 15px;
}

.contentform table .even  .td-color {
	background: #f0f0f0;
}

.content-lightgreen #register .submitme{
  position: relative;
}

.floatboxlight .box-half .inner {
  background-color: #dedede;
  box-shadow: 10px 5px 3px #333333;
  color: #333333;
}

.floatboxlight .box-half .inner .btn-inline-dark {
  font-weight:bold;
  font-size: 20px;
}

#box-useractions .box-half h2, .floatbox .box-half h2, .floatboxdark .box-half h2, .floatboxlight .box-half h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
}

.contentform table .td-rightside {
  padding-top: 13px;
}
.contentform table .td-color {
  padding: 1px 3px;
}

input#iagree {
  vertical-align: middle;
  margin-right: 5px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-4 label {
  line-height: 23px;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-4 .td-color {
  vertical-align: middle;
}


.linkFooter2 {
    margin-left: 40px;
}


.btn-large,
a.btn-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  background: #0096F0;
  text-align: center;
  width: 258px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 10px 0 0 187px;
  font-family: sofia_prolight,arial,helvetica,sans-serif;
  position: absolute;
}

.btn-large span,
a.btn-large span {
  color: #fff;
  display: block;
  text-transform: none;
}

.redcolor {
    color: #f00 !important;
}

.container .coloumn.left.w540 #content > .content-lightgreen .inner .contentform #step-1 label.label-small {
    display: inline !important;
    position: relative !important;
    line-height: 23px !important;
    padding-top: 12px !important;
    width: 350px !important;
}