/*----------------------------------------
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 
{
	background-color: #AA1C1A;
}

body#main , body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	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;		
}


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

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

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;
}

/* 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: 159px;
		}
			#Header .Inner .Middle .Logo {
				padding: 0 0 0 50px;
				
				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 .Search {
					text-align: right;	
					height: 30px;
					padding: 15px 0 0 0;		
				}
					#Header .Inner .Middle .Search INPUT {
						background-image: url(../image/search-bg.jpg);
						background-repeat: no-repeat;
						width: 150px;
						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 45px;
						height: 195px;
					}
					.DivisionMenu LI {
						float: left;
						width: 140px;
						margin-right: 60px;
					}
					.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 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;
			color: #A6A6A6;
			font-size: 14px;			
		}
		
		#Header .Inner .Bottom.Sub A, .normalInfo {
				color: #A6A6A6 !important;
				font-size: 14px !important;
				padding: 0 10px !important;
				text-decoration: none !important;
			}
			#Header .Inner .Bottom.Sub A:hover,  .hoverInfo {
				color: #ffffff !important;
				font-size: 14px !important;
				padding: 0 10px !important;
				text-decoration: none !important;
				
			}
		
			.SubSectionMenu A {
				color: #A6A6A6;
				font-size: 14px;
				padding: 0 10px;
				text-decoration: none;
			}
				.SubSectionMenu A:hover {
					color: #ffffff;
					text-decoration: none;
				}
				.SubSectionMenu A.Login {
					float: right;
				}
			.SubSectionMenu .Client {
				color: #ffffff;
				font-size: 14px;
				padding: 0 4px;
			}

#SectionMenu {
	width: 874px;
	margin: 0px auto;
	padding: 25px 48px 0 48px;
	background-image: url(../image/header-bg-small.jpg);
	background-repeat: no-repeat;
}
	#SectionMenu .SectionBox {
		width: 580px;
		float: left;
	}
	#SectionMenu .MenuBox {
		width: 280px;
		float: right;
	}
		#SectionMenu .MenuBox LI {
			text-align: right;
			padding: 0 0 25px 0;
		}
			#SectionMenu /*.MenuBox LI A*/, .normal {
				color: #1F1A17 !important;
				font-size: 18px !important;
				font-weight: normal !important;
				text-decoration: none !important;
			}
			#SectionMenu /*.MenuBox LI A:hover*/, .hover {
				/*color: #1F1A17;
				text-decoration: underline;*/
				color: #ffffff !important;
				font-size: 18px !important;
				font-weight: normal !important;
				text-decoration: none !important;
			}
			/*#SectionMenu .MenuBox LI A.Active {
				color: #ffffff;
			}*/

	
	
		
