/**

 * 1.0 Reset

 *

 * Resetting and rebuilding styles have been helped along thanks to the fine

 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

 * along with Nicolas Gallagher and Jonathan Neal

 * http://necolas.github.com/normalize.css/ and Blueprint

 * http://www.blueprintcss.org/

 *

 * -----------------------------------------------------------------------------

 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

  border: 0;

  font-family: inherit;

  font-size: 100%;

  font-style: inherit;

  font-weight: inherit;

  margin: 0;

  outline: 0;

  padding: 0;

  vertical-align: baseline;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}

audio,

canvas,

video {

  display: inline-block;

  max-width: 100%;

}

html {

  overflow-y: scroll;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust:     100%;

}

body,

button,

input,

select,

textarea {

  font-family: 'Open Sans', sans-serif;

  color: #2b2b2b;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

}

body {

  background: #fff;

}

ul li { margin-left: 15px;}

/* LINKOVi */

a {

  color: #231f20;

  text-decoration: none !important;

}

a:focus {

  outline: 0 none;

}

a:hover,

a:active {

  color: #e42a2a;

}

label {

  font-weight: 400 !important;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  font-weight: 700;

/*  margin: 0 0 12px;*/

  margin-bottom: 12px;

}



h1 {

  font-size: 22px;

  color: #e42a2a;

  font-weight: 600;

  line-height: 1.3846153846;

}

.h1-spec {

  margin-bottom:10px !important;

}

h2 {

  font-size: 16px;

  line-height: 1;

  color:#e42a2a;

  font-weight: 600;

}

h3 {

  font-size: 16px;

  line-height: 1.0909090909;

  font-weight: 400;

  color:#e42a2a;

  margin: 0px 0 10px 0;

  text-align: left;

}

h4 {

  font-size: 14px;

  line-height: 1.2;

  color: #e42a2a;

  text-align: left;

}

h5 {

  font-size: 18px;

  line-height: 1.3333333333;

}

h6 {

  font-size: 16px;

  line-height: 1.5;

}

address {

  font-style: italic;

  margin-bottom: 24px;

}

abbr[title] {

  border-bottom: 1px dotted #2b2b2b;

  cursor: help;

}

b,

strong {

  font-weight: 700;

}

cite,

dfn,

em,

i {

  font-style: italic;

}

mark,

ins {

  background: #fff9c0;

  text-decoration: none;

}

p {

  margin-bottom: 0.75em 0;

}

code,

kbd,

tt,

var,

samp {

  font-family: monospace, serif;

  font-size: 15px;

  -webkit-hyphens: none;

  -moz-hyphens:    none;

  -ms-hyphens:     none;

  hyphens:         none;

  line-height: 1.6;

}

option {

  background: #f1f1f1;

  padding: 3px 0;

  border-bottom: 1px solid #cecece;

  color: #444;

}

pre {

  border: 1px solid rgba(0, 0, 0, 0.1);

  -webkit-box-sizing: border-box;

  -moz-box-sizing:    border-box;

  box-sizing:         border-box;

  margin-bottom: 24px;

  max-width: 100%;

  overflow: auto;

  padding: 12px;

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



blockquote,

q {

  -webkit-hyphens: none;

  -moz-hyphens:    none;

  -ms-hyphens:     none;

  hyphens:         none;

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}

blockquote {

  color: #767676;

  font-size: 19px;

  font-style: italic;

  font-weight: 300;

  line-height: 1.2631578947;

  margin-bottom: 24px;

}

blockquote cite,

blockquote small {

  color: #2b2b2b;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5;

}

blockquote em,

blockquote i,

blockquote cite {

  font-style: normal;

}

blockquote strong,

blockquote b {

  font-weight: 400;

}

small {

  font-size: smaller;

}



big {

  font-size: 125%;

}

sup,

sub {

  font-size: 75%;

  height: 0;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  bottom: 1ex;

}

sub {

  top: .5ex;

}

dl {

  margin-bottom: 24px;

}

dt {

  font-weight: bold;

}

dd {

  margin-bottom: 24px;

}

ul {

}



ol {

  list-style: decimal;

}



li > ul,

li > ol {

  margin: 0 0 0 20px;

}

img{

  -ms-interpolation-mode: bicubic;

  border: 0;

  vertical-align: middle;

}

figure {

  margin: 0;

}

fieldset {

  border: 1px solid rgba(0, 0, 0, 0.1);

  margin: 0 0 24px;

  padding: 11px 12px 0;

}

legend {

  white-space: normal;

}

button,

input,

select,

textarea {

  -webkit-box-sizing: border-box;

  -moz-box-sizing:    border-box;

  box-sizing:         border-box;

  font-size: 100%;

  margin: 0;

  vertical-align: baseline;

}

button,

input {

  line-height: normal;

}



/*input,

textarea {

  background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */

}

 

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],

