/* CSS Document */
body {
  margin:0px;
  padding:0px;
  font-family: Arial, Tahoma;
  background-image: url("../images/background.jpg");
  background-repeat:repeat-x;
  background-color: #76d4fa;
  color:#ffffff;
  text-align:center;
  font-size:12px;
}

td{
	font-size:12px;
}

#main {
  text-align:left;
  margin: 0 auto;
  width:1049px;  
}

#head {
  background-image: url("../images/head.jpg");
  background-repeat: no-repeat;
  height:162px;
  padding-left:70px;
}

#head h2{
  margin:0px;
  padding:0px;
}

#logo {
  float:left;
  margin-top:110px;
  margin-left:0px;
}

#menu {
  float:right;
  margin-top:82px;
  padding-right:3px;
  
}

#submenu {
  float:right;
  width:540px;
  padding:3px 8px 0 0;
  color:#000000;
}

#submenu a{
  font-size:0.9em;
  color:#000000;
  text-decoration:none;
}

#submenu a:hover{
  color:#ffffff;
}
#menu img {
  float:left;
  border:none;
  margin:0px;
  padding:0px;
}

#textBox {
  margin-left:61px;
  background-repeat: repeat-y;   
  background-color:#0f0f0f;
  width:987px;
  background-image: url("../images/text_bg.jpg");
  background-position: left top;
 }
 
#text {
  padding:0px 20px 0px 0px;
  font-size:12px;
}

#text p {
  text-align:justify;
  margin:10px 0px 5px 0px;
  font-size:12px;
}

#right {
  float:right;
  width:643px;
  padding-right:25px;
  padding-left:20px;
  font-size:12px;
  background-image: url("../images/right_bg.jpg");
  background-position: left top;
  background-repeat:no-repeat;
  padding-top:10px;
}

#left {
  float:left;
  width:279px;
  height:459px;
  background-image: url("../images/videoBox.jpg");
  background-repeat: no-repeat;  
}

#video{
  float:left;
  padding:50px 0 0 55px;
}

#video p {
  font-size:0.75em;
  margin:0px;
  margin-top:10px;
  padding:0px;
}

#videoFrame1{
  margin:8px 0 0 5px;
  width:108px;
  height:102px;
  /*background-image: url("../images/videoFrame1.jpg");*/
  background-repeat:no-repeat;
  background-position: left bottom;
}

#videoFrame2{
  margin:8px 0 0 30px;
  width:108px;
  height:102px;
  /*background-image: url("../images/videoFrame2.jpg");*/
  background-repeat:no-repeat;
  background-position: left bottom;
}

#videoFrame3{
  margin:8px 0 0 50px;
  width:108px;
  height:102px;
  /*background-image: url("../images/videoFrame.jpg"); */ 
  background-repeat:no-repeat;
  background-position: left bottom;
}

.flash {
  width:102px;
  height:62px;
  margin-top:6px;
}


#right h1{
  letter-spacing:1px;
  color:#ffffff;
  font-size:24px;
  margin-bottom:20px;
}

#right h1 a{
  letter-spacing:1px;
  color:#ffffff;
  font-size:24px;
  margin-bottom:20px;
  text-decoration:none;
}

#right h2 {
  margin:20px 0;
  color:#ffffff;
  font-size:16px;
}

#ohnostroje h2 a{
  margin:0px;
  color:#FF6609;
  font-size:16px;
  text-decoration: none;
}

#ohnostroje h2{
  margin:0px;
  color:#FF6609;
  font-size:16px;
}

#kompakty h2 {
  margin:0px;
  color:#FF6609;
  font-size:16px;
}

#right h3 {
  margin:15px 0 5px 0;
  color:#ffffff;
  font-size:14px;
}

#right ul {
  padding:0 0 0 5px;
  margin:0 0 10px 15px;
  font-size:12px;
}

#right a{
	color:#FF780C;
}

