@font-face {
  font-family: OpenSans;
  src: url('../font/OpenSans-Regular-webfont.eot'),
       url('../font/OpenSans-Regular-webfont.svg'),
       url('../font/OpenSans-Regular-webfont.ttf'),
       url('../font/OpenSans-Regular-webfont.woff');
       font-weight: normal; 
       font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
  background-color: white;
  color: #444444; 
	font-size: 15px;
	text-align: justify;
	font-family: OpenSans, Arial;
	line-height: 1.4;
  font-weight: normal;
  background-image: url(../files/images/head-dalsi-strany.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
}
body.uvod {
  background-image: url(../files/images/back-hlavicka-uvod.jpg);
}
h1 {
  font-size: 27px;
  font-family: OpenSans, Arial;
  font-weight: bold;
  color: #bf242a;
  margin-bottom: 10px;
}
h1 strong {
  font-weight: normal;
  color: rgb(0,0,0);
}
h2, p.h2 {
  font-size: 22px;
  font-family: OpenSans, Arial;
  font-weight: bold;
  color: black;
  margin: 8px 0 6px 0;
}
h2.margin-top {
  clear: both;
}
h3, p.h3 {
  font-size: 15px;
  font-family: OpenSans, Arial;
  font-weight: bold;
  color: #bf242a;
  margin: 8px 0 6px 0;
}
p, li, address {
  margin-bottom: 6px;
  font-style: normal;
  line-height: 1.4;
}
.float-left {
  float: left;
}
img {
  max-width: 98%;
  height: auto;
  margin: 5px 1%;
  border: none;
}
.float-right {
  float: right;
}
.clear {
  clear: both;
}
a, a:visited {
	text-decoration: underline;
  color: rgb(190,35,41);
}
a:hover {
	text-decoration: none;
}
strong {
  font-weight: bold;
}
.bigger {
  font-size: 18px;
  margin: 10px 0; 
}
.red {
  color: #f9232f;
}
.black {
  color: black;
}
/************************************
* Page - hlavní rozložení stránek 
*************************************/
.page {
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  max-width: 1000px;
}
#header {
  width: 100%;
  height: 218px;
}
#page-uvod #header {
  height: 360px;
}
#main_content {
	float: right;
	width: 74%;
	padding: 0 0 5px 0.8%;
  margin-top: 55px;
  min-height: 100px;
}

#main_content img {
    border: 5px solid #E0DFDF;
}

#main_content img:hover {
    border: 5px solid #484848;
}

.left_col {
  float: left;
  width: 25%;
  padding: 0 2% 5px 0;
  margin: 15px 0;
  border-right: 1px solid rgb(225,225,225);
}
#vedl_menu {
  
}
#footer {
  clear: both;
  color: white;
  padding-top: 9px;
  width: 100%;
}
/********************
* Header 
********************/
#logo {
  float: left;
  margin: 18px 0;
}
#slogan {
  float: right;
  font-size: 24px;
  color: white;
  margin: 10px 8% 10px 0;
}
#menu_top {
    background-color: transparent;
    background-image: url(/files/images/menu.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 10px 5% 10px 40px;
    float: left;
}
.reference-activ a#hornimenu1-3, .lpg-activ .topMenuItem12{
  background-color: rgb(106,1,5);  
}
/*****  HORNI MENU ****/
div#hornimenu1 {
  position: relative;
} 

@media (min-width: 800px) {
  #hornimenu1 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
}

div.ddmxlileft {
  position: relative;
  float: left;
}
div.ddmx a {
  position: relative;
  display: block;
  padding: 5px 13px;
  margin-right: 2px;
  color: white;
  text-decoration: none;
  font-size: 15px;
  border-radius: 16px;
}
div.ddmx a:hover, div.ddmx a.selected{
  background-color: rgb(106,1,5);
}
/*************************
*     Main content
*************************/
#main_content ul {
  margin-left: 2.3%;
}
/**** Úvodní strana ****/
.par-slov-firma {
  padding: 5px 2%;
  background-color: rgb(247,247,247);
  border: 1px solid  rgb(229,229,229);
  border-radius: 15px;
  margin: 15px 0;
}
#page-uvod #main_content ul {
  margin: 7px 0 20px 2.3%;
}
#main_content li {
  list-style-image: url(../files/images/odr-hl-sekce.png);
}
#bannerky {
  text-align: center;
  float: right;
  margin: 5px 15px;
  width: 228px;
  height: 280px;
  position: relative;
}

