/* CSS pro webovou prezentaci rconnect.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: #fff;text-align: center; line-height: 1.5em;background: #005A87 url(images/bg-content.png) center top repeat-y;}


/* 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;}
.colorF90 {color: #f90;}
.color333 {color: #333;}
.color007EBF {color: #007EBF;}

.error {color: #f30; font-weight: bolder;}

/*   L A Y O U T   */
#container {background: #fff url(images/bg-content.png) center top repeat-y;; color: #069; width: 760px; margin: 0 auto; text-align:left;}
	#top 		{background: #fff url(images/bg-top.jpg) center top no-repeat; height: 56px; position: relative;}
	#graphic {background: #069 url(images/bg-graphic.jpg) center top no-repeat; height: 178px;}
		#AnimationBox {height:178px; width: 550px; margin-left: 5px;}
	#menubar {background: #fff url(images/bg-mainmenu.png) center top no-repeat; height: 55px; }
	#content {padding: 0 7px 0 6px;}
		#leftColumn {width: 515px; float: left; margin-left: 5px;_margin-left: 0px;}
		#rightColumn {width: 220px; float: right;}
			#rightContentBox {padding: 5px;}
		#bottom {clear: both; padding-top: 20px; }
			#bottomLinks {padding: 5px; margin-top: 20px;}
			#copyrights {background: #f60 url(images/bg-bottom.png) -5px -10px no-repeat; color: #fff; text-align: right; margin-bottom: 10px; padding: 5px;}



