/* ZACATEK SOUBORU - global@p1 ******************************************************/
/* 1 */
/* 
	Globalni stylopis, ktery by mel byt pro vsechny weby stejny
	Obsahuje veci jako skryvani redakcnich elementu pro tisk,
	a defaultnich vlastnosti 
*/

/* Defaultni vlastnosti HTML elementu */
HTML, BODY {
   height: 100%;
   padding: 0;
   margin: 0;
}

/* Skryju elementy, ktere maji vyznam pouze pro seo */
.seo {
   display: none;
}

/* Definuju cleaner */
DIV.cleaner {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* Defaultne nechci, aby odkazove obrazky meli ramecek */
A IMG {
	border: none;
}

/* Prvni prvky nemaj pred sebou mezeru */
.first {
	margin-top: 0px;
}

/* ZACATEK SOUBORU - typo@p1 ******************************************************/
/* 2 */
/* 
	Stylopis popisujici obecne typograficke vlastnosti, 
	jako je rez pisma barva highlightu, velikost odsazeni odstavcu, atd.

	Doporuceno pouzivat pouze v obecne rovine
*/

BODY {
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
   font-size: 9pt;
   color: #414141;
}

P {
   margin-top: 10px;
}

/* Odsazeni obsahu od perexu */
DIV.perex {
	margin-bottom: 10px;
}

A {
   color: #871818;
   text-decoration: underline;
}

A:hover {
   text-decoration: none;
}

H2 {
	background: url('http://www.dialife.cz/files/uploaded/p1-bullet.gif') no-repeat;
   color: #808080;
   font-weight: bold;
   font-size: 13pt;
   text-transform: uppercase;
   padding-left: 20px;
	width: 100%;
}


H3 {
	margin-bottom: 0;
	font-size: 11pt;
} 

STRONG,
B,
SPAN.highlight {
	color: #871818;
}
/* ZACATEK SOUBORU - banner@p1 ******************************************************/
/* Banner */
DIV#pg-banner {
   float: left;
   width: 579px;
   padding-right: 15px;
   padding-left: 20px;
}

DIV#pg-banner DIV#banner-header {
   font-weight: bold;
   font-size: 17pt;
   color: #616161;
   float: left;
   margin-top: 15px;
}

DIV#pg-banner DIV#banner-slogan {
   font-weight: bold;
   font-size: 11pt;
   color: #bfbfbf;
   text-transform: uppercase;
   float: left;
   clear: left;
   width: 300px;
}

DIV#pg-banner IMG#banner-znak {
   display: block;
   float: right;
   margin-top: 8px;
}

DIV#pg-banner DIV#banner-paragraph {
   float: left;
   width: 350px;
   padding-left: 1px;
}

/* ZACATEK SOUBORU - banner-top@p1 ******************************************************/
#pg-top UL {
	list-style: none;
	padding: 0;
	margin: 0;
}

#pg-top UL LI {
	display: block;
	float: left;
	margin-left: 20px;
	font-size: 8pt;
}
/* ZACATEK SOUBORU - buttons@p1 ******************************************************/
TABLE.links BUTTON.imgButton,
TABLE.formTable BUTTON.imgButton {
	display: block;
	border: none; 
	background: none;
	
	margin: 0;
	padding: 0 3px;
	width: auto;
	=width: 1px;
	overflow:visible;
	
	color: #871818;
	font-size: 9pt;
	text-decoration: underline;
	height: 20px;
}

TABLE.links A.imgButton,
TABLE.formTable A.imgButton {	
	display: block;	
	padding: 0px 5px;
	=padding: 0px 3px;
	=height: 19px;
	margin-top: 1px;
	=margin-top: 2px;
	font-size: 9pt;
}

TABLE.links BUTTON.imgButton:hover,
TABLE.formTable BUTTON.imgButton:hover {
	text-decoration: none;
	cursor: pointer;
}

/*************************************************************************/
TABLE.links {
	margin: 5px 5%;
	float: right;
	_float: none;
	_margin: 5px auto;
}

