/* general **********************************************************************/

body, h1, h2, h3, h4, div, p, ul, ol, li, img, form, fieldset, input, select, label, dl, hr {
  margin: 0px;
  padding: 0px;
}

html {
  height: 100%;
}

img {
  border-style: none;
  _behavior: url('/css/pngbehavior.htc') !important; /* IE PNG alpha transparency hack */
}

ul li {
  font-size: 0.8em;
}

body {
  font-family: 'Verdana', 'Arial', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 0.9em;
  min-height: 100%;
  _height: 100%;
  background: white url('/img/body.jpg') top repeat-x;
}

h1 {
  font-size: 1.05em;
}

h2 {
  font-size: 1em;
  margin: 0.3em 0;
}

h3 {
  font-size: 0.95em;
  margin: 0.3em 0;
}

h1 a[name]:hover, h2 a[name]:hover, h3 a[name]:hover {
  color: #888;
  background-color: transparent;
}

h1 a, h2 a, h3 a,
h1, h2, h3 {
  text-transform: uppercase;
  color: #61939f;
  color: #888;
}
/*

h1 a[name]:hover, h2 a[name]:hover, h3 a[name]:hover {
  background-color: transparent;
}
*/

p {
  margin: 1em 0;
}

p,q, blockquote {
  font-size: 0.8em;
  line-height: 1.3em;
}

p q {
  font-size: 1em;
  line-height: 1em;
}

a {
  color: #db0071;
}

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

h1 a,
h2 a,
h3 a,
h4 a {
  text-decoration: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.cap {
  text-transform: uppercase;
}

/* main div *********************************************************************/
div#escapeboardshop {
  width: 800px;
  margin: 0 auto;
}

/* header ***********************************************************************/

div#header {
  width: 800px;
  height: 100px;
}

div#header a:hover {
  background-color: transparent !important;
}

div#header a#logo {
  float: left;
  width: 300px;
  height: auto;
}

div#header ul#main-menu {
  float: left;
  height: 84px;
  width: 490px;
  background: url('/img/menu_back.gif') top left no-repeat;
}

ul#main-menu li {
  float: left;
  list-style: none;
  padding-top: 63px;
  height: 21px;
}

ul#main-menu li#onas         a { background-image: url('/img/li_onas.gif')     ; width: 50px;} /* left: 000px; }*/
ul#main-menu li#prodejny     a { background-image: url('/img/li_prodejny.gif') ; width: 82px;} /* left: 050px; }*/
ul#main-menu li#novinky      a { background-image: url('/img/li_novinky.gif')  ; width: 68px;} /* left: 132px; }*/
ul#main-menu li#fotogalerie  a { background-image: url('/img/li_foto.gif')     ; width: 94px;} /* left: 200px; }*/
ul#main-menu li#odkazy       a { background-image: url('/img/li_odkazy.gif')   ; width: 73px;} /* left: 294px; }*/
ul#main-menu li#e-shop       a { background-image: url('/img/li_eshop.gif')    ; width: 67px;} /* left: 367px; }*/
ul#main-menu li#team         a { background-image: url('/img/li_team.gif')     ; width: 50px;} /* left: 434px; }*/

ul#main-menu li a:hover,
ul#main-menu li.selected a {
  background-position: left bottom !important;
}

ul#main-menu li a {
  display: block;
  position: relative;
  height: 21px;
  background-position: top left;
  background-repeat: no-repeat;
}

ul#main-menu li a span {
  display: none;
}

div#content {
  padding: 20px 10px 3px 10px;
  width: 770px;
}

/* submenu ***********************************************************************/
div#submenu {
  margin-left: 10px;
}

div#submenu li {
  margin: 0.7em 10px;
  padding-left: 15px;
  list-style-type: none;
  background: url('/img/li.png') no-repeat left center;
}

div#submenu li a {
  color: gray;
  padding: 1px;
  text-decoration: none;
}

div#submenu li a:hover {
  background-color: #db0071;
  color: white;
}

/* eshop-menu ********************************************************************/

ul#eshop_menu {
  height: 101px;
  width: 757px;
  margin-bottom: 20px;
  clear: both;
}

