/* CSS Document */
html {
  background: black;
   }

body {
  color: white;
  margin: 0;
  text-align: center;
  font-size: .8em; 
  font-family: Verdana,Tahoma,Arial,Helvetica, sans-serif;
   }

h1 {
  float: right;
  font-size: 1.6em;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #ffdd00;
  }

h2 {
  font-size: 1.3em;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ffdd00;
    }

h3 {
  font-size: 1.2em;
  font-weight: bold; 
  color: #c0c0c0;
  }
  
h4 {
  font-size: 1.1em;
  font-weight: bold; 
  color: #c0c0c0;
  }
  
h5 {
  font-size: 1em;
  font-weight: bold; 
  color: #ffdd00;
  }
 
.cleaner {
	clear: both;
}

/* L A Y O U T */   

#div1 {
  background: url(img/bg-top4.jpg) no-repeat top center;
  margin: auto;
  height: 326px; 
}

#div2 {
  background: url(img/bg-body.png) repeat-y center;
  _background: url(img/bg-body.gif) repeat-y center;
  margin: auto;
}

#div3 {
  margin: auto;
  width: 868px;
  border: 0px solid green;
}

#div4 {
  margin: auto;
  width: 856px;
  border: 1px solid #ffdd00;
}

#div5 {
  border: 4px solid #676767;
}

#LeftPanel {
  width: 200px;
  _width: 202px;
  float: left;
  text-align: left;
}

.LPHead {
  border-bottom: 4px solid #676767;
  background: #ffdd00;
  color: black;
  height: 28px;
  text-transform: uppercase;
  padding-left: 5px;
  font-weight: bold;
  font-size: .9em; 
}

.LPItem {
  border-bottom: 4px solid #676767;
  text-align: left;
  padding-top: 0px;
}
.LPItem1 {
  
  padding: 8px;
}

.LPSubMenu {
  border-bottom: 4px solid #676767;
  text-align: center;
}

.LPLogo {
 background: url(img/logo-scott3.png) no-repeat;
 margin-right: 10px;
 float: right;
 width: 40px;
 height: 28px;
}

#tv {
  padding-left: 18px;
   }

.LPHText {
  float: left;
  padding-top: 7px;
}

.QuickLinks {
  background: #676767;
}

#MainPanel {
  float: right;
  text-align: left;
  padding: 10px;
  padding-bottom: 40px;
  width: 624px;
  _width: 644px;
  _height: 1600px;
  min-height: 1600px;
  border-left: 4px solid #676767;
}

/* main menu */

#MainMenu {
text-align: center;
height: 96px;
}

#MainMenu a {
  display: block;
  display: inline;
  width: 119px;
	height: 42px;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
	text-align: center;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
			}

#MainMenu a:hover {
  display: inline;
  width: 119px;
	height: 42px;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
	text-align: center;
	background: #ffdd00;
	color: black;
			}

.smallM {
font-size: .9em;
}

.movM {
  position: relative;
  top: -7px;
}

.select a {
  background: #ffdd00;
  color: black;
}
		
.menu1-14x {

  background: #FFFFFF;

  margin-left: 3px;
  color: black;
  		}



.menu1-14x a {
  background: #FFFFFF;
  margin-left: 3px;
  color: black;
  		}



.menu1-14x a:hover {

  margin-left: 3px;

  		}

  		

.menu1-14 {

  background: #FFFFFF;

    		}



.menu1-14 a {

  background: #FFFFFF;

  color: black;

  		}



.menu2-13 {

  background: #E5E5E5;

  		}



.menu2-13 a {

  background: #E5E5E5;

  color: black;

  		}



.menu3-12 {

  background: #CDCCCC;

  		}



.menu3-12 a {

  background: #CDCCCC;

  color: black;

  		}

  		

.menu4-11 {

  background: #B3B3B3;

  		}



.menu4-11 a {

  background: #B3B3B3;
  color: white;
  		}



.menu5-10 {

  background: #989898;

  		}



.menu5-10 a {

  background: #989898;
  color: white;
  		}



.menu6-9 {

  background: #808080;

  		}



.menu6-9 a {

  background: #808080;
  color: white;
  		}

  		

.menu7-8 {

  background: #676767;

  		}



.menu7-8 a {

  background: #676767;
  color: white;
  		}

  		

.menu7-8x {

  background: #676767;

  margin-left: 3px;

  		}



.menu7-8x a {

  background: #676767;
  color: white;
  margin-left: 3px;

  		}



.menu7-8x a:hover {

  margin-left: 3px;

  		}
/* Product menu */

#ProductMenu {
  margin: 0; 
  padding: 0; 
  list-style: none;  
  font-weight: bold;
  text-transform: uppercase; 
  font-size: .9em;
  }

#ProductMenu li {
  list-style: none;
  }

#ProductMenu li a {
  display: block; 
  padding: 4px; 
  background: #c0c0c0; 
  color: black;
  text-decoration: none; 
  width: 192px;
     }

