/*	---------------------------------------------------------------------------------------
	Rebex.net: .NET components for C# and VB .net including FTP, SMTP, POP3, IMAP and MIME .NET libraries
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Popis:		Layout
	Soubor:		layout.css
	Verze:		0.1
	Datum:		16. července, 2007
	Autor:		Zdeněk Košťál
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Základní rozvržení
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				* {
						margin: 0;
						padding: 0;}

				body {
						text-align: center;
						background: #333 url('../images/body.gif') top left repeat-x;
					}

				hr {
						display: none;}

				fieldset {
						border: none;}

				.accessibility {
						position: absolute;
						left: -3000px;
						z-index: -1;}

				.cleaner {
						clear: both;}

				#main {
						width: 941px;
						margin: 0 auto;
						padding: 0 6px;
						text-align: left;}

/*	---------------------------------------------------------------------------------------
	Záhlaví
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#h1Title a , #h1Title a span {
						display: block;
						width: 941px;
						height: 101px;}

				#h1Title a {
						position: relative;
						overflow: hidden;
						line-height: 101px;
						text-align: center;}

				#h1Title a span {
						position: absolute;
						top: 0;
						left: 0;
						background: url('../images/header.jpg') top left no-repeat;}

/*	---------------------------------------------------------------------------------------
	Menu a navigační lišta
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#menu 
				{
					border-top: 1px solid white;
					border-bottom: 1px solid white;
					height: 34px;
					margin: 0;
					padding: 0 10px;
					background: url('../images/menu.gif') top left repeat-x;
				}

				#menu li {
						float: left;
						display: block;
						line-height: 34px;}

				#menu li a {
						height: 34px;
						padding: 0 15px;
						text-decoration: none;
						background: url('../images/menu_a.gif') right center no-repeat;}

				#menu li a.active {
						text-decoration: underline;}

				#menu li.buy {
						height: 34px;
						background-image: url('../images/buy.gif');
						background-repeat:no-repeat;
						background-position: 10px center;
				}
				
				#menu li.buy a 
				{
					padding-left: 32px;
				}

				#search, .search {
						position: relative;
						float: right;
						margin-top: -27px;}

				#text, .text , .sendsearch {
						float: left;
						height: 17px;
						line-height: 17px;}

				#text, .text {
						border: 1px solid #7a7a7a;
						padding: 0 2px;}

				.sendsearch {
						border: none;
						padding: 0 10px;
						color: #fff;
						background-color: transparent;
						cursor: pointer;}
						
				.emptySearchResults 
				{
						display: block;
						margin-bottom: 230px;
				}
				
				.searchResults 
				{
					min-height: 230px;
					_height: 230px;
				}
				
				.searchResults div
				{
					margin-bottom: 2em;
				}
				
				.searchResults div a 
				{
					font-weight: bold;
					font-size: 10pt;
				}
				
				.searchResults div span 
				{
					color: #909090;
				}
				
				.searchSuggestion 
				{
					padding: 1em;
					border: 1px solid silver;
					background: whitesmoke;
				}
				
				.searchFoundNothing 
				{
					margin-top: 1.5em;
					font-size: 10pt;
					font-weight: bold;
					min-height: 180px;
					_height: 180px;
				}

				#navigation {
						height: 26px;
						margin-bottom: 1px;
						padding: 0 10px 0 25px;
						line-height: 26px;
						background: url('../images/navigation.gif') top left repeat-x;}

				#breadcrumb {
						float: left;}

				#sitemap {
						float: right;
						padding-right: 20px;
						text-decoration: none;
						background: url('../images/sitemap.gif') right center no-repeat;}

/*	---------------------------------------------------------------------------------------
	Tělo webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
				#body {
						margin: 1px 0;
						padding: 5px 0 0;
						background: url('../images/line.gif') top left repeat-y;}

				#page 
				{
						/* IE6 hack to get properly rendered div */
						_height: 1%;
						padding: 25px 0;
						background: url('../images/content.gif') top left repeat-x;}

