/* =====================================================================================================================================
= GENERAL */

/* -----------------------------------------------------------------------------
CSS RESET */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }

body                { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul              { list-style: none; }
blockquote          { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del                 { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table               { border-collapse: collapse; border-spacing: 0; }
a img               { border: none; }

section, article, header, footer, nav, aside, hgroup, form, fieldset {
  display: block;
  margin: 0;
  padding: 0;
}

.none, .nodisp, .nodsp { display: none; }

.fleft, .pul-doleva {
  float: left;
  width: 48%;
}

.fright, .pul-doprava {
  float: right;
  width: 48%;
}

.cleaner, .clear, .cl {
  clear: both;
  font-size: 0px;
  height: 1px;
}

/* -----------------------------------------------------------------------------
= GLOBAL */


body {
  margin: 0 auto;
  padding: 0;
  font: 87.5%/1.571em 'Open Sans', "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", Helvetica, sans-serif;
  color: black;
}

input, textarea, select, option, table input, table textarea, table select, table option {
  font-size: 100%;
  font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", Helvetica, sans-serif;
}

/* -----------------------------------------------------------------------------
= LINKS */

a {
  color: #700000;
  text-decoration: underline;

}

a:hover {
  color: #700000;
  text-decoration: none;
}

a img {
  vertical-align: bottom;
}

/* -----------------------------------------------------------------------------
= HEADINGS */

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #700000;
}

h1 {
  font-size: 214.25%;
}

h2 {
  font-size: 214.25%;
  margin: 0.25em 0 0.5em;
  padding: 0 0 20px 0;
  border-bottom: #e0ded6;
  font-family: 'Crete Round', serif;
  font-weight: 400;
  line-height: 1.357em;
}

h3 {
  font-size: 171.4%;
  line-height: 1.214em;
  font-family: 'Crete Round', serif;
  font-weight: 300;
}

h4 {
  font-size: 157.1%;
}

h5 {
  font-size: 128.6%;
}

h6 {
  font-size: 100%;
}

/* -----------------------------------------------------------------------------
= TEXT ELEMENTS */

p {
  margin: 0 0 1.25em 0;
}

ul {
  margin: 0 0 1.25em 10px;
}

ol {
  margin: 0 0 1.25em 20px;
}

ul {
  list-style: none;
}

ul li {
  margin-left: 0;
  padding-left: 17px;
  height: 1%;
  background: url(../img/li-dot.png) 0 9px no-repeat;
}

* html ul li {
    height: 1%;
}

*+html ul li {
  height: 1%;
}

ol {
  list-style-type: decimal;
}

ol ol                  {
  list-style: upper-alpha;
}
ol ol ol               {
  list-style: lower-roman;
}
ol ol ol ol            {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.25em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.25em;
}

strong {
  font-weight: bold;
}

cite, em, i {
  font-style: italic;
}

blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em; }

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

blockquote cite {
  color: #000;
  font-size: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

pre {
  background: #f4f4f4;
  font-size: 81.3%;
  font-family:  Monaco, Consolas, Courier, monospace;
  line-height: 1.5;
  margin-bottom: 1.25em;
  overflow: auto;
  padding: 0.75em 1.25em;
}

code, kbd {
  font: 81.3%;
  font-family: Monaco, Consolas, Courier, monospace;
}

abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}

address {
  display: block;
  margin: 0 0 1.25em;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}
sup, sub {
  font-size: 62.5%;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

hr {
  margin: 11px 0 5px 0;
  height: 1px;
  border: 0;
  border-bottom: 1px solid #dedede;
}

/* =====================================================================================================================================
= LAYOUT */

/* -----------------------------------------------------------------------------
= STRUCTURE */

#page { /* hlavni element webu */
  width: 975px;
  position: relative;
  margin: 0 auto;
  border: 0;
  text-align: left;
}

/* .logged #page {
  margin: 50px auto 0;
} */

#wrap { /* obalujici element pro praci s pozadim */
  margin: 0;
  padding: 0;
}

#main {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

#main .innerwrap {
  float: none;
  margin: 17px 0 0 0;
  padding: 0;
