/*font-face declaration for a secondary font*/
@font-face {
	font-family: "Fontin";
	src: url("fontin/fontin_sans_r_45b-webfont.eot") format("embedded-opentype");
	src: url("fontin/Fontin_Sans_R_45b.otf") format("opentype"),
		 url("fontin/fontin_sans_r_45b-webfont.woff") format("woff"),
	     url("fontin/fontin_sans_r_45b-webfont.ttf")  format("truetype"),
	     url("fontin/fontin_sans_r_45b-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Fontin";
	src: url("fontin/fontin_sans_b_45b-webfont.eot") format("embedded-opentype");
	src: url("fontin/Fontin_Sans_B_45b.otf") format("opentype"),
		 url("fontin/fontin_sans_b_45b-webfont.woff") format("woff"),
	     url("fontin/fontin_sans_b_45b-webfont.ttf")  format("truetype"),
	     url("fontin/fontin_sans_b_45b-webfont.svg") format("svg");
	font-weight: bold;background-image: url("../images/logos/pbz_novi_logo.png");
	font-style: normal;
}

@font-face {
	font-family: "Fontin";
	src: url("fontin/fontin_sans_i_45b-webfont.eot") format("embedded-opentype");
	src: url("fontin/Fontin_Sans_I_45b.otf") format("opentype"),
		 url("fontin/fontin_sans_i_45b-webfont.woff") format("woff"),
	     url("fontin/fontin_sans_i_45b-webfont.ttf")  format("truetype"),
	     url("fontin/fontin_sans_i_45b-webfont.svg") format("svg");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Fontin";
	src: url("fontin/fontin_sans_bi_45b-webfont.eot") format("embedded-opentype");
	src: url("fontin/Fontin_Sans_BI_45b.otf") format("opentype"),
		 url("fontin/fontin_sans_bi_45b-webfont.woff") format("woff"),
	     url("fontin/fontin_sans_bi_45b-webfont.ttf")  format("truetype"),
	     url("fontin/fontin_sans_bi_45b-webfont.svg") format("svg");
	font-weight: bold;
	font-style: italic;
}

.image_popup.pulsate {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite; 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.0
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(1.0, 1.0); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.1, 1.4); opacity: 0.0;}
}


@-moz-keyframes pulsate {
    0% {-moz-transform: scale(1.0, 1.0); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-moz-transform: scale(1.1, 1.4); opacity: 0.0;}
}

@keyframes pulsate {
    0% {transform: scale(1.0, 1.0); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.1, 1.4); opacity: 0.0;}
}


/* Simple CSS reset */
html, body, div, h1, h2, h3, p, span, section, article, nav {
  margin: 0;
  padding: 0;
  display: block;
  font-family: Calibri, "Fontin";
  font-size: 16px;
}

#modalBlackBackground {
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	top: 0px;
	z-index: 998;
}

#languages {
  float: right;
  position: relative;
  top: 2px;
  right: 5px;
}

#languages li {
  list-style: none;
  display: inline-block;
  text-align: center;
}

#languages a, .separator {
  color: rgb(153, 153, 153);
  text-decoration: none;
}

#languages a:hover {
	color: rgb(225, 155, 35);
}

.active_language {
  color: rgb(225, 155, 35) !important;
}

#subheader {
  margin: 0 auto;
  width: 960px;
}

#logo {
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  margin-left: 10px;
  width: 201px;
  height: 43px;
  background-image: url("../images/logo_Evolva_header.png");
}

#top_contact {
  position: relative;
  margin-left: 590px;
  top: -45px;
}

#top_contact li {
  list-style: none;
  display: inline-block;
  text-align: center;
}

#top_contact a, .separator_two {
  text-decoration: none;
  color: rgb(51, 51, 51);
}

#top_contact a:hover {
  text-decoration: underline;
}

#banner {
  height: 301px;
  background-color: rgb(75, 80, 85);
}

#innerBanner {
  margin: 0 auto;
  width: 960px;
  height: 290px;
  background-image: url("../images/header_index_foto.png");
  position: relative;
}

/* big header text */
.bigKozukaHeader {
	position: absolute;
	display: block;
	color: white;
	margin-left: 12px;
	font-size: 60px;
	width: 750px;
	line-height: 0.9em;
}
/* big header text*/


/*making orange text color if this site is active*/
#innerBanner.services #link_services {
	color: rgb(225, 155, 35);
}

#innerBanner.solutions #link_solutions {
	color: rgb(225, 155, 35);
}

#innerBanner.references #link_references {
	color: rgb(225, 155, 35);
}

#innerBanner.company #link_company {
	color: rgb(225, 155, 35);
}

#innerBanner.cloud #link_cloud {
	color: rgb(225, 155, 35);
}

#innerBanner.blog #link_blog {
	color: rgb(225, 155, 35);
}

#innerBanner.partners #link_partners {
	color: rgb(225, 155, 35);
}

#innerBanner p {
  line-height: 2em;
  color: rgb(225, 155, 35);
  margin-left: 10px;
}

#innerBanner h1 {
  color: white;
  line-height: 1em;
}

#about_us {
  clear: both;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
  line-height: 1.5em;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
  position: absolute;
  bottom: 60px;
}

.button:hover {
 	background-image: url("../images/button_hovered.png");
}

#navigation_links {
  position: relative;
  background-image: url("../images/background_izbornik_gradient_new.png");
  background-repeat: repeat-x;
  top: -75px;
  opacity: 1 !important;
  float: right;
}

