/* 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* PAGE */

body, html {
  background:#fff;
  font-size:0.8em;
  font-family:Arial;
  text-align:center;
  height:100%;
  margin:0;
  padding:0;
  color:#456084;
}

#page {
  width:950px;
  margin:0 auto;
  text-align:left;
  min-height:100%;
  height:auto;
  position:relative;
}

* html #page {
  height:100%; 
}


#head {
  width:950px;
  height:90px;
  line-height:90px;
  position:relative;
  text-align:center;
  margin:0;
  padding:0;
}

#head a {
  cursor:pointer;
  text-decoration: none;
}

#head span {
  display:block;
  width:950px;
  height:90px;
  position:absolute;
  top:0;
  left:0;
  background:url('../grafika/logo.jpg') left bottom no-repeat;
}

#foot {
  position:absolute;
  width:950px;
  height:79px;
  left:0;
  bottom:0;
  background:url('../grafika/spodek.jpg') left top no-repeat;
}

a {
  color:#456084;
}

a:hover {
  text-decoration:none;
}

h2 {
  font-weight:normal;
  margin:0;
}

#foot p {
  margin:0; 
  padding:25px 0 0 20px;
}

#content {
	padding-bottom: 80px;

}

#uvod-stred, #stred-nase-znacky, #o-nas-stred,  #nase-zastoupeni-stred {
  background:url('../grafika/uvod-stred.jpg') left top no-repeat;
  width:950px;
  height:235px;
}

*>#o-nas-stred, *>#uvod-stred, *>#nase-zastoupeni-stred {
  min-height:235px;
  height:auto;
}

#uvod-stred-content {
  height:235px;
}

*>#uvod-stred-content {
  min-height:235px;
  height:auto;
}

#uvod-stred-content.cz {
  background:url('../grafika/koncern_uvod_cz.gif') 600px 0px no-repeat;
}

#uvod-stred-content.ru {
  background:url('../grafika/koncern_uvod_ru.gif') 600px 0px no-repeat;
}

#uvod-stred-content.en {
  background:url('../grafika/koncern_uvod_en.gif') 600px 0px no-repeat;
}

#stred-nase-znacky {
  background:url('../grafika/nase-znacky-stred.jpg') left top no-repeat;
}

#o-nas-stred, #nase-zastoupeni-stred {
  background:url('../grafika/pozadi-o-nas-stred.jpg') left top repeat-y;
}

#uvod-menu {
  padding:50px 0 0 140px;
  text-transform: uppercase;
}

#uvod-menu.en {
  padding-left:15px;
}

#uvod-menu.ru {
  padding-left:70px;
}

#uvod-menu a, #stred-title {
  color:#456084;
  font-size:120%;
  text-decoration: none;
}

#uvod-menu .small {
  font-size:205%;
}

#stred-title {
  position:absolute;
  top:200px;
  left:600px;
  text-transform: uppercase;
}

#o-nas-stred h2, #nase-zastoupeni-stred h2 {
  font-size:250%;
  text-transform: uppercase;
}


#uvod-stred a:hover {
  text-decoration:none;
}

#o-nas-cz, #nase-zastoupeni-cz, #nase-znacky-cz,
#o-nas-ru, #nase-zastoupeni-ru, #nase-znacky-ru,
#o-nas-en, #nase-zastoupeni-en, #nase-znacky-en
{
  position:relative;
  width:221px;
  height:27px;
  overflow:hidden;
  display:block;
}

#nase-zastoupeni-cz, #nase-znacky-cz,
#o-nas-ru, #nase-zastoupeni-ru, #nase-znacky-ru,
#o-nas-en, #nase-zastoupeni-en, #nase-znacky-en { 
  height:28px;
}

#o-nas-cz span, #nase-zastoupeni-cz span, #nase-znacky-cz span,
#o-nas-en span, #nase-zastoupeni-en span, #nase-znacky-en span,
#o-nas-ru span, #nase-zastoupeni-ru span, #nase-znacky-ru span
{
  position:absolute;
  width:221px;
  height:27px;
  left:0;
  top:0;
  background:url('../grafika/nase-znacky-cz.jpg') left top no-repeat;
}

#nase-znacky-en span {
  background:url('../grafika/nase-znacky-en.jpg') left top no-repeat;
}

#nase-znacky-ru span {
  background:url('../grafika/nase-znacky-ru.jpg') left top no-repeat;
}

#nase-zastoupeni-cz span, #nase-znacky-cz span {
  height:28px;
}

#o-nas-cz:hover span, #nase-zastoupeni-cz:hover span, #nase-znacky-cz:hover span,
#o-nas-ru:hover span, #nase-zastoupeni-ru:hover span, #nase-znacky-ru:hover span, 
#o-nas-en:hover span, #nase-zastoupeni-en:hover span, #nase-znacky-en:hover span 
{
  background-position: left bottom;
}


#nase-zastoupeni-cz span {
  background:url('../grafika/nase-zastoupeni-cz.jpg') left top no-repeat;
}

#o-nas-cz span {
  background:url('../grafika/o-nas-cz.jpg') left top no-repeat;
}

#nase-zastoupeni-en span {
  background:url('../grafika/nase-zastoupeni-en.jpg') left top no-repeat;
}

#o-nas-en span {
  background:url('../grafika/o-nas-en.jpg') left top no-repeat;
}

#nase-zastoupeni-ru span {
  background:url('../grafika/nase-zastoupeni-ru.jpg') left top no-repeat;
}

#o-nas-ru span {
  background:url('../grafika/o-nas-ru.jpg') left top no-repeat;
}

#uvod-menu li {
  padding:0;
  text-align:right;
  height:28px;
  width:221px;
}

