/*	Nejprve(!) rozvržení stránky a naformátování horní části*/
html, body{
	text-align: 		center;
	background: 		url('../gfx/background_strip.gif');
	background-repeat: 	repeat-x;
}

body, div, table, td, th {
	font-family:	Verdana, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:			0px;
	font-size:		100%;
	color: 			black;
}
}

/* styly pro wysiwyg - ve wysiwygu musi byt stejne*/
P
{
margin: 0px 0px 9px 0px;
}

h1{
color: #cc0000;
font-size: 130%;
margin: 0px 0px 8px 0px;
font-weight: bold;
}

h2{
font-size: 		115%;
font-weight: 	bold;
margin: 0px 0px 4px 0px;
color: 			black;
}

/* styly pro wysiwyg - end*/

div.picture_shadow { 
background: url("../gfx/shadow.gif") no-repeat bottom right; 
clear: left; 
float: left; 
margin: 7px 0px 0px 4px; 
padding: 0; 
position: relative; 
} 

div.picture_shadow img { 
background-color: #fff; 
border: 1px solid black; 
display: block; 
margin: -5px 5px 5px -5px; 
position: relative; 
} 


#TheBody
{
	width: 776px;
   	text-align: left; 
   	margin: 0 auto;
}

#header_row_1{
	background:		url('../gfx/czpress-01.gif');
	background-repeat: no-repeat;
	height:			18px;
	font-size:		65%;
	color:			white;
	padding-left: 	439px;
	vertical-align: top;
	padding-top: 	2px;
}


#TheTitle{
	background:		url('../gfx/czpress-04.gif');
	background-repeat: no-repeat;
	height:			36px;
	width:			776;
	padding-left: 180px;
	color: 			white;
	font-weight: 	bold;
}

#TheBottomTitle{
	background:		url('../gfx/czpress-08.gif');
	background-repeat: no-repeat;
	height:			29px;
	width:			776;
	padding-left: 25px;
	color: 			white;
	font-weight: 	bold;
}


#AnotationContainer
{
height:			242px;
width:			776;

background-color:	white;
font-size:			70%;
line-height:		15px;
vertical-align: 	top;
padding: 			0px 0px 0px 0px;
border-right: 		1px solid #DFDFDF;
}

#AnnotationIframe
{
height:			242px;
width:			775;
}




#TheMenu{
	background:		url('../gfx/czpress-05.gif');
	background-repeat: no-repeat;
	height:			313px;
	width:			156px;
	vertical-align:	top;
	padding-left: 	9px;
	padding-top: 	1px;
	font-size: 		70%;
}

#TheContent{
	width:				611px;
	height:				313px;
	border-right: 		1px solid #DFDFDF;
	background-color: 	white;
	padding-top: 		3px;
}

#Overflow
{
	background-color: 	white;
	font-size:			70%;
	vertical-align: 	top;
	padding:			0px 10px 5px 15px;
	_padding:			14px 10px 5px 15px;
	width: 				578px;
	_width: 			603px;
	height:				305px;
	_height:			310px;
	overflow: 			auto;
	line-height:		16px;
	SCROLLBAR-FACE-COLOR: #DFDFDF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #DFDFDF; 
	SCROLLBAR-SHADOW-COLOR: #DFDFDF; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR:  #939F9F; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: white;
	position:  relative;
}


#TheFooter {
	background:		url('../gfx/czpress-14.gif');
	background-repeat: no-repeat;
	padding:		0px 13px;

	width:			776px;
	height:			22px;
}

#TheFooter div
{
	font-size:		65%;
	color: white;
}


input
{
border: 	1px solid #666666;
font-size: 8pt;
color:	black;
}

select
{
border: 	1px solid #666666;
background-color: white;
font-size: 8pt;
color:	black;
}

.red_text {
	color:red;
}


table.catalogue_search
{
width: 100%;
background-color: white;
border-bottom: 1px solid black;
}

table.catalogue_search td
{
text-align: right;
padding: 2px;
}

.katalog_search_title
{
color: black;
background-color: white;
vertical-align: middle;
font-weight: bold;
padding: 3px 5px;
font-size: 110%;
border-bottom: 1px solid black;
}

.katalog_search_input_text
{
color: black;
width: 120px;
}

