/* CSS Document */
html, body {
  margin: 0px;
  padding: 0px;
  
  background-color: rgb(225,225,225);
  
  font-family: Tahoma, "Geneva CE", lucida, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 95%;
  color: black;
  line-height: 100%;
  
  padding-bottom: 10px;
}


* {
  padding: 0px; margin: 0px;
  background-color: transparent;
}


img {
  border: 0;
}

div#bg-wrapper1 {
  background: #ffdd6c url(../images/layout/bg1.png) center top repeat-x;
}

div#bg-wrapper2 {
  background: transparent url(../images/layout/bg2.png) center bottom repeat-x;
  text-align: center; /* due to MSIE 6 */
}

div#banner-wrapper1 {
  width: 1000px;
  margin: 0 auto;
}

div#banner-wrapper2 {
  background: transparent url(../images/layout/bn-left.jpg) left top repeat-y;
  background-color: rgb(84,83,83);
  
}

div#banner-inside {
  background: transparent url(../images/layout/bn-right.jpg) right top repeat-y;
  color: white;
  text-align: left;
  min-height: 105px;
}

div#banner-bottom {
  background: transparent url(../images/layout/bn-bottom.png) center top no-repeat;
  clear: both;
  min-height: 32px;
}

div#banner-inside a {
  color: white;
  text-decoration: underline;
}

/*--------------------------- KLIKACI LOGA -----------------------------------*/
div#logo {
  position: relative;
  float: left;
  margin: 12px 0px 0px 25px;
}

div#logo, div#logo a, div#logo span {
  display: block;
  width: 91px; height: 89px;
  background: transparent url(../images/layout/logo.png) left top no-repeat;
}

div#logo span {
  position: absolute;
  left: 0; top: 0;
  cursor: pointer;	cursor: hand;
}

div#banner-inside div#text {
  float: left;
  background: transparent url(../images/layout/logo-line.png) left 45px no-repeat;
  margin-top: 28px;  
  margin-left: 15px;
  width: 622px;
}

h1, h2 {
  position: relative;
  overflow: hidden;
  font-size: 170%;
  margin-bottom: 32px;
  font-weight: normal;
}

h1, h1 a, h1 span {
  display: block;
  width: 243px; height: 27px;
  background: transparent url(../images/layout/logo-text.png) left top no-repeat;
}

h1 span {
  position: absolute;
  left: 0; top: 0;
  cursor: pointer;	cursor: hand;
}

body.en h1, body.en h1 a, body.en h1 span {
  width: 256px; height: 37px;
  background: transparent url(../images/layout/logo-text-en.png) left top no-repeat;
}

body.de h1, body.de h1 a, body.de h1 span {
  width: 307px; height: 35px;
  background: transparent url(../images/layout/logo-text-de.png) left top no-repeat;
}

h2 {
  font-size: 120%;
  margin-bottom: 0;
  margin-left: 208px;
}

h2, h2 span {
  display: block;
  width: 411px; height: 18px;
  background: transparent url(../images/layout/logo-subtext.png) left top no-repeat;
}

h2 span {
  position: absolute;
  left: 0; top: 0;
}

body.en h2 {
  margin-top: -10px;
  margin-left: 329px;
}

body.en h2, body.en h2 span {
  width: 290px; height: 18px;
  background: transparent url(../images/layout/logo-subtext-en.png) left top no-repeat;
}

body.de h2 {
  margin-top: -8px;
  margin-left: 198px;
}

body.de h2, body.de h2 span {
  width: 421px; height: 18px;
  background: transparent url(../images/layout/logo-subtext-de.png) left top no-repeat;
}

/*--------------------------- VLAJECKY ---------------------------------------*/
div#banner-inside ul {
  float: right;
  list-style-type: none;
  margin-top: 12px;
  margin-right: 30px;
  display: inline;
}

div#banner-inside ul li {
  float: left;
  margin-left: 10px;
}

div#banner-inside ul li a {
  display: block;
  width: 30px; height: 21px;
  overflow: hidden;
  position: relative;
  text-decoration: underline;
}

div#banner-inside ul li a span {
  display: block;
  position: absolute;
  left: 0; top: 0;
  width: 30px; height: 21px;
  background: transparent url(../images/layout/lang-cs.png) left top no-repeat;
  cursor: pointer;	cursor: hand;
}

div#banner-inside ul li#en a span {
  background-image: url(../images/layout/lang-en.png);
}

div#banner-inside ul li#de a span {
  background-image: url(../images/layout/lang-de.png);
}

div#banner-inside ul li a:hover span {
  background-position: left -21px;
}

div#banner-inside ul li a:hover {
  color: white;
  text-decoration: none;
}

