html {
	SCROLLBAR-FACE-COLOR: #dd0000;
	SCROLLBAR-HIGHLIGHT-COLOR: #f1f1f1; /* levy a horni venku */
  SCROLLBAR-3DLIGHT-COLOR: #f2f2f2; /* levy a horni uplne venku */
  SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #f4f4f4;
	SCROLLBAR-SHADOW-COLOR: #737373; /* pravy a dolni venku */
	SCROLLBAR-DARKSHADOW-COLOR: #737373; /* pravy a dolni uplne venku */
}
/* zakladni rozdeleni stranky*/
body {
  background-color: #D9D9D9;
	color: #6c6c6c;
	font-family: "Arial", "Verdana", "Lucida Grande CE", "Helvetica CE";
   text-align : center;
   margin: 0px auto;
   margin-top: 20px;
   font-size: 11px;
}
a:link, a:visited {
  color:#d9271a;
  text-decoration:none;
  font-weight:bold;
}
a:hover, a:active {
  color:#000000;
  text-decoration: none;
  font-weight: bold;
}

#top_pruh {
  width: 100%;
  height: 130px;
  background-color: #f4f4f4;
  text-align: center;
  margin: auto;
}
#h_menu_pruh {
  width: 100%;
  height: 100px;
  background-color: #f4f4f4;
  text-align: center;
  margin: 0px auto;
}
#stred_pruh {
  width: 100%;
  min-height: 309px;
  background-color: #f4f4f4;
  text-align: center;
  margin: 0px auto;
}
#d_menu_pruh {
  width: 100%;
  height: 50px;
  _height: 40px;
  background-color: #f4f4f4;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
}
#footer_pruh {
  width: 100%;
  height: 60px;
  background-color: #D9D9D9;
  text-align: center;
  margin: auto;
}
/* obsahove rozdeleni stranky*/
#top_pruh_obsah {
  width: 765px;
  height: 130px;
  background-color: #f4f4f4;
  text-align: center;
  margin:  0px auto;
  position: relative;
}
#top_pruh_obsah_mutace {
  position: absolute;
  top: 110px;
  left: 705px;
  display: block;
  width: 60px;
  height: 20px;
  background-color: #f4f4f4;
  text-align: right;
  color:#D9D9D9;
}
#h_menu_pruh_obsah {
  width: 765px;
  height: 70px;
  background-color: #f4f4f4;
  text-align: center;
  margin: auto;
}
#zalozky {
  width: 755px;
  height: 30px;
  background-color: #f4f4f4;
  text-align: left;
  padding-left: 10px;
  line-height: 24px;
  margin: auto;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