.katalog_search_label
{
}

.katalog_search_select
{
width: 120px;
}

.katalog_search_reset
{
}

.katalog_search_submit
{
width: 120px;
background-color: #E2E3E4;
color: black;
font-weight: bold;
}


table.table_list_items
{
}

table.table_list_items th
{
text-align: left;
background-color: #939F9F;
padding: 2px 0px 2px 5px;
color: white;
font-weight: bold;
}

table.table_list_items td
{
color: black;
padding: 2px 0px 2px 5px;
font-size: 90%;
}

table.table_list_items td.katalog_price {
	padding: 0px 3px 0px 0px;
	text-align: right;
}

.katalog_listing_bg_color_odd
{
background-color:	#F2F2F3;
}
.katalog_listing_bg_color_even
{
background-color:	#E2E3E4;
}


#kosik
{
width: 100%;
}

#kosik th
{
text-align: left;
background-color: #939F9F;
padding: 2px 5px 2px 5px;
color: white;
font-weight: bold;
}

#kosik td
{
text-align: left;
padding: 2px 2px 2px 2px;
border-bottom: 1px dashed black;
}

#kosik td img
{
border: 0px;
}

.kosik_submit
{
}

.kosik_cena_popis
{
}

.kosik_mnozstvo_popis
{
}

.kosik_error
{
color: red;
font-weight: bold;
text-align: center;
width: 100%;
}

.kosik_notice
{
color: blue;
font-weight: bold;
text-align: center;
width: 100%;
}

.kosik_label
{
}

.kosik_item_value
{
}

.kosik_item_price_value
{
font-weight: bold;
}

.kosik_price_type
{
font-size: 80%;
}

.kosik_input
{
width: 24px;
}

.kosik_disabled_input
{
}


.kosik_action_button
{
}

.kosik_summ_price
{
font-weight: bold;
font-size: 110%;
color: black;
}



#kontakt
{
width: 100%;
}

#kontakt th
{
text-align: left;
}

#kontakt td
{
padding: 1px;
}


.kontakt_label
{
}

.kontakt_item_value
{
}

.kontakt_input
{
}

.kontakt_input_radio
{
}

.kontakt_input_textarea
{
}

.kontakt_submit
{
background-color: #E2E3E4;
color: black;
font-weight: bold;
}

/*
.shopping-info
{
vertical-align: top;
background-color: #E2E3E4;
border: 1px solid black;
padding: 10px;
}
*/


#objednavka
{
width: 100%;
}

#objednavka th
{
text-align: left;
background-color: #939F9F;
padding: 2px 5px 2px 5px;
color: white;
font-weight: bold;
}

#objednavka td
{
text-align: left;
padding: 2px 2px 2px 2px;
border-bottom: 1px dashed black;
}
.objednavka_label
{
}

.objednavka_item_value
{
}

.sales
{
width: 100%;
}

.sales td
{
color: black;
padding: 2px 0px 2px 5px;
font-size: 90%;
}

.sales th
{
text-align: left;
background-color: #939F9F;
padding: 2px 5px 2px 5px;
color: white;
font-weight: bold;
}

.publication_title
{
}

table.sales td.sales_item
{
	border-bottom: 1px solid #aaaaaa;
	font-size: 11px;
	padding-right: 4px;
}


table.vypis_objednavky {
	width: 520px;
	padding: 0px;
	margin-top: 20px;
	border: 1px solid black;
}