/*--------------------------- ORANZOVE TELO ---------------------------------*/
div#bodywrapper {
  width: 1000px;
  margin: 0 auto;
  background: #ff8d00 url(../images/layout/bg-bodywrapper.gif) center top repeat-y;

}

div#bodywrapper-left {
  background: transparent url(../images/layout/bodywrapper-left.gif) left top no-repeat;
}

div#bodywrapper-right {
  background: transparent url(../images/layout/bodywrapper-right.gif) right top no-repeat;
}

div#bodywrapper-inside {
  background: transparent url(../images/layout/bodywrapper-bottom.png) center bottom no-repeat;
  text-align: left;
  
}

div#bugs-0 {
  position: relative;
}

div#bugs-1 {
  padding-top: 102px;
  width: 100%; /* IE6/7 - PEEKABOO */
}

div#bugs-2 {
  zoom: 1;
  width: 100%;
}



/*-------------------------- BILE TELO ---------------------------------------*/
/* due to MSIE */

div#body-wrapper {
  clear: right;
  margin: 0 25px;
  padding-bottom: 25px;
}

div#body { /*semanticky zamer*/
  margin: 0px;
  text-align: left;
}


div#thematic, div#thematic-white {
  float: right;
  margin-top: -94px;
  margin-right: 10px;
  width: 215px; height: 216px;
  background: transparent url(../images/layout/thematic-orange.png) left top no-repeat;
  position: relative;
  overflow: hidden;
  display: inline;
}

div#thematic-white {
  background: transparent url(../images/layout/thematic-white.png) left top no-repeat;
  margin-top: -100px;
  margin-right: -15px;
  width: 216px; height: 218px;
  margin-left: 10px;
  margin-bottom: 10px;
}

div#thematic p, div#thematic-white p {
  color: #c90010;
  font-size: 21px;
  line-height: 140%;
  text-align: center;
  margin: 167px 15px 0px 12px;
}

div#thematic-white p {
  font-size: 17px;
}

body.en div#thematic p {
  font-size: 19px;
}

body.en div#thematic-white p {
  word-spacing: -1px;
  letter-spacing: -0.04em;
}


/*--------------------------- MENU - INTRO -----------------------------------*/
div#menu-intro {
  margin: 0px 19px 10px 11px; /*25-6*/
  padding-top: 1px;
  position: absolute;
  left: 0;
  top: 0;
}

div#menu-intro ul {
  list-style-type: none;
  
}

div#menu-intro ul li {
  display: inline;
  float: left;
  margin-left: 8px;
  text-align: left;
  color: white;
  font-size: 14px; /* needed fixed size */
  line-height: 13px; /* needed fixed size */
}

div#menu-intro ul li div.bigbox {
  width: 245px;
  height: 203px;
  /*border: 1px solid red;*/
  padding-top: 10px;
  background: transparent url(../images/layout/menu-intro-box.png) 0 0 no-repeat;
}

div#menu-intro ul li.active div.bigbox  {
  background: transparent url(../images/layout/menu-intro-box.png) 0 -214px no-repeat;
}

div#menu-intro div.bigbox a.block {
  display: block;
  overflow: auto;
  margin: 0px 10px;
  height: 165px; /* umysl */
  color: white;
  text-decoration: none;
}


div#menu-intro ul li.active div.bigbox a.block span.title, div#menu-intro li.active div.smallbox a.title {
  color: #ff9;
}

div#menu-intro a.block span {
  display: block;
}

div#menu-intro a.block span.title {
  font-size: 18px;
  margin: 0px 20px;
  padding-top: 14px;  
  line-height: 14px;
}

div#menu-intro a.block span.text {
  margin: 6px 80px 0px 30px;
  line-height: 19px;
}

div#menu-intro ul li ul {
  text-align: right;
  margin: 5px 15px 0px;
}

div#menu-intro ul li ul li {
  float: none;
  display: inline;
  background: transparent;
  margin: 0;
  line-height: 120%;
}

div#menu-intro ul li ul li a {
  padding: 0px 4px;
}

body.de div#menu-intro ul li ul li a {
  padding: 0px 2px;
}


div#menu-intro ul li#alkomat a.block {
  background: transparent url(../images/layout/plechovka.png) 160px 54px no-repeat; 
}

div#menu-intro ul li#cigomat a.block {
  background: transparent url(../images/layout/cigareta.png) 135px 37px no-repeat; 
}

div#menu-intro ul li#dalsi-vyuziti a.block {
  background: transparent url(../images/layout/dvere.png) 135px 37px no-repeat; 
}

div#menu-intro li#dalsi-vyuziti a.block span.text {
  margin-right: 95px;
}



div#menu-intro ul li#kontakt {
  background: transparent;
  margin-top: 126px;
  margin-left: 11px;
}