#navigation_links li {
  list-style: none;
  display: inline-block;
  text-align: center;
  color: rgb(51, 51, 51);
  height: 50px;
  padding-right: 29px;

}

#navigation_links a {
  line-height: 2em;
  text-decoration: none;
  color: rgb(51, 51, 51);
  font-family: Calibri, "Fontin";
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}

.fixed_arrow {
  width: 30px !important;
}

#navigation_links a:hover {
  border-top: 1px solid rgb(229, 177, 87);
}

#newsContainer {
  position: absolute;
  text-align: center;
  bottom: -25px;
  left: 9px;
}

#news_header li {
  list-style: none;
  display: inline-block;
  text-align: left;
  font-size: 13px;
  width: 295px;
  height: 9px;
  background: rgba(240, 241, 242, 0.5);
  padding: 5px;
  border-top: 1px solid rgb(229, 177, 87);
  margin-right: -2px;
  line-height: 0.7em;
  padding-left: 15px !important;
}

#news li {
  list-style: none;
  display: inline-block;
  text-align: left;
  width: 295px;
  height: 14px;
  line-height: 0.9em;
  margin-right: -2px;
  font-size: 14px;
  background: rgba(240, 241, 242, 0.5);
  color: rgb(51, 51, 51);
  padding: 5px;
  padding-left: 15px !important;
}

.first_item {
  width: 295px !important;
  padding-left: 15px !important;
}

.last_item {
  width: 295px !important;
  padding-left: 15px !important;
}

#news a {
  text-decoration: none;
  color: rgb(51, 51, 51);
}

/*index.html main content div*/
#content {
  clear: both;
  width: 960px;
  height: 100%;
  margin: 0 auto;
  margin-top: -10px;
  background-color: white;
}

#inner-content {
	width: 960px;
	display: inline-block;
	height: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
}

.orangeSeparator {
  height: 19px;
  width: 940px;
  background-color: rgb(225, 155, 35);
  border: none;
  margin-top: 3px;
  margin-bottom: 0px;
}

#customSoftware {
  width: 479px;
  float: left;
  border-right: 1px solid rgba(192,192,192, 0.8);
  margin-left: -28px;
  padding-right: 20px;
}

#efficientTechnology {
  width: 480px;
  float: right;
}

#customSoftware .mainPicture {
  float: left;
  margin-top: 29px;
  margin-left: 40px;
  width: 125px;
  height: 100px;
  background-image: url("../images/icons.png");
  background-position: 0% 92%;
}

#customSoftware .mainTitle {
  float: right;
  margin-top: 30px;
  margin-right: 70px;
  margin-left: 20px;
  width: 220px;
  height: 92px;
  color: rgb(225, 155, 35);
  font-size: 28px;
}

#customSoftware .mainText {
  clear: both;
  margin-top: 150px;
  margin-left: 40px;
  width: 400px;
}

.mainText p {
  font-size: 20px;
}

.mainText a {
  margin-left: 0px;
}

#efficientTechnology .mainPicture {
  float: left;
  margin-top: 30px;
  margin-left: 18px;
  width: 125px;
  height: 100px;
  background-image: url("../images/icons.png");
  background-position:52% 92%;
}

#efficientTechnology .mainTitle {
  float: right;
  margin-top: 30px;
  margin-right: 5px;
  width: 315px;
  height: 90px;
  font-size: 28px;
  color: rgb(225, 155, 35);
}

#efficientTechnology .mainText {
  clear: both;
  margin-top: 150px;
  margin-left: 20px;
  width: 400px;
}

.mainText p {
  font-size: 20px;
}

.pressReleaseLeft a{
  color: rgb(225, 155, 35);
}

.italic {
  display: inline;
  font-style: italic;
}

.mainText a {
  margin-left: 0px;
}

#awards_customers {
  float: left;
  width: 600px;
  height: 400px;
  margin-left: 10px;
}

.contentHeader {
  display: inline-block;
  font-size: 24px;
  color: rgb(225, 155, 35);
  margin-top: 25px;
}

#contentHeaderFirst {
	margin-top: 0px !important;
}

#normalHeadline {
  display: inline-block;
  font-size: 24px;
  color: rgb(225, 155, 35);
  margin-top: 25px;
}

.normalHeadlineFirst {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.horizontal_line {
  line-height: 1.8em;
  display: inline-block;
  position: relative;
  top: 5px;
}

.horizontal_line hr {
  background-color: rgba(204, 204, 204, 0.8);
  height: 1px;
  border: none;
}

#downloadText {
  display: inline-block;
  font-size: 24px;
  color: rgb(225, 155, 35);
  margin-top: 20px;
}

.nagrada {
  margin-top: 20px;
  display: inline-block;
  width: 290px;
  margin-left: 10px;
}

.nagradaPicture {
  float: left;
  
}

#vidi.nagradaPicture {
  background-image: url("../images/vidi_enovation_logo.png");
  width: 100px;
  height: 65px;
}

#bicro.nagradaPicture {
  background-image: url("../images/bicro_logo.png");
  margin-top: -5px;
  width: 100px;
  height: 40px;
}

#javacro.nagradaPicture {
  background-image: url("../images/javacro_logo.png");
  margin-top: 5px;
  width: 100px;
  height: 50px;
}

#hroug.nagradaPicture {
  background-image: url("../images/hroug_logo.png");
  width: 100px;
  height: 60px;
}