/*	---------------------------------------------------------------------------------------
	Sloupec
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.column-small
				{
						float: right;
						width: 236px;
						margin-right: 10px;
				}

				.column-small h2 {
						margin: 25px 0 5px;
						padding: 0 5px 7px;
						text-align: right;
						background: url('../images/column_h1.gif') center bottom no-repeat;}

				.column-small h3 {
						padding: 0 5px;}

				.column-small p {
						padding: 0 5px 10px;}

				.column-small #news p {
						border-bottom: 1px solid #e5e5e5;
						margin-bottom: 25px;}

				.column-small .testimonial {
						display: block;
						text-align: right;}

				.column-small table {
						width: 236px;
						margin: 0 5px;}

				.column-small table tr {
						margin: 0 3px;
						padding: 2px 0;}

				.column-small table td {
						border-bottom: 1px solid #e5e5e5;
						text-align: right;}

/*	---------------------------------------------------------------------------------------
	Vnitří strana - sloupce
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#page .inside-column 
				{
					margin: -15px 2px 0 0;
					width: 206px;
				}

				.column-small .images {
						padding: 5px 0;
						border: 1px solid #e5e5e5;
						border-width: 1px 0;
						text-align: center;}

				.column-small .images img {
						border: 1px solid #bcbcbc;}

				#page .inside-column table {
						width: 195px;}

				#page .inside-column h2 {
						padding-bottom: 10px;
						background: url('../images/column_inside_h2.gif') left bottom no-repeat;}

				#page .tip {
						padding: 12px 12px 10px;
						background: url('../images/tip.gif') bottom left repeat-x;}

				#page .tip p {
						margin: 0;}

/*	---------------------------------------------------------------------------------------
	Obsah
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.maincontent 
				{
					float: right;
					width: 653px;
					padding-left: 10px;
				}

				#page .homepage {
						float: left;
				}

				#page .i_tiny_ftp
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_ftp_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_sftp
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_sftp_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_ftpssl
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_ftpssl_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_mail
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_mail_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_securemail
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_securemail_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_time 
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_time_small.jpg') right 1px no-repeat;
				}

				#page .i_tiny_filetransferpack
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_filetransferpack_small.jpg') right 1px no-repeat;
				} 

				#page .i_tiny_totalpack
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_totalpack_small.jpg') right 1px no-repeat;
				} 

				#page .i_tiny_rconvlog
				{
					width: 743px; margin: -25px 0; padding: 20px 0;
					background: url('../images/logos/logo_rconvlog_small.jpg') right 1px no-repeat;
				} 

				#page .inside {
						float: left;
						width: 525px;
						margin: 0 5px;
				}

/*				
				#page .inside hr
				{
					display:block;
					 height: 1px; 
					 color: silver; 
					 background-color: silver; 
					 border: 0px solid silver;
				}
*/				
				#page .inside-med 
				{
					width: 710px;
				}
				
				#page .inside-large 
				{
					width: 920px;
					_width: 911px;
				}