/* Content
---------------------------------------*/
#Content {
	margin: 0px auto;
	width: 874px;
	padding: 18px 42px 0 45px;

}
.ClientSection {	
	padding: 25px 0 0 0;
	background-image: url(../image/header-bg-small.jpg);
	background-repeat: no-repeat;
}
.SubSection {	
	padding: 25px 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 .Page {

	}
	
		#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.ClientSection .Page .Top {
			background-image: url(../image/page-top-client.jpg);
		}
		#Content.SubSection .Page .Top {
			background-image: url(../image/page-top-sub.jpg);
			height: 53px;
			padding: 15px 0 0 50px;
		} 
			#Content.SubSection .Page .Top a.normal {
				color: #A6A6A6 !important;
				font-size: 14px !important;
				padding: 0 15px !important;
				text-decoration: none !important;
			}
				#Content.SubSection .Page .Top a.active {
					color: #ffffff !important;
					text-decoration: none !important;
					font-size: 14px !important;
					padding: 0 15px !important;
				}
				#Content.SubSection .Page .Top a.hover {
					color: #FF1100 !important;
					text-decoration: none !important;
					font-size: 14px !important;
					padding: 0 15px !important;
				}

		#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;
		}

		#Content .InnerMain {
			width: 510px;
			padding: 5px 30px;
			float: left;
			/*font-size: 12px;*/
			
		}
		#Content.ClientSection .InnerMain {
			width: 500px;
			padding: 5px 30px 5px 40px;
		}
			#Content .InnerMain H6 {
				color: #FF0E00;
				font-weight: bold;
				font-size: 18px;
				text-align: left;
				padding: 0 0 14px 0;
			}
		#Content .InnerMenu {
			width: 215px;
			padding: 5px 30px;
			float: right;
			margin: -14px 0 0 0;
		}
			#Content .InnerMenu H6 {
				color: #FF0E00;
				font-weight: bold;
				font-size: 18px;
				text-align: right;
				padding: 0 30px 14px 0;
			}
			#Content .InnerMenu .SectionImage 
			{
				margin-left:-30px;
				padding: 0 5px 20px 0;
			}
			/*#Content .InnerMenu UL {
				padding: 0 30px 0 0;
			}
			#Content .InnerMenu LI {
				text-align: right;
				padding: 0 0 20px 0;
			}

				#Content .InnerMenu A {
					color: #ffffff;
					font-size: 16px;
					text-decoration: underline;
				}	*/				

			#Content .InnerMenu a.level0{
				display: block;
				text-align: right;
			}
			
			#Content .InnerMenu a.level2 
			{
				padding: 14px 0 0px 0;
				color: #ffffff;
				font-size: 16px;
				text-decoration: none;
			}
			
			#Content .InnerMenu a.level3 
			{
				padding: 4px 4px 2px 0;
				color: #ffffff;
				font-size: 12px;
				text-decoration: none;
			}
			
			#Content .InnerMenu a.level4
			{
				padding: 2px 4px 2px 0;
				font-size: 11px;
			    color: #CCCCCC;
			}
			
			#Content .InnerMenu a.fixlevel 
			{
				font-weight: bold;
			}


			#Content .InnerMenu A:hover {
				text-decoration: underline;
				color: #000000;
			}

	#Content .News {
		
	}
		#Content .News .Item {
			padding: 4px 0 25px 0;
		}
			#Content .News .Item H3 a, #Content .News .Item H3 a:hover {
				background-image: url(../image/list-dot.jpg);
				background-repeat: no-repeat;
				background-position: 0 3px;
				font-weight: bold;
				color: #000000;
				font-size: 12px;
				padding: 0 0 0 18px;
				text-decoration: none;
			}
			
			#Content .News .Item H3 a:hover 
			{
				text-decoration:underline;
			}

			
			#Content .News .Item .Products H3 {
				background-image: none;
				padding: 0;
			}
		#Content .News .ShowAll {
			text-align: right;
		}
		#Content #Package {
			background-image: url(../image/icon-category-01.jpg);
			background-repeat: no-repeat;
			padding: 0 0 0 120px;
		}
		#Content #Internet {
			background-image: url(../image/icon-category-02.jpg);
			background-repeat: no-repeat;
			padding: 0 0 0 120px;
		}
		#Content #TV {
			background-image: url(../image/icon-category-03.jpg);
			background-repeat: no-repeat;
			padding: 0 0 0 120px;
		}
		#Content #Phone {
			background-image: url(../image/icon-category-04.jpg);
			background-repeat: no-repeat;
			padding: 0 0 0 120px;
		}
		#Content .News .Item .Links {
			font-weight: bold;
			padding: 6px 0 20px 0;
		}
		#Content #Package H3, #Content #Internet H3, #Content #TV H3, #Content #Phone H3 {
			background-image: none;
			padding: 4px 0 0 0;
			font-size: 14px;
		}

	#Content .LineH {
		padding: 20px 0;
	}
	#Content .CompanyInfo {
		
	}
		#Content .CompanyInfo TD {
			width: 100px;
			padding: 2px 20px 2px 0;
		}
		#Content .CompanyInfo TH {
			padding: 2px 0 2px 0;
			color: #FF0F00;
			font-weight: bold;
		}

/* 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: 65px 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;
		/*padding: 0 1px;*/
		text-decoration: underline;
	}
	#Footer A:hover {
		text-decoration: none;
	}
		#Footer .Copy {
			float: left;
			padding-top:22px;
		}
		#Footer .Copy2 {
			float: left;
			padding-top:12px;
		}
		#Footer .AltMenu {
			float: right;
			text-align: right;
		}

	#Footer .FooterMenu {
			width: 858px; /* 874 */
			padding: 10px 10px 5px 10px; /* 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 0 0 55px;
			}
			#Footer .FooterMenu ul.DivisionMenu li {
				list-style: none;
			}
			#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
----------------------------------------*/

.FileList, .frm {
	width: 496px;
	margin-bottom: 30px;
}
	.FileList .Odd {
		background-color: #f5f5f5;
	}
	.FileList TD, .frm TD {
		padding: 3px 4px;
		border: 1px solid #f0f0f0;
	}
	.frm .NoBorder TD {
		border: 0px solid #f0f0f0;
	}
	.FileList .Date {
		width: 75px;
		color: #666666;
	}
	.FileList .Title {
		
	}
	.FileList .Down {
		width: 90px;
		text-align: center;
	}

.NewsList {
}
	.NewsList .Item {
		padding: 0 0 10px 0;
	}
		.NewsList .Item .Title {
			color: #CC0000;
			font-weight: bold;
			padding: 0 0 2px 0;
		}
			.NewsList .Item .Title SPAN {
				font-weight: normal;
				color: #a0a0a0;
				width: 80px;
				display: block;
				float: left;
			}


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

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