/*----------------------------------------
Q2 CSS Framework v1.0
Developed by: Q2 Interactive | david.krasensky@q2.cz
Based on: Elements CSS Framework | http://elements.projectdesigns.org
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* @import url("externalLinks.css"); */


/* Elements
----------------------------------------*/
html {
	height: 100%;
}


body#main , body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 150%;
	height: 100%;
}

body UL {
	padding : 0 0 0 25px;		
}

body#main  UL {
	padding : 0px;		
}

body OL {
	padding : 0 0 0 25px;		
}

body#main  OL {
	padding : 0px;		
}

body#main 
{
	background-color: #AA1C1A;
}

/*--- Link Styles ---*/
a
{
	color:#FF0E00;
	text-decoration: underline;
}

a:hover
{
	color:#FF0E00;
	text-decoration: underline;
}

p
{
	text-align:justify;
}


h1 {
	margin: 12px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}

h2 {
	margin: 10px 0 8px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}

h3 {
	margin: 8px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}

h4 {
	margin: 6px 0 4px 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}

h5 {
	margin: 4px 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}

h6 {
	margin: 4px 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	color: #FF0E00;
}


blockquote	{
	margin: 0 0 18px 18px; 
	color: #666666; 
	font-style: italic;}
strong	{
	font-weight: bold;
}
em	{
	font-style: italic;
}

hr
{
	padding:0px;
	margin:0px;
	border: 1px solid #cccccc;
	margin: 5px 0px;
}

/* Standard Definitions
----------------------------------------*/
br.Clear {
	clear: both;
	line-height: 1px;
	height: 1px;
}
.Hide {
	display: none;
}
.NoBg {
	background-image: none;
}



#WebContainer {
	margin: 0px auto;
	background-image: url(../image/header-bg.jpg);
	background-repeat: repeat-x;	
}


/* Header
----------------------------------------*/

#Header {
	
}
	#Header .Inner {
		width: 874px; /* 860 + 2x7 fade*/
		padding: 0 48px;
		margin: 0px auto;
		background-image: url(../image/header-bg.jpg);
		background-repeat: repeat-x;
	}
		#Header .Inner .Top {
			height: 41px;
		}
		#Header .Inner .Middle {
			background-image: url(../image/header-middle.jpg);
			background-repeat: no-repeat;
			height: 347px; 
		}
		#Header .Inner .Middle.Small {
			background-image: url(../image/header-middle-small.jpg);
			background-repeat: no-repeat;
			height: 159px;
		}
			#Header .Inner .Middle .Logo {
				padding: 14px 0 0 50px;
				width: 402px;
				float: left;
			}
			#Header .Inner .Middle .SideBox {
				padding: 0 50px 0 0;
				width: 320px;
				float: right;				
			}
				#Header .Inner .Middle .Lang {
					text-align: right;			
				}
					#Header .Inner .Middle .Lang A {
						color: #ffffff;
						text-decoration: none;
						padding: 0 0 0 10px;
					}
					#Header .Inner .Middle .Lang A:hover {
						text-decoration: underline;
					}
					#Header .Inner .Middle .Lang A.Active {
						color: #D12421;
					}
				#Header .Inner .Middle .Slogan {
					padding: 20px 0 50px 20px;
				}
				#Header .Inner .Middle .Search {
					text-align: right;	
					height: 30px;		
				}
					#Header .Inner .Middle .Search INPUT {
						background-image: url(../image/search-bg.jpg);
						background-repeat: no-repeat;
						width: 230px;
						height: 17px;
						padding: 3px 4px 0 6px;
						border-width: 0;
						font-size: 11px;
						float: right;
					}
					#Header .Inner .Middle .Search A {
						background-image: url(../image/search-button.jpg);
						background-repeat: no-repeat;
						text-transform: uppercase;
						text-align:center;
						width: 56px;
						height: 18px;
						padding: 2px 0 0 4px;
						display: block;
						float: right;
						color: #ffffff;
						text-decoration: none;
					}
					UL.DivisionMenu {
						padding: 25px 45px 0 115px !important;
						height: 195px;
					}
					.DivisionMenu LI {
						float: left;
						width: 140px;
						margin-right: 60px;
						list-style-type: none;
					}
					.DivisionMenu LI.Last {
						margin-right: 0;
					}
					.DivisionMenu LI A {
						color: #ffffff;
						text-decoration: none;
						display: block;
						text-transform: uppercase;
						font-size: 13px;
						text-align: center;
						width: 140px;
						height: 41px; /* 156 */
						padding: 115px 0 0 0;
						background-repeat: no-repeat;				
					}
					
					.DivisionMenu A:hover {
						color: #ffffff;
						text-decoration: underline;
					}
					
					.DivisionMenu LI#Menu01 A {
						background-image: url(../image/menu-bg-01.jpg);
					}
					.DivisionMenu LI#Menu01 A:hover {
						background-image: url(../image/menu-bg-01on.jpg);
					}
					.DivisionMenu LI#Menu02 A {
						background-image: url(../image/menu-bg-02.jpg);
					}
					.DivisionMenu LI#Menu02 A:hover {
						background-image: url(../image/menu-bg-02on.jpg);
					}
					.DivisionMenu LI#Menu03 A {
						background-image: url(../image/menu-bg-03.jpg);
					}
					.DivisionMenu LI#Menu03 A:hover {
						background-image: url(../image/menu-bg-03on.jpg);
					}
					.DivisionMenu LI#Menu04 A {
						background-image: url(../image/menu-bg-04.jpg);
					}
					.DivisionMenu LI#Menu04 A:hover {
						background-image: url(../image/menu-bg-04on.jpg);
					}
					.DivisionMenu LI#Menu05 A {
						background-image: url(../image/menu-bg-05.jpg);
					}
					.DivisionMenu LI#Menu05 A:hover {
						background-image: url(../image/menu-bg-05on.jpg);
					}

			
					
		#Header .Inner .Bottom {
			height: 33px;
		}
		#Header .Inner .Bottom .Sub, .SubSectionMenu {
			height: 37px;
			padding: 10px 40px 0 40px;
			background-image: url(../image/menu-section-bg.jpg);
			background-repeat: no-repeat;
		}
		
		.SubSectionMenuShadow
		{
			margin: 0 auto;
			width: 874px;
			padding: 0 48px;
			background-image: url(../image/header-bg.jpg);
			background-repeat: repeat-x;
			background-position: 0 -200px;
		}
		
		.SubSectionMenu {
			/*margin: 0 auto;*/
			width: 794px;
			/*padding: 10px 88px 0 88px;*/
			background-position: center top;
			

		}
		
			#Header .Inner .Bottom .Sub A, /*.SubSectionMenu A,*/ .normalInfo {
				color: #A6A6A6 !important;
				font-size: 14px !important;
				padding: 0 10px !important;
				text-decoration: none !important;
			}
			#Header .Inner .Bottom .Sub A:hover, /*.SubSectionMenu A:hover,*/ .hoverInfo {
				color: #ffffff !important;
				font-size: 14px !important;
				padding: 0 10px !important;
				text-decoration: none !important;
				
			}