#hujak.nagradaPicture {
  background-image: url("../images/hujak_2_logo.png");
  width: 100px;
  height: 60px;
}

#foi.nagradaPicture {
  background-image: url("../images/foi_2_logo.png");
  width: 100px;
  height: 60px;
}

#our_customers {
  margin-top: 30px;
  width: 585px;
  height: 100px;
  margin-left: 15px;
  overflow: hidden;
  position: relative;
}

#our_customers div {
	display: inline-block;
}

#our_customers #leftSlider {
	height: 25px;
	width: 17px;
	display: block;
	text-decoration: none;
	background-image: url("../images/Evolva_slider_arrows_L.png");
	position: relative;
	top: 35px;
}

#our_customers #leftSlider:hover {
	background-image: url("../images/Evolva_slider_arrows_L-hover.png");
}

#our_customers #rightSlider {
	height: 25px;
	width: 17px;
	display: block;
	text-decoration: none;
	background-image: url("../images/Evolva_slider_arrows_R.png");
	position: relative;
	top: 35px;
	float: right;
}

#our_customers #rightSlider:hover {
	background-image: url("../images/Evolva_slider_arrows_R-hover.png");
}

#our_customers .our_customers_content {
	height: 100px;
	overflow: hidden;
	/* width mora biti jednak broj_željenih_skupina * 535  (535px je vidljiva širina slider-a)*/
	width: 1605px;
	position: absolute;
	/*transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;*/
	left: 25px;
	margin-top: 10px;
}


/*logotipi*/
.our_customers_content div {
	position: relative;
	margin-left: 25px;
}

/*temporary - for containers that have 4 images*/
#our_customers .our_customers_content.four_images div {
	margin-left: 50px;
}

.slider-div{
	margin:0 !important;
	width: 535px;
}

.citat {
  font-style: italic;
  font-size: 16px;
  color: rgb(204, 204, 255);
}

#downloadBlock {
  margin-top: 10px;
  width: 301px;
  margin-left: 5px;
   padding-top: 5px;
  padding-bottom: 10px;
}

#downloadPicture {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 30px;
  width: 240px;
  height: 136px;
  background-image: url("../images/glowing.png");
  background-repeat: no-repeat;
}

#downloadPicture img {
  margin-left: 71px;
  margin-top: 20px;
}

.nazivPrezentacije {
  display: block;
  margin-top: 35px;
  color: rgb(51, 51, 51);
  font-size: 16px;
  text-align: center;
}

#brosure {
  margin-top: 20px;
}

.brosura {
  list-style: none;
  display: block;
  height: 52px;
  width: 240px;
  text-align: left;
  margin-bottom: 20px;
  background-color: white;
  margin-left: 30px;
}

.brosura .opis {
  display: block;
  text-decopration: none;
  float: left;
  width: 183px;
  height: 42px;
  padding: 4px;
}

.brosura .slika {
  float: right;
  width: 49px;
  height: 50px;
  background-image: url("../images/but_PDF.png");
  background-repeat: no-repeat;
  background-position: center;
}

.brosura hr {
  margin: 0px;
  background-color: rgba(204, 204, 204, 0.4);
  height: 1px;
  border: none;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: -4px;
}

.brosura p {
  display: inline-block;
  font-size: 14px;
  color: rgb(135, 140, 145);
}

.brosura .downloadDescription {
  color: black;
}

#contact_info {
  height: 57px;
  width: 960px;
  background-color: rgba(240, 241, 242, 0.4);
  position: relative;
  top: 22px;
  margin-left: auto;
  margin-right: auto;
}

#contacts {
  margin-top: 10px;
  margin-left: 30px;
}

#footer {
  background-color: rgb(75, 80, 85);
  padding-top: 40px;
}

#innerFooter {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}

#links {
  border: none;
  text-align: left;
  margin-left: 20px;
  color: rgb(204, 204, 204);
  display: inline-block;
  margin-bottom: 30px;
}


#links a {
  text-decoration: none;
  color: rgb(204, 204, 204);
}

#links a:hover {
  text-decoration: underline;
}

#links .th {
  font-weight: bold;
}

#links .arrowRight {
  display: inline;
  color: rgb(209, 146, 43);
}

#links .empty {
  height: 30px;
}

.copyright {
  color: rgb(135, 140, 145) !important;
}

.secondCol {
  width: 150px !important;
}

#signup {
  display: inline-block;
  width: 250px;
  height: 150px;
  position: relative;
  left: 65px;
  top: -45px;
}

#signup th {
  text-align: left !important;
}

#signup h2 {
  font-size: 14px;
  color: rgb(225, 155, 35);
}

#signup input {
  height: 25px;
  width: 200px;
  border: 1px solid rgb(225, 155, 35);
  background-color: rgb(135,140,145);
  color: white !important;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  -webkit-text-fill-color: white !important;
  font-weight: bold;
}

#signup .signup_button {
  display: block;
  width: 160px;
  height: 30px;
  text-decoration: none;
  color: white;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
  background-image: url("../images/button.png");
  text-align: center;
  line-height: 1.6em;
  font-size: 17px;
  font-weight: bold;
}

#signup .signup_button:hover {
  background-image: url("../images/button_hovered.png");
}

#signup p {
  color: rgb(225, 155, 35);
}

#followUsContainer {
  display: inline-block;
  height: 32px;
  position: relative;
  top: 40px;
}

