/* Toto CSS prosime ponechat v puvodni podobe - individualni styly psat do souboru CUSTOM.CSS */

/* Tělo */
BODY 				{color: #7a7a7a;
				 background: url(../../images/design/bg_top.png) repeat-x #474747;
				 font-size: 75%;
				 font-family: Arial, sans-serif;
 				 margin: 0;
 				 padding: 0;
 				 text-align: center;
 				 behavior: url(../../css/csshover.htc);}
H1, TABLE			{font-size: 100%;}
FORM				{margin: 0; padding: 0;}
IMG 				{border: 0;}
TEXTAREA, SELECT		{font-size: 100%; color: #808080; background: url(../../themes/theme1/red/images/bginput.gif) no-repeat #fff; border: 1px #9c9c9c solid; font-family: Arial, sans-serif;}
INPUT				{font-size: 100%; color: #ddd; background: url(../../images/design/bginput.png) no-repeat #626262; border: 1px #414141 solid; font-family: Arial, sans-serif; padding: 6px 7px;}
INPUT:focus			{font-size: 100%; color: #2b2b2b; background: url(../../images/design/bginput_focus.png) no-repeat #e6e6e6; border: 1px #626262 solid; font-family: Arial, sans-serif; padding: 6px 7px;}
INPUT.submit,
INPUT.submit-kos,
INPUT.submit-pokladna		{cursor: pointer; color: #fff; font-weight: bold; background: #c10000; border: solid 1px #7d0000; padding: 5px 10px; text-transform: lowercase;}
INPUT.submit:hover,
INPUT.submit-kos:hover,
INPUT.submit-pokladna:hover	{background: #a40000; border: solid 1px #6c0000;}
INPUT.submit-pokladna		{background: #666; border: solid 1px #444;}
INPUT.submit-pokladna:hover	{background: #444; border: solid 1px #222;}
INPUT.submit-image, LABEL	{cursor: pointer; border: 0;}
INPUT.noborder			{border: 0; background: transparent;}
INPUT.readonly			{color: #999;}
A	        		{color: #7a7a7a; text-decoration: underline;}
A:active			{color: #c10000;}
A:visited			{color: #7a7a7a;}
A:hover				{color: #c10000;}
.clr                            {clear: both; font-size: 1px;}

/* Obal strany */
#pozadi                         {}
#page 	 			{width: 1000px; background: url(../images/header.png) no-repeat; _background: url(../images/header_ie6.png) no-repeat; position: relative; margin: 0 auto; padding-top: 177px; text-align: left;}
.right_cover                    {width: 262px; height: 20px; position: absolute; top: 177px; right: 9px; _right: 15px; background: url(../../images/design/bg_stred_noright_top.png) no-repeat;}
#cely-clanek                    {padding: 20px 75px 20px 80px;}

/* Logo */
#logo				{width: 135px; height: 95px; overflow: hidden; position: absolute; left: 0; top: 33px; z-index: 1; margin: 0; text-align: center;}
#logo SPAN			{width: 135px; height: 95px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10; display: block; cursor: pointer;}
#logo A  			{color: #fff; font-size: 150%; font-weight: bold; text-decoration: none; margin: 15px 0 0 0; display: block;}

/* Links - logos */
#links_logo                     {position: absolute; top: 33px; left: 22px; width: 610px; height: 54px; overflow: hidden;}
#links_logo A			{display: block; height: 54px; float: left; margin-right: 10px; outline: none;}
#links_logo #adidas		{width: 79px;}
#links_logo #nike		{width: 80px;}
#links_logo #puma		{width: 85px;}
#links_logo #reebok		{width: 92px;}
#links_logo #salomon		{width: 94px;}
#links_logo #crocs		{width: 94px;}

/* Links */
#links                          {position: absolute; top: 35px; right: 20px; list-style: none; padding: 0; margin: 0;}
#links LI			{margin-right: 4px; width: 72px; float: left; text-align: center; font-size: 150%;}
#links A, #links A:visited	{color: #fff; text-decoration: none; display: block; float: left; line-height: 50px; width: 72px; outline: none;}
#links A:hover			{text-decoration: underline;}
#links SPAN			{color: #676767; width: 70px; line-height: 50px;}

/* Logo */
#logo				{position: absolute; left: 85px; top: 80px;}
#logo A				{width: 135px; height: 90px; display: block; outline: none;}
#logo SPAN  			{display: none;}

/* sysbar */
#sysbar 			{list-style-type: none; margin: 0; padding: 0; position: absolute; left: 260px; top: 116px;}
#sysbar LI 			{margin: 0; padding: 0; text-align: center; float: left; padding: 0 10px; background: url(../images/design/sysbar_line.gif) no-repeat 0 3px;}
#sysbar A 			{color: #9e9e9e; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 115%; border-bottom: solid 1px #9e9e9e; display: block; padding: 2px 0 0 0;}
#sysbar A:hover			{color: #fff; text-decoration: none; border-bottom: solid 1px #fff;}
#sysbar #active A		{color: #fff; border: 0;}
#sysbar .first                  {background: transparent;}

/* Vyhledávání */
#vyhledavani	  		{width: 250px; position: absolute; left: 560px; top: 47px;}
#vyhledavani .label 		{display: none;}
#vyhledavani P 			{margin: 0; padding: 0;}
#vyhledavani A 			{display: none;}
#vyhledavani INPUT 		{width: 179px; vertical-align: middle;}
#vyhledavani .submit		{width: 38px; height: auto; background: #c10000; border: solid 1px #7d0000; padding: 5px 0; margin-left: 9px;}
#vyhledavani .submit:hover	{background: #a40000; border: solid 1px #6c0000;}

/* Strana */
#strana                         {width: 991px;}
#strana TABLE TD 		{vertical-align: top; padding: 0;}
#levy 				{width: 180px; padding: 0 12px 0 19px !important; color: #bbb;}
#pravy				{width: 180px; padding: 0 0 0 12px !important; color: #bbb;}

#obsah 				{width: 580px; vertical-align: top; padding: 0; background: #fff;}
#obsah .inner 			{width: 580px; background: url(../images/bg_content.png) repeat-x; padding: 0; min-height: 300px; overflow: hidden;}
#obsah.bez-pozadi		{background: #fff !important;}

#levy .label			{width: 180px; height: 58px; color: #a1a1a1; font-size: 110%; font-weight: bold; text-align: center; margin: 0; text-transform: uppercase; position: relative; top:-12px; display: none;}
#levy .label SPAN 		{position: relative; top: 17px;}
#levy UL 			{list-style-type: none; line-height: 15px; margin: 0 20px 10px 25px; padding: 0;}
#levy UL LI			{margin: 0; padding: 0;}
#levy P				{margin: 0 20px 10px 25px;}
#levy A,
#levy A:visited 		{color: #c3c3c3;}
#levy A:active,
#levy A:hover			{color: #fff;}
#levy .bottom, #pravy .bottom   {display: none;}

/* Menu */
#menu				{background: #3e3e3e; margin-bottom: 15px; margin-top: -1px; width: 180px;}
#menu UL 			{list-style-type: none; margin: 0; padding: 1px 1px 0 1px;}
#menu UL LI			{margin: 0; padding: 0 0 1px 0;}
#menu A, #menu A:visited	{display: block; color: #fff; padding: 0 0 0 10px; height: 29px; line-height: 25px; background: url(../images/menu-bg.png) no-repeat 0; text-decoration: none; font-size: 100%; font-weight: bold;}
#menu A:hover                   {color: #fff; background: url(../images/menu-bg2.png) no-repeat 0;}
#menu A.active			{color: #fff; background: url(../images/menu-bg3.png) no-repeat 0;}

/* Prodejny - mesta */
#mesta				{background: #5d5d5d; margin-bottom: 12px; padding: 1px 1px 0 1px; width: 178px;}
#mesta .label			{display: none;}
#mesta .stat			{padding: 5px 0 5px 20px; margin: 0; font-size: 110%; font-weight: bold; background: #3e3e3e; color: #fff; border: solid 1px #333; width: 156px;}
#mesta UL			{list-style-type: none; margin: 0;padding: 0;}
#mesta UL LI			{margin: 0; padding: 0 0 1px 0;}
#mesta A, #mesta A:visited	{display: block; color: #c3c3c3; text-decoration: underline; padding: 3px 0 3px 20px; background: url(../../images/design/arrow_2.gif) no-repeat 10px 9px #686868; _height: 15px; text-decoration: none; font-size: 110%;}
#mesta A:hover			{color: #444; background: url(../../images/design/arrow_2h.gif) no-repeat 10px 9px #fff; text-decoration: none;}
#mesta A.active			{color: #C10000; background: url(../../images/design/arrow_2a.gif) no-repeat 10px 6px #fff; text-decoration: none; font-weight: bold;}


/* Menu puvodni
#menu				{background: url(../images/bg_box_left.png); margin-bottom: 12px; padding: 10px 0 0 0; width: 180px;}
#menu UL 			{list-style-type: none; margin: 10px 0 0 0; padding: 0 0 7px 0;}
#menu UL LI			{margin: 0; padding: 0;}
#menu A, #menu A:visited	{display: block; color: #c3c3c3; text-decoration: underline; padding: 3px 0 3px 20px; background: url(../../images/design/arrow_2.gif) no-repeat 10px 9px; _height: 15px; border-bottom: solid 1px #5d5d5d; text-decoration: none; font-size: 115%;}
#menu A:hover                   {color: #444; background: url(../../images/design/arrow_2h.gif) no-repeat 10px 9px #fff; text-decoration: none;}
#menu A.active			{color: #C10000; background: url(../../images/design/arrow_2a.gif) no-repeat 10px 6px #fff; text-decoration: none; font-weight: bold;}
#menu UL UL			{margin: 0; padding: 0;}
#menu UL UL A,
#menu UL UL A:visited		{display: block; color: #c3c3c3; text-decoration: underline; padding: 3px 0 3px 32px; background: url(../../images/design/arrow_1.gif) no-repeat 20px 9px #494848; _height: 15px; border-bottom: solid 1px #404040; text-decoration: none; font-size: 100%;}
#menu UL UL A:hover		{color: #fff; background: url(../../images/design/arrow_1h.gif) no-repeat 20px 9px; text-decoration: none;}
#menu UL UL A.active		{color: #fff; background: url(../../images/design/arrow_1a.gif) no-repeat 20px 6px #494848; text-decoration: none; font-weight: bold;}
#menu UL UL UL			{margin: 0; padding: 5px 0 8px 0; border-bottom: solid 1px #5d5d5d; background: #343434;}
#menu UL UL UL A,
#menu UL UL UL A:visited	{display: block; color: #bbb; text-decoration: underline; margin-left: 32px ; padding: 2px 0 2px 10px; background: url(../../images/design/arrow_1.gif) no-repeat 0 8px; _height: 15px; border: 0; font-size: 100%;}
#menu UL UL UL A:hover		{color: #fff; background: url(../../images/design/arrow_1h.gif) no-repeat 0 8px; text-decoration: none;}
#menu UL UL UL A.active		{color: #fff; background: url(../../images/design/arrow_1a.gif) no-repeat 0 5px; text-decoration: none; font-weight: bold;}
*/
/* Popis clanku */
#popis_clanku 			{display: none;}

/* Bannery */
.banner				{width: 180px;}
.banner .bottom                 {display: none;}
.banner	.content		{text-align: center; overflow: hidden;}
.banner	embed,
.banner	img			{display: block; margin: 0 auto;}


/* Patička */
#paticka 			{background: url(../images/footer_only_shadow.png) no-repeat 200px 0; _background: url(../images/footer_ie6.png) no-repeat 200px 0; text-align: right; padding-top: 45px !important; height: 180px; font-size: 90%; padding-left: 20px !important;}
#paticka UL 			{width: 139px; margin: 0 0 0 0; padding: 0; float: left; border-right: solid 1px #898989; list-style-type: none; text-align: left;}
#paticka LI 			{margin: 0; padding: 0; line-height: 15px;}
#paticka LI A,
#paticka LI A:visited		{color: #898989; padding-left: 12px;}
#paticka LI A:hover		{color: #fff; text-decoration: none;}
#paticka .copyright             {clear: both; text-align: center;}
#paticka .copyright A		{margin: 0; padding: 5px 2px 10px 2px;}
#paticka .copyright A:hover	{color: #fff;}

/* Obsah */
#obsah H2			{font-size: 150%; margin: 0; padding: 0 0 10px 0; text-transform: uppercase; color: #c10000; font-weight: normal;}
#clanek				{}
#clanek	TABLE			{width: auto !important;}


/* main page */
.main_banner                    {width: 738px;}
#obsah .label                   {font-size: 150%; text-transform: uppercase; margin: 10px 12px 8px 15px;}

#box-goods                      {width: 545px; background: url(../images/box-goods3.png) no-repeat; margin-left: 16px; margin-bottom: 18px;}
#box-goods .box1		{width: 174px; height: 220px; float: left; margin: 0 6px 0 5px; position: relative; text-align: center;}
#box-goods .box2		{width: 176px; height: 220px; float: left; margin: 0 5px 0 0; position: relative; text-align: center;}
#box-goods .box3		{width: 175px; height: 220px; float: left; position: relative; text-align: center;}
#box-goods .bottom		{height: 16px; background: url(../images/box-goods3-bottom.png) no-repeat 0 100%; clear: both;}
#box-goods .img                 {display: block; width: 120px; margin: 5px auto 3px auto;}
#box-goods .text                {margin: 12px 7px 0 7px;}
#box-goods .nazev		{font-size: 125%; font-weight: bold; display: block; margin-bottom: 4px; height: 36px; overflow: hidden;}
#box-goods .popis		{margin-bottom: 5px;}
#box-goods .cena		{text-align: center; margin: 0 0px; line-height: 20px;}
#box-goods .cena SPAN		{font-weight: bold; color: #c10000;}
#box-goods .cena .doporucena SPAN{font-size: 110%; color: #666;}
#box-goods .cena .posleve SPAN	{font-size: 120%;}
#box-goods .cena .usetrite SPAN	{font-size: 120%;}
#box-goods .cena .prodejni SPAN	{font-size: 120%;}
#box-goods .cena .prodejni 	{margin-top: 20px;}
#box-goods .vice		{display: block; width: 105px; height: 24px; position: absolute; bottom: -11px; _bottom: 0; right: 1px; _right: 3px; background: url(../images/btn-vice-red.gif) no-repeat;}
#box-goods .sleva               {position: absolute; left: 8px; top: 2px; display: block; width: 65px; height: 64px; background: url(../../images/design/ico_sleva.png) no-repeat; _background: url(../../images/design/ico_sleva_ie6.gif) no-repeat;}
#box-goods .sleva B		{display: none;}

#box-text			{width: 545px; position: relative; background: url(../images/box-text-top.png) no-repeat; margin-left: 16px;}
#box-text .novinky              {background: url(../images/box-text-bottom.png) no-repeat 0 100%;}
#box-text .novinky .odkazy	{padding: 17px 27px 20px 27px; margin: 0; list-style: none;}
#box-text .novinky LI		{padding-bottom: 10px;}
#box-text .novinky LI:hover .datum    {color: #7a7a7a;}
#box-text .novinky A,
#box-text .novinky A:visited	{line-height: 24px; font-weight: bold;}
#box-text .novinky A:hover	{}
#box-text .novinky .datum	{color: #aaa;}
#box-text .novinky .popis	{display: block; margin-left: 72px;}
#box-text .vice			{display: block; width: 105px; height: 24px; position: absolute; bottom: 5px; _bottom: 0; right: 5px; _right: 5px; background: url(../images/btn-vice-gray.gif) no-repeat;}

/* Partnersky box */
#box 				{width: 158px; background: #ecefd2; text-align: center; position: relative; top: 40px;}
#box A 				{display: block; margin: 0 3px; text-decoration: none; font-weight: bold;}
#box IMG 			{border: 0; margin: 10px auto; padding: 10px; background: #fff; border: solid 3px #ceb800;}


/*vlajky*/
#vlajky  {position: absolute; top: 113px; right: 30px;}
#vlajky a {margin-left: 5px;}



/*Prodejci*/
#cely-clanek-prodejny           {padding: 18px;}
#mapy				{}
#mapy #mapa-cr, #mapa-sk		{}
#mapy #mapa-cr-all		{float: left;}
#mapy #mapa-sk-all		{float: left;}
#mapy #mapa-sk-all map		{}

#mapy-small #mapa-cr, #mapa-sk		{}
#mapy-small #mapa-cr-all                    {width: 275px; overflow: hidden; float: left;}
#mapy-small #mapa-sk-all                    {width: 264px; overflow: hidden; float: left;}

.prodejny_detail		{text-align: left; padding: 20px 75px 20px 88px;}
.prodejce			{width: 530px; margin: 10px !important; text-align:left;}
.prodejce TD			{padding-bottom: 10px !important; vertical-align: top;}
.prodejce TD.name               {width: 200px;}
.prodejce TD.adress		{width: 170px;}
.prodejce TD.more		{width: 40px;}
.prodejce TD.maps		{width: 90px;}
.prodejce a.jmeno		{/*display: block; width: 228px; padding: 5px; border: solid 1px #ddd; background: #eee; */ color: #C10000; text-transform: uppercase;}
.prodejce a.jmeno:hover		{color: #7a7a7a;}
a.posta				{background: url('../../images/email.gif') 0% 100% no-repeat; padding-left: 20px; text-decoration: none; display: block; margin-top: 3px;}
.telefon			{background: url('../../images/telephone.gif') 0% 100% no-repeat; padding-left: 20px; text-decoration: none;}
.otviraci_doba{background: url('../../images/opening.gif') 0 1px no-repeat; padding: 1px 0 1px 21px;}

.prodejce a:hover		{text-decoration: underline;}

.notactive	{cursor: default;}

/* facebook like tlacitko */
#like_button	{float:right; width:150px;}
/* facebook activity feed */
#activity_feed	{background-color:#ffffff; margin:8px 0 0 0;}


/* FB a twiiter ikony */
#social_icons {
    text-align: center;
    padding: 0 0 5px 0
}
#social_icons a {
    margin: 0 0 0 10px;
}

#vrstva_form {display: none; z-index: 2300; width: 380px; position: absolute; background-color: #BBBBBB;
				color: #555; border: 2px solid #555; padding: 10px;}
#vrstva_form p {text-align: left; line-height: 170%;}
#vrstva_form .close {background: url('../../images/fancy_close.png') right center no-repeat; padding: 6px 35px 6px 5px;
				float: right; color: #000;}

/* prolinacky titulka */
#prolinaci_upoutavky {
  position: relative;
  background: #232323 url(../images/design/upbg.gif) left bottom repeat-x;
  border: 1px solid #555;
  border-bottom: 2px solid #000;
  min-height:450px;
}

#prolinaci_upoutavky img {
    display: block;
    margin: 0 auto;
}

#prolinaci_upoutavky .item {position: absolute; background: white; height: 400px !important; background: #232323; width: 100%;}
#prolinaci_upoutavky .item.hide {display: none;}

/* POZOR, vyska controls se musi nastavit take v scripts/index.php v promenne $GRAFIKA_vyska_controls */
ul.controls {
  position: absolute;
  width: auto;
  bottom: 13px;
  margin: 0 0 0 5px;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  z-index: 999;
  background: none;
}

ul.controls li {
  padding: 0;
  margin: 0 0 0 3px;
  display: inline;
}

ul.controls li a {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: white;
  text-decoration: none;
  background: #585858;
  font-weight: bold;
  border: 1px dotted #333;
  margin-left: 1px;
  font-size: 110%;
}

ul.controls li.act a{
  background: #232323;
  color: #fff;
}


ul.controls .play a {
  background: #585858 url(../images/design/play.png) center center no-repeat;
}

ul.controls .stop a {
  background: #585858 url(../images/design/pause.png) center center no-repeat;
}


/*hlavni strana vyrobci dole*/
#vyrobci_dole	{list-style-type: none; position: relative; width: 375px; overflow: visible; margin: 20px auto; padding: 0;}
#vyrobci_dole li	{float: left; padding: 4px 10px;}
#adidas_popis,
#nike_popis,
#puma_popis,
#reebok_popis	{display: none; position: absolute; color: #eee; padding: 0px; bottom: 0px; *bottom: 50px; left: -80px; width: 539px;}
#vyrobci_dole .vyrboxtop	{background: url(../../images/vyrboxtop.png) bottom center no-repeat; width: 539px; height: 13px; margin: 0; padding: 0;}
#vyrobci_dole .vyrboxcont	{background: #464646; padding: 0 20px !important; margin: 0px; display: inline-block; width: 499px;}
#vyrobci_dole .vyrboxcont	p	{margin: 10px 0; padding: 0;}
#vyrobci_dole .vyrboxbottom	{background: url(../../images/vyrboxbottom.png) top center no-repeat; width: 539px; height: 13px; margin: 0; padding: 0;}
#vyrobci_dole li:hover > div	{display: block;}