/* CSS Document */

body {/* definice pozadí */
text-align: center; 
background-color:#E9E9E9; /* barva pro jistotu */
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee)0%, to(#bbbbbb)50%); /* chrome a safari */
background-image: -webkit-linear-gradient(#eeeeee, #bbbbbb); /* chrome a safari */
background-image: -moz-linear-gradient(#eeeeee, #bbbbbb); /* Firefox a vše na Gecku */
background-image: -o-linear-gradient(#eeeeee, #bbbbbb); /* Opera */
background-image: -ms-linear-gradient(#eeeeee, #bbbbbb); /* IE10 */
background-image: linear-gradient(#eeeeee, #bbbbbb); /* CSS3 */
-pie-background: linear-gradient(#eeeeee, #bbbbbb); /* IE8 a starší */
behavior: url('/PIE.htc'); /* IE8 a starší */
}

img {
position: static;
}

p {
text-align: left;
font-family: Calibri, Arial, Trebuchet;
}

h1 {
text-align: left;
font-family: Calibri, Arial, Trebuchet;
color: #1893DF;
font-size: 2.0em;
}

h2 {
text-align: left;
font-family: Calibri, Arial, Trebuchet;
color: #1893DF;
font-size: 1.4em;
}

h3 {
text-align: left;
font-family: Calibri, Arial, Trebuchet;
color: #000;
font-size: 1.0em;
}

strong {
font-family: Calibri, Arial, Trebuchet;
color: #000;
}

ul {
text-align: left;
font-family: Calibri, Arial, Trebuchet;
line-height: 24px;
margin: 0;
padding: 0.5em 0 0.5em 1em;
}

li {

}

ul li, ul li ul li {
list-style-type: square;
}

/* The Header */
#top {
	height:120px;
	margin: auto;
	padding-top: 30px;
	width:1000px;
	}
	
#image {
    margin: auto;
    position:relative;
	}
	
#main {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
 
  -moz-box-shadow: 0px 0px 20px #ccc;
  -webkit-box-shadow: 0px 0px 20px #ccc;
  box-shadow: 0px 0px 20px #ccc;
  
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 0 30 0 30px;
  width:940px;
  height: auto;
  background-color: #ffffff;
	}
	
#content {
  float: right;
  width: 600px;
  height: auto;
	}
	
#sidebar {
  float: left;
  width: 300px;
  height: auto;
	}
	
#sidebar td{
  padding: 10px 20px 10px 0px;
  vertical-align: top;
  }
  
    #sidebar h3{
  line-height: 5px;
  }
  
#hw-sw {
  padding: 20px;
	}
	
#remote {
  padding: 20px;
	}
	
#footer {
  float: right;
  width: 600px;
  padding-top: 30px;
	}

#footer td {
  text-align: right;
	}
	
hr.cistic {
  clear: both;
  height: 30px;
  border: none;
  margin: -1em 0 0 0;
  visibility: hidden;
  }
  
#price {
  z-index: 1;
  right: -400px;
  top: 125px;
  position: relative;
}

#contact {
  position: relative;
  top: -60px;
  display: block;
  height: 35px;
  width: 150px;
  background: #1893df;
  border: 5px solid white;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
}

#contact p {
  color: white;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 0px
}

#contact a {
  color: white;
  text-decoration: none; 
}