#facebookIcon, #linkedInIcon, #twitterIcon {
  text-decoration: none;
  display: inline-block;
  width: 32px;
  height: 32px;
}

#facebookIcon {
  background-image: url("../images/ico_footer_Facebook.png");
}

#facebookIcon:hover {
	background-image: url("../images/ico_footer_Facebook_hovered.png");
}

#linkedInIcon {
  background-image: url("../images/ico_footer_LinkedIn.png");
}

#linkedInIcon:hover {
  background-image: url("../images/ico_footer_LinkedIn_hovered.png");
}

#twitterIcon {
  background-image: url("../images/ico_footer_Twitter.png");
}

/* common, non-specific dropdown rules*/
.dropdown_object {
  position: absolute;
  background-color: white;
  border-right: 1px solid rgb(225, 155, 35);
  border-bottom: 1px solid rgb(225, 155, 35);
  border-left: 1px solid rgb(225, 155, 35);
  font-size: 16px;
  padding-left: 30px;
  padding-right: 20px;
}

.dropdown_list li {
  margin-bottom: 10px;
  border-bottom: 1px solid rgb(228, 139, 31);
  list-style-image: url("../images/dd_arrow.png");
}

.dropdown_list a {
  text-decoration: none;
  color: rgb(228, 139, 31);
  font-weight: bold;
}


/* CSS for contact_us.html */
.leftSection {
    width: 560px;
    float: left;
    padding-left: 15px;
}

.rightSection {
    width: 300px;
    float: right;
    margin-right: 10px;
}

.requestInfoText {
	font-size: 14px;
}

#contact_form table {
	margin-top: 15px;
	font-family: Calibri, "Fontin";
}

#contact_form table p {
	display: inline-block;
}

.requestInfoLabel {
	font-size: 14px;
	width: 115px;
}

.requestInfoArrow {
	width: 25px;
}

.requestInfoInputBox {
	height: 40px;
}

.requestInfoInputBox input, .requestInfoInputBox textarea {
	font-family: Calibri, "Fontin";
	font-size: 18px;
	width: 390px;
	background-color: rgb(240, 241, 242);
	border: 1px solid rgb(204, 204, 204);
	padding: 5px;
	/*Chrome, Firefox and Safari only!!!*/
	box-shadow: inset 0 0 10px rgb(204, 204, 204);
	border-radius: 2px;
}

.requestInfoInputBox textarea {
	height: 115px;
}
.requestInfoLabel.lastLabel,  .requestInfoArrow.lastArrow {
	vertical-align: top;
}

.requestInfoCheckbox {
	height: 25px;
}
.requestInfoCheckbox p {
	font-family: Calibri, "Fontin";
	vertical-align: center;
	position: relative;
	bottom: 3px;
}

.requestInfoSelect {
	height: 40px;
}

#contact_form select {
	font-size: 14px;
	font-family: Calibri, "Fontin";
	width: 350px;
	background-color: rgb(240, 241, 242);
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    /*Chrome, Firefox and Safari only!!!*/
    box-shadow: inset 0 0 10px rgb(204, 204, 204);
}

.buttonCell {
	height: 100px;
	padding-left: 138px;
}

#findOnMap {
	margin-top: 30px;
	width: 300px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

#findOnMap a {
	margin-left: auto;
	margin-right: auto;
}

#modal_map_container {
	display: none;
	position: fixed;
	left: 50%;
	padding: 10px;
	background-color: white;
	border: 2px solid black;
	border-style: double;
	margin-left: -310px;
	z-index: 999;
}

#find_us_on_map {
	border: 1px solid black;
	width: 600px;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
}

/*about_us.html*/
#about_evolva {
	width: 540px;
	margin-right: 0px;
}

#about_us_download_zone {
	width: 300px;
}


#about_evolva p {
	font-size: 14px;
}

#about_evolva li {
	font-size: 12px;
	margin-left: 12px;
}


.about_us_content #awards {
    clear: both;
}

#about_us_other {
	width: 600px;
	padding-left: 15px;
}

#about_us_other .nagradaNormalText p {
	font-family: Calibri, "Fontin";
    font-size: 14px !important;
    width: 270px;
}

#about_us_other #awardsText {
	margin-left: 10px;
}

#about_us_download_zone .greyBlock {
	width: 300px;
	height: 210px;
	margin-top: 20px;
	margin-left: 0;
}

#about_us_download_zone .brosure {
	margin-top: 35px;
}

.common_orange_box {
	width: 300px;
	margin-top: 30px;
	margin-left: 0;
}

#arhiva_vijest_box td, #press_kit_contact td{
	padding-top: 2px !important;	
	padding-bottom: 2px !important;	
}

.orangeBackground .kozuka {
	font-size: 22px !important;
}

.common_orange_box table {
	width: 300px;
	border: 1px solid rgb(225, 155, 35);
}

.common_orange_box table td {
    padding: 10px !important;
}

#supported_technologies table tr td {
	padding: 3px 3px 3px 10px !important;
}

#supported_technologies table tr td.firstRow {
	padding: 15px 3px 3px 10px !important;
}

#supported_technologies table tr td.lastRow  {
	padding: 3px 3px 15px 10px !important;
}

.small_link {
	color: rgb(225,155,35);
}

.orange_text{
	color: rgb(225,155,35);
	display: inline;
}

.common_orange_box .orangeBackground {
	background-color: rgba(225, 155, 35, 0.2);
	height: 50px;
	border: none;
	padding: 2px !important;
	color: rgb(225, 155, 35);
}