#SectionMenu {
	width: 954px; /* 970 */
	padding: 10px 8px; /* doplnuji 8px o ktere je posunute pozadi kvuli zalozkam */
}

	#SectionMenu .Top {
		height: 30px;
		background-image: url(../image/page2-top.jpg);
		background-repeat: no-repeat;
		background-position: 40px 0;
	}
		.ContentPageTLeft #SectionMenu .Top {
			background-image: url(../image/page3-top.jpg);
		}
	#SectionMenu .Middle {
		background-image: url(../image/page2-bg.jpg);
		background-repeat: repeat-y;
		background-position: 40px 0;
	}
	#SectionMenu .Bottom {
		height: 30px;
		background-image: url(../image/page2-bottom.jpg);
		background-repeat: no-repeat;
		background-position: 40px 0;
	}
	
	#SectionMenu DIV.Clear {
		clear: both;width: 1px; 
		line-height: 1px; 
		height: 1px;
	}
	
	
	#SectionMenu .TitleLeft {
		width: 48px;
		float: left;
	}
	#SectionMenu .TitleRight {
		width: 48px;
		float: right;
	}
	
	#SectionMenu .SectionBox {
		width: 565px;
		padding: 0 0 0 15px;		
		float: left;
	}
	#SectionMenu .MenuBox {
		width: 218px; /* 258 */
		padding: 0 40px 0 0; 
		float: right;
	}
		#SectionMenu .MenuBox LI {
			text-align: right;
			padding: 0 0 15px 0;
			list-style:none;
		}
			#SectionMenu .MenuBox LI A {
				color: #ffffff;
				font-size: 16px;
				font-weight: normal;
				text-decoration: none;
			}
			#SectionMenu .MenuBox LI A:hover , #SectionMenu .MenuBox LI A.hover  {
				color: #ffffff;
				text-decoration: underline;
			}
			#SectionMenu .MenuBox LI A.Active {
				color: #ffffff;
				text-decoration: underline;
			}



	
	
	
	
		
/* Content
---------------------------------------*/
#Content {
	margin: 0px auto;
}

