/*------------------------------------------------------------------*/
/* infoPanel -------------------------------------------------------*/
/*------------------------------------------------------------------*/

#infoPanelC {	
	width: 250px;
	margin: 0 0  0 10px;
	float: left;
	padding: 0;
}

#infoPanel {
	float: left;
	margin: 0;
	width: 176px;
	font-size: 0.95em;
}

#infoPanel h3{
	float: left;
}

/*-------------------------------------------------------------------------------------*/
/* SPOLECNE ---------------------------------------------------------------------------*/
/*- login, search, basketBrief --------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#loginC, 
#searchC, 
#basketBriefC {
	float: left;
	padding:0;
	margin: 0;	
	width: 176px;
}

#login, 
#search, 
#basketBrief {
	font-weight: normal;
	float: left;
	padding: 10px 0;
	width: 156px;
}

#login h3, 
#search h3, 
#basketBrief h3 {
	clear: both;
	width: 140px;
	background: url("../images/custom/bg-sipka.gif"/*tpa=http://www.internethotline.cz/skins/zelena/images/custom/bg-sipka.gif*/) left no-repeat;
	color: #000000;
	text-transform: uppercase;
	float: left;
	padding: 7px 10px 7px 10px;
	display: block;
	margin: 0;
	border-bottom: #999999 1px dotted;
}

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: 10px 10px;
	float: left;
	border: none;
	width: 146px;
}

#login legend {
	display: none;
}

#login div.loginInput {
	margin: 0;
	padding: 0 0 0 0px;
	display: block;
	width: 146px;
	float: left;
	clear: both;
}

#login div.loginInput input {
	border: 1px solid #808080;
	width: 85px;
	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: 0.9em;
	text-transform: uppercase; 
}

#login .loginSubmit {
	float: left;
	width: 143px;
	clear: none;
	margin: 0;
	padding: 0 0 0 0;
}

#login .loginSubmit input {
	float: right;
	padding: 0 0 0 0;
}

#login input.SearchSubmitText {	
	padding: 0 0 0 0;
	margin: 3px 0 0 0;
	float: riht;
	font-size: 0.9em;
	border: #808080 1px solid;
}
#login div.loginRegister a {
	color: #000000;
	font-size: 0.9em; 
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	clear: left;
	width: 146px;
}

#login .loginUserInformation {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	width: 146px;
	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: #000000;
	height: 17px;
	font-weight: bold;
}

#login .loginLogout a:link, #login .loginLogout a:visited {
	text-decoration: none;
	color: #000000;
}

#login .loginLogout a:hover, #login .loginLogout a:focus, #login .loginLogout a:active {
	text-decoration: none;
	color: #000000;
}

#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: 180px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0 0 0 80px;
}
 
#search {
	float: left;
	width: 180px;
	padding: 0 0 0 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: 117px;
	margin: 0;
	padding: 5px 0 5px 0;
	float: left;
}
 
#search div.searchInput input {
	background: #ffffff;
	border: 1px solid #000000;
	width: 117px;
	float: left;
}


#search .searchSubmit {
	float: left;
	padding: 5px 0 0 0;
	margin: 0 0 0 3px;
	font-size: 0.9em;
}


#search input.SearchSubmitText {
	padding: 0;
	margin: 0;
	display: block;
	
}

#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;
}

#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;
}

 
/*------------------------------------------------------*/
/* 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 {
	float: left;
	padding:0;
	margin: 0;	
	width: 176px;
}

.hpMagazine, 
.hpInquiry, 
.hpArticlesPanel, 
.hpProducts, 
.infoPanelItem, 
.hpArticlesPanel {
	font-weight: normal;
	float: left;
	padding: 10px;
	width: 156px;
}

#hpMagazineC h3, 
#hpInquiryC h3, 
#hpArticlesPanelC h3, 
#hpProductsC h3, 
.infoPanelItemC h3, 
#hpArticlesPanelC h3{
	clear: both;
	width: 140px;
	background: url("../images/custom/bg-sipka.gif"/*tpa=http://www.internethotline.cz/skins/zelena/images/custom/bg-sipka.gif*/) left no-repeat;
	color: #000000;
	text-transform: uppercase;
	float: left;
	padding: 7px 10px 7px 10px;
	display: block;
	margin: 0;
	border-bottom: #999999 1px dotted;
}


