body {margin: 0; padding: 0; font-family: arial; font-size: 15px; line-height: 19px; color: #000000; background: #232323;}
.stred {margin: auto; width: 990px; padding: 0;}

/************************************************************************************
 * HLAVIČKA
 ************************************************************************************/
.ID-hlavicka {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff; border-bottom: 1px solid #cbcbcb;}
#hlavicka {float: left; width: 990px; height: 137px; padding: 0; margin: 0 0 -1px 0; background: #ffffff; border-bottom: 1px solid #cbcbcb;}
#hlavicka .logo {float: left; margin: 0; padding: 0; position: relative; z-index: 10;}

#hlavicka .hlavicka {float: right; height: 46px; margin: 18px 0 0 0; padding: 0;}

#hlavicka form {float: right; margin: 0; padding: 0;}
#hlavicka .search {float: right; margin: 0 0 0 6px; padding: 0;}
#hlavicka .search .inputbox {float: left; width: 148px; height: 26px; line-height: 26px; margin: 0 -10px 0 0; padding: 10px;
font-size: 14px; font-family: Open Sans, arial; font-weight: normal; color: #000000; font-style: italic; background: #f6f6f6; border: 0;}
#hlavicka .search .button {float: left; width: 55px; height: 46px; margin: 0; padding: 0; border: 0; background: url('../images/lupa.png') 0 0 no-repeat; cursor: pointer;}


#hlavicka .mod-languages {float: left; padding: 0; margin: 0; height: 46px;}
#hlavicka .mod-languages ul {float: left; padding: 0; margin: 0; list-style: none;}
#hlavicka .mod-languages ul li {float: left; padding: 0; margin: 0;}
#hlavicka .mod-languages a {float: left; padding: 0 11px 0 11px; margin: 0; height: 46px; line-height: 46px; background: #f6f6f6;
font-size: 15px; font-family: Open Sans, arial; font-weight: 800; color: #1c6749; text-transform: uppercase; text-decoration: none;}


@media screen and (min-width: 991px) {
#hlavni-menu {float: right; width: 800px; height: 64px; padding: 0; margin: 7px 0 0 0; position: relative; z-index: 10;}
#hlavni-menu .menu {float: right; padding: 0; margin: 0; list-style: none;}
#hlavni-menu .menu > li {float: left; padding: 0 15px 0 5px; margin: 0; background: url('../images/menu-oddelovac.png') right 13px no-repeat; position: relative;}
#hlavni-menu .menu > li > a.bez_odkazu {cursor: text;}
#hlavni-menu .menu > li:last-child {padding-right: 5px; background: none;}
#hlavni-menu .menu > li > a {float: left; padding: 0 12px 6px 12px; margin: 0; height: 64px; line-height: 64px;
font-size: 16px; font-family: Open Sans, arial; font-weight: 800; color: #2c2c2c; text-transform: uppercase; text-decoration: none;}
#hlavni-menu .menu:hover > li:hover > a {color: #20a159 !important; background: url('../images/menu-active.png') 0 bottom no-repeat !important;}
#hlavni-menu .menu:hover > li.active > a {background: none; color: #2c2c2c;}
#hlavni-menu .menu > li.active > a {color: #20a159; background: url('../images/menu-active.png') 0 bottom no-repeat;}

/* vysouvací menu */
#hlavni-menu .menu > li > ul {float: left; width: 200px; margin: 70px 0 0 0; padding: 20px 16px 20px 16px; list-style: none; position: absolute; right: 0; z-index: 2000;
visibility: hidden; background: #1b6648; border-left: 2px solid #144a34; border-bottom: 3px solid #144a34;}
#hlavni-menu .menu > li:hover > ul {visibility: visible;}
/* 1. stupeň vysunutí */
#hlavni-menu .menu > li > ul > li {display: block; padding: 0; margin: 0; clear: both;}
#hlavni-menu .menu > li > ul > li > a {display: block; line-height: 20px; padding: 7px 28px 7px 28px; margin: 0; background: url('../images/li.png') 6px 10px no-repeat;
font-size: 14px; font-family: Open Sans, arial; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 #000000;
border-bottom: 1px solid #144a34;}
#hlavni-menu .menu > li > ul > li:hover > a {text-decoration: underline;}
#hlavni-menu .menu > li > ul > li.active > a {text-decoration: underline;}
}


.ID-obrazky {float: left; width: 100%; padding: 0; margin: 0; background: #f6f6f6 url('../images/pozadi.jpg') center bottom repeat-x;}
#obrazky {float: left; width: 1010px; height: 400px; padding: 65px 0 50px 0; margin: 0; background: #f6f6f6 url('../images/pozadi.jpg') center bottom repeat-x;}
#obrazky .box {float: left; width: 320px; height: 400px; padding: 0; margin: 0 15px 0 0; position: relative;
-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
#obrazky .box:hover {margin-top: -10px;}
#obrazky .box .obrazek {float: left; width: 100%; padding: 0; margin: 0}
#obrazky .box .text {float: left; width: 320px; padding: 19px 0 19px 0; margin: 0; position: absolute; left: 0; bottom: 0; text-shadow: 0 1px 0 #021810;
font-size: 26px; line-height: 34px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-decoration: none;
background: url('../images/slider.png') 0 0 repeat; text-align: center;}


.ID-navigace {float: left; width: 100%; padding: 0; margin: 0; background: #f6f6f6 url('../images/pozadi.jpg') center bottom repeat-x;}
#navigace {float: left; width: 990px; padding: 50px 0 43px 0; margin: 0; background: #f6f6f6 url('../images/pozadi.jpg') center bottom repeat-x;}
#navigace .breadcrumbs {float: left; width: 990px; padding: 0; margin: 0;
font-size: 13px; font-family: arial; font-weight: normal; color: #000000; line-height: 20px;}
#navigace .breadcrumbs a {color: #000000;}
#navigace .breadcrumbs .nadpis {display: block; padding: 0; margin: 0; line-height: 79px;
font-size: 69px; font-family: Open Sans, arial; font-weight: 800; color: #000000; text-transform: uppercase; text-shadow: 0 1px 0 #fff;}


/************************************************************************************
 * OBSAH
 ************************************************************************************/
.ID-obsah {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
#obsah {float: left; width: 990px; padding: 0; margin: 0; background: #ffffff;}


.ID-pravy {float: right; width: 250px; padding: 0; margin: 10px 0 0 0;}
.ID-pravy .modul {float: left; width: 250px; padding: 0; margin: 21px 0 21px 20px; font-size: 13px; line-height: 19px;}
.ID-pravy .modul h2.nadpis {float: left; width: 208px; line-height: 28px; padding: 20px 21px 19px 21px; margin: 0; background: #228760;
font-size: 22px; font-family: Open Sans, arial; font-weight: 800; color: #fff; text-shadow: 0px 1px 0px #092218; text-transform: uppercase;}
.ID-pravy .modul .text {float: left; width: 208px; padding: 13px 21px 13px 21px; margin: 0; background: #1b6648;}

.ID-pravy .modul-bez-pozadi h2.nadpis {background: none; color: #1c6749; padding-top: 0; padding-left: 0; padding-right: 0; text-shadow: none;}
.ID-pravy .modul-bez-pozadi .text {background: none; width: 250px; color: #000; padding: 0 0 0 0;}


.ID-pravy .modul .menu {display: block; width: 234px; padding: 0; margin: 0 0 0 -13px; list-style: none;}
.ID-pravy .modul .menu li {display: block; padding: 0; margin: 0;}
.ID-pravy .modul .menu li a {display: block; line-height: 23px; padding: 10px 15px 10px 15px; margin: 0; text-decoration: none; border-bottom: 1px solid #228760;
font-size: 18px; font-family: Open Sans, arial; font-weight: 800; color: #fff; text-shadow: 0px 1px 0px #092218; text-transform: uppercase;}
.ID-pravy .modul .menu li a:hover, .ID-pravy .modul .menu li.active a {background-color: #2cb07d;}
.ID-pravy .modul .menu li:last-child a {border-bottom: 0;}


.ID-pravy .novinky {float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.ID-pravy .novinky li {float: left; width: 100%; padding: 0; margin: 0 0 6px 0;}
.ID-pravy .novinky li .datum {float: left; width: 83px; height: 102px; padding: 6px 0 0 0; margin: 0; background: #ffffff; text-align: center;
font-size: 15px; font-family: Open Sans, arial; font-weight: 800; color: #000000; border: 1px solid #cccccc; border-bottom: 2px solid #cccccc;}
.ID-pravy .novinky li .den, .ID-pravy .novinky li .mesic {float: left; width: 73px; height: 28px; line-height: 28px; padding: 0; margin: 0 0 0 5px;
font-size: 13px; background: #1a6749; color: #ffffff; text-shadow: 0px 1px 0px #071a12;}
.ID-pravy .novinky li .den {height: 43px; line-height: 53px; font-size: 36px; font-weight: normal;}
.ID-pravy .novinky li .rok {float: left; width: 83px; height: 31px; line-height: 31px;}
.ID-pravy .novinky li .pravy {float: right; width: 155px; padding: 0; margin: 0; font-size: 13px; line-height: 19px; color: #000000;}
.ID-pravy .novinky li .pravy a {color: #1a6749;}
.ID-pravy .novinky li .pravy .nazev {display: block; font-size: 15px; line-height: 21px; padding: 9px 0 4px 0; font-weight: bold;}


.ID-levy {float: left; width: 700px; padding: 20px 0 20px 0; margin: 0;}


/* Článek */
.clanek {float: left; width: 700px; padding: 0; margin: 0;}
.clanek h1 {display: block; line-height: 34px; padding: 25px 0 25px 0; margin: 0; font-size: 28px; font-family: Open Sans, arial; font-weight: 800; color: #1c6749; text-transform: uppercase;}
.clanek h1 strong {font-weight: 300; color: #000000;}
.clanek h2, .clanek h3 {display: block; line-height: 31px; padding: 15px 0 15px 0; margin: 0; text-transform: uppercase;
font-size: 25px; font-family: Open Sans, arial; font-weight: 800; color: #1c6749;}
.clanek h3 {line-height: 26px; font-size: 20px;}

.clanek ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
.clanek ul li {padding: 5px 0 5px 35px; margin: 0; background: url('../images/li-2.png') 18px 12px no-repeat;}
.clanek ol {padding: 0; margin: 0 0 10px 0; list-style: decimal;}
.clanek ol li {padding: 5px 0 5px 0; margin: 0 0 0 35px;}

.clanek hr {padding: 0; margin: 20px 0 20px 0; border-top: 1px inset #999999; border-bottom: 1px inset #ffffff; clear: both;}
.clanek img {border-color: #000000;}

/* tabulka */
.clanek table {width: 100%; padding: 0; margin: 0 0 15px 0; border-collapse: collapse;}
.clanek table th {padding: 10px; color: #ffffff; background: #000000; font-weight: bold; font-size: 15px; text-align: left;}
.clanek table th a {color: #ffffff;}
.clanek table td {padding: 5px 10px 5px 10px;}

.clanek table p {padding: 0; margin: 0;}
.clanek table ul {margin-bottom: 0;}
.clanek table ul li {padding-left: 25px; background: url('../images/li-2.png') 8px 12px no-repeat;}


.ID-pravy .button
{float: left !important; line-height: 24px; padding: 10px 28px 10px 28px; margin: 5px 5px 5px 0; border: 0;
color: #ffffff; font-size: 15px; font-weight: 800; font-family: Open Sans, arial; text-decoration: none;
border-bottom: 3px solid #144a34; background: #1b6648; cursor: pointer; text-shadow: 0 2px 0 #144a34;}
.ID-pravy .bfElemWrap {padding: 5px 0 !important; margin: 0;}


.fotogalerie {float: left; width: 104%; padding: 0; margin: 0;}
.fotogalerie .obrazek {float: left; width: 160px; padding: 0; margin: 0 15px 13px 0;}
.fotogalerie .obrazek .foto {float: left; width: 150px; height: 112px; padding: 0; margin: 0; border: 5px solid #b7b7b7;}
.fotogalerie .obrazek .foto img {float: left; padding: 0; margin: 0;}
.fotogalerie .obrazek .nazev {float: left; width: 160px; padding: 5px 0 5px 0; margin: 0; text-align: center; font-size: 13px; line-height: 18px;}
.fotogalerie .obrazek p {float: left; padding: 0; margin: 0;}


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
.ID-efekt {float: left; width: 100%; height: 48px; padding: 0; margin: 0; background: #ffffff url('../images/paticka.png') center 0 repeat-x;}
#efekt {float: left; width: 990px; height: 48px; padding: 0; margin: 0; background: #ffffff url('../images/paticka.png') center 0 repeat-x;}


.ID-boxy {float: left; width: 100%; padding: 0; margin: 0; background: #353535; border-bottom: 1px solid #3a3a3a;}
#boxy {float: left; width: 895px; padding: 26px 0 26px 95px; margin: 0 0 -1px 0; background: #353535 url('../images/boxy.png') 3px 26px no-repeat; border-bottom: 1px solid #3a3a3a;
font-size: 15px; line-height: 22px; color: #ffffff;}
#boxy a {color: #ffffff;}
#boxy ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
#boxy ul li {padding: 2px 0 2px 28px; margin: 0; background: url('../images/li.png') 5px 5px no-repeat;}
#boxy .modul {float: left; width: 150px; padding: 0; margin: 0 0 10px 20px;}
#boxy .modul-levy {width: 220px;}
#boxy .modul-pravy {float: right; width: 220px; text-align: right;}
#boxy .modul-pravy h3.nadpis {text-align: right;}
#boxy .modul h3.nadpis {display: block; line-height: 25px; padding: 10px 0 25px 0; margin: 0;
font-size: 20px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff;}


#paticka {float: left; width: 990px; padding: 18px 0 28px 0; margin: 0; font-size: 13px; font-family: arial; color: #ffffff; line-height: 19px;}
#paticka a {color: #ffffff;}
#paticka p {padding: 0; margin: 0;}


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/
p {padding: 0; margin: 0 0 10px 0;}
a {color: #1a6749; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
iframe {border: 0; padding: 0; margin: 0;}
.clr, .clear {clear: both;}
input, textarea, button, select {outline: none;}
input.invalid, select.invalid, textarea.invalid {border-color: #ff0000 !important; background: #ffeded !important; color: #000000 !important;}
::selection {color: #ffffff; background: #000000;}
::-moz-selection {color: #ffffff; background: #000000;}


/* Systémové zprávy */
#system-message {float: left; width: 100%; padding: 0; margin: 0;}
#system-message dt {display: none;}
#system-message dd {float: left; width: 100%; padding: 0; margin: 0;}

#system-message dd ul {list-style: none; padding: 15px 30px 15px 30px; margin: 10px 0 10px 0; background: #a80000;}
#system-message dd ul li {font-size: 15px; line-height: 20px; padding: 0; margin: 0; font-weight: bold; color: #ffffff;}
#system-message dd ul li a {color: #ffffff;}
#system-message dd.error ul {}
#system-message dd.message ul {}
#system-message dd.notice ul {}


/* Systémové tipy */
.tip-wrap {position: relative; z-index: 9999;}
.tip-wrap .tip {float: left; padding: 10px 20px 10px 20px; margin: 0; border: 1px solid #444444; background: #665742;
font-size: 15px; font-family: arial; font-weight: normal; color: #ffffff; line-height: 20px; max-width: 200px; border-radius: 8px;}
.tip-wrap .tip .tip-title {font-weight: bold;}
.tip-wrap .tip .tip-text {font-size: 14px; margin-top: 5px;}
.tip-wrap .tip-top {display: none;}
.tip-wrap .tip-bottom {display: none;}


input:focus, select:focus, textarea:focus {}


/* Navigační lišta */
.pagination {display: block; text-align: center; padding: 10px 0 0 ; margin: 0; clear: both;}
.pagination ul {display: block; padding: 0px; margin: 0px; list-style: none;}
.pagination ul li {display: inline-block; padding: 0; margin: 0 3px 0 3px;}
.pagination ul li .pagenav {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px 0 10px; margin: 0px;
font-size: 13px; text-decoration: none; font-weight: bold; background: #f9cf00; color: #fff;}

.pagination ul li.pagination-start .pagenav,
.pagination ul li.pagination-prev .pagenav,
.pagination ul li.pagination-next .pagenav,
.pagination ul li.pagination-end .pagenav,
.pagination ul li a.pagenav
{background: #000000;}


/* kontaktní formulář */
.kontaktni-formular, .kontaktni-formular .pole {float: left; width: 100%; padding: 0; margin: 0;}
.kontaktni-formular .pole label {float: left; width: 94px; height: 43px; line-height: 43px; padding: 0; margin: 0;}
.kontaktni-formular .pole input, .kontaktni-formular textarea {float: left; width: 262px; height: 21px; line-height: 21px; padding: 10px 14px 10px 14px; margin: 0 0 9px 0;
border: 1px solid #c6c6c6; background: #eeeff1; font-family: arial; font-size: 15px;}
.kontaktni-formular textarea {width: 380px; height: 116px; padding: 14px;}
.kontaktni-formular .button
{float: left; height: 60px; line-height: 60px; padding: 0 38px 0 38px; margin: 0 0 0 94px; border: 0; background: #0c6bb8; cursor: pointer; border-bottom: 2px solid #084576;
color: #ffffff; font-size: 18px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none; text-shadow: 0px 1px 0px #000;   border-radius: 6px;}
.kontaktni-formular .kopie {float: left; height: 60px; line-height: 60px; padding: 0; margin: 0;}
.kontaktni-formular .kopie #jform_contact_email_copy {float: left; margin: 24px 10px 0 20px;}


/************************************************************************************
 * RESPONSIVE
 ************************************************************************************/

@media screen and (max-width: 990px) {

.stred {width: auto; padding: 0 10px 0 10px;}


#hlavicka {width: 100%; height: auto; padding: 15px 0 12px 0;}
#hlavicka .logo {width: 100px; height: auto; margin: 0;}
#hlavicka .hlavicka {height: auto; margin: 0;}


#hlavni-menu {float: right; padding: 0; margin: 0; clear: both;}
#hlavni-menu .toggleMenu {float: right; background: #1a6749; padding: 8px 15px 8px 15px; margin: -29px 0 0 0; text-shadow: 0 1px 0 #021810; background: #1b6648;
font-size: 18px; line-height: 25px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-decoration: none;}

#hlavni-menu ul, #hlavni-menu li, #hlavni-menu a{margin:0;padding:0}
#hlavni-menu a{text-decoration: none;}
#hlavni-menu > ul {margin: 12px 0 0 0;}
#hlavni-menu .nav{list-style:none;background:#000}
#hlavni-menu .nav ul{list-style:none;width:100%;}
#hlavni-menu .nav a{padding: 10px 25px 10px 15px;
font-size: 15px; line-height: 22px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-decoration: none;}
#hlavni-menu .nav li{position:relative}
#hlavni-menu .nav > li{float:left;border-top:1px solid #fff}
#hlavni-menu .nav > li > .parent{background-image:url('../images/downArrow.png');background-repeat:no-repeat;background-position:right}
#hlavni-menu .nav > li > a{display:block}
#hlavni-menu .nav li ul{position:absolute;left:-9999px}
#hlavni-menu .nav > li.hover > ul{left:0}
#hlavni-menu .nav li li.hover ul{left:100%;top:0}
#hlavni-menu .nav li li a{display:block;background:#228760;position:relative;z-index:100;border-top:1px solid #2cb07d}
#hlavni-menu .nav li li li a{background:#249578;z-index:200;border-top:1px solid #1d7a62}
.active{display:block}
#hlavni-menu .nav > li{float:none}
#hlavni-menu .nav > li > .parent{background-position:95% 50%}
#hlavni-menu .nav li li .parent{background-image:url('../images/downArrow.png');background-repeat:no-repeat;background-position:95% 50%}
#hlavni-menu .nav ul{display:block;width:100%}
#hlavni-menu .nav > li.hover > ul,#hlavni-menu .nav li li.hover ul{position:static}


#obrazky {width: 100%; height: auto; padding: 15px 0 10px 0;}
#obrazky .box {width: 30%; height: auto; padding: 0; margin: 0 1.5% 5px 1.5%; position: relative;}
#obrazky .box .text {width: 90%; padding: 7% 5% 7% 5%; font-size: 17px; line-height: 24px;}


#navigace {width: 100%; padding: 15px 0 15px 0;}
#navigace .breadcrumbs {width: 100%;}
#navigace .breadcrumbs .nadpis {line-height: 40px; font-size: 30px;}


#obsah {width: 100%; padding: 15px 0 15px 0;}
.ID-levy {width: 70.7%; padding: 0; margin: 0;}
.ID-pravy {width: 25.7%; padding: 0; margin: 0;}


.ID-pravy .modul {width: 100%; margin: 10px 0 10px 0;}

.ID-pravy .modul h2.nadpis {width: 80%; padding: 10%;}
.ID-pravy .modul .text {width: 80%; padding: 5% 10%;}

.ID-pravy .modul-bez-pozadi h2.nadpis {width: 100%; padding: 0;}
.ID-pravy .modul-bez-pozadi .text {width: 100%; padding: 5% 0;}

.ID-pravy .modul .menu {width: 110%; margin: 0 0 0 -5%;}

.ID-pravy .novinky li .pravy {float: right; width: 50%;}

.clanek {width: 100%;}


#efekt {width: 100%;}


#boxy {float: left; width: 100%; padding: 5px 0 5px 0; background: #353535;}


#paticka {width: 100%;}


img {max-width: 100% !important; height: auto !important;}

}


@media screen and (max-width: 850px) {

.ID-levy {width: 100%;}
.ID-pravy {width: 100%;}

.ID-pravy .modul h2.nadpis {width: 92%; padding: 4%;}
.ID-pravy .modul .text {width: 92%; padding: 2% 4%;}

.ID-pravy .modul-bez-pozadi h2.nadpis {width: 100%; padding: 0;}

.ID-pravy .modul .menu {width: 104%; margin: 0 0 0 -2%;}

.ID-pravy .novinky li .pravy {float: right; width: 50%;}



}


@media screen and (max-width: 700px) {


#boxy .modul {width: 100%; margin: 5px 0 5px 0;}
#boxy .modul-levy {padding-bottom: 140px; background: url('../images/mapa.png') 0 bottom no-repeat;}
#boxy .modul-pravy {text-align: left;}
#boxy .modul-pravy h3.nadpis {text-align: left;}



}


@media screen and (max-width: 575px) {

#obrazky .box .text {font-size: 13px; line-height: 19px;}

}


@media screen and (max-width: 400px) {

#hlavicka .logo {width: 75px;}

#hlavicka .search .inputbox {width: 108px; height: 22px; line-height: 22px; font-size: 13px;}
#hlavicka .search .button {width: 49px; height: 42px; background: url('../images/lupa2.png') 0 0 no-repeat;}

#hlavicka .mod-languages {height: 42px;}
#hlavicka .mod-languages a {padding: 0 10px 0 10px; height: 42px; line-height: 42px; font-size: 14px;}


.ID-obrazky, #obrazky {background: #f6f6f6;}
#obrazky .box {width: 100%; padding: 0; margin: 0; position: relative;}
#obrazky .box:hover {margin-top: 0;}
#obrazky .box .obrazek {display: none;}
#obrazky .box .text {width: 86%; padding: 3% 7% 3% 7%; margin: 0 0 5px 0; position: relative; font-size: 17px; line-height: 25px; background: #1a6749;}


.ID-navigace, #navigace {color: #000000 !important; background: #f6f6f6 !important;}
#navigace .breadcrumbs .nadpis {color: #000000 !important; text-shadow: 0 1px 0 #fff !important;}

}


@media screen and (max-width: 320px) {

.stred {width: 300px; padding: 0 10px 0 10px;}
#hlavicka .logo {width: 65px;}

}