.common_orange_box #hujak_logo {
	background-image: url("../images/hujak_logo.png");
	width: 101px;
	height: 50px;
	background-repeat: no-repeat;
	margin-top: 5px;
}

.common_orange_box #hujak_2_logo {
	background-image: url("../images/hujak_logo.png");
	width: 100px;
	height: 60px;
	background-repeat: no-repeat;
	margin-top: 5px;
}

.common_orange_box #foi_logo {
	background-image: url("../images/foi_logo.png");
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	margin-top: 5px;
}

.common_orange_box #cisex_logo {
	background-image: url("../images/cisex_logo.jpg");
	width: 101px;
	height: 50px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #vidi_logo {
	background-image: url("../images/vidi_enovation_logo.png");
	width: 100px;
	height: 65px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #bicro_logo {
	background-image: url("../images/bicro_logo.png");
	width: 100px;
	height: 40px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #javacro2013_logo {
	background-image: url("../images/javacro2013_logo.png");
	width: 100px;
	height: 60px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #javacro2014_logo {
	background-image: url("../images/javacro2014_logo.png");
	width: 100px;
	height: 60px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #hroug2012_logo {
	background-image: url("../images/hroug_logo.png");
	width: 100px;
	height: 60px;
	background-repeat: no-repeat;
    margin-top: 5px;
}

.common_orange_box #iso_logo {
	background-image: url("../images/iso_ukas.jpg");
	width: 124px;
	height: 78px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

.common_orange_box #oracle_certified_logo {
	background-image: url("../images/oracle_certified.jpg");
	width: 124px;
	height: 78px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

#cisex_text, #hujak_text, #iso_text #oracle_certified_text {
	color: rgb(128, 128, 128);
	font-size: 15px;
}

.common_orange_box table .emptyRow {
	height: 20px;
}

/* timeline is transferred to evolva-all.css file */

#news_presskit {
	clear: both;
	width: 960px;
	height: 30px;
	background-color: rgb(240, 241, 242);
	position: relative;
	top: 50px;
}

#news_presskit div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#news_presskit div a {
	display: inline-block;
}

/* press_kit.html */
.press_kit_content .leftSection {
	width: 612px;
}

.press_kit_content .rightSection {
	float: right;
}

#press_kit_contact .greyBlock p {
    font-size: 14px;
    margin-left: 20px;
}

#press_kit_contact .greyBlock a {
    font-size: 14px;
    color: rgb(225, 155, 35);
}


.new_brochure {
	width: 192px;
	border: 1px solid rgb(204, 204, 204);
	display: inline-block;
	margin-left: 15px;
	padding: 0;
	text-decoration: none;
}

.new_brochure.first-in-line {
    margin-left: 0;
}

.new_brochure:hover {
	border: 1px solid rgb(225, 155, 35);
}

.new_brochure .brochure_picture {
	height: 105px;
}

.new_brochure .new_brochure_description {
	height: 55px;
	background-color: rgb(204, 204, 204);
}

.new_brochure_description .upperDescription {
	height: 27px;
	border-bottom: 1px solid rgb(219, 220, 220);
}

.new_brochure_description .lowerDescription {
	height: 27px;
}

.new_brochure_description p {
	font-size: 14px;
}

.upperDescription .upperDescriptionArrow {
	width: 30px;
	height: 27px;
	float: left;
}

.upperDescriptionArrow div {
	width: 10px;
	height: 10px;
	background-image: url("../images/arrows.png");
	background-repeat: no-repeat;
	background-position: 43% 15%;
	position: relative;
	top: 8px;
	left: 10px;
}

.upperDescription .upperDescriptionText {
	height: 27px;
}

.upperDescription .upperDescriptionText p {
	line-height: 1.8em;
	color: rgb(134, 141, 147);
}

.lowerDescription p {
	margin-left: 30px;
	color: black;
	line-height: 1.8em;
}

.brochure_picture {
	background-repeat: no-repeat;
	background-position: center;
}

#evolvaThumbnail, #efThumbnail, #migrationThumbnail {
    background-size: 95%;
}

#evolvaThumbnail {
	background-image: url("../images/logo_evolva_thumbnail.png");
}

#efThumbnail {
	background-image: url("../images/logo_ef_thumbnail.png");
}

#migrationThumbnail {
	background-image: url("../images/logo_migration_thumbnail.png");
}

#evolvaEmployeesThumbnail {
	background-image: url("../images/evolva_employees_thumbnail.jpg");
}

#evolvaCEOthumbnail {
	background-image: url("../images/evolva_ceo_thumbnail.jpg");
}

#corporatebrochureThumbnail {
    background-image: url("../images/evolva_korporativna_brosura_thumbnail.png");
}

#migrationBrochureThumbnail {
	background-image: url("../images/evolva_migration_thumbnail.png");
}

#efBrochureThumbnail {
	background-image: url("../images/evolva_ef_thumbnail.png");
}

#TMSbrochureThumbnail {
	background-image: url("../images/evolva_tms_thumbnail.png");
}

#PayrollbrochureThumbnail {
	background-image: url("../images/evolva_payroll_cjenik_thumbnail.png");
}

#eCashflowbrochureThumbnail {
	background-image: url("../images/evolva_ecashflow_brosura_thumbnail.png");
}

#EvolutionBPMbrochureThumbnail {
    background-image: url("../images/evolution_bpm_brosura_thumbnail.png");
}

