/*------------------------------------------------------------------*/
/* infoPanel -------------------------------------------------------*/
/*------------------------------------------------------------------*/

#infoPanelC {	
	width: 286px;
	margin: 0 0 0 0;
	float: left;
	clear: none;
	padding: 0;
}

#infoPanel {
	float: left;
	margin: 0;
	padding: 15px 0 15px 10px;
	width: 246px;
}

#infoPanel h3{
	clear: both;
	width: 256px;
	color: #696969;
	font-size: 1.2em;
	padding: 10px 0 10px 0;
	display: block;
	margin: 0;
	border: none;
}

#articleExtraC {
	width: 286px;
	float: left;
}

#articleExtraC ul {
	margin: 0 0 0 0;
    padding: 10px 0 10px 0;
	 width: 266px;
	 float: left;
	 list-style: none;
}

#articleExtraC li.dictionary {
	margin: 0;
    padding: 0;
	 float: left;
	 width: 234px;
	 height: 34px;
	 background: url(../images/custom/slovnik.gif) no-repeat;
}

#articleExtraC li.dictionary a {
	float: left;
	width: 194px;
	color: #ffffff;
	padding: 10px 0 10px 40px;
	text-decoration: none;
}

#articleExtraC li.dictionary a:link, 
#articleExtraC li.dictionary a:visited {

		color: #ffffff;
}

#articleExtraC li.dictionary a:hover, 
#articleExtraC li.dictionary a:focus, 
#articleExtraC li.dictionary a:active {
	text-decoration: underline;
	 	color: #ffffff;
}

#articleExtraC li.pracovni {
	margin: 0;
    padding: 0;
	 float: left;
	 width: 234px;
	 background: #ff8017 url(../images/custom/pracovni.gif) top no-repeat;
}

#articleExtraC li.pracovni a {
	float: left;
	width: 194px;
	color: #ffffff;
	padding: 3px 0 3px 40px;
	text-decoration: none;
}

#articleExtraC li.pracovni a:link, 
#articleExtraC li.pracovni a:visited {

		color: #ffffff;
}

#articleExtraC li.pracovni a:hover, 
#articleExtraC li.pracovni a:focus, 
#articleExtraC li.pracovni a:active {
	text-decoration: underline;
	 	color: #ffffff;
}

#articleExtraC li.download {
	 margin: 10px 0 10px 0;
    padding: 0;
	 float: left;
	 width: 234px;
	 height: 34px;
	 background: url(../images/custom/downloat.gif) no-repeat;
}

#articleExtraC li.download a {
	float: left;
	width: 194px;
	color: #ffffff;
	padding: 10px 0 10px 40px;
	text-decoration: none;
}

#articleExtraC li.download a:link, 
#articleExtraC li.download a:visited {

		color: #ffffff;
}

#articleExtraC li.download a:hover, 
#articleExtraC li.download a:focus, 
#articleExtraC li.download a:active {
	text-decoration: underline;
	 	color: #ffffff;
}

#articleExtraC li.partneri {
	 margin: 0;
    padding: 0;
	 float: left;
	 width: 234px;
	 height: 34px;
	 background: url(../images/custom/partneri.gif) no-repeat;
}

#articleExtraC li.partneri a {
	float: left;
	width: 194px;
	color: #ffffff;
	padding: 10px 0 10px 40px;
	text-decoration: none;
}

#articleExtraC li.partneri a:link, 
#articleExtraC li.partneri a:visited {
		color: #ffffff;
}

#articleExtraC li.partneri a:hover, 
#articleExtraC li.partneri a:focus, 
#articleExtraC li.partneri a:active {
	 text-decoration: underline;
	 	color: #ffffff;
}





#articleExtraC li.english {
	 margin: 10px 0 10px 0;
    padding: 0;
	 float: left;
	 width: 234px;
	 height: 34px;
	 background: url(../images/custom/english.gif) no-repeat;
}

#articleExtraC li.english a {
	float: left;
	width: 194px;
	color: #ffffff;
	padding: 10px 0 10px 40px;
	text-decoration: none;
}

#articleExtraC li.english a:link, 
#articleExtraC li.english a:visited {
		color: #ffffff;
}

#articleExtraC li.english a:hover, 
#articleExtraC li.english a:focus, 
#articleExtraC li.english a:active {
	 text-decoration: underline;
	 	color: #ffffff;
}
/*------------------------------------------------------------------*/
/* container obsahujici panel s upoutavkami na clanky --------------*/
/*------------------------------------------------------------------*/


#infoPanel #hpArticlesPanelC {}

#infoPanel .hpArticlesPanel {}

#infoPanel #hpArticlesPanelC h3 {
}

#infoPanel .hpArticlesPanel h4 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 246px;
	font-size: 1em; 
}