/*	---------------------------------------------------------------------------------------
	Sloupec submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#submenu-column {
						float: left;
						width: 173px;
						padding-left: 10px;
					}

				#submenu {
						width: 173px;
						background: url('../images/submenu.gif') top left repeat-y;}

				#submenu div.top {
						width: 173px;
						min-height: 236px;
						padding-top: 1px;
						background: url('../images/submenu_top.jpg') top left no-repeat;}

				#submenu div.bottom {
						width: 173px;
						height: 92px;
						background: url('../images/submenu_bottom.jpg') top left no-repeat;}

				#submenu ul {
						position: relative;
						margin-top: 23px;
						padding-top: 1px;
						background: url('../images/submenu_li.gif') 5px top no-repeat;}

				#submenu ul.bottom {
						margin-bottom: -70px;}

				#submenu ul li {
						display: block;
						list-style: none;
						padding: 0 4px 1px;
						font-weight: bold;
						background: url('../images/submenu_li.gif') 5px bottom no-repeat;
				}

				#submenu ul li a {
						display: block;
						text-decoration: none;
						background: url('../images/home_block_a.gif') 8px 8px no-repeat;
				}
				
				#submenu ul li span 
				{
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 10px;
				}
				
				#submenu ul li a span 
				{
					display: block;
					width: 133px;
					padding-top: 4px;
					padding-bottom: 4px;
					padding-left: 30px;
					cursor: pointer;
				}

				#submenu ul li a.download {
						background: url('../images/block_try.gif') 10px center no-repeat;}

				#submenu ul li a.testimonials {
						background: url('../images/block_info.gif') 10px center no-repeat;}

				#submenu ul li a.buy {
						background: url('../images/block_buy.gif') 8px center no-repeat;}

				#submenu-column h1 {
						margin: 10px 0 1px;
						padding: 0 5px 7px;
						background: url('../images/submenu_h1.gif') center bottom no-repeat;}

/*	---------------------------------------------------------------------------------------
	Tabulka
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				.comparetables h1 {
						padding-bottom: 10px;
						background: url('../images/h1.gif') left bottom no-repeat;}

				.comparetables h2 {
						margin-top: 1em;
						padding-left: 5px;}

				.compare {
						margin: 0;
						margin-bottom: 10px;
						border-collapse: separate;
						border: 1px solid #e5e5e5;}

				.compare td , .compare th {
						height: 27px;
						margin: 1px;
						padding: 0 5px;}

				.compare th {
						padding: 10px;
						background: url('../images/th.gif') left top repeat-x;}

				.compare td.name {
						width: 510px;
						padding: 5px;
				}
				
				#page .compare td.image 
				{
					width: 80px;
				}

				#page .compare td.image p , .compare td.image span  {
						position: relative;
						width: 80px;
						height: 27px;
						margin: 0;
						text-align: center;}

				.compare td.image span {
						position: absolute;
						left: 0;
						top: 0;
						background: url('../images/inside.gif') -40px 2px no-repeat;}

				.compare td.no span {
						background: url('../images/noinside.gif') -40px 2px no-repeat;}

				.order th, .order td
				{
						padding: 0px;
						padding-left: 5px;
						text-align: left;
				}

				.order td 
				{
						padding: 5px 22px;
						height: auto;
				}

				.order th.sub {
						background-image: none;}

				.order td.add {
						width: 100px;
						padding: 0 30px;
						}

				.order td.add a {
						display: block;
						padding-left: 20px;
						background: url('../images/home_block_a.gif') left center no-repeat;
				}

				.order td.name {
						width: 432px;}

				.order td.name, .order td {
						border: 1px solid #ededed;
						border-width: 0 1px 1px 0;}
						
				.order th.sub a 
				{
					color: black;
				}


/*	---------------------------------------------------------------------------------------
	Patička
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

				#footer {
						overflow: hidden;
						clear: both;
						width: 100%;
						height: 52px;
						margin-top: 5px;
						line-height: 52px;
						background: url('../images/footer.gif') top left repeat-x;}

				#footer p.lines {
						float: left;
						width: 337px;
						background: url('../images/footer_lines.gif') top left no-repeat;}

				#footer p.lines a {
						padding: 0 15px;
						text-decoration: none;}

				#footer p.lines a.contact {
						background: url('../images/footer_contact.gif') right center no-repeat;}

				#footer p.lines a.sitemap {
						background: url('../images/footer_sitemap.gif') right center no-repeat;}

				#footer p.lines a:hover {
						text-decoration: underline;}

				#footer p.rebex {
						position: relative;
						overflow: hidden;
						float: right;
						width: 66px;
						height: 16px;
						margin: 20px 6px;
						line-height: 100%;}

				#footer p.rebex span {
						position: absolute;
						left: 0;
						top: 0;
						width: 66px;
						height: 16px;
						background: url('../images/footer_rebex.jpg') top left no-repeat;}

/**************************************************************************/
/**************************************************************************/