﻿@media screen, print {

	body {font-family: Verdana, Sans-Serif;  font-size: .7eM; margin: 10px 0px 0px 0px; padding: 0px; color: #221e1f; behavior: url(/Style%20Library/csshover.htc); /* :hover pro IE */}
	form {width: 1004px;margin: 0px auto;}
	#mainEnvelope {	background: url(/img/background.jpg) no-repeat;	position: relative;	width: 1004px;	min-height: 400px;}
	#main {float: left;	text-align: left ;width: 720px;}

	.clear {clear: both;}
	.separator {clear: both;height: 1eM;}
	a {text-decoration: none; color: #221e1f;}
	a:hover {text-decoration: underline; color: #d7161f;}
	img {border: 0px;}
	p {margin: 0px 0px 1eM;	padding: 0px;}
	input, select {font-family: Verdana, Sans-Serif; font-size: 1eM;}
	input.inputText {border: none;	background: #ffffff;padding: 0px 10px;}
	input.button {line-height: 12px;}
	
	/* --- obecny seznam horizontalni --- */
	ul.horizontalLinks {display: block;	margin: 0px; padding: 0px;}
	ul.horizontalLinks li {display: inline;	margin: 0px; padding: 0px;}

	/* --- odkazy na dalsi portaly --- */
	#portalLinks {height: 20px;	line-height: 20px; width: 720px; text-align: right;}
	#portalLinks ul {padding-right: 10px;}
	#portalLinks .separator {color: #bdbcaf;}

	/* --- prepinani jazyku --- */
	#languageLinks {text-align: right; height: 20px; line-height: 20px; width: 710px; padding-right: 10px; color: #ffffff;}
	#languageLinks a {color: #ffffff;}

	/* --- hlavicka --- */
	#header {width: 720px; height: 100px;}
	h1 {position: absolute;	font-size: 1.3eM; margin-top: 25px;	margin-left: 0px; font-weight: normal}
	h1 span {color: #ffffff;}
	a#logoLink {display: block;	width: 60px; height: 70px; position: absolute; top: 35px; left: 30px;}
	img.sectionLogo {position: absolute; top: 45px; left: 890px;}

	/* --- hlavni menu --- */
	#mainMenu {width: 720px; height: 60px; position: relative; z-index: 100;}
	#mainMenu ul li {display: block; float: left; position: relative; width: 120px;	height: 60px; border-bottom: 1px solid #ffffff;}
	#mainMenu ul li:hover ul {display: block;}
	#mainMenu a {display: block; width: 120px; height: 60px; color: #ffffff;}
	#mainMenu a:hover {text-decoration: none;}
	#mainMenu a span {display: block; margin: 6px 0px 0px 8px;}
	#mainMenu ul ul {opacity: .95; filter:alpha(opacity=95);position: absolute;	margin: 0px; padding: 0px 0px 0px; width: 120px; top: 60px; left: 0px;	display: none;}
	#mainMenu ul ul li {margin: 0px; padding: 3px 0px 5px 10px;	height: auto; width: auto; float: none;}
	#mainMenu ul ul a {display: inline;	color: #221e1f;}
	#mainMenu ul ul a:hover {text-decoration: underline;}
	#mainMenu .section1 {background: #d7161f url(/img/menu-section1.gif) top left;}
	#mainMenu .section2 {background: #d7161f url(/img/menu-section2.gif) top left;}
	#mainMenu .section3 {background: #d7161f url(/img/menu-section3.gif) top left;}
	#mainMenu .section4 {background: #d7161f url(/img/menu-section4.gif) top left;}
	#mainMenu .section5 {background: #d7161f url(/img/menu-section5.gif) top left;}
	#mainMenu .section6 {background: #d7161f url(/img/menu-section6.gif) top left;}
	#mainMenu li:hover {background-position: bottom left;}
	#mainMenu ul ul {background: #E6E5DE;}
	#mainMenu ul ul li:hover {background: #C6C5BE;}

	/* --- submenu (levy sloupec) --- */
	#submenu {padding-top: 200px; width: 142px; float: left; text-align: right;	min-height: 40px;}
	#submenu ul {margin: 0px; padding: 0px;}
	#submenu li {list-style: none; border-bottom: 1px solid #ffffff; padding-top: 3px;}
	#submenu li a {display: block; min-height: 17px; margin-right: 8px;}
	#submenu .submenuDynamic li a {color: #ffffff;}
	#submenu li#submenu2 li {border-bottom: none; border-top: 1px solid #ffffff;}
	#submenu ul.section1 {background: #d7161f;}
	#submenu ul.section1 li#submenu2 ul {background: #EB6B4A;}
	ul.submenuStatic {background: #E6E5DE;}
	ul.submenuStatic li:hover {background: #C6C5BE;}
	ul.submenuStatic a:hover {color:black;}
	
	/* --- telo stranky --- */
	#body {width: 720px; height: 400px; min-height: 400px; float: left;}
	#main>#body {height: auto;}
	#body a:hover {text-decoration: underline;}
	
	/* --- drobeckova navigace --- */
	#breadcrumb {float: left; padding: 7px 10px 0px;width: 460px;}
	
	/* --- strankovani --- */
	#pagingTop {text-align: right; padding: 7px 10px 0px;}
	#pagingBottom {height: 20px; line-height: 20px; text-align: center;	clear: both; width: 720px;}
	#pagingTop a, #pagingBottom a  {color: #221e1f;}
	#pagingTop a.selected, #pagingBottom a.selected {color: #d7161f;}
	#pagingTop a:hover, #pagingBottom a:hover {color: #d7161f;}
	
	/* --- paticka --- */
	#footer {width: 720px; padding-top: 20px; clear: both;}
	#footer div {height: 20px; line-height: 20px; padding: 0px 0px 0px 10px; background: #e2e0d3;}
	#actionLinks {float: right; padding-right: 10px;}
	#actionLinks .separator {color: #594F52	;}

	/* --- vyhledavani --- */
	#search {position: absolute; top: 180px; left:880px; text-align:left; height: 20px;line-height: 20px;width: 122px;}
	#search .inputText {float:left;width: 82px;background: #e2e0d3;height: 20px;line-height: 20px;}
	#search .inputImageButton {float:left;}


	/* --- hlavni obsah stranky --- */
	#content {margin: 17px 0px 20px 20px; padding: 0px;}
	#content a {text-decoration: underline;}
	#contentEnvelope {height: 360px; min-height: 360px;	background: url(/img/columnsLine21.gif) repeat-y;}
	#content div[id^="contentEnvelope"] { /* vsechny divy v #content, jejich atribut class zacina na contentBox
	 - pouzito kvuli dvema tridam ve zminenem divu a nemoznosti pouzit standardni konstrukci pro potomka E > F */height: auto; /* rusi definici minimalmi vysky pro IE6 */}
	#contentLeft {float: left; width: 440px;}
	#contentLeft img{padding:.5eM .5eM .5eM .5eM;}
	#contentRight {float: right;width: 220px;}
	#content img.link {padding: 0px;}

	/* --- nadpisy na strance --- */
	h2 {font-size: 1.2eM; padding: 0px;	margin: 0px 0px 1eM 0px;}
	h3 {font-size: 1eM;	min-height: 16px; line-height: 16px; margin: 0px 0px 1eM; padding-left: 22px; background: url(/img/arrowRightGrayWhite.gif) top left no-repeat;}
	h4 {font-size: 1eM;	margin-bottom: .5eM;}
	
	/* --- obecny seznam stranek s perexem --- */
	.article {padding-bottom: .5eM; position: relative;}
	.article h3 {margin-bottom: 4px;}
	#body .article h3 a {text-decoration: none;	color: #221e1f;}
	.article .date {font-weight: bold;}
	.articleLeft {float: left; width: 220px;}
	.articleRight {float: left;	margin-left: 10px; width: 210px;}
	.articleNews {width: 330px;	margin-left: 110px;	}
	.articleNews h3 {min-height: 1eM; line-height: 1eM;	padding-left: 0px;	background: none;}
	.article img {padding-bottom: 1.5eM;}

	/* --- galerie --- */
	.galleryRow {clear: left; margin-top: 1eM;}
	.galleryItem {float: left; margin-left: 40px;}
	.galleryItem.firstColumn {margin-left: 0px;}
	.galleryItemDescription {margin-top: .5eM; text-align: center;}
	
	/* --- galerie webkamer ---*/
	.webCamRow {clear: left; margin-top: 1eM;}
	.webCamItem {float: left; width:110px; border:0px solid red; text-align: center; margin-left: 35px;	margin-top: 1eM;}
	.webCamItem.firstColumn {margin-left: 0px; margin-top: 1eM;}
	.webCamItemDescription {margin-top: .5eM; text-align: center;}

	/* --- formulare --- */
	fieldset {border: none; padding: 0px;margin: 0px; }
	legend {font-weight: bold; margin-left: 97px; padding: 0px;	line-height: 20px;	height: 20px; color: #221e1f;}
	.formRow {clear: left; min-height: 22px;}
	.formRow label {display: block;	width: 110px; float: left; line-height: 20px; height: 20px;	text-align: right; padding-right: 5px;}
	.formRow .formField {float: left; width: 300px; padding-left: 5px;}
	.formRow input.button {margin-left: 100px;}
	.formRow .radioField label { float: none; display:inline-block;width : auto; text-align:left; line-height: inherit;height: inherit;}

	.MaxTemperature {color: red;} .MinTemperature {color: blue;}
	
	/* --- uzivatelske styly --- */
	.mcb-custCustom-MalePismo {font-size:0.75em;}
	.mcb-custTable-Slideshow {background: #A7E9FC url(/img/slideshow-background.gif); border: 2px solid #7EB1DC; width: 200px; height: 200px;}
	.mcb-custTable-StridaveRadky, .mcbTable-StridaveRadky {border:1px solid #221E1F; border-collapse:collapse;}
	.mcb-custTable-StridaveRadky td, .mcb-custTable-StridaveRadky th, .mcbTable-StridaveRadky td, .mcbTable-StridaveRadky th
		{border-bottom:1px solid #221E1F; border-right:1px solid #86777C; padding:2px 4px; vertical-align:top;}
	.mcb-custTableHeaderRow-StridaveRadky, .mcbTable-StridaveRadky th, .mcbTableHeaderRow-StridaveRadky, .mcbTable-StridaveRadky th {background:#C7C6BA none repeat scroll 0 0;}
	.mcb-custTableOddRow-StridaveRadky, .mcbTableOddRow-StridaveRadky {background:#EBEAE0 none repeat scroll 0 0;}
	.mcb-custTableEvenRow-StridaveRadky, .mcbTableEvenRow-StridaveRadky {background:transparent none repeat scroll 0 0;}
	.mcb-custTable-StridaveRadky.thVertical .mcb-custTableOddRow-StridaveRadky th, .mcbTable-StridaveRadky.thVertical .mcbTableOddRow-StridaveRadky th {
		background:#EBEAE0 none repeat scroll 0 0; font-weight:normal; text-align:left;}
	.mcb-custTable-StridaveRadky.thVertical .mcb-custTableEvenRow-StridaveRadky th, .mcbTable-StridaveRadky.thVertical .mcbTableEvenRow-StridaveRadky th {
		background:transparent none repeat scroll 0 0; font-weight:normal; text-align:left;}
	.mcb-custTable-HlavickaNahore {}
	.mcb-custTableHeaderRow-HlavickaNahore {font-weight:bold;}
	.mcb-custTable-HlavickaVlevo {}
	.mcb-custTableFirstCol-HlavickaVlevo {font-weight:bold;}
	.mcb-custTable-List {margin-left:20px;}

	/* --- js calendar --- */
	#content .calendar-icon { cursor: pointer; margin:0px;padding:0 0 0 4px; vertical-align: -2px;}
	#CalendarControl { position: absolute; background:#fff; z-index:100; border: 1px solid #221E1F; display: none;}
	#CalendarControl table {border-collapse: collapse; }
	#CalendarControl td { padding: 2px; border: 1px solid #E2E0D3;}
	#CalendarControl th { padding: 2px;}
	#CalendarControl .current { color: #D7161F; font-weight: bold;}

}
