/*Bestquality.cz stylesheet*/
* {
  padding: 0;
  margin: 0;
  border: 0; 
}
body{
	color: white;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	padding: 0px 0 0 0;
	margin: 0px;
}
.cleaner {
  clear: both;
  height: 0;
  line-height: 0px;
  font-size: 0px;
  margin: 0;
  padding: 0;
}
.dashed-line{
  width: 100%;
  border-bottom: 1px dashed rgb(201, 203, 202);
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  margin: 0;
  padding: 0;
}
a.selected{
	text-decoration: none;
}
fieldset{
  border: 1px solid rgb(201, 203, 202);
  padding: 5px;
}
legend{
  padding: 0 2px 0 2px;
}
input{
  border: 1px solid rgb(65, 73, 109);
  margin: 3px 0 3px 0;
}
button{
  width: 115px;
  height: 22px;
  line-height: 22px;
  background-image: url(../grafika/button.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: rgb(63, 76, 108);
  font-size: 75%;
  text-align: center;
}
div.formbox{
  font-size: 75%;
  text-align: center;
}
div.formbox p#SendFormResult{
  margin: 0 0 10px 0;
}
.half{
  width: 45%;
  padding: 0 10px 0 10px;
}
.third{
  width: 28%;
  padding: 0 10px 0 10px;
}
.floatleft{
  float: left;
}
.floatright{
  float: right;
}
.hidden{
  display: none;
}
.block{
  display: block;
}
.textcenter{
  text-align: center;
}
.textleft{
  text-align: left;
}
.textright{
  text-align: right;
}
.padding10{
  padding: 10px;
}
.padding20{
  padding: 20px;
}
.padding0{
  padding: 0;
}
.margin10{
  margin: 10px;
}
.margin0{
  margin: 0;
}
.height15{
  height: 15px;
}
.height20{
  height: 20px;
  line-height: 20px;
}
.fontsmall{
  font-size: small;
}
.fontxsmall{
  font-size: x-small;
}
.colorblack{
  color: black;
}
.colordarkblue{
  color: rgb(63, 76, 108);
}
ul, ol {
	padding: 0 0 1.25em 2.5em;
}

.blackroundedgradient{
  width: 628px;
  height: 30px;
  background: transparent url(../grafika/black-rounded-gradient.gif) left top no-repeat;
  margin: 10px 0 20px 0;
  font-size: 0.8em;
}

p.dashed-line{
  width: 100%;
  height: 3px;
  line-height: 3px;
  font-size: x-small;
  border-bottom: 1px dashed rgb(201, 203, 202);
	margin: 0 auto 0 auto;
  padding: 0;
}
fieldset{
  border: 1px solid rgb(159, 159, 159);
}
legend{
  font-size: 0.9em;
  color: rgb(159, 159, 159);
}
form th{
  vertical-align: top;
  text-align: right;
  color: white;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0 5px 0 0;
}
form th span{
  color: rgb(237, 128, 0);
  padding: 0 0 0 2px;
}
form textarea,
form input{
  margin: 0 0 5px 0;
  border: 1px solid rgb(159, 159, 159);
}

/*LAYOUT*/
#top-container{
  width: 100%;
  background-color: white;
  margin: 0;
  padding: 0;
}
#top-container .center-area{
	width: 830px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#middle-container{
  width: 100%;
  background: rgb(135, 133, 134) url(../grafika/grey-gradient.gif) left top repeat-x;
  margin: 0;
  padding: 0 0 15px 0;
}
#middle-container .center-area{
	position: relative;
  width: 830px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#bottom-container{
  width: 100%;
  background-color: white;
  margin: 0;
  padding: 0;
}
#bottom-container .center-area{
	width: 830px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* HEADER */
#header{
	width: 830px;
	height: 134px;
	position: relative; 
	background: white url(../grafika/certificate-part1.gif) right bottom no-repeat;
	margin: 0;
}
#header a#logo{
  position: absolute;
  top: 18px;
  left: 7px;
  width: 136px;
  height: 109px;
  display: block;
  background: white url(../grafika/logo.gif) left top no-repeat;
} 
#header h1{
  color: rgb(97, 93, 92);
  position: absolute;
  left: 160px;
  top: 50px;
  font-size: 1.4em;
  font-family: Arial;
  letter-spacing: 2px;
}

#header h1 small{
  font-size: small;
  font-weight: bold;
  margin: 4px 0 0 0;
  letter-spacing: 1px;
}

/* CONTENT */
#horizontal-menu{
	width: 830px;
	height: 40px;
}

