html { 
	padding: 0px;
	margin: 0px;
}

body {
	background: #fff url(../background.jpg) left top repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #333333;
	font-family: arial, sans-serif;
	font-size: 11px;
}

body.window
{
	margin: 0px;
	color: #333333;
	background: none;
}

body.dialog
{ 
	background: #999;
	color: #ffffff;
	margin: 5px;
}

body.editor
{
	background: #fff;
	font-family: arial, sans-serif;
	font-size: 11px;
}

a {
	font-weight: bold;
	color: #d80000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: none; }

a.lightbox span { display: none; }

h1, h2, h3, h4, h5, h6 { 
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
h1, h2, h3 { color: #d80000;}
h4, h5, h6 { color: #333333;}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

p { margin: 0px 0px 5px 0px; }


/* Stranka */

div.body
{
	width: 1000px;
	margin: 0px auto;
}

div.header
{
	width: 1000px;
	height: 219px;
	background: url(../header.jpg) left top no-repeat;
}

div .logo
{
	width: 239px;
	height: 175px;
}

.logo a
{
	display: block;
	position: relative;
	top: 25px;
	left: 32px;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
}

.logo a span
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../logo.jpg) left top no-repeat;
	cursor: pointer;
	cursor: hand;
}

.frame-box
{
	width: 1000px;
	position: relative;
	background: #fff url(../frame-side.gif) left top repeat-y;
	padding: 1px 0px 1px 0px;
}

.frame-top
{
	display: block;
	width: 1000px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../frame-top.gif) left top no-repeat;
}

.frame-bottom
{
	display: block;
	width: 1000px;
	height: 19px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../frame-bottom.gif) left bottom no-repeat;
}

.frame-foot
{
	width: 1000px;
	height: 13px;
	background: url(../frame-foot.gif) left top no-repeat;
}

.full-box
{
	width: 920px;
	margin-left: 30px;
	padding: 3px 15px 5px 10px;
	z-index: 2;
	background: url(../full-box-side.gif) left top repeat-y;
}

.full-box-top
{
	margin: 20px 30px 0px 30px;
	width: 945px;
	height: 5px;
	background: red url(../full-box-top.gif) left top no-repeat;
}

.full-box-bottom
{
	margin: 0px 30px 13px 30px;
	width: 945px;
	height: 8px;
	background: url(../full-box-bottom.gif) left top no-repeat;
}

.main-menu {
	text-align: center;
}

.main-menu div { display: inline; }

.main-menu a {
	color: #000;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 15px;
	text-decoration: none;
}

.main-menu a:hover {
   color: #d80000;
}

.content
{
	width: 637px;
	overflow: hidden;
	background: url(../content-side.gif) left top repeat-y;
	padding: 10px 16px 19px 16px;
	/*margin: 19px 0px;*/
	position: relative;
}

.content-top
{
	width: 669px;
	height: 6px;
	background: url(../content-top.gif) left top no-repeat;
	margin: 19px 0px 0px 0px;
}

.content-bottom
{
	width: 669px;
	height: 8px;
	background: url(../content-bottom.gif) left top no-repeat;
	margin: 0px 0px 19px 0px;
}

.col-left
{
	width: 280px;
	float: left;
	overflow: hidden;
}

.col-right
{
	float: left;
	margin-left: 26px;
}

.box
{
	width: 215px;
	margin: 0px 30px;
	padding: 3px 35px 8px 15px;
	overflow: hidden;
	position: relative;
	background: url(../box-side.gif) left top repeat-y;
}

.box-top
{
	width: 250px;
	height: 7px;
	margin: 19px 30px 0px 30px;
	background: url(../box-top.gif) left top no-repeat;
}

.box-bottom
{
	width: 250px;
	height: 9px;
   margin: 0px 30px;
   background: url(../box-bottom.gif) left top no-repeat;
}