/*------------------------------------------------------------------*/
/* container obsahujici ankety hlavni strany	--------------------*/
/*------------------------------------------------------------------*/

#hpInquiryC {}

.hpInquiry {}

#hpInquiryC h3{}

#hpInquiryC h4{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1em; 
	color: #000000;
	float: left;
	font-weight: normal;
}


#hpInquiryC fieldset {
	border: 0;
	float: left;
	width: 156px;
	margin: 0;
	padding: 10px 0;
	}

#hpInquiryC legend {
	display: none;
	}
	
.hpInquiryResults {
	float: left;
	display: block;
	width: 146px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#hpInquiryC .inquiryText {
	margin: 5px 0 3px 0;
	float: left;
	clear: left;
	width: 156px;
	font-size: 0.9em;
	padding: 0;
}

#hpInquiryC .inquiryImage {
	margin: 3px 10px 0 0 ;
	padding: 0;
	border:0;
	width: 120px;
	float: left;
	height: 19px;	
}

#hpInquiryC .inquiryImage img {
	height: 19px;
	margin:0;
	float: left;
}

#hpInquiryC .inquiryPercent {
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	float: right;
	clear: none;
	color: #1580bd;
	font-weight: bold;
}

#hpInquiryC .inquiryOptions  {
	float: left;
}

.hpInquiryDescription {
	float: left;
	width: 146px;
}

.hpInquiryDescription a {
	float: left;
	width: 146px;
}

#hpInquiryC .hpInquiryTextarea {
	text-align: center;
}

#hpInquiryC .hpInquiryTextarea textarea {	
	height: 40px;
	overflow: hidden;
	width: 140px;
	margin: 5px auto 0 auto;
	float: left;
}

.hpInquirySubmit {			  
	text-align: center;  
}

.hpInquirySubmit input {
	margin: 5px auto 0 auto;	
	width: 144px;
	float: left;	
}

.inquiryText {}

.inquiryImage {}

.inquiryPercent {}

/*------------------------------------------------------*/
/* container obsahujici polozky v informacnim panelu ---*/
/*------------------------------------------------------*/

.infoPanelItemC {}
.infoPanelItem {
}
.infoPanelItemC h3 {}

.infoPanelBlockText {
	font-size: 0.9em;
}

.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 {
}

/*------------------------------------------------------*/
/* InfoPanelItemArticle --------------------------------*/
/*------------------------------------------------------*/

.infoPanelItemArticle {
	padding: 10px 0;
}
.infoPanelItemArticle span {
	color: #0c62aa;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.infoPanelItemArticle h4 {
	padding: 0;
	margin: 0;
	color: #0c62aa;
}

.infoPanelItemArticle h4 a {
	padding: 0;
	margin: 0;
	color: #0c62aa;
	text-decoration: none;
}

.infoPanelItemArticle h4 a:link, 
.infoPanelItemArticle h4 a:visited {
	text-decoration: none;
	color: #0c62aa;
}
.infoPanelItemArticle h4 a:hover, 
.infoPanelItemArticle h4 a:active, 
.infoPanelItemArticle h4 a:focus {
	text-decoration: underline;
	color: #0c62aa;
}

/*------------------------------------------------------*/
/* 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;
}

/*------------------------------------------------------------------*/
/* container obsahujici panel s upoutavkami na clanky --------------*/
/*------------------------------------------------------------------*/

#hpArticlesPanelC {}

.hpArticlesPanel {}

#hpArticlesPanelC h3 {
}

#hpArticlesPanelC h4 {
	padding: 0px;
	margin: 0px;
}

