/* www.cech-obkladacu.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

BODY, BODY.editor {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 70%;
	color: #343D44;
	font-weight: normal;
	font-style: normal;
	background: url(body-bg.gif) repeat-y;
	background-position: 0 100px;

	height: 100%;
}

BODY.editor {
	margin: 5px;
	padding: auto;
	width: auto;
	height: auto;
	text-align: left;
	background: none;
}

table{
	font-size: 100%;
}

FORM {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

a{
	color: #40647A;
}

A IMG, a:link IMG {
	border: none;
}

/* pro zvetsovani obrazku */

#large {
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-color: #FFFFFF;
}

#enlarge P {
	margin: 0px;
}

/* nastaveni margin */

#homepage DIV P, #homepage DIV H1, #homepage DIV H2, #homepage DIV H3, #homepage DIV H4, #homepage DIV H5, #homepage DIV H6, #page DIV P, #page DIV H1, #page DIV H2, #page DIV H3, #page DIV H4, #page DIV H5, #page DIV H6 {
	margin: 0px;
}

/* vrstvy pro tisk */

#print-header {
	display: none;
}

/* formatovaci vrstvy */

/* stranka */

#page {
	width: 1004px;

	height: 100%;
	position: relative;

}

HTML>BODY #page {
	height: auto;
	min-height: 100%;
}

/* footer s odrazkou */

#spacer {
	clear: both;
	height: 15px;
	width: 780px;
}

#footer {
	width: 1004px;
	height: 41px;
	position: absolute;
	bottom: 0px;
	text-align: right;
	_top: expression(document.getElementById('page').offsetHeight - document.getElementById('footer').offsetHeight);
	padding-right: 60px;
	max-width: 944px;
	padding-top: 25px;
	max-height: 16px;
	voice-family: black;
}

#footer P {

	font-size: 85%;
	vertical-align: bottom;
}

#footer A, #footer a:link {

	text-decoration: underline;
}

#footer a:hover {

	text-decoration: underline;
}

/* hlavicka */

#header {
	background: white;
	margin-left: 5px;
	width: 999px;
	height: 150px;
	
	position: relative;
	border-bottom: 1px solid #A65D16;
}

#header P {

	font-size: 150%;
	padding-right: 21px;
	font-weight: bold;
}

#header .logo{
	float: left;
	/*margin-left: 80px;*/
	margin-left: 80px;
	_margin-left: 40px;
	margin-top: 25px;
}

#header p.web-label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	float: left;
	width: 280px;
	margin-top: 44px;
	margin-left: 10px;
	display: none;
}
#header .img{
	background: url(img-bg.jpg) no-repeat;
	width: 470px;
	height: 150px;
	float: right;
}


/* spodek */

#bottom {
	width: 760px;
	position: relative;
}

/* obsah */

#content {
	width: 1004px;
}

/* vlevo */

#left {
	/*width: 130px;*/
	width: 130px;
	float: left;

	overflow-x: hidden;
}
#left .in{
	width: 110px;
	overflow-x: hidden;
}

/* logo */


/* menu, submenu */

#menu, #submenu {
	width: 130px;
	z-index: 1;
	text-transform: uppercase;
	margin-bottom: 20px;
	float: left;
}

#menu DIV, #submenu DIV {
	float: left;
	width: 130px;
	_width: 130px;
	padding-left: 5px;
}
#submenu DIV{

}

#menu DIV P, #submenu DIV P {
	padding: 4px;
	color: #000000;
	letter-spacing: -1px;
	background-color: #FAF3EB; /* #EAEAE8; */
	margin-bottom: 1px;
	padding-left: 5px;
}
#menu DIV P.active, #submenu DIV P.active{
	background: #A65D16;
	
	
}
#menu DIV P.active a,
#menu DIV P.active a:hover,
#submenu DIV P.active a,
#submenu DIV P.active a:hover
{
	color: white;
}


#menu DIV DIV, #submenu DIV DIV {
	_margin-bottom: -1px;
	margin-left: -4px;
	_margin-left: -2px;
}

#menu DIV DIV P, #submenu DIV DIV P {
	background: #EAA560;
	margin-bottom: 0px;
	border-left: none;

	background-image: none;
	margin-bottom: 1px;

}


#menu DIV A, #menu DIV a:link, #submenu DIV A, #submenu DIV a:link {
	color: black;
	text-decoration: none;
}

#menu div p, #submenu div p{
	padding: 0px;

}

#menu div p a, #submenu div p a{

	padding: 5px 3px 5px 3px;
   display: block;
}

#menu DIV a:hover, #submenu DIV a:hover {
	color: #000000 ;
	padding: 5px 3px 5px 3px;
	background-color: #f2e4d6;
	text-decoration: none;
}


/* login form */

#login {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	_margin-left: 6px;
	margin-top: 20px;
	
margin: 0px 0px 0px 5px;
padding: 0px 14px 0px 6px;
background-color: #ffffff;
}
* html #login {
	margin: 0px 0px 0px 3px;
	padding: 0px 14px 0px 4px;
}