.secondary-menu ul
{ 
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.secondary-menu ul ul { margin-left: 15px; }
.secondary-menu ul ul ul { margin-left: 30px; }
.secondary-menu ul ul ul ul { margin-left: 45px; }

.secondary-menu a
{
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 133%;
	text-decoration: none;
}

.secondary-menu a:hover { font-style: italic; }

.secondary-menu a.active { color: #d80000; }


/*************************************************************************/
/* TABULKY                                                               */
/*************************************************************************/

table {
	border-collapse: collapse;
}

th {
	font-weight: bold;
	text-align: center;
}

table.standard {
	border: 1px solid #d80000;
}
table.standard th {
	font-weight: bold;
	text-align: center;
	border: 1px solid #d80000;
	border-bottom: 3px double #d8000;
}
table.standard td {
	text-align: left;
	border: 1px solid #d80000;
}
table.blackWhite {
	border-collapse: collapse;
	border: 1px solid #888;
}
table.blackWhite th {
	background: #888;
	color: black;
	border: 1px solid #888;
}
table.blackWhite td {
	border: 1px solid #888;
}
table.colored {
	border-collapse: collapse;
	border: 1px solid #d80000;
}
table.colored th {
	border: 1px solid #d80000;
	background: #d80000;
	color: #ffffff;
}
table.colored td {
	border: 1px solid #d80000;
}

table.invi {
	border-collapse: collapse;
	border: 0px;
}

table.invi th {
	border: 0px;
}

table.invi td {
	border: 0px;
}

/* Novinky */
.news {  }
.news .item { margin-bottom: 15px; }

.news .item h3 { margin-bottom: 3px; }
.news .item h3 a 
{ 
	font-size: 120%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;	
}


.news .item p { margin: 0px 0px 3px 0px; }

.submit {
	float: right;
	background: #d80000;
	border: 1px solid #000;
 	font-weight: bold;
	font-size: 11px;
	padding: 1px 10px;
	color: #fff;
}

/* ruzne */

.bottom-shadow { 
	background: url(../full-box-top.gif) center bottom no-repeat;
}

input.button-std, a.button-std { 
	display: block;
	float: right;
	width: 105px;
	height: 24px;
	background: url(../button-std.gif) center center no-repeat;
	text-align: center;
	line-height: 24px;
	font-weight: bolder;
	text-decoration: none;
	cursor: pointer;
	color: #d80000;
	border: none;
}

/* Fotogalerie */

.gallery {  }

.gallery-list .item { 
	width: 48%;
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

.gallery-photos .item { 
	float: left;
	margin: 0px 0px 20px 13px;
}

.gallery-photos .item.first { 
	margin-left: 2px;
}

.thumbnail { 
	width: 144px;
	height: 146px;
	margin-right: 5px;
	background: url(../gallery-frame.gif) left top no-repeat;
	float: left;
}

.thumbnail .inner { 
	width: 130px;
	height: 130px;
	margin: 6px 0px 0px 5px;
	#margin: 8px 0px 0px 5px;
	display: table;
   #position: relative;
   overflow: hidden;	
}

.e
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
   display: table-cell;
   vertical-align: middle;
}

.i
{
   #position: relative;
   #top: -50%;
   #left: -50%;
   text-align: center;
}

/* Guestbook */
.guestbook-title { 
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}

table.guestbook-form { 
	border: 1px solid #d80000;
}

table.guestbook-form td { border: none; }
table.guestbook-form td.label { font-weight: bold; }

table.guestbook-form td.table-foot { border-top: 3px double #d80000; }

table.guestbook-form th { 
	background: #d80000;
	color: #ffffff;
}

th a { color: #ffffff !important; }
th a:hover { color: #000000 !important; }

input.field, select.field {
   font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 240px;
	background: #ffffff;
	border: 1px solid #d80000;
	color: #000000;
}

.field.m { width: 120px; }
.field.sm { width: 60px; }
.field.ssm { width: 30px; }
.field.full { width: 99%; }

select {
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
}

textarea.field { 
	height: 300px; 
	width: 99%;
	word-wrap: break-word;
	background: #ffffff;
	border: 1px solid #d80000;
	color: #000000;
	font-size: 11px;
}
textarea.field.m { height: 200px; width: 99%;}
textarea.field.sm { height: 100px; width: 99%;}
textarea.field.ssm { height: 50px; width: 99%;}

.captcha-image { 
	float: left; 
	border: 1px solid #d80000;	
	margin-right: 5px;
}

.captcha-number { 
	border: 1px solid #d80000;
	width: 50px;
	font-weight: bold;
	color: #d80000;
	text-align: center;
	margin-top: 2px;
}



/* Obecne */
.right { float: right; }
.left { float: left; }
.no-float { float: none; }
.cl { clear: both; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.fs10 { font-size: 10px; }

.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m15 { margin: 15px !important; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }

.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }

.pt2 { padding-top: 2px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb7 { padding-bottom: 7px !important; }

p.small { margin: 0px; }

.vis { visibility: visible; }
.hide { visibility: hidden; }

.border { border: 1px solid #d80000; }
.border3 { border: 3px solid #d80000; }
.border0 { border: none !important; }

.hand {
	cursor: pointer;
	cursor: hand;
}

.nowrap { white-space: nowrap; }

.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }

.full { width: 100%; }
.half { width: 50%; }