/* CSS pro webovou prezentaci aigos.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: 80%; color: #4F4F4F;text-align: center; line-height: 1.5em;background: #C90  url(images/bg-page.png) repeat;}
#page{background: transparent url(images/bg-page-top.png) top center repeat-x; }

/* definice obecnych stylu */

kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;font-size: 150%;color:#333;}
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;}
.colorF90 {color: #f90;}
.color000 {color: #000;}
.color56 {color: #565656;}


/*   L A Y O U T   */
#container {width: 780px; background: #fff url(images/bg-content.png) center repeat-y; margin: 0 auto 20px auto; text-align:left;}
 #headContainer {background: url(images/bg-headContainer.jpg) 0 0 no-repeat; border-top: 1px solid #000;}
 	/*#titleBox {width:275px; height: 122px; float: left;  position: relative;}*/
	#titleBox {/*position: relative; */width:275px; height: 122px;/* float: left;*/ }
	#rightColumn {width:475px; float: right; margin: 0 10px 0 10px;display:inline; padding-bottom: 20px; }
		#head {margin-top:12px;height: 250px; width: 100%; _margin-top:11px; }
	#leftColumn {width:275px;float:left; _float: none; display: inline;}
		#leftContentBox {margin:0 15px 0 20px;}
	#bottom {background: url(images/bg-bottom.png) center bottom no-repeat; height: 195px; vertical-align: bottom;}
		#copyrights {display:inline;width: 340px; margin-left: 30px; float:left;}
			.contact {padding-bottom: 10px;}
		#bottomLinks {display:inline;padding-top: 125px; width: 380px;margin-right: 20px; float: right;text-align: right;}
		.RandomImg1 {background: url(images/bg-RandomImage1.jpg) 380px bottom no-repeat; height: 195px;}
		.RandomImg2 {background: url(images/bg-RandomImage1.jpg) 380px bottom no-repeat; height: 195px;}
		.RandomImg3 {background: url(images/bg-RandomImage3.jpg) 380px bottom no-repeat; height: 195px;}
		.RandomImg4 {background: url(images/bg-RandomImage4.jpg) 380px bottom no-repeat; height: 195px;}
		.RandomImg5 {background: url(images/bg-RandomImage5.jpg) 380px bottom no-repeat; height: 195px;}
		.RandomImg6 {background: url(images/bg-RandomImage6.jpg) 380px bottom no-repeat; height: 195px;}


div#h1 {position: relative;}
h1 {padding: 0; margin: 12px 0 0 43px; line-height: 2em; text-align: center; }
h1,h1 span {width:206px; height:110px; font-size:1.5em; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
h1 span {display:block; background: url(images/logo.png) no-repeat; z-index:1;}
h1 a {color: #000; text-decoration: none;}



#menuBox {background: #fff url(images/bg-submenu-content.png) 0 -10px no-repeat; }

#MainMenu,#SpecialMenu {margin: 10px 8px 0 23px; padding: 1px 0 0 0; _margin-top: 9px; list-style: none; line-height: 1.2em; font-size: 120%; letter-spacing: 1px; font-weight: bold;}
   #MainMenu li,#SpecialMenu li {margin: 0; list-style-image: none;}
	#MainMenu li a {display: block; padding: 10px 0; color:#333;text-decoration:none; text-align: center;  width: 100%; border-bottom: 1px dotted #E6E6E6;}
	#MainMenu li a span {padding: 0 15px;}
	#MainMenu li#currentMenuItem a {background: #333; color: #fff; border-bottom: 1px solid #333;}
	#MainMenu li a:hover {background: #f90; border-bottom: 1px solid #f90; color:#000;}
	#MainMenu li a:active, #MainMenu li a:focus {background: #f30; color: #fff; border-bottom: 1px solid #f30;}
#SpecialMenu {background: url(images/bg-submenu-bottom.png) center bottom no-repeat; margin: 0; line-height: 2em; font-size: 90%; padding: 10px 10px 20px 30px;}
	#SpecialMenu li a{color: #333; text-decoration: none;}
	#SpecialMenu li a:hover{color: #f30;}
	#SpecialMenu li a:active,#SpecialMenu li a:focus{background-color: #f30;color: #fff;}
	
ul#SubMenu1,ul#SubMenu2,#SubMenuBox ul  {margin-left: 50px;padding: 0; list-style: none; line-height: 1.3em; font-size: 110%;}
	ul#SubMenu1 li, ul#SubMenu2 li, #SubMenuBox ul li {padding: 5px 0; font-weight: bold; list-style-image: url(images/li-right.gif);}
		ul#SubMenu1 li a:hover,ul#SubMenu2 li a:hover {color:#f30;}
		ul#SubMenu1 li a:focus,ul#SubMenu2 li a:focus,ul#SubMenu1 li a:active,ul#SubMenu2 li a:active {background-color: #f30; color:#fff;}
		ul#SubMenu1 li span.currentItem,ul#SubMenu2 li span.currentItem {color:#f30;}

#leftContentBox,#copyrights {font-size: 0.8em;}	
#rightColumn ul {line-height: 150%; padding-right: 10px;}		
#rightColumn li { list-style-type: none;  list-style-image: url(images/li-right.gif); margin: 0.5em 0; }
#leftContentBox ul  {margin-left: 50px;padding: 0; list-style: none; line-height: 1.3em;}
#leftContentBox ul li {padding: 5px 0; list-style-image: url(images/li-right.gif);}
ul li { list-style-type: none;  list-style-image: url(images/li-right.gif);}

ul.noImg li, ul li.noImg, li.noImg {list-style: disc !important;}	

span.UpLink {background: url(images/ico-top.gif) right no-repeat; padding-right: 20px; font-size: 0.9em;}
span.PrintLink {background: url(images/ico-print.gif) right no-repeat; padding-right: 20px;font-size: 0.9em;}	

span.SitemapLink {background: url(images/ico-sitemap.gif) left no-repeat; padding-left: 20px;}
span.DeclarationLink {background: url(images/ico-declaration.gif) left no-repeat; padding-left: 20px;}			

#PageAddress {font-size: 90%; margin: 5px 0;}
.PageAddressItem a {padding-right: 16px; color: #444; background: url(images/ico-navItem.gif) right no-repeat;}
.PageAddressItem a:hover{}	
	
		h2 {
			font-size: 200%;
			padding:5px 10px 5px 10px;
			margin: 10px 10px 1em 0;
			line-height: 1em;
			color: #FF3300;
			text-align: right;
			font-weight: normal;
			font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
		}
		
		h3 {padding: 25px 0 10px 20px; font-size: 150%; font-weight: normal;}
		h4 {padding: 25px 0 5px 5px; font-size: 140%; font-weight: normal;}
		h5 {font-size: 120%;}
		h6 {font-size: 110%; margin-top: 0px; padding-top: 0px; }
		
		h3, h4, h5, h6 {color: #f30;line-height: 1.5em;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
#leftColumn H3,#leftColumn H4,#leftColumn H5,#leftColumn H6 {
	background: url(images/bg-submenu-h.png) top left no-repeat; padding: 3px 0 5px 35px; margin: 20px 0 10px -20px; color:#565656; font-weight: bold;
}
	
p {text-indent: 2.0em;}
.info {border: 0.5em solid #f30;padding: 1em;background: #f90;color: #f30;}			

	/* citojatka */
    .ToolTip {border: 1px solid #f60; background: #fff; color:#f30; padding: 3px;}


	 a {color: #000;}
	 a:hover {color: #f30; text-decoration: none;}
	 a:focus,a:active {color: #fff; background-color: #f30; text-decoration: none;}
	 
	 a.out {background: transparent url(images/a-out-444.gif) top right no-repeat; padding-right: 10px;}
	 a.out:hover {background-image:url(images/a-out-f30.gif);}
	 
	 #bottomLinks a {text-decoration: underline;}
	 #bottomLinks a:hover {text-decoration: none;}
	
	/* PRESKAKOVACI ODKAZY */
   .jumplink {position: absolute;top: -100px;z-index: 1;padding: 0.5em;}
   a.jumplink:focus, a.jumplink:active {z-index: 5;top: 20px;left: 50px;background-color: Blue; color: #fff; border: 1px solid #fff;}

	
	/* modul    N E W S     */
		
	h4.NewsItemTitle {margin: 10px 0 0 0; padding: 10px 0;}
	h4.NewsItemTitle span {color: #f90; padding-right: 15px; font-size: 0.9em;}
	h4.NewsItemTitle a {color: #f30; font-size: 0.9em;}
	.NewsItem {margin-bottom:  4em;}
	
   .NewsBoxItem {padding: 5px; margin-bottom: 15px;}
	.NewsBoxItemTitle,.NewsBoxItemTitle a {font-size: 1.2em;color: #f60; font-weight: bold; padding-bottom: 10px; text-decoration: none;}
	.NewsBoxItemTitle a:hover {color: #f30; text-decoration: underline;}
	.NewsBoxItemTitle a:focus,h4.NewsItemTitle a:focus {background-color: #f30;color: #fff;}
	.NewsBoxItemTitle span {color: #333; font-size: 0.8em; display:block;}
	.NewsBoxItemText a {text-decoration: none; font-size: 0.9em; color: #565656; display: block; width: 100%; padding: 3px; }
	.NewsBoxItemText a:hover,.NewsBoxItemText a:focus {color: #f30; background-color: #F4F4F4;}
	.NewsBottomLinks {margin: 4em 0 2em 0; text-indent: 0%;}
	
	
/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
#rightColumn .SiteMap ul {padding: 5px 10px 5px 15px; margin-left: 10px;}
#rightColumn .SiteMap li {margin-top: 15px;}
#rightColumn .SiteMap li a {font-weight:bold;}
#rightColumn .SiteMap li span {font-size: 90%;}
/* odkaz polozky sitemapu typu externi odkaz */

#rightColumn .SiteMap li.externalLink a {background: url(images/ico-external-link2.gif) 100% 0 no-repeat; padding-right: 15px;color:#f60;}
#rightColumn .SiteMap li.externalLink a:hover {background: #f60 url(images/ico-external-link.gif) 100% 0 no-repeat; color:#fff;}


/* TABULKY */


table { padding: 0px; margin: 10px 0; border-collapse: collapse; border-color: #333;}

table caption {font-size: 120%; color: #f60; text-align: left; font-weight: bold; padding-left: 5px;}
tbody td,tbody th, td, th {color: #333;padding: 3px; font-size: 90%; border-color: Gray;}
tbottom td,tbottom th {padding: 2px;}
thead td,thead th,tbottom td,tbottom th {background-color: #545454; padding: 5px; color: #fff; font-size: 100%;}
thead td,thead th,tbottom td,tbottom th { border:1px solid #757575;border-bottom: 1px solid #f30; }

table.DataTable,table.DataTable tbody td, table.DataTable tbody th, table.DataTable td, table.DataTable th {border:1px solid Gray;}
table.DataTable {border: 2px solid #333;padding: 2px; margin: 5px;}

tr.lichy {background:#fff;}
tr.sudy  {background:#E7E7E7;}

.smaller {font-size: smaller;}
.larger {font-size: larger;}
.XXsmall {font-size: xx-small; }
.XXlarge {font-size: xx-large; }


h6.ProductTitle {margin: 3px; padding: 0;}
.ProductItem {}
h4.ProductItemTitle {padding: 5px; margin: 10px; font-weight: normal;}
h4.ProductItemTitle a {}

.ProductItemImg {float: left; width: 200px;}	
.productThumb { width: 210px; margin: 5px;text-align: center; font-size: 90%; margin: 4em 0 2em 0;}
.PreviousProduct {float: left;}
.NextProduct {float: right;}
.productThumb h4 {margin: 0.3em 0; padding: 0em; font-weight: normal;}

.ProductPlacement,CategoryPlacement {margin-bottom: 3em; text-align: left;}
.ProductPlacement a.ProductPlacementItem, a.ProductPlacementItem {padding-right: 16px; background: url(images/ico-navItem.gif) right no-repeat;}
 a.ProductPlacementItem:focus,a.ProductPlacementItem:active {color: #fff; background-color: #f30; text-decoration: none;}