input[disabled] {

  cursor: default;

}

input[type="checkbox"],

input[type="radio"] {

  padding: 0;

}

input[type="search"] {

  -webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

  vertical-align: top;

}

table,

th,

td {/*

  border: 1px solid #195c7c;*/

}

table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin-bottom: 24px;

  width: 100%;

}

caption,

th,

td {

  font-weight: normal;

  text-align: left;

}

th {

  border-width: 0 1px 1px 0;

  font-weight: bold;

}

td {

  border-width: 0 1px 1px 0;

}

del {

  color: #767676;

}

hr {

  background-color: #2B8DD5;

  border: 1px solid #2B8DD5;

  height: 1px;

  margin-bottom: 23px;

  margin-top: 23px;

}

/**

 * Repeatable Patterns

 * -----------------------------------------------------------------------------

 */



/* Input fields */

input,

textarea {

  border: 0 none;

  border-radius: 2px;

  color: #2b2b2b;

  padding: 8px 10px 7px;

}



textarea {

  width: 100%;

}



input:focus,

textarea:focus {

  border: 1px solid rgba(0, 0, 0, 0.3);

  outline: 0;

}

.search-field {

  width: 100%;

}

.search-submit {

  display: none;

}

/*Responsive images.*/

img{

  max-width: 100%;
  

}

/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object,

video {

  max-width: 100%;

}

p > embed,

p > iframe,

p > object,

span > embed,

span > iframe,

span > object {

  margin-bottom: 0;

}

/* Alignment */

.aleft {

  float: left;

}

.aright {

  float: right;

}

.acenter {

  /*display: block;

  margin-left: auto;

  margin-right: auto;*/

  text-align: center;

}

blockquote.alignleft,

img.alignleft {

/*  margin: 0px 24px 7px 0;

*/}

.clearfix{

  clear: both;

  height: 1px;

  width: 100%;

  margin-top: -1px;

 }

 /* Footer Virtus */

.cpy {

  display: table-cell;

  vertical-align: middle;

  float: left;

  color: #fff;

  font-weight: 400;

}

.v {

  float: right;

  display: block;

  padding: 5px 0;

  margin-top: 3px;
  width: 248px;


}

.v img{
  width: 100%;
  height: 15px;
  display: block;
}



.none {

  float: right;

  text-indent: -9999px;

}

/*KONTAKT FORMA*/

input[type="text"], textarea, button, a.button, a, input[type="file"] {

  transition: box-shadow 0.5s ease 0s, border 0.5s ease 0s, background 0.5s ease 0s;

}

.kontakt_forma {

  color: #313030;

  margin-bottom: 20px;

  width: 100%;

}

input {

  -moz-box-sizing: border-box;

  display: block;

  font-size: 1em;

  margin-bottom: 10px;

  padding: 5px 0;

  text-indent: 5px;

  vertical-align: middle;

  width: 100%;

}

input[type="text"]:focus, textarea:focus, button:focus, a.button:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus {

 /* border: 1px solid #50B1FE;

  box-shadow: 0 0 7px #6DB9FF;*/

  outline: medium none;

  font-weight: 300;

}

textarea {

  -moz-box-sizing: border-box;

  border: 1px solid #CCCCCC;

  border-radius: 5px;

/*  box-shadow: 0 1px 6px #CCCCCC inset;*/

  font-family: inherit;

  font-size: 0.9em;

  height: 200px;

  margin: 0;

  padding: 5px;

  vertical-align: middle;

  width: 100%;

  display: block;

  margin-bottom: 10px;

}

button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"] {

/*  -moz-box-sizing: border-box;

  background: -moz-linear-gradient(center top , #FCFCFC 0%, #E0E0E0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

  border: 1px solid #CCCCCC;

  border-radius: 5px;

  color: #666666;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  font-weight: normal;

  line-height: 100%;

  margin: 0;

  overflow: visible;

  padding: 10px 15px;

  position: relative;

  text-decoration: none;

  top: 0;

  vertical-align: middle;

  width: auto;*/

}