#stred_pruh_obsah {
  width: 765px;
  min-height: 309px;
  _height: 309px;
  background-color: #ffffff;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
  background: url('../images/box-content.gif') -2px 0px repeat-y;
  clear: both;
}
#stred_pruh_obsah_bottom {
  width: 765px;
  height: 9px;
  background-color: #f4f4f4;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
  background: url('../images/box-bottom.gif') -3px 0px no-repeat;
}
#d_menu_pruh_obsah {
  width: 765px;
  height: 50px;
  _height: 40px;
  background-color: #f4f4f4;
  text-align: center;
  padding: 0px;
  margin: 0px auto;
  padding-top: 10px;
  _padding-top: 5px;
  
}
#footer_pruh_obsah {
  width: 765px;
  height: 40px;
  background-color: #D9D9D9;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  margin: auto;
  padding-top: 5px;
  color: #6c6c6c;
  line-height: 17px;
}
/* */
/*menu*/
ul {
margin:0;
padding:0;
}
ul li {
margin:0;
padding:0;
list-style:none;
}
#h_menu_pruh_obsah ul, #d_menu_pruh_obsah ul {
float:left;
background:#FFFFFF;
text-align:center;
margin: 0px 0px 0px 2px;
padding:0;
width:761px;
height:25px;
border:1px solid #6c6c6c;
display:inline;
}
#h_menu_pruh_obsah ul.nizky {
margin-bottom: 5px;
}
#d_menu_pruh_obsah ul {
margin:0px 0px 0px 2px;
float:left;
clear:left;
width:380px;
}
#h_menu_pruh_obsah ul li, #d_menu_pruh_obsah ul li {
float:left;
width:126px;
height:25px;
display:block;
border-right:1px solid #6c6c6c;
text-transform: uppercase;
}
#h_menu_pruh_obsah ul li.no_border, #d_menu_pruh_obsah ul li.no_border {
  border: none;
}
#h_menu_pruh_obsah ul li a, #d_menu_pruh_obsah ul li a {
width:126px;
height:25px;
display:block;
color:#6c6c6c;
text-decoration:none;
font-size: 11px;
line-height:25px;
text-transform:uppercase;
}
#h_menu_pruh_obsah ul li.holding, #h_menu_pruh_obsah ul li.holding a {
width:761px;
border: none;
}
#h_menu_pruh_obsah ul li a:hover, #d_menu_pruh_obsah ul li a:hover {
background:#6c6c6c;
color:#FFFFFF;
}
#h_menu_pruh_obsah ul li a.akt, #d_menu_pruh_obsah ul li a.akt, #h_menu_pruh_obsah ul li a.akt:hover, #d_menu_pruh_obsah ul li a.akt:hover {
color: #ffffff;
background:#6c6c6c;
}
#search_box {
float:right;
margin:0px;
width:377px;
height:25px;
overflow: hidden;
border:1px solid #6c6c6c;
border-left:none;

text-transform:uppercase;
color:#6c6c6c;
padding:0px 3px 0px 0px;
text-align: right;
background:#FFFFFF;
}
#search_box input{
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
}
#search_box input#submit {
  font-weight: bold;
  border: 1px solid #6c6c6c;
  height: 19px;
  width: 98px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  margin-right: 10px;
  letter-spacing: 1px;
  margin-top: 3px;
}
div#uvod_school, div#uvod_art, div#uvod_hobby, div#uvod_office {
position: absolute;
margin: 0px auto;
padding: 0px auto;
display: box;
width: 166px;
height: 320px;
float: left;
z-index: 80;
}
div#uvod_school {
  background: url('../images/firstbox.gif') 5px 0px no-repeat;
  left: 0px;
  top: 0px;
}
div#uvod_art {
  background: url('../images/secondbox.gif') 5px 0px no-repeat;
  left: 165px;
  top: 0px;
}
div#uvod_hobby {
  background: url('../images/thirdbox.gif') 5px 0px no-repeat;
  left: 330px;
  top: 0px;
}
div#uvod_office {
  background: url('../images/fourthbox.gif') 5px 0px no-repeat;
  left: 495px;
  top: 0px;
}
a#odkaz_skolni, a#odkaz_umelecky, a#odkaz_hobby, a#odkaz_office {
  position: absolute;
  margin: 0px auto;
  padding: 0px auto;
  padding-top: 168px;
  display: box;
  width: 138px;
  height: 140px;
  text-align: left;
  font-size: 1px;
  z-index: 100;
  font-weight: normal;
}
a#odkaz_skolni {
  top: 0px;
  left: 15px;
  color: #CD2026;
  z-index: 100;
}
a#odkaz_umelecky {
  top: 0px;
  left: 180px;
  color: #534840;
  z-index: 100;
}
a#odkaz_hobby {
  top: 0px;
  left: 345px;
  color: #188742;
  z-index: 100;
}
a#odkaz_office {
  top: 0px;
  left: 508px;
  color: #112B3A;
  z-index: 100;
}
a#odkaz_skolni:hover, a#odkaz_umelecky:hover, a#odkaz_hobby:hover, a#odkaz_office:hover {
  position: absolute;
  margin: 0px auto;
  padding: 0px auto;
  padding-top: 180px;
  display: box;
  width: 138px;
  height: 140px;
  text-align: left;
  font-size: 11px;
  color: #4d4d4d;
}