ul#eshop_menu li {
  position: relative;
  list-style: none;
  float: left;
  height: 101px;

  /* IE hover hack */
  background-color: expression( this.onmouseover = new Function("this.className += ' hover';"),
                                this.onmouseout  = new Function("this.className = this.className.replace(' hover', '');"));
}

ul#eshop_menu li#sk8boards   a { background-image: url('/img/eshop_skate.gif')  ; width: 114px;}
ul#eshop_menu li#snowboards  a { background-image: url('/img/eshop_snow.gif') ; width: 128px;}
ul#eshop_menu li#shoes     a { background-image: url('/img/eshop_shoes.gif')  ; width: 100px;}
ul#eshop_menu li#womens    a { background-image: url('/img/eshop_women.gif')  ; width: 88px;}
ul#eshop_menu li#mens      a { background-image: url('/img/eshop_men.gif')    ; width: 79px;}
ul#eshop_menu li#other     a { background-image: url('/img/eshop_other.gif')  ; width: 105px;}
ul#eshop_menu li#bikes     a { background-image: url('/img/eshop_bikes.gif')  ; width: 126px;}

ul#eshop_menu li a:hover,
ul#eshop_menu li.selected a {
  background-position: left bottom !important;
  background-color: transparent !important;
}

ul#eshop_menu li a {
  display: block;
  height: 101px;
  background-position: top left;
  background-repeat: no-repeat;
}

ul#eshop_menu li a span {
  display: none;
}

ul.scrollmenu {
  display: none;
  position: absolute;
  top: 99px;
  width: 160px;
  list-style: none;
  text-align: left;
  background-color: #c2d7dc;
  xxborder: 1px solid white; /* #61939f; */
  border-top: 2px solid #DDE3EB;
  z-index: 9999 !important;
}

li:hover .scrollmenu,
li.hover .scrollmenu {
  display: block;
}

.scrollmenu li,
.scrollmenu li a {
  display: block;
  font-size: 12px;
  padding: 0;
  margin: 0;
  height: auto !important;
  width: auto !important;
  background-image: none !important;
}

.scrollmenu li a {
  margin: 0 10px;
  padding: 2px 0;
  width: 140px !important;
  color: black;
  background-image: none;
  text-decoration: none;
}

.scrollmenu li a:hover {
  color: #db0071 !important;
}

/*****************************************************************************************************/

.news,
.view_all {
  padding: 10px 0;
  margin-top: 5px;
  border-top: 1px solid #91c3cf;
  clear: both;
}

.news p {
  padding-left: 180px;
}

.news .obr {
  width: 180px;
  float: left;
  text-align: center;
}

.news .obr img {
  margin: 8px auto;
}

.small-photo {
  float: left;
  margin: 3px 10px 3px 0;
}

.actions {
  min-height: 300px;
  _height: 300px;
  width: 240px;
  float: left;
}

.action {
  border: 1px solid #999;
  width: 240px;
  height: 130px;
  font-size: 0.67em;
  color: black;
  background-color: white;
  text-decoration: none;
  margin-bottom: 10px;
}

a:hover .action {
  border: 1px solid #db0071;
  color: black;
  background-color: white;
  cursor: pointer;
}

div.swf {
  /* border: none !important; */
}

.action .vyrobce,
.action .bez_vyrobce {
  margin-top: 15px;
  float: left;
  width: 110px;
  overflow: hidden;
  height: 30px;
}

.action .bez_vyrobce {
  padding-left: 10px;
}

.action .vyrobce img {
  margin: 0 10px;
  float: left;
}

.action .vyrobce strong {
  line-height: 15px;
}

.action .vyrobek {
  margin: 4px;
  float: right;
}

.action .ceny {
  line-height: 2em;
  display: block;
  float: left;
  margin-top: 30px;
  padding-left: 5px;
}

.action .n_cena {
  color: #db0071;
}

.big-photo {
  margin: 0 10px 10px 0;
}

#content a img {
  display: block;
  border: 2px solid white;
}

#content a:hover img {
  border-color: #db0071;
}

#content p {
  text-align: justify;
}

hr.break,
hr.delimiter {
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
  background-color: transparent;
  border-style: none;
}

hr.break {
  visibility: hidden;
}

hr.delimiter {
  border-top: 1px solid #eee;
}