#uvod-menu.ru li,
#o-nas-ru, #nase-zastoupeni-ru, #nase-znacky-ru,
#o-nas-ru span, #nase-zastoupeni-ru span, #nase-znacky-ru span {
  width:289px;
}

#uvod-menu.en li,
#o-nas-en, #nase-zastoupeni-en, #nase-znacky-en,
#o-nas-en span, #nase-zastoupeni-en span, #nase-znacky-en span {
  width:346px;
}

#lang-switcher {
  position:absolute;
  right:0;
  top:50px;
  font-size:140%;
}

#rozcestnik.jsstyle{
  height:230px;
}

*>#rozcestnik.jsstyle{
  height:auto;
  min-height:230px;
}

#rozcestnik ul {
  padding:10px 0 0 10px;
}

#rozcestnik li {
  display: inline; 
  font-size:120%;
}

#rozcestnik a, #rozcestnik li {
  color:#456084;
  text-transform: uppercase;
}

#rozcestnik-znacky .rozcestnik-znacka {
  display:block;
  width:164px;
  height:232px;
  position:absolute;  
  top:265px;
}


#rozcestnik-znacky .href {
  cursor:pointer;
  text-decoration: none;
  height:60px;
  position:relative;
}

#rozcestnik-znacky div span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:60px;
  width:165px;
  line-height:60px;
  font-size:200%;
}  

#sanipro-logo, #sanipro-logo div span {
  background:url('../grafika/sanipro-logo.jpg') left top no-repeat;
  right:330px;
}

#roltechnik-logo, #roltechnik-logo div span {
  background:url('../grafika/roltechnik-logo.jpg') left top no-repeat;
  right:165px;
}

#extreme-logo, #extreme-logo div span {
  background:url('../grafika/extreme-logo.jpg') left top no-repeat;
  right:0;
}

#sanipro-text, #extreme-text, #roltechnik-text {
  
}

#znacky-texty #roltechnik-text {
  right:50px;
}

#znacky-texty  #extreme-text {
  right:0px;
}

.jsactive #znacky-texty {
  margin-top:120px;
}

.znacky-zeme .jsstyle .content, #znacky-texty .jsstyle .content {
  padding:10px 20px 0;
  color:#fff;
}

#znacky-texty .jsstyle .content {
  padding:20px;
}

#znacky-texty .setnostyle, .znacky-zeme .setnostyle {
  margin-bottom:10px;
}


#znacky-texty .jsstyle {
  background:url('../grafika/pozadi-znacky-text.jpg') left top no-repeat;
  width:450px;
  height:256px;
}

.jsactive #znacky-texty .jsstyle {
  position:absolute;
  z-index:21;
  right:200px;
  top:340px;
}

.znacky-zeme {
}

.znacky-zeme .jsstyle {
  position:absolute;
  width:164px;
  height:368px;
  top:325px;
  right:165px;
  top:0px;
  right:0px;
  z-index:20;
  color:#fff;
  background:url('../grafika/pozadi-znacky-zeme.jpg') left top no-repeat;
}

.znacky-zeme .zeme {
  margin-top:60px;
}

.znacky-zeme #sanipro-zeme.jsstyle{
  background:url('../grafika/pozadi-znacky-zeme-svetle-modra.jpg') left top no-repeat;
}

.znacky-zeme #extreme-zeme.jsstyle{
  background:url('../grafika/pozadi-znacky-zeme-cervena.jpg') left top no-repeat;
}

/*#sanipro-zeme.jsstyle {
  right:330px;
} 

#extreme-zeme.jsstyle {
  right:0px;
} */

#sanipro-text.jsstyle{
  background:url('../grafika/pozadi-znacky-text-svetle-modra.jpg') left top no-repeat;
}


#extreme-text.jsstyle{
  background:url('../grafika/pozadi-znacky-text-cervena.jpg') left top no-repeat;
}

.znacky-zeme ul li {
  display:block;
  /*background:url('../grafika/pozadi-vlajka.jpg') left top no-repeat;*/
  height:20px;
  line-height:20px;
  padding:0 0 2px 40px;
  position:relative;
}

.znacky-zeme ul li img {
  position:absolute;
  top:4px;
  left:5px;
}

.znacky-zeme ul li a {
  color:#fff;
  display:block;
}

#o-nas-stred-content, #nase-zastoupeni-stred-content {
  padding:20px 20px 10px 25px;
}

#o-nas-stred-content p, #nase-zastoupeni-stred p {
  text-align:left;
  line-height:1.4;
  font-size:110%;
}

#o-nas-stred h2, #nase-zastoupeni-stred h2 {
  margin:0 0 15px;
}

#podpis {
  float:right;
}

#podpis img {
  display:block;
}

.cistic {
  clear:both;
  font-size:0;
  height:0;
  visibility:hidden;
}

.jsactive .setnostyle, .jsactive .jsstyle {
  display:none;
}
#uvod-stred-content.ru #roltechnik-logo .href span {
  background-image: url('../grafika/roltechnik-logo-ru.jpg');
} 

#uvod-stred-content.en #roltechnik-logo .href span {
  background-image: url('../grafika/roltechnik-logo-en.jpg');
}


#uvod-menu li a {
  cursor:pointer;
}

#uvod-stred-content.ru .znacky-zeme .content li {
  padding-left:35px;
}

/* css do popisku znacek */
#znacky-texty .content {
  color:#fff;
  font-size:11px;
  line-height:1.4;
}

#znacky-texty .content ul {
  padding:10px 0;
}

#znacky-texty .content li {
  font-weight:bold;
  margin-left: 15px;
  line-height:1.6;
  list-style-type: disc;
}