button:hover, a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {



  border: 1px solid #BBBBBB;

}

.uza {

  width: 200px !important;

}

/*.prijava_box input {

    -moz-box-sizing: border-box;

    border: 1px solid #2a2a2a;

    box-shadow: 0 0 3px #0C0401;

    display: block;

    font-family: tahoma,sans-serif;

    font-size: 16px;

    font-weight: normal;

    margin: 0 0 1em;

    padding: 0.4em;

    width: 100%;

}

.prijava_box textarea {

    -moz-box-sizing: border-box;

    border: 1px solid #2a2a2a;

    box-shadow: 0 0 3px #0C0401;

    font-family: tahoma,sans-serif;

    font-size: 16px;

    margin: 0 0 1em;

    padding: 0.5em;

    width: 100%;

}*/

.success {

  width: 100%;

  font-size: 21px;

  border: 2px solid #55BD15;

  padding: 2% 0;

  text-align: center;

  background: #b5e598;

}

.prijava_box label {

    display: block;

    color: #6c6c6c;

}

.prijava_box input.txt_error, .prijava_box textarea.txt_error {

    border: 1px solid #ff0000;

}

.prijava_box .button {

  background: #0C0401;

  border: 1px solid #84A340;

    color: #FFFFFF;

    cursor: pointer;

    font-size: 18px;

    margin: 0;

    padding: 0.5em;

    text-align: center;

    text-transform: uppercase;

}

.prijava_box .button:hover{

  background: #84A340;

}

.txt_error_img{

    float: right;

    margin: -33px 7px;

}

.msgs{

    margin:20px 0;

    text-align:center;

    font-size:8pt;

}

.notice.success {

  background: #90EE90;

  border: 1px solid #008000;

  color: #008000;

}

.notice.error {

  background: none repeat scroll 0 0 #FFC0CB;

  border: 1px solid #FF0000;

  color: #FF0000;

}

.notice {

  background: #FFFFE0;

  border: 1px solid #FFD700;

  border-radius: 5px;

  clear: both;

  color: #DEAE00;

  left: 0;

  line-height: 120%;

  margin: 10px 0;

  padding: 10px 20px 10px 40px;

  position: relative;

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

  top: 0;

}

.nav ul li .last {

	padding-right: 0px !important;

	border-right:0 none;

}

.mslc {

  color: #e42a2a;

}

/*grid*/

.section {

  clear: both;

  padding: 0px;

  margin: 0px;

}

.extra {

	font-weight: 700;

	font-size: 15px;

}

/*  COLUMN SETUP  */

.col {

  display: block;

  float:left;

  margin: 1% 0 1% 1.6%;

}

.col:first-child { margin-left: 0; }



/*  GROUPING  */

.group:before,

.group:after {

  content:"";

  display:table;

}

.group:after {

  clear:both;

}

.group {

    zoom:1; /* For IE 6/7 */

}



/*  GRID OF THREE  */

.span_3 , .span_2 {

  width: 100%;

  clear: both;

}

.span_2_of_3 {

  width: 66.1%;

}

.right-content {

  width: 63%;
  float: right;

}

.span_1_of_3 {

	float: left;

    margin-right: 7.7%;

    width: 28.2%;

}

.span_1_of_2 {

  width: 48.5%;

  position: relative;

}

.m-left{
  margin-left: 19%;
}

/**/

.aleft {

  float: left !important;

}

.aright {

  float: right !important;

}

.last {

  margin-right: 0 !important;

}

.padd {

	padding:2%;

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

/**/

.center-2 {
/*  background: url(../images/header-pocetna.jpg) no-repeat scroll right top -20px transparent;
*/  background-image:url(../images/header-pocetna.png);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position: right top -20px ;
  height: 520px;
  margin: 0 auto;
  max-width: 1120px;
  width: 1120px;
  overflow: hidden;
}

#map-states ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#map-states {
  float: right;
  height: 300px;
/*  margin-right: 250px;
*/  position: relative;
/*  right: 260px;
*/  top: 93px;
  width: 630px;
}

#map-states p {
  background: url("../images/map.png") no-repeat scroll -12px -389px transparent;
  height: 48px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 225px;
  width: 190px;
}

#map-states a {
  background: url("../images/map.png") no-repeat scroll 0 0 transparent;
  height: 58px;
  position: absolute;
  width: 50px;
}

#map-states a.si {
  background-position: -64px -239px;
  left: 17px;
  top: 52px;
}