/*  background: white;   */
}

* html #main .innerwrap {
    height: 1%;
}

*+html #main .innerwrap {
  height: 1%;
}

header {
  margin: 0;
  padding: 0;
  height: 276px;
}

.left { /* not used */
  float: left;
  width: 190px;
  margin: 0;
  padding: 0;
}

.right { /* kontejner pro pravy blok - matrjoska - nenastavovat padding */
  float: right;
  width: 315px;
  margin: 0;
  padding: 0;
}

.middle { /* kontejner pro stredovy blok - matrjoska - nenastavovat padding */
  margin: 0;
  width: 650px;
  float: left;
  clear: none;
}

footer {
  width: 100%;
  position: relative;
  clear: both;
}

.conin { /* vnitrni kontejner pro vsechny bloky - matrjoska - tady nastavit padding */
  margin: 0;
  padding: 25px;
}

#content {
  position: relative;
}

/* -----------------------------------------------------------------------------
= HP - HOMEPAGE */

.hp #main .innerwrap {
/*  background: transparent url(../img/innerwrapbg.png) repeat-y; */
}

.hp #content .node_perex {
  padding-bottom: 0;
}

.hp #content .node_content {
  display: none;
}

.slider {
  height: 320px;
}

.dopo {
  padding: 0 0 0 15px;
}

.dopo h2, .dopo h2 a {
  display: block;
  height: 73px;
  margin: 0;
  padding: 0;
  color: white;
  background: #700000;
}

.dopo h2 {
}

.dopo h2 a {
  text-decoration: none;
  background: url(../img/arrow-big.png) 259px 23px no-repeat;
}

.dopo h2 a:hover {
  text-decoration: none;
}

.dopo h2 a span {
  display: block;
  padding: 13px 0 0 28px;
}


/* GEMIN KAVZ */

.hp .gemin,
footer .gemin {
  padding: 12px 0;
  position: static;
  height: auto;
  width: auto;
}
.kavz {
  padding: 12px 0 12px 25px;
  position: static;
  float: left;
  margin-right: 65px;
}

.hp .gemin a {
  display: block;
  width: 199px;
  height: 53px;
  text-decoration: none;
  overflow: hidden;
}
.kavz a {
  display: block;
  width: 204px;
  height: 53px;
  text-decoration: none;
  overflow: hidden;
  float: left;
  margin-right: 1.5em;
}
.kavz p {
  margin: 10px 0 0 0;
  font-size: 114.3%;
  line-height: 1.6;
}

.hp .gemin a,
footer .gemin a {
  background: url(../img/gemin_logo.png) no-repeat left top;
  text-indent: -9999px;
}
.kavz a {
  background: url(../img/kavz_logo.png) no-repeat left top;
  text-indent: -9999px;
}

.hp .gemin a:hover {
  text-decoration: none;
}

/* BUBBLES MENU */

#sys_blck_bub {
  width: 100%;
  height: 320px;
  position: relative;
}

#sys_blck_bub a {
  display: block;
  position: absolute; top: 10px; left: 10px;
  margin: 0;
  padding: 0;
  color: black;
  background: transparent;
  font-family: 'Crete Round', serif;
  font-weight: 400;
  font-size: 128.6%;
  text-decoration: none;
}

#sys_blck_bub a:hover {
  color: #700000;
  text-decoration: none;
}

#sys_blck_bub a strong {
  display: block;
  font-weight: normal;
  background: transparent url(../img/bub.png);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

* html #sys_blck_bub a strong {
  height: 1%;
}

*+html #sys_blck_bub a strong {
  height: 1%;
}

#sys_blck_bub a:hover strong {
  background: white;
}

#sys_blck_bub a span {
  display: block;
  padding: 15px 20px;
}

#sys_blck_bub a em {
  display: block;
  width: 100%;
  height: 24px;
  font-size: 1px;
  line-height: 0;
  background: url(../img/bub-arrow-left.png) 73px 0 no-repeat;
}

#sys_blck_bub a:hover em {
  background-position: 73px -24px;
}