.ContentHomePageShadow 
{
	margin: 0px auto;
	width: 970px;
	background-image: url(../image/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -200px;
}

.ContentHomePage {
	width: 970px; /* 40padding zleva + 860 + 40news + 14 fade */
	padding: 0 0 0 0;	
	background-image: url(../image/header-middle-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center 1px;
}
.ContentPageTLeft {
	width: 970px; /* 40padding zleva + 860 + 40news + 14 fade */
	padding: 0 0 0 0;
	background-image: url(../image/header-bg-small.jpg);
	background-repeat: no-repeat;
}
	

	#Content .HomeFlash {
		width: 500px; 
		padding: 7px 0 0 0;
		float: left;		
	}
	#Content .NewsBox {
		width: 954px; /* 970 */
		padding: 0 8px; /* doplnuji 8px o ktere je posunute pozadi kvuli zalozkam */

	}
	#Content .NewsBox .Top {
		height: 30px;
		background-image: url(../image/page2-top.jpg);
		background-repeat: no-repeat;
		background-position: 40px 0;
	}
	#Content .NewsBox .Middle {
		background-image: url(../image/page2-bg.jpg);
		background-repeat: repeat-y;
		background-position: 40px 0;
	}
		#Content .NewsBox .Middle .TitleLeft {
			float: left;
			width: 48px;
		}
		#Content .NewsBox .Middle .TitleRight {
			float: right;
			width: 48px;
		}
		#Content .NewsBox .Middle .Inner {
			float: left;
			width: 818px; /* 858 */
			padding: 10px 0 0 40px; /* left 40 */
			color: #ffffff;
		}	
			#Content .NewsBox .Middle .Inner .Item {
				float: left;
				width: 350px;
				padding: 0 50px 10px 0;
			}
			#Content .NewsBox .Middle .Inner H3 {
				font-size: 12px;
				font-weight: bold;
				color: #ffffff;
			}
			#Content .NewsBox .Middle .Inner H3 A {
				color: #ffffff;
			}
			#Content .NewsBox .Middle .Inner .Item A.More {
				color: #ffffff;
				background-color: #5F0F0E;
				text-decoration: none;
				display: block;
				padding: 2px 4px;
				width: 125px;
				text-align: center;
				margin: 4px 0;
				float: right;
			}	
			#Content .NewsBox .Middle .Inner .Item A.More:hover {
				color: #000000;
				background-color: #AD7171;
				text-decoration: none;
			}	
	
	#Content .NewsBox .Bottom {
		height: 30px;
		background-image: url(../image/page2-bottom.jpg);
		background-repeat: no-repeat;
		background-position: 40px 0;
	}
	
	
	#Content .Page {
		width: 954px; /* 970 */
		padding: 0 8px; /* doplnuji 8px o ktere je posunute pozadi kvuli zalozkam */
	}
	
	
		#Content .Page UL {
			padding: 0 0 0 25px !important;
		}
		
		#Content .Page OL {
			padding: 0 0 0 25px !important;
		}
		
	
		#Content .Page .Top {
			height: 30px;
			background-image: url(../image/page-top.jpg);
			background-repeat: no-repeat;
		}
		#Content .Page .Middle {
			background-image: url(../image/page-bg.jpg);
			background-repeat: repeat-y;
		}		
		
		#Content .Page .Bottom {
			height: 31px;
			background-image: url(../image/page-bottom.jpg);
			background-repeat: no-repeat;
		}
		.ContentPageTLeft .Page .Middle, .ContentPageTLeft .Page .Top, .ContentPageTLeft .Page .Bottom {
			background-position: 39px 0;
		}
		.ContentPageTLeft .Title {
			width: 48px;
			float: left;
		}
		.ContentPageTLeft .InnerMain {
			width: 510px;
			padding: 5px 30px;
			float: left;
			/*font-size: 12px;*/
		}
			#Content .InnerMain H6 {
				color: #FF0E00;
				font-weight: bold;
				font-size: 18px;
				text-align: left;
				padding: 0 0 14px 0;
			}
		.ContentPageTLeft .InnerMenu {
			width: 155px;
			padding: 5px 90px 5px 30px;
			float: right;
			/*margin: -14px 0 0 0;*/
		}
			.ContentPageTLeft .InnerMenu LI {
				text-align: right;
			}
			.ContentPageTLeft .InnerMenu A.Active {
				font-weight: bold;
			}
			
			
			.ContentPageTLeft .InnerMenu a.level0{
				display: block;
				text-align: right;
			}
			
			.ContentPageTLeft .InnerMenu a.level2 
			{
				padding: 14px 0 0px 0;
				color: #ffffff;
				font-size: 16px;
				text-decoration: none;
			}
			
			.ContentPageTLeft .InnerMenu a.level3 
			{
				padding: 4px 4px 2px 0;
				color: #ffffff;
				font-size: 12px;
				text-decoration: none;
			}
			
			.ContentPageTLeft .InnerMenu a.level4
			{
				padding: 2px 4px 2px 0;
				font-size: 11px;
			    color: #CCCCCC;
			}
			
			.ContentPageTLeft .InnerMenu a.fixlevel 
			{
				font-weight: bold;
			}
			
			/*.ContentPageTLeft .InnerMenu .Lev01 {
				
			}
				.ContentPageTLeft .InnerMenu .Lev01 LI {
					padding: 0 0 14px 0;
				}
				.ContentPageTLeft .InnerMenu .Lev01 A {
					color: #ffffff;
					font-size: 16px;
					text-decoration: none;
				}			
			
			.ContentPageTLeft .InnerMenu .Lev02 {
				
			}
				.ContentPageTLeft .InnerMenu .Lev02 LI {
					padding: 4px 4px 2px 0;
				}
				.ContentPageTLeft .InnerMenu .Lev02 A {
					font-size: 12px;
				}
			.ContentPageTLeft .InnerMenu .Lev03 {
				
			}
				.ContentPageTLeft .InnerMenu .Lev03 LI {
					padding: 4px 0 2px 0;
				}
				.ContentPageTLeft .InnerMenu .Lev03 A {
					font-size: 11px;
					color: #CCCCCC;
				}*/
				
			.ContentPageTLeft .InnerMenu A:hover 
			{
				text-decoration: underline;
			}