TABLE.links TD {
	padding: 0px 5px 0px 18px;
	=padding: 2px 5px 0px 20px;
	height: 21px;
	=height: 18px;
}

TABLE.links TD.doneButton {
	background: url('?') no-repeat 0px 4px;
}

TABLE.links TD.cancelButton {
	background: url('?') no-repeat 2px 4px;
}

TABLE.links TD.nextButton {
	background: url('?') no-repeat 0px 4px;
}

TABLE.links TD.backButton {
	background: url('?') no-repeat 0px 4px;
}
/* ZACATEK SOUBORU - content@p1 ******************************************************/
/*
 * Defaultni stylopisy pro editovatelny obsah
 *
 * Zde je nutne definovat nominalni chovani pro vsechny
 * polozky WYSIWYG editoru
 */

.wysiwyg H3 {
	margin: 20px 0 0 0;

	font-size: 11pt;

	border-top: 1px solid #f3f3f3;
	padding-top: 5px;
}

.wysiwyg IMG {
	display: block;
	margin: 15px auto;
	padding: 8px;
	border: 1px solid #f3f3f3;
}

.wysiwyg TABLE {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	border-color: #e6e6e6;
	border-style: solid; 
}

.wysiwyg TABLE TD {
	padding: 2px 5px;
	font-size: 8pt;
	border-color: #e6e6e6;
}

.wysiwyg TABLE,
.wysiwyg IMG,
.wysiwyg P {
	margin-top: 10px;
	margin-bottom: 5px;
}
/* ZACATEK SOUBORU - custom@p1 ******************************************************/
.zvyrazneny {
	border: 1px solid #D8D7D7;
	background: #EFEFEF;
	padding: 10px;
}

TABLE.zvyraznenaTabulka {
	border: 2px solid #B21C1C !important;
	border-collapse: collapse !important;
}

TABLE.zvyraznenaTabulka TD {
	border: 1px solid #B21C1C !important;
}

.obrazek_text {
	display: block;
	float: right;
}

TABLE.designTable {
	border: none;
}

TABLE.designTable TD {
	border: none;
}
/* ZACATEK SOUBORU - forms@p1 ******************************************************/
TABLE.formTable {
	width: 90%;
	margin: 10px auto;
}

TABLE.formTable TD.label {
	padding: 3px 5px;
}

TABLE.formTable TD.formField {
	width: 70%;
	padding: 3px 5px;
}

TABLE.formTable INPUT,
TABLE.formTable SELECT,
TABLE.formTable TEXTAREA {
	border: 1px solid #A3A3A3;
	width: 90%;
	padding: 2px 3px;
	font-size: 8pt;
}

TABLE.formTable SELECT {
	padding: 0;
}

TABLE.formTable SELECT OPTION {
	padding: 2px 3px;
	border: none;
}

TABLE.formTable INPUT:hover,
TABLE.formTable INPUT:focus,
TABLE.formTable TEXTAREA:hover,
TABLE.formTable TEXTAREA:focus {
	border: 1px solid #C0C0C0;
}

TABLE.formTable .requiredStar {
	color: #871818;
	font-size: 9pt;
	line-height: 0;
	padding-left: 2px;
}

TABLE.formTable .captchaImg {
	padding-bottom: 10px;
}
/* ZACATEK SOUBORU - layout@p1 ******************************************************/
/*
	Stylopis popisujici rozlozeni elementu na strance
	Je vhodne zde umistit tridy spolecne pro cely web
*/

@media screen {

BODY {
   background: url('http://www.dialife.cz/files/uploaded/p1-pg-bg.gif') 110px repeat-y;
}

/* Kontejner */
#pg {
	background: url('http://www.dialife.cz/files/uploaded/p1-pg-bg-line.gif') 0px 110px repeat-x;
   position: relative;
   min-height: 100%;
   height: 100%;
}

BODY>DIV#pg {
   height: auto;
}