table.vypis_objednavky th {
	font-weight: bold;
	color: black;
	font-size: 90%;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

table.vypis_objednavky td {
	font-weight: normal;
	color: black;
	font-size: 85%;
	border: 1px solid #bbbbbb;
	padding-right: 2px;
	text-align: right;
}


/* menu */

.menuON {
	background:		url('../gfx/background_menu_item.gif') 11% 70% no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: white;
    padding: 3px 0px 0px 30px;
}

.menuOVER {
	background:		url('../gfx/background_menu_item_over.gif') 16% 70% no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
    padding: 3px 0px 0px 37px;
}

.menuON_bold {
	background:		url('../gfx/background_menu_item.gif') 11% 70% no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: white;
    padding: 3px 0px 0px 30px;
}

.menuOVER_bold {
	background:		url('../gfx/background_menu_item_over.gif') 16% 70% no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
    padding: 3px 0px 0px 37px;
}

.menu2ON {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: black;
    padding: 2px 4px;
}

.menu2OVER {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: white;
    padding: 2px 4px;
} 

a{
	text-decoration:	none;
	color:				#cc0000;
}
a:hover{
	text-decoration:	underline;
}

table.contact_table td {
	padding: 0px 0px 0px 10px;
}

table.contact_table th {
	text-align: left;
	padding-top: 10px;
}

/* formulare pro odesilani zadosti o XY */

div.html_formular {
	width: 545px;
	padding: 20px 5px 20px 10px;
	border: 1px solid #aaaaaa;
	margin-left: -5px;
	
	
}

div.html_formular td, th, table, fieldset{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.html_formular h1, h5	{
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color:	black;
}

div.html_formular h5	{
	text-decoration: underline;
}

div.html_formular 1	{
	padding-top: 30px;
}

span.poznamka, h6	{   /* pouzivam jako poznamku */
	color:	black;
	font-style:	italic;
	font-weight: normal;
	font-size: 9px;
}

div.html_formular fieldset {
	width: 520px;
	padding-right: 0px;
}

div.html_formular input {
	border: 1px solid silver;
	background-color: #e2e2e2;
}

input.noborder {
	border: 3px;
}

div.html_formular textarea {
	width: 500px;
	height: 100px;
	border: 1px solid silver;
	background-color: #e2e2e2;
}

input.bezramecku {
	border: 0px;
	background-color: white;
}

table.dvasloupce {
	width: 507px;
}

table.dvasloupce td {
	width: 255px;
}

table.jedenadvasloupce {
	width: 511px;
}

td.prvnisloupec {
	width: 252px;

}

td.td2a3 {
	width: 125px;

}

input.odesli {
	background-color: #cc0000;
	color: black;
	float: right;
	margin-right: 40px;
	margin-top: 20px;
	font-weight: bold;
}

legend
{
font-weight: bold;
color: black;
}

#succes {
	padding-top: 120px;
	text-align: center;
	font-size: 		115%;
	font-weight: 	bold;
	margin: 0px 0px 4px 0px;
	color: 			black;
}

div.stazeni
{
	text-align: left;
	width: 545px;
	padding: 10px;
	border: 1px solid #aaaaaa;
	margin-left: -5px;
	background-color: #e2e2e2;
	color: black;
}

div.stazeni_noform
{
	width: 100%;
	text-align: left;
	padding: 10px;
	border: 1px solid #aaaaaa;
	background-color: #e2e2e2;
	color: black;
}

div.stazeni img, a, div.stazeni_noform img, a{
	border:	0px;
}

table.predplatne_table
{
border-collapse: collapse;
border: 1px solid black;
}

table.predplatne_table th
{
background-color: silver;
color: black;
border: 1px solid black;
}

table.predplatne_table td
{
padding: 5px;
border: 1px solid silver;
}

table.predplatne_table td.titul
{
padding: 5px;
border: 1px solid silver;
font-weight: bold;
}

.formular_notice
{
padding: 20px 0px 20px 0px;
color: blue;
font-weight: bold;
text-align: center;
width: 100%;
}

.NewsDate
{
color:	black;
font-weight: normal;
padding: 3px;
}

.NewsTitle
{
color:	black;
font-weight: bold;
padding: 3px;
}

.news_listing_content
{
padding: 3px;
}


.overpayment-link {
	text-align: right;
	margin-top: 10px;
}

div#header_images {
	width: 774px;
	background: white;
	padding: 10px 0px 1px 0px;
	margin: 0px;
	margin-left: 1px;
}

div#header_images a img {
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
	border: 0px;
}

div#header_images img#logo {
	margin: 1px 0px 0px 7px;
}

div#OverlayDiv {
	width:		482px;
	height:		152px;
	background:	white;
	border:		1px solid red;
	position:	absolute;
	top:		20px;
	left:		20px;
	z-index:	999;
	text-align: left;

}

/* POPUP - START */
div#EK_body {
  width:  480px;
  height: 150px;
}

div#EK_body_padding {
  padding:  30px;
}
/* POPUP - END */