#map-states a.hr {
  background-position: -166px -260px;
  left: 95px;
  top: 66px;
}
#map-states a.rs {
  background-position: -350px -321px;
  left: 233px;
  top: 132px;
}

#map-states a.ba {
  background-position: -222px -331px;
  left: 139px;
  top: 152px;
}

.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}



.center {

  max-width: 960px;

  margin: 0 auto;

}

.wrapper {

  width: 100%;

  padding: 0;

  margin: 0;

}

.header { 

  width: 100%;

  height: 135px;

  background: url(../images/shadow.png) bottom left repeat-x;

}

.header-pocetna { 

  width: 100%;

  height: 520px;

  background:#ed1c24;
 

}

.bg-white{
  background: #fff;
}

.header-content {

/*  background: #444;*/

}

.link-out-icon-red a{
   background: url(../images/link-out-icon-black.png) no-repeat right 10px center transparent !important;
   padding-left: 15px !important;
 }
.link-out-icon-red a:hover{
   background: url(../images/link-out-icon-red.png) no-repeat right 10px center transparent !important;
   padding-left: 15px !important;
}
.link-out-icon-red a.mslc{
   background: url(../images/link-out-icon-red.png) no-repeat right 10px center transparent !important;
   padding-left: 15px !important;
}

.top-link{
  background: url(../images/link-out-icon.png) no-repeat right 10px center #EAEAEA;
  background: #EAEAEA;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 5px;
  text-align: center;
  width: 250px; 
  margin-top: 10px;
  float: right;

}

.top-link:hover{
  color: #fff;
  background: url(../images/link-out-icon.png) no-repeat right 10px center #E42A2A;
}

.call{
  width: auto;

  margin-top: 6%;
  margin-left: 4%;

  float: left;
}

.call span{
  color: #e42a2a;
}


.logo {

	width: auto;

	margin-top: 4%;

	float: left;

}


.logo-2 {
  background: none repeat scroll 0 0 #fff;
  padding: 4% 1% 1%;
  position: absolute;
  top: 0;
  width: 186px;
  z-index: 400;
}

.top-bg{
  position: relative;
  top: 0;
  height: 720px;
  width: 100%;
  z-index: 100;
}

.lang {

	float: right;

	margin-top: 4%;
  width: 300px;

}



.lang ul {

  list-style-type: none;
  float: right;

}

.lang ul li {

  float: left;

}

.lang ul li a{

  width: 30px;

  height: 30px;

  display: block;

}

.home {

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

}

.hr {

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

}

.bih {

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

}

.srb {

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

}

.slo {

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

}

.home:hover {

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

}

.hr:hover {

  background: url(../images/hr-over.png) center center no-repeat;

}

.bih:hover {

  background: url(../images/bih-over.png) center center no-repeat;

}

.srb:hover {

  background: url(../images/srb-over.png) center center no-repeat;

}

.slo:hover {

  background: url(../images/slo-over.png) center center no-repeat;

}



.mslc-lang {

	background: url(../images/hr-over.png) center center no-repeat;

}

.mslc-lang-ba {

  background: url(../images/bih-over.png) center center no-repeat;

}

.mslc-lang-rs {

  background: url(../images/srb-over.png) center center no-repeat;

}

.mslc-lang-slo {

  background: url(../images/slo-over.png) center center no-repeat;

}

/**/

.nav {

	width: 100%;

	margin-top: 2%;

	margin-bottom: 2%;

	float: left;

}

.nav ul {

	width: 100%;
  display: table;

	margin: 0 auto;

	list-style-type: none;

}

.nav ul li {

	/*float: left;*/
  display: table-cell;

	margin-left: 0;
  text-align: center;

}

