/* cmsms stylesheet: telura_l modified: 03/27/18 08:37:50 */
@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;

}
li {
    display: list-item;
    text-align: -webkit-match-parent;
padding: 5px 0px;
font-size: 14px;
}
.breadcrumbs {
    margin: 0;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: solid #55AE3A 1px;
    border-top: solid #ccc 1px;
    font-size: 14px;
    clear: both
}
.gre {
    margin: 0;
    padding: 10px 0px;
    color: #55AE3A;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    clear: both
}
.gre2 {
    margin: 0;
    padding: 10px 0px;
    color: #55AE3A;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: bold;
    clear: both
}
div#slideshow_nav_1 {
    right: 47%!important;
}
#logo{
    float: right;
}
.break {
    height: 100px;
    clear: both
}
a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #55AE3A;
    text-decoration: none
}
a:hover {
    color: #666999;
    text-decoration: none
}
h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #55AE3A;
    line-height: 1;
    letter-spacing: -0.5px;
    font-weight: bold;
    list-style-type: none;
}
h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #696969;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.5px;
    font-weight: 900;
    list-style-type: none;
}
.grid_3 h2 {
    line-height: 1.5;
    text-align: center;
    border-top: solid #55AE3A 4px;
}
h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #55AE3A;
    font-size: 16px;
    line-height: 1.5;
    list-style-type: none;
    border-top: solid #55AE3A 4px;
    padding: 10px;
}
h2:hover,
h3:hover {
    color: #666999;
}
p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.45;
}
#head {
    width: 100%;
    height: 80px;
    background-color: #fff;
}
.con_left img,
.grid_4 img {
    max-width: 100%
}
.grid_4 a,
.grid_4 a {
    color: #55AE3A;
}
.grid_4 a:hover,
.grid_3 a:hover {
    color: #666999;
}
#header,
#footer {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}
hr {
    border-bottom: solid #55AE3A 1px;
    clear: both;
}
.content {
    width: 1200px;
    margin: 0px auto;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    clear: both
}
#foot {
    width: 100%;
margin: auto;
    min-height: 150px;
    height: auto;
    background-color: #F0F0F0;
    border-top: solid #55AE3A 7px;
    padding-bottom: 20px;
    padding-top: 20px;
    clear: both;
}
#nav,
#lan {
    margin-top: 40px;
    height: 25px;
    float: left;
}
#nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    float: left;
    display: inline-block;
}
#nav ul li {
    float: left;
    padding-right: 30px;
}
#nav ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #55AE3A;
    font-size: 18px;
    font-style: normal;
    text-transform: none;
}
#nav ul li a:hover {
    color: #666999;
}
#lan ul li {
    float: right;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 16px;
    list-style-type: none;
    line-height: normal;
    padding-right: 5px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
}
#nav ul li:first-child,
#nav ul li.first {
    margin-left: 0
}
#nav ul li:last-child,
#nav ul li.last {
    margin-right: 0
}
#nav ul li a:active {
    color: #F26337;
}
.con_left {
    float: left;
    width: 47%;
    display: inline-block;
    padding: 20px;
}
.con_right {
    float: left;
clear: right;
    max-width: 47%;
    display: inline-block;
    padding: 10px;
}
.grid_4 {
    float: left;
    max-width: 290px;
height:380px;
    display: inline-block;
    margin-right: 10px;
}

.grid_4p:nth-child(4n+0) {
clear: both
}

.grid_2 {
    float: left;
    max-width: 599px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.grid_3 {
    float: left;
    margin-right: 5px;
    width: 390px;
    display: inline-block;
}
.text {
    padding: 5px;
    border-bottom: solid #ccc 1px;
    border-top: solid #ccc 1px;
}
.poz img {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    z-index: 0000;
}

#footer div {
    color: #fff;
    position: relative;
    float: left;
padding: 1%;
    width: 30%
}

.poz img {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    z-index: 0000;
}
#footer p {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px
}
#footer .center {
text-align: center;
}
#footer .right {
text-align: right;
}
#footer .copy {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
#footer h2 {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}
table {
    border-collapse: collapse;
font-size: 12px;
padding: 5px;
border-top:#000 solid 1px;
border-bottom:#000 solid 1px;
 max-width: 550px;
margin-top: 20px;
margin-bottom: 20px;
}
table p {
font-size: 12px;
line-height: 0.5em;
padding: 0px;

}
tr {
    border-bottom: solid #ccc 1px;
}
thead {
    border-bottom: solid #ccc 1px;
 border-collapse: collapse;
}
td {
    padding: 0px;
}
td:nth-child(1) {
  width: 70%;
}
.prijave fieldset{max-width: 699px; float:right}
.prijave fieldset{border:1px solid #c1bccc; padding:20px}
input,textarea{clear:left;width:400px;padding:5px;font-size:.875em;border:1px solid #c1bccc}
textarea{height:120px}
textarea:focus,input:focus{border:1px solid #900}
input[type=submit]:focus{color:#fff;background-color:#900;}
input[type=submit]{font-weight:bold;color:#900;width:100px;float:right;margin:5px}
label{display:block;padding-top:5px}
.prijava radio label{width:270px}
.radio input{width:20px}
.required,.error_message{color:#900;margin:0;padding:0}
.spinner{margin:100px auto 0;width:70px;text-align:center;}
.spinner > div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0.0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes bouncedelay{0%, 80%, 100%{transform:scale(0.0);-webkit-transform:scale(0.0);}
40%{transform:scale(1.0);-webkit-transform:scale(1.0);}
}
#mm-menu{display: none;}


   /* Hauptmenü-Button - gibt's nur in der Mobile View*/
@media (max-width 767px){
   #mm-menu {
      display: block;
      height: 28px;
      width: 26px;
      padding: 0 13px;
 		background: ;
      cursor: pointer;
   }

	/* Verberge das gesmte Menü ... */
	#main-menu,
   [id=mm-expand] {
		display: none;
	}

	/* ... und klappe es erst beim Klick auf den Button auf */
	[id="mm-expand"]:checked ~ #main-menu {
		display: block;
	}

   /* Menü vertikal statt horizontal, feste Breite */
   #main-menu > li {
      display: block;
      width: 160px;
   }

   /* SUntermenü nach rechts einrücken */
   #main-menu > li > ul {
      left: 110px;
      margin-top: -30px;  
   }

}}