div#menu-intro ul li div.smallbox {
  width: 196px;
  height: 82px;
  background: transparent url(../images/layout/kontakt.png) right top no-repeat;
}


div#menu-intro ul li.active div.smallbox {
  background: transparent url(../images/layout/kontakt.png) left top no-repeat;
}

div#menu-intro ul li a.title {
  font-size: 20px;
  margin: 0px;
  padding: 14px 20px 5px;
  display: block;
  color: white;
  text-decoration: none;
}


div#menu-intro div.smallbox ul {
  margin: 7px 5px 0px;
}

div#menu-intro div.smallbox ul li {
  float: none;
  display: block;
  background: transparent;
  padding-bottom: 1px;
  margin-right: 7px;
  text-align: right;
  line-height: 16px;
}

div#menu-intro div.smallbox ul li a {
  padding: 0;
}


body.en div#menu-intro a.block span.title {
  font-size: 17px;
  line-height: 22px;
  margin-top: -5px;
}

body.en div#menu-intro a.block span.text {
 margin: -4px 70px 0 30px;
}
/*---------------------- STANDARDNI MENU -------------------------------------*/
div#left-column {
  float: right;
  margin: 8px 15px 10px 25px;
  width: 185px;
  display: inline;
  text-align: left;
}

div#menu-standard {
}

div#menu-standard ul {
  list-style-type: none;
}

div#menu-standard ul li {
  margin-bottom: 10px; 
}

div#menu-standard li.normal {
  background: transparent url(../images/layout/menu-s-box-middle.png) left top repeat-y;
}

div#menu-standard li.normal a, div#menu-standard li.active a {
  display: block;
  color: white;
  font-size: 1.2em;
  line-height: 130%;
  text-decoration: none;
  padding: 12px 0 13px;
  margin: 0px 12px;
}

div#menu-standard li div.top, div#menu-standard li div.bottom {
  width: 185px;
  background: transparent url(../images/layout/menu-s-box-top.png) left top no-repeat;
}

div#menu-standard li div.bottom {
  background: transparent url(../images/layout/menu-s-box-bottom.png) left bottom no-repeat;
}

div#menu-standard li.active {
  background: transparent url(../images/layout/menu-s-box-middle.png) right top repeat-y;
}

div#menu-standard li a:hover {
  text-decoration: none;
  color: #ff9;
}

div#menu-standard li.active div.top, div#menu-standard li:hover div.top  {
  background-position: right top;
}

div#menu-standard li.active div.bottom, div#menu-standard li:hover div.bottom {
  background-position: right bottom;
}  





div#menu-standard li.actived {
  background: transparent url(../images/layout/menu-s-box-actived-middle.png) left top repeat-y;
  display: block;
  text-align: left;
  zoom: 1;
}

div#menu-standard li.actived p {
  margin: 0px 12px 12px;
  padding-bottom: 3px;
  font-size: 1.2em;
  color: white;
  line-height: 170%;
  border-bottom: 1px dashed white;
}

div#menu-standard li.actived ul {
  list-style-type: disc;
  float: left;
  margin-left: 40px;
  display: inline;
  margin-bottom: 7px;
}

body.en div#menu-standard li.actived ul, body.de div#menu-standard li.actived ul {
  margin-left: 30px;
}

div#menu-standard li.actived li {
  color: white;
  margin-left: 15px; /* IE6/7 */
}


div#menu-standard li.actived div.top, div#menu-standard li.actived div.bottom {
  width: 185px;
  background: transparent url(../images/layout/menu-s-box-actived-top.png) left top no-repeat;
}

div#menu-standard li.actived div.bottom {
  background: transparent url(../images/layout/menu-s-box-actived-bottom.png) left bottom no-repeat;
  min-height: 90px; /* puvodne 110 */
  padding: 10px 0 3px;
}

/*------------------------ VARIABILNI BODY -----------------------------------*/

div#right-column {
  float: right;
  margin-top: 7px;
  margin-right: 25px;
  padding: 0px 0px 25px;
  width: 750px; /*753*/
  display: inline;
}

div#v-b1 {
  background: white url(../images/layout/v-body-top-rep.gif) center top repeat-x;
}

div#v-b2 {
  background: transparent url(../images/layout/v-body-bot-rep.gif) center bottom repeat-x;
}

div#v-b3 {
  background: transparent url(../images/layout/v-body-left-rep.gif) left top repeat-y;
}

div#v-b4 {
  background: transparent url(../images/layout/v-body-right-rep.gif) right top repeat-y;
}

div#v-b5 {
  background: transparent url(../images/layout/v-body-lt-c.gif) left top no-repeat;
}