#bannerky img {
	border: none;
}

#bannerky img:hover {
	border: none;
}

#bannerky .popt a, #bannerky .ref a {
  display: block;
  background-repeat: no-repeat;  
  background-position: center;
  text-decoration: none;
  font-size: 22px;
}
#bannerky .ref a {
  background-image: url(../files/images/tl-reference.png);
  padding: 12px 0; 
  color: rgb(46,46,46); 
}
#bannerky .ref a:hover {
  background-image: url(../files/images/tl-reference-hover.png);  
}
#bannerky .popt a {
  background-image: url(../files/images/tl-poptavka.png);
  padding: 11px 0; 
  color: white; 
}
#bannerky .popt a:hover {
  background-image: url(../files/images/tl-poptavka-hover.png);  
}

/*************************
* Footer 
*************************/
div.kde-nas-najdete {
  float: left;
  width: 32%;
}
div.kde-nas-najdete img {
  vertical-align: middle;
}
#footer div.kde-nas-najdete a {
  text-decoration: underline;
}
#footer div.kde-nas-najdete a:hover {
  text-decoration: none;
}
div.odkazy {
  width: 50%;
  float: left;
  padding-top: 8px;  
}
div.odkazy div {
  margin-top: 10px;
}
div.facebook {
  padding-top: 7%;
  width: 18%;
  float: left;
}
p.gdpr{
	text-align: center;
	margin-top: 5px;
}
p.gdpr a{
	display: inline-block;
	border-radius: 20px;
	padding: 5px 15px;
	background: #BE2429;
	color: white;
	text-decoration: none;
	float: right;
	margin-left: 10px;
}
p.gdpr a:hover{
	background: #690205;
}
#footer div.odkazy p.h2 {
  color: #f9232f;
  margin-bottom: 4px;
  font-size: 18px;
}
#footer div.kde-nas-najdete p.h2 {
  color: white;
  margin-bottom: 4px;
  font-size: 18px;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer .odkazy div.float-left:first-child {
  margin-right: 10%;
}
.odkazy a:hover, #footer p.market a:hover {
  text-decoration: underline !important;       
}
div#prava {
  padding: 15px 0;
}
#footer_full-1, #footer_full {
  position: absolute;
  left: 0px;
  z-index: -1;
  width: 100%;
}
#footer_full {
  background-color: rgb(18,18,18);  
  bottom: 0px;
  height: 100px;
}
#footer_full-1 {
  background-image: url(../files/images/footer-red.png);
  background-repeat: no-repeat;
  background-position: center top;  
  bottom: 100px;
  height: 212px;
}