.nav ul li a{

	font-size: 18px;

	text-transform: uppercase;

	font-weight: 600;

	border-right: 2px solid #dcdcdc;

	display: block;


	-webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.nav ul li .first { padding-left: 0;}

.nav-toggle {

	float:right;

	margin-top: -52px;

	display: none;

}

/**/

.red {

    display: block;

    float: left;

  /*  max-height: 330px;*/

    background: url(../images/red.jpg) repeat scroll left top;

    width: 100%;

    overflow: hidden;

    position: relative;
    height: 345px;



}

/*.red-image {

	position: absolute;

	background: url(../images/red.jpg) repeat scroll right bottom;

	bottom: 0;

	right: 0;

	z-index: 1;

}

.red-image img {

	width: 100%;

	height: auto;

}*/

.slider {

	width: auto;

	background: #fff;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	position: relative;

	z-index: 2;
  height: 270px;

}

.span_2.center {

	position: relative;

	z-index: 100;

}

.slider li{ 

	float: none;

	display: block;

	margin-left: 0  !important; }



.slider li img{ 

	    max-width: 100%;

    display: block;

}

.bx-controls.bx-has-pager.bx-has-controls-direction {



}

.bx-pager-link.active {

	background: #e42a2a !important;

}

.shadow {

	bottom: -2%;

    position: absolute;

    right: 0;

    width: 100%;

}

.shadow img {

	width: 100%;

}

.text-animate {

	width: 100%;

  float: left;

  padding-top: 30px;

  padding-bottom: 30px;

  position: relative;

  height: auto;

  min-height: 180px;

}

.text-animate img {

	width: 100%;

}

/**/

.boxes {

    clear: both;

    margin: 2% auto;

    width: 100%;

}

.box {
  border: 3px solid #EAEAEA;

	width: 100%;

	height: auto;

	position: relative;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	overflow: hidden;

}

.box:hover{
   border: 3px solid #E42A2A;
}

.box-title {

	position: absolute;

	width:100%;

	bottom: 0;

	right: 0;

	background: #eaeaea;

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-bottom: 2%;

    font-weight: 700;

    font-size: 18px;

    padding: 3%;

    position: absolute;

    right: 0;

    width: 100%;

}

.boxes a.box {

	cursor: pointer;

}

.boxes a.box:hover .box-title {

	color: #fff;

	background: #e42a2a;

border: 1px solid #e42a2a;

}

.ikona {

	float: left;

	width: 63px;

	margin-right: 1.6%;

}

.margin-l{
  margin-left: 8%;
}

.ikona img{

	width: 100%;

	max-height: 100%;

	margin-right: 2%;

}

.container {

	float: left;

	width: 100%;

}

.row {

	margin-top: 2%;

	margin-bottom: 2%;

}

.row ul {

	list-style-type:none;

}

.row ul li{

	width: 100%;

	margin-left: 0;

}

.bg-cont {

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-bottom: 4%;

    padding-top: 2%;

	background: url(../images/shadow2.png) bottom left repeat-x;

}

.footer {

	width: 100%;

	float: left;

	min-height: 60px;

	background: url(../images/footer.jpg);

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 1% 2% 0 2%;

    margin-top: 2%;

}

.footer-2{
  position: relative;
  bottom: 0;
    width: 100%;
    z-index: 200;

  float: left;

  min-height: 60px;

  background: url(../images/footer.jpg) repeat-x scroll 0 0 transparent;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 1% 2% 0 2%;

    margin-top: 2%;
}

.button {

    width: 100% !important;

  text-align: center;

  display: block !important;

  background: none repeat scroll 0% 0% #E42A2A !important;

  color: #FFF !important;

  font-size: 18px !important;

  padding: 10px !important;

  font-weight: 600 !important;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    cursor: pointer;

}

.button:hover { 

    background:#EAEAEA !important;

    color: #3c3c3c !important;

}

.btn-red {

	width: 100%;	

	text-align: center;

	display: block;

	background: #e42a2a;

	color: #fff;

	font-size: 18px;

	padding: 10px;

	font-weight: 600;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.btn-red:hover {

	background:#EAEAEA;

	color: #3c3c3c ;

}

.c-red {

	color: #e42a2a

}

.c-red:hover {

	color: #000;

}

.txt1 {

  position: absolute;

  top: 14%;

  left: 10%;

  opacity: 10;

  color: #fff;

  font-weight: bold;

}

.uvecano {

  font-size: 34px;

}

.txt2 {

  position: absolute;

  top: 36%;;

  left: 0%;

  opacity: 10;

  font-size: 40px;

  color: #fff;

  font-weight: bold;

}

.txt3 {

  position: absolute;

  top: 40%;

  left: 50%;

  opacity: 20;

  font-size: 20px;

  color: #fff;

  font-weight: bold;

}

.txt4 {

  position: absolute;

  top: 80%;

  left: 69%;

  opacity: 10;

  font-size: 50px;

  font-weight: bold;

  color: #fff;

}

.txt5 {

  position: absolute;

  top: 100%;

  left: 20%;

  opacity: 10;

  font-size: 30px;

  color: #fff;

  font-weight: bold;

}

.txt6 {

  position: absolute;

  top:20%;

  left: 56%;

  opacity: 10;

  font-size: 40px;

  color: #fff;

  font-weight: bold;

}

.txt7 {

  position: absolute;

  top: 70%;

  left: 10%;

  opacity: 10;

  font-size: 20px;

  color: #fff;

  font-weight: bold;

}



.col50-txt {

  width: 50%;

  float: left;

  padding-right: 2%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.pad {

  padding-right: 0;

}

.kontakt_forma input {

  width:100%;

  border: 1px solid #D6D6D6;

  background: #f1f1f1;

}

.kontakt_forma label {

  width:100%;

  font-size: 16px;

}

.kontakt_forma textarea {

  width:100%;

  font-size: 16px;

  border: 1px solid #D6D6D6;

  background: #f1f1f1;

}

.karta {

  width: 97%;

  float: right;

}



.txt_area ul li {

  margin-left: 15px;

}

.txt_area ol li {

  margin-left: 15px;

}

.izlist {

  width: 80%;

  margin: 0 auto;

  list-style-type: none;

}

.text-area .izlist {

  width: 100%;

  margin: 0 auto;

  list-style-type: none;

}

.izlist li { 

  width: 100%;

  border: 1px solid #D6D6D6;

  background: #f1f1f1;

  float: left;

  margin-bottom: 2%;

  margin-left: 0;

}

.izlist li a{

  background: url(../images/doc.png) center left no-repeat;

  padding: 11px 0 11px 40px;

  font-weight: 600;

  display: block;

}

.izlist li a:hover {

  background: url(../images/doc-hover.png) center left no-repeat;

}

.article-short {

  width: 100%;

  float: left;

}

.article-short img { 

  width: 100%;

}

.article-short .img-link {

 width: 20%;

  margin-right: 2%;

  border: 2px solid #CCC;

  display: block;

  float: left;

}

.article-short .img-link:hover {

    border: 2px solid #E42A2A;

}

.article-short p {

  width: 77%;

  float: left;

}

.article-short .naslov-novosti {

  font-size: 22px;

  color: #e42a2a;

  font-weight: 600;

}

.article-short a:hover {

  color: #ff0000;

}

.btn-vise {

  float: right;

  color: #E42A2A;

  font-weight: 600;

  margin-top: 2%;

}

.line {

  width: 100%;

  float: left;

  clear: both;

  background: #f1f1f1;

  height: 1px;

  margin-top: 4%;

  margin-bottom: 5%;

}

.gallery {



}

.gallery a{

  width: 19%;

  margin-top: 2%;

  margin-right: 0.5%;

  margin-bottom: 2%;

  border: 2px solid #CCC;

  display: block;

  float: left;

}

.gallery a:hover {

    border: 2px solid #E42A2A;

}



select.dropdown  {

  border: 0 !important; 

  -webkit-appearance: none;  

  -moz-appearnce: none; 

  background: url(../images/down.png) center right no-repeat; 

  text-indent: 0.01px; 

  text-overflow: "";  

  padding: 4px; 

  color: #444;

  cursor: pointer;

  width: 101%;

}



.style-drop:hover {

  opacity:1.0;

  filter:alpha(opacity=100);

}



.style-drop:hover {

  opacity:1.0;

  filter:alpha(opacity=100);

}

.style-drop {

  background: #f1f1f1;

  float: left;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  cursor: pointer;

  width: 200px;

  border: 1px solid #ececec;



}





.katalog-area-left  {

  width: 65%;

  float: left;

}

.katalog-area-right  {

  width: 35%;

  float: right;

  text-align: center;

}

.katalog-area-right  img{

  width: 100%;

  max-width: 100%;



}

.valign {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.naslovi-tablica td{

  color:#E42A2A;

   font-weight: 600;

}

.karakteristike {

  color:#444;

  text-align: center;

  width: 100%;



}

td.model {

  color: #444;

  font-weight: 600;

  text-align: left !important;

}

td.model1 {

  font-weight: 600;

  text-align: left !important;



}

.karakteristike tr td{ 

  text-align: center;

    border: 1px solid #f1f1f1;

}

.katalog-area-right .btn-red2 {

  /*width: 76%;

  float: right;

  color: #fff;*/

}

.kontakt .info{
  margin-bottom: 20px;
}

tr, th, td{
  padding: 10px;
  text-align: center;
  font-size: 12px;
  vertical-align: bottom;
  border: 1px solid #F1F1F1;
}

.m-top{
  margin-top: 15px;
}