body  {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	/*margin: 30px 10px 20px 10px;*/
	padding: 0;
	margin: 0;
	text-align: center;
	color: #000000;
}

#topmenu ul {
	padding-top: 0px;
	margin-top: 0px;
	color: #666;
}
#topmenu ul li { display: inline; }
#topmenu ul li a {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
}
#topmenu ul li a:hover {
	color: #FFF;
}

#container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #131313;
	margin: 40px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header p { 
	color: #666;
	font-size: 0.9em;
	padding: 4px 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header a:link, #header a:visited {
	color: #CCC;
	text-decoration: none;
}
#header a:hover, #header a:active {
	color: #e94c00;
	text-decoration: none;
}
#header h1 {
	margin: 0; /* against unexplainable space between divs. */
	padding: 10px 0;
}

/* Navigace */
#nav {
	clear: both;	
	padding: 0;
}
#nav ul {
	float: left;
	list-style: none;
	width: 780px;		
	text-decoration: none;	
	margin: 0 0 0 0;
	padding: 0;	
	display: inline;
	/*background-color:#0F9;*/
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 6px 11px;
	border-right: 1px solid #666;
	border-bottom: none;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
	text-transform: lowercase;
	text-decoration: none;	
	letter-spacing: 2px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	/*background: url(images/nav-hover.jpg) repeat-x;	*/
	background-color:#333;
}
#nav ul li#current a {	
	background: url(images/nav-current.jpg) repeat-x;	
}

#SloupecLevy {
	float: left; /* since this element is floated, a width must be given */
	width: 146px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 10px 15px 20px;
}
#SloupecLevy h1, #SloupecPravy h1 {
	color:#e94c00;
	font-size:18px;
	font-weight:normal;
}
#SloupecLevy p, #SloupecPravy p {
	color:#999;
	font-size: 0.95em;
}
#SloupecLevy a:link, #SloupecLevy a:visited, #SloupecPravy a:link, #SloupecPravy a:visited {
	color: #e94c00;
	text-decoration: none;
}
#SloupecLevy a:hover, #SloupecLevy a:active, #SloupecPravy a:hover, #SloupecPravy a:active {
	color: #e94c00;
	text-decoration: underline;
}

#SloupecPravy {
	float: right;
	width: 170px;
	padding: 10px 10px 15px 0px;
}

#SloupecHlavni { 
	margin: 0 196px;
	padding: 10px 10px;
} 
/*#SloupecHlavni .textcerveny {
	color:#F00;
}
*/
#SloupecHlavni h1 {
	color:#e94c00;
	font-size:22px;
	font-weight:normal;
}
#SloupecHlavni p, #SloupecHlavni td { 
	color:#CCC;
}
#SloupecHlavni .MalyText { 
	color:#666;
	font-size: 0.85em;
}
#SloupecHlavni .Odpoved { 
	color:#919191;
	font-size: 0.9em;
}
#SloupecHlavni .TextPodklad { 
	background-color:#642100;
	color: #FFF;
}
#SloupecHlavni a:link, #SloupecHlavni a:visited {
	color: #e94c00;
	text-decoration: none;
}
#SloupecHlavni a:hover, #SloupecHlavni a:active {
	color: #e94c00;
	text-decoration: underline;
}
#SloupecHlavni table {
	border: 0px;
}
#SloupecHlavni table td {
	border-bottom: 1px solid #333;
}
#SloupecHlavni thead td{
	color: #fff;
	background-color: #333;
	font-weight: bold;
	font-size: 0.84em;
}
#SloupecHlavni tbody tr.UzivatelNeaktivovany td {  /* 0 */ 	color: #F90;}
#SloupecHlavni tbody tr.UzivatelNeaktivovany a {  /* 0 */ 	color: #F90; text-decoration:underline; }
.UzivatelNeaktivovany {	color:#F90; }
#SloupecHlavni tbody tr.UzivatelSpravceObsahu td {  /* 5 */  color: #0099FF;}
#SloupecHlavni tbody tr.UzivatelSpravceObsahu a {  /* 5 */  color: #0099FF; text-decoration:underline; }
.UzivatelSpravceObsahu {color: #0099FF;} /* 5 */
#SloupecHlavni tbody tr.UzivatelSpravceSystemu td {  /* 6 */  color: #009933;}
#SloupecHlavni tbody tr.UzivatelSpravceSystemu a {  /* 6 */  color: #009933; text-decoration:underline; }
.UzivatelSpravceSystemu {color: #009933;}  /* 6 */
#SloupecHlavni tbody tr.UzivatelAktivni td {  /* 1 */  color: #999;}
#SloupecHlavni tbody tr.UzivatelAktivni a {  /* 1 */  color: #999; text-decoration:underline; }
.UzivatelAktivni {color: #999;}  /* 1 */
#SloupecHlavni tbody tr.UzivatelExpirovany td {color: #FF0000;}
#SloupecHlavni tbody tr.UzivatelExpirovany a {color: #FF0000; text-decoration:underline; }
.UzivatelExpirovany {color: #FF0000;}    /* podle datumu expirace */

#CoverInvite {
	background-color:#620001;
	padding: 2px 12px 2px 12px;
	margin-bottom: 8px;
}
#CoverInvite p {
	font-size: 0.9em;
	color:#CCC;
}

#CoverSoutez {
	background-color:#AA2B00;
	padding: 2px 12px 2px 12px;
}
#CoverSoutez p {
	font-size: 0.9em;
	color:#CCC;
}

#footer { 
	padding: 0 10px 0 10px;
} 
#footer p {
	color: #999;
	font-size: 0.85em;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #e94c00;
	text-decoration: none;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#MenuObal {
	background-color:#F93;
	margin: 0;
	padding: 0;
}
#Cover {
	background-color:#131313;
	margin: 0;
	padding: 0;
}

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
	background-color: #369;
	color: #fff;
}

