﻿
body { background-image: url(../images/bgrd_page.jpg); background-repeat: repeat-x; background-image: top left; background-color: #000000;
	font-family: Verdana, Geneva, sans-serif; margin:0; padding:0; text-align:center; }

#container{ width:1008px; margin:0 auto; padding:0; text-align:center;
	background-image: url(../images/bgrd_center.jpg); 
	background-repeat: no-repeat; background-image: top center; }

#fatCup { position:absolute; top:100px; margin-left:22px; &margin-left:-32px; width:32px; height:111px; display:block; cursor: pointer; cursor: hand; }
.fatCupBgrd { background-image:url(../images/fat_cup_off.jpg); background-position:left top; background-repeat:no-repeat;  }
.fatCupBgrdOver { background-image:url(../images/fat_cup_on.jpg); background-position:left top; background-repeat:no-repeat;  }

#fatKemp { position:absolute; top:220px; margin-left:22px;&margin-left:-32px; width:32px; height:114px; display:block; cursor: pointer; cursor: hand; }
.fatKempBgrd { background-image:url(../images/fat_kemp_off.jpg); background-position:left top; background-repeat:no-repeat;  }
.fatKempBgrdOver { background-image:url(../images/fat_kemp_on.jpg); background-position:left top; background-repeat:no-repeat;  } 

.clearBoth { clear:both; margin:0; padding:0; height:0px; } 
.clearLeft { clear:left; margin:0; padding:0; }
.clearRight { clear:right; margin:0; padding:0; }

#topmenu { width: 900px; height:55px; padding-top:0px; margin: 0 auto; text-align: right; }
#topmenu div { height:35px; padding-top:20px; padding-left: 0px; float: left; }
#topmenu img { margin: 0px; border: 0px; }
#topmenu ul { width: 600px; height: 55px; margin: 0px 0px 0px 300px; padding: 0px 0px 0px 0px; text-align: center; list-style-type: none; }
#topmenu ul li { display:block; float:right; font-family:verdana; font-size:10pt; line-height:75px;  padding-left:20px; }
#topmenu ul li a { padding:4px 10px 5px 10px; color: #ACACAC; text-decoration: none; background-image: url(../images/topMenuLnkBgr.png); background-repeat: repeat-x; }
#topmenu ul li a:hover { text-decoration: none; background-image: url(../images/topMenuLnkBgrHov.png); color: #FFFFFF; }

#obsah { width: 900px; margin: auto; min-height: 318px; text-align: left; margin-top: 20px; margin-bottom: 0px; 
		background: #000000 url(../images/bodyMainBgr.png) no-repeat right top; }

#contentFullWidth {
  width: 900px;
  margin: auto;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding:O;
  background-color:#FFF;
  font-size: 8pt;
  color: #000000;
  }
#contentFullWidth table { 
  width:100%; border:none; 
  margin: auto;
  text-align: left;
  margin: 0px;
  padding:0px;
  /*background-color:#000;*/
  font-size: 8pt;
  color: #000000;
  }
#contentFullWidth td { 
  text-align: left;
  margin: 0px;
  padding:20px; vertical-align:top;
  }
  