#ProductMenu li#ProductAktualni a {
  background: #ffdd00; 
  color: black;
  }   

#ProductMenu li a span {
  padding: 0;
  }

#ProductMenu li a:hover,#ProductMenu li a:focus {
  color: white;
  background: #818181; 
    }
  
#ProductSubMenu {
  margin: 0;
  padding: 0; 
  padding-left: 20px;
  list-style: none;  
  font-weight: bold;
  font-size: .85em;
  text-transform: none; 
  }

#ProductSubMenu li {
  list-style: square;
    }

#ProductSubMenu li a {
  display: block; 
  padding: 3px; 
  background: #ffdd00; 
  color: black;
  text-decoration: none; 
  width: 174px;
  _width: 172px;
     }

#ProductSubMenu li#ProductAktualni a {
  background: black; 
  color: white;
  }   

#ProductSubMenu li a span {
  padding: 0;
  }

#ProductSubMenu li a:hover,#ProductSubMenu li a:focus {
  color: white;
  background: #818181; 
  }

.bgOrange {
  width: 200px;
  _width: 208px;
  background: #ffdd00; 
    }
/*************************sub menu 2 ****/
#submenu2 span {
  margin: 10px;
}

#submenu2 {
  background: #ffdd00;
  border: 1px solid #818181;
  font-weight: bold;
  font-size: .85em;
  padding: 10px;
}
#submenu2 a {
  color: white;
  text-decoration: none;
}

#submenu2 span#actual a {
  color: black;
  text-decoration: none;
}
#submenu2 a:hover {
  color: black;
}



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

.product {
  width: 284px;
  height: 260px;
  _height: 260px;
  border: #ffdd00 solid 1px;
  padding: 5px;
  float: left;
  margin-top: 16px;
  margin-right: 16px;
}

.productTop {
  height: 170px;
 
}

.productBottom {
  height: 70px;

}

#ProductDetailLeft {
  float: left;
}

#ProductDetailRight {
  float: right;
  width: 300px;
  border: 1px solid #676767;
  padding: 5px;
}

.price {
  height: 20px;
  background: #ffdd00;
  font-size: 1.2em;
  padding: 5px;
  color: black;
}
		
.credit {
  font-weight: bold;
	font-size: .8em;
	color: #ffdd00;
}

.red {
  color: red;
}
.yellow {
  color: yellow;
}
/* F O R M S */
.button {
background : #eeeeee;
border: 2px solid #676767;
font-weight: bold;
}

.button:hover {
border: 2px solid white;
font-weight: bold;
}

.formtext {
background : #eeeeee;
border: 1px solid #676767;
}

.formtextOblig {
background : #eeeeee;
border: 1px solid #ffdd00;
}

.formtext:hover {

border: 1px solid white;

}
/* L I N K S */

a {
  color: #c0c0c0;
  text-decoration: underline; 
  }

a:hover {
  color: #ffdd00;
  text-decoration: none; 
  }

/* B O R D E R S */

.border a img {
  border: 2px solid #c0c0c0;
       }   

.border a:hover img {
  border: 2px solid #ffdd00;
       }      

.LeftIMG a img {
  border: 2px solid #c0c0c0;
       }

.LeftIMG a:hover img {
  border: 2px solid #ffdd00;
       }

.noborder {

	border: none;

}

.noborder a {

	border: none;

}



/* B A S I C  V I E W */



#navigator {

  font-size: .85em;

  font-weight: bold;

  color: #818181;;

   }

.paging {
  font-weight: bold;
  margin-top: 20px;
}

/* A L I G N S */

.center {
  text-align: center;
  }

.left {
  text-align: left;
  }

.right {
  text-align: right;
  }

.smaller {
  font-size: .85em;
       }

.float-left {
  float: left;
  margin: 5px;
         }  
       
.float-right {
  float: right;
  margin: 5px;
         }  
.cross {
  text-decoration: line-through; 
}

.pink {
  color: #ffdd00;
}

.sleva {
  background: green;
}

/* M O D U L E S */

/* product */

.filter {
  border: 1px solid #ffdd00;
  margin: 10px;
}

.basket td {
  padding: 5px;
  background: #676767;
}

/* news */

.newsContent {
  border: 1px solid #575757;
  margin-bottom: 30px;
  background: #272727;
  padding: 10px;
}

.gam-modra {
  color: blue;
}

.gam-zelena {
  color: green;
}

.gam-cervena {
  color: red;
}

.gam-zluta {
  color: yellow;
}

.gam-cerna {
  color: grey;
}

.gam-bila {
  color: white;
}

/* PHOTOGALERY */

.Photos {
  padding: 4px;
  margin-bottom: 50px;
}

.OnePhoto {
  float: left;
  width: 150px;
  height: 150px;
  background: #1f1f1f;
  margin: 2px;
  text-align: center;
}

.OnePhoto:hover {
    background: #575757;
}

.Vmiddle {
vertical-align: middle;
text-align: center;
height: 150px;
width: 150px;
/*border: 1px yellow solid; */
}