#infoPanel .hpArticlesPanel h4 a {	
	float: left;
	width: 246px;
	color: #ffa22e;
	padding: 0 5px 0 0;
}

#infoPanel .hpArticlesPanel h4 a:link, 
#infoPanel .hpArticlesPanel h4 a:visited {
	color: #ffa22e;
}

#infoPanel .hpArticlesPanel h4 a:hover, 
#infoPanel .hpArticlesPanel h4 a:focus, 
#infoPanel .hpArticlesPanel h4 a:active {
	color: #ffa22e;
}

#infoPanel .hpArticlesPanel .hpArticlesPanelItem {
	float: left;
	width: 246px;
	margin: 0;
	padding: 0 0 20px 0;
}
/*------------------------------------------------------------------*/
/* container obsahujici ankety hlavni strany	--------------------*/
/*------------------------------------------------------------------*/

#hpInquiryC {}

.hpInquiry {}

#hpInquiryC h3{}

#hpInquiryC h4 {
	margin: 0;
	padding: 10px 5px 5px 0;
	color: #000000;
	float: left;
}

form#hpInquiryForm3 {	
	border: 0;
	float: left;
	width: 246px;
	margin: 0;
	padding: 0;
}

form#hpInquiryForm3 fieldset {
	border: 0;
	float: left;
	width: 246px;
	margin: 0;
	padding: 0 0 5px 0;
	}

form#hpInquiryForm3 legend {
	display: none;
	}
	
.hpInquiryResults {
	float: left;
	display: block;
	width: 246px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#hpInquiryC .inquiryText {
	margin: 5px 0 3px 0;
	float: left;
	clear: left;
	width: 246px;
	padding: 0;
}

#hpInquiryC .inquiryText a {
	color: #000000;
	text-decoration: underline;
}


#hpInquiryC .inquiryText a:link, 
#hpInquiryC .inquiryText a:visited {
	color: #000000;
	text-decoration: underline;
}

#hpInquiryC .inquiryText a:hover, 
#hpInquiryC .inquiryText a:focus, 
#hpInquiryC .inquiryText a:active {
    color: #000000;
	 text-decoration: none;
}


#hpInquiryC .inquiryImage {
	margin: 3px 10px 0 0 ;
	padding: 0;
	border:0;
	width: 185px;
	float: left;
	height: 7px;	
}

#hpInquiryC .inquiryImage img {
	height: 7px;
	margin:0;
	float: left;
}

#hpInquiryC .inquiryPercent {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}

.formInquiryHP {
	width: 246px;
	float: left;
	}

.formInquiryHP fieldset {
	border: 0;
	float: left;
	width: 246px;
	margin: 0;
	padding: 0 0 5px 0;
	}

.formInquiryHP legend {
	display: none;
}

#hpInquiryC .inquiryOptions  {
	float: left;
}

.hpInquiryDescription {}

#hpInquiryC .hpInquiryTextarea {
	text-align: center;
	width: 246px;
}

#hpInquiryC .hpInquiryTextarea textarea {	
	height: 30px;
	overflow: hidden;
	width: 140px;
	margin: 5px auto 0 auto;
}

.hpInquirySubmit {			  
	text-align: center;  
}

.hpInquirySubmit input {
	margin: 5px auto 0 auto;	
	width: 144px;	
}

.inquiryText {}

.inquiryImage {}

.inquiryPercent {}

/*------------------------------------------------------*/
/* container obsahujici polozky v informacnim panelu ---*/
/*------------------------------------------------------*/

.infoPanelItemC {}
.infoPanelItem {
	float: left;
	width: 183px;
	padding: 5px 5px 0 20px;
	border: 1px solid red;
}
.infoPanelItemC h3 {}

.infoPanelItemC a {
	text-decoration: underline;
}

.infoPanelItemC a:link, 
.infoPanelItemC a:visited {
}
.infoPanelItemC a:hover, 
.infoPanelItemC a:active, 
.infoPanelItemC a:focus {
}

.infoPanelItemC h3 a {
}

.infoPanelItemC h3 a:link, 
.infoPanelItemC h3 a:visited {
}
.infoPanelItemC h3 a:hover, 
.infoPanelItemC h3 a:active, 
.infoPanelItemC h3 a:focus {
}

.infoPanelItemC .infoPanelBlockText {
	padding: 10px 10px 10px 10px;
	display: block;
	margin: 0;
}

/*-------------------------------------------------------------------------------------*/
/* SPOLECNE ---------------------------------------------------------------------------*/
/*- login, search, basketBrief --------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#loginC, 
#searchC, 
#basketBriefC {
	float: left;
	padding:0;
	margin: 0;	
	width: 208px;
}

#login, 
#search, 
#basketBrief {
	font-size: 0.9em;
	font-weight: normal;
	float: left;
	padding: 0 0 10px 0;
}

#login h3, 
#search h3, 
#basketBrief h3 {

}

div.searchAdvanced, 
div.searchCatalog, 
div.loginRegister, 
div.loginLogout, 
div.basketBriefContinue {
	text-align: left;
	padding-left: 0px;
	clear: both;	
	margin-top: 5px;
	height: 1em;
}

/*------------------------------------------------------------------*/
/* logovaci div-----------------------------------------------------*/
/*------------------------------------------------------------------*/