#naplatabrochureThumbnail {
    background-image: url("../images/evolva_naplata_brosura_thumbnail.png");
}

#episarnicabrochureThumbnail {
    background-image: url("../images/evolva_episarnica_brosura_thumbnail.png");
}

#presentationThumbnail {
	background-image: url("../images/presentation_thumbnail.png");
}

#debtcollectionbrochureThumbnail {
    background-image: url("../images/evolva_debt_collection_brochure_thumbnail.png");
}

#ecertifikacijabrochureThumbnail {
    background-image: url("../images/evolva_ecertifikacija_brosura_thumbnail.png");
}

#epotpisbrochureThumbnail {
    background-image: url("../images/evolva_epotpisna_mapa_brosura_thumbnail.png");
}

#enabavabrochureThumbnail {
    background-image: url("../images/evolva_enabava_brosura_thumbnail.png");
}

#esjednicebrochureThumbnail {
    background-image: url("../images/evolva_esjednice_brosura_thumbnail.png");
}

/* career.html */

.greyBlock.open_positions .job {
    margin-left: 20px;
}

.greyBlock > p {
	margin-left: 20px;
    margin-right: 20px;
}

#facebook_linkedin_container {
	width: 220px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

#facebook_linkedin_container .facebook_icon {
	display: block;
	background-image: url("../images/find_us_on_facebook.gif");
    width: 100px;
    height: 30px;
    float: left;
}

#facebook_linkedin_container .linkedin_icon {
    display: block;
    background-image: url("../images/linkedin_button.png");
    width: 100px;
    height: 30px;
    float: right;
}

#evolva_newsletter {
	width: 250px;
	height: 80px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#evolva_newsletter p {
    position: relative;
    top: -15px;
}

.subscribe_newsletter {
	width: 200px;
	height: 100px;
	margin-left: auto;
	margin-right: auto
}

#evolva_newsletter input {
  height: 25px;
  width: 200px;
  border: 1px solid rgb(225, 155, 35);
  background-color: rgb(135,140,145);
  color: white !important;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  -webkit-text-fill-color: white !important;
  font-weight: bold;
  margin-left: 17px;
  margin-top: -10px;
}

#career_images {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 530px;
}

.career_image {
	display: inline-block;
	width: 250px;
	height: 188px;
	border: 2px solid gray;
	margin-right: 5px;
}


.career_image.one {
	background-image: url("../images/thumbnails/evolva_na_javacro_2013_thumbnail.jpg");
}

.career_image.two {
    background-image: url("../images/career_2.jpg");
}

.career_image.three {
    background-image: url("../images/career_3.jpg");
}

.career_image.four {
    background-image: url("../images/career_4.jpg");
}

.career_image.five {
    background-image: url("../images/evolva_zaposlenici_thumb.JPG");
}

.career_image.six {
    background-image: url("../images/evolva_nogomet_thumb.jpg");
}

.career_image.seven {
    background-image: url("../images/evolva_javacro2014_thumb.jpg");
}

.career_image.eight {
    background-image: url("../images/evolva_javaone_thumb.jpg");
}


/*custom_software_development.html*/
#industries {
	width: 298px;
	height: 270px;
	border: 1px solid rgb(225, 155, 35);
}

#industries table {
	width: 305px;
	margin-left: -3px;
	margin-top: -3px;
}

#industries table td {
	padding-left: 20px;
	font-size: 16px;
}

#industries .industries_heading {
	height: 50px;
	background-color: rgba(225, 155, 35, 0.2);
	color: rgb(225, 155, 35);
	font-size: 14px;
}

#industries .industries_heading td p {
	font-size: 23px;
}

#three_key_points {
	width: 560px;
	height: 160px;
	background-color: rgb(240, 241, 242);
	border: 1px solid rgb(204, 204, 204);
}

#four_key_points {
	width: 560px;
	height: 160px;
	background-color: rgb(240, 241, 242);
	border: 1px solid rgb(204, 204, 204);
}

#four_key_points .point {
	width: 140px;
	height: 160px;
	display: inline-block;
	vertical-align: top;
}

#four_key_points .point p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
}

.point div.automatizacija,
.point div.upravljanje,
.point div.ubrzanje,
.point div.izvjestaji 
{
	width: 100%;
	height: 60px;
}

.point div div {
	background-image: url("../images/icons.png");
	width: 48px;
	height: 48px;
	margin: 30px auto;
}

.point div.upravljanje div {
    background-image: url("../images/point_dms.png");
}

.point div.ubrzanje div {
    background-position: -240px 0px;
}

.point div.izvjestaji div {
    background-position: -192px 0px;
}

.no_shadowed_button {
	margin-top: 20px;
	width: 300px;
	height: 30px;
	margin-left: 70px;
	background: none;
}

.right_shadowed_button {
	margin-top: 20px;
	width: 300px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(240, 241, 242);
}

.right_shadowed_button .button {
	margin-left: auto;
	margin-right: auto;
}

#software_process {
	clear: both;
	width: 960px;
}

#software_process_table {
	width: 937px;
	margin-left: 15px;
}

#software_process_table .number_column {
	width: 47px;
	background-color: rgb(75, 80, 85);
	color: rgb(135, 140, 145);
	text-align: center;
	font-size: 18px;
}

#software_process_table .table_icon {
	background-color: rgb(247, 156, 0);
	width: 70px;
	
}

.software_process_header {
	background-image: url("../images/software_process_header.png");
	width: 890px;
	height: 35px;
}

