@charset "utf-8";
.clear {clear: both;}
/* ***********************************************************************************************/
body {
	font: normal 62.5% Arial, sans-serif;
	font-size: 13px;
	background-position: top center;
}
.wrapper {
	width: 987px;
	margin: 0 auto;
	font-size: 1em;
	position: relative;
}
.info1, .info2, .info3, .info4, .info5, .gallery, .contact {
	display: none;
}
/* ***********************************************************************************************/
/* OTHER *****************************************************************************************/
em {font-style: italic;}
strong {font-weight: bold;}
sup {font-size:xx-small; vertical-align:top;} 
sub {font-size:xx-small; vertical-align:bottom;}
#card .body ol li {padding-left: 20px; list-style: decimal inside; margin: 10px 0px;}
#card .body ul li {padding-left: 20px; list-style: disc inside; margin: 10px 0px;}
th, td {vertical-align: middle;}
/* ***********************************************************************************************/
/* ARTICLE ***************************************************************************************/
#card {
	width: 987px;
	height: 555px;
	margin: 0 auto;
	box-shadow: 0px 0px 5px #000000;
	border-radius: 8px;
	position: relative;
}
#card #menu {
	position: absolute;
	text-align: center;
	overflow: hidden;
}
#card #menu li {
	overflow: hidden;
}
#card #menu.posTop .menu1 li,
#card #menu.posBottom .menu1 li { /* jen jedna zalozka */
	width: 987px;
}
#card #menu.posLeft .menu1 li,
#card #menu.posRight .menu1 li { /* jen jedna zalozka */
	height: 555px;
	line-height: 555px;
}
#card #menu.posLeft .menu1 li.twolines,
#card #menu.posRight .menu1 li.twolines { /* jen jedna zalozka */
	line-height: 277px;
}
#card #menu.posTop .menu2 li,
#card #menu.posBottom .menu2 li { /* jen dve zalozky */
	width: 491px;
}
#card #menu.posLeft .menu2 li,
#card #menu.posRight .menu2 li { /* jen dve zalozky */
	height: 275px;
	line-height: 275px;
}
#card #menu.posLeft .menu2 li.twolines,
#card #menu.posRight .menu2 li.twolines { /* jen dve zalozky */
	line-height: 137px;
}
#card #menu.posTop .menu3 li,
#card #menu.posBottom .menu3 li { /* jen tri zalozky */
	width: 327px;
}
#card #menu.posLeft .menu3 li,
#card #menu.posRight .menu3 li { /* jen tri zalozky */
	height: 183px;
	line-height: 183px;
}
#card #menu.posLeft .menu3 li.twolines,
#card #menu.posRight .menu3 li.twolines { /* jen tri zalozky */
	line-height: 91px;
}
#card #menu.posTop .menu4 li,
#card #menu.posBottom .menu4 li { /* jen ctyri zalozky */
	width: 244px;
}
#card #menu.posLeft .menu4 li,
#card #menu.posRight .menu4 li { /* jen ctyri zalozky */
	height: 136px;
	line-height: 136px;
}
#card #menu.posLeft .menu4 li.twolines,
#card #menu.posRight .menu4 li.twolines { /* jen ctyri zalozky */
	line-height: 68px;
}
#card #menu.posTop .menu5 li,
#card #menu.posBottom .menu5 li { /* jen pet zalozky */
	width: 195px;
}
#card #menu.posLeft .menu5 li,
#card #menu.posRight .menu5 li { /* jen pet zalozky */
	height: 109px;
	line-height: 109px;
}
#card #menu.posLeft .menu5 li.twolines,
#card #menu.posRight .menu5 li.twolines { /* jen pet zalozky */
	line-height: 54px;
}
#card #menu.posTop .menu6 li,
#card #menu.posBottom .menu6 li { /* jen sest zalozky */
	width: 162px;
}
#card #menu.posLeft .menu6 li,
#card #menu.posRight .menu6 li { /* jen sest zalozky */
	height: 90px;
	line-height: 90px;
}
#card #menu.posLeft .menu6 li.twolines,
#card #menu.posRight .menu6 li.twolines { /* jen sest zalozky */
	line-height: 45px;
}
#card #menu.posTop .menu7 li,
#card #menu.posBottom .menu7 li { /* jen sedm zalozky */
	width: 139px;
}
#card #menu.posLeft .menu7 li,
#card #menu.posRight .menu7 li { /* jen sedm zalozky */
	height: 77px;
	line-height: 77px;
}
#card #menu.posLeft .menu7 li.twolines,
#card #menu.posRight .menu7 li.twolines { /* jen sedm zalozky */
	line-height: 38px;
}
#card #menu.posTop .menu8 li,
#card #menu.posBottom .menu8 li { /* jen osm zalozky */
	width: 121px;
}
#card #menu.posLeft .menu8 li,
#card #menu.posRight .menu8 li { /* jen osm zalozky */
	height: 67px;
	line-height: 67px;
}
#card #menu.posLeft .menu8 li.twolines,
#card #menu.posRight .menu8 li.twolines { /* jen osm zalozky */
	line-height: 33px;
}
#card #menu.posTop {
	width: 987px;
	height: 75px;
	top: 0px;
	left: 0px;
	border-bottom: 3px solid;
}
#card #menu.posBottom {
	width: 987px;
	height: 75px;
	bottom: 0px;
	left: 0px;
	border-top: 3px solid;
}
#card #menu.posTop li,
#card #menu.posBottom li {
	float: left;
	line-height: 65px;
	border-left: 1px solid;
	border-right: 1px solid #cccccc;
	margin: 5px 0px;
	height: 65px;
}
#card #menu.posTop li.first,
#card #menu.posBottom li.first {
	border-left: none;
}
#card #menu.posTop li.last,
#card #menu.posBottom li.last {
	border-right: none;
}
#card #menu.posTop li.twolines,
#card #menu.posBottom li.twolines {
	line-height: 32px;
}
#card #menu.posLeft {
	width: 100px;
	height: 555px;
	top: 0px;
	left: 0px;
	border-right: 3px solid;
}
#card #menu.posRight {
	width: 100px;
	height: 555px;
	top: 0px;
	right: 0px;
	border-left: 3px solid;
}
#card #menu.posLeft li,
#card #menu.posRight li {
	display: block;
	border-top: 1px solid;
	border-bottom: 1px solid #cccccc;
	margin: 0px 5px;
}
#card #menu.posLeft li.first,
#card #menu.posRight li.first {
	border-top: none;
}
#card #menu.posLeft li.last,
#card #menu.posRight li.last {
	border-bottom: none;
}
#card #menu li {
	cursor: pointer;
}
#card #menu.noLine {
	border: none;
}
#card .body {
	position: absolute;
	padding: 20px;
	overflow: hidden;
}
#card .body.posBottom {
	top: 78px;
	left: 0px;
	width: 947px;
	height: 437px;
}
#card .body.posTop {
	top: 0px;
	left: 0px;
	width: 947px;
	height: 437px;
}
#card .body.posLeft {
	top: 0px;
	right: 103px;
	width: 844px;
	height: 515px;
}
#card .body.posRight {
	top: 0px;
	left: 103px;
	width: 844px;
	height: 515px;
}
#card .body p {
	margin: 10px 0px;
}
/* ***********************************************************************************************/
.gallery .photo {
	position: relative;
	width: 178px;
	height: 100px;
	background-color: #ffffff;
	float: left;
	margin: 10px 55px 10px 10px;/*margin: 4px 8px 4px 0px;*/
	box-shadow: 0px 0px 10px #000000;
	border-radius: 3px;
}
.gallery .photo:hover {
	box-shadow: 0px 0px 10px #ffffff;
}
.gallery .photo.last {
	margin-right: 0px;
}
.gallery .photo img {
	border-radius: 3px;
	width: 178px;
	height: 100px;
}
.gallery .mcs_container2 .photo {
	margin: 5px 15px 24px 14px;
}
/* CONTACT ***************************************************************************************/
.contact .email {
	width: 50px;
	height: 37px;
	background: url("../img/layout/article/email.png") no-repeat top left transparent;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 20px;
}
#email {
	display: none;
	width: 947px;
	height: 390px;
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 16px;
}
#email.posBottom {top: 95px;}
#email.posRight {width: 847px; top: 50px; left: 120px;}
#email.posLeft {width: 847px; top: 50px; right: 120px;}
#email h2 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 20px;
}
#email p {
	font-size: 18px;
	text-align: center;
}
#email form label {
	width: 200px;
	display: inline-block;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	vertical-align: top;
	font-size: 18px;
}
#email form input[type="text"],
#email form textarea {
	border-radius: 3px;
	box-shadow: inset 0px 0px 5px #000000;
	border: none;
	font-size: 16px;
	padding: 5px;
	margin: 3px 0px;
	width: 500px;
	resize: none;
}
#email form input[type="submit"] {
	background: url("../img/cards/forms/button_bg.png") repeat-x top left;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #000000;
	border: none;
	font-size: 16px;
	color: #666666;
	text-shadow: #ffffff 1px 1px 1px;
	padding: 5px 15px;
	cursor: pointer;
	margin-left: 225px;
	position: relative;
}
#email form input[type="submit"]:active {
	top: 1px;
	left: 1px;
	background: url("../img/cards/forms/button_disable_bg.png") repeat-x top left;
}
#email form .hint {
	padding-top: 5px;
	vertical-align: top;
}
#email form .errors {
	color: #ff0000;
	padding: 2px 0px;
	font-size: 11px;
	margin-left: 225px;
}
.contact .map {
	width: 50px;
	height: 50px;
	background: url("../img/layout/article/map.png") no-repeat top left transparent;
	cursor: pointer;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#map {
	display: none;
	width: 947px;
	height: 440px;
	position: absolute;
	top: 20px;
	left: 20px;
}
#map.posBottom {top: 95px;}
#map.posRight {width: 847px; height: 510px; left: 120px;}
#map.posLeft {width: 847px; height: 510px;}
/* HELP ******************************************************************************************/
.help {
	position: absolute;
	display: none;
}
#write-message.help {
	width: 41px;
	height: 170px;
	background: url("../img/help/write-message.png") no-repeat bottom left transparent;
	right: -45px;
	top: 25px;
}
#write-message.help.bottom {top: 100px;}
#write-message.help.left {
	width: 172px;
	height: 41px;
	background-position: top left;
	right: 135px;
	top: -40px;
}
#help-map.help {
	width: 38px;
	height: 97px;
	background: url("../img/help/map.png") no-repeat bottom left transparent;
	right: -40px;
	bottom: 110px;
}
#help-map.help.bottom {bottom: 30px;}
#help-map.help.left {
	width: 97px;
	height: 42px;
	background-position: top left;
	right: 130px;
	bottom: -40px;
}
#help-map.help.right {bottom: 30px;}
/* ***********************************************************************************************/
/* HEADER ****************************************************************************************/
header {
	position: relative;
	height: 100px;
}
header h1 {
	text-align: center;
	line-height: 100px;
}
header h1 strong {
	font-weight: normal;
}
/* ***********************************************************************************************/
/* FOOTER ****************************************************************************************/
footer {
	margin-top: 10px;
	padding: 10px 0px;
	position: relative;
	font-size: 12px;
	position: relative;
}
footer .copyright {
	color: #000000;
	line-height: 20px;
	text-align: center;
	text-shadow: #ffffff 0px 0px 3px;
}
footer .copyright a {
	color: #000000;
	text-decoration: none;
}
footer .copyright a:hover {
	color: #ffffff;
	text-shadow: #000000 0px 0px 3px;
}
footer .copyright span {
	color:#000000;
}
/* ***********************************************************************************************/
/* ASIDE *****************************************************************************************/
aside .social {position: fixed; top: 30px; right: 0px;}
aside .facebook {margin-bottom: 5px;}
aside .googleplus {}
/* ***********************************************************************************************/

.fb_iframe_widget iframe {
position: absolute;
right: 0;
}