h1 {padding: 0; margin:0px 0 0 10px; line-height: 1.1em; text-align: center; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1,h1 span {width:235px; height:56px; font-size:2em; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
h1 span {display:block; background: url(images/logo-RConnect.png) no-repeat; z-index:1;}
h1 a {color: #069; text-decoration: none;}

div#NokiaGoldPartner {padding: 0; margin:0; line-height: 1.1em; text-align: center; }
div#NokiaGoldPartner,div#NokiaGoldPartner span {width:168px; height:56px; font-size:1.5em; position:absolute; overflow:hidden; right:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
div#NokiaGoldPartner span {display:block; background: url(images/logo-NokiaGoldPartner.png) no-repeat; z-index:1;}
div#NokiaGoldPartner a {color: #069; text-decoration: none;}

ul li { list-style-type: none;  list-style-image: url(images/li-right.gif);}	

	#menubar {/*position: absolute;top: 234px;*/}
		ul#MainMenu {margin: 0 6px; padding: 0; list-style: none;font-size: 100%; }
		ul#MainMenu li {display: inline; float: left; margin: 0; font-weight: bold; text-align: center;}
		ul#MainMenu li a {color: #005a87; text-decoration: none; border-right: 1px solid #fff; display: block; /*width: 123px;*/width: 148px; height: 55px;}
		ul#MainMenu li span {display: block; padding-top: 10px;}
		ul#MainMenu li a:hover {background: #fff url(images/bg-menuItem-orange.png) repeat-x; color: #f30;}
	   ul#MainMenu li#currentMenuItem a {background: #fff url(images/bg-menuItem-red.png) repeat-x;color:#c00;}
		ul#MainMenu li a:active,ul#MainMenu li a:focus {background: #fff url(images/bg-menuItem-red.png) repeat-x;color:#c00;}


	
ul#SubMenu1,ul#SubMenu2,#SubMenuBox ul,#rightContentBox 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, #rightContentBox 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, #rightContentBox ul li a:hover {color:#f30;}
		ul#SubMenu1 li a:focus, ul#SubMenu2 li a:focus, ul#SubMenu1 li a:active,u l#SubMenu2 li a:active, #rightContentBox ul li a:focus, #rightContentBox ul li a:active {background-color: #f30; color:#fff;}
		ul#SubMenu1 li span.currentItem, ul#SubMenu2 li span.currentItem {color:#f30;}

#rightContentBox div.links {
	border: 0.3em solid #E3ECFB;  padding: 0.3em;
}
#rightContentBox h4.links {padding: 20px 0px 10px 0px; margin: 0px; text-align: left; color:#0070AA; font-size: 1.5em; }
#rightContentBox ul.links  	 {margin: 0px;padding: 0px; list-style: none; line-height: 1.5em;}
#rightContentBox ul.links li   {margin: 0px;padding: 0; list-style-image:none; background-color: #fff; font-weight: normal;}
#rightContentBox ul.links li a {display:block; margin: 0px; padding: 0px; width: 100%;}
#rightContentBox ul.links li a span {display:block; padding:5px 5px 5px 5px;margin: 0px;}
#rightContentBox ul.links li a:hover {background-color: #0070AA; color: #fff;}
		
#rightContentBox,#copyrights {font-size: 0.8em;}	
#leftColumn ul {line-height: 150%; padding-right: 10px;}		
#leftColumn li { list-style-type: none;  list-style-image: url(images/li-right.gif); margin: 0.5em 0; }
/*#rightContentBox ul  {margin-left: 50px;padding: 0; list-style: none; line-height: 1.3em;}
#rightContentBox ul li {padding: 5px 0; list-style-image: url(images/li-right.gif);}*/






#bottomLinks a {margin-right: 15px; font-size: 85%;}
span.SitemapLink {background: url(images/ico-sitemap.gif) right no-repeat; padding-right: 20px;}
span.DeclarationLink {background: url(images/ico-declaration.gif) right no-repeat; padding-right: 20px;}			
span.UpLink {background: url(images/ico-top.gif) right no-repeat; padding-right: 20px;}
span.PrintLink {background: url(images/ico-print.gif) right no-repeat; padding-right: 20px;}	


#PageAddress {font-size: 85%; margin-bottom: 25px; margin-left: 5px;}
.PageAddressItem a {padding-right: 16px; color: #f60; background: url(images/ico-navItem.gif) right no-repeat;}
.PageAddressItem a:hover{}	
	
		/*h2 {
			font-size: 200%;
			background: #f60 url(images/bg-h2.png) left top no-repeat;
			padding:7px 10px 7px 10px;
			margin: 10px 10px 3px -5px;
			line-height: 1em;
			color: #fff;
			text-align: right;
			font-weight: normal;
			font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;
		}*/
		h2 {
			font-size: 200%;
			padding:7px 10px 7px 10px;
			margin: 10px 10px 3px -5px;
			line-height: 1em;
			color: #0070AA;
			font-weight: normal;
			font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;
		}

		h3, h4, h5, h6 {color: #f30;line-height: 1.5em;font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;}
		
		
		h3 {padding: 10px; font-size: 140%;color: #005a87;}
		#leftColumn h3 {font-weight: normal; letter-spacing: 0.1em; color: #005a87; border-bottom: 0.3em solid #E3ECFB; padding: 10px 20px 5px 50px; margin:20px 30px 10px -5px;background: #fff url(images/bg-h3.png) left top no-repeat;}
		h4 {padding: 25px 0 5px 5px; font-size: 130%}
		h5 {font-size: 120%;}
		h6 {font-size: 110%;}
		
	
	
p {text-indent: 2.0em;}
.info {border: 5px solid #007EBF;padding: 1em;background: #E3ECFB;color: #005a87;}		

/*  TABULKY  */

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


table.DataTable { border: 2px solid #E3ECFB; padding: 2px; margin: 5px; border-collapse: collapse; color: #069;}
table.DataTable tbody td,table.DataTable tbody th, table.DataTable td, table.DataTable th {color: #069; padding: 3px; font-size: 100%; }
table.DataTable thead td,table.DataTable thead th {background-color: #069; padding: 5px; color: #fff; font-size: 100%; border-bottom: 3px solid #E3ECFB; }
tr.lichy {background:#E3ECFB;}
tr.sudy  {background:#FAFAFA;}

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


/* FORMULARE */

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


 label {display: block; margin-top: 5px; color:#007EBF; font-weight:bold; padding: 3px;}
.formular, input {border:1px solid #007EBF; background: #fff;vertical-align: middle;}
.formular:hover, input:hover {border:1px solid #069;}
.submit, .reset, reset, submit {border: 1px solid #007EBF; background:#C5DBF3; color: #069; margin: 10px; font-weight: bold; padding: 2px 3px; cursor: pointer; font-size: 90%;}
.submit:hover, .reset:hover {border: 1px solid #900; background:#f30; color: #fff; cursor: pointer;}
 
 fieldset {border: 1px solid #007EBF; margin-bottom: 20px; padding: 5px;}
 legend{font-weight: bold;}
 .checkbox, .radio {border:none;}

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


	 a {color: #f60;}
	 a:hover {color: #f30; text-decoration: none;}
	 a:focus,a:active {color: #fff; background-color: #f30; text-decoration: none;}
	 
	 img {border: 0.5em solid #fff; margin: 0.5em;}
	 a img {border: 0.5em solid #fff;}
	 a img {display: block;} /* zamezi zobrazovani pozadi pri a:active ve FF */
	 a:hover img  {border: 0.5em solid #D4E2F9;}
	 
	 img.noBorder,a img.noBorder,a:hover img.noBorder {border: none;}
	 
	 #rightColumn a {}
	 
	 #bottomLinks a {text-decoration: underline;}
	 #bottomLinks a:hover {text-decoration: none;}
	
	 #copyrights a {color: #fff;}
	
	/* PRESKAKOVACI ODKAZY */
   .jumplink {position: absolute;top: -100px;z-index: 1;padding: 0.5em;}
   a.jumplink:focus, a.jumplink:active {z-index: 5;top: 3px;left: 250px;background-color: #f30; color: #fff; border: 1px solid #fff;}


.paging {padding: 1em 0; text-indent: 0px; line-height: 2em; color:#007ebf; font-size: 90%; }
a.pagingLink  { border: 1px solid #007ebf; padding: 3px 5px; color: #007ebf; text-decoration: none; }
a.pagingLink:hover  { border: 1px solid #007ebf; color: #fff; background-color: #007ebf;}
a.pagingLink:focus,a.pagingLink:active  { border: 1px solid #f30; color: #fff; background-color: #f30;}


	/* modul    N E W S     */

	h3.NewsBox {padding: 10px; background: url(images/bg-news.png) top right no-repeat; margin-bottom: 0;}	
	h3.NewsBox a {color: #069;}
	h4.NewsItemTitle {color: #005a87; margin: 10px 10px 10px -5px; padding: 5px 10px; border-top: 1px solid #C5DBF3; background: #DEEAF8; display: inline; float: left;}
	h4.NewsItemTitle span {color: #007EBF; padding-right: 15px; font-size: 0.9em;}
	h4.NewsItemTitle a {color: #005a87; font-size: 0.9em;}
	h4.NewsItemTitle a:hover {color: #f30;}
	.NewsItem {margin-bottom:  4em;}
	.NewsItemText {clear:left; margin-top: 10px;}
	
   .NewsBoxItem {padding: 5px; margin-bottom: 15px; background: #EFF4FA;}
	.NewsBoxItemTitle,.NewsBoxItemTitle a {font-size: 1.1em;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: #069;color: #fff;}
	.NewsBoxItemTitle span {color: #007EBF; font-size: 0.9em; display:block;}
	.NewsBoxItemText a {text-decoration: none; font-size: 0.9em; color: #069; display: block; width: 100%; padding: 3px; text-align: justify;}
	.NewsBoxItemText a:hover {color: #f30;}
	.NewsBoxItemText a:focus {color: #fff; background-color: #f30;}
	.NewsBottomLinks {margin: 4em 0 2em 0; text-indent: 0%;}

	
/* modul    C A T A L O G     */

/* odstavec s produktem */
.ProductItem {padding: 5px; margin: 5px 5px 25px 5px;}
	/* obrazek produktu */
	.ProductItemImg {float: left; padding: 10px 10px 0 10px;}
	/* obrazek produktu */
	.ProductItemImg a img {border-color: #fff;}
   .ProductItemImg a:hover img {border-color: #D4E2F9;}
		/* titulek produktu - vlastni text*/
		h4.ProductItemTitle  { font-size: 1.3em; padding-top: 5px; margin:0 0 10px 0;}	
		.PriceIncVAT, .PriceText {font-size: 110%; color: #f60; font-weight: bold;}		
		.PriceExcVAT {font-size: 90%; color: #069; font-style: italic; margin-top: 5px; }
		.PriceText{margin-top: 10px; font-variant: small-caps; color: #f30;}
	/* vlastni text produktu - mel by byt bez zvlastniho formatovani */
	.ProductItemText {padding: 10px 0 10px 10px; font-size: 90%;}
	
	   /* radek s adresou umisteni produktu*/
	div.ProductPlacement {padding: 5px 0 10px 0; margin-bottom: 20px; }
	a.ProductPlacementItem {padding-right:15px;background: url(images/li-right.gif) 100% no-repeat; font-size: 85%; color: #0070AA;}
	a.ProductPlacementItem:hover {color: #f30;}

/* produktove submenu */	

#rightContentBox #ProductMenuBox {border: 0.3em solid #E3ECFB;  padding: 0.3em;}

h4.ProductMenuTitle {padding: 180px 0px 10px 0px; margin: 0px; text-align: center; color:#0070AA; font-size: 1.5em; background: #fff url('images/ProductMenuTitle.jpg') no-repeat center top;}
	
#rightContentBox ul#ProductMenu  	 {margin: 0px;padding: 0; list-style: none; line-height: 1.3em;}
#rightContentBox ul#ProductMenu li   {margin: 0px;padding: 0; list-style-image:none; background-color: #fff;}
#rightContentBox ul#ProductMenu li a {display:block; margin: 0px; padding: 0px; width: 100%;}
#rightContentBox ul#ProductMenu li a span {display:block; padding:5px 5px 5px 5px;margin: 0px;}
#rightContentBox ul#ProductMenu li a:hover {background-color: #0070AA; color: #fff;}

#rightContentBox ul#ProductMenu ul 		 {margin: 0px;padding: 0;}
#rightContentBox ul#ProductMenu ul li   {margin: 0px;padding: 0; background-color: #fff; }
#rightContentBox ul#ProductMenu ul li a {display:block; margin: 0px; padding: 0px; width: 100%;}
#rightContentBox ul#ProductMenu ul li a span {display:block; padding:5px 5px 5px 15px;margin: 0px;}
#rightContentBox ul#ProductMenu ul li a:hover {background-color: #0070AA; color: #fff;}

#rightContentBox ul#ProductMenu ul ul 		 {margin: 0px;padding: 0;}
#rightContentBox ul#ProductMenu ul ul li   {margin: 0px;padding: 0; background-color: #fff; }
#rightContentBox ul#ProductMenu ul ul li a {display:block; margin: 0px; padding: 0px; width: 100%;}
#rightContentBox ul#ProductMenu ul ul li a span {display:block; padding:5px 5px 5px 25px; margin: 0px;}
#rightContentBox ul#ProductMenu ul ul li a:hover {background-color: #0070AA; color: #fff;}

#rightContentBox ul#ProductMenu ul ul ul 		 {margin: 0px;padding: 0;}
#rightContentBox ul#ProductMenu ul ul ul li   {margin: 0px;padding: 0; background-color: #fff; }
#rightContentBox ul#ProductMenu ul ul ul li a {display:block; margin: 0px; padding: 0px; width: 100%;}
#rightContentBox ul#ProductMenu ul ul ul li a span {display:block; padding:5px 5px 5px 35px;margin: 0px;}
#rightContentBox ul#ProductMenu ul ul ul li a:hover {background-color: #0070AA; color: #fff;}


#rightContentBox ul#ProductMenu li a.currentProductMenuItem span,
#rightContentBox ul#ProductMenu ul li a.currentProductMenuItem span,
#rightContentBox ul#ProductMenu ul ul li a.currentProductMenuItem span,
#rightContentBox ul#ProductMenu ul ul ul li a.currentProductMenuItem span {padding-left: 20px;} /* aktualni kategorie */

#rightContentBox ul#ProductMenu li a.currentProductMenuItem,
#rightContentBox ul#ProductMenu ul li a.currentProductMenuItem,
#rightContentBox ul#ProductMenu ul ul li a.currentProductMenuItem,
#rightContentBox ul#ProductMenu ul ul ul li a.currentProductMenuItem {background: #E8F5F8 url(images/li-right.gif) no-repeat 5px 50%;} /* aktualni kategorie */

#rightContentBox ul#ProductMenu li a.currentProductMenuItem:hover,
#rightContentBox ul#ProductMenu ul li a.currentProductMenuItem:hover,
#rightContentBox ul#ProductMenu ul ul li a.currentProductMenuItem:hover,
#rightContentBox ul#ProductMenu ul ul ul li a.currentProductMenuItem:hover {background-color: #0070AA;} /* aktualni kategorie */


 ul.CategoryTree 			{list-style: none;}
 ul.CategoryTree li 		{list-style: none; list-style-image: none!important; }
 ul.CategoryTree li a 	{background: url(images/li-right.gif) no-repeat 5px 50%; padding-left: 20px;}
  
 ul.CategoryTree li.level-1 a {margin-left: 10px;}
 ul.CategoryTree li.level-2 a {margin-left: 30px;}
 ul.CategoryTree li.level-3 a {margin-left: 50px;}
 ul.CategoryTree li.level-4 a {margin-left: 70px;}
 ul.CategoryTree li.level-5 a {margin-left: 90px;}
 ul.CategoryTree li.level-6 a {margin-left: 110px;}	
	
 ul.CategoryTree li a {font-size: 85%; color: #0070AA;}
 ul.CategoryTree li a:hover {color: #f30;}
	
/*.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;}	*/
.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;}

/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
.SiteMap ul {padding: 5px 10px 5px 15px; margin-left: 10px;}
.SiteMap li {margin-top: 15px;}
.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-link2.gif) 100% 0 no-repeat; padding-right: 15px;color:#f60;}
.SiteMap li.externalLink a:hover {background: #f60 url(images/ico-external-link.gif) 100% 0 no-repeat; color:#fff;}