*											{margin: 0;
											 padding: 0;}
											 
body 									{font-size: small; 
										   text-align: center;
										   min-width: 720px;
										   background: #ffffff url(img/bg_header.gif) repeat-x;
										   margin: 0;}
										   
html, body							{height: 100%;}	

*html body 						{font-size: x-small; /* pro IE5 Win*/
											 f\ont-size: small; /pro ostatni verze IE*/}

*											{font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica; color: #000000;}


h1, h2, h3, h4, h5, h6  {font-family: Tahoma;}

br.cleaner							{clear: both;}

.page 							    {position: relative;
      							   	 width: 720px;
      							   	 margin: 0 auto;
      							     text-align: left;
      							     clear: both;}
      							     
      							     
h1											{float: left;
												 width: 720px;
												 height: 64px;
												 background: #197dda url(img/h1_title.jpg) no-repeat;
												 text-indent: -9999px; 
                         overflow: hidden;}
                         
h2.red									{font-family: Tahoma;
												 font-size: 110%;
												 color: #992212;
												 font-weight: bold;
												 text-align: left;
												 margin-bottom: 10px;} 
												 
h2.blue									{font-family: Tahoma;
												 font-size: 110%;
												 color: #00519d;
												 font-weight: normal;
												 text-align: left;
												 margin-bottom: 10px;}
												 
h3									    {font-family: Tahoma;
												 font-size: 110%;
												 color: #992212;
												 font-weight: bold;
												 text-align: left;
												 margin-bottom: 10px;
												 text-decoration: underline;}
												 
											 												 												                         
                         
#header  								{float: left;
												 width: 720px;
												 height: 185px;
												 background: #197dda url(img/header.jpg) no-repeat;
												 margin: 0;
												 padding: 0;}
												 
#header_content					{float: left;
												 width: 720px;
												 height: 51px;
												 background: #197dda url(img/header_content.jpg) no-repeat;
												 margin: 0;
												 padding: 0;}
												 
#nav									{float: left;
											 margin-left: 9px;
											 margin-top: 37px;
											 padding: 0;
											 width: 213px;
											 list-style: none;}
											 
#nav li#index a				{background: url(img/menu_hlavni_stranka.jpg) top left no-repeat;
											 width: 203px;
											 height: 27px;
											 margin: 0;
											 padding-top: 10px;
											 padding-left: 10px;
											 float: left;
											 font-family: Tahoma;
											 font-size: 110%;
											 color: #ffffff;
											 font-weight: normal;
											 text-decoration: none;
											 overflow: hidden;}
											 
#nav li#index a:hover {background: url(img/menu_hlavni_stranka.jpg) bottom left no-repeat;
											 color: #fcffb7;
											 padding-top: 10px;
											 padding-left: 10px;
											 text-decoration: underline;}
											 
#nav li#index_aktivni a  {background: url(img/menu_hlavni_stranka.jpg) bottom left no-repeat;
											    width: 203px;
											    height: 27px;
											    margin: 0;
											    padding-top: 10px;
											    padding-left: 10px;
											    float: left;
											    font-family: Tahoma;
											    font-size: 110%;
											    color: #fcffb7;
											    font-weight: normal;
											    text-decoration: underline;
											    overflow: hidden;}	
											 
#nav li#nabidka a			{background: url(img/menu_nabidka.jpg) top left no-repeat;
											 width: 203px;
											 height: 28px;
											 margin: 0;
											 padding-top: 10px;
											 padding-left: 10px;
											 float: left;
											 font-family: Tahoma;
											 font-size: 110%;
											 color: #ffffff;
											 font-weight: normal;
											 text-decoration: none;
											 overflow: hidden;}
											 
#nav li#nabidka a:hover {background: url(img/menu_nabidka.jpg) bottom left no-repeat;
											   color: #fcffb7;
											   padding-top: 10px;
											   padding-left: 10px;
											   text-decoration: underline;}
											 
#nav li#nabidka_aktivni a  {background: url(img/menu_nabidka.jpg) bottom left no-repeat;
											      width: 203px;
											      height: 28px;
											      margin: 0;
											      padding-top: 10px;
											      padding-left: 10px;
											      float: left;
											      font-family: Tahoma;
										      	font-size: 110%;
											      color: #fcffb7;
											      font-weight: normal;
											      text-decoration: underline;
											      overflow: hidden;}
											 
#nav li#prodejna a		{background: url(img/menu_prodejna.jpg) top left no-repeat;
											 width: 203px;
											 height: 27px;
											 margin: 0;
											 padding-top: 10px;
											 padding-left: 10px;
											 float: left;
											 font-family: Tahoma;
											 font-size: 110%;
											 color: #ffffff;
											 font-weight: normal;
											 text-decoration: none;
											 overflow: hidden;}
											 