#right a:hover{
	color:#FFFFFF;
}

#foot {
  background: url("../images/foot.jpg");
  background-repeat: no-repeat;
  height:127px;
}

.pyroBox {
  float:left;
  width:320px;
  font-size:12px;
  margin-top:4px;
  cursor:pointer;
  padding-top:10px;
  text-decoration:none;
  color:#000000;
}

#ohnostroje a{
	color:#000000;
}

#ohnostroje a:hover{
	color:#000000;
}

#kompakty a{
	color:#000000;
}

#kompakty a:hover{
	color:#000000;
}

#ohnostroje {
  padding:20px 0px 0px 15px;
  margin-top:25px;
  margin-left:50px;
  background: url("../images/ohnostroje.jpg");
  background-repeat: no-repeat;
  width:530px;
  height:121px;
  cursor:pointer;
}

#kompakty {
  margin-top:25px;
  padding:20px 0px 0px 15px;
  margin-left:50px;
  background: url("../images/kompakty.jpg");
  background-repeat: no-repeat;
  width:530px;
  height:121px;
  cursor:pointer;
}

#kompakty2 {
  margin-top:25px;
  padding:20px 0px 0px 15px;
  margin-left:50px;
  background: url("../images/kompakty2.jpg");
  background-repeat: no-repeat;
  width:530px;
  height:121px;
  cursor:pointer;
}

#ailista {
  clear: both;
  color: #000;
  padding: 40px 5px 5px 85px;
  font-size: 10px;
}

#ailista a{
  color: #000;
  text-decoration: none;
}



.setter {
clear:both;
}

.copyright {
  font-weight:normal;
  font-size:12px;
  color:#8bbe12;
  float:right;
  text-align:right;
  padding:0px 20px 0 0; 
}

.copyright a{
  color:#8bbe12;
}

#silver {
  color:#c1c1c1;
}

#silver:hover {
  color:#8bbe12;
}

a img{
  border:none;
}
img {
  border:none;
}

.clear
{
	clear: both;
}

.minibox{
	margin:20px 0px 0px 20px;
	float:left;
	width:250px;
	text-align:center;
}

.miniboxp{
	margin-right:30px;
	border:1px solid #FF780C;
}

.miniboxt{
	font-size:16px;
	padding-top:8px;
}

.tabulka
{
border: solid black 2px;
min-width: 1px;
_width: 1px; /* IE */
width: 100%;
}

.radek
{
clear: left;
}

.tabulka2{
width: 365px;
padding-top: 20px;
border: 0px;
padding-bottom: 20px;
}


.bunka
{
float: left;
border: solid #333 1px;
border: 0px;
p adding: .2em .5em;
margin: -1px;
}

.bunka2{
width: 270px;
float: left;
border: solid #333 1px;
p adding: .2em .5em;
margin: -1px;
border: 0px;
}


.hvezdicka{
width: 270px;
float: left;

p adding: .2em .5em;
margin: -1px;
border: 0px;
padding-left: 6px;
color: #FF8700;
}


.hlavicka
{
font-weight: bold;
}

.cl
{
clear: both;
}

.matrjoska
{
width: 75px;
padding: .2em .5em;
border: 0px;
margin-top: 5px;
} 

.matrjoska2 input{
padding: .2em .5em;
width: 255px;
margin: 5px;
border: 0px;
}

.matrjoska2 textarea{
padding: .2em .5em;
width: 255px;
height: 80px;
margin: 5px;
border: 0px;
}
.button1{


}

.odeslat{
width: 60px;
height: 20px;
float: right;
padding-top: 8px;
border: 1px solid #808080;
margin-top: 5px;
text-align: center;
margin-right: 5px;
}

.odeslat a{
text-decoration: none;
}

.left{
width: 150px;
float: left;
position: relative;
}

.right{
padding-right: 250px;
width: 150px;
float: right;
position: relative;
}