#login P {
	font-size: 80%;
}

#login A, #login a:link {
	color: #40647A;
	text-decoration: underline;
}

#login a:hover {
	color: #FF0B15;
	text-decoration: underline;
}

#login INPUT {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	width: 110px;
	font-size: 100%;
	border: 1px solid #CCCCCC;
}

#login INPUT.submit {
	background-color: #A65D16;
	color: white;
	border: none;
	padding: 2px;
	font-weight: bold;
	margin-top: 5px;
}

#login h5{
	margin: 0px;
	font-size: 12px;
	padding-bottom: 5px;
}
/* vpravo */

#right {
	float: right;
	/*width: 873px;*/
	width: 865px;
	
	padding-left: 5px;
 	border-left: 1px dashed #a65d16;
}
* html #right{
	/*width: 874px;*/
	width: 866px;
}
/* novinky */

#news {
	float: right;
	width: 400px;
	text-align: center;
	border-left: 1px dashed #a65d16;
}

#news H3 {
	font-size: 110%;
	padding-left: 10px;
	border-left: 7px solid #FFD300;
	padding-top: 4px;
	padding-bottom: 4px;
}

#news P {
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#news A, #news a:link {
	color: #40647A;
	text-decoration: underline;
}

#news a:hover {
	color: #FF0B15;
	text-decoration: underline;
}

#news .title{
	color: black;
	font-weight: bold;
}

/* definice pro textovy layer */

#text {
	width: 450px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 10px;

}

#text P, BODY.editor P {
	padding-top: 6px;
	padding-bottom: 6px;
}

#text H1, BODY.editor H1, #text H2, BODY.editor H2, #text H3, BODY.editor H3, #text H4, BODY.editor H4, #text H5, BODY.editor H5, #text H6, BODY.editor H6 {
	padding-top: 4px;
	padding-bottom: 4px;
}

#text H1, BODY.editor H1 {
	font-size: 110%;
	padding-left: 10px;
	border-left: 7px solid #A65D16;
}

#text H2, BODY.editor H2 {
	font-size: 110%;
	padding-left: 10px;
	border-left: 7px solid #CE751B;
}

#text H3, BODY.editor H3 {
	font-size: 110%;
	padding-left: 10px;
	border-left: 7px solid #E48E36;
}

#text H4, BODY.editor H4 {
	font-size: 105%;
}

#text H5, BODY.editor H5 {
	font-size: 100%;
}

#text H6, BODY.editor H6 {
	font-size: 100%;
}

#text EM, BODY.editor EM {


}

#text STRONG, BODY.editor STRONG {
	font-weight: bold;
	font-style: normal;
}

#text LI, BODY.editor LI {
}

#text OL, body.editor OL {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#text UL, body.editor UL {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 1.5em;
}

#text UL LI, BODY.editor UL LI {
	list-style-type: square;
}

#text SUB, BODY.editor SUB {
	font-size: 75%;
}

#text SUP, BODY.editor SUP {
	font-size: 75%;
}

/*#text #A, BODY.editor A {
	color: #40647A;
	text-decoration: underline;
}
#text #A:link, BODY.editor A:link {
	color: #40647A;
	text-decoration: underline;
}*/

#text a:hover, BODY.editor a:hover {
	color: #FF0B15;
	text-decoration: underline;
}

#text INPUT {
	font-family: Verdana, Tahoma, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	width: 200px;
	height: 19px;
	background-color: transparent;
	border: 1px solid #999999;
}

#text INPUT.checkbox {
	width: 13px;
	height: 13px;
	border: none;
}

#text INPUT.radio {
	width: 13px;
	height: 13px;
	border: none;
}

#text INPUT.submit, #text INPUT.reset, #text INPUT.button {
	font-weight: bold;
	width: 200px;
	height: 21px;
	padding: 2px;
	border: 2px solid #999999;
}

#text INPUT.file {
	width: 200px;
	height: 21px;
}

#text INPUT.image {
	padding: 0px;
	border: none;
}

#text TEXTAREA {
	font-family: Verdana, Tahoma, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	width: 200px;
	height: 100px;
	background-color: transparent;
	border: 1px solid #999999;
}

#text SELECT {
	font-family: Verdana, Tahoma, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 200px;
	background-color: transparent;
}

#text HR, BODY.editor HR {
	size: 1px;
	color: #CCCCCC;
}

#text TABLE, BODY.editor TABLE {
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	margin-bottom: 10px;
}

#text TABLE.standard, BODY.editor TABLE.standard {
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

#text TABLE.standard TD, BODY.editor TABLE.standard TD {
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
}

#text TABLE.standard TH, BODY.editor TABLE.standard TH {
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	background-color: #EEEEEE;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	vertical-align: top;
}

#text TABLE.colored, BODY.editor TABLE.colored {
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

#text TABLE.colored TD, BODY.editor TABLE.colored TD {
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
}

#text TABLE.colored TH, BODY.editor TABLE.colored TH {
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	background-color: #CCCCCC;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	vertical-align: top;
}