table.tab_home a {
	font-size:12px;
	color:#CCC;
	text-decoration:none;
}

table.tab_home td {
	text-align: left;
}

table.bezmezer {
	table-layout:fixed;
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	border-color:black;
}
.pas_sedy td {background: #222222;}
.pas_model td {background: #4f0a03;}
.pas_rodiny td {background: #6b4531;}
.pas_svatby td {background: #b23a00;}

/*----------*/
.floatright {
	margin: 0 0 0 0;
	/*background-color: #fff;*/
	border: 0px;
}
div.floatright a:hover {
	color:#FFF;
}
div.floatright img {
	border: 0px;
}
div.floatright p { 
	margin-top: 10px;
	margin-left: 10px;
	color: #CCC;
	}

/*----------*/

h2 {
	color:#FFF;
	font-size: 1.1em;
}

.TextCerveny {
	color: #F00;
}

.TextPreskrtnuty {
	text-decoration:line-through;	
}

.grid {
	display: table;
	border-spacing: 0px;
}
.row {
	display: table-row;
}
.image {
	display: table-cell;
	width: 200px;
	background-color: #000;
	border: 8px solid #000;
	vertical-align: top;
	text-align: center;
}
.image-1 h1, .image-2 h1, .image-3 h1, .image-4 h1 {
	font-size:12px;
	color:#CCC;
}
.image-1 a, .image-2 a, .image-3 a, .image-4 a {
	font-size:12px;
	color:#CCC;
	text-decoration:none;
}
.image p {
	color: #fff;
	font-size: 85%;
	text-align: left;
	padding-top: 0px;
}

.foto-thumbnail {
	border: 0px;
	background-color:#333;
	padding: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.thumbnail {
	float: left;
	width: 180px;
	height: 194px;
	background-color:#1F1F1F;
	margin: 4px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.thumbnail p {
	margin: 0px;
	padding: 0px;
	font-size: 0.88em;
	text-align: center;
}

.ram { /*ram kolem fotky*/
	border-color: #131313;
	border-style:solid;
	border-width: 1px;
	background-color: #131313;
	filter:gray(enabled=0);
}

.clearboth { clear: both; }

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #620001 url(images/c-b-l-model.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding: 0px 0px 18px 0px;
  margin: 0px 0px 8px 0 ;
  height:100%;
}
/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #620001 url(images/c-b-r-model.gif) no-repeat bottom right;
  color: #333333;
  padding: 0px 2em 18px 0px;
  margin: 0 0 -18px 18px;
  height:100%;
}
/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto;
}
/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h4 {
  color: #ffffff;
  background: #620001 url(images/c-t-r-model.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(images/c-t-l-model.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}
div.rounded h1 {
  font-size: 3.2em;
}
div.rounded h4 {
  font-size: 2em;
}

#toplinks {
	background-image: url(images/top.png);
	/*background-color:#333;*/
	/*background-repeat: repeat-x;
	background-position: center;*/
	height: 18px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 5;
}