/*************************
*        Left col
*************************/
.left_col p.h2 {
  border-bottom: 1px solid rgb(225,225,225);
  padding-bottom: 6px;
  margin-bottom: 10px;
  font-size: 18px;
} 
#vedl_akt {
  margin-top: 0;
}
#vedl_menu {
  margin-bottom: 0;
}
/*****Aktuality*****/
.aktuality_name {
  margin-bottom: 5px; 
}
.aktuality_name a {
  text-decoration: none;    
  color: #BF242A;
  font-weight: bold; 
}
.aktuality_name a:hover {
  text-decoration: underline;
}
.aktuality_date {
  font-weight: bold;
  color: black;
  margin-bottom: 5px;  
}
.aktuality_vice_odkaz {
  margin: 15px 0 5px 0;
}
.aktuality_box .aktuality_vice_odkaz a {
  background-image: url(../files/images/tl-vice-informaci.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 9px 14px 9px 40px;
  text-decoration: none;
  color: black;
}
.aktuality_box .aktuality_vice_odkaz a:hover {
  background-image: url(../files/images/tl-vice-informaci-hover.png);
}
.archiv-aktualit {
  margin-bottom: 20px;
}
.archiv-aktualit a {
  color: black;
}
#main_content .aktuality_box2 .aktuality_vice_odkaz img {
  vertical-align: middle;
  border: none; 
}
.rychly-kontakt address a {
  color: black;
}
/****  LEVE MENU  ******/
.ddmy {
	background-color: transparent;
  display: block;
  position: relative;
  height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
.ddmy .ddmylileftsel,
.ddmy .ddmylileft {
  padding: 0px; 
  margin: 0px;
  float: none;
}
.ddmy .item1,
.ddmy .item1:hover,
.ddmy .item1-active,
.ddmy .item1-active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be232d+0,831c1f+100 */
background: #be232d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlMjMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzFjMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #be232d 0%, #831c1f 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be232d), color-stop(100%,#831c1f)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #be232d 0%,#831c1f 100%); /* IE10 preview */
background: linear-gradient(to bottom, #be232d 0%,#831c1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be232d', endColorstr='#831c1f',GradientType=0 ); /* IE6-8 */
	color: white;	
	display: block;
  padding: 8px 10%;
	text-decoration: none;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
  font-weight: bold;
	border-radius: 20px;
}
.ddmy .item1:hover,
.ddmy .item1-active,
.ddmy .item1-active:hover,
.ddmy .selected {
  	background: #690205;
}
.ddmy .ddmylileftsel .item1 {
    background-color: transparent;
}
.ddmy .item2,
.ddmy .item3,
.ddmy .item4,
.ddmy .item2:hover,
.ddmy .item2-active,
.ddmy .item2-active:hover,
.ddmy .item3:hover,
.ddmy .item3-active,
.ddmy .item3-active:hover,
.ddmy .item4:hover,
.ddmy .item4-active,
.ddmy .item4-active:hover 
 {
	background-color: #404040;
	border-bottom: 1px dotted #AFAFAF;
	color: #FFFFFF;	
	padding: 8px 10px 8px 8px;
	display: block;
	position: relative;
	z-index: 5000;
	width: 160px;
	text-align: left;
	text-decoration: none;
	font-size: 9pt;
}
.ddmy .item2:hover,
.ddmy .item2-active,
.ddmy .item2-active:hover,
.ddmy .item3:hover,
.ddmy .item3-active,
.ddmy .item3-active:hover,
.ddmy .item4:hover,
.ddmy .item4-active,
.ddmy .item4-active:hover {
	color: #000000;
	background-color: #E2DBCE;
}
.ddmy .item2 img,
.ddmy .item2-active img {
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmy .section {
	border-top: none;
  width: 160px;
  position: absolute;
  top: 37px !important;
  visibility: hidden;
  margin-left: 10px;
  z-index: 1000;
}
* html .ddmy div { position: relative; } /* ie 5.0 fix */
/**********************************/
/*  FORMULARE 
/*********************************/
.form_content fieldset { 
  background-color: transparent;
  margin: 0;
  padding: 1em 0;
  border: none;
}
.form_content fieldset legend { 
  background-color: #AAAAAA;
  
  padding: 6px 12px;
  color: #000000;
  
  display: none;
}
.form_content input, textarea { 
  border: 1px solid #AAAAAA;
  
  margin: 0px;
  padding: 0.25em;
  font-size: 1em;
  font-family: arial;
}
input[type="radio"] { 
  border: none !important;
}

.form_content input.submit { 
  /*background-image: url(/files/button_send.png);
  background-repeat: no-repeat;
  background-position: 0 0;*/
  background-color: #762426;
  border-radius: 3px;
  border: none;
  color: #ffffff;
  
  width: 80px;
  height: 25px;
  cursor: pointer;
}
.form_content td {
  padding: 5px;                 
}
.form_content fieldset p label { 
  display: block;
}
.form_content fieldset p input { 
  width: 60%;
}
.form_content fieldset p textarea { 
  width: 97%;
}
.form_content fieldset p.submit {
  margin-bottom: 0;
}
input.alert,
textarea.alert {
  border: solid 1px red;
  background-color: #FEABAB;
}
.form_content label {
  display: block;
  min-width: 190px;
  float: left;
	    clear: left;
}
.form_info{
	clear: both;
    	margin-left: 190px;
}
.form_content input, .form_content textarea  {
  margin-bottom: 6px;
  max-width: 95%;
}
/*Ostatní*/
div.mapa {
  float: right;
  width: 50%;
}
div.adresa {
  width: 48%;
  padding-right: 2%;
  float: left;
}
div.partneri p.float-left {
  width: 190px;
}
.aktuality_box2 .aktuality_vice_odkaz a {
  background-image: none;
}



button#modal-launch{
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    padding: 0;
}
button#modal-launch a{
	background: #BE2429;
	padding: 8px 10%;
    	font-size: 15px;
	color: white;
	text-decoration: none;
    	font-weight: bold;	
	display: block;
    	border-radius: 20px;
	text-align: left;
}