#horizontal-menu .navbar{
  float: left;
  width: 556px;
  height: 29px;
  line-height: 29px;
  color: white;
  font-size: small;
  background: rgb(121, 117, 116) url(../grafika/zaobleni-kdejsme.gif) left bottom no-repeat;
  margin: 0;
  padding: 0 0 0 20px;
  overflow: hidden;
}
#horizontal-menu .navbar span{
  float: left;
  width: 100px;
  color: white;
  font-size: small;
  font-weight: bold;
  background: transparent url(../grafika/domecek.gif) left 9px no-repeat;
  padding: 0 0 0 20px;
}
#horizontal-menu .navbar a{
  color: white;
  font-size: small;
  text-align: center;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 0 0;
  margin: 0;
}
#horizontal-menu .navbar a:hover, #horizontal-menu .navbar a.selected{
  color: white;
  background-image: url(../grafika/zalozky.gif);
  background-position: -108px top;
  background-repeat: no-repeat;
}
#horizontal-menu span{
  float: right;
  width: 208px;
  height: 29px;
  display: block;
  background: transparent url(../grafika/certificate-part2.gif) left top no-repeat;
  padding: 0;
  margin: 0;
}
#middle-container .center-area span.certificate{
  position: absolute;
  top: 29px;
  right: 3px;
  width: 205px;
  height: 31px;
  display: block;
  background: transparent url(../grafika/certificate-part3.gif) left top no-repeat;
  margin: 0;
  padding: 0;
}
#leftcol {
  float: left;
	text-align: left;
	border: 0px solid black;
	padding: 0px 0px 0px 0px; 
	margin: 0px 5px 0px 0px;
}

div.menu{
  width: 147px;
  background: transparent url(../grafika/zaobleni-top.gif) left top no-repeat;
  margin: 0 0 20px 0;
  padding: 12px 0 0 0;
}

div.menu span{
  width: 147px;
  height: 12px;
  display: block;
  font-size: 0;
  background: transparent url(../grafika/zaobleni-bottom.gif) left bottom no-repeat;
  padding: 0;
  margin: 0;
}

div.menu ul{
  list-style-type: none;
  color: white;
  text-align: right;
  background-color: rgb(110, 106, 105);
  padding: 0 14px 0 0.9em;
  margin: 0;
}

div.menu ul.submenu{
  list-style-type: none;
  color: white;
  background-color: rgb(237, 128, 0);
  text-align: right;
  padding: 12px 20px 0 0em;
  margin: 0;
}

div.menu ul.submenu li{
  text-align: right;
  line-height: 30px;
  background-image: url(../grafika/odrazka.gif);
  background-position: right 13px;
  background-repeat: no-repeat;
  padding: 0 0 12px 0;
  margin: 0 0 0 0;
}

div.menu ul.submenu li.last{
  padding: 0 0 2px 0;
}

div.menu ul.submenu li a{
  display: block;
  line-height: 30px;
  color: white;
  font-size: small;
  text-decoration: none;
  background: none;
  padding: 0 15px 0 0;
}

div.menu ul li{
  text-align: right;
  line-height: 30px;
  background-image: url(../grafika/odrazka.gif);
  background-position: 105px 13px;
  background-repeat: no-repeat;
  padding: 0 0 7px 0;
  margin: 0 0 0 0;
}

div.menu ul li a{
  display: block;
  line-height: 30px;
  color: white;
  font-size: small;
  text-decoration: none;
  padding: 0 25px 0 0;
}

div.menu ul li.current{
  background: transparent url(../grafika/menu-hover.gif) left top no-repeat;
}

div.menu ul li a:hover{
  background: transparent url(../grafika/menu-hover.gif) left top no-repeat;
}

div.menu ul li.parent_open a:hover{
  background: transparent url(../grafika/menu-parent-open.gif) left top no-repeat;
}

div.menu ul li:hover.parent_open{
  background: transparent url(../grafika/menu-parent-open.gif) left top no-repeat;
}

div.menu ul.submenu li:hover{
  background: transparent url(../grafika/odrazka.gif) right 13px no-repeat;
}

div.menu ul.submenu li a:hover{
  background: none;
  text-decoration: underline;
}

div.menu ul li.parent_open{
  background: transparent url(../grafika/menu-parent-open.gif) left top no-repeat;
  margin: 0 0 0 0;
}

.parent_close{
  background: transparent url(../grafika/menu-parent-close.gif) left bottom no-repeat;
}

/****  AKTUALITY ****/
div.menu div.container{
  width: 147px;
  background-color: rgb(110, 106, 105);
}

div.menu div.container h2 {
  width: 104px;
  line-height: 30px;  
  color: white;
  font-size: 0.9em;
  background: transparent url(../grafika/menu-hover.gif) left top no-repeat;
  padding: 0 0 0 23px;
  margin: 0 0 10px 15px;
}

div.menu div.container p.date {
  width: 118px;
  text-align: right;
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0 10px 5px 15px;
}

div.menu div.container p {
  width: 118px;
  text-align: right;
  color: white;
  font-size: 0.8em;
  padding: 0 0 0 0;
  margin: 0 10px 5px 15px;
}