DIV#pg-inner {
 background: url('http://www.dialife.cz/files/uploaded/p1-pg-bg-inner.gif') repeat-y;
   margin-left: 116px;
   width: 852px;
}

/* Hlavicka stranky */
DIV#pg-header {
   background: url('http://www.dialife.cz/files/uploaded/p1-banner-line-bg.gif') bottom repeat-x white;
   height: 273px;
   padding: 0px 7px 0px 7px;  
}

DIV#pg-top {
   float: left;
   background: url('http://www.dialife.cz/files/uploaded/p1-banner-top-bg.gif') repeat-x;
   width: 594px;
   height: 26px;
   font-size: 9pt;
   padding: 15px 10px 2px 10px;
}

/* Middle blok */
DIV#pg-content {
   background: url('http://www.dialife.cz/files/uploaded/p1-pg-bg-top.gif') repeat-x #fefefe;
   margin: 0px 7px 0px 7px;
   padding: 10px 10px 60px 10px;
   min-height: 300px;
   height: 300px;
}

DIV#pg-inner>DIV#pg-content {
   height: auto;
}

/* Paticka stranky */
DIV#pg-footer {
   background: url('http://www.dialife.cz/files/uploaded/p1-footer-bg.gif') no-repeat;
   height: 37px;
   width: 809px;
   position: absolute;
   bottom: 0px;
   left: 128px;
   color: white;
   font-size: 9pt;
   padding: 5px 10px 2px 10px;
}

DIV#pg-footer A {
   color: white;
}

DIV#pg-footer-copyright {
   text-align: right;
   font-size: 8pt;
   margin-top: 5px;
}

}
/* ZACATEK SOUBORU - listing@p1 ******************************************************/
.listingBlock H4 {
	margin-bottom: 0;
	font-size: 9pt;
}

.listingBlock .listingItem {
	margin-top: 25px;
}

.newsListingBlock .date {
	font-style: italic;
	text-align: right;
	font-size: 8pt;
}
/* ZACATEK SOUBORU - menu@p1 ******************************************************/
DIV#pg-menu {
   width: 224px;
   float: left;
}

/** Logo img */
DIV#pg-menu IMG {
   padding: 0px;
   margin: 0px;
   display: block;
}

A#pg-menu-btn-diebetes-melleitus, A#pg-menu-btn-e-shop, 
A#pg-menu-btn-dia-forum, A#pg-menu-btn-aktualne,
A#pg-menu-btn-kontakt {
   display: block;
   width: 224px;
   height: 31px;
   margin: 0px;
}

A#pg-menu-btn-diebetes-melleitus:hover, A#pg-menu-btn-e-shop:hover, 
A#pg-menu-btn-dia-forum:hover, A#pg-menu-btn-aktualne:hover,
A#pg-menu-btn-kontakt:hover {
   background-position: 224px 0px;
}

A#pg-menu-btn-diebetes-melleitus SPAN, A#pg-menu-btn-e-shop SPAN, 
A#pg-menu-btn-dia-forum SPAN, A#pg-menu-btn-aktualne SPAN,
A#pg-menu-btn-kontakt SPAN {
   display: none;
}

A#pg-menu-btn-diebetes-melleitus {
   background: url('http://www.dialife.cz/files/uploaded/p1-btn-diainformace.gif');
}

A#pg-menu-btn-e-shop {
   background: url('http://www.dialife.cz/files/uploaded/p1-btn-eshop.gif');
}

A#pg-menu-btn-dia-forum {
   background: url('http://www.dialife.cz/files/uploaded/p1-btn-diaforum.gif');
}

A#pg-menu-btn-aktualne {
   background: url('http://www.dialife.cz/files/uploaded/p1-btn-diaaktualne.gif');
}

A#pg-menu-btn-kontakt {
   background: url('http://www.dialife.cz/files/uploaded/p1-btn-kontakt.gif');
}