div#v-b6 {
  background: transparent url(../images/layout/v-body-rt-c.gif) right top no-repeat;
}

div#v-b7 {
  background: transparent url(../images/layout/v-body-lb-c.gif) left bottom no-repeat;
}

div#v-b8 {
  background: transparent url(../images/layout/v-body-rb-c.gif) right bottom no-repeat;
  padding: 30px 40px 10px;
}

div#right-column div#v-b8 {
  padding: 30px 35px 10px;
  min-height: 570px;
}
/*-------------------------- NOVINKY -----------------------------------------*/
div#novinky {
  margin-left: 2px; /* tim se dostanu na stred */
  background: #f2f2f2 url(../images/layout/news-middle.png) left top repeat-y;
  width: 181px;
  margin-bottom: 15px;
  
}

div#novinky div.top {
  background: transparent url(../images/layout/news-top.png) left top no-repeat;
}

div#novinky div.bottom {
  background: transparent url(../images/layout/news-bottom.png) left bottom no-repeat;
  padding: 20px 0 1px;
}

div#novinky h4 {
  margin: 0px 15px 15px;
  font-size: 1.10em;
  font-weight: bolder;
}

div#novinky p {
  margin: 0px 15px 15px;
  font-size: 0.9em;
  line-height: 150%;
}


div#novinky a {
  text-decoration: underline;
  color: black;
}

div#novinky a:hover {
  text-decoration: none;
  color: dimgray;
}

a.menu {
  color: white;
  text-decoration: underline;
}

a.menu:hover {
  color: #ff9;
  text-decoration: none;
}



.invisible {
  visibility: hidden;
  display: none;
  border: 0;
  margin: 0;
}

br {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
  display: block;
}

br.simple {
  clear: none;
  display: inline;
}

.float-right {
  float: right;
}

img.right {
  float: right;
  margin-left: 15px;
}

img.left {
  float: left;
  margin-left: 0.6em;
  margin-right: 20px;
}

img.center {
  text-align: center;
}

/*------------------------ BODY-typograficke elementy ------------------------*/
div#body p {
  font-size: 1.05em;
  line-height: 160%;
  margin: 0 0.6em 1.5em;
}

p.indent {
  text-indent: 2em;
}

div#body p.small {
  font-size: 0.9em;
}

.center {
  text-align: center;
}


h3, h4 {
  font-size: 1.5em;
  margin-top: 5px;
  margin-bottom: 1.3em;
  color: #7d2a03;
  line-height: 130%;
}

h4 {
  margin-top: 1.5em;
  font-size: 1.25em;
}

div#body ul {
  margin-left: 35px;
  margin-bottom: 1.5em;
}

div#body ul li {
  padding-left: 20px;
  line-height: 160%;
  margin-top: 1em;
  letter-spacing: 0.04em;
}

hr {
  border: none;
  background: url(../images/layout/line.gif) center center repeat-x;
  height: 1px;
  width: 100%;
  margin: 0 auto;
}

hr.shorter {
  width: 96%;
}

* html hr {
  background: url(../images/layout/line.gif) center center repeat;
  height: 4px;
  zoom: 25%;
  text-align: center;
}


a {
  color: mediumblue;
  text-decoration: underline;
}

a:hover {
  color: royalblue;
  text-decoration: none;
}

div#body a:visited {
  color: dimgray;
}

div#body a img.galerie {
  border: 5px solid gainsboro;
  margin: 20px 40px 20px 0px;
}

div#body a:hover img.galerie {
  border: 5px solid #ff814c;
}

p.error {
  color: red;
  clear: right;
  border: 2px solid red;
  padding: 10px;
  background-color: #fee;
}

div#social-networks {
  overflow: hidden;
}
#fb {
  border:none; 
  overflow:hidden; 
  width:150px;
  height:21px;
}
#gplus {
  float: right;
  width: 60px !important;
}
/*--------------------------- FOOTER ---------------------------------------*/
div#footer {
  background: #e1e1e1 url(../images/layout/bg3.png) center top repeat-x;
  text-align: center;
}

div#footer-inside {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
}

div#footer div#rights {
  margin: 5px 0px 0px 25px;
  display: inline; /* MSIE6 double margin bug */
  float: left;
  width: 63%;
}

div#footer a {
  color: black;
}

div#footer a:hover {
  color: dimgray;
}

div#footer p {
  font-size: 0.79em;
  line-height: 150%;
}

div#footer div#logos {
  margin: 5px 25px 0px 0px;
  float: right;
  display: inline; /* MSIE 6 double margin bug */
  width: 29%;
  text-align: right;
}

div#footer div#copyright {
  margin-top: 10px;
  padding: 10px 20px 0px;
  border-top: 1px solid #bebebe;
  text-align: center;
}