/* ================================= */
/* == CSS for VHÚ Praha ============ */
/* == created: eReS - Radim Socha == */
/* == date: 27.06.2006 ============= */
/* ================================= */
/* == update: 15.08.2006 =========== */
/* ================================= */
body {
	/*text-align: center;*/
	background-color: #BDA47D;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.vcBody {
	width: 100%;
}
a {
	color: #ED1C24;
/*	color: #725F41;*/
	text-decoration: underline;
}
a:hover {
/*	color: #F36971;*/
	color: #C9101A;
	text-decoration: underline;
}
a img  {
	border: none;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color: #725F41;
/*	color: #6D4432;*/
}
h1 {
	font-size: 15px;
	text-transform: uppercase;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-size: 11px;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
h4 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
p {
	/*line-height: 12px;*/
	/*margin: 15px 0px;*/
}
img {
	border: 1px solid #725F41;
}


.hrdash { border:0px; border-bottom: 1px dashed #888; width: 100%; }
.cleaner {
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

img.right { margin-left: 5px; margin-bottom: 5px; margin-top: 3px; }
img.left { margin-right: 5px; margin-bottom: 5px; margin-top: 3px; }

/* ===-----------------=== */
/* === top definitions === */
/* ===-----------------=== */
.vcTop {
	background: #BDA47D url(../images/visual_1.jpg) center top no-repeat;
	width: 780px;
	height: 145px;
	padding: 0px;
	position: relative;
	margin-bottom: 7px;
	/*text-align: center;*/
}
.vcTop img {
	border: none;
}
.vcTopMenu {
	width: 560px;
	height: 23px;
	padding: 2px 0px 0px 10px;
	text-align: left;
	float: left;
	/*position: relative;*/
}
.vcTop a {
	color: #FFFF99;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
.vcTop a:hover {
	color: #FFFF99;
	text-decoration: underline;
}
.vcTop .separator {
	color: #CCDAE9;
	margin: 0px 5px;
}
.vcLanguage {
	width: 160px;
	padding: 2px 10px 0px 0px;
	text-align: right;
	float: right;
}
.vcLogo {
	position: absolute;
	left: 492px;
	top: 29px;
}
.vcSlogan {
	position: absolute;
	left: 553px;
	top: 29px;
}


.mainPage {
/*	background: #FFFFFF url(../images/bg_mainarea.gif) left top repeat-y;*/
	width: 780px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.area {
	background: #BDA47D url(../images/bg_area_1.gif) left top repeat-y;
	float: left;
	clear: left;

}

/* ===----------------------=== */
/* === leftArea definitions === */
/* ===----------------------=== */
.leftArea {
/*	background: #FFFFFF url(../images/bg_mainarea.gif) left top repeat-y;*/
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #BDA47D;
	width: 205px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.leftContent {
/*	background: #C7D5E6 url(../images/bg_leftmenu.jpg) repeat-y;*/
	background-color: #F7F3EE;
	width: 198px;
	margin: 0px 7px 7px 0px;
/*	float: left;*/
}
ul.leftMenu,
ul.leftpodMenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	cursor: default;
	/*background-color: #FFFFCC;*/
}
ul.leftMenu li,
ul.leftpodMenu li {
	margin: 0px;
	padding: 0px;
}
ul.leftMenu li a,
ul.leftMenu li span {
/*	width: 110px;*/
/*	position: relative;*/
	padding: 7px 5px 7px 22px;
	color: #725F41;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	background: url(../images/square.gif) 6px 10px no-repeat;
}
ul.leftMenu li a:hover,
ul.leftMenu span.selected {
	text-decoration: none;
	color: #B5996F;
	background: url(../images/square_1.gif) 6px 10px no-repeat;
}
ul.leftMenu span.selected {
	padding-bottom: 7px;
	cursor: default;
}
ul.leftpodMenu {
	top: -3px;
	position: relative;
}
ul.leftpodMenu li a,
ul.leftpodMenu li span {
/*	width: 110px;*/
/*	position: relative;*/
	padding: 0px 5px 2px 22px;
	color: #725F41;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
	text-decoration: none;
	display: block;
	background: url(../images/smallsquare.gif) 8px 6px no-repeat;
}
ul.leftpodMenu li a:hover,
ul.leftpodMenu span.selected {
	text-decoration: none;
	color: #B5996F;
	background: url(../images/smallsquare_1.gif) 8px 6px no-repeat;
}
ul.leftpodMenu span.selected {
	padding-bottom: 2px;
}
/*.leftContent .pol {
	padding: 7px 5px 7px 22px;
	text-align: left;
	color: #725F41;
	position: relative;
}
.leftContent .pol .dot {
	width: 9px;
	height: 9px;
	font-size: 1px;
	position: absolute;
	left: 6px;
	_left: -16px;
	top: 10px;
	background-color: #7E6641;
}
.leftContent .pol a {
	color: #725F41;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.leftContent .pol a:hover {
	text-decoration: none;
	color: #B5996F;
}
.leftContent .pol span.selected {
	color: #B5996F;
	text-transform: uppercase;
	font-weight: bold;
}
.leftContent .podpol {
	padding: 1px 5px 0px 0px;
	text-align: left;
	position: relative;
}
.leftContent .podpol .dot {
	width: 5px;
	height: 5px;
	font-size: 1px;
	position: absolute;
	left: -14px;
	top: 7px;
	background-color: #7E6641;
}
.leftContent .podpol a {
	color: #725F41;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}
.leftContent .podpol a:hover {
	text-decoration: none;
	color: #B5996F;
}
.leftContent .podpol span.selected {
	color: #B5996F;
	text-transform: none;
	font-weight: normal;
}*/
.leftArea .hr {
	height: 0px;
	border-top: 1px dashed #725F41;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	width: 188px;
	
	clear: both;
/*	height: -1px;*/
/*	overflow: hidden;*/
/*	visibility: hidden;*/
}
.leftContentDown {
	background-color: #F7F3EE;
	width: 198px;
	margin: 0px 7px 7px 0px;
	cursor: default;
}

.leftContentDown .polozka a {
/*    width: 110px;*/
/*    position: relative;*/
    padding: 0px 5px 7px 5px;
    color: #725F41;
    font-weight: normal;
    font-size: 10px;
    text-transform: none;
    text-decoration: none;
    display: block;
    background: none;
}
.leftContentDown .polozka a span {
    color: #725F41;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 7px 0px 3px 0px;
    display:block;
}
.leftContentDown .polozka a:hover,
.leftContentDown .polozka a:hover span {
    text-decoration: none;
    color: #B5996F;
    background: none;
}
.leftContentDown img {
	margin-bottom: 5px;
	border: 1px solid #725F41;
}
.leftContentDown p {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	line-height: 13px;
	font-size: 10px;
}
.leftContentAnketa {
	background-color: #F7F3EE;
	/*width: 186px;*/
	margin: 0px 7px 7px 0px;
	padding: 6px 5px 0px 5px;
	cursor: default;
}
.leftContentAnketa p {
	padding: 1px 0px 10px 0px;
	margin: 0px;
/*	line-height: 13px;*/
	font-size: 11px;
}
.leftContentAnketa img {
	margin: 2px 0px;
	border: none;
}
.count {
	background-color: #F7F3EE;
	width: 198px;
	margin: 0px 7px 0px 0px;
	padding: 20px 0px;
	text-align: center;
}
.count img {
	border: none;
}

/* ===----------------------=== */
/* === mainArea definitions === */
/* ===----------------------=== */
.mainArea {
/*	background-color: #FF00FF;*/
	width: 575px;
	padding: 0px;
	margin: 0px;
	float: right;
}
.mainContent {
	background-color: #F7F3EE;
	/*border-top: 3px solid #00377A;*/
	padding:10px;
	margin:0 5px;
}
.mainContent .top {
	font-size: 11px;
	padding: 0px 0px 3px 0px;
	margin: 0 0 10px 0;
	border-bottom: #725F41 dashed 1px;
	text-align: right;
	cursor: default;
}
.mainContent .top .path {
	text-align: left;
	width: 400px;
	float: left;
	color: #725F41;
	font-size: 12px;
/*	font-weight: bold;*/
	padding-top: 1px;
}
.mainContent .top .path .h1 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
/*	padding: 0px 0px 3px 0px;*/
}
a.smallFont {
	font-size: 12px;
	font-weight: bold;
}
a.bigFont {
	font-size: 14px;
	font-weight: bold;
}
.mainContent .center {
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.mainContent img {
	/*border: 1px solid #725F41;*/
	margin: 3px;
/*	margin-right: 3px; */
}
.mainContent a img {
    border: 1px solid #725F41;
}
.mainContent img.right { margin-left: 5px; margin-bottom: 5px; margin-top: 3px; }
.mainContent img.left { margin-right: 5px; margin-bottom: 5px; margin-top: 3px; }
.mainContent table {
/*	border: 1px solid #00377A;*/
	border-top: 1px solid #F7F3EE;
	border-left: 1px solid #F7F3EE;
	margin: 5px 0px 10px 0px;
}
.mainContent th,
.mainContent td {
	border-bottom: 1px solid #F7F3EE;
	border-right: 1px solid #F7F3EE;
	font-size: 11px;
	text-align: left;
	padding: 2px 5px;
}
.mainContent th {
	background-color: #7E6641;
	color: #FFFFFF;
}
.mainContent td {
	background-color: #DFD7CB;
}
.mainContent .hr {
	height: 0px;
	border-top: 1px dashed #725F41;
	margin: 5px 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
/*	width: 560px;*/
	
	clear: both;
/*	height: -1px;*/
/*	overflow: hidden;*/
/*	visibility: hidden;*/
}

/* ===--------------------=== */
/* === footer definitions === */
/* ===--------------------=== */
.vcFooter {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #725F41;
	text-transform: uppercase;
	background-color: #F7F3EE;
	width: 780px;
	height: 28px;
	margin: 7px 0px 10px 0px;
	text-align: center;
	cursor: default;
}
.vcFooter .copyright {
	width: 370px;
/*	height: 23px;*/
	padding: 6px 0px 0px 10px;
	text-align: left;
	font-size: 10px;
	float: left;
}
.vcFooter .created {
	width: 370px;
	float: right;
	padding: 6px 10px 0px 0px;
	text-align: right;
	font-size: 10px;
}
.vcFooter a {
	color: #725F41;
	text-decoration: none;
}
.vcFooter a:hover {
	text-decoration: underline;
}