body, input, select, textarea { font: 12px arial, helvetica; color: #333 }
body { background: #fff url("images/bg.png") repeat-x }
a, em { color: #e20074 }
a:focus { background-color: #ffff99 !important }
em { font-style: normal }
p { line-height: 1.5em }
small, .small { font-size: 95% }
.smaller { font-size: 85% }
big { font-size: 115% }
big.very { font-size: 150% }

img.imgright { float: right; margin: 0 0 1em 1em; }
img.imgleft { float: left; margin: 0 1em 1em 0; }

.dim { color: #aaa }
.silver { color: #888 }
.aright { text-align: right !important }
.aleft { text-align: left !important }
.acenter { text-align: center !important }
.vtop { vertical-align: top !important }
.gap { margin-top: 10px !important }
.gapb { margin-bottom: 10px !important }
.bgray { background-color: #eee }
.relpos { position: relative }
.abspos { position: absolute }
.fleft { float: left }
.fright { float: right }
.t15 { margin-top: 15px !important }
.r10 { margin-right: 10px !important }

.btn, .btn-2, .btn-dis {
	display: inline-block;
	border: 1px solid #e11b73;
	background: #e11c74 url("images/bg-btn.png") repeat-x;
	color: #fff !important;
	text-decoration: none !important;
	padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.btn-2 { border-color: #fff; background: #fff url("images/bg-btn-2.png") bottom left repeat-x; color: #e20074 !important }
.btn-dis { border-color: #717171; background: #717171 url("images/bg-btn-3.png") repeat-x }

.wbox {
	background-color: #fff;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tooltipsy {
	border: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #ffe;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

#frame {
	width: 982px;
	margin: 0 auto;
}

#logo { 
	height: 61px;
	background: transparent url("images/logo.gif") center center no-repeat;
}

#logo a {
	padding: 46px 490px;
	text-decoration: none;
	background-color: transparent !important;
}

#main {
	position: relative;
	border: 1px solid #ccc;
	margin-top: 3.5em; 
	z-index: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

#social {
	position: absolute;
	top: -2.25em;
	left: 0;
	display:none;
}

#top-tabs {
	position: absolute;
	top: -2.25em;
	right: 1em;
	z-index: 10;
}

* html #top-tabs { left: 750px }

#top-tabs li { 
	position: relative;
	float: left;
	margin-top: 0.25em;
	border: 1px solid #ccc;
	background-color: #efe9e9;
	z-index: 12;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

#top-tabs li.sel { 
	background-color: #fff;
	margin-top: 0;
	z-index: 14;
}

#top-tabs li a { 
	display: block;
	padding: 0.4em 1em 0.6em 1em;
	font-size: 95%;
	width: 7em;
	text-align: center;
	color: #bbb;
	font-weight: bold;
	text-decoration: none;
}

#top-tabs li.sel a { 
	color: #e20074;
	padding: 0.65em 1em 0.85em 1em;
}

#top-tabs li#col-per.sel { left: 2px }
#top-tabs li#col-biz.sel { left: -2px }

#main-content {
	position: relative;
	background-color: #fff;
	z-index: 20;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#main-content.no-banner { padding-top: 69px }

.grad {
	background-image: linear-gradient(bottom, rgb(212,222,234) 4%, rgb(234,237,242) 52%, rgb(255,255,255) 81%) !important;
	background-image: -o-linear-gradient(bottom, rgb(212,222,234) 4%, rgb(234,237,242) 52%, rgb(255,255,255) 81%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(212,222,234) 4%, rgb(234,237,242) 52%, rgb(255,255,255) 81%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(212,222,234) 4%, rgb(234,237,242) 52%, rgb(255,255,255) 81%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(212,222,234) 4%, rgb(234,237,242) 52%, rgb(255,255,255) 81%) !important;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.04, rgb(212,222,234)),
		color-stop(0.52, rgb(234,237,242)),
		color-stop(0.81, rgb(255,255,255))
	) !important;
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d4deea);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d4deea)";    
    background-color: #CCC; 
}

#banner img {
	/*
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
}

#banner {
	position: relative;
	height: 426px;
	width: 980px;
}

#banner div {
	position: absolute;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 426px;
	width: 980px;
	background: white;
	display: block;
}

#banner div.active { z-index: 10 }
#banner div.last-active { z-index: 9 }

#banner ul {
	position: absolute !important;
	/*top: 397px !important;*/
	bottom: 10px;
	left: 10px !important;
	width: 100% !important;
	height: 20px !important;
	background: transparent !important;
	white-space: nowrap;
	z-index: 1000;
}

#banner ul li {
	display: inline;
}

#banner ul li a {
	background: white;
	color: black;
	padding: 2px 6px;
	-webkit-border--radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	 -moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	text-decoration: none;
	font-size: 0.9em;
}

#banner ul li a.sel {
	background: #E20074;
	color: white;
}

#main-menu {
	position: absolute;
	width: 938px;
	top: 10px;
	left: 10px;
	border: 1px solid #ccc;
	padding: 0 10px;
	background: #ddd url("images/bg-menu.png") repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 11;
}

#main-menu li {
	display: block;
	float: left;
	width: auto;
}

#main-menu li a {
	display: block;
	padding: 11px;
	color: #333;
	text-decoration: none;
}

#main-menu li.sel a { color: #e20074 }
#main-menu li a:hover { color: #e20074 }

#quick-search {
	position: absolute;
	top: 7px;
	right: 7px;
}

#quick-search label {
	display: block;
	float: left;
	padding: 1px;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

* html #quick-search label { padding: 0 1px }
*:first-child+html  #quick-search label { padding: 0 1px }

#quick-search label input { 
	padding: 2px;
	margin: 0;
	border: 0;
	width: 188px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset -1px 1px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset -1px 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: inset -1px 1px 5px rgba(0, 0, 0, 0.25);
}

* html #quick-search label input { padding: 2px }
*:first-child+html  #quick-search label input { padding: 2px }


#quick-search #search-btn {
	display: block;
	float: left;
	margin: 2px 0 0 4px;
}

#zone {
	position: absolute;
	top: 60px;
	right: 10px;
	width: 235px;
	border: 1px solid #ccc;
	background: #fff url("images/bg-box-lp.png") repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	z-index: 11;
}

#zone h3 {
	padding: 5px 10px;
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
	font-size: 125%;
	color: #e20074;
}

#zone #tcom, #zone #tmob {
	display: block;
	margin: 10px;
}

#side-banner {
	background: #fff url("images/bg-box-lp.png") repeat-x;
	position: absolute;
	top: 182px;
	right: 10px;
	width: 235px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	z-index: 11;
}