#loginC {
	
}

#login {}

#login h3 {}

#login fieldset {
	margin: 0;
	padding: 0;
	float: left;
	border: none;
	width: 188px;
}

#login legend {
	display: none;
}

#login div.loginInput {
	margin: 0;
	padding: 0 0 0 20px;
	display: block;
	width: 175px;
	float: left;
	clear: both;
}

#login div.loginInput input {
	border: 1px solid #767676;
	width: 115px;
	float: right;
	clear: both;
	margin: 5px 0 0 0;
}

#login div.loginText{	
	float: left;
	margin: 5px 0 0 0;	
	padding: 0;
	height: 17px;
	color: #000000;
	font-size: 1em; 
}

#login .loginSubmit {
	float: left;
	width: 194px;
	margin: 0;
	padding: 0 14px 0 0;
}

#login .loginSubmit input {
	float: right;
	padding: 0 14px 0 0;
}

#login input.SearchSubmitText {	
	padding: 0 0 2px 0;
	margin: 3px 0 0 0;
	float: riht;
	font-size: 1em;
	border: #b79f01 1px solid;
	background: #fee002;
}
#login div.loginRegister a {
	color: #000000;
	font-size: 1em; 
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	clear: left;
	width: 150px;
}

#login .loginUserInformation {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	width: 171px;
	color: #000000;
	}

#login .loginUserInformation span { 
	color: #000000;
}

#login .loginUserInformation a {
	color: #000000;
}

#login .loginLogout {
	display: block;
	width: auto;
	margin: 0 0 0 5px;
	padding: 0;
}

#login .loginLogout a {
	float: left;
	clear: left;
	font-size: 1em;
	margin: 0;
	padding: 2px;
	width: auto;
	text-decoration: none;
	color: #ffffff;
	height: 17px;
}

#login .loginLogout a:link, #login .loginLogout a:visited {
	text-decoration: none;
	color: #ffffff;
}

#login .loginLogout a:hover, #login .loginLogout a:focus, #login .loginLogout a:active {
	text-decoration: none;
	color: #ffffff;
}

#login .loginAccountDetail span {
	color: #000000;
	float: left;
	margin: 10px 0 0 0;
	font-size: 1em;
}

#login .loginAccountDetail a {
	color: #000000;
	float: left;
	margin: 10px 0 0 5px;
	font-size: 1em;
}

/*------------------------------------------------------------------*/
/* vyhledavaci div--------------------------------------------------*/
/*------------------------------------------------------------------*/

#searchC {
	width: 208px;
	float: right;
	border: 0;
	padding: 0;
	margin: 45px 20px 0 0;
}
 
#search {
	float: right;
	width: 208px;
	padding: 0 0 10px 0;
	margin: 0;
}
 
#search h3 {
	clear: both;
	width: 188px;
	background: #fceb8b;
	color: #000000;
	text-transform: uppercase;
	float: left;
	padding: 7px 0 7px 20px;
/*	display: block;*/
	margin: 0;
	border-bottom: #b79f01 1px solid;
	display: none;
}


#search div.searchInput {
	width: 115px;
	margin: 0;
	padding: 5px 0 5px 20px;
	float: left;
}
 
#search div.searchInput input {
	background: #ffffff;
	width: 111px;
	float: left;
}


#search .searchSubmit {
	float: left;
	padding: 5px 0 0 3px;
}


#search input.SearchSubmitText{
}

#search .searchSubmitImage {
	float: left;
	border: none;
}

#search .searchAdvanced {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 170px;
	display: none;
}

#search .searchAdvanced a {
	font-size: 1em;
	margin: 0;
	float: left;
	padding: 0 0 0 0;
	color: #000000;
	float: left;
}

#search div.searchCatalog {
	float: left;
	margin: 0;
	padding: 5px 0 0 20px;
	width: 170px;
	display: none;
}

#search div.searchCatalog a {
	font-size: 1em;
	margin: 0;
	float: left;
	padding: 0;
	color: #000000;
	float: left;
}

 
/*------------------------------------------------------*/
/* obsah kosiku (strucny) ------------------------------*/
/*------------------------------------------------------*/
#basketBriefC {}
 
#basketBrief {
	float: left;
	width: 208px;
}
 
#basketBrief h3 {}

.basketBriefContent {	
	float: left;
	width: 183px;
	padding: 5px 5px 0 20px;
}

.basketBriefContent span {
	font-weight: bold;
}

