/**********/
/* layout */
/**********/
body{font-family:verdana,sans-serif;font-size:62%;background: white url("../img/body.png") repeat-x}
h1{font-size:400%;margin:auto;padding:25px;width:949px;height: 80px;}

h1 a{color:#1c94c4;text-decoration:none;background: url("../img/H1-2.png") no-repeat; 
display: block;
width: 477px;
height: 103px;
position: absolute;
top: 35px;
}
.alternative h1 a {
	height: 83px;
	width: 534px;
	background: url("../img/H1-2.png") no-repeat;
}
.alternative h1 {
height: 45px;
}
h1 a span {display: none;}

#pageContent{width:950px;margin:auto;}
#footer{clear:both;padding:1em 0;}
/* headers */
h2{font-size:120%;margin:0 auto 1em auto;padding: .6em 1.2em .4em !important;}
h3{font-size:200%;clear:both;}
.alternative h3 {color: #E17009}
h4{font-size:100%;padding:0.6em 1em 0.5em;}
.right { text-align: right;}
.prvy .clickable{background: #b33B6D!important; border:#91194b }
.druhy .clickable{background: #c98822!important; border:#a76600 }
.treti .clickable{background: #DC7B22!important; border:#ba5900 }
.alternative .treti .clickable{background: #227EC9!important; border:#ba5900 }
.ctvrty .clickable{background: #809F22!important; border:#607d00 }
.alternative .druhy .clickable{background: #52aE59!important; border:#ba5900 }
/*************/
/* main menu */
/*************/
#menu{list-style:none;margin:0;padding:0;text-align:right;position:relative;top:-3em;_top:-4.9em;margin:0;font-weight:bolder;}
*+html #menu{top:-4.9em;} /* MSIE7 HACK */
#menu li{display:inline;}
#menu li a{color:#87B6D9;font-size:190%;letter-spacing:-1px;text-decoration:none;margin-left:1em;padding-bottom:.1em;border-bottom:5px #87B6D9 solid;background:transparent;}
/* menu highlight */
#menu li a:hover,#products  #productsLink,#order #orderLink,#support #supportLink,#contact #contactLink{color:#4C87AF;border-color:#4C87AF;}

/***********/
/* product */
/***********/
#products .ui-tabs-panel .product{display:block;width:31.66%;float:left;margin:0 1% 1% 0;padding:2px;height:173px;overflow:hidden;position:relative;}
.basicInfo img{float:left;margin-right:1em;}
.product h4{margin-top:0; border: none;}
.ui-tabs-panel:after{display:block;content:" ";clear:both;}
.product .moreInfo{position:absolute;bottom:3px;right:3px;margin:0;padding:.6em 1em;z-index:1; border: none;}
.product .basicInfo{margin:0.5em 1em;}
#products .product .price{position:absolute;bottom:.6em;left:1em;}
.price:after{margin-right:.5em;}
.additionalInfo{clear:both;}
.additionalInfo p { padding-top: 10px; text-align: justify;}
.additionalInfo h5 {font-size: 120%;}
#f1 .akce {display: none}
#f1 .postovne {display: none}


/* product dialog */
#products .ui-resizable .moreInfo,#products .ui-dialog h4{display:none;}
.ui-tabs-panel .additionalInfo{display:none;}
.ui-dialog-content .basicInfo{margin:0px;}
.clickable{cursor:pointer;}
#products .ui-resizable .moreInfo,#products .ui-dialog img{ border: none; margin-right: 5px;}
a.download {display: block; padding-top: 10px; color: #4297d7; font-weight: bold;}
a.download:hover {text-decoration: none;}

/**************/
/* order form */
/**************/
#order fieldset{width:47.1%;float:left;padding:1%;}
#order input.long{width: 420px;}
input.required, textarea.required{border:1px red solid; }
#order .akce {display: block;}
#order .akce table { width: 50%; margin: 0 auto 20px auto; border-collapse: collapse;}
#order .akce table#sil { width: 100%;}
#order .akce table tr td, #order .akce table tr th {padding: 3px;border: 1px solid #fff; background-color: #f4f7f9;}
#order .akce table tr th {background-color: #bad5e9; font-size: 110%;}
#order .akce table tr td.bg1 {background-color: #e1ecf4;}
#order .postovne {display: block;}
#order #f6 {display: none;}


/* order product list */
#order #tabs #f1, #order #tabs #f2 {width: 950px; margin-left: -15px;}
#order #tabs #f1 h3, #order #tabs #f2 h3 {margin-left: 15px;}
#order .basicInfo, #order .additionalInfo, #order #tabMenu{display:none;}
#order #tabMenu{display:block;}
#order .product{line-height:2.5;border:none;}
#order .product:hover div,#order .product:hover h4{background:#ddd;}
#order  label:nth-child(even) div,#order label:nth-child(even) h4{background:#eee;}
#order h4{background:transparent;width:80%;float:left;clear:left;margin:0;padding:0;border:0;}
#order .price{text-align:right;}
#order label h4 input[type=checkbox]{position:relative;top:2px;}
/* personal info and price */
#order #fullPriceLabel{padding:1em 0; display: block;clear: both;}
#order #fullPrice{display:inline;width:130px;}
#order #orderNow{text-align:justify;width:100%;}
#order #orderNow input{float:right;padding:1em;margin:0 1em;}
#order #orderForm h4, #order #orderForm2 h4 {color: black;}
#personalInfo label{padding:1em 0 0 0;display:block;width:69%;}
#personalInfo label#pscLabel{float:left;width:20%;}
#personalInfo label#orderListLabel{float:left;width:auto;}
input[type=text]{display:block;width:67%;}
pre{font-family: verdana;}
  
#orderForm, #orderForm2 {
padding: 1em;
}
#orderForm:after, #orderForm2:after {
content: " ";
clear: both;
display: block;

}
dt{
padding-top: 1em;
}
/***** silcom ***********/
#silcomProdusts .tr1 {
	background-color: #eee;
}
#silcomProdusts tr:hover {
	background-color: #ddd;
}
#silcomProdusts td {
	padding: 3px;
}
#silcomProdusts td.sPrice {
	text-align: center;
	padding: 3px 0;
}
.th1 {background-color: #f4f7f9;border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;}
.th2 {background-color: #bad5e9;border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;}
.th3 {background-color: #e1ecf4;border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;}
#silcomProdusts a { text-decoration: none;}