#text TABLE.standard TH, BODY.editor TABLE.standard TH, #text TABLE.standard TD, BODY.editor TABLE.standard TD, #text TABLE.colored TH, BODY.editor TABLE.colored TH, #text TABLE.colored TD, BODY.editor TABLE.colored TD {
	padding-top: 0px;
	padding-bottom: 0px;
}

#text TABLE.standard TH P, BODY.editor TABLE.standard TH P, #text TABLE.standard TD P, BODY.editor TABLE.standard TD P, #text TABLE.colored TH P, BODY.editor TABLE.colored TH P, #text TABLE.colored TD P, BODY.editor TABLE.colored TD P {
	padding-top: 0px;
	padding-bottom: 0px;
}


.error-message{
	background: white;
	border: 1px solid silver;
	padding: 5px;
	
	
	
	/*height: 15px;
	line-height: 15px;
	vertical-align: middle;*/
	
}

/* HLASKY */
span.exclamation, span.info{
	font-weight: bold;
	color: red;
	
	background: white;
	border: 1px solid silver;
	
	padding: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
span.info{
	color: blue;
}
/* VYPISY */

.list-table{
	width: 100%;
	text-align: left;
	
	margin-top: 15px;
	
	border: none;

}

.list-table td{
	vertical-align: top;
	
	border: 1px solid #EEEEEE;
	border-top: none;
	border-left: none;
	
	padding: 3px;
}
.list-table th{
	background: #EEEEEE;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	
	
}

.list-table .arrow{
	margin-left: 5px;
	margin-bottom: 1px;
}


/* DETAILNI TABULKA POLOZEK */

.table-item-detail{
	width: 100%;
	overflow: hidden;
	text-align: left;
	margin-top: 15px;
	border: none;
}

.table-item-detail td{
	vertical-align: top;
	
	border: 1px solid #EEEEEE;
	border-top: none;
	border-left: none;
	
	padding: 5px;
}

.table-item-detail td.label{
	background: #EEEEEE;
	width: 80px;
}
.table-item-detail td.value{

}


hr{
	clear: both;
	margin-top: 5px;
}




.region-select{
	margin-top: 10px;
	margin-bottom: 10px;	
	
	color: gray;
	
	border: 1px solid silver;
	padding: 14px;
}
.region-select em{
	font-style: normal;
	margin-top: 2px;
	display: block;
}

.region-select .label{
	font-weight: bold;
}
.region-select a{
	color: gray;
/*	font-style: italic;*/
}


.main-partner-text{
	color: #013D59;
	font-weight: bold;
}

.pager{
	margin-bottom: 20px;
}
#text .gallery table{
	border: none;
}
#text .gallery table td{
	border: 1px solid gray;
	background-color: #F6F6F6;
	text-align: center;
	vertical-align: middle; 
	width: 170px;
	height: 170px;
	padding: 0px;
	overflow: hidden;
}
/* dodelavky */
.editor h1.H1-A,
#text H1.H1-A,
BODY.editor H1.H1-A{
	font-weight: bold;
	color: #8F4228;
	padding-left: 0px;
	border-left: 0px solid #A65D16;	
	font-size: 130%;
}
.editor h2.H2-A,
#text H2.H2-A,
BODY.editor H2.H2-A{
	font-weight: bold;
	color: #A65D16;
	padding-left: 0px;
	border-left: 0px solid #A65D16;
	font-size: 120%;
}
.editor h3.H3-A,
#text H3.H3-A,
BODY.editor H3.H3-A{
	font-weight: bold;
	color: #A9654E;
	padding-left: 0px;
	border-left: 0px solid #A65D16;
	font-size: 110%;
}
#header .header-alternative{
	position: absolute;
	top: 0px;
	right: -1px;
	
	width: 480px;
	height: 150px;
	
	padding: 0px;
	margin: 0px;
	
	background-color: white;
	
	overflow: hidden;
	
	text-align: right;

}

.fl-ban{
	position: absolute;
	width: 480px;
	height: 150px;
	display: block;
	top: 0px;
	left: 0px;
	text-decoration: none;
	opacity: 0;
   -moz-opacity: 0;
   filter: alpha(opacity=0);
   background-color: #ffffff;
}

div.in {
	background-color: #ffffff;
	padding-bottom: 10px;
}
/*******************************************************************/
.big-foto{
	width: 386px;
	height: 289px;
	background-color: #000000;
	border: 1px solid transparent;
}

.big-foto .in{
	position: relative;
	width: 376px;
	height: 279px;
	background-color: #f6f6f6;
	margin: 5px;
}

.preview-foto{
	float: left;
	display: block;
	width: 78px;
	height: 58px;
	background-color: green;
	border: 2px solid #000000;
	margin: 5px 0px 0px 20px;
}
* html .preview-foto{
	width: 82px;
	height: 61px;
}

.foto-first{
	margin-left: 0px;
}

.foto-list{
	width: 386px;
   display: block;
   text-align: center;
   line-height: 20px;
   font-size: 13px;
}
* html .foto-list{
	width: 388px;
}

.foto-list .pager{
	padding: 0px;
	margin: 0px;
}