/* CSS pro webovou prezentaci air-matyas.cz */
/* made by BROLI © Web Works 2006 -- http://www.web-works.cz -- */
/* ALL RIGHTS RESERVED */


body {margin: 0; padding: 0; font-size: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
body {font-size: 75%; color: #333; background: #069  url(images/body-bg.png) top center repeat; text-align: center; line-height: 1.5em;}


/* definice obecnych stylu */

kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;font-size: 150%;color:#069;}
abbr {border-bottom:1px dashed;cursor:help}
acronym {border-bottom:1px dashed;cursor:help}
dfn {font-style:normal;border-bottom:1px dashed;cursor:help}
code {font-family: courier, monospace;border:1px solid #cccccc;color:#333;background-color:#ffffcc;padding-left:1px;padding-right:1px}
samp {font-family: courier, monospace;border:1px solid #cccccc;color:#333;background-color:#ccffcc;padding-left:1px;padding-right:1px}
table {font-size:100%}
img.left {float:left;margin-right: 10px;}
img.right {float:right;margin-left: 10px;}
p {margin:1em 0}
p.indent {margin-left:40px}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}
div.textbox {clear:both;float:left;width:200px;color:#f60;margin:5px;font-size:80%;padding:5px;border:1em solid #EEE8AA;}
	div.textbox p {text-indent: 0;}
	div.textbox h5 {margin: 0;padding:3px;color:#f60;}
div.photo {clear:both;float:right;width:auto;font-size:80%;font-weight:bold;padding:1em;text-align: center;}	
	div.photo p {text-indent: 0;font-style: italic; line-height: 1em;}		
hr {width:90%;height:1px;color:#333;}
.clear,.cleaner {clear:both}
.noIndent{text-indent: 0;}

.colorF30 {color: #f30;}
.colorF60 {color: #f60;}
.color333 {color: #333;}
.color900 {color: #900;}
.colorC00 {color: #C00;}
.color09C {color: #09C;}

/* WebCreator Block Layout  */
.full {}
.wp50fR {width: 45%; float: right;margin-left: 5%;}
.wp50fL {width: 45%; float: left;margin-right: 5%;}
.wp33fR {width: 30%; float: right;margin-left: 3%;}
.wp33fL {width: 30%; float: left;margin-right: 3%;}
.wp25fR {width: 20%; float: right;margin-left: 5%;}
.wp25fL {width: 20%; float: left;margin-right: 5%;}
.clear-both {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.smaller {font-size: smaller;}
.larger {font-size: larger;}
.XXsmall {font-size: xx-small; }
.XXlarge {font-size: xx-large; }


/*   L A Y O U T   */
#container {width: 740px; background: #fff url(images/container-bg.png) center repeat-y; margin: auto;text-align:left;}
	#top {height: 5px;background: url(images/top-bg.png) bottom no-repeat;}
	#title {height: 155px;position:relative;background: #c00 url(images/container-bg.png) center repeat-y; }
	#content {width: 100%; height: 100%; background: url(images/content-bottom-bg.jpg) 10px bottom no-repeat;}
		#PageAddress {border-left: 10px solid #ADD8E6;padding: 5px 0 5px 10px; margin: 0 0 0 -10px;}
		#MainContent {width: 480px;_width: 490px; padding: 0 0 0 10px; margin:15px 15px 0 0; float: right;display: inline; border-left: 1px solid #ADD8E6; color: #069;}
		#LeftColumn  {color:#900;width: 220px; margin:1px 0 0 10px;  float: left; display: inline; padding-bottom: 100px;}
			#LeftColumn img {border-top: 3px solid #000;border-bottom: 3px solid #000;display:block;}
			.RandomImgTitle {background: #333; color: #fff; text-align: right; font-size: .8em; margin:1px 0; padding: 2px;}
		#bottom {clear: both; padding: 5px 30px 5px 250px; text-align: right;}
#copyrights {color: #fff; width: 740px; margin: auto; background: url(images/copyrights-bg.png) top center no-repeat; padding: 35px 0 5px 0; text-align: right; font-size: 0.9em;}


h1 {padding: 0; margin: 0 10px; line-height: 2em; text-align: center; }
h1,h1 span {width:721px; height:155px; font-size:2.5em; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
h1 span {display:block; background: url(images/title-bg.jpg) no-repeat; z-index:1;}
h1 a,h1 a:hover,h1 a:focus {color: #fff; text-decoration: none;}


#MainMenu {margin: 0; padding: 0; list-style: none; line-height: 1.2em; font-size: 110%; letter-spacing: 1px; font-weight: bold; }
	#MainMenu li {margin: 0;display:inline; height: 100%;}
	#MainMenu li a {display: block; padding: .7em 0; background: #900; color:#fff;text-decoration:none; text-align: center;  width: 100%; margin-bottom: 1px;}
	#MainMenu li a span {padding: 0 15px;}
	#MainMenu li#currentMenuItem a {background: #069; color: #fff;}
	#MainMenu li a:hover, #MainMenu li a:focus {background: #c00;margin-bottom:1px;}

	
ul#SubMenu1,ul#SubMenu2,#SubMenuBox ul  {margin: 1px 0 0 0;display: block; padding: 0;width: 100%; list-style: none; font-size: 80%; letter-spacing: 1px;}
	ul#SubMenu1 li, #SubMenuBox ul li, ul#SubMenu2 li {margin: 0;display:inline; height: 100%; font-weight: bold;}
		ul#SubMenu1 li a,ul#SubMenu2 li a {display: block;padding: .5em 0; background: #069; color:#fff;text-decoration:none; text-align: center;  width: 100%; margin-bottom: 1px;}
		ul#SubMenu1 li a:hover,ul#SubMenu1 li a:focus,ul#SubMenu2 li a:hover,ul#SubMenu2 li a:focus {color:#fff;background: #09C;}
		ul#SubMenu1 li span.currentItem,ul#SubMenu2 li span.currentItem {color:#f30;}


#MainContent ul {line-height: 150%; padding-right: 10px;}		
#MainContent li { list-style-type: none;  list-style-image: url(images/li-right.gif); margin: 0.5em 0; }
#LeftColumn .SubMenuBox ul {padding: 5px 12px 5px 25px; margin: 5px 0 5px 0; line-height: 1.8em;}
ul li { list-style-type: none;  list-style-image: url(images/li-right.gif);}		

span.UpLink {background: url(images/ico-top.gif) right no-repeat; padding-right: 15px;}
span.PrintLink {background: url(images/ico-print.gif) right no-repeat; padding-right: 17px;}	
span.SitemapLink {background: url(images/ico-sitemap.gif) right no-repeat; padding-right: 15px;}
span.DeclarationLink {background: url(images/ico-declaration.gif) right no-repeat; padding-right: 15px;}			

		h2 {
			font-size: 200%;
			padding:5px 10px 5px 10px;
			margin: 0 0 1em -10px;
			line-height: 1em;
			color: #005079;
			text-align: left;
			font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
			border-left: 10px solid #ADD8E6;
		}
		
		h3 {border-left: 7px solid #ADD8E6; padding: 15px; font-size: 140%; margin-left: -10px;}
		h4 {padding: 25px 0 5px 5px; font-size: 130%}
		h5 {font-size: 120%;}
		h6 {font-size: 110%;}
		
		h3, h4, h5, h6 {color: #c00;line-height: 1.5em;}
		
		h3 span {font-size: .8em; color: #069;}
	
	#LeftColumn h4.submenu {background: #333; margin: 1px 0 0 0; color: #fff;padding: 5px; font-size: 90%;}
	#LeftColumn h4.submenu a {display: block; color: #fff; text-decoration: none;}
	#LeftColumn h4.submenu a:hover {background: #c00;}
	#LeftColumn h4.submenu a:focus {background: #fff;}
	
	#LeftColumn h4 {margin: 10px 0 5px 0; color: #900;padding: 5px;}
	#LeftColumn h4 a {color: #900; text-decoration: none;}
	#LeftColumn h4 a:hover {color: #069;}
	#LeftColumn h4 a:focus {color: #fff;}
	
	
	/* citojatka */
    .ToolTip {border: 1px solid #069; background: #fff; color:#c00; padding: 3px;}

	
	/* PRESKAKOVACI ODKAZY */
   .jumplink {position: absolute;top: -100px;z-index: 1;padding: 0.5em;}
   a.jumplink:focus, a.jumplink:active {z-index: 5;top: 50px;left: 300px;background-color: Blue; color: #fff; border: 1px solid #fff;}

a {color: #900;}
a:hover {color: #c00; text-decoration: none;}
a:focus {color: #fff; background-color: #c00;text-decoration: none;}

h1 a {color: #fff;}

.PageAddressItem a {padding-right: 16px; color: #09c; background: url(images/li-right.gif) right no-repeat;}
.PageAddressItem a:hover{}	

#bottom a {color: #09c; margin-left:10px;}
#bottom a:focus {color: #fff;}

#copyrights a {color: #fff;}

p {text-indent: 2.0em;}
.info {border: 0.5em solid #006699;padding: 1em;background: #09c;color: #fff;}		
#LeftColumn p {padding: 5px;text-indent: 0em; font-size: 90%;}

#MainContent img, #MainContent a img {border: 3px solid #EBF6F9; margin: 5px;}
#MainContent a:hover img {border: 3px solid #069; margin: 5px;}
#MainContent img.noBorder {border: none;}
#MainContent p img.FullImg {padding: 0; margin: 15px 0 15px -30px; border: none;}


table { margin: 5px; border-collapse: collapse; color: #333;border-color: #ADD8E6;}
table caption {font-size: 120%; color: #c00; text-align: left; font-weight: bold; padding-left: 5px;}
tbody td,tbody th, td, th {color: #004264; padding: 3px; font-size: 100%;border-color: #ADD8E6;}
tbottom td,tbottom th {padding: 2px;}
thead td, thead th,tbottom td,tbottom th, tr.hlavicka td, tr.hlavicka th {background-color: #ADD8E6; padding: 5px; color: #069; font-size: 100%;border-color: #fff;}


table.DataTable {font-size: 100%; color: #c00; text-align: left; font-weight: bold; padding-left: 5px;border: 2px solid #ADD8E6;}
table.DataTable tbody td,table.DataTable tbody th, table.DataTable td, table.DataTable th {color: #004264;padding: 3px; font-size: 100%; border:1px solid #ADD8E6;}
table.DataTable thead td,table.DataTable thead th, table.DataTable tr.hlavicka td, table.DataTable tr.hlavicka th {border: 1px solid #EBF6F9; border-bottom: 1px solid #069;}
tr.lichy {background:#fff;}
tr.sudy  {background:#EBF6F9;}



/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
.SiteMap ul {padding: 5px 10px 5px 15px; margin: 5px;}
.SiteMap li a {font-weight:bold;}
.SiteMap li span {font-size: 90%;}
/* odkaz polozky sitemapu typu externi odkaz */
.SiteMap li.externalLink a {background: url(images/ico-external-link.gif) 100% 0 no-repeat; padding-right: 15px;color:#f60;}
.SiteMap li.externalLink a:hover {background: #f60 url(images/ico-external-link2.gif) 100% 0 no-repeat; color:#fff;}


/* modul    F O R M   M A K E R     */

.w60 {width: 60px;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w600 {width: 600px;}


.FormMaker { background: url(images/form-bg.jpg) top right no-repeat; }
.FormItemBox {margin: 15px 0;}
.FormItem {display: block;} 
 label {padding: 3px; padding-top: 10px;  color:#069; font-weight:bold; }
.RadioGroupTitle {font-weight: bold;}
 label.RadioLabel,label.CheckboxLabel {font-weight: normal;}
.formular, input {border:1px solid #09c; background: #EBF6F9; color:#069;}
.formular:hover, input:hover {border:1px solid #c00; background: #fff;}
.submit, .reset {border: 1px solid #069; background:#09c; color: #fff; margin: 10px; font-weight: bold;}
.submit:hover, .reset:hover {border: 1px solid #c00; background:#fff; color: #c00; cursor: pointer;}
.form_error_msg {color: #c00; font-weight: bold; display: block;}
 .form_note {font-style: italic; padding-left: 0.5em; color: #900; }
 fieldset {border: 1px solid #09c; margin-bottom: 20px; padding: 5px;}
 legend{color:#09c; font-weight: bold;}


h6.ProductTitle {margin: 3px; padding: 0;}

.ProductItemImg {float: left; width: 200px;}	
a.ProductPlacementItem {padding-right: 16px; color: #09c; background: url(images/li-right.gif) right top no-repeat; }

div.ProductPlacement {width: 270px; float: left; }
div.ProductPlacement a.ProductPlacementItem {padding: 0; background-image: none; display: block; padding-left: 16px; background: url(images/li-right.gif) left no-repeat;}