/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

html, body      { min-height: 100%; background-color: #ffffff; }
body		    { font: normal 62.8%/1.4 sans-serif; color: #000; text-align: center; padding-top: 10px; padding-bottom: 20px; } 

a	            { color: #10377e; text-decoration: none !important; }
a:hover	        { text-decoration: underline !important; }
a img   	    { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 12px; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #000000; font-weight: normal; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }
address     { font-style: normal; }

/* -- User friendly features --*/
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background-position: 0 0; }

/* -- Basics layout -- */
#view    { text-align: center; }

/* Cufon Fonts */
.regularMeta, .mediumMeta, .boldMeta { font-size: 11px; color: black; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .9em; }
.big       { font-size: 1.5em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.test      { border: 1px black solid; }
.inlink    { display: block; padding-left: 14px; background: url('../../images/bg-inlink.gif') 0 4px no-repeat; }
.hide      { visibility: hidden; }

hr.dotted { display: block; border: none !important; clear: both; height: 1px; width: 100%; background: url('../img/dot-line.gif') top left repeat-x;}
span.tab { padding-left: 20px; }
span.arrow { padding-right: 20px; background: url('../img/arrow.gif') 100% 2px no-repeat; line-height: 15px; padding-bottom: 3px; }

div.lang { float: right; margin-top: 5px; }

/* -- Layout -- */
#background   { width: 1200px; margin: 0px auto; background: url('../img/bg-line.gif') top left repeat-x; }
#view         { background: url('../img/bg2.png') 0 0 repeat-y; }
#container 	  { width: 950px; min-height: 720px; margin: 0px auto; text-align: left; position: relative; }
#containerFree 	  { width: 950px; height: 680px; margin: 0px auto; text-align: left; position: relative; }
#banners 	{	position: relative; width: 950px; margin: 0px auto; text-align: left;  margin-top: 20px; }
#footer 	{	position: relative; width: 950px; margin: 0px auto; text-align: left;  margin-top: 20px;  }
#mainMenu { height: 75px; padding-bottom: 10px;}

#head         { height: 70px; margin: 0px; padding: 0px; display: block; }
#head #logo { position: absolute; width: 185px; height: 52px; top: 5px; left: 0px; z-index: 10; }
      #logo span { background: url('../img/logo-cslink-cs.png') no-repeat; }

#head #logo_sk { position: absolute; width: 192px; height: 52px; top: 5px; left: 0px; z-index: 10; }
      #logo_sk span { background: url('../img/logo-cslink-sk.png') no-repeat; }

#head #claim { position: absolute; top: 10px; height: 49px; left: 200px; border-left: 1px dotted #5e5e5e;  border-right: 1px dotted #5e5e5e; }
#head #claim h2 { padding: 13px 10px; color: #08347a; font-size: 20px; line-height: 25px; text-align: center; }

#head #subMenu { position: absolute; right: 0; top: 10px; z-index: 11; }
      #subMenu ul {}
      #subMenu ul li { float: left; margin-left: 15px; }
      #subMenu ul li a { display: block; float: left; font-size: 12px; height: 18px; color: #10377e; text-decoration: none !important; }
      #subMenu ul li.active a,
      #subMenu ul li a:hover { color: #fff; text-decoration: underline; }

.iconSelector { float: left; padding-top: 49px; }
.icon { float: left; width: 96px; text-align: center;}
.icon span { display: block; text-align: center; }
.first { width: 94px; }
.icon a { display: block; text-align: center; }
.icon a { color: black; text-decoration: none; }
.icon a:hover, .white { color: white !important; text-decoration: none !important; }

#banners div { display: inline; float: left; margin-right: 10px; margin-top: 5px;}
	
#footer .claim 		{ position: absolute; top: 32px; font-size: 11px; line-height: 14px; }
#footer .partners	{ position: absolute; top: 10px; right: 0px; }

#content { position: relative; width: 950px; border-top: 10px solid white; background-color: #102243; background-position: top left; background-repeat: no-repeat; min-height: 430px; }
#content #desc { position: relative; top: 83px; left: 24px; width: 450px; }
#content #channels { position: absolute; top: 415px; left: 10px; width: 930px; background-color: white; z-index: 11;}
#content #channelsCont { position: absolute; top: 430px; left: 0px; width: 950px; height: 130px; background-color: #ececec; }
#content #channelsFree { position: absolute; top: 415px; left: 10px; width: 930px; background-color: white; z-index: 11;}
#content #channelsFreeCont { position: absolute; top: 430px; left: 0px; width: 950px; height: 250px; background-color: #ececec; }
#content #gallery { position: absolute; top: 90px; left: 530px; width: 400px; min-height: 225px; background-color: white; }


#desc h2 { font-size: 48px; line-height: 56px; padding-left: 56px; }
#desc .textContent { color: white; font-size: 16px; line-height: 20px; margin-top: 0.5em; width: 450px; height: 143px; overflow: auto; }
#desc .textContent p { padding-right: 20px; }
#desc .price { font-size: 24px; font-weight: bold; color: white; margin-top: 17px;}
#desc .price span { padding: 8px 20px 8px 0; }
#desc .price .order { background-color: #b7151c; padding: 8px 20px; text-align: center; text-decoration: none;  color: white !important;}
#desc .price .order:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }
#desc .priceFree { font-size: 20px; font-weight: bold; color: white; margin-top: 17px; display: inline; float: left;}
#desc .priceFree div { padding-top: 8px;  width: 310px; display: inline; float: left;}
#desc .priceFree .order { background-color: #b7151c; padding: 2px 15px; text-align: center; text-decoration: none;  color: white !important; display: inline; float: right;}
#desc .priceFree .order:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }

#channelsFree { padding-bottom: 10px; }
#channelsFree h4 { padding: 14px 10px 0px 14px; width: 215px; display: inline; float: left; margin-right: 35px; }
#channelsFree .list { display: inline; float: left; padding-top: 4px; width: 655px; min-height: 46px; overflow: auto; }
#channelsFree .list img { padding-right: 30px; }

#channels h4 { padding: 14px 20px 0px 14px; display: inline; float: left; margin-right: 35px; }
#channels .list { display: inline; float: left; padding-top: 4px; width: 740px; }
#channels .list img { padding-right: 30px; }

#text { background-color: #ececec; color: #000000; margin-top: 65px; margin-bottom: 20px; padding-top: 28px; padding-bottom: 52px; height: 100%; }
#text h2 { font-size: 36px; line-height: 46px; padding-left: 23px; color: #003366; letter-spacing: -1px;  }
#text .leftBox { float: left; width: 240px; }
#text .rightBox { float: right; width: 710px; font-size: 12px;}
#text ul { margin-bottom: 0 !important; list-style: disc; margin-left: 17px; }
#text ul li { line-height: 21px; list-style: disc; padding-left: 0px; }
#text ul li span { color: white; }
#text h4 { color: #10377e; font-weight: bold; display: inline; font-size: 13px;}

#calc { background-color: #ececec; color: #000000; font-size: 12px; margin-top: 65px; margin-bottom: 20px; padding-top: 18px; padding-bottom: 52px; height: 100%; }
#calc h2 { font-size: 48px; line-height: 56px; letter-spacing: -1px; padding-left: 23px; padding-bottom: 18px; color: #003366; }
#calc .leftBox { float: left; width: 50%; }
#calc .leftBox .stext { padding-left: 23px; padding-bottom: 5px; }
#calc .leftBox .programs { margin-right: 0px; }
#calc .rightBox { float: right; width: 50%; }
#calc .rightBox .stext { padding-left: 10px; padding-bottom: 5px; }
#calc select { font-size: 14px; }
#calc .rightBox .program { background-color: #ffffff; }
#calc .programs { background-color: #ffffff; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; }
#calc .space { height: 42px; }
#calc .program .logo { float: left; width: 50px; height: 50px; text-align: center; }
#calc .program .logo img { padding-top: 6px; padding-bottom: 6px; }
#calc .channel .logo { float: left; width: 50px; height: 50px; text-align: center; }
#calc .channel .logo img { padding-top: 6px; padding-bottom: 6px; }
#calc .chaname, #calc .price { font-weight: bold;}
#calc .program .chadesc { float: left; padding-top: 7px; padding-left: 12px; padding-bottom: 30px; width: 300px;}
#calc .program .chaname { font-size: 21px; padding-bottom: 18px; padding-top: 10px; }
#calc .channel .chadesc { float: left; padding-top: 7px; padding-left: 12px; width: 250px;}
#calc .doorder { font-size: 18px; }
#calc .doorder .chadesc { float: left; padding-top: 38px;}
#calc .doorder .add { float: right; padding-top: 38px; font-size: 18px;}
#calc .doorder .order{ font-size: 23px;}
#calc .add { float: right; padding-top: 18px;}
#calc .price { padding-right: 15px; }
#calc .add .order { background-color: #b7151c; padding: 4px 12px; text-align: center; text-decoration: none;  color: white !important; font-weight: bold;}
#calc .add .order:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }

#buy { background-color: #ececec; color: #000000; font-size: 12px; margin-top: 65px; margin-bottom: 20px; padding-top: 18px; padding-bottom: 10px;  }/*height: 100%;*/
#buy h2 { font-size: 48px; line-height: 56px; letter-spacing: -1px; padding-left: 80px; padding-bottom: 18px; }
#buy h3 { font-size: 23px; padding: 6px 8px; }
#buy .stext { padding-left: 23px; }
#buy #kategorie { width: 905px; margin: 10px 23px 0; }
#buy .programs { margin-left: 10px; margin-right: 10px; }
#buy .channel .logo { float: left; width: 50px; height: 50px; text-align: center; }
#buy .channel .logo img { padding-left: 10px;}
#buy .channel .chadesc { float: left; padding-top: 2px; padding-left: 25px; width: 550px;}
#buy .chaname { font-weight: bold; padding-top: 10px; font-size: 14px}
#buy .price { font-weight: bold; float: right; position: absolute; z-index: 0; overflow: hidden; padding-top: 5px; right: 200px; font-size: 14px}
#buy .add { text-align: center; padding-top: 10px;}
#buy .add .order { background-color: #b7151c; width: 68px; padding: 4px 0px; text-align: center; text-decoration: none;  color: white !important; font-weight: bold; float: right; margin-left: 10px; }
#buy .add .order:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }
#buy .add .info { background-color: #00226b; width: 68px; padding: 4px 0px; text-align: center; text-decoration: none;  color: white !important; font-weight: bold; float: right; margin-left: 10px;}
#buy .add .info:hover { background-color: #00226b; color: #000000 !important; text-decoration: none !important; }
#rozcestnik { width: 160px; height: 80px; float: right; text-align: center; background-color: white; color: #b7151c;  position: relative; top: -50px; left: -100px;}
#rozcestnik .karty { background-color: #b7151c; /*border: solid 1px;*/ width: 120px; padding: 0; margin-bottom:-20px; margin-left: 20px;}
#rozcestnik .cancel { position: relative; top: -100px; right: -150px; width: 20px; height: 20px; }
#rozcestnik .cancel a  {padding: 0px 3px 3px 3px;} 
#rozcestnik .orderPop { background-color: #b7151c; font-size: 18px;  font-weight: bold; text-align: center; text-decoration: none;  padding: 4px 5px; color: white !important;}
#rozcestnik .orderPop:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }
#rozcestnikCalc { width: 180px; height: 80px; float: right; text-align: center; background-color: white; color: #b7151c;  position: relative; padding-top: 10px; top: -50px; left: 120px;}
#rozcestnikCalc .karty { background-color: #b7151c; padding: 2px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 40px;}
#rozcestnikCalc .cancel { position: relative; top: -90px; right: -150px; width: 20px; height: 20px; }
#rozcestnikCalc .cancel a  {padding: 0px 3px 3px 3px;} 
#rozcestnikCalc .orderPop {background-color: #b7151c; font-size: 18px;  font-weight: bold; text-align: center; text-decoration: none;  padding: 4px 4px; color: white !important;}
#rozcestnikCalc .orderPop:hover { background-color: #b7151c; color: #000000 !important; text-decoration: none !important; }
.rozcestnikAlone { width: 140px; height: 50px; float: right; text-align: center; margin-bottom: -50px;/*border: solid 1px; */background-color: white; color: #b7151c; z-index: 20; position: relative; padding-top: 10px; top: -40px; left: -40px;}
.rozcestnikAlone .karty { background-color: #b7151c; margin-bottom: 10px; margin-left: 10px; margin-right: 20px;/*padding: 2px; /* margin-bottom: 0px;  margin-right: 40px;*/}
.rozcestnikAlone .cancel { background-color: #b7151c; position: relative; top: -60px; right: -124px; width: 15px; height: 15px; }
.rozcestnikAlone .cancel a  {padding: 3px 3px 3px 3px;} 
.rozcestnikAlone .orderPop {font-weight: bold;/*background-color: #b7151c;*/ /*font-size: 12px;   text-align: center; padding: 4px 4px;*/text-decoration: none;   color: white !important;}
.rozcestnikAlone .orderPop:hover { color: #000000 !important; text-decoration: none !important;/*background-color: #b7151c;   */}

#order { background-color: #ececec; color: #000000; font-size: 12px; margin-top: 65px; margin-bottom: 20px; padding-top: 18px; padding-bottom: 52px; }/*height: 100%;*/
#order h2 { font-size: 44px; line-height: 52px; letter-spacing: -1px; padding-left: 23px; padding-bottom: 18px; color: #003366; }
#order h3 { font-size: 18px; line-height: 24px; font-weight: bold; letter-spacing: -1px; color: #000000; text-transform: uppercase; margin-bottom: 0.5em; }
#order h4 { font-size: 16px; line-height: 24px; font-weight: bold; letter-spacing: -1px; color: #000000; margin-bottom: 0.5em; }
#order .inner_content { background-color: #ffffff; margin: 10px; padding: 10px; }
#order .continue { background-color: #b7151c; padding: 5px 15px; text-align: center; text-decoration: none;  color: white !important; display: inline; float: left; margin-top: 1em; font-size: 18px; font-weight: bold; color: white; text-transform: uppercase; }
#order .continue:hover { text-decoration: none !important; color: #000000 !important; }
#order table, #order tr, #order td, #order th { font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; }
#order table { border-collapse: collapse; width: auto; }
#order table tr { border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; }
#order table td, #order table th { font-weight: normal; }
#order .radio { display: block; padding: 5px 5px 5px 5px; }

#order .price { background-color: #e0e0e0; margin: 10px; padding: 10px; font-size: 18px; line-height: 24px; }
#order .price .monthPrice { font-size:16px; line-height: 20px; }
#order .price .totalPrice { float: left; display: inline; width: 350px; padding-top: 4px; }
#order .price .continue { float: right; margin-top: 0 !important; }
#order table.channels { width: 100%; }
#order table.channels th { font-weight: bold !important; text-align: center; }
#order table .checkboxTD { width: 30px; text-align: center; }
#order table .chIco { width: 40px; text-align: center; padding-top: 3px !important; }
#order table .chName { font-size: 16px !important; color: black; font-weight: bold; }
#order table .priceTD { width: 80px; text-align: center; }
#order table .priceTD a { padding-bottom: 0px !important; }
.selectChannel { background-color: #f0f0f0 !important; }
#order .msgBox { width: 400px; height: 200px; border: 1px dotted #000000; padding: 3px;}

.noborder { width: 100%; }
.noborder, .noborder tr, .noborder td { border: none !important; }
.noborder td { font-size: 12px !important; font-weight: bold !important;}

.disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* Images */

hr.cleaner { margin: -1px 0 0 0;padding:0; clear: both; height: 1px; border: none; visibility: hidden;}
#detailImage {padding:0; margin: 3px; margin-bottom: 0; }
#detailVideo {padding:0; margin: 3px; }
#detailImage img { border: none !important; }
.thumbnails { width: 392px; _margin-bottom: -1px; margin-top: 0px; margin-left: 3px; padding: 0;}
.thumbItem {	float: left;	margin-right: 3px;	margin-bottom: 1px;	margin-top: 0px; padding:0; }
.hidden { opacity: 0.5; }

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* flash videos */
#flashVideo { width: 392px; height: 218px; }

#tabNavigation { position: absolute; top: -20px; height: 20px; }
#tabNavigation li { float: left; padding: 3px 10px; background-color: #b7151c; margin-right: 1px; text-align: center; font-weight: bold; }
#tabNavigation li a { color: white !important; }
#tabNavigation li.ui-tabs-selected { background-color: white; }
#tabNavigation li.ui-tabs-selected a { color: #10377e !important; }