a.prodejci:link { color: #FF081F; text-decoration: none }
a.prodejci:visited { color: #FF081F; text-decoration: none }
a.prodejci:hover { color: #FF081F; text-decoration: underline }
a.prodejci:active { color: #FF081F; text-decoration: underline }

#contentFullWidth td h3 {
  color: #FF081F; vertical-align:top;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  padding: 0 0 5px 0;
  margin:0;
  text-transform:uppercase;
  }

#florbal-katalog { width: 900px; min-height:470px; margin: 0 auto; text-align: left; margin-top: 18px; margin-bottom: 0px; background: url(../images/bodyMainBgr.jpg) no-repeat right top; }
#florbal-katalog-inside { width: 100%; min-height:470px; margin:0; padding:0; background: url(../images/bgrd_katalog_inside.jpg) no-repeat right bottom; }
#florbal-katalog #nadpisy{ padding-top:20px; }
ul { margin: 0em 0em 0em 4em; padding: 0; list-style-type: disc; color:#ACACAC; }
li { margin: 0; padding: 0; }

#menu { width: 360px; min-height: 318px; float: left; }
  
#nadpisy { padding-left:25px; padding-top:90px; }

#nadpisy-subpage { padding-left:25px; padding-top:20px; }

#shop-link { position: relative; width:320px; margin:0; padding:0; left: 0px; bottom: 20px; } 
#shop-link a:link { color: #ACACAC; text-decoration: none }
#shop-link a:visited { color: #ACACAC; text-decoration: none }
#shop-link a:hover { color: #FF081F; text-decoration: underline }
#shop-link a:active { color: #FF081F; text-decoration: underline }
  
a.mail:link { color: #ACACAC; text-decoration: underline }
a.mail:visited { color: #ACACAC; text-decoration: underline }
a.mail:hover { color: #FF081F; text-decoration: underline }
a.mail:active { color: #FF081F; text-decoration: underline }

h1 { color: #ff081f; font-family: "Courier New", Courier, monospace; text-transform: uppercase; font-weight: bold; font-size: 18pt; margin:0; padding:0; }
h2 { font-size: 9pt; color: #666666; font-weight: bold; text-transform: none; margin-top:0; padding-top:0; }
h3 { color: #FF081F; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; padding:15px 0px 0px 25px; text-transform:uppercase; }

#florbal-katalog h1 { font-size: 15pt; }  

.odstavec { font-size: 8pt; padding-left: 25px; padding-right: 15px; margin-top: 5px; margin-bottom: 5px; color: #ACACAC; }

.florbalky, .florbalky:visited { font-size: 9pt; padding-left: 25px; color: #FF081F; text-decoration: none; }
.florbalky:hover { text-decoration: underline; }
  
.texta { color: #ACACAC; text-transform: uppercase; font-weight: normal; font-size: 8pt; line-height: 12pt; text-decoration: none; }
.texta:hover { text-decoration: underline; color: #FFFFFF; }

#right { margin-left: 362px; padding-left:88px; padding-top:20px; }
#right-detail { margin-left: 362px; padding-left:78px; padding-top:20px; padding-bottom:10px; }

#thumbnails { width:431px; } 

.obra { display: inline-block; }
.obra img { width: 105px; height: 105px; border:none; }
a.obra:link { border: 1px solid #000; }
a.obra:visited { border: 1px solid #000; }
a.obra:hover { border: 1px solid #FF081F; }
a.obra:active { border: 1px solid #000; }

#detail { text-align: left; width: 440px; height: 440px; }
#detail img { width: 440px; height: 440px; border: 0px; }

#menuBottom {  }

#menuBottom table { width: 900px; margin: 0 auto; padding:0; margin-bottom:0; clear: both; background-color:#242222; border:none; }
#menuBottom table td { margin:0; padding:0; width:221px; height:187px; text-align:right; }

#menuBottom table td a { color:#AFAFAF; display:block; font-family: "Courier New", Courier, monospace;  font-size:14pt; font-weight: bold; 
			padding-right:20px; padding-top:148px; text-decoration:none; }
#menuBottom table td a:hover { color:#FFFFFF; }

td#hole { background: url(../images/productMenuHole.png) no-repeat left top; }
td#hole:hover { background: url(../images/productMenuHoleHov.png) no-repeat left top; }
  
td#cepele { background: url(../images/productMenuCepele.png) no-repeat left top; }
td#cepele:hover { background: url(../images/productMenuCepeleHov.png) no-repeat left top; }
  
td#doplnky { background: url(../images/productMenuDoplnky.png) no-repeat left top; }
td#doplnky:hover { background: url(../images/productMenuDoplnkyHov.png) no-repeat left top; }
  
td#obleceni { background: url(../images/productMenuObleceni.png) no-repeat left top; }
td#obleceni:hover { background: url(../images/productMenuObleceniHov.png) no-repeat left top; }

#footer { width: 900px; height:28px; text-align: left; margin: 0 auto; }
#footer div {  height:60px; margin:0; padding:0; background-image: url(../images/footerBgr.png); background-repeat: repeat-x; background-position:top; }
#footer div p { line-height: 28px; font-size: 8pt; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; color: #ACACAC; text-align:right; }
