@import url('zobrazenie.css');

/* MAIN_AREA  */

#main_area {
  POSITION: absolute; LEFT: 186px; TOP: 5px;  WIDTH: 400px;
  FONT-SIZE: 75%; FONT-FAMILY: verdana, sans-serif; TEXT-ALIGN: left; COLOR: #ccc; FONT-WEIGHT: bold; 
}

#main_gfx_top {
  BORDER:0; MARGIN:0; PADDING:0; FONT-SIZE: 2px;
  DISPLAY: block; POSITION: relative;  WIDTH: 586px; HEIGHT: 24px;
  BACKGROUND-IMAGE: url(../img/bg_main_top.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

#main_gfx_mid {
  BORDER:0; MARGIN:0; PADDING:0;
  DISPLAY: block; POSITION: relative;  WIDTH: 586px; HEIGHT: auto;
  BACKGROUND-IMAGE: url(../img/bg_main_mid.gif); BACKGROUND-REPEAT: repeat-y;  BACKGROUND-POSITION: 0px 0px;
}

#main_gfx_bot {
  BORDER:0; MARGIN:0; PADDING:0; FONT-SIZE: 2px;
  DISPLAY: block; POSITION: relative;   WIDTH: 586px; HEIGHT: 36px;
  BACKGROUND-IMAGE: url(../img/bg_main_bot.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

/* NADPIS */

#outer { HEIGHT: 85px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#header {
  PADDING: 0 0 0 100px; 
  display: table-cell;
  vertical-align:middle; 
  position: relative; top: -50% /* for explorer only */
}

#header_from_left {
  PADDING: 0 0 0 20px; 
  display: table-cell;
  vertical-align:middle; 
  position: relative; top: -50% /* for explorer only */
}

H1 {
  BORDER:0; MARGIN:0; PADDING:0; DISPLAY: inline; 
  FONT-SIZE: 170%; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #ccc; FONT-WEIGHT: normal; 
}

H2 {
  BORDER:0; MARGIN:0; PADDING:0; DISPLAY: block; margin-left:20px; height:30px;
  FONT-SIZE: 120%; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #ccc; FONT-WEIGHT: bold; 
}


#categ_ico { POSITION: absolute; width:70px; height:77px; top:2px; left:8px;}

#header P {
  BORDER:0; MARGIN:0; PADDING:0; 
  bottom:0px; height:20px;
  FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #777; FONT-WEIGHT: normal; 
}

#header_from_left P {
  BORDER:0; MARGIN:0; PADDING:0; 
  bottom:0px; height:20px;
  FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #777; FONT-WEIGHT: normal; 
}




/* ZOBRAZENIE PRODUKTOV  */

#main_gfx_mid  UL, OL { 
  BORDER:0; MARGIN:0; PADDING:0; list-style:none;
}

