/*html { height: 100%; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;}*/

body{ 
	font-family: Arial,Verdana, Courier, sans-serif;
	font-size: 9pt;
	background: url('../images/web/top_bg.gif') repeat-x;
	margin:0;
}
  
#myhead {
	width: 950px;
	height:171px;
	margin: auto;
	/*border:solid #B3B3B3 1px;*/
	overflow:hidden;
	background: url('../images/web/top.jpg') no-repeat;
	}

.no {
  display: none;
}


#mybody {

	width: 950px;
	height: auto;  /*300px  celková výška webu*/
	height: 600px;/*kvuli jadru GECKO*/
	margin:auto;
	margin-top:0px;
	/*border-top:solid #B3B3B3 1px;*/
  }


#mybottom {
	float: left;
	width: 950px;
	height:63px;
	/*margin:auto;*/
	/*padding:15px 10px;*/
	/*padding-right:15px;*/
	margin-top:6px;
	background: url('../images/web/bottom.gif') repeat-x;
	text-align:right;
	color: #b2b4a5; font-size: 8pt;
	/*border: 1px solid #778;*/
	}
#mybottom a { color: #b2b4a5; font-size: 8pt;}

#mypages {
	float: left;
	width: 950px;/*740*/
	height: auto;/*270px*/
	/*border-left:solid #8D8D8D 1px;*/
}

.nadpis-textu{
     background-color:#B3B3B3;
     color:white;   
}






.topmenu{
/*height:42px; border: 1px solid gray;*/
}

.topmenu ul{
height:30px;
padding: 30px 0px 30px 0px;
margin:0px;
border:0px;
font: normal 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
/*background: white url(../images/web/menu_back.gif) top left repeat-x; /*THEME CHANGE HERE*/
/*border: 1px solid #778;*/
position:relative; left: 0px; top: 0px;
/*width:977px;*/
width:700px;
float:left;
}

.topmenu li{
display: inline;
margin:0px 0px;
/*position:relative; center: 0px; top: -7px;*/
/*position:absolute; left: 10px; top: 3px;*/
}

.topmenu li a{
text-decoration: none;
padding: 15px 13px;
margin-right: 0px;
/*border: 1px solid #778;*/
color: #0e62bc;/*#2d2b2b;*/
border-left:1px solid #cccccc;
/*background: white url(../images/web/menu_back.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.topmenu li a:visited{
color: #0e62bc;/*#2d2b2b;*/
border-left:1px solid #cccccc;
}

.topmenu li a:hover{
text-decoration: none;
color: #0054a6;
/*font-weight:bold;*/
padding: 15px 13px 15px 12px;
border-left:2px solid #0054a6;
}

.topmenu li.selected{
}

.topmenu li.selected a{ /*selected main tab style */
/*background-image: url(../images/web/menu_back.gif); /*THEME CHANGE HERE*/
border-bottom-color: #e7be86;/*white;*/
}

.topmenu li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}







/* --------- levy sloupec menu */
#news { width:221px; height:770px; float:left; margin-right:17px; overflow:hidden;}