#side-banner img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#side-banner h3 {
	padding: 5px 10px;
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
	font-size: 125%;
	color: #e20074;
}

#side-banner a { color: #777 }
#side-banner a:hover { color: #e20074 }
#side-banner ul, #side-banner p { margin: 20px }

#side-banner li {
	padding-left: 8px;
	margin: 0.2em 0;
	background: transparent url("images/arr2.gif") 0 0.5em no-repeat;
}

.boxes-hp {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}

.box-hp {
	position: relative;
	float: left;
	width: 224px;
	margin: 20px 0 0 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background: #fff url("images/bg-box.png") no-repeat;
	color: #777;
}

.box-hp.fst {
	padding-left: 0;
	background-image: none;
}

* html .box-hp.fst { margin-left: 10px }

.box-hp.lst {
	width: 148px;
	padding-right: 20px;
}

.box-hp.lst li {
	padding-left: 8px;
	margin: 0.2em 0;
	background: transparent url("images/arr2.gif") 0 0.5em no-repeat;
}

.box-hp.lst li a { color: #777 }
.box-hp.lst li a:hover { color: #e20074 }
.box-hp.lst p { background: #fff url("images/bg-other.png") no-repeat; }
.box-hp.lst p a {
	display: block;
	padding: 14px 0 0 50px;
	height: 27px;
	font-size: 95%;
}

.box-hp h3 {
	font-size: 15px;
	margin: 0 0 15px 37px;
	color: #e20074;
}

.box-hp.lst h3 { margin-left: 0 }
.box-hp h3 a { text-decoration: none }
.box-hp h3 a:hover { text-decoration: underline }

.box-hp p { margin-top: 10px }

.box-hp a.ico { 
	position: absolute;
	top: -7px;
	left: 20px;
}

.box-hp.fst a.ico { left: 0 }

.box-hp .label {
	position: absolute;
	top: 27px;
	left: -15px;
}

/* --- Content --- */
.content {
	padding: 20px;
}

.box { 
	float: left;
	width: 380px;
	border: 1px solid #ccc;
	background: #efefee url("images/bg-box2.png") repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.box h3 { 
	font-size: 125%;
	color: #e20074;
	margin-bottom: 10px;
}

.box h3 a { text-decoration: none }
.box h3 a:hover { text-decoration: underline }

.box p { margin-top: 10px }

.boxbg-hp {
	padding: 20px;
	background: transparent url("images/boxbg-1.png") bottom right no-repeat;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

* html .boxbg-hp { background-image: url("images/boxbg-1.gif") }

.box-compl {
	float: left;
	width: 538px;
	margin-left: 20px;
}

.box-compl h3 {
	font-size: 125%;
	color: #333;
	margin-bottom: 10px;
}

.box-compl p { margin-top: 10px }

/* --- Bottom part --- */
#links { margin: 20px 0 }

.links-box {
	float: left;
	width: 172px;
	margin-left: 20px;
}

.links-box h3 {
	margin-bottom: 10px;
	font-size: 125%;
	color: #333;
}

.links-box li {
	padding-left: 1.25em;
	margin: 0.1em 0;
	background: transparent url("images/arr.gif") 0 0.35em no-repeat;
}

.links-box li a { color: #777; text-decoration: none }
.links-box li a:hover { color: #e20074 }

#foot {
	position: relative;
	font-size: 95%;
	color: #888;
	background: #ddd url("images/bg-foot.png") repeat-x;
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#foot a:hover { color: #e20074 }
#foot a {
	color: #888; 
	text-decoration: none;
	padding: 0 0.5em;
	border-right: 1px solid #888;
}

#foot a.nop { border-right-width: 0 }

#foot span {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

/* --- Landing pages --- */
.boxes-lp { position: relative; padding-bottom: 20px }
* html .boxes-lp { left: -10px }

.box-lp, .box-2-lp, .box-lp-2 {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 230px;
	background: #fff url("images/bg-box-lp.png") repeat-x;
	color: #777;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.box-2-lp { width: 472px }
.box-lp-2 { width: 311px }

.box-2-lp.dev { 
	background: #e7e7e7 url("images/bg-dev.png") top left repeat-x;
}

.box-lp h3, .box-2-lp h3, .box-lp-2 h3 {
	position: relative;
	padding: 5px 10px;
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
	font-size: 125%;
	color: #e20074;
	z-index: 2;
}

* html .box-lp h3, * html .box-2-lp h3, * html .box-lp-2 h3 { background-image: url("images/bg-box-lp-title.gif") }

.box-lp h3 a, .box-2-lp h3 a, .box-lp-2 h3 a { text-decoration: none }
.box-lp h3 a:hover, .box-2-lp h3 a:hover, .box-lp-2 h3 a:hover { text-decoration: underline }

.box-lp p { margin: 10px }

.box-lp-img, .box-2-lp-img, .box-lp-2-img {
	float: left;
	width: 82px;
	margin: 10px 0 0 0 !important;
	text-align: right;
}

.box-2-lp-img { width: 167px }
.box-lp-2-img { width: 130px }

.box-lp-text, .box-2-lp-text, .box-lp-2-text {
	float: left;
	width: 128px;
	margin: 0 10px;
	padding-bottom: 10px;
}

.box-2-lp-text { width: 285px }
.box-lp-2-text { width: 161px }

* html .box-lp-text { margin-right: 0 }
* html .box-2-lp-text { margin-right: 0 }
* html .box-lp-2-text { margin-right: 0 }

.box-lp-text p, .box-2-lp-text p, .box-lp-2-text p { margin: 10px 0 0 0 }
.box-lp-text a, .box-2-lp-text a, .box-lp-2-text a { text-decoration: none }
.box-lp-text a:hover, .box-2-lp-text a:hover, .box-lp-2-text a:hover { text-decoration: underline }

.box-lp-small { 
	float: left;
	width: 118px;
	margin: 0 !important;
	padding: 7px 0 10px 10px;
	font-size: 90%; 
	font-weight: bold; 
	color: #333;
}

.lp-banner {
	float: left;
	width: 716px !important;
	height: 223px !important;
	position: relative;
	margin-left: 10px;
	padding-bottom: 20px;
}

.lp-banner div {
	position: absolute;
	width: 716px !important;
	height: 223px !important;
}

.lp-banner ul {
	bottom: 27px !important;
}

* html .lp-banner { margin-left: 5px }

#lp-side {
	position: relative;
	float: left;
	width: 232px;
	margin-left: 10px;
}

#lp-side .box-lp { float: none; margin-left: 0 }
* html #lp-side .box-lp { top: 5.5em }
*:first-child+html #lp-side .box-lp { margin-left: 10px }

#avail {
	position: relative;
	margin-top: 15px;
	padding: 0 0 0 85px;
	background: transparent url("images/bg-avail.gif") 0 10px no-repeat;
	border-top: 1px solid #fff;
}

* html #avail { top: 5.5em }

#avail h4 { font-size: 125% }
#avail p { line-height: normal }
#avail a { text-decoration: none }
#avail a:hover { text-decoration: underline }

.texts-lp { position: relative; padding-bottom: 20px }
/* * html .texts-lp { left: -15px }*/ 

.text-lp, .text-2-lp {
	position: relative;
	float: left;
	margin: 0 10px 0 20px;
	width: 210px;
	color: #666;
	font-size: 95%;
}

.text-2-lp { width: 450px }

* html .text-lp { 
	border: 1px solid #fff;
	margin: 0 5px 0 5px; 
	padding: 0 10px;
}

* html .text-2-lp { 
	border: 1px solid #fff;
	margin: 0 5px 0 5px; 
	padding: 0 10px;
}

.text-lp h3, .text-2-lp h3 {
	font-size: 125%;
	margin-bottom: 5px;
	color: #333;
}

.text-lp h3.sec, .text-2-lp h3.sec { margin-top: 10px }
.text-lp p, .text-2-lp p { margin-top: 5px; line-height: 1.25em; }
.text-lp a, .text-2-lp a { color: #333 }
.text-lp a:hover, .text-2-lp a:hover { color: #e20074 }

.boxbg-eshop {
	position: absolute;
	background: transparent url("images/boxbg-2.png") bottom right no-repeat;
	bottom: 0;
	right: 10px;
	width: 313px;
	height: 166px;
	z-index: 1;
}

* html .boxbg-eshop { background-image: url("images/boxbg-2.gif") }

.boxbg-tele {
	position: absolute;
	background: transparent url("images/boxbg-3.png") bottom right no-repeat;
	bottom: 0;
	right: 0;
	width: 273px;
	height: 170px;
	z-index: 1;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

* html .boxbg-tele { background-image: url("images/boxbg-3.gif") }

.boxbg-dev-1, .boxbg-dev-2, .boxbg-dev-3, .boxbg-dev-4 {
	position: absolute;
	background: transparent url("images/bg-box-lp-2.gif") 0 20px no-repeat;
	width: 184px;
	height: 181px;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.boxbg-dev-2 { background: transparent url("images/bg-box-lp-2-2.png") no-repeat }
* html .boxbg-dev-2 { background-image: url("images/bg-box-lp-2-2.gif") }
.boxbg-dev-3 { background: transparent url("images/bg-box-dev-4.gif") bottom right no-repeat }
.boxbg-dev-4 { background: transparent url("images/bg-box-dev-3.gif") bottom right no-repeat }

.boxbg-digi-1, .boxbg-digi-2 {
	position: absolute;
	background: transparent url("images/boxbg-10.gif") bottom right no-repeat;
	bottom: 0;
	right: 20px;
	width: 273px;
	height: 170px;
	z-index: 1;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.boxbg-digi-1 { bottom: 10px }
.boxbg-digi-2 { background-image: url("images/boxbg-11.gif") }


.box-2-text {
	position: relative;
	z-index: 2;
	margin: 10px;
	width: 175px;
}

.box-2-text a { text-decoration: none }
.box-2-text a:hover { text-decoration: underline }

.box-dev-text {
	position: relative;
	z-index: 2;
	margin: 20px 10px 20px 200px;
}

.box-dev-text a { text-decoration: none }
.box-dev-text a:hover { text-decoration: underline }
.box-dev-text h3 { background-position: 0 -2px; margin-bottom: 10px; padding: 0 }
.box-dev-text p { margin-top: 10px }

/* --- Left menu --- */
#left-menu { float: left; width: 200px }
#left-menu ul { 
	margin: 0 10px 20px 10px; 
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#left-menu li { border-top: 1px solid #ddd; margin: 0; padding: 0 }
#left-menu li.fst { border-width: 0 }

#left-menu li a { 
	display: inline-block; 
	width: 164px;
	padding: 5px 7px; 
	text-decoration: none; 
	color: #333; 
	background: #fff url("images/bg-left-menu.png") bottom left repeat-x;
}

#left-menu li a:hover { background: #7b7b7b url("images/bg-left-menu-hover.png") bottom left repeat-x !important; color: #fff }
#left-menu li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }
#left-menu li a.subsel { background: #8a8a8a url("images/bg-left-menu-subsel.png") bottom left repeat-x; color: #fff }
#left-menu li a:focus { background: none }

#left-menu li.fst a {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

#left-menu li.lst a {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

#left-menu ul li.fst li a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#left-menu ul ul { margin: 0; border-width: 0 }
#left-menu ul ul li a { background: #ccc url("images/bg-left-menu-sub.png") bottom left repeat-x; padding: 5px 7px 5px 17px; width: 154px; }
#left-menu ul ul li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }

#left-menu ul ul ul li a { padding-left: 27px; width: 144px; background: #eaeaea url("images/bg-left-menu-sub2.png") bottom left repeat-x }
#left-menu ul ul ul li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }

#left-menu ul ul ul ul li a { padding-left: 37px; width: 134px; background: #f9f9f9 url("images/bg-left-menu-sub3.png") bottom left repeat-x }
#left-menu ul ul ul ul li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }

#left-menu ul ul ul ul ul li a { padding-left: 47px; width: 124px; background: #fff url("images/bg-left-menu-sub4.png") bottom left repeat-x }
#left-menu ul ul ul ul ul li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }

#left-menu ul ul ul ul ul ul li a { padding-left: 57px; width: 114px; background: #fff url("images/bg-left-menu-sub5.png") bottom left repeat-x }
#left-menu ul ul ul ul ul ul li a.sel { background: #f64d9f url("images/bg-left-menu-sel.png") bottom left repeat-x; color: #fff }

#left-menu ul ul ul ul ul ul ul li a { padding-left: 67px; width: 104px }
#left-menu ul ul ul ul ul ul ul ul li a { padding-left: 77px; width: 94px }
#left-menu ul ul ul ul ul ul ul ul ul li a { padding-left: 87px; width: 84px }
#left-menu ul ul ul ul ul ul ul ul ul ul li a { padding-left: 97px; width: 74px }


/* --- Content --- */
#content { position: relative; float: left; width: 760px; margin: 0 10px; padding-bottom: 20px }
#content1 { position: relative; float: left; width: 960px; margin: 0 10px; padding-bottom: 20px }
#content h2, #content1 h2 { font-size: 175%; margin-bottom: 10px; color: #e20074 }
#content h3, #content1 h3 { font-size: 125% }
#content ul.check li, #content1 ul.check li {
	padding-left: 12px; /*20px*/
	background: transparent url("images/check.png") 0 0.35em no-repeat;
	line-height: 1.5em;
	margin-left: 30px;
}

* html #content ul.check li, * html #content1 ul.check li {
	padding-left: 0;
	background: none;
	list-style-image: url("images/check.gif");
	margin-left: 20px;
}

div.cboxes { padding-top: 10px }
h2.cboxes { font-size: 135% !important; margin: 20px 0 5px 0 !important; color: #333 !important }
h2.cboxes a { text-decoration: none }
h2.cboxes a:hover { text-decoration: underline }
.cbox-1, .cbox-2, .cbox {
	position: relative;
	float: left;
	margin-right: 10px;
	background: #fff url("images/bg-box-lp.png") repeat-x;
	color: #777;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.cbox-1.last, .cbox-2.last, .cbox { margin-right: 0 }

.cbox-1 { width: 245px }
.cbox-1.last { width: 243px }
.cbox-2 { width: 373px }
.cbox { float: none !important; margin-top: 10px }

.cbox .side-1 {
	float: left;
	padding: 10px 0 10px 10px;
	width: 268px;
}

.cbox .side-2 {
	float: left;
	padding: 10px;
	width: 460px;
}

.cboxbg { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cboxbg.bg-1 { background: transparent url("images/boxbg-1.png") bottom right no-repeat }
.cboxbg.bg-2 { background: transparent url("images/boxbg-4.png") bottom right no-repeat }
.cboxbg.bg-3 { background: transparent url("images/boxbg-5.png") bottom right no-repeat }
.cboxbg.bg-4 { background: transparent url("images/boxbg-6.png") bottom right no-repeat }
.cboxbg.bg-5 { background: transparent url("images/boxbg-7.png") bottom right no-repeat }
.cboxbg.bg-6 { background: transparent url("images/boxbg-8.gif") bottom right no-repeat }
.cboxbg.bg-7 { background: transparent url("images/boxbg-9.gif") 90% 90% no-repeat }
.cboxbg.bg-8 { background: transparent url("images/boxbg-12.png") bottom right no-repeat }
* html .cboxbg.bg-2 { background-image: url("images/boxbg-4.gif") }
* html .cboxbg.bg-3 { background-image: url("images/boxbg-5.gif") }
* html .cboxbg.bg-4 { background-image: url("images/boxbg-6.gif") }
* html .cboxbg.bg-5 { background-image: url("images/boxbg-7.gif") }
* html .cboxbg.bg-8 { background-image: url("images/boxbg-12.gif") }

.cbox-1 h3, .cbox-2 h3, .cbox h3 { 
	font-size: 125%; 
	padding: 10px; 
	color: #333;
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
}

* html .cbox-1 h3, * html .cbox-2 h3, * html .cbox h3 { background-image: url("images/bg-box-lp-title.gif") }

.cbox-1 h4, .cbox-2 h4, .cbox h4 { margin: 10px; font-size: 115%; color: #333 }
.cbox-1 p, .cbox-2 p, .cbox p { margin: 10px }
.cbox-1 a, .cbox-2 a, .cbox a { text-decoration: none }
.cbox-1 a:hover, .cbox-2 a:hover, .cbox a:hover { text-decoration: underline }
.cbox-1 ul.disc, .cbox-2 ul.disc, .cbox ul.disc { margin: 10px }
.cbox-1 ul.disc li, .cbox-2 ul.disc li, .cbox ul.disc li {
	list-style: disc outside none;
	margin-left: 1.5em;
}

.cbox p.tip {
	position: absolute;
	top: 30px;
	right: 275px;
}

.cbox.tabs {
	border-top-width: 0;
	margin-top: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.cbox-1 .col-1 { float: left; width: 82px; margin: 10px 0; text-align: right }
.cbox-1 .col-2, .cbox-1 .col-2-small { float: left; width: 143px }
* html .cbox-1 .col-2, * html .cbox-1 .col-2-small { margin: 0; padding: 10px } 
.cbox-1.last .col-2, .cbox-1.last .col-2-small { width: 141px }
.cbox-1 .col-2-small { margin-top: 7px; font-size: 90%; font-weight: bold; color: #333 }

.cbox-2 .img-2, .cbox-2 .img-2b {
	float: left;
	width: 90px;
	margin: 10px 0 0 0 !important;
	text-align: right;
}

.cbox-2 .img-2b { width: 150px; text-align: center }

.cbox-2 .text-2, .cbox-2 .text-2b {
	float: left;
	width: 283px
}

.cbox-2 .text-2b { width: 223px }
.cbox-2 .text-2b ul { margin: 10px }
.cbox-2 .text-2b li { list-style-image: url("images/dot.png"); margin-left: 12px }

.cbox-2 .blue-box { margin: 10px }
.cbox-2.price-gap { padding-bottom: 6em }

.cbox .labels { float: left; width: 15%; text-align: right }
.cbox .labels label { display: block; padding: 0.45em 1em }
.cbox .inputs { float: left; width: 35% }
.cbox .inputs input { margin: 2px 0 }

.ctext { margin-top: 10px; color: #666 } 
.ctext p { margin: 10px 0 }
.ctext p.nogap { margin: 0 }
.ctext h2 { color: #333 !important }
.ctext h3 { font-size: 125%; margin-top: 10px; color: #333 }
.ctext h4 { font-size: 115%; margin-top: 10px }
.ctext a.gray { color: #666 }
.ctext a.gray:hover { color: #e20074 }

.ctext ul { margin: 10px 0; list-style: disc outside none; padding-left: 1.5em; line-height: 1.5em }
.ctext ol { margin: 10px 0; list-style: decimal outside none; padding-left: 1.5em; line-height: 1.5em }
.ctext table { border-collapse: collapse }
.ctext table td, .ctext table th { border: 1px solid #ccc; padding: 2px 4px }
.ctext table th { 
	background-color: #ccc; 
	color: #000;
	text-shadow: 0.1em 0.1em 0.1em #fff
}

.ctext div.pages {
	background-color: #eee;
	padding: 3px 5px;
	margin: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ctext div.pages a, .ctext div.pages strong { 
	display: inline-block; 
	border-right: 1px solid #ccc; 
	padding: 0 5px; 
	margin: 2px 0;
}

.ctext div.pages a { text-decoration: none; color: #e20074 }
.ctext div.pages a:hover { text-decoration: underline }

.magio-tv { background: #fff url("images/bg-magio.png") top right no-repeat }

table.magio {
	border-collapse: collapse;
	margin: 10px;
	width: 738px;
	color: #666;
}
table.magio a { text-decoration: underline }
table.magio a.btn { text-decoration: none }

table.magio th { padding: 5px 10px; vertical-align: middle; color: #333; background-color: white; text-shadow: none; border: none; border-bottom: 2px solid #888; }
table.magio th.hl, table.magio td.hl { background-color: #d8edf8 }
table.magio td { border: 1px solid #ccc; border-right-width: 0; padding: 10px; text-align: center; vertical-align: middle }
table.magio td.nolb { border-left-width: 0 }
table.magio tr.nob td { border-width: 0 }

table.magio th a { color: #888 }
table.magio th a:hover { color: #e20074 }

#avail-2 {
	margin: 20px 0;
	padding-left: 100px;
	background: transparent url("images/bg-avail.gif") no-repeat;
	height: 75px;
	border-bottom: 1px solid #ccc;
}
#avail-2.noborder { border-bottom-width: 0; margin-bottom: 10px }

#avail-2 h3 { font-size: 125% }
#avail-2 a { text-decoration: none }
#avail-2 a:hover { text-decoration: underline }

.ctabs { position: relative; margin: 20px 0 }
.ctabs.sb { margin: 10px 0 20px 0 }

.ctabs ul {
	border-bottom: 3px solid #de0072;
}

.hzoznli {
	font-weight: bold;
	list-style-image: url(/swift_data/source/design/css/images/bg-snset2box-ul-li.png);
}

.ctabs li { 
	display: block;
	float: left;
	background: #a3a3a3 url("images/bg-tab.png") repeat-x;
	margin-right: 5px;
	border: 1px solid #a3a3a3;
	border-bottom-width: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ctabs.small li { font-size: 95% }

.ctabs li a { 
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	color: #333;
}

.ctabs li.sel { 
	background: #de0072 url("images/bg-tab-sel.png") repeat-x;
	color: #fff;
	border-color: #de0072;
}

.ctabs li.sel a { color: #fff }
.ctabs li h3 { font-size: 1em !important; font-weight: normal }

.ctabs .cbox ul { margin: 10px; list-style: disc outside none; padding-left: 1.5em; line-height: 1.5em; border-width: 0 }
.ctabs .cbox ol { margin: 10px; list-style: decimal outside none; padding-left: 1.5em; line-height: 1.5em }
.ctabs .cbox li { display: list-item; float: none; background: none; border-width: 0 }
.ctabs .cbox li a { display: inline; color: #e20074; padding: 0; text-decoration: underline }

.ctab {
	padding: 10px;
	border: 1px solid #ccc;
	border-top-width: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.ctab h2 { font-size: 150%; margin-bottom: 10px }
.ctab h3 { font-size: 125%; margin-bottom: 10px }
.ctab h4 { font-size: 115% }

.ctab ul { list-style: disc outside none; padding-left: 1.5em; line-height: 1.5em; border-width: 0 }
.ctab ol { list-style: decimal outside none; padding-left: 1.5em; line-height: 1.5em }
.ctab li { display: list-item; float: none; background: none; border-width: 0 }
.ctab li a { display: inline; color: #e20074; padding: 0; text-decoration: underline }

.ctab table { border-collapse: collapse }
.ctab table td, .ctab table th { border: 1px solid #ccc; padding: 2px 4px }
.ctab table th { 
	background-color: #ccc; 
	color: #000;
	text-shadow: 0.1em 0.1em 0.1em #fff
}

.dlg h3.dia {
	background: #9d9d9d url("images/bg-dia-title.png") repeat-x;
	padding: 3px 10px;
	margin-top: 5px;
	font-size: 125%;
}

.dlg p { margin: 10px 0 }
.dlg p.dia {
	background: #edf2f5 url("images/bg-dia-text.png") repeat-x;
	padding: 3px 10px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

.dlg-magio-1 { position: absolute; left: 40px; top: 50px; width: 143px; line-height: normal }
.dlg-magio-2 { position: absolute; left: 239px; top: 50px; width: 143px; line-height: normal }
.dlg-magio-3 { position: absolute; left: 438px; top: 50px; width: 143px; line-height: normal }
.dlg-magio-2 h3, .dlg-magio-3 h3 { font-size: 115%; color: #666 }
.dlg-magio-1 h3 { font-size: 115%; color: #4a9cf7 }
.dlg-magio-1 p, .dlg-magio-2 p, .dlg-magio-3 p { line-height: 1.1em; margin: 5px 0; font-size: 90% }
.dlg-magio-1 a, .dlg-magio-2 a, .dlg-magio-3 a { color: #e20074 !important }

.sc { float: left }
.sc li { display: block; width: 80px; text-align: center; padding: 20px 0 }
* html .sc li { width: 79px }
.sc-btn { 
	float: left; 
	background-color: #eee;
	margin: 0 5px !important;
	font-weight: bold;
	padding: 20px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.magio-fn {
	background-color: #888;
	border: 1px solid #444;
	border-bottom-width: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.magio-fn ul { margin: 0 auto; width: 7.5em }
.magio-fn li { 
	display: block; 
	float: left;
	margin: 0.5em 0.25em 0.5em 0.25em;
	padding: 0.25em 0.5em;
	background-color: #ccc;
	width: 1em;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.magio-fn li a { 
	display: block;
	color: #888;
	font-weight: bold;
	font-size: 125%;
	text-decoration: none;
}

.magio-fn li.sel { background-color: #d92277 }
.magio-fn li.sel a { color: #fff }

.one-fn {
	position: relative;
	float: left;
	width: 371px;
	margin: 5px 0 0 5px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.one-fn h3 {
	padding: 5px 10px;
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
	font-size: 125%;
	color: #e20074;
}

* html .one-fn h3 { background-image: url("images/bg-box-lp-title.gif") }

.one-fn a.vid {
	position: absolute;
	top: 5px;
	right: 10px;
}

.fn-img {
	float: left;
	width: 96px;
	margin: 5px 0 0 0;
	text-align: right;
}

.fn-text {
	float: left;
	width: 255px;
	padding: 5px 10px;
}

.fn-text-2 { padding: 10px }
.fn-text p, .fn-text-2 p { padding-bottom: 5px }

.fn-text ul, .fn-text ol {
	margin: 0;
	padding: 0 0 5px 1.5em;
	width: auto;
	list-style: disc outside none;
	line-height: 1.5em;
}

.fn-text ol { list-style: decimal outside none }

.fn-text li {
	display: list-item;
	float: none;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	border-width: 0;
}

.fn-text li a { display: inline; color: #e20074; padding: 0; text-decoration: underline; font-size: 1em; font-weight: normal }

.ac-box {
	float: left;
	background: #fff url("images/bg-box-lp.png") repeat-x;
	color: #777;
	border: 1px solid #ccc;
	width: 353px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.ac-box h3 {
	font-size: 125%; 
	padding: 10px; 
	background: transparent url("images/bg-box-lp-title.png") bottom left no-repeat;
}

* html .ac-box h3 { background-image: url("images/bg-box-lp-title.gif") }

.ac-box p, .ac-box form { margin: 10px !important }
.ac-box label { display: inline-block; width: 50px }
.ac-box label, .ac-box input { margin: 2px 0 }
.ac-box form a.btn { margin: 10px 0 0 0 }
.ac-box form a.btn.align { margin: 10px 0 0 50px }

.ac-sep {
	float: left;
	width: 50px;
	background: transparent url("images/alebo.gif") center center no-repeat;
}

.info {
	padding: 10px 0 10px 25px;
	background: transparent url("images/info.gif") 0 0.9em no-repeat;
}

.mobile { background: #fff url("images/bg-magio.png") top right no-repeat }

table.prices {
	border-collapse: collapse;
	margin: 10px 10px 0 10px;
	font-size: 90%;
	border-top: 2px solid #e20074;
}

table.prices th, table.prices td {
	text-align: right;
	border-bottom: 1px solid #ccc;
	padding: 3px 6px;
}

.graph { border-bottom: 1px solid #eee }

.graph .label {
	float: left;
	width: 270px;
}

* html .graph .label { width: 260px; margin: 10px 5px }

.graph .lines {
	float: left;
	width: 468px;
	margin: 10px 0;
}

.graph .lines img { vertical-align: middle }

.filter {
	background: #fff url("images/bg-filter.png") bottom left repeat-x;
	border-top: 1px solid #eee;
	padding : 10px;
	margin-top: 10px;
}

.filter h3 { font-size: 125% }

table.progs {
	border-collapse: collapse;
	width: 100%;
}

table.progs td { 
	border: 1px dotted #ccc;
	width: 25%;
	padding: 0;
}

table.progs td a {
	display: block;
	background: #faffff url("images/bg-prog.png") bottom left repeat-x;
	padding: 10px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 95%;
}

table.progs td a img { vertical-align: middle; margin-right: 5px }

table.progs th { 
	border: 1px dotted #ccc;
	text-align: left;
	font-size: 125%;
	padding: 5px 10px;
	background: #a4a4a4 url("images/bg-th.png") repeat-x;
	text-shadow: none;
}

.dev-row { border-bottom: 1px solid #ccc; margin-bottom: 10px }
.dev-row.last-row { border-bottom-width: 0; margin-bottom: 0 }

.dev-img {
	float: left;
	width: 180px;
	text-align: center;
	margin: 0 10px !important;
	padding: 10px 0;
}

* html p.dev-img { margin: 0 5px !important }

.dev-txt {
	float: left;
	width: 308px;
}

.dev-txt h4 { font-size: 115%; margin: 10px 10px 10px 0 }
.dev-txt p { margin: 10px 10px 10px 0 }

.dev-price {
	float: left;
	width: 250px;
}

.blue-box {
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
	background-color: #daefff;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.blue-box h4 {
	padding: 5px 10px;
	background-color: #cce4ff;
	color: #666;
	font-size: 115%;
	margin: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.blue-box select { width: 100% }
.blue-box.price { position: absolute; bottom: 0; left: 0; width: 353px }

.blue-box-border { 
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* --- Eshop --- */
#eshop-col {
	float: left;
	width: 760px;
	margin: 10px 20px 0 10px;
	padding-bottom: 10px;
}

* html #eshop-col { margin-left: 5px !important }

#eshop-col h2 { font-size: 150%; margin: 10px 0 }
#eshop-col h3 { font-size: 125%; margin-top: 10px }
#eshop-col p { margin: 10px 0 }
#eshop-col .cbox p { margin: 10px }

#cart-col {
	float: left;
	width: 180px;
	margin: 10px 10px 10px 0;
}

#eshop-prog li {
	display: block;
	float: left;
	background: #e5e4e4 url("images/bg-prog-1.png") 100% 50% no-repeat;
	padding-right: 23px;
	margin-bottom: 3px;
}

#eshop-prog li.preact { background: #e5e4e4 url("images/bg-prog-2.png") 100% 50% no-repeat }
#eshop-prog li.act { background: #e4007d url("images/bg-prog-3.png") 100% 50% no-repeat; color: #fff }
#eshop-prog li.end { background: #e5e4e4 url("images/bg-prog-4.png") 100% 50% no-repeat }
#eshop-prog li.end-act { background: #e4007d url("images/bg-prog-5.png") 100% 50% no-repeat; color: #fff }

#eshop-prog li span, #eshop-prog li a {
	display: block;
	padding: 10px 10px 10px 20px;
}

#eshop-prog li a { text-decoration: none; color: #333; background: transparent url("images/prog-done.gif") 5px 50% no-repeat }
#eshop-prog li a:hover { text-decoration: underline }

.shop-box {
	background: #fff url("images/bg-shop-1.png") repeat-x;
	border: 1px solid #eee;
	padding: 10px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.shop-box h2 { color: #e20074; margin: 0 0 10px 0 !important }
.shop-box p { margin-top: 0 !important }
.shop-box p.nob { margin-bottom: 0 !important }

table.summary {
	border-collapse: collapse;
	width: 100%;
}

table.summary th, table.summary td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.summary th { border: 1px solid #ccc }
table.summary th.aleft { border-width: 0; border-bottom-width: 1px }

table.summary tr.total td {
	background-color: #ffffd0;
	font-size: 115%;
	font-weight: bold;
}

/* --- Cart --- */

#cart form.removeItemForm input {
	visibility:hidden;
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
	border-width:0px;
}

#cart form.clearShoppingCart p,
#cart form.continueInProcessForm p {
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#cart form.clearShoppingCart p input,
#cart form.continueInProcessForm p input {
	margin: 8px 0px 8px 0px;
}

#cart form.clearShoppingCart p input.submit {
	cursor:pointer;
	background: transparent;
	border: 0px solid #E11B73;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
	text-align: left;
	font-size:10px;
	color:#888888;
}

#cart form.continueInProcessForm p input.submit {
	cursor:pointer;
	font-weight:bold;
	font-size: 12px;
	background: url("/esstatic/css/images/sprites/new_button_bg.jpg") repeat-x scroll 0 0 #E11C74;
    border: 1px solid #E11B73;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
    display: inline-block;
    padding: 3px 6px;
    text-decoration: none !important;
}

#cart form.continueInProcessForm p input.submit:hover {
	background-image:none;
	background-color:#666666;
	border-color:#ededed;
	border-radius: 3px 3px 3px 3px;
}

#cart {
	background-color: #dceef3;
	padding-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cart h3 {
	background: #6dbee6 url("images/ico-cart.gif") 99% 50% no-repeat;
	color: #fff;
	font-size: 125%;
	padding: 0px 0px 5px 0px;
	magin-bottom: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#cart p { 
	margin: 0px 0px 4px 0px; 
	line-height: normal; 
}
#cart p.item { 
	background: #fff url("images/prog-done.gif") 1px 1px no-repeat;
	padding: 3px 5px 3px 15px;
	margin: 5px 5px 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cart p a { 
	text-decoration: underline;
	color:#666666;
}
#cart p a:hover { text-decoration: none }
#cart p big { font-size: 115% }
#cart .btns { margin: 10px 10px 5px 10px; text-align: right }

.ntb-box {
	background: #dedede url("images/bg-ntb.png") repeat-x;
	border: 1px solid #dedede;
	width: 480px;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ntb-box h2 {
	margin: 10px;
	padding-bottom: 10px;
	font-size: 150%;
	color: #e20074;
	border-bottom: 1px solid #dedede;
}

.ntb-box p { margin: 10px }
.ntb-box .blue-box { margin: 10px }

.ntbks {
	border: 1px solid #e0d9d9;
	background: #f1f1f1 url("images/bg-ntbks.png") repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ntbksbg { background: transparent url("images/sep.png") center center no-repeat }
* html .ntbksbg { background: transparent url("images/sep.gif") center center no-repeat }

.ntbks .larr, .ntbks .rarr {
	float: left;
	width: 26px;
	background: transparent url("images/larr.gif") 50% 50% no-repeat;
	cursor: pointer;
}

.ntbks .larr { background: transparent url("images/larr.gif") 50% 50% no-repeat }
.ntbks .rarr { background: transparent url("images/rarr.gif") 50% 50% no-repeat }

.ntbks .ntbk {
	float: left;
	width: 353px;
}

.ntbks .ntbk-img { float: left; width: 180px; text-align: center; padding: 20px 0 }
.ntbks .ntbk-det { float: left; width: 163px; padding: 20px 10px 20px 0 }
.ntbks .ntbk-det p { padding-top: 10px }

.ntbks-flt {
	background-color: #dff2ff;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ntbks-flt select { margin: 0 5px }
.ntbks-flt-more { position: relative; top: -3px }

.ntbks-flt-more a { 
	display: block; 
	text-decoration: none; 
	padding: 5px 10px 5px 25px; 
	width: 5em; 
	background: #dff2ff url("images/plus.gif") 10px 50% no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ntbks-flt-more a:hover { text-decoration: underline }

#slider-range { display: inline-block; width: 200px }

p.pages { margin: 10px 0 }
p.pages a { 
	border: 1px solid #e20074; 
	padding: 2px 5px; 
	color: #e20074;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

p.pages a.current { color: #fff; background-color: #e20074 }

.phones { margin: 10px 0 }
.phones-flt {
	background: #fff url("images/phones-flt-tab.gif") no-repeat;
	padding: 0 10px;
	margin: 10px 0;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.phones-flt h3 { padding: 5px 0 7px 0 }
.phones-flt p { padding-bottom: 10px }

.phone {
	float: left;
	width: 245px;
	margin-right: 10px;
	border: 1px solid #e9f1f5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.phone.eol { width: 244px; margin-right: 0 }
.phone.super { border-color: #ddd674 }

.phone h4 { 
	background-color: #e9f1f5; 
	padding: 5px 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.phone.super h4 { background-color: #ddd674 }

.phone p, .phone ul { margin: 10px }
.phone ul { height: 6.5em }
.phone li {
	list-style-image: url("images/dot-2.png");
	margin-left: 20px;
}

.phone p.phone-img { height: 110px; text-align: center }

.phone .rtpln {
	position: relative;
	background-color: #e9f1f5;
	padding: 5px;
}

.phone.super .rtpln { background-color: #ddd674 }

.phone .rtpln p.phone-price {
	float: left;
	margin: 0;
	font-size: 80%;
}

.phone .rtpln p.phone-price span.euro {
	display: inline-block;
	color: #e20074;
	font-weight: bold;
	font-size: 175%;
	padding-top: 5px;
}

.phone .rtpln p.phone-price span.euro sup {
	font-size: 60%;
	position: relative;
	top: -0.45em;
}

.phone .rtpln p.actions {
	float: right;
	margin: 0;
}

.phone .rtpln p.actions .btn { padding: 1px 2px; margin: 2px; width: 5em; text-align: center }

.phone p.compare {
	background-color: #e9f1f5;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 2px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.phone p.compare input { vertical-align: bottom }
* html .phone p.compare input { vertical-align: middle }
.phone.super p.compare { background-color: #ddd674 }

form.support {
	background-color: #f0f0f0;
	padding: 20px;
	font-size: 110%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

form.support label { font-weight: bold; margin-right: 10px }
form.support input { font-size: 110% }

.ctabs .cbox {
	margin-top: 0;
	border-top-width: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-top: 1px;
}
.cmag {
	color: #E20074;
}

/************************************************************************************/
/* INTERNET v MOBILE ****************************************************************/
/************************************************************************************/

img {
    border: none;
} 
.mini-td {
    height: 17px;
    vertical-align: middle;
    padding: 0px !important;
    background: transparent !important;
    text-align: center;
    color: white !important;
    text-transform: uppercase;
}
.table-red-bg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/minitd.png) no-repeat #c61137 !important;
    width: 137px;
}
.table-dark-bg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/minitddark.png) no-repeat #6a6a6a !important;
    width: 137px;
}
.bbn {
    font-size: 20px;
    color: black;
}
.bwn {
    font-size: 20px;
    color: white;
}
#Main {
    position: relative;
}
.th-red-bg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/tabulka-cervena-bg.png) repeat-x !important;
    color: white !important;
}
.th-dark-bg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/tabulka-tmava-bg.png) repeat-x !important;
    color: white !important;
}
.td-red-bg {
    background: #f8c8d5 !important;
    text-align: center;
}
.td-dark-bg {
    background: #dfdfdf !important;
    text-align: center;
}
.bannertop2 {
    width: 976px;
    height: 344px;
    margin-top: -12px;
    margin-left: -11px;
}
.banner2 {
    background: url(/swift_data/source/images/internet/internet_v_mobile/bg2.jpg);
    width: 976px;
    height: 335px;
    margin-left: -11px;
}
.segment {
    position: absolute;
    top: 298px;
    left: 681px;
    width: 264px;
    height: 168px;
    overflow: hidden;
}
.segment img{
    border: none;
}

.sprava{
    position: relative;
    top: -317px;
    left: 39px;
    width: 615px;
    margin-bottom: -317px;
}
.newtable{
    width: 100%;
    border-spacing: 1px;
}
.newtable th{
    background: url(/swift_data/source/images/internet/internet_v_mobile/tabulka-siva-bg.png);
    /*padding: 17px;*/
    height: 31px;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
}
.newtable td{
    background: #f4f4f4;
    padding: 17px;
}
.newtable strong{
    display: block;
    text-align: center;
}
.greenbg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/tabulka-zelena-bg.png);
    display: block;
    height: 28px;
    padding-left: 10px;
    padding-top: 6px;
    color: black;
    font-size: 13px;
}
.pinkbg {
    background: url(/swift_data/source/images/internet/internet_v_mobile/tabulka-ruzova-bg.png);
    display: block;
    height: 28px;
    padding-left: 10px;
    padding-top: 6px;
    color: black;
    font-size: 13px;
}
/*p, h3.perex, li, strong {
    margin-left: 2px;
}*/
/*li strong {
    margin-left: 0px !important;
}
h2 {
    font-size: 18px;
    color: black;
}*/
.ramik {
    background: url(/swift_data/source/images/internet/internet_v_mobile/ramik-bg.jpg) no-repeat;
    width: 795px;
    height: 119px;
    position: relative;
    left: -11px;
    padding: 10px 144px 0px 38px;
}

.ramik3 {
    background: url(/swift_data/source/images/internet/internet_v_mobile/ramik-bg.jpg) no-repeat;
    width: 795px;
    height: 119px;
    position: relative;
    left: -50px;
    padding: 10px 144px 0px 38px;
}

.bannertop2 {
    background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-internet-v-mobile.jpg) no-repeat bottom left;
}

.ramik2 {
    background: url(/swift_data/source/images/internet/internet_v_mobile/lp-back.jpg) no-repeat bottom left;
    width: 975px;
    height: 214px;
    margin-left: -10px;
}

.r2box {
    width:267px;
    height:170px;
    float: left;
}

.r2first {
    margin-left: 38px;
    margin-top: 21px;
}

.r2middle {
    margin-left: 61px;
    margin-top: 21px;
}

.r2last {
    margin-left: 61px;
    margin-top: 21px;
}
.bannertop {height: 218px; margin-left: -11px; margin-top: -12px; width: 976px;}
.bannertop-spotreba {background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-spotreba.jpg) no-repeat bottom left;} 
.bannertop-popissluzby {background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-popissluzby.jpg) no-repeat bottom left;} 
.bannertop-aktualneakcie {background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-aktualneakcie.jpg) no-repeat bottom left;} 
.bannertop-cennik {background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-cennik.jpg) no-repeat bottom left;} 
.bannertop-aktivacia {background: url(/swift_data/source/images/internet/internet_v_mobile/bgtop-aktivaciasluzby.jpg) no-repeat bottom left;} 
.banner2 {background: url(/swift_data/source/images/internet/internet_v_mobile/bg2.jpg) no-repeat bottom left; }

/************************************************************************************/
/* E-SHOP ***************************************************************************/
/************************************************************************************/
/*
.shadow {
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) !important;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) !important;
}
.first {margin-left: 11px;}
.eslast {background: none !important; margin-left: 17px !important; margin-right: 0 !important; padding-right: 0 !important; }
.last2 {margin-right: 0px !important;}
.elet-ehop-new-up-div {padding: 20px 53px 20px 4px; float: left; width: 252px; margin: 8px 8px 8px 19px; background: url(/swift_data/source/images/e_shop/neweshopbg.png) no-repeat center right}
.elet-ehop-new-up-div h2, .elet-center-box h2 span, .elet-subcenter-box a {color: #e20074 !important;}
.elet-center-box h2 span {font-size: 1em;}
.elet-ehop-new-up-div h2 {font-size: 1.6em;}
.elet-ehop-new-up-div a {text-decoration: none; color: #e20074;}
.elet-ehop-new-up-div-img {height: 210px;}
.clearer {clear: both;}
.elet-center-box {position: relative; width: 931px; padding: 1px; height: 80px; border: 1px solid #d7d7d7; margin: 15px auto 15px;}
.elet-center-box-inner {padding: 10px; background: url(/swift_data/source/images/e_shop/neweshopbg3.jpg) repeat-x; }
.elet-center-box span {font-size: 0.95em; color: #999 !important;}
.elet-center-box h2 {font-size: 1.4em;}
.elet-ehop-new-box {padding: 1px; height: 181px; float: left; width: 280px; border: 1px solid #d7d7d7; margin-right: 40px;}
.boxdown {background: url(/swift_data/source/images/e_shop/neweshopbg2.jpg) repeat-x; padding: 10px; height: 100%; position: relative;}
.boxdown h2 {margin-bottom: 10px; font-size: 1.6em; color: black;}
.boxdown li {list-style-image: url(/swift_data/source/images/e_shop/odrazka.png); margin-left: 15px; margin-bottom: 8px;}
.illustracia {position: absolute; left: 752px; top: -22px;}
.illustracia2 {position: absolute; left: 135px; top: 97px;}
.illustracia3 {position: absolute; left: 109px; top: 90px;}
.suvisiace-odkazy a {text-decoration: none;}
.suvisiace-odkazy a:hover {text-decoration: underline;}
.frc {float: right; color: #e20074; font-weight: bold; position: relative; top: 3px;}
.elet-subcenter-box {width: 465px; float: left; margin-left: 10px; cursor: pointer;}
/* ie 7 
.first {*margin-left: 44px;}
.elet-ehop-new-up-div-img {*height: 230px;}
.elet-center-box-inner {*position: relative}
.elet-ehop-new-box {*position: relative; *left: 10px; *margin-right: 30px;}
.ie7first {*position: relative; *left: 20px;}
.first {*margin-right: 10px !important;}*/

.magenta { color: #e20074 }

/* map-canvas */
#map-canvas {
	height: 500px;
}

.tac {
	text-align: center !important;
	vertical-align: middle !important;
}

#social a{
	padding: 0px 7px 1px 6px;
	text-decoration: none;
}

.icon-twitter {
	background: url(/swift_data/source/images/social.png) no-repeat -32px 0px;
}

.icon-twitter:hover {
	background-position: -32px -16px;
}

.icon-facebook {
	background: url(/swift_data/source/images/social.png) no-repeat -16px 0px;
}

.icon-facebook:hover {
	background-position: -16px -16px;
}

.icon-youtube {
	background: url(/swift_data/source/images/social.png) no-repeat 0 0;
}

.icon-youtube:hover {
	background-position: 0px -16px;
}