#nav li#prodejna a:hover		{background: url(img/menu_prodejna.jpg) bottom left no-repeat;
											       color: #fcffb7;
											       padding-top: 10px;
											       padding-left: 10px;
											       text-decoration: underline;}
											 
#nav li#prodejna_aktivni a  {background: url(img/menu_prodejna.jpg) bottom left no-repeat;
											       width: 203px;
											       height: 27px;
											       margin: 0;
											       padding-top: 10px;
											       padding-left: 10px;
											       float: left;
											       font-family: Tahoma;
											       font-size: 110%;
											       color: #fcffb7;
											       font-weight: normal;
											       text-decoration: underline;
											       overflow: hidden;}
											 
#nav li#kontakt a			{background: url(img/menu_kontakt.jpg) top left no-repeat;
											 width: 203px;
											 height: 25px;
											 margin: 0;
											 padding-top: 10px;
											 padding-left: 10px;
											 float: left;
											 font-family: Tahoma;
											 font-size: 110%;
											 color: #ffffff;
											 font-weight: normal;
											 text-decoration: none;
											 overflow: hidden;}
											 
#nav li#kontakt a:hover		{background: url(img/menu_kontakt.jpg) bottom left no-repeat;
											     color: #fcffb7;
											     padding-top: 10px;
											     padding-left: 10px;
											     text-decoration: underline;}
											 
#nav li#kontakt_aktivni a  {background: url(img/menu_kontakt.jpg) bottom left no-repeat;
											      width: 203px;
											      height: 25px;
											      margin: 0;
											      padding-top: 10px;
											      padding-left: 10px;
											      float: left;
											      font-family: Tahoma;
											      font-size: 110%;
											      color: #fcffb7;
											      font-weight: normal;
											      text-decoration: underline;
											      overflow: hidden;}											 												 											 										 											 
											 
											 
											 
											 											 												 
												 
#content								{float: left;
												 width: 720px;
												 min-height: 428px;
												 height: auto;
												 background: #e1f0ff;
												 margin: 0;
												 padding: 0;}
												 
#content_left						{float: left;
												 width: 230px;
												 height: auto;
												 margin: 0;
												 padding: 0;}
												 
.box										{float: left;
												 width: 186px;
												 height: auto;
												 background: url(img/bg_box.gif) top left no-repeat;
												 margin-left: 10px;
												 margin-bottom: 20px;
												 padding-left: 10px;
												 padding-right: 10px;
												 padding-bottom: 10px;
												 padding-top: 7px;}
												 
.box p									{font-family: Tahoma;
												 font-size: 100%;
												 font-weight: normal;
												 text-align: left;
												 color: #464646;}
												 
.box p strong						{color: #000000;}

.box p a								{text-decoration: underline;
                         color: #00519d;}
                         
.box p a:hover					{text-decoration: underline;
                         color: #00114d;}
                         
.box em									{font-size: 80%;}

.box img                {float: left;
												 border: 1px solid #00519d;
												 padding: 2px;
												 margin-left: 18px;
												 margin-top: 18px;}
												 
.box a img                {float: left;
												 border: 1px solid #00519d;
												 padding: 2px;
												 margin-left: 18px;
												 margin-top: 18px;}	
												 
#nord_blanc a					{float: left;
											 width: 93px;
											 height: 60px;
											 background: url(img/nord_blanc.gif) top left no-repeat;}
											 
#nord_blanc a:hover			{float: left;
											 width: 93px;
											 height: 60px;
											 background: url(img/nord_blanc.gif) bottom left no-repeat;}
											 
#rossignol a					{float: left;
											 width: 93px;
											 height: 60px;
											 background: url(img/rossignol.gif) top left no-repeat;}
											 
#rossignol a:hover			{float: left;
											 width: 93px;
											 height: 60px;
											 background: url(img/rossignol.gif) bottom left no-repeat;}											 											 												 											                                   												 												 												 
	
	
#reebok a					{float: left;
									 width: 93px;
									 height: 30px;
									 background: url(img/reebok.gif) top left no-repeat;}
											 
#reebok a:hover			{float: left;
										 width: 93px;
										 height: 30px;
										 background: url(img/reebok.gif) bottom left no-repeat;}
										 
#blizzard a					{float: left;
									   width: 93px;
									   height: 30px;
									   background: url(img/blizzard.gif) top left no-repeat;}
											 
#blizzard a:hover			{float: left;
										 width: 93px;
										 height: 30px;
										 background: url(img/blizzard.gif) bottom left no-repeat;}
										 
#adidas a					{float: left;
									 width: 93px;
									 height: 60px;
									 background: url(img/adidas.gif) top left no-repeat;}
											 
#adidas a:hover			{float: left;
										 width: 93px;
										 height: 60px;
										 background: url(img/adidas.gif) bottom left no-repeat;}
										 
#olympikus a					{float: left;
									   width: 93px;
									   height: 60px;
									   background: url(img/olympikus.gif) top left no-repeat;}
											 