#uvod_obsah {
  width: 665px;
  height: 340px;
  position: relative;
  margin: 0px auto;
}

#uvod_obsah h2 {
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
  margin-bottom: 3px;
  margin-top: 0px;
}
img {
  border: none;
}
.cistic {
  clear: both;
}
#logo {
  margin-top: 10px;
}
#zalozky {
  background: url('../images/red-title.gif') 0px 0px no-repeat;
}
#zalozky.produkty{
  background: none;
  padding: 0px;
  margin: 0px auto;
  width: 765px;
  text-align: center;
}
#top_pruh_obsah_mutace a {
  font-size: 11px;
  font-weight: bold;
  color:#a9a9a9;
  text-decoration:none;
}
#top_pruh_obsah_mutace a:hover {
  color:#000000;
  text-decoration:none;
}
/*footer*/
span#es {
  color: #2CB950;
}
#copyright {
float:right;
text-align: right;
width: 300px;
}
#copyright_2 {
text-align: right;
width: 765px;
border-top: 1px solid #6c6c6c;
clear: both;
}
#ggroup {
float:left;
width: 300px;
text-align: left;
}
#footer_pruh_obsah a {
font-size: 11px;
font-weight: bold;
color:#6c6c6c;
text-decoration:none;
}
#footer_pruh_obsah a:hover {
color:#000000;
text-decoration:none;
}
#drobinek {
  height: 30px;
  width: 745px;
  text-align: left;
  padding-top: 10px;
  margin: 0px auto;
}
#podmenu {
  width: 260px;
  float: left;
  text-align: left;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
  line-height: 13px;
}
#podmenu span.nadpis{
  display:block;
  text-transform:uppercase;
  padding: 10px 0px 0px 20px;
  color:#6c6c6c;
  font-size: 10px;
  line-height: 13px;
  width: 250px;
  margin-bottom: 5px;
}
#podmenu span.druha_uroven {
  display:block;
  text-transform:uppercase;
  padding: 0px 0px 0px 10px;
  color:#6c6c6c;
  font-size: 10px;
  line-height: 13px;
  width: 250px;
  margin-bottom: 5px;
}
#podmenu a {
  display:block;
  text-transform:uppercase;
  padding: 0px 0px 0px 20px;
  color:#6c6c6c;
  font-size: 10px;
  width: 230px;
  margin-bottom: 5px;
}
#podmenu a:hover, #podmenu.aktivni a:hover {
  color:#000000;
  background:url('../images/menu2-li.gif') 10px 3px no-repeat;
}
#podmenu a.aktivni {
  display:block;
  text-transform:uppercase;
  padding: 0px 0px 0px 20px;
  color:#000000;
  font-size: 10px;
  width: 230px;
  margin-bottom: 5px;
  background:url('../images/menu2-li.gif') 10px 3px no-repeat;
}
#podmenu a.obrazky {
  padding: 10px 0px 0px 20px;
  background: none;
}
#podmenu a.obrazky:hover {
  background: none;
  padding: 10px 0px 0px 20px;
}
#podmenu a.obrazky img {
  border: 2px solid #d2d2d2;
  padding: 2px;
}
#podmenu a.obrazky:hover  img{
  border: 2px solid #6c6c6c;
}
#katalog_podmenu {
  width: 300px;
  float: left;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  line-height: 13px;
  font-size: 10px;
}
#katalog_podmenu a {
  line-height: 18px;
}
#katalog_content {
  width: 410px;
  float: right;
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  min-height: 270px;
}
#katalog_content p {
  text-align: justify;
  line-height: 17px;
  width: 380px;
  float: left;
}
#content {
  width: 450px;
  float: right;
  text-align: left;
  padding-right: 30px;
  _padding-right: 25px;
  padding-bottom: 10px;
  padding-top: 5px;
  min-height: 270px;
  position: relative;
}
#content p {
  text-align: justify;
  line-height: 17px;
  
}
#mapa_stranek_content {
  width: 650px;
  float: right;
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  min-height: 270px;
  position: relative;
}
#mapa_stranek_content p {
  text-align: justify;
  line-height: 17px;
}
#mapa_stranek_content ul{
 margin-left: 40px;
 line-height: 17px;
}
#mapa_stranek_content ul li{
list-style: decimal;
}
#content h1, #katalog_content h1, #fulltext_content h1, #novinky_content h1, #mapa_stranek_content h1 {
  font-size: 14px;
  font-weight: bold;
  color: #6c6c6c;
  text-transform: uppercase;
}
#content h2, #katalog_content h2, #fulltext_content h2, #novinky_content h2 {
  font-size: 12px;
  font-weight: bold;
  color: #6c6c6c;
}
#content table td, #content table th {
  width: 223px;
  text-align: left;
  border: 0;
}
#content table {
  margin-bottom: 20px;
}
#content ul li a {
  line-height: 20px;
  width: 420px;
  font-weight: bold;
}
#fulltext_content {
  width: 690px;
  float: right;
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  min-height: 270px;
}
#novinky_content {
  width: 690px;
  float: right;
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  min-height: 270px;
}
#formular_faq {
  width: 250px;
  float: left;
  text-align: right;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  line-height: 13px;
}
#formular_faq table td{
  text-align: left;
  border: 1px solid #D9D9D9;
  margin: 0px;
  padding: 10px;
}
#formular_faq textarea, #formular_faq input {
  font-size: 11px;
}
#formular_faq input#submit_faq {
  font-weight: bold;
  border: 1px solid #6c6c6c;
  height: 19px;
  width: 98px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  letter-spacing: 1px;
  margin-top: 3px;
}
#content p.otazka {
  color: #dd0000;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#content p.odpoved {
  padding-top: 0px;
  margin-top: 5px;
  padding-bottom: 10px;
}
.obrazek_logo {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}
.obrazek_nahled {
  padding: 5px;
  float: left;
  width: 220px;
  text-align: center;
}
.obrazky_blok {
  width: 450px;
  text-align: center;
}
#tips_lista {
  width: 758px;
  height: 30px;
  text-align: left;
  background:url('../images/tips_pruh_bg.gif') 0px 0px no-repeat;
  position: relative;
}
#tips_lista #skolni, #tips_lista #umelecky, #tips_lista #hobby, #tips_lista #kancelarsky {
  width: 182px;
  height: 30px;
  text-align: center;
  position: absolute;
  line-height: 14px;
  font-weight: bold;
}
#tips_lista #skolni {
  left: 0px;
  top: 0px;
  color: #ffffff;
}
#tips_lista #umelecky {
  left: 192px;
  top: 0px;
  color: #C4A263;
}
#tips_lista #hobby {
  left: 384px;
  top: 0px;
  color: #ffffff;
}
#hoby_uvodni_obr {
  position: relative;
  top: 0px;
  left: 32px;
  _left: 27px;
}
#umelecky_uvodni_obr {
  position: relative;
  top: -46px;
  left: 12px;
  _left: 12px;
}
#tips_lista #kancelarsky {
  left: 576px;
  top: 0px;
  color: #ABA9A9;
}
#tips_lista #skolni a {
  color: #ffffff;
  display: block;
  width: 182px;
}
#tips_lista #umelecky a {
  color: #C4A263;
  display: block;
  width: 182px;
}
#tips_lista #hobby a {
  color: #ffffff;
  display: block;
  width: 182px;
}
#tips_lista #kancelarsky a {
  color: #ABA9A9;
  display: block;
  width: 182px;
}
#tips_lista #skolni a:hover, #tips_lista #umelecky a:hover, #tips_lista #hobby a:hover, #tips_lista #kancelarsky a:hover {
  color: #000000;
}