.icon_row {
  position:relative; LEFT: 11px; height:222px; WIDTH: 570px; text-align:center;
  BACKGROUND-IMAGE: url(../img/dots.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 5px 190px;
}

.product_icon {  display:inline; float: left;
  position:relative; MARGIN:0; PADDING: 0; WIDTH: 139px; text-align:center;   
}

.last { BACKGROUND-IMAGE: none; height:180px;}

.product_icon H2, H3, P, FORM {
  BORDER:0; MARGIN:0; PADDING:0; 
}

.product_icon h3 {
  POSITION:relative; text-decoration: none; text-align:center; display:block;
  FONT-SIZE: 1em; FONT-FAMILY: Verdana, sans-serif;  COLOR: #777; FONT-WEIGHT: normal; 
}

.product_icon .nazov {
  POSITION:relative; text-decoration: none; 
  FONT-SIZE: 1em; FONT-FAMILY: Tahoma, Verdana, sans-serif;  COLOR: #fff; FONT-WEIGHT: normal; 
}

.product_icon  A {
  COLOR: #fff;  text-decoration: none;
}

.product_icon A:hover {
  COLOR: #fff;  background: #ee4300;
}

.product_icon .cena {
  POSITION:relative; 
  FONT-SIZE: 1em; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-ALIGN: center;  COLOR: #fff; FONT-WEIGHT: normal; 
}



.product_icon .cena_g {
  POSITION:relative; 
  FONT-SIZE: 1em; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-ALIGN: center;  COLOR: #777; FONT-WEIGHT: normal; 
}


 .product_icon img {
  border:0; padding:0; margin:0; display:block; padding-left: 7px; margin-top: 3px; margin-bottom: 3px;
 }
 
 .detail {
  POSITION:relative;  WIDTH:125px; HEIGHT:125px; PADDING-TOP:4px;
  FONT-SIZE: 1em; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-ALIGN: center;  COLOR: #fff; FONT-WEIGHT: bold; 
}

.detail A {
  COLOR: #777;
  text-decoration: none;
}

.detail A:hover {
  COLOR: #fff;
  text-decoration: none;
  background: #ee4300;
}

.detail IMG {
  cursor: url(detaily.cur), default; 
}
  
.product_icon LABEL {
  padding-left:0px;
}

.input_btn { 
  VERTICAL-ALIGN:middle; margin-right:5px
}

.input_btn:hover { 
  BACKGROUND:#ee4300;
}

.popis {
  POSITION:relative;  LEFT: 135px; WIDTH:400px; PADDING-TOP:3px;
  FONT-SIZE: 1em; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #777; FONT-WEIGHT: normal; 
}

.popis A {
  COLOR: #777; FONT-WEIGHT: normal;  text-decoration: none;
}

.popis A:hover {
  COLOR: #fff; FONT-WEIGHT: normal;  text-decoration: none; 
   border-bottom: 1px solid #ee4300;  
}

.farba_velkost {
  POSITION:relative; MARGIN-TOP:5px; LEFT: 135px; width:400px;
  FONT-SIZE: 1em; FONT-FAMILY: Verdana, sans-serif; TEXT-ALIGN: left; COLOR: #777; FONT-WEIGHT: normal; 
}
 
.pridaj {
  BORDER:0; MARGIN:0; PADDING: 10px 0 0 135px;  font-weight:normal;   FONT-SIZE: 1em;  FONT-FAMILY: Verdana, sans-serif;
}


/* aktualitky  */


#aktualitky { MARGIN-LEFT: 25px; MARGIN-right: 20px; font-weight:normal; color:gray }

#aktual_main_area {
  POSITION: absolute; LEFT: 186px; TOP: 54px;  WIDTH: 400px;
  FONT-SIZE: 75%; FONT-FAMILY: verdana, sans-serif; TEXT-ALIGN: left; COLOR: #ccc; FONT-WEIGHT: bold; 
}

#aktual_main_gfx_top {
  BORDER:0; MARGIN:0; PADDING:0; FONT-SIZE: 2px;
  DISPLAY: block; POSITION: relative;  WIDTH: 586px; HEIGHT: 24px;
  BACKGROUND-IMAGE: url(../img/w_bg_main_top.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

#aktual_main_gfx_mid {
  BORDER:0; MARGIN:0; PADDING:0;
  DISPLAY: block; POSITION: relative;  WIDTH: 586px; HEIGHT: auto;
  BACKGROUND-IMAGE: url(../img/w_bg_main_mid.gif); BACKGROUND-REPEAT: repeat-y;  BACKGROUND-POSITION: 0px 0px;
}

#aktual_main_gfx_bot {
  BORDER:0; MARGIN:0; PADDING:0; FONT-SIZE: 2px;
  DISPLAY: block; POSITION: relative;   WIDTH: 586px; HEIGHT: 36px;
  BACKGROUND-IMAGE: url(../img/w_bg_main_bot.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}


#anketa {
  POSITION: absolute; LEFT: 770px; TOP: 60px;  WIDTH: 200px; 
  PADDING: 0px; MARGIN:0px;
}

#anketa .vyberForm {clear: both;}

#anketa FIELDSET {
  BORDER:0; MARGIN:0; PADDING: 0;
}

#anketa LEGEND {
  display:none;
}

#anketa FORM {
  POSITION: relative; LEFT: 7px; TOP: 0px; WIDTH: 200px; 
  FONT-SIZE: 0.7em; FONT-FAMILY: verdana, sans-serif;  COLOR:  #aaa; FONT-WEIGHT: normal; TEXT-ALIGN:left; line-height:1.75
}

#anketa SELECT {
  FONT-SIZE: 0.9em; FONT-FAMILY: verdana, sans-serif; MARGIN-BOTTOM:5px; BACKGROUND: #111; COLOR:#eee;
  BORDER: 1px solid #ee4300;
}