/* Footer
----------------------------------------*/
#Footer {
	height: 214px; /* 214 */
	background-image: url(../image/footer-bg.jpg);
	background-repeat: repeat-x;
}
#Footer.Sub {
	background-position: 0 163px;
	height: 400px;
}

	#Footer .Top {
	
	}
	#Footer .TopMenuWrapper {
		width: 874px; /* 970 */
		height: 163px;
		padding: 0 48px;
		margin: 0px auto;
		
	}
	#Footer .TopMenu {
		height: 163px;
		width: 874px;
		margin: 5px 0 0 0;
		position: absolute;
		
	}
	#Footer .Middle {

		color: #ffffff;
	}
		#Footer .Middle .Inner {
			width: 780px; /* 980 */
			padding: 80px 84px 0 105px;
			height: 134px; /* 214 */
			margin: 0 auto;
			color: #808080;
			background-image: url(../image/footer-bg.jpg);
			background-repeat: repeat-x;
		}

	#Footer .Bottom {
		background-image: url(../image/footer-bottom.jpg);
		background-repeat: repeat-x;
		height: 79px; 
	}
	#Footer A {
		color: #808080;
		text-decoration: underline;
	}
	#Footer A:hover {
		text-decoration: none;
	}
		#Footer .Copy {
			float: left;
			padding-top:22px;
		}
		#Footer .AltMenu {
			float: right;
			text-align: right;
		}

	#Footer .FooterMenu {
		width: 858px; /* 874 */
		padding: 10px 8px 5px 8px; /* doplnuji 8px o ktere je posunute pozadi kvuli zalozkam */
		height: 200px; /* 220 */
		background-image: url(../image/header-middle-bottom-reverse.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
	}
		#Footer .FooterMenu ul.DivisionMenu {
			padding: 25px 0px 0 55px !important;
		}
		#Footer .FooterMenu ul.DivisionMenu A {
			color: #ffffff;
			text-decoration: none;
		}
			#Footer .FooterMenu ul.DivisionMenu A:hover {
				color: #ffffff;
				text-decoration: underline;
			}
		
	
			#Footer .FooterMenu ul.DivisionMenu LI#Menu01 A {
				background-image: url(../image/menu-f-bg-01.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu01 A:hover {
				background-image: url(../image/menu-f-bg-01on.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu02 A {
				background-image: url(../image/menu-f-bg-02.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu02 A:hover {
				background-image: url(../image/menu-f-bg-02on.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu03 A {
				background-image: url(../image/menu-f-bg-03.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu03 A:hover {
				background-image: url(../image/menu-f-bg-03on.jpg);
			}			
			#Footer .FooterMenu ul.DivisionMenu LI#Menu04 A {
				background-image: url(../image/menu-f-bg-04.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu04 A:hover {
				background-image: url(../image/menu-f-bg-04on.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu05 A {
				background-image: url(../image/menu-f-bg-05.jpg);
			}
			#Footer .FooterMenu ul.DivisionMenu LI#Menu05 A:hover {
				background-image: url(../image/menu-f-bg-05on.jpg);
			}

/*----------------------------------------
UPRAVY - 16.2.2009 - styly pro dalsi podstranky klientske sekce
----------------------------------------*/

.frm {
	width: 496px;
	margin-bottom: 30px;
}

	.frm TD {
		padding: 3px 4px;
		border: 1px solid #f0f0f0;
	}
	.frm .NoBorder TD {
		border: 0px solid #f0f0f0;
	}

/* Obecne
----------------------------------------*/

.Alert { font : 12px;	color : Red; font-weight:bold;}
.Msg {	color : #007840; font-weight:bold;}