#olympikus a:hover			{float: left;
										   width: 93px;
										   height: 60px;
										   background: url(img/olympikus.gif) bottom left no-repeat;}
										   
#exel a					{float: left;
								 width: 93px;
								 height: 30px;
								 background: url(img/exel.gif) top left no-repeat;}
											 
#exel a:hover			{float: left;
									 width: 93px;
									 height: 30px;
									 background: url(img/exel.gif) bottom left no-repeat;}	
									 
#craft a					{float: left;
								 width: 93px;
								 height: 30px;
								 background: url(img/craft.gif) top left no-repeat;}
											 
#craft a:hover			{float: left;
									 width: 93px;
									 height: 30px;
									 background: url(img/craft.gif) bottom left no-repeat;}									 									   										 										 										 	
												 
#content_right				  {float: right;
												 width: 470px;
												 height: auto;
												 margin: 0;
												 padding-top: 7px;
												 padding-left: 10px;
												 padding-right: 10px;
												 padding-bottom: 6px;}
												 
#content_right a img 		{float: left;
											 border: 1px solid #00519d;
											 padding: 2px;
											 margin-left: 36px;
                         margin-top: 10px;
											 margin-bottom: 10px;}
												 
#content_right a img.akce 		{float: left;
												       border: 1px solid #00519d;
												       padding: 2px; 
												       margin-right: 10px;
												       margin-left: 0;
												       margin-top: 5px;}												 												 
												 
#content_right p				{font-family: Tahoma;
												 font-size: 100%;
												 font-weight: normal;
												 text-align: left;
												 color: #464646;}
												 
#content_right p strong	{color: #000000;}

#content_right p a			{text-decoration: underline;
                         color: #00519d;}
                         
#content_right p a:hover	{text-decoration: underline;
                           color: #00114d;}
                         
#content_right em		{font-size: 80%;
									 color: #992212;} 												 													 												 
												 
.box_akce								{float: left;
												 width: 450px;
												 height: auto;
												 background: url(img/bg_akce.gif) top left no-repeat;
												 margin-bottom: 20px;
												 padding-left: 10px;
												 padding-right: 10px;
												 padding-bottom: 10px;
												 padding-top: 7px;}
												 
.box_akce p							{font-family: Tahoma;
												 font-size: 100%;
												 font-weight: normal;
												 text-align: left;
												 color: #464646;}
												 
.box_akce p strong						{color: #000000;}

.box_akce p a						{text-decoration: underline;
                         color: #00519d;}
                         
.box_akce p a.more_info {text-decoration: underline;
                         color: #00519d;
                         float: right;
                         margin-right: 10px;
                         margin-top: 10px;}                         
                         
.box_akce p a:hover			{text-decoration: underline;
                         color: #00114d;}
                         
#formular											{width: 470px;
															 margin: 0;
															 padding-left: 10px;
															 padding-right: 10px;
															 font-family: Tahoma;
															 font-size: 100%;}
															 
#formular 	fieldset					   {border: none;
															 padding: 0;}
															 
															 
															 
#formular fieldset label				{color: #00519d;
															   width: 400px;
															   float: left;
															   display: block;}	
															   
#formular fieldset label#tel		{color: #00519d;
															   width: 400px;
															   float: left;
															   display: block;}															   

#formular fieldset input,textarea		 {color: #000000;
															        width: 400px;
																			float: left;
																			font-size: 100%;
																			border: 1px solid #7ebfe8;
															        margin: 0 0 10px 0;}
															         
#formular fieldset input#tlacitko			{width: 100px;
																			 background: none;
																			 font-size: 100%;
																			 font-weight: bold;	
																			 display: block;
																			 color: #992212;
																			 float: right;
																			 border: none;}	                      
                         
												 
												 
#footer									{width: 100%;
												 height: 144px;
												 float: left;
												 background: #ffffff url(img/bg_footer.gif) repeat-x;}												 
												 
#footer_content					{float: left;
												 width: 720px;
												 height: 56px;
												 background: #197dda url(img/footer_content.jpg) no-repeat;
												 margin: 0;
												 padding: 0;}
												 
												 
												 
#paticka								{float: left;
												 width: 720px;
												 height: 88px;
												 background: #197dda url(img/bg_paticka.jpg) no-repeat;
												 margin: 0;
												 padding: ;}	
												 
#paticka address					{font-family: Tahoma;
                         font-weight: normal;
											 	 font-style: normal;
												 font-size: 85%;
												 color: #ffffff;
												 text-align: right;
												 margin-top: 31px;
												 margin-right: 15px;}
												 
#paticka address	a				{color: #ffffff;
												 text-decoration: underline;}
												 
#paticka address a:hover	{color: #ffffff;												 											 
												 												 												 							 
												                                							     
      							     
														  
														  																			 											      							           							     
      							     
						 												                          
                         												 												 												 