.white_txt {color:#ccc;  FONT-FAMILY: Verdana, sans-serif; FONT-WEIGHT: bold;}

#anketa_gfx_top {
  BORDER:0; MARGIN:0; PADDING:0; font-size:2px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px;  WIDTH: 180px; HEIGHT: 7px;
  BACKGROUND-IMAGE: url(../img/filtre_top.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

#anketa_gfx_bg {
  BORDER:0; MARGIN:0; PADDING-LEFT:10px; PADDING-BOTTOM:5px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px; WIDTH: 180px; HEIGHT: auto;
  BACKGROUND-IMAGE: url(../img/filtre_bg.gif); BACKGROUND-REPEAT: repeat-y;  BACKGROUND-POSITION: 0px 0px;
}

#anketa_gfx_bot {
  BORDER:0; MARGIN:0; PADDING: 0; font-size:2px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px;  FLOAT: left; WIDTH: 180px; HEIGHT: 4px;
  BACKGROUND-IMAGE: url(../img/filtre_bot.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

/*  BANNER - LEFT */

#banner_gfx_top {
  BORDER:0; MARGIN:0; PADDING:0; font-size:2px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px;  WIDTH: 180px; HEIGHT: 7px;
  BACKGROUND-IMAGE: url(../img/filtre_top.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

#banner_gfx_bg {
  BORDER:0; MARGIN:0; PADDING-LEFT:4px; PADDING-BOTTOM:1px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px; WIDTH: 180px; HEIGHT: auto;
  BACKGROUND-IMAGE: url(../img/filtre_bg.gif); BACKGROUND-REPEAT: repeat-y;  BACKGROUND-POSITION: 0px 0px;
}

#banner_gfx_bot {
  BORDER:0; MARGIN:0; PADDING: 0; font-size:2px;
  DISPLAY: block; POSITION: relative;  LEFT: 15px;  FLOAT: left; WIDTH: 180px; HEIGHT: 4px;
  BACKGROUND-IMAGE: url(../img/filtre_bot.gif); BACKGROUND-REPEAT: no-repeat;  BACKGROUND-POSITION: 0px 0px;
}

#flash_banner {
  BORDER:0; MARGIN:0; PADDING: 0; font-size:2px;
  DISPLAY: block; POSITION: relative;  LEFT: 5px;  FLOAT: left; WIDTH: 170px; HEIGHT: 400px;
  }

.banner_gfx_bg A {
  COLOR: #8f8f8f; FONT-WEIGHT: normal;  text-decoration: none;
}

.banner_gfx_bg A:hover {
  COLOR: #8f8f8f; FONT-WEIGHT: normal;  text-decoration: none; 
   border-bottom: 1px solid #ec5b03;  
}

/*  BIG BUTTONS - MAIN SPORTS MENU */

#big_buttons { POSITION: relative; height:150px; top:0px; left:13px;}


#big_buttons #big_buttons_nav {
  MARGIN: 9px 0  0 5px; PADDING: 0px; LIST-STYLE:none;
}

#big_buttons .paging-iconss {
  DISPLAY: block;  WIDTH: 77px; HEIGHT: 20px; PADDING: 0px;
}

#big_buttons #bb_snow A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 3px; TOP: 17px; HEIGHT: 118px; WIDTH: 92px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn1_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_snow A:hover {
   BACKGROUND: url(../img/big_btn1_over.gif) no-repeat 0px 0px
}

#big_buttons #bb_bike A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 176px; TOP: 17px; HEIGHT: 118px; WIDTH: 86px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn2_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_bike A:hover {
  BACKGROUND: url(../img/big_btn2_over.gif) no-repeat 0px 0px
}

#big_buttons #bb_moto A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 91px; TOP: 17px; HEIGHT: 118px; WIDTH: 95px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn3_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_moto A:hover {
  BACKGROUND: url(../img/big_btn3_over.gif) no-repeat 0px 0px
}

#big_buttons #bb_surf A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 273px; TOP: 17px; HEIGHT: 118px; WIDTH: 94px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn4_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_surf A:hover {
  BACKGROUND: url(../img/big_btn4_over.gif) no-repeat 0px 0px
}


#big_buttons #bb_wake A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 367px; TOP: 17px; HEIGHT: 118px; WIDTH: 86px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn5_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_wake A:hover {
  BACKGROUND: url(../img/big_btn5_over.gif) no-repeat 0px 0px
}

#big_buttons #bb_skate A {
  DISPLAY: block; OVERFLOW: hidden;
  POSITION: absolute; LEFT: 453px; TOP: 17px; HEIGHT: 118px; WIDTH: 92px;
  TEXT-INDENT: -2999px;
  BACKGROUND: url(../img/big_btn6_off.gif) no-repeat 0px 0px
}
#big_buttons #bb_skate A:hover {
  BACKGROUND: url(../img/big_btn6_over.gif) no-repeat 0px 0px
}