@charset "utf-8";

*, *:after, *:before { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.clear:before, .clear:after {display: table;  content: ''; }
.clear:after { clear: both; }

html, body, div, p, abbr, a {padding:0;margin:0;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size:15px;color:#000000;text-decoration:none;
}

h2 a {font-size:20px;padding:4px 0px;color: #0064b0;text-decoration:none}

h1, h2, h3, h4, h5, h6 {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

h2.fakeH1 {text-align:center;color:#000000;font-size:2.4em;font-weight:normal;padding-bottom:32px;
margin-bottom:32px;
background: transparent url('/images/background/title_background.png') no-repeat bottom center;
}
h2.fakeH1.white {background: transparent url('/images/background/title_background_white.png') no-repeat bottom center;color:#ffffff}
h2.fakeH1 img {vertical-align:middle;padding-left:18px}

a:link {color: #656565;color:#0066b1}
a:visited {color: #656565;color:#0066b1}
a:hover {color: #656565;color:#0066b1;text-decoration:underline}

a img{border:0}
img{max-width:100%;height:auto}

.clearBoth {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}
.txtCenter {text-align:center}
.txtRight {text-align:right !important}
.mapaCenter {text-align:center !important}
.mapaCenter img {margin:0px auto}

#allPage {min-height:15%;position:relative;
/*background: transparent url('/images/background/footer_shape.png') no-repeat bottom center */
}
#headerWrapper, #headerWrapperHome, #contentWrapper, #footerWrapper, #footerLine, #homeBoxTxt {width:100%;margin:0px auto}
#headerWrapperIn, #contentWrapperIn, #footerWrapperIn, #homeBoxTxtIn, .pageParalaxIn, #showForm {width:1200px;margin:0px auto}

#headerInfoBoxIn {width:1200px;margin:0px auto;text-align:center;padding:5px 18px;box-sizing:border-box}
#headerInfoBox {width:100%;margin:0px auto;background: transparent url('/images/background/head_line.png') repeat top center}



#homeBoxTxt {position:relative;top:-13px;z-index:0;padding:26px 0px 13px 0px;
background: transparent url('/images/pages/sede_pozadi_prechod.png') no-repeat center center
}
#homeBoxTxtIn2 {padding:0px 13px}
#homeBoxTxtIn2 p {line-height:2em;padding-bottom:8px;text-align:justify}

/*bof header*/
#headButton {float:right}
#headButton a {display:inline-block}
br.contactHide {display:none}
#headerBox {float:right;margin-top:18px}
#headerBox a {display:inline-block;text-transform:uppercase;color:#000000;margin-left:40px;font-weight:bold;font-size:1.1em}
#logoDiv {float:left;padding-top:5px;padding-left:18px;box-sizing:border-box}

#changeLng {float:RIGHT;margin-left:18px}
#changeLng img {margin-right:6px}







body, html {margin:0px;padding:0px}

a{
	color: #c20e1a;
	text-decoration: none;
}

textarea, input { outline: none; }

h1{
    text-align: center;
}
.content_wrap{
	margin: 20px 11% 20px;
	width: 78%;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}