#software_process_table .second_header {
	background-color: rgb(247, 156, 0);
}

#software_process_table .first_number_column {
	background-image: url("../images/number_column_radius.png");
	background-position: -1px 0px;
	background-repeat: no-repeat;
	background-color: rgb(75, 80, 85);
}

.table_icon div {
	width: 32px;
	height: 32px;
	background-image: url("../images/icons.png");
	margin-left: auto;
	margin-right: auto;
}

.table_icon.bulb div {
	background-position: 0px 215px;
}

.table_icon.note div {
	background-position: 330px 215px;
}

.table_icon.diagram div {
	background-position: 295px 215px;
}

.table_icon.block div {
	background-position: 264px 215px;
}

.table_icon.system div {
	background-position: 232px 215px;
}

.table_icon.cloud div {
	background-position: 200px 215px;
}

.table_icon.people div {
	background-position: 167px 215px;
}

.table_icon.target div {
	background-position: 135px 215px;
}

#software_process_table .normal_column {
	font-size: 14px;
	padding: 5px;
	border-left: 1px solid rgb(204, 204, 204);
}

#software_process_table .second_header {
	color: white;
	font-size: 21px;
	padding-left: 10px;
	padding-bottom: 15px;
}

#software_process_table .normal_column.phase {
	padding-left: 15px;
	font-weight: bold;
	font-size: 18px;
	border-left: none;
}

.software_process_header .table_arrow_down {
	width: 9px;
	height: 16px;
	display: inline-block;
	background-image: url("../images/table_arrow_down.png");
	position: relative;
	top: -7px;
}

.table_arrow_down.first_down {
	margin-left: 95px;
}

.table_arrow_down.second_down {
	margin-left: 190px;
}

.table_arrow_down.third_down {
	margin-left: 300px;
}

.table_arrow_down.fourth_down {
	margin-left: 105px;
}

.normal_column.process_description {
	width: 300px;
}

.normal_column.who {
	width: 100px;
}

.orange_radius {
	width: 20px;
	height: 18px;
	background-image: url("../images/empty_row_border_radius.png");
	position: relative;
	left: -1px;
	top: -3px;
}

/*desktop_web_migration.html*/

.table_with_orange_header {
	width: 300px;
	border: 1px solid rgb(225, 155, 35);
}

.table_with_orange_header td {
	padding-left: 10px;
}


.table_with_orange_header .header_to_be_orange {
	background-color: rgba(225, 155, 35, 0.2);
	height: 35px;
	color: rgb(255, 155, 35);
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.table_with_orange_header .header_to_be_orange p {
	font-size: 22px !important;
}


.table_with_orange_header .header_to_be_orange p {
	font-size: 18px;
	line-height: 2em;
	position: relative;
	bottom: 2px;
}

#desktop_web_migration_brochure {
	width: 300px;
}

.innerMigration {
	width: 275px;
}

#painless_migration {
	float: left;
	border-right: 1px solid rgba(192, 192, 192, 0.8);
	padding-right: 15px;
}

#automatic_conversion {
	float: right;
	margin-left: 10px;
	width: 250px;
}

.innerMigration .innerMigrationHeader {
	font-size: 17px;
	font-weight: bold;
	color: rgb(225, 155, 35);
}

.innerMigration h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}

#automatic_conversion_brochure {
	width: 300px;
	padding-bottom: 5px;
}

#automatic_conversion_brochure .automatic_conversion_brochure_description {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

#automatic_conversion_main h3 {
	color: rgb(225, 155, 35);
	font-size: 17px;
	margin-left: 0;
}

#automatic_conversion_main h4 {
	height: 8px;
}

/*news_site*/
.external_news_archive a {
	color: black;
	text-decoration: none;
}

.external_news_archive a:hover {
	color: rgb(225, 155, 35);
}
.full_news_container {
	clear: both;
	margin-bottom: 210px;
}


.news_site_content .leftSection {
	width: 580px;
}

.full_news_picture, .full_news_text {
	float: left;
}

.full_news_picture {
	height: 190px;
	width: 200px;
	border: 1px solid rgb(205, 205, 205);
	background-repeat: no-repeat;
	background-position: center;
}

.full_news_text {
	width: 363px;
	height: 170px;
	margin-left: 15px;
}

.full_news_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: -10px;
}

.full_news_date {
	display: inline-block;
	color: rgb(225, 155, 35);
}

.full_news_category {
	display: inline-block;
	margin-left: 5px;
	color: rgb(204, 204, 204);
}

.full_news_content {
	margin-top: 2px;
	font-size: 14px;
	text-align: justify;
}

.full_news_separator {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}

.full_news_separator hr {
	margin-top: 10px;
	width: 580px;
	height: 1px;
	background-color: rgb(204, 204, 204);
	border: none;
}

.news_site_content .table_with_orange_header td a {
	text-decoration: none;
	color: black;
}

.objava a {
	display: block;
	text-decoration: none;
	color: black;
	line-height: 1.0em;
}

.objava .date {
	display: inline;
	color: rgb(140, 141, 142);
}

.objava a:hover {
	color: rgb(225, 155, 35);
}

/* solution */
#converter_images {
	text-align: center;
	padding: 10px;
}

#converter_images p {
	font-weight: bold;
	color: rgb(120, 120, 120);
}