.news_top { width:221px; height:83px; float:left; background: url('../images/web/news.gif') no-repeat;}
.news_top div { float:left; font-size: 18px; color: white; padding-left:17px; position:relative; top:52px; left:17px;}
.news_top div a{ color: white; text-decoration:none;}
.news_arrowup { position:relative; top:0px;left:0px; float:left;  z-index:10;}
.news_arrowup div { position:absolute; top:55px;left:-44px; float:left;}
.news_arrowdown { position:relative; top:0px;left:0px; float:left; z-index:10;}
.news_arrowdown div { position:absolute; top:55px;left:-24px; float:left;}
.news_txt { width:218px; height:681px; position:relative;left:1px; top:0px; float:left; border-bottom:10px solid #cce2f8; background:#cce2f8; text-align:justify; overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
.news_txt div.block { width:175px; float:left; border-bottom:1px dashed #999999; position:relative; top:10px; left:10px; padding:10px 10px;}
.news_txt div.block div.date { font-size: 12px; font-weight:bold; color: #0054a6; padding-left:10px;}
.news_txt div.block div.top { background: url('../images/web/arrow_orange_small.gif') no-repeat left center; padding-left:10px; font-size: 12px; font-weight:bold; color: #0054a6; text-decoration:underline;}
.news_txt div.block div.txt { font-size: 11px; padding-left:10px;}

.newsbanner { width:218px; height:140px; background: url('../images/web/grad_newsletter.gif') repeat-x; color:white; float:left;}
.newsbanner div {width:218px; float:left; margin:5px 0px;}
.newsbanner b {float:left; margin-left:20px;}
.newsbanner input {float:right; margin-right:20px;}


/* odstavce articles */

.art345 { width:345px; background: url('../images/web/blue_line.gif') no-repeat; float:left; text-align:justify; font-size: 14px; margin:5px 0px 10px 0px; padding-top:13px;}
.art345 div.top { background: url('../images/web/arrow_orange.gif') no-repeat left center; margin-bottom:10px; font-size: 18px; color: #999999; padding-left:13px; }
.art345 strong { font-size: 14px; color: #0054a6; }
.art345 li { padding:10px 5px; }
.art345 img { float:left;}
.art345 img.r10 { margin-right:10px;}
.art345 img.pres7 { margin-top:10px; margin-right:7px; }
.art345 img.pres6 { margin-top:10px; margin-right:6px; }
.art345 img.prest10 { margin-top:10px; }
.art345 img.nofl { float:none; }
.art345 div.pres { width:708px; float:left; margin-top:25px; font-size: 14px; font-weight:bold; text-align:center; color: #4c4c4c;}
.art345 div.pres p { text-align:left; margin-left:40px; }


.water { position:relative; top:0px; left:0px; float:left; z-index:-1; }
.water img { position:absolute; top:318px; left:60px; }



.product { width:708px; height:219px; float:right; }
.product div.prodimg { position:relative; top:0px; left:0px; z-index:-1;}
.product div.prodimg img { position:absolute; top:0px; left:0px; }
.product div.price { position:relative; top:-29px; left:479px; width:109px; }
.product div.price img {position:absolute; top:0px; left:0px; z-index:-1; }
.product div.price p { position:absolute; top:35px; left:0px; width:105px; margin:0px; font-family:Arial Narrow; font-size: 32px; font-weight:bold; text-align:center; color: white; }
.product div.top { position:relative; top:15px; left:310px; width:180px; }
.product div.top p { position:absolute; top:0px; left:0px; width:180px; margin:0px; font-family:Arial Narrow; line-height:30px; font-size: 30px; font-weight:bold; text-align:left; color: blue;}
.product div.txt { position:relative; top:80px; left:310px; width:235px;}
.product div.txt p { position:absolute; top:0px; left:0px; width:235px; margin:0px; font-size: 12px; text-align:justify; }
.product div.frame { position:relative; top:108px; left:559px; width:144px; height:68px; background: url('../images/web/frame01.gif') no-repeat; }
.product div.frame p { position:absolute; top:23px; left:22px; width:25px; margin:0px; font-size: 16px; font-weight:bold; color:#999999;}
.product div.frame input.pcs { position:absolute; top:17px; left:57px; width:27px; height:28px; margin:0px; padding:2px 0px 0px 3px; font-size: 22px; color:#666666; border-color:#cccccc; border-style:solid; border-width:2px;}
.product div.frame img.sub { position:absolute; top:16px; left:97px; width:37px; height:37px; border:0; text-decoration:none; }

.product div.conframe { position:relative; top:108px; left:638px; width:109px; }
.product div.conframe img {position:absolute; top:0px; left:0px; }

.product div.italic { position:relative; top:-18px; left:310px; }
.product div.italic i { position:absolute; top:0px; left:0px; font-weight:bold; }
.product div.selector { position:relative; top:5px; left:310px; width:235px; margin-bottom:32px;}
.product div.selector select { position:absolute; top:0px; left:0px; }

.checkouts { width:500px; float:right; text-align:right; padding-right:10px;}
.google_checkout { float:right;}



/*   registracni formulare    */

div.regform { width:708px; float:left; background:#f6f6f6;/* border:1px solid #778; */}
div.regform div.inputy { margin:-5px 15px; font-size:8pt; }
div.regform div.inputy div { width:150px;position: relative; left: 20px; /*border: 1px solid #778;*/}
div.regform div.inputy input { position:relative; left:170px; top:-17px; font-size:8pt; font-family: tahoma, verdana;}
div.regform div.inputy select { width:217px; position:relative; left:170px; top:-17px; font-size:8pt; font-family: tahoma, verdana;}
div.regform div.inputy textarea { width:400px; position:relative; left:170px; top:-17px; font-size:8pt; font-family: tahoma, verdana; overflow: auto; overflow-y: auto; overflow-x: hidden;}
div.regform div.inputy a.tooltip { position:relative; left:180px; top:-17px; font-size:8pt; font-weight:bold; color:gray; text-decoration:none;}


div.regform div.inputy2 { margin:-5px 15px; font-size:8pt; }
div.regform div.inputy2 div { width:150px;position: relative; left: 20px; /*border: 1px solid #778;*/}
div.regform div.inputy2 input { font-size:8pt; font-family: tahoma, verdana;}
div.regform div.inputy2 select { font-size:8pt; font-family: tahoma, verdana;}
div.regform div.inputy2 table.jmtable { position:relative; left:168px; top:-17px; font-size:8pt; font-family: tahoma, verdana;}

div.formerr {width:740px; padding-left:15px; margin:5px; float:left; color:gray;}


div.login { width:228px; height: 166px; float:left; position:relative; left:376px; top:0px; background: url(../images/web/login_bg.gif) no-repeat left;}
div.login div.mezera {margin-top:60px;}
div.login div.inputy {margin:-7px 20px; font-size:9pt;}
div.login div.inputy div { width:60px;position: relative; left: 0px; /*border: 1px solid #778;*/}
div.login div.inputy input { position:relative; left:60px; top:-17px; border-color:#e7be86; border-style:solid; border-width:1px; font-size:8pt; font-family: tahoma, verdana;}


/*to je nutny pro IE jinak to ma kolem sebe sirku*/
.invisible {margin:0px;}

/* tooltip lepsi jak title , funguje pro tag <a> zatim mam jen u captcha kodu */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:0px; left:20px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:-10px; top:6px; width:16px; height:24px; background: url(../images/web/tool1.gif) 0 0; display:block; font-size:1px;}




.faqhead { width:688px; height:27px; background: url(../images/web/faq_head.gif) no-repeat ; font-size:9pt; font-weight:bold; color:white; text-decoration:none;cursor: hand; padding:10px 0px 0px 20px;}
.faqhead div { padding-left:20px; background: url(../images/web/arrow_faq.gif) no-repeat left center;  }
.faq { width: 708px; background: #f6f6f6; display:none; font-size:9pt; color:#0054a6;}
.faq p {margin:0px 40px; padding: 7px 0px;}
.faq li {margin:0px 40px; padding: 7px 0px;}
.faq strong { font-size: 14px; color: #0054a6; }