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

#infoPanelC {	
	width: 200px;
	margin: 0 0 0 0;
	float: right;
	padding: 3px 0 0 0;
}

#infoPanel {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;}

#infoPanel h3{
}


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

#searchC {
	float: left;
	padding:0;
	margin: 0;	
	width: 200px;
}
 
#search {
	float: left;
	padding: 0 0 20px 0;
}
 
#search label {
	clear: both;
	display: block;
	float: left;
	width: 200px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.6em;
}


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

#search .searchSubmit {
	float: right;
	font-size: 0.85em;
	padding: 5px 0 0 ;
}


#search input.searchSubmitText{
	background: #666666;
	border: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
}

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

#search .searchAdvanced {
	float: left;
	margin: 0;
	padding: 3px 0 3px ;
	width: 200px;
}

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

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

#search div.searchCatalog a {
	float: left;
	margin: 0;
	padding: 5px 0 0 10px;
	width: 170px;
}



/*------------------------------------------------------------------*/
/* logovaci div--přihlášení---------------------------------------------*/
/*------------------------------------------------------------------*/

#loginC {
	float: left;
	padding:0;
	margin: 0;	
	width: 200px;
}

#login {
	font-weight: normal;
	float: left;
	padding: 0 0 10px 0;
}

#login h3 {
	clear: both;
	display: block;
	float: left;
	width: 200px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.6em;
}

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

#login legend {
	display: none;
}

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

#login div.loginInput input {
	width: 160px;
	float: right;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
}

#login div.loginText{	
	float: left;
	margin: 0 0 0 0;	
	padding: 2px 0 0 0;
	height: 16px;
	color: #666666; 
	font-size: 0.80em;
}

#login .loginSubmit {
	float: right;
	width: 70px;
	margin: 0;
	padding: 0 0 0 0;
}

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

#login input.SearchSubmitText {	
	padding: 0;
	margin: 0 0 0 0;
	float: right;
	color: #ffffff;
	font-weight: bold;
	background: #666666;
	font-size: 0.85em;
}
#login div.loginRegister {
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	text-align: right;
	width: 122px;
	font-size: 0.80em;
}

/*---------------- css pro stav "prihlasen" --------------*/


#login .loginAccountDetail {
	float: left;
	margin: 0 0 0 0;
	width: 200px;
	padding: 0;
}

#login .loginAccountDetail span {
	float: left;
	margin: 10px 0 0 0;
}

#login .loginAccountDetail a {
	float: left;
	margin: 10px 0 0 5px;
}


#login .loginUserInformation {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	width: 200px;
	}

#login .loginUserInformation span { 
}

#login .loginUserInformation a {
}

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

#login .loginLogout a {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#login .loginLogout a:link, 
#login .loginLogout a:visited {
}

#login .loginLogout a:hover, 
#login .loginLogout a:focus, 
#login .loginLogout a:active {
}


/*------------------------------------------------------*/
/* obsah kosiku (strucny) ------------------------------*/
/*------------------------------------------------------*/
#basketBriefC {
	float: left;
	padding:0;
	margin: 0;	
	width: 208px;
}
 
#basketBrief {
	font-weight: normal;
	float: left;
	padding: 0 0 10px 0;
}
 
#basketBrief h3 {
	clear: both;
	width: 200px;
	background: #fceb8b;
	text-transform: uppercase;
	float: left;
	padding: 7px 5px 7px 10px;
	display: block;
	margin: 0;
	border-bottom: #b79f01 1px solid;
}

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

.basketBriefContent span {
	font-weight: bold;
}

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

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

.basketBriefContinue a:hover, 
.basketBriefContinue a:focus, 
.basketBriefContinue a:active {
}

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

.infoPanelItemC {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
}
   
.infoPanelItem {
	padding: 0;
	float: left;
	width: 200px;
	margin: 0;
}

.infoPanelItemC h3 {
	clear: both;
	display: block;
	float: left;
	width: 200px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.6em;
}

.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 {
}

.infoPanelBlockText {
	border: 0;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px 0 5px 0;
}

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

.infoPanelItemArticle {
	border: 0;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px 0 5px 0;
}

.infoPanelItem .infoPanelItemArticle.evenItem {
	border: 0;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 5px 0;
}

.infoPanelItemArticle span.infoArticleDate {
	font-weight: bold;
	padding: 0 0 0 0;
	clear: both;
	float: left;
	width: 200px;
	}
span.infoPanelItemAnnotation {
	font-weight: normal;
	float: left;
	width: 200px;
}

span.infoPanelItemAnnotation img {
	margin: 5px 5px 5px 0;
	
}
.infoPanelItemArticle h4 {
	padding-top: 0;
	margin: 0;
	font-weight: bold;
	clear: none;
}
	
.infoPanelItemArticle h4 a {
	padding: 0 0 0 5px;
	margin: 0;
	font-weight: bold;
	clear: none;
}

.infoPanelItemArticle h4 a:link, 
.infoPanelItemArticle h4 a:visited {
}
.infoPanelItemArticle h4 a:hover, 
.infoPanelItemArticle h4 a:active, 
.infoPanelItemArticle h4 a:focus {
}

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