button#modal-launch a:hover{
	background: #690205;
}

.modal-content{
	border: none;
	border-radius: 0;
}

div.modal-header {
	border-radius: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be232d+0,831c1f+100 */
background: #be232d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlMjMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzFjMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #be232d 0%, #831c1f 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be232d), color-stop(100%,#831c1f)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #be232d 0%,#831c1f 100%); /* IE10 preview */
background: linear-gradient(to bottom, #be232d 0%,#831c1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be232d', endColorstr='#831c1f',GradientType=0 ); /* IE6-8 */
}

div.modal-header .close{
	margin: 0 0 auto;
	border: 1px solid white;
	border-radius: 5px;
	padding: 0.4rem 0.7rem;
	color: white;
	opacity: 1;
	-webkit-transition: all 0.3s; 
	-ms-transition: all 0.3s;
    	transition: all 0.3s;    
}
div.modal-header .close:not(:disabled):not(.disabled):hover, 
div.modal-header .close:not(:disabled):not(.disabled):focus{
	opacity: 1;
	color: black;
	background: white;
}

.modal-dialog label {
    margin-bottom: 0.2rem;
}

.modal-dialog .modal-title{
	color: white;
	/* text-transform: uppercase; */
	font-size: 25px;
	font-weight: bold;
}

span.mandatory-star {
    color: #ff6d6d;
}

.modal-dialog .modal-body {
    background-color: #f5f5f5;
}

.modal-dialog .modal-body label{
	/* font-weight: bold; */
	font-size: 17px;
	color: black;
}

.modal-dialog .btn-primary{
	border: 1px solid #831C1F;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
    	padding: 0.375rem 1.75rem; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be232d+0,831c1f+100 */
background: #be232d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlMjMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzFjMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #be232d 0%, #831c1f 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be232d), color-stop(100%,#831c1f)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #be232d 0%,#831c1f 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #be232d 0%,#831c1f 100%); /* IE10 preview */
background: linear-gradient(to bottom, #be232d 0%,#831c1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be232d', endColorstr='#831c1f',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
	box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
}


.modal-dialog .btn-primary:hover{
	background: #831C1F;
}


.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid
{
    background-color: #ffdede;
}
.invalid-feedback, .form-text, small, .small{
	font-size: 15px;
}

#mobile_open, #mobile_close {
    display: none;
    color: transparent;
    height: 0;
}



/*******MEDIA*************/
@media (max-width: 990px) {
  #slogan {
    margin: 10px 0;
  }
  #menu_top {
    padding: 10px 0.5%;
    margin: 0;    
  }
}
@media (max-width: 940px) {
  #menu_top {
    border-radius: 15px;
    background: rgb(134,28,30); 
    background: linear-gradient(rgb(191,35,38),rgb(134,28,30));
    clear: both;
    float: none;
    width: 99%;
    overflow: hidden;
  }
  #slogan {
     text-align: center;
  }
  #slogan span.red {
    display: block;
    padding-right: 1%;
  }
  body {
    background-image: url(../files/images/head-dalsi-strany-m.jpg);
  }
  body.uvod {
    background-image: url(../files/images/back-hlavicka-uvod-m.jpg);
  }
}
@media (max-width: 770px) {
  #footer {
    background: rgb(134,28,30); 
    background: linear-gradient(rgb(191,35,38),rgb(134,28,30));
    width: 101%;
    margin-left: -1%;
    padding-left: 1%;
  }
  #prava {
    background-color: black;
    width: 100%;
  }
  #footer_full, #footer_full-1 {
    height: 0;
  }
  div.kde-nas-najdete {
    float: none;
    width: 100%;
  }
  div.odkazy {
    width: 81%;
  }
  #footer div.odkazy p.h2 {
    color: white;
  }
  .aktuality_box  .aktuality_vice_odkaz a {
    background-image: none;
    border: 1px solid rgb(223,223,223);
    background: rgb(230,230,230);
    background: linear-gradient(rgb(255,255,255),rgb(234,234,234));
    border-radius: 15px;
    padding: 5px 15px;
  }
  .aktuality_box  .aktuality_vice_odkaz a:hover {
    background-image: none;
    background: rgb(230,230,230);
    background: linear-gradient(rgb(234,234,234),rgb(255,255,255));
  }
}