#sys_blck_bub a.m1 { width: 274px; top: 226px; left: 305px; }
#sys_blck_bub a.m2 { width: 200px; top: 141px; left: 192px; }
#sys_blck_bub a.m3 { width: 180px; top:  91px; left: -10px; }
#sys_blck_bub a.m4 { width: 206px; top:  24px; left: 374px; }
#sys_blck_bub a.m5 { width: 190px; top:  86px; left: 795px; }
#sys_blck_bub a.m6 { width: 175px; top: 124px; left: 576px; }

#sys_blck_bub a.m1 em { background-image: url(../img/bub-arrow-right.png); background-position: 62px 0; }
#sys_blck_bub a.m2 em { background-position: 22px 0; }
#sys_blck_bub a.m3 em { background-image: url(../img/bub-arrow-right.png); background-position: 39px 0; }
#sys_blck_bub a.m4 em { background-image: url(../img/bub-arrow-right.png); background-position: 105px 0; }

#sys_blck_bub a.m1:hover em { background-position: 62px -24px; }
#sys_blck_bub a.m2:hover em { background-position: 22px -24px; }
#sys_blck_bub a.m3:hover em { background-position: 39px -24px }
#sys_blck_bub a.m4:hover em { background-position: 105px -24px; }


#content h2 {
  border-bottom: 3px solid #e0ded6;
  margin-bottom: 24px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 13px;
}

#content {
  padding-top: 13px;
}

/* -----------------------------------------------------------------------------
= SKIP NAVIGATION */

a.hdn_nav {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 0;
  padding: 0.5em;
  color: #000;
  background: #fff;
}

a.hdn_nav:active, a.hdn_nav:focus {
  z-index: 2000;
  left: 0;
}

/* -----------------------------------------------------------------------------
= HEADER */

header {
  position: relative;
}

header .conin {
  margin: 0;
  padding: 0;
}

header h1, header h1 a, header h1 span {
  display: block;
  width: 325px;
  height: 92px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: normal;
  background: transparent;
  overflow: hidden;
}

header h1 {
  position: absolute; top: 152px; z-index: 99;
  background: url(../img/logo.png) 0 0 no-repeat;
}

header a {
  cursor: pointer;
}

header h1 span {
  text-indent: -9999px;
}

.slogan {
  margin: 0;
  padding: 0;
  width: 595px;
  height: 92px;
  position: absolute; top: 152px; left: 342px; z-index: 99;
  overflow: hidden;
  background: url(../img/slogan.png) no-repeat;
  text-indent: -9999px;
}

/* MENU */

#sys_blck_menu {
  width: 100%;
  height: 86px;
  position: absolute; top: 17px; z-index: 99;
}

#sys_blck_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sys_blck_menu ul li {
  margin: 0;
  padding: 0;
  float: left;
  background: url(../img/modd.png) top right no-repeat;
  font-family: 'Crete Round', serif;
  font-weight: 400;
  font-size: 114.3%;
}

#sys_blck_menu ul li.last {
  background-image: none;
}

#sys_blck_menu a {
  display: block;
  height: 86px;
  text-decoration: none;
}

#sys_blck_menu a:hover {
  color: black;
  text-decoration: underline;
}

#sys_blck_menu a span {
  display: block;
  padding: 10px 11px 0 12px;
}

* html #sys_blck_menu a span {
  height: 1%;
}

*+html #sys_blck_menu a span {
  height: 1%;
}

#sys_blck_menu .active a, #sys_blck_menu .active a:hover {
  text-decoration: none;
  background: url(../img/mactive.png) bottom center no-repeat;
}

#sys_blck_menu li.m1 { width: 140px; }
#sys_blck_menu li.m2 { width: 125px; }
#sys_blck_menu li.m3 { width: 175px; }
#sys_blck_menu li.m4 { width: 110px; }
#sys_blck_menu li.m5 { width: 165px; }
#sys_blck_menu li.m6 { width: 145px; }
#sys_blck_menu li.m7 { width: 115px; }

/* CAREER */

#sys_blck_career {
  width: 143px;
  height: 73px;
  position: absolute; top: 96px; right: 0; z-index: 100;
  background: url(../img/career.png) no-repeat;
}