/*------------------------------------------------------------------*/
/* container obsahujici ankety hlavni strany	--------------------*/
/*------------------------------------------------------------------*/

#hpInquiryC {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
}

.hpInquiry {
	padding: 0;
	float: left;
	width: 200px;
	margin: 0;
}

#hpInquiryC h3{
	clear: both;
	display: block;
	float: left;
	width: 200px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.6em;
}

#hpInquiryC h4 {
	margin: 0;
	padding: 5px 0 5px 0;
	display: block;	
	width: 200px;
}

#hpInquiryC h4 a {}
 
#hpInquiryC h4 a:link, 
#hpInquiryC h4 a:visited  {}

#hpInquiryC h4 a:hover, 
#hpInquiryC h4 a:focus, 
#hpInquiryC h4 a:active {}


form.formInquiryHP {	
	border: 0;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 5px 0;
}

form.formInquiryHP fieldset {
	border: 0;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	}

form.formInquiryHP legend {
	display: none;
	}
	
	
form.formInquiryHP .hpInquiryOptions  {

  /*------snazit se do toho nezasahovat-------*/
	
}
	
form.formInquiryHP .inquiryText {
	float: left;
	clear: both;
	width: 200px;
	padding: 3px 0;
	margin: 0;
}

form.formInquiryHP .inquiryText a {}

form.formInquiryHP .inquiryText a:link, 
form.formInquiryHP .inquiryText a:visited {}

form.formInquiryHP .inquiryText a:hover, 
form.formInquiryHP .inquiryText a:focus, 
form.formInquiryHP .inquiryText a:active {}
	

form.formInquiryHP .inquiryImage {
	margin: 3px 10px 0 0 ;
	padding: 0;
	border:0;
	width: 140px;
	float: left;
	clear: none;
	height: 7px;	
}

form.formInquiryHP .inquiryImage img {
	height: 7px;
	margin:0;
	float: left;
}

form.formInquiryHP .inquiryPercent {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	clear: right;
}

.hpInquiryResults {
	float: left;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
}


/*  v pripade ankety pro konstruktivni odpoved uzivatele */

.hpInquiry.evenItem {
	padding: 0;
	float: left;
	width: 208px;
	margin: 0;
}

.hpInquiryDescription {}

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

#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;	
}

/*-------------------------------------------------------*/



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

td.evenRow {
}
 
td.oddRow {
}

span.infoPanelItemName {
}

span.infoPanelItemPrice { 
	float: right;
}

/* ----------------------------------------------------- */
/* styly pro magazin(zbyle styly jsou pouzity z article) */
/* ----------------------------------------------------- */
#magazineHead {}
.magazineComment {}
.magazineDeadline {}
#hpMagazineC {
	float: left;
	width: 208px;
	margin: 0 0 10px 0;
}

.hpMagazine {
	padding: 0;
	float: left;
	width: 208px;
	margin: 0;
	text-align: center;
}

#hpMagazineC h3{
	clear: both;
	width: 188px;
	background: #fceb8b;
	text-transform: uppercase;
	float: left;
	padding: 7px 0 7px 20px;
	display: block;
	margin: 0;
	border-bottom: #b79f01 1px solid;
}


/* ----------------------------------------------------- */
/* styly pro panel produktu ---------------------------- */
/* ----------------------------------------------------- */
 
#hpProductsC {
	float: left;
	width: 208px;
	margin: 0 0 10px 0;
}
 
.hpProducts {
	padding: 0 5px 0 10px;
	float: left;
	width: 200px;
	margin: 0;
}

#hpProductsC h3 {
	clear: both;
	width: 200px;
	background: #fceb8b;
	text-transform: uppercase;
	float: left;
	padding: 7px 5px 7px 10px;
	display: block;
	margin: 0;
	border-bottom: #b79f01 1px solid;
}

.hpProducts img {
	padding: 5px;
}
.hpProducts h4 {
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	float: left;
	width: 200px;
	text-align: center;
	font-weight: normal;
}
.hpProducts h4 a {
}

.hpProducts h4 a:link, 
.hpProducts h4 a:visited{
}

.hpProducts h4 a:hover, 
.hpProducts h4 a:focus, 
.hpProducts h4 a:active {
}

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

#hpProductsC .productPicture {
	float: left;
	padding: 5px 0 5px 0;
	width: 200px;
	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: 200px;
	font-size: 0.85em;
	float: left;
}

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

.hpProducts div.productShowMoreButton a { 
	white-space: nowrap;
	text-align: left;
	float: left;
	clear: both;
}

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

/*------------------------------------------------------------------*/
/* container obsahujici panel s upoutavkami na clanky --------------*/
/*------------------------------------------------------------------*/

#hpArticlesPanelC {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
}
 
.hpArticlesPanel {
	padding: 0;
	float: left;
	width: 200px;
	margin: 0;
}

#hpArticlesPanelC h3 {
	clear: both;
	display: block;
	float: left;
	width: 200px;
	color: #333333;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.6em;
}

#hpArticlesPanelC h4 {
	padding: 0px;
	margin: 0px;
}