@media (max-width: 700px) {
#logo{
	text-align: center;
}
#menu_top{
	width: 100%;
	border-radius: 0;
	padding: 10px 0;
}
#mobile_open, #mobile_close {
    text-align: center;
    width: 100%;
    height: 30px;
    padding-bottom: 45px;
    vertical-align: top;
    cursor: pointer;
    color: white;
}
#mobile_open {
    background: url(/files/images/hamburger.png) no-repeat center bottom;
    display: block;
}
#mobile_close {
    background: url(/files/images/close.png) no-repeat center bottom;
}
#hornimenu1 {
    display: none;
    position: absolute;
    left: 0;
    z-index: 50;
    background: transparent;
    padding-bottom: 30px;
	margin-top: 10px;
}
#hornimenu1.visible {
    display: block;
    overflow: hidden;
}
.ddmx .ddmxlileftsel, .ddmx .ddmxlileft {
    	display: block;
	float: none;
}
div.ddmx a{
	border-radius: 0;
	text-align: center;
}
}

@media (max-width: 690px) {
   #slogan {
     width: 40%; 
  }
  #header, #page-uvod #header  {
    background: black;
    height: auto;
    margin: 0;
    padding: 0 0 5px 0;
    width: 102%;
    margin-left: -1%;
  } 
  body, body.uvod {
    background-image: none;
    text-align: left;
  }
  #main_content {
    margin-top: 15px;
  }
}
@media (max-width: 647px) {
   div.ddmxlileft {
    min-width: 22%;
  }
  #slogan {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #logo {
    float: none;
    margin: 0;
    padding: 5px 0;
  }
}
@media (max-width: 620px) {
  #main_content, .left_col {
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
    clear: both;
  }
  #lpg_menu {
    margin-top: 5px
  }
}
@media (max-width: 500px) {
   div.ddmxlileft {
    min-width: 33%;
  }
  #main_content ul {
    margin-left: 8.3%;
  }
  label.width100 {
    float: none;
  }
}
@media (max-width: 360px) {
   div.ddmxlileft {
    min-width: 50%;
  }
  div.mapa, div.adresa {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  div.partneri p.float-left {
  width: auto;
  float: none;
  }
}
@media (max-width: 300px) {
  div.ddmxlileft {
    min-width: 100%;   
  }
  div.odkazy, div.facebook {
    width: 100%;
    float: none;
    clear: both;
  } 
}