#vyrobek_detail p, #novinky_content p {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#novinky_content table.ean {
  border: 1px solid #6c6c6c;
  border-collapse: collapse;
  text-align: center;
  cursor: default;
}

#novinky_content table.ean td, th {
  border: 1px solid #6c6c6c;
  width: 170px;
  border-collapse: collapse;
  text-align: center;
  cursor: default;
}

#vyrobek_detail table td, #novinky_content table td {
  border: 1px solid #6c6c6c;
  border-collapse: collapse;
  width: 20px;
  text-align: center;
  cursor: default;
}

#vyrobek_detail span.kod_nazev, #novinky_content span.kod_nazev {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

#novinky_content div.oddel {
  height: 1px;
  border-bottom: 2px solid #D9271A;
  margin-top: 10px;
  margin-bottom: 30px;
}

/* styly pro menu produktu */
#modernbricksmenu{
padding: 0;
width: 765px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 10px Arial;
margin: 0px auto;
padding: 0px;
padding-left: 10px;
list-style: none;
}

#modernbricksmenu li{
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px;
text-transform: uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 6px 0 0; /*Margin between each menu item*/
padding: 5px 24px;
text-decoration: none;
letter-spacing: 1px;
background-color: #f4f4f4; /*Default menu color*/
border-bottom: 1px solid #f4f4f4;
}
#modernbricksmenu a:hover{
background-color: #d2d2d2; /*Menu hover bgcolor*/
}
#modernbricksmenu a#skolni_lista{
background-color: #E2775A;
}
#modernbricksmenu a#skolni_lista:hover, #modernbricksmenu a#skolni_lista.akt, #modernbricksmenu a#skolni_lista.akt:hover{
background-color: #dd0000;
border-color: #dd0000;
}
#modernbricksmenu a#umelecky_lista{
background-color: #9C9386;
}
#modernbricksmenu a#umelecky_lista:hover, #modernbricksmenu a#umelecky_lista.akt, #modernbricksmenu a#umelecky_lista.akt:hover{
background-color: #534840;
border-color: #534840;
}
#modernbricksmenu a#hobby_lista{
background-color: #8AC785;
}
#modernbricksmenu a#hobby_lista:hover, #modernbricksmenu a#hobby_lista.akt, #modernbricksmenu a#hobby_lista.akt:hover{
background-color: #19873B;
border-color: #19873B;
}
#modernbricksmenu a#kancelarsky_lista{
background-color: #6E7B82;
}
#modernbricksmenu a#kancelarsky_lista:hover, #modernbricksmenu a#kancelarsky_lista.akt, #modernbricksmenu a#kancelarsky_lista.akt:hover{
background-color: #112C3B;
border-color: #112C3B;
}