.basketBriefContinue a {	
	float: left;
	width: 183px;
	padding: 5px 5px 0 20px;
}

.basketBriefContinue a:link, 
.basketBriefContinue a:visited {
}

.basketBriefContinue a:hover, 
.basketBriefContinue a:focus, 
.basketBriefContinue a:active {
}
/*-------------------------------------------------------------------------------------*/
/* SPOLECNE ---------------------------------------------------------------------------*/
/*- hpMagazine, hpInquiry, hpArticlesPanel, hpProducts, infoPanelItem -----------------*/
/*-------------------------------------------------------------------------------------*/
/*
#hpMagazineC, 
#hpInquiryC, 
#hpArticlesPanelC, 
#hpProductsC, 
.infoPanelItemC, 
#hpArticlesPanel {
}

.hpMagazine, 
.hpInquiry, 
.hpArticlesPanel, 
.hpProducts, 
.infoPanelItem, 
.hpArticlesPanel {
}

#hpMagazineC h3, 
#hpInquiryC h3, 
#hpArticlesPanelC h3, 
#hpProductsC h3, 
.infoPanelItemC h3, 
#hpArticlesPanelC h3{

}*/



/*------------------------------------------------------*/
/* InfoPanelItemArticle --------------------------------*/
/*------------------------------------------------------*/

.infoPanelItemArticle {
	padding-bottom: 10px;
	font-size: 0.95em;
}
.infoPanelItemArticle span {color: #666666;}
.infoPanelItemArticle h4 {
	padding-top: 0;
	margin: 0;
}

/*------------------------------------------------------*/
/* InfoPanelItemMessage --------------------------------*/
/*------------------------------------------------------*/
.infoPanelItemMessage {
	padding-bottom: 10px;
	font-size: 0.95em;
}
.infoPanelItemMessage span {color: #666666;}
.infoPanelItemMessage h4 {
	padding-top: 0;
}

/*------------------------------------------------------*/
/* InfoPanelItemProduct --------------------------------*/
/*------------------------------------------------------*/
.infoPanelItemProduct {
}
.infoPanelItemProduct table { 
	width: 183px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.9em;
}

td.evenRow {
}
 
td.oddRow {
}

span.infoPanelItemName {
}

span.infoPanelItemPrice { 
	float: right;
}

/* ----------------------------------------------------- */
/* styly pro magazin(zbyle styly jsou pouzity z article) */
/* ----------------------------------------------------- */
#magazineHead {}
.magazineComment {}
.magazineDeadline {}
#hpMagazineC {}
#hpMagazineC h3 {}
.hpMagazine {
	text-align: center;
}

/* ----------------------------------------------------- */
/* styly pro panel produktu ---------------------------- */
/* ----------------------------------------------------- */
#hpProductsC {}
#hpProductsC h3 {}
.hpProducts {
	width: 183px;
	padding: 0 5px 10px 20px;
	text-align: center;
	font-size: 0.9em;
}

.hpProducts img {
	padding: 10px;
}
.hpProducts h4 {
	color: #ed1c24;
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	float: left;
	width: 183px;
	text-align: center;
	font-weight: normal;
}
.hpProducts h4 a {
	color: #000000;
}

.hpProducts h4 a:link, .hpProducts h4 a:visited{
	color: #000000;
	text-decoration: underline;
}

.hpProducts h4 a:hover, .hpProducts h4 a:focus, .hpProducts h4 a:active {
	text-decoration: none;
	color: #000000;
}

#hpProductsC .hpProducts.evenItem {
	background: #fcf3be;
	border-bottom: #b79f01 1px solid;
	border-top: #b79f01 1px solid;
}

#hpProductsC .productPicture {
	float: left;
	width: 153px;
	text-align: center;
}

.hpProducts img {
	padding: 0;
	margin: 0 auto 0 auto;
	float: none;
	display: block;
	text-align: center;
}

.hpProducts div.productPriceBlock {
	text-align: left;
	clear: both;
	width: 170px;
	font-size: 0.85em;
	float: left;
}

.hpProducts div.productPriceBlock .productPrice {
	text-align: left;
	clear: both;
	width: 170px;
	float: left;
}
.hpProducts div.productPriceBlock .productPriceVat {
	text-align: left;
	clear: both;
	width: 170px;
	float: left;
}
.hpProducts div.productOrderButton a {
	text-align: left;
	float: left;
	clear: both;
	width: 150px;
	padding-left: 10px;
}

.hpProducts div.productShowMoreButton a { 
	white-space: nowrap;
	text-align: left;
	float: left;
	clear: both;
	width: 150px;
	padding-left: 10px;
}

.hpProducts div.productCompareButton a{ 
	white-space: nowrap;
	text-align: left;
	float: left;
	clear: both;
	width: 150px;
	padding-left: 10px;
}