.converter_images {
	width: 200px;
	height: 135px;
	border: 1px solid rgb(225, 155, 35);
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

.mediaYear {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px dotted rgba(204, 204, 204, 0.8);
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Blog */
.blog .blog_posts {
	display: block;
	min-height: 450px;
	margin-bottom: 50px !important;
}
.blog .blog_posts .left {
	float: left;
	width: 595px;
	margin-right: 35px;
	margin-bottom: 50px;
}
.blog .blog_posts .left .one_post {
	clear: both;
	overflow: hidden;
	padding-bottom: 30px;
}
.blog .blog_posts .left .one_post .image{
	width: 212px;
	float: left;
}
.blog .blog_posts .left .one_post .content{
	width: 383px;
	float: left;
}
.blog .blog_posts .left .one_post p {
	padding-top: 0px;
}
.blog .blog_posts h5, .blog .blog_posts h5 a{
	color: #E19B23;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}
.blog .blog_posts h6 {
	color: #E19B23;
	font-size: 15px;
	font-weight: bold;
}
.blog .blog_posts .left p.info {
	font-size: 14px;
	font-style: italic;
}
.blog .blog_posts .left p.info a {
 	color: #E19B23;
}
.blog .blog_posts .left .tiny_mce_content {
	margin-top: 20px !important;
}
.blog .blog_posts .left .tiny_mce_content {
	width: 595px;
	margin-top: 5px;
	overflow: hidden;
}
.blog .blog_posts .left .tiny_mce_content p {
	font-family: Calibri, "Fontin";
	text-align: justify;
	font-size: 16px;
}
.blog .blog_posts .left .tiny_mce_content span {
	font-family: Calibri, "Fontin";
	text-align: justify;
	font-size: 16px;
	display: inline;
}
.blog .blog_posts .left .tiny_mce_content a {
	font-family: Calibri, "Fontin";
	color: #E19B23;
}
.blog .blog_posts .left .tiny_mce_content ul {
	list-style-type: round;
	padding: 0 0 0 40px;
}
.blog .blog_posts .left .tiny_mce_content ol {
	list-style-type:upper-roman;
	padding: auto;
}
.blog .left .tiny_mce_content img {
	max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #C0C0C0;
}
.blog .blog_posts .left .tiny_mce_content img.preview {
	display: block;
	float: left;
	max-width: 200px;
	margin: 5px 10px 5px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid rgb(204, 204, 204);
}
.blog .blog_posts .right {
	width: 315px;
	float: left;
	margin-bottom: 50px;
}
.blog .blog_posts .right .follow img {
	margin-right: 15px;
	margin-top: 7px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.blog .blog_posts .right .link_list {
	margin-top: 35px;
}
.blog .blog_posts .right .link_list a {
	font-size: 13px;
}
.blog .blog_posts .right .link_list li {
	padding: 10px 0 0 30px;
}
.blog #share_content {
	height: 40px;
	margin-top: 20px;
}
.blog .pagination {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}
.blog .pagination a {
	display: inline;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
	margin-right: 5px;
	margin-top: 5px;
	padding: 3px;
	background: #E19B23;
	border: 1px solid #E19B23;
}
.blog .pagination p {
	display: inline;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
	margin-right: 5px;
	margin-top: 5px;
	padding: 3px;
	background: #858585;
	border: 1px solid #4B5055;
}
.blog #ContactForm {
	height: 250px;	
	margin-top: 40px;
}
.blog #ContactForm .clear {
	float: left;
	margin-left: 0px;
}
.blog #ContactForm .send {
	float: right;
	margin-right: 0px;
}
.blog #ContactForm label {
	height: 55px;
}
.blog #ContactForm .text {
	background: url("../images/comments_textarea_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 80px;
}
.blog #ContactForm input {
	width: 300px;
	background-color: #F0F1F2;
    border: 1px solid #CCCCCC;
}
.blog #ContactForm textarea {
	width: 582px;
	height: 80px;
	background-color: #F0F1F2;
    border: 1px solid #CCCCCC;
}
.blog .hidden {
	display: none;
}
.blog .comments {
	overflow: hidden;
	margin-top: 40px;
}
.blog .comments #ContactForm a {
	margin: 10px 0px 0px 0px;
	float: right;
}
.blog .one_comment {
	clear: both;
	margin-bottom: 8px;
	background-color: #F0F1F2;
    padding: 10px;
}
.blog .one_comment p { 
	margin: 0px;
	padding: 0px;
}
.blog .one_comment p.comment {
	font-size: 16px;
	font-weight: bold;
}
.blog .one_comment p.info {
	font-size: 11px;
	font-style: italic;
}
.blog h3 {
	font-size: 20px;
	line-height: 30px;
	text-decoration: underline;
	padding-bottom: 10px;
}
.blog #contacts_box .follow {
	padding-bottom: 15px;
}
.blog #contacts_box .list_4 {
	margin-left: 40px;
}
.blog #contacts_box .list_4 li a{
	line-height: 25px;
	font-size: 16px;
}

.sharrre .box{
  float:left;
}
.sharrre .count {
  color:#444444;
  display:block;
  font-size:17px;
  line-height:34px;
  height:34px;
  padding:4px 0;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#eee;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .share {
  color:#FFFFFF;
  display:block;
  font-size:11px;
  height:16px;
  line-height:16px;
  margin-top:3px;
  padding:0;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#9CCE39;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .buttons {
  display:none;
  position:absolute;
  margin-left:50px;
  z-index:10;
  background-color:#fff;
}
.sharrre .button {
  float:left;
  max-width:50px;
  margin-left:10px;
}