/** Search ********************************************************************/
DIV#pg-menu-search {
   background: url('http://www.dialife.cz/files/uploaded/p1-banner-search-bg.gif') no-repeat;
   width: 212px;
   height: 28px;
   padding-top: 8px;
   padding-left: 12px;
   
   font-size: 10pt;
   font-weight: bold;
   color: white;
}

IMG#pg-menu-search-txt, DIV#pg-menu-search INPUT, DIV#pg-menu-search BUTTON {
   display: block;
   float: left;
}

DIV#pg-menu-search INPUT {
   background: #515151;
   border: 1px solid #737171;
   width: 140px;
   color: white;
}

DIV#pg-menu-search BUTTON {
   background: none;
   border: none;
   margin: 0;
   padding: 0;
}

/* ZACATEK SOUBORU - messages@p1 ******************************************************/
.msg {
	width: 300px;
	margin: 15px auto;
	border: 1px solid #E0E068;
	background: #FEFFAF;
	padding: 10px;
	text-align: center;
}
/* ZACATEK SOUBORU - paging@p1 ******************************************************/
.pageControl {
	width: 90%;
	margin: 15px auto;
	text-align: right;
	font-size: 8pt;
}
/* ZACATEK SOUBORU - poll@p1 ******************************************************/
.pollBlock {
	float: right;
	width: 200px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #E0E068;
	background: #FEFFAF;
	padding: 10px;
}

.pollBlock H3.pollName {
	margin: 0 0 3px 0;
}

.pollBlock H4.pollQuestion {
	margin: 0;
	font-weight: normal;
	font-size: 8pt;
}

.pollBlock .pollTotal {
	font-size: 8pt;
	text-align: center;
	border-top: 1px solid #E0E068;
	padding-top: 2px;
}

.pollBlock UL {
	margin: 0;
	padding: 0px 20px 15px 20px;
}

.pollBlock UL LI {
	margin: 0;
}

.pollBlock H5.pollAnswer {
	margin: 8px 0 3px 0;
	font-size: 8pt;
}

.pollChart {
	height: 6px;
	width: 100%;
	background: #E0E068;
}

.pollChart .pollChartBar {
	background: #B5D4DF;	
}
/* ZACATEK SOUBORU - print@p1 ******************************************************/
@media print {
	#pg-header,
	.navigationBar,
	#pg-footer,
	TABLE.links,
	.msg,
	.pollListingBlock {
		display: none;	
	}
}
/* ZACATEK SOUBORU - productsTable@p1 ******************************************************/
TABLE.productsTable {
	width: 90%;
	margin: 10px auto;
	border-collapse: collapse;
}

TABLE.productsTable THEAD TD {
	border-bottom: 1px solid gray;
}

TABLE.productsTable TFOOT TD {
	border-top: 1px solid gray;
}

TABLE.productsTable TBODY TD {
	border-top: 1px solid gray;
}

TABLE.productsTable TD {
	padding: 2px 5px;
	font-size: 8pt;
}

TABLE.productsTable .checkbox {
	width: 20px;
}

TABLE.productsTable .totalPrice {
	color: #871818;
	text-align: right;
}

TABLE.productsTable .price {
	text-align: right;
}

TABLE.productsTable .count {
	text-align: right;
}
/* ZACATEK SOUBORU - right@p1 ******************************************************/
.rightPanel {
	float: right;
	width: 230px;
	margin-left: 15px;
}

.rightBlock {
	float: right;
	width: 200px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #E0E068;
	background: #FEFFAF;
	padding: 10px;
	font-size: 8pt;
	text-align: center;
}
/* ZACATEK SOUBORU - navigation@navigation ******************************************************/
.navigationBar {
	font-size: 8pt;
	height: 1px;
}

.clearNavigationBar {
	margin-bottom: 25px;
	width: 100%;
}

.navigationBar .navigation {
	float: left;
}

.navigationBar .actions {
	float: right;
}
/* ZACATEK SOUBORU - poll@poll ******************************************************/
.pollAnswerListing {
	list-style: none;
}

.pollChart {
	overflow: hidden;
}

.pollChart .pollChartBar {
	height: 100%;
}