#modernbricksmenuline, #modernbricksmenuline1, #modernbricksmenuline2, #modernbricksmenuline3, #modernbricksmenuline4{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background-color: #E2775A; /*Brown color theme*/
}
#modernbricksmenuline2.umelecky {
background-color: #534840;
}
#modernbricksmenuline1.skolni {
background-color: #dd0000;
}
#modernbricksmenuline3.hobby {
background-color: #19873B;
}
#modernbricksmenuline4.kancelarsky {
background-color: #112C3B;
}
#holding_content{
position: relative;
width: 721px;
height: 500px;
background: url('../images/struktura_blank.gif') 12px 0px no-repeat;
color: #ffffff;
font-size: 9px;
}
#holding_content a{
color: #f2f2f2;
text-decoration: none;
}
#holding_content a:hover{
color: #ffffff;
text-decoration: underline;
}
#kinicek_flash {
  width: 453px;
  height: 356px;
  text-align: right;
  color:#D9D9D9;
  margin-left: 24px;
  _margin-right: -24px;
}
#sutaz {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  margin-left: 82px;
  margin-top: -34px;
  border: 1 px solid #444444;
  z-index: 1000;
  border: 1px solid #000000;
  width: 500px;
  height: 400px;
}

#sutaz img {
  position: absolute;
  top: 5px;
  left: 474px;
}