#sys_blck_career p {
  margin: 0;
  padding: 0;
}

#sys_blck_career a {
  display: block;
  width: 143px;
  height: 73px;
  text-decoration: none;
  color: white;
  font-family: 'Crete Round',serif;
  font-size: 114.3%;
  font-weight: 400;
  text-align: center;
  line-height: 54px;
}

#sys_blck_career a:hover {
  color: white;
  text-decoration: none;
}

/* -----------------------------------------------------------------------------
= LEFT - NOT USED */


/* -----------------------------------------------------------------------------
= MIDDLE */

/* DASHBOARD */

.dashboard_block_list {
  margin: 1em 0;
}

.dashboard_block_position {
  width: 49%;
  padding-bottom: 1.5em;
}

.dashboard_block_list .fl {
  margin-right: 1%;
}

.dashboard_block_list .sort {
  margin-bottom: 1.5em;
}

.dashboard_block_list .drop {
  border: 2px dashed #ddd;
}
.dashboard_block_list .dashboard_block_position .drop {
  border: 0;
}

.dashboard_block_list .dashboard_block_header_box {
  background: #1E1E1E;
  padding: 0.25em 1.25em;
  cursor: move;
}

.dashboard_block_list .dashboard_block_header_box h3 {
  float: left;
  color: #fff;
  margin: 0;
}

.dashboard_block_list .dashboard_block_header_box .dashboard_block_buttons {
  float: right;
  width: 60px;
  text-align: right;
}

.dashboard_block_list .dashboard_block_content {
  padding: 1.25em;
}

/* ARTICLE */

.node_perex {
  font-size: 114.3%;
  padding-bottom: 25px;
  line-height: 162.6%;
}

/* -----------------------------------------------------------------------------
= RIGHT */

.right .conin {
  padding: 0 25px 25px 15px;
}

/* GEMIN */

.gemin, .gemin a {
  display: block;
  width: 290px;
  height: 92px;
  text-decoration: none;
  overflow: hidden;
}

.gemin {
  position: relative; top: -16px;
}

.gemin a {
  background: url(../img/logo-gemin-green.png);
  text-indent: -9999px;
}

.gemin a:hover {
  text-decoration: none;
}

/* OBRATTE SE NA NAS */

#sys_blck_obrat {

}

#sys_blck_obrat .form_item {
  position: relative;
  padding-bottom: 16px;
}

#sys_blck_obrat .lab {
  position: absolute; top: 10px; left: 11px;
  width: 253px;
  height: 24px;
  z-index: 99;
  background: #fff;
}
#sys_blck_obrat .lab label {
  display: block;
}

#sys_blck_obrat input, #sys_blck_obrat textarea {
}

#sys_blck_obrat input, #sys_blck_obrat textarea {
  width: 253px;
  border: 1px solid #d4d4d4;
  padding: 10px;
  position: relative;
}

#sys_blck_obrat textarea {
  width: 253px;
  height: 230px;
}

#sys_blck_obrat .sys_btn_yes {
  width: auto;
  border: 0;
  color: white;
  background-color: #700000;
}

#sys_blck_obrat .sys_btn_yes:hover {
  color: white;
  background-color: black;
  cursor: pointer;
}

/* -----------------------------------------------------------------------------
= FOOTER */

footer {
  clear: both;
  background: #fff url(../img/line-dot.png) repeat-x;
  margin-bottom: 8px;
  padding: 23px 0 0 0;
  font-size: 13px;
}

* html footer {
  height: 1%;
}

*+html footer {
  height: 1%;
}

.hp footer {
  background: none;
  margin-top: 25px;
}

.fcopy {
  display: block;
  width: 520px;
  float: left;
  padding-left: 25px;
}