div.menu div.container a{
  width: 120px;
  display: block;
  color: white;
  font-size: 0.8em;
  text-decoration: underline;
  padding: 0 0 0 0;
  margin: 0 10px 5px 15px;
}

div.menu div.container a:hover{
  text-decoration: none;
}

/****  OBSAHOVY SLOUPEC ****/
#contentcol{
  float: left;
	width: 620px;
	overflow: hidden;
	text-align: left;
  padding: 0 10px 0 10px; 
	margin: 10px 0px 0px 20px;  
}

#contentcol h2{
  color: white;
  font-size: 1.1em;
  margin: 0;
}

#contentcol h2.orange{
  width: 109px;
  line-height: 30px;  
  color: white;
  font-size: 0.9em;
  bsackground: transparent url(../grafika/h2-orange.gif) left top no-repeat;
  padding: 0 0 0 15px;
  margin: 0 0 10px 0;
}
#contentcol h2.orange{
  width: 220px;
  line-height: 30px;  
  color: white;
  font-size: 0.9em;
  background-color:#ed8000;
  padding: 0 0 0 15px;
  margin: 0 0 10px 0;
}

#contentcol h3{
  color: white;
  font-size: 1em;
  margin: 0;
}

#contentcol a{
  color: rgb(237, 128, 0);
  text-decoration: underline;
}

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

#contentcol p{
  padding: 10px 0 10px 0;
  line-height: 18px;
  font-size: 0.8em;
}

#contentcol p.date{
  margin: 10px 0 0 0;
  padding: 0 0 5px 0;
  text-align: right;
  font-size: 0.8em;
  font-weight: bold;
}

#contentcol div.news p{
  padding: 0 0 5px 0;
}

#contentcol ul{
  color: white;
  list-style-type: square;
  margin: 0 0 15px 0;
}

#contentcol ul li{
  font-size: 0.8em;
  line-height: 20px;
}


#contentcol div.gradientline{
  width: 625px;
  height: 1px;
  font-size: 1px;
  clear: both;
  background: transparent url(../grafika/gradient-line.gif) left top no-repeat;
  padding: 0;
  margin: 5px 0 5px 0;
}

#contentcol div.box1{
  background: transparent url(../grafika/box1.jpg) left top no-repeat;
  margin: 13px 22px 0 0;
}

#contentcol div.box2{
  background: transparent url(../grafika/box2.jpg) left top no-repeat;
  margin: 13px 0 0 22px;
}

#contentcol div.box3{
  background: transparent url(../grafika/box3.jpg) left top no-repeat;
  margin: 13px 22px 0 0;
}

#contentcol div.box4{
  background: transparent url(../grafika/box4.jpg) left top no-repeat;
  margin: 13px 0 0 22px;
}

#contentcol div.box1,
#contentcol div.box2,
#contentcol div.box3,
#contentcol div.box4{
  position: relative;
  float: left;
  width: 284px;
  height: 150px;
  overflow: hidden;
  padding: 0;
}

#contentcol div.box1 h3,
#contentcol div.box2 h3,
#contentcol div.box3 h3,
#contentcol div.box4 h3{
  height: 30px;
  line-height: 33px;
  margin: 0 0 0 20px;
  letter-spacing: 0;
  color: black;
  font-size: 1em;
}

#contentcol div.box1 p,
#contentcol div.box2 p,
#contentcol div.box3 p,
#contentcol div.box4 p{
  width: 250px;
  height: 60px;
  line-height: 18px;
  padding: 0;
  margin: 10px 0 0 20px;
  letter-spacing: 0;
  color: white;
  font-size: 0.8em;
}

#contentcol div.box4 p.loga{
  width: 250px;
  height: 60px;
  background: transparent url(../grafika/box4-loga1.jpg) left top no-repeat;
  padding: 0;
  margin: 13px 0 0 15px;
}

#contentcol div.box1 a.more,
#contentcol div.box2 a.more,
#contentcol div.box3 a.more,
#contentcol div.box4 a.more{
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 70px;
  height: 20px;
  display: block;
  margin: 0 0 0 20px;
  letter-spacing: 0;
  color: white;
  font-size: 0;
}

#contentcol div.error{
  background-image: url("../grafika/ikonky/dialog-warning.png");
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px dashed red;
  font-size: small;
  padding: 15px 10px 10px 50px;
  margin: 0 0 10px 0;
}
#contentcol div.information{
  background-image: url("../grafika/ikonky/dialog-information.png");
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px dashed rgb(159, 159, 159);
  font-size: small;
  padding: 15px 10px 10px 50px;
  margin: 0 0 10px 0;
}

/* FOOTER */
#footer{
	width: 810px;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 20px 10px 40px 10px;	
}
#footer p{
  margin: 10px 0 5px 0;
}
#footer a{
	color: black;
  text-decoration: underline;	
}
#footer a:hover{
  text-decoration: none;	
}