.fcopy a.fb {
    background: url('../img/ico-fb.png') no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.fcopy a.fb span {
    position: absolute;
    left: -9999px;
}

.fcopy a.gplus {
    background: url('../img/ico_gplus.png') no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.fcopy a.gplus span{
    position: absolute;
    left: -9999px;
}

.flink {
  display: block;
  width: 380px;
  float: right;
  color: #700000;
  text-align: right;
  padding-right: 25px;
}

.flink strong { 
  display: inline-block;
  font-weight: normal;
  background: url(../img/dot-arrow.png) 100% 3px no-repeat;
}

.flink strong a {
  display: inline-block;
  padding-right: 30px;
}

.flink em {
  font-style: normal;
}

#map_etenderscz {
    width: 310px;
    height: 240px;
}

/* =====================================================================================================================================
= MOBILE */

/* Tablet Layout: 720px.
   Gutters: 24px.
   Outer margins: 28px.
   Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 960px) {
  body {
    background: white url(../img/bodybg.jpg) 50% 103px no-repeat;
  }
}


/* Tablet Layout: 720px.
   Gutters: 24px.
   Outer margins: 28px.
   Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 720px) and (max-width: 959px) {
  body {
    width: 720px;
    background: white url(../img/bodybg.jpg) 50% 103px no-repeat;
  }

#page {
  width: 100%;
}

.hp #main .innerwrap {
  background: none transparent;
}

#sys_blck_menu ul li {
  font-size: 100%;
}

#sys_blck_menu a span {
  padding: 10px 5px 0 4px;
}

#sys_blck_menu li.m1 { width: 103px; }
#sys_blck_menu li.m2 { width:  88px; }
#sys_blck_menu li.m3 { width: 138px; }
#sys_blck_menu li.m4 { width:  78px; }
#sys_blck_menu li.m5 { width: 123px; }
#sys_blck_menu li.m6 { width: 111px; }
#sys_blck_menu li.m7 { width:  73px; }

.slogan {
  width: 378px;
  color: white;
  background: url(../img/slogan-378.png);
}

#sys_blck_career {
  height: 61px;
  background: url(../img/career-small.png) no-repeat;
}

#sys_blck_career a {
  line-height: 44px;
}

#sys_blck_bub a.m5 {
  top: -20px;
  left: 55px;
}

#sys_blck_bub a.m6 { width: 175px; top: 124px; left: 520px; }

  .middle {
    width: 475px; width: 100%;
    background: white;
  }

  .right {
    width: 100%;
    background: white;
  }

  footer {
    margin-top: 8px;
    padding-top: 8px;
  }
  footer hr {
    margin: .5em 0 1em 0;
    clear: both;
  }

  .hp footer {
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 8px 0 0 0;
    background: url(../img/line-dot.png) repeat-x;
  }
  
.fcopy {
  margin-top: 10px;
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 25px
  padding-right: 25px;
}

.flink {
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 25px
  padding-right: 25px;
}

}

/* Wide Mobile Layout: 475px.
   Gutters: 24px.
   Outer margins: 22px.
   Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 475px) and (max-width: 719px) {
  body {
    width: 475px;
    background: url(../img/bodybg-720.jpg) 0 215px no-repeat;
  }

#page {
  width: 100%;
}

.hp #main .innerwrap {
  background: none transparent;
}

header  {
  height: 325px;
}

header h1 {
  top: 225px;
}

#sys_blck_menu {
  position: static;
}

#sys_blck_menu ul {
  width: 100%;
}

#sys_blck_menu ul li {
  float: none;
  height: auto;
  margin-right: 25px;
  background: url(../img/line-dot.png) bottom left repeat-x;
}

#sys_blck_menu a {
  height: auto;
}

#sys_blck_menu a span {
  padding: 3px 15px;
}

#sys_blck_menu li.m1,
#sys_blck_menu li.m2,
#sys_blck_menu li.m3,
#sys_blck_menu li.m4,
#sys_blck_menu li.m5,
#sys_blck_menu li.m6,
#sys_blck_menu li.m7 { width: 100%; }

#sys_blck_menu ul li.last {
  background: url(../img/line-dot.png) bottom left repeat-x;
}

#sys_blck_menu .active a, #sys_blck_menu .active a:hover {
  background-position: bottom right;
}

.slogan {
  display: none;
}

#sys_blck_career {
  top: 208px;
  height: 61px;
  background: url(../img/career-small.png) no-repeat;
}

#sys_blck_career a {
  line-height: 44px;
}

.slider {
  height: 395px;
}

#sys_blck_career {
  height: 61px;
  background: url(../img/career-small.png) no-repeat;
}

#sys_blck_career a {
  line-height: 44px;
}

#sys_blck_bub a.m1 { top: 246px; left: 185px; }
#sys_blck_bub a.m2 { top: 141px; left: 192px; }
#sys_blck_bub a.m3 { top: 140px; left:   0px; }
#sys_blck_bub a.m4 { top:  24px; left: 254px; }
#sys_blck_bub a.m5 { top:  20px; left: 0px; }
#sys_blck_bub a.m6 { top: 310px; left: 0px; }

  .middle {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    background: white;
  }

  .right {
    width: 100%;
    float: none;
  }

  footer {
    margin-top: 0;
    padding-top: 0;
    font-size: 92.9%;
  }

  footer {
    margin-top: 8px;
    padding-top: 8px;
  }

  .hp footer {
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 8px 0 0 0;
    background: url(../img/line-dot.png) repeat-x;
  }

.fcopy {
  margin-top: 10px;
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

.flink {
  width: 100%;
  float: none;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
}

#map_etenderscz {
    width: 200px;
}

#content table, #content table th, #content table td {
    display: block;
    padding: 5px 0 !important;
}

}

/* Mobile Layout: 240px.
   Gutters: 24px.
   Outer margins: 34px.
   Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 474px) {
  body {
    width: 240px;
    background: none;
    font-size: 13px;
  }

#page {
  width: 100%;
}

.hp #main .innerwrap {
  background: none transparent;
}

header  {
  height: 445px;
}

header h1 {
  top: 345px;
}

header h1, header h1 a, header h1 span {
  width: 240px;
  height: 68px;
}

header h1 {
  background: url(../img/logo-240.png) 0 0 no-repeat;
}

.slider {
    display: none;
}

#sys_blck_menu {
  position: static;
}

#sys_blck_menu ul {
  width: 100%;
}

#sys_blck_menu ul li {
  font-size: 15px;
  float: none;
  height: auto;
  margin-right: 25px;
  background: url(../img/line-dot.png) bottom left repeat-x;
}

#sys_blck_menu a {
  height: auto;
}

#sys_blck_menu a span {
  padding: 5px 0;
}

#sys_blck_menu li.m1,
#sys_blck_menu li.m2,
#sys_blck_menu li.m3,
#sys_blck_menu li.m4,
#sys_blck_menu li.m5,
#sys_blck_menu li.m6,
#sys_blck_menu li.m7 { width: 100%; }

#sys_blck_menu ul li.last {
  background: url(../img/line-dot.png) bottom left repeat-x;
}

#sys_blck_menu .active a, #sys_blck_menu .active a:hover {
  background-position: bottom right;
}

#sys_blck_career {
  top: 263px;
  height: 61px;
  background: url(../img/career-small.png) no-repeat;
}

#sys_blck_career a {
  line-height: 44px;
}

.slogan {
  display: none;
}

.slider {
  height: 395px;
}

#sys_blck_bub a {
  font-size: 100%;
}

#sys_blck_bub a span {
  display: block;
  padding: 5px 10px;
}

#sys_blck_bub a.m1 { width: 240px; top: 275px; left: 0px; }
#sys_blck_bub a.m2 { width: 240px; top: 210px; left: 0px; }
#sys_blck_bub a.m3 { width: 240px; top: 140px; left: 0px; }
#sys_blck_bub a.m4 { width: 240px; top:  75px; left: 0px; }
#sys_blck_bub a.m5 { width: 240px; top: -20px; left: 0px; }
#sys_blck_bub a.m6 { width: 240px; top: 345px; left: 0px; }

  .middle {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    background: white;
  }

  h2 {
      font-size: 128.6%;
  }

#content h2 {
    margin-bottom: 6px;
    margin-top: 0;
    padding-bottom: 7px;
    padding-top: 0;
}

  h3 {
      font-size: 107.1%;
  }
  
  .node_perex {
    font-size: 100%;
  }

ul li {
  padding-left: 12px;
  background-position: 0 7px;
}

  .right {
    width: 100%;
    float: none;
  }

  .right .conin {
    padding-left: 0;
    padding-right: 0;
  }

.dopo h2, .dopo h2 a {
  height: 43px;
}

.dopo h2 a {
  text-decoration: none;
  background: url(../img/arrow-big.png) 200px 7px no-repeat;
}

.dopo h2 a span {
  display: block;
  padding: 6px 0 0 10px;
}

.hp .gemin {
    padding: 15px 0 10px 0px;
    position: static;
}

.gemin, .gemin a {
  width: 220px;
}

.gemin a {
  background: url(../img/logo-gemin-green-220.png);
}

footer {
    width: 100%;
    margin-top: 8px;
    padding-top: 8px;
  }

  .hp footer {
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 8px 0 0 0;
    background: url(../img/line-dot.png) repeat-x;
  }

.fcopy {
  margin-top: 10px;
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.flink {
  width: 100%;
  float: none;
  text-align: right;
  padding-left: 0;
  padding-right:0;
}

.flink strong {
  margin: 0;
  width: 100%;
  line-height: 24px;
}

.flink em {
  display: none;
}

#sys_blck_obrat .lab {
  width: 198px;
  height: 24px;
 }

 #sys_blck_obrat input, #sys_blck_obrat textarea {
  width: 218px;
  border: 1px solid #d4d4d4;
  padding: 10px;
  position: relative;
}

#sys_blck_obrat textarea {
  width: 218px;
  height: 50px;
}

#sys_blck_obrat .sys_btn_yes {
  width: auto;
  border: 0;
  color: white;
  background-color: #700000;
}

#sys_blck_obrat .sys_btn_yes:hover {
  color: white;
  background-color: black;
  cursor: pointer;
}

.pul-doleva, .pul-doprava {
    width: 100%;
}

#map_etenderscz {
    width: 195px;
    height: 140px;
}

#content table, #content table th, #content table td {
    display: block;
    padding: 5px 0 !important;
}

}

/* =====================================================================================================================================
= MODULES, PAGES */

/* LOGIN - ADMIN */

#content .usr_loginform {
  margin-top: 20px;
}

#content .usr_loginform .form_row {
  clear: both;
  margin: 0;
  padding: 0 0 15px;
  border: 0;
}

#content .usr_loginform .form_row:hover {
  background: transparent;
}

#content .usr_loginform input {
  border: 1px solid #d4d4d4;
  padding: 3px;
}

#content .usr_loginform label {
  display: block;
}

#content .usr_loginform .lab {
  display: block;
  width: 80px;
  height: auto;
  float: left;
}

#content .usr_loginform .val {
  width: 170px;
  float: left;
}

#content .usr_loginform input {
  width: 160px;
  border: 1px solid #d4d4d4;
  padding: 3px 2px;
}

#content .usr_loginform .psubmit {
  padding-left: 80px;
}

#content .usr_loginform input.submit {
  width: auto;
  border: 0;
  padding: 5px;
  color: white;
  background: #700000;
}

#content .usr_loginform input.submit:hover {
  color: white;
  background: black;
  cursor: pointer;
}

#content table {
    width: 100%;
}

#content table th {
  color: #700000;
}

#content table th {
  /*border: 1px solid #d4d4d4;
  border-width: 0 0 1px 0;*/
  border: 0;
  padding: 3px 5px;
  color: #700000;
}

#content table td {
  /*border: 1px solid #d4d4d4;*/
  border: 0;
  padding: 3px 5px;
 /* border-width: 0 0 1px 1px;*/
}

/* Novinky */
#news {
  padding: 13px 12px 0 42px;
  line-height: 1.3;
}
#news h2 {
  padding: 0;
  margin-top: 0;
  background: url(../img/dot-arrow.png) 96% 50% no-repeat;
}
#news ul {
  padding: 0;
  margin: 0;
}
#news ul li {
  list-style: none;
  background: none;
  padding: 0;
  display: block;
  margin: 0 0 12px 0;
}
#news ul li a {
  font-size: 13px;
  font-weight: bold;
}
#news p.date {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}