/*
gray lines: #dedbdb
red: #e60000
*/

/* ** FONTS **  */
@media screen {
html {font-size: 100.01%; -webkit-text-size-adjust: none;}
body {
	margin: 0 !important;
	padding:2.6em 0 0 0;
	font-size: 62.5%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #333;
	line-height: 1.4em;
	background: #f8f8f8;
	text-align: center;
	}
	body.homepage {background: url(../images/body-hp-bg.png) repeat-x #ededed 0 -8px;}
	body.mapFullScreen {padding-top: 0;}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}
iframe {width: 100%;}
input[type=submit],
input[type=reset],
input[type=button],
button[type=submit],
button
{
       filter:chroma(color=#000000);
}

header, footer, nav, aside, article, section, hgroup, figure, figcaption {display: block;}
#mcWrap {margin-top: -83px; padding-top: 85px !important;}

* html .clearfix, * html.linkButtons, * html #main, * html .fCell, * html .documentText, * html .toggleBoxContent  { height: 1%; }
*+html .clearfix, *+html .linkButtons, *+html #main, *+html .fCell, *+html .documentText, *+html .toggleBoxContent  { display: inline-block; }
.clearfix:after, .linkButtons:after, #main:after, .fCell:after, .documentText:after, .toggleBoxContent:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*+html .fCell.onlyPrint { display: none; }

/* wysiwyg reset */
font {
	font-family: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
	}

/* ************* COMMON ************* */

.onlyPrint { display: none; }

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: 0;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}

hr {
  	border: 0;
  	width: 100%;
  	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

h2 a, .homepageNewsPerex a {
-webkit-transition: color 0.5s ;
-moz-transition: color 0.5s ;
-o-transition: color 0.5s ;
transition: color 0.5s ;
}

a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #D90000;}
a:focus {color: #e60000;}

a.linkArrow, a.linkArrow:focus {background: url(../images/arrow-black.png) no-repeat 0 2px; padding-left: 11px; color: #333;}
a.linkArrow:hover {color: #e60000;}

img {border: none;}
p {margin-bottom: 15px;}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}
.none 		{display: none;}
.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.nopadding  { padding:0; }
.noindent   { margin-left:0;padding-left:0; }
.nobullet   { list-style:none;list-style-image:none;}
.small {font-size: 0.9em;}

.hide, legend span, .carouselItemsNrs span {
	position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden;
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
	}

.truncateThis a {display: block; margin: 20px 0; background: none;}
.jsActive .truncateThis a {
		background: url(../images/stripes.png) no-repeat -484px 2px;
		cursor: pointer;
		padding-left: 25px;
		font-weight: bold;
		}
		.jsActive .toggleBox .closedToggle, .jsActive a.disTruncateButton {background-position: -434px -44px;}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	}

.rgt {float: right;}
.lft, .documentText img.inline {float: left;}

img.lft, .documentText img.inline {margin: 4px 15px 20px 0; clear: both;}
img.rgt {margin: 4px 0 20px 15px; clear: both;}
img.noClear {clear: none;}

.documentText img {max-width:100%;}

.leftCol {float: left; width: 48%;}
.rightCol {float: right; width: 48%;}

.topBorder {border-top: 1px solid #CCC; padding-top: 20px;}

.toggleBox {border-bottom: 1px solid  #CCC; padding: 0 0 1px 0; margin-bottom: 11px; clear: both;}
.firstToggleBox {border-top: 1px solid  #CCC; padding-top: 12px;}
.jsActive .toggleBox h2, .jsActive .issueCopy h2 {
		background: url(../images/stripes.png) no-repeat -424px -43px;
		cursor: pointer;
		padding-left: 40px;
		line-height: 1.3em;
		}
.jsActive .toggleBox h2:hover {text-decoration: underline; color: #e60000;}
.jsActive .toggleBox .closedToggle, .jsActive .issueCopy h2.closedToggle {background-position:  -474px 3px;}
.jsActive .toggleBoxContent {padding: 0 0 0 40px;}
.jsActive .toggleBox2 .toggleBoxContent {padding-left: 0;}

.issueCopy .perex {border: 0; margin-top: 0; padding-top: 0;}
#page .issueCopy h2 {padding-top: 0; margin-bottom: 10px;}
.cp-widget-content-container .widget-vfcz ul {border: 0; margin: 0 !important;}
.cp-widget-content-container .widget-vfcz h2 {margin: 0;}

.thirdBox {float: left; width: 33%;}

.error {color: #C00; font-weight: bold; display: block; font-weight: bold; font-size: 1.1em;}

.discussionPost {
	background: #F5F5F5;
	padding: 10px 13px;
	margin-bottom: 10px;
	}
.discussionPost h4 {margin-bottom: 4px;}
.discussionPost p {margin-bottom: 0;}

.fotoBox {float:left; margin-right: 10px; background-color:#ffffff;}
.fotoInfo {height: 40px; overflow: hidden; font-size: 0.9em;}

.note {font-size: 0.9em; font-style: italic; margin-top: -10px;}

.documentPerex, .colouredBg {background: #f4f4f4; font-size: 1.3em; padding: 15px 20px;  display: block; line-height: 1.5em;}

.infoBox {
	border: 2px solid #f6b037;
	background: #fefcec;
	position: relative;
	padding: 17px 20px 2px 45px;
	margin: 30px 0 20px 0;
	font-size:1.2em;
}
	.infoBox:before {
		content: "";
		width: 28px;
		height: 28px;
		background: url(../images/box-top-img.png) no-repeat;
		position: absolute;
		right: 20px;
		top: -23px;
	}
	.infoBox:after {
		content: "";
		width: 41px;
		height: 41px;
		background: url(../images/box-rb-img.png) no-repeat;
		position: absolute;
		left: -12px;
		top: 50%;
		margin-top: -20px;
	}

.pager {
	clear: both;
	text-align: center;
}
	.pager a,
	.pager strong {
		display: inline-block;
		padding: 5px;
		line-height: 1em;
	}
	.pager .prev,
	.pager .next {
		font-size: 1.3em;
		text-decoration: none;
		border: 1px solid #dedede;
		background: #fafafa;
		padding: 0 6px 2px 6px;
	}
	.pager .next {
		margin-left: 3px;
	}
	.pager .prev {
		margin-right: 3px;
	}

/* highslide */
.highslide-container {text-align: left;}
.highslide-header, .highslide-footer {display: none;}
.highslide-html-content {padding: 0;}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {background-image: url(../images/controlbar-red-border.gif)}
.highslide-loading {
	display: block;
	padding: 3px 0 3px 22px;
	width: 0;
	height: 16px;
	overflow: hidden;
	background-position: 3px 3px;
}

.mobileView {
	display: none !important;
}

/* ********* zkratky ********* */
.focus {
	position: absolute;
	left: 0;
	list-style: none;
}
	.focus li {
		display: inline;
	}
		.focus a,
		.focus span {
			position: absolute;
			top: 0;
			left: -5000px;
			z-index: -10;
			white-space: nowrap;
		}
			.focus a:focus,
			.focus a:active {
				z-index: 2;
				top: 0;
				left: 0;
				background: #D90000;
				padding: 2px 5px 4px 6px;
				color: #FFF;
				font-size: 1.1em;
				font-weight: bold;
			}

/* ************* TABLES ************* */
table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	width: 100%;
	}
	table caption {font-weight: bold; font-size: 1.5em; text-align: left;}
	th, td {
		padding: 13px 10px;
		vertical-align: top;
		border: 0;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		line-height: 1.3em;
		background: #FFF;
		}
		th {background: #ebebeb;}

tr:nth-child(even) td {background: #f9f8f8}

table.mfoe {width: auto;}

table.shops td {vertical-align: middle; border-right: 0;}
table.shops td.shopName {padding-left: 55px; background-repeat: no-repeat; background-position: 10px 50%;}
table.shops td img {vertical-align: middle; margin-right: 15px;}
table.shops td.shopLinks { width: 220px; }
table.shops td.shopLinks .linkStore { float: left; }
table.shops td.shopLinks .linkExpert { float: right; }


table.noStyle {width: auto;}
table.noStyle td, table.noStyle th {background: none; border: 0; padding: 0 10px 4px 0;}
table.noStyle tr:nth-child(even) td {background: none;}

.gc-reset td.gc-reset {background: none !important;}
.gc-reset td.pls-contentWrap {background: #EBEBEB !important;}
.gc-reset img {display: none !important;}

/* ************* HEADINGS ************* */
h1 {
	font-size: 3.4em;
	font-weight: normal;
	color: #e60000;
	margin: 10px 0 20px 0;
	line-height: 1em;
	font-family: VodafoneLt, "Arial CE", Arial, sans-serif;
	-webkit-text-stroke-width: 0.5px;
}
h2 {
	font-size: 1.5em;
	color: #333;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	line-height: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5,
h6 {
	font-size: 1em;
}
h3,
h4,
h5,
h6 {
	margin-bottom: 8px;
	color: #333;
}
	.perex h2 {
		border: 0;
		padding: 0;
		margin-bottom: 5px;
	}
	.documentDetail h2 {
		border: 0;
		padding-bottom: 0;
		font-size: 1.8em;
	}
	.documentText h2 {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.documentText h3 {
		font-size: 1.3em;
	}
	.toggleBox h2 {
		border: 0;
		margin-bottom: 0;
		padding-top: 0;
	}
	h2.noBorder {
		border: 0;
		padding-bottom: 0;
	}
	#bubble h1,
	#storeBubble h1 {
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#bubble h2,
	#storeBubble h2 {
		font-size: 1.1em;
		border: 0;
		padding: 0;
		margin-bottom: 5px;
	}
	.subHomepage h1 {
		margin-top: -5px;
	}

/* ************* LISTS ************* */
#content ul,
#content ol {
	margin: 0 0 20px 20px;
}
#content ul ul,
#content ol ol {
	margin: 0 0 0 0;
}
#main ol ul {
	margin: 0;
}
	ol li li {
		list-style-type: lower-latin;
	}
	#main ul li {
		background: url(../images/arrow-black.png) no-repeat 0 5px;
		list-style: none;
		padding-left: 20px;
		margin-top: 10px;
	}
		#main ul li:first-child {
			margin-top: 0 !important;
		}
			#main ul ul li,
			#main ol ul li,
			#main .toggleBox ul li {
				background: url(../images/arrow-mini.png) no-repeat 0 7px;
				padding-left: 15px;
				margin-top: 1px;
			}
		#main ul.redArrows {
			margin-left: 20px;
			margin-bottom: 25px;
		}
			#page #main ul.redArrows li {
				background: url(../images/arrow-red.png) no-repeat 0 1px;
				margin-top: 10px;
				padding-left: 20px;
				font-size: 1.2em;
			}
		#main table ul li {
			background-position: 0 2px;
		}
		#content ol {
			margin-left: 0;
			padding-left: 36px;
		}
			#content ol ol {
				padding-left: 17px;
			}
		.documentText ul,
		.documentText ol {
			overflow: hidden;
		}
		#content .toggleBox ul,
		#content .toggleBox ol {
			margin-left: 0;
		}
		#main #siteMap ul {
			margin-top: 10px;
		}
		#main #siteMap li {
			margin-top: 10px;
			font-weight: bold;
			font-size: 15px;
		}
		#main #siteMap li li li li li {
			font-weight: normal;
			font-size: 12px;
		}

/* ************* FORMS ************* */
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle;}

#main input[type=text], #main .field, #main textarea, #main select {
	border: 1px solid #d1d1d1;
	padding: 4px;
	-webkit-box-shadow: inset 1px 1px 2px 0px #e7e7e7;
	box-shadow: inset 1px 1px 2px 0px #e7e7e7;
	}
	#main input[type=text], #main .field {padding: 5px;}
input[type=checkbox] {position: relative; =top: -2px;}

#main fieldset {margin-bottom: 15px;}

.button, button, input[type=submit], .button-purple a, .button-purple a.external, a .button-purple, .button-white a, #main .eshopLink a, #main .linkButtons a /*, .mainOffers p a, , */ {
	display: inline-block;
	background: url(../images/stripes.png) repeat-x 0 -474px #6a2d5b;
	padding: 6px 15px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid #6d2c5c;
	-webkit-border-radius: 6px;
  border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	margin-right: 15px;
	line-height: 1.3em;
	font-family: 'Arial CE', Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(0,1,1,.2);
	}
.bigButton {font-size: 1.2em; text-transform: uppercase; padding: 5px 15px;}
.button:active, .button:focus, .button-purple a:active, a:active .button-purple, .button-purple a:focus, a:focus .button-purple, #main .eshopLink a:active, #main .eshopLink a:focus, input[type=submit]:focus {
	background: #6a2d5b;
	-webkit-box-shadow: inset 0 0 3px 0 #333;
	box-shadow: inset 0 0 3px 0 #333;
	}

body .whiteButton, button.whiteButton, .button-white a, #main .linkButtons a, input.gsc-search-button {
	background: url(../images/stripes.png) repeat-x 0 -390px #e1e1e1;
	color: #333 !important;
	border: 1px solid #e5e2e2;
	text-shadow: none;
	}
	body .whiteButton:active, body .whiteButton:focus, .button-white a:active, .button-white a:focus,  #main .linkButtons a:active,  #main .linkButtons a:focus, input.gsc-search-button:active, input.gsc-search-button:focus {
		background: #e1e1e1;
		border-color: #999;
		color: #333 !important;
		-webkit-box-shadow: inset 0 1px 2px 0 #8f8f8f;
		box-shadow: inset 0 1px 2px 0 #8f8f8f;
		}

.button a, .button-purple a, a .button-purple,{color: #FFF; text-decoration: none;}
a.whiteButton:hover {color: #333;}
.documentText .button {	margin-right: 10px;}
.documentText p .button-purple a, .documentText p .button-white a {margin-bottom: 20px;}

/* buttons css3 reset */
#main ul.linkButtons {overflow: visible;}
#main ul.linkButtons li {background: none; padding-left: 0; float: left; margin: 0;}
#main .rgt .button, #main .right .button {margin: 0 0 0 20px;}
.ie9 input, .ie9 button {border-radius: 0 !important; box-shadow: 0 0 0 0 !important;}

#main .mobileMapsButtons .button {
	margin-top: 10px;
}

/* IE button fix */
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

.fCell, .fRow {clear: both; padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
label, .fCell span {
		display: block;
		font-weight: bold;
		float: left;
		width: 220px;
		line-height: 1.2em;
		padding-top: 5px;
		margin-right: 15px;
		padding-left: 20px;
		}
.fCell span.item, .fCell input+label, .fCell div+label, .inlineLabels label {display: inline; float: none; width: auto; padding: 0;}
label.inlineLabel, .item label {display: inline; white-space: nowrap; width: auto; float: none; padding-left: 0;}
.fCell input+label {font-weight: normal;}
em.required {margin-left: -8px;}
#recaptcha_area table {width: auto;}

#main .fCell input[type=text], #main .fCell .field, #main .fCell textarea{width: 250px;}
/**/#page #main input.dijitArrowButtonInner {width: 7px; border: 0;}
/**/#page #main input.dijitValidationInner {width: 28px; border: 0; background-color: transparent; }
/**/#page .tundra .dijitSpinnerButtonContainer {width: 15px;}
#main input.dijitArrowButtonInner, #main input.dijitInputInner {padding: 4px 0 3px 0; font-size: 1.1em;}
.tundra .dijitReset {color: #333;}
.tundra .dijitMenuItem {font-size: 1.2em; padding: 5px 8px;}
.tundra .dijitMenuItemSelected {background:  #e60000; color: #FFF;}
.tundra .dijitTextBox .dijitButtonNode {border-color: #c0c0c0;}
/**/.tundra .dijitInputContainer INPUT, .tundra .dijitTextBox {}
.tundra .dijitComboBox {padding: 0;}
.tundra .dijitCheckBox, .tundra .dijitCheckBoxIcon {position: relative; top: 2px;}
.tundra #main .dijitError {background: #e60000; color: #FFF;}
.tundra .dijitTextBoxFocused, .tundra .dijitMenu, .tundra .dijitMenuBar {border-color: #999;}
.tundra .dijitCalendarDateTemplate {padding: 6px;}
.tundra .dijitCalendarContainer {font-size: 1.2em;}
.tundra .dijitCalendarDayLabelTemplate {padding: 6px;}
.tundra .dijitCalendarSelectedYear {background: none !important; color: #eb0000; padding: 0;}
.tundra .dijitCalendarSelectedDate {background: #eb0000 !important; color: #FFF !important;}
.tundra .dijitCalendarHoveredDate {background: #EEE;}
.tundra .dijitCalendarMonthLabel {padding: 3px 5px;}
.tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {background: #eb0000;}
.tundra .dijitTooltipContainer {border: 0; padding: 10px 15px; background: #FFFFEB; -webkit-border-radius: 0; border-radius: 0; text-align: left; border: 1px solid #F6B040}
.tundra .dijitTooltipBelow .dijitTooltipConnector,.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {background-image: url(../images/tooltipConnectorUp.png)}
.tundra .dijitTooltipAbove .dijitTooltipConnector, .dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector {background-image: url(../images/tooltipConnectorDown.png)}
.tundra .dijitTooltipLeft .dijitTooltipConnector, .dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {background-image: url(../images/tooltipConnectorRight.png)}
.tundra .dijitTooltipRight .dijitTooltipConnector, .dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {background-image: url(../images/tooltipConnectorLeft.png)}
.tundra .dijitContentPaneLoading {
	background:url(../images/loader.white.gif) no-repeat left center;
	line-height: 2em;
}

p.buttons {padding-left: 100px;}

fieldset br {display: none;}

#pressCenterFilter fieldset {background: #F4F4F4; padding: 12px 15px;}
#pressCenterFilter select, #pressCenterFilter input {margin-right: 15px;}
#pressCenterFilter input#fulltext {width: 200px;}

.searchForm .field {width: 300px;}
.searchForm label {margin-right: 15px;}

#searchForm {position: relative;}
#searchForm label {padding-left: 0; width: 90px; white-space:nowrap; }
#searchForm .field {width: 690px;}
#searchForm .inlineLabel {font-weight: normal;}
#searchForm p.clear {margin-left: 102px;}
#searchForm .button {position: absolute; top: 0; right: 0;}

.rekapForm .fRow {border: 0; padding: 5px; margin: 0 -5px; overflow: hidden;}
.rekapForm .oddRow {background: #FFF;}
.rekapForm label {width: 165px; padding-left: 0;}
.rekapForm .required {margin: 0 0 0 4px; color: #008698}
.rekapForm .center {padding-top: 10px;}
.rekapForm .fRow img {vertical-align: middle;}

/* css 3 */
#main {
	-webkit-box-shadow: 2px 2px 0px 0px #dbdbdb;
	box-shadow: 2px 2px 0px 0px #dbdbdb;
	}
	.homepage #main, #main .fCell input.dijitArrowButtonInner, #main .fCell input.dijitValidationInner, .tundra #main .dijitError input, #page #main .dijitArrowButtonInner {
		-webkit-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		}
#mainMenu ul.submenu, #loginBox .menu, .termCell {
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
}

#mainMenu li.hasChild a:hover span, #mainMenu li.hasChild:hover a span, #mainMenu li.hasChild:hover strong span, #mainMenu a:focus span {
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	}

#search, .termCell {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

#twitterFeed .twtr-doc, #twitterFeed .twtr-timeline {
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* *************** FILETYPES ****************** */
#page #main .fileList li {
	border-top: 1px solid #ccc;
	padding: 15px 0;
	margin: 0;
	background: none;
	}
	#page #main .fileList li:first-child {border: 0;}
	.fileList em {float: right; font-style:normal;}
	.fileList a {
		float: left;
		background: url(../images/icons-filetypes.png) no-repeat -200000px -200000px;
		padding-left: 21px;
		font-style: normal;
		}
		.fileList a.icoPDF {background-position: -480px 2px;}
		.fileList a.icoDOC {background-position: -450px -27px;}
		.fileList a.icoPPT {background-position: -420px -57px;}
		.fileList a.icoXLS {background-position: -390px -87px;}
		.fileList a.icoJPG, .fileList a.icoGIF, .fileList a.icoPNG, .fileList a.icoBMP {background-position: -270px -207px;}
		.fileList a.icoVIDEO, .fileList a.icoAVI {background-position: -330px -147px;}
		.fileList a.icoHTML {background-position: -210px -267px;}
		.fileList a.icoTXT,.fileList a.icoUNKNOWN, .fileList a.icoJAVA {background-position: -240px -237px;}
		.fileList a.icoEPS, .fileList a.icoCDR {background-position: -360px -117px;}
		.fileList a.icoFLASH {background-position: -150px -327px;}
		.fileList a.icoZIP {background-position: -300px -177px;}

.searchResultDownload {padding-top: 7px;}

/* ********************************************** */
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */

#page {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	font-size: 1.2em;
	line-height: 1.7em;
	position: relative;
	}

.breadcrumbs {margin: 0 0 0 20px; padding-bottom: 10px;font-size: 0.9em;  }
	.breadcrumbs span span {margin: 0 4px;}
	.breadcrumbs strong {font-weight: normal;}
	#main .breadcrumbs {margin: 4px 0 0 0; padding: 0 0 11px 0; background: #FFF;}
	.subHomepage #main .breadcrumbs {padding-top: 0; margin-bottom: 11px;}

.column {float: left; _float: none;}

#directoryHeader {margin-bottom: 20px;}

#main {
	margin: 0 0 10px 0;
	padding: 5px 30px 0 20px;
	background: url(../images/line-v.gif) no-repeat 210px 39px #FFF;
	border-bottom: 25px solid #FFF;
	position: relative;
	=z-index: 0;
	}

		.fullPage #main {background: #FFF;}
		.homepage #main {padding: 0; background: url(../images/hp-boxes-bg.png) no-repeat; border: 0;}
	#maincol {width: 100%;}
			#content {margin: 0 0 0 215px; min-height: 10px;}
			.subHomepage #content, .fullPage #content, .homepage #content, .contentSidebarPage #content {margin-left: 0;}
			.contentSidebarPage #content {margin-right: 218px;}
			.subHomepage #main {padding-top: 20px; background: #FFF;}
			.contentSidebarPage #main {padding-top: 5px; background: #FFF;}
			.threeColumnLayout #content, .subHomepage #content {margin-right: 210px;}
			.homepage #content {margin-right: 236px;}
	#sidecol1 {
		width: 190px;
		margin-left: -100%;
		min-height: 10px;
		_margin: 0;
		_width: auto;
		}
	#sidecol2 {
		width: 190px;
		margin-left: -190px;
		min-height: 10px;
		_margin: 0;
		_width: auto;
		}
		.homepage #sidecol2 {width: 237px; margin-left: -237px;}
	.iframe {margin-bottom: 20px;}
	#bottomPosition { border-top: 1px solid #dddbdc; padding-top: 20px; background: #FFF; padding-bottom: 1px;}

/* *********** layout elements ************ */
.perex {
	border-top: 1px solid #DEDBDB;
	padding-top: 17px;
	margin-top: 20px;
	}
	.perex img {margin-bottom: 20px;}
	.date {color: #999; font-size: 0.9em; margin-bottom: -3px;}
	span.date {text-align: right; display: block;}
	.documentRelease span.date {text-align: left;}

	.homepageNewsPerex {border: 0; padding: 0; margin: 0;}
	.pressCenterPerex {border: 0; border-bottom: 1px solid #DEDBDB;	padding: 0 0 1px 0; margin: 0 0 15px 0;}
		.pressCenterPerex h2 {margin-bottom: 0; font-size: 1.2em;}
		.pressCenterPerex .documentRelease {font-size: 1.1em; margin-bottom: 5px; color: #999999;}
		.pressCenterPerex .date {display: inline;}
		#main .mainOffers .pressCenterPerex {border: 0; padding-bottom: 0; margin-bottom: 0;}
		.mainOffers .pressCenterPerex h2 {margin-bottom: 5px; border: 0; padding-bottom: 0;}
		.mainOffers .pressCenterPerex p {margin-right: 10px;}

.subHpPerex, .mainOffers .dojoDndItem, .mainOffers .pressCenterPerex {
	float: left;
	margin-bottom: 25px;
	margin-left: 10px;
	position: relative;
	}
	.mainOffers .subHpPerex, .mainOffers .dojoDndItem, .mainOffers .pressCenterPerex {width: 225px;}
		.mainOffers .dojoDndItem {margin-left: 5px;}

		.mainOffers .subHpPerex:first-child, #carouselOffers .carouselPerex:first-child, .mainOffers .pressCenterPerex:first-child,
		.mainOffers .subHpPerex:nth-child(3n+1), #carouselOffers .carouselPerex:nth-child(3n+1) {margin-left: 0;}

		.mainOffers h2, #carouselOffers h2, #sidecol2 h2, .mainOffers h3 {border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 18px; font-size: 1.4em; line-height: 1em; padding-top: 4px; padding-right: 110px;}
		.mainOffers h2 {padding-right: 0;}
		.mainOffers h2 a, #carouselOffers h2 a, .mainOffers h3 a {text-decoration: none; display: block;
		/*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/
		}
		.mainOffers h2 a:hover, #carouselOffers h2 a:hover, .mainOffers h3 a:hover {text-decoration: underline;}
		 .mainOffers h3 {font-size: 1.3em;}

		.mainOffers .perexImg, #carouselOffers .perexImg {width: 100%; height: 130px; overflow: hidden; display: inline-block; margin-bottom: 5px;}
			#carouselOffers .perexImg {height: 200px;}
		.mainOffers .perexImg img, #carouselOffers .perexImg img {width: 100%;}

		.mainOffers .subHpPerex:nth-child(4) {clear: left;}

		.mainOffers .subHpPerex p {min-height: 105px; margin-right: 10px;}
		.subHomepage .mainOffers .subHpPerex p { clear: both;}
		#main .mainOffers .subHpPerex p.right {min-height: inherit;}

#carouselPerexWrapper1, #carouselPerexWrapper2, .carouselPerex article {width: 340px; position: relative;}
.carouselPerex {width: 100%; height: 450px;}
		.adminView .carouselPerex {height: auto;}
		.adminView .carouselPerex div {position: relative !important; top: 0 !important; left: 0 !important;}
		.adminView .carouselItemsControls {display: none;}
	#carouselOffers h2 {border-right: 1px solid #CCC;}
	.carouselPerex .button {margin: 0 5px 5px 0;}


.novinka {position: absolute; top: -7px; right: -7px; width: 121px; height: 117px; background: url(../images/novinka-big.png) no-repeat;}
.subHpPerex .novinka {top: 27px; right: -4px; width: 83px; height: 79px; background: url(../images/novinka.png) no-repeat;}

/* carousel controls */
.carouselItemsControls  {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 5px 0 0;
	z-index: 500;
	}
	#page .carouselItemsControls li {background: none; padding: 0; margin: 0; display: inline-block;}
	.carouselItemsControls a {text-decoration: none;}
		.carouselItemsArrows, .carouselItemsNrs {float: right;}
			.carouselItemsArrows {margin-left: 7px;}
				.dojoxRotatorIcon a  {
					border: 1px solid #e8e8e8;
					display: inline-block;
					background: #fbfbfb;
					line-height: 5px;
					padding: 7px 6px 9px 6px;
					font-weight: bold;
					margin-left: 3px;
					}
					.dojoxRotatorIcon span, .dojoxRotatorNumber span {display: none;}
					.carouselItemArrowRight {border-left: 0;}
					.dojoxRotatorNext a {background: url(../images/arrow-mini.png) no-repeat center center;}
					.dojoxRotatorPrev a {background: url(../images/arrow-mini-2.png) no-repeat center center;}

	.carouselItemsNrs {line-height: 1em;}
	.dojoxRotatorNumber a {
		background: url(../images/stripes.png) no-repeat -55px 10px;
		display: inline-block;
		width: 15px;
		height: 22px;
		}
		.dojoxRotatorSelected a {background-position: -25px 10px;}

#headerCarouselWrapper {
	position: relative;
	margin-left: -22px;
	margin-right: -22px;
	z-index: 0;
	}
	#headerCarouselWrapper li {list-style: none;cursor: pointer;}
	.headerCarousel {
		height: 263px;
		width: 994px;
		overflow: hidden;
		}
	#headerCarouselWrapper .dojoxRotatorIcon, #headerCarouselWrapper .dojoxRotatorIcon a {
		position: absolute;
		width: 22px;
		height: 263px;
		background: url(../images/stripes.png) no-repeat;
		top: 0;
		padding: 0;
		margin: 0;
		border: 0;
		outline: none; z-index: 430;
		}

		#headerCarouselWrapper .dojoxRotatorPrev {left: 0; background: none;}
		#headerCarouselWrapper .dojoxRotatorNext {right: 0; background: none;}
/*		#headerCarouselWrapper .dojoxRotatorPrev a {background-position: -44px -38px;}
		#headerCarouselWrapper .dojoxRotatorNext a { background-position: -66px -38px;}
*/		#headerCarouselWrapper .dojoxRotatorPrev a {background-position: 0 -38px; outline:none;}
		#headerCarouselWrapper .dojoxRotatorNext a {background-position: -22px -38px; outline:none;}

	#headerCarouselWrapper .dojoxRotatorNumber {padding: 0 0 0 0; top: 15px; background: url(../images/stripes.png) no-repeat 100% -448px; position: absolute; z-index:430; line-height: 8px; width: 40px;}
		#headerCarouselWrapper .dojoxRotatorNumber a {background: url(../images/stripes.png) no-repeat -136px -265px; width: 34px; height: 22px; margin-left: 10px;}
		#headerCarouselWrapper .dojoxRotatorSelected a {background: url(../images/stripes.png) no-repeat -107px -266px}
		#headerCarouselWrapper .dojoxRotatorFirst {width: 20px;}
		#headerCarouselWrapper .dojoxRotatorPane0 {right: 217px; z-index:435;}
		#headerCarouselWrapper .dojoxRotatorPane1 {right: 170px; z-index:434;}
		#headerCarouselWrapper .dojoxRotatorPane2 {right: 145px; z-index:433;}
		#headerCarouselWrapper .dojoxRotatorPane3 {right: 130px; z-index:432;}
		#headerCarouselWrapper .dojoxRotatorPane4 {right: 75px; z-index:431;}

/* document */
.documentData {font-size: 0.9em; text-align: right;}


/* ************** SUBMENU ***************** */
.menuRoot {
	font-size: 1.3em;
	display: block;
	padding: 8px 10px 8px 0;
	text-decoration: none;
	line-height: 1.1em;
	color: #333;
	}
	a.menuRoot:visited {color: #333;}
	a.menuRoot:hover {text-decoration: underline; color: #e60000;}

	#sidecol1 ul  {
		list-style: none;
		margin: 0 0 30px 0;
		}
		#sidecol1 ul li {margin: 0;}
		#sidecol1 ul li, #sidecol1 ul ul li {
			border-top: 1px solid #dedbdb;
			background: none;
			padding: 0;
			margin: 0;
			}
			#sidecol1 ul li:first-child {border: 0;}
			#sidecol1 ul ul li:first-child {border-top: 1px solid #dedbdb;}
			#sidecol1 ul li a, #sidecol1 ul strong {
				text-decoration: none;
				color: #525252;
				font-size: 1.1em;
				display: block;
				line-height: 1.3em;
				}
				#sidecol1 ul li a span { line-height: 1.2em;}
				#sidecol1 ul span {
					display: block;
					padding: 7px 20px 8px 10px;
					}
				#sidecol1 ul li strong {background: url(../images/submenu-bg.png) no-repeat top left #2c2c2c; color: #FFF; font-weight: normal;}
					#sidecol1 ul li strong:before {
						content: "";
						display: block;
						float:right;
						width: 12px;
						height: 32px;
						left: 12px;
						position: relative;
						background: url(../images/submenu-bg.png) no-repeat top right;
					}
				#sidecol1 ul li a:hover {text-decoration: underline; color: #e60000;}
		#sidecol1 ul ul {margin: 0; border: 0; background: #f4f4f4;}
		#sidecol1 ul li strong.open {background-color: #2c2c2c;}
		#sidecol1 ul li a.open  {background-color: #f4f4f4;}
				#sidecol1 ul ul span {
					background: url(../images/sidemenu-icons.png) no-repeat -82px 12px;
					padding: 7px 15px 8px 26px;
					font-weight: normal;
					}
					#sidecol1 ul ul .open span {background-position: -39px -35px;}

						#sidecol1 ul ul ul li, #sidecol1 ul ul ul li:first-child {}
						#sidecol1 ul ul ul span {background-position: -67px 11px; font-size: 0.9em; padding: 7px 12px 8px 40px;}
						#sidecol1 ul ul ul ul span {background-position: 39px -84px; padding-left: 50px;}
						#sidecol1 ul ul ul .open span {background-position: -23px -38px;}

						#sidecol1 ul ul strong.open span {background-position: -81px -87px;}
						#sidecol1 ul ul ul strong.open span {background-position: -67px -87px;}
						#sidecol1 ul ul ul ul strong.open span {background-position: 39px -181px;}

			#sidecol1 nav a:focus {color: #D90000; background: inherit;}


/* **************** FAQ *********************** */
#sidecol2 .faqItem {border: 0; margin-bottom: 5px; padding: 0;}
.faqItem h3, #main .faqItem h3.closedToggle {cursor: pointer; margin-bottom: 5px; background: url(../images/arrow-black.png) no-repeat 0 5px; padding-left: 20px; font-weight: normal; font-size: 1em;}
.faqItem h3:hover, #main .faqItem h3.closedToggle:hover {color: #e60000; text-decoration: underline;}
.faqItem .toggleBoxContent {margin: 0 0 0 0; padding: 0 0 0 20px; font-style:italic}
.faq p.right {border-top: 1px solid #ccc; margin-top: 15px; padding-top: 10px; font-weight: bold;}

/* related services */
.relatedServices {clear: both;}
.relatedServices li>a {font-weight: bold;}
#main ul.relatedServices li {padding-left: 40px; background: url(../images/services-stripes.png) no-repeat;}
	#main ul li.relatedServiceInternet {background-position: -470px 4px;}
	#main ul li.relatedServiceMms {background-position: -430px -36px;}
	#main ul li.relatedServiceRoaming {background-position: -376px -76px;}
	#main ul li.relatedServiceDataRoaming {background-position: -348px -116px;}
	#main ul li.relatedServiceForeignCalling {background-position: -308px -156px;}

/* eshop link */
.eshopLink {clear: both;}
.eshopLink .lft {width: 69%;}
.eshopLink .rgt {width: 30%; text-align: right;}

/* management */
.management h2 {border: 0; padding: 0; margin-bottom: 0;}
.management hgroup, .management div {margin-left: 115px;}

/* search results */
.searchResultItem {margin-bottom: 25px;}
.searchResultItem h3 {float: left; margin-bottom: 6px;}
.searchResultItem span.date {float: right;}

/* social widget */
#socialWidget {
	position: fixed;
	top: 150px;
	left: 0;
	width: 65px;
	background: #e8e8e8;
	border: 1px solid #dbdbdb;
	padding: 15px 5px 7px 5px;
	z-index: 400;
	text-align: left;
	}
	.homepage #socialWidget {top: 280px;}
	#socialWidget #socW-close{display:block;cursor:pointer;position:absolute;top:-9px;right:-9px;background:#ADADAD url(../images/socWr-close.png) center no-repeat;width:16px;height:16px;border-radius:20px;-webkit-border-radius:20px;}

	#socialWidget iframe {margin-bottom: 5px;}

/* centrum pece hack */
.widget-vfcz {padding-top: 20px;}
.widget-vfcz ul.list {clear: both;}
.widget-vfcz ul li {padding-top: 0;}
.widget-vfcz ul li:first-child {padding-top: 13px;}
.widget-vfcz ul li h3 a {background-position: 9px 2px; padding-left: 40px; font-weight: normal; font-size: 1.1em;}
.widget-vfcz a.button {height: auto; line-height: 1.4em; font-size: 1.1em;  margin: 0;}
.widget-vfcz a.button span {height: auto;}
.widget-vfcz h2 span.normal { font-size: 0.8em; =float: none;}
.widget-vfcz h2 {margin-bottom: 8px; color: #333; font-size: 1.5em;}
.widget-vfcz ul li.important h3 a {font-weight: normal;}
.widget-vfcz h2 a {color: #000;}
.widget-vfcz a:hover, .widget-vfcz h2 a:hover {color: #e60000;}
.widget-vfcz a.button:hover {color: #FFF;}

/* homepage */
.homepageBox {
	float: left;
	width: 240px;
	padding: 25px 0 40px 0;
	position: relative;
	min-height: 337px;
	}
	.homepageBox h2, .homepageBox p, #main .homepageBox ul, .homepageBox h3 {margin-left: 20px; margin-right: 20px;}
	.homepageBox h2 {
		border: 0;
		padding: 0;
		}
		.homepageBox h2 a {color: #e60000; text-decoration: none;}
			.homepageBox h2 a:hover {color: #333; text-decoration: underline;}
	.cena, .telefon {font-size: 1.5em;}

	.bottom {position: absolute; bottom: 5px;}

.homepage .homepageBox img { max-height: 200px; }

.homepage #sidecol2 h2, #main .mobileMenu li {
	background: url(../images/stripes.png) 0 -301px #adadad;
	border: 0;
	margin: 0;
	padding: 0;
	}
	.homepage #sidecol2 h2 a, #main .mobileMenu li a {color: #4f4d4d; text-decoration: none; display: block; padding: 13px 15px 13px 53px; background: url(../images/stripes.png) no-repeat -310px -142px}
	.homepage #sidecol2 h2 a:hover, .homepage #sidecol2 .mobileMenu a:hover {color: #4f4d4d; text-decoration: underline;}
	.homepageNewsPerex a { display: block; border: 1px solid #F1EFEF; border-bottom: 1px solid #d9d7d7; padding: 15px 20px 1px 20px; line-height: 1.5em; text-decoration: none;}
		.homepageNewsPerex a:hover {
			-webkit-box-shadow: inset 0px 0px 10px 0px #d3d3d3;
			box-shadow: inset 0px 0px 10px 0px #d3d3d3;
			border: 1px solid #FFF;
			}
			.homepageNewsPerex h3 {font-size: 1em; margin-bottom: 0; text-decoration: underline;}
			.homepageNewsPerex a:hover h3 {color: #e60000;}
	.homepage #sidecol2 a.linkArrow {padding: 10px 20px; display: inline-block; background-position: 5px 15px; font-weight: bold;}
	.homepage #sidecol2 p.right {margin: 0;}

#main .mobileMenu {display: none;}
/****************Tarify*******************/
#pageTarify #main{background:none;background-color:#fff;}
#pageTarify #content{margin:0}
#pageTarify .ediceBalickyTarifuImages{width:82%;margin:auto}
/*#pageTarify  .subHpPerex{width:100%;margin-left:0}*/
/*#pageTarify .mainOffers .subHpPerex{width:32%;margin-left:10px}*/
#pageTarify #clockWork{width:90%;margin:auto}
#pageTarify .mainOffers{width:100%}
#pageTarify h2.title{clear:both}

/* gallery */
.imageGallery {margin-bottom: 25px;}
.imageGalleryBox {
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 10px;
	}
	.imageGalleryBox .highslide img {border: 0;}

/* rezervace */
.prodejnaInfoCol {float: left; width: 28%;}
.prodejnaInfoColLast {}
.termCell {
	background: #3d9fac;
	color: #FFF;
	text-align: center;
	width: 110px;
	float: left;
	padding: 5px 0;
	border: 1px solid #FFF;
	margin: 10px;
	font-weight: bold;
	cursor: pointer;
	}
	.termCell.selected {background: #E60000;}
.reservationTableBox {padding-bottom: 10px; overflow: hidden; _display: inline-block;}
.reservationTableBox p {margin-bottom: 1px;}
.reservationBtns {float: right;}
.reservationBtns button {margin:-3px 0 0 10px;}

#Booking_Calendars table {float: right; width: 330px;
	border: 3px solid #fff;
	margin-bottom: 25px;
	box-shadow: 0 3px 5px 1px #D8DADA;
	border-collapse:separate;
	border-spacing: 0;
	font-size: 1.1em;
	}
#Booking_Calendars table:first-child {float: left;}
#Booking_Calendars .bookingCalendar th {
	background: #616161;
	background: -moz-linear-gradient(top,  #616161 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #616161 0%,#000000 100%);
	background: -o-linear-gradient(top,  #616161 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #616161 0%,#000000 100%);
	background: linear-gradient(top,  #616161 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#000000',GradientType=0 );
	color: #FFF;
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	border-right: 0;
}
.bookingCalendar tr td {background: #f4f4f4; text-align: center;}
.bookingCalendar tr td {border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #FFF; border-top: 1px solid #FFF;}
.bookingCalendar tr td:first-child {border-left: 0;}
.bookingCalendar td.bookingCalendarDayName {background: #d4d4d4; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #FFF; border-top: 0; font-size: 1.1em; font-weight: bold;}
.bookingCalendar td.bookingCalendarDayName:first-child {border: 0;}
.bookingCalendar td.bookingCalendarWeekend {background: #e6e6e6; color: #adadad;}
.bookingCalendar td.bookingCalendarInactive {color: #acacac;}
.bookingCalendar td.bookingCalendarEnabled {color: #323232; font-weight: bold; cursor: pointer;}
.bookingCalendar td.bookingCalendarHover, .bookingCalendar td.bookingCalendarSelected {background: #3D9FAC; color: #fff;}

.reservationBox {
	border: 1px solid #d4d4d4;
	background: #f6f8f9;
	margin-bottom: 25px;
	box-shadow: 0 3px 5px 1px #D8DADA;
	}
	.dateBox {
		background: #e4e4e4;
		border-bottom: 1px solid #d4d4d4;
		padding: 10px;
		color: #3D9FAC;
		}
		.dateBox p {float: left; margin-bottom: 0; padding-top: 3px;}
		.dateBox select {float: right;}
		.dateBox strong {font-size: 1.5em; color: #3D9FAC; text-align: center; width: 180px; display: inline-block;}
		.dateBox a {font-size: 0.9em; margin: 0 4px; width:5px;}
		.dateBox span {margin: 0 2px;}
		.dateBox select {font-size: 0.9em;}

 	.serviceSelection {
		background: #FFF;
		font-size: 0.9em;
		padding: 10px 15px;
		}

	.reservationTableBox {margin: 0 10px;}
	.reservationBox table {width: 100%;}
	.reservationBox th {padding: 0; border: 0;}
	.reservationBox th.timeCol {width: 30px; background: none; border: 0;}
	.reservationBox th.topResHeading {text-align: center; padding: 0; border: 0;}
	.topResHeading img {margin-bottom: 7px;}
	.reservationBox td {padding: 3px 10px;}
	.reservationBox th.resHeading {padding: 4px; background: none;}
	.reservationBox td, .reservationBox th.resHeading {background: url(../images/dots-v.gif) no-repeat right center}
	.reservationBox td, .reservationBox th.topResHeading {border-bottom: 1px dotted #939292; padding: 0; background: none;}
	.reservationBox td.selected {background-color: #008698;  cursor: pointer;}
		.reservationBox td.pastTime  {background-color: #dfdfdf; cursor: auto;}
		.reservationBox td.booked {background-color: #dfdfdf; cursor: auto;}

	.resHeading em {display: block; padding: 0 16px 0 5px; text-align: right; font-style:normal; background: url(../images/time-bg.gif) no-repeat top right;}

	.pastTime .resHeading em {background-color: #e4e4e4; color: #b7b7b7;}
	.nowTime .resHeading em {background-color: #a4a4a4; color: #fff; background-position: bottom right;}
	.futureTime .resHeading em {background-color: #e4e4e4; color: #333;}

	#main .reservationBox ul {font-size: 0.9em;  margin-left: 58px;}
	#main .reservationBox li {background: none; padding-left: 0;}

	.reservationBox .breadcrumbs {display: none !important;}
	.reservationBox li img {vertical-align: middle;}
/* *** */
#rekapitulace {background: #f6f8f9;}
#rekapitulace h2 {border: 0; padding-bottom: 0; font-size: 1.4em; color: #008698;}

.rekapTop {background: #e4e4e4; padding: 20px; font-size: 1.1em;}
.rekapTop table {margin-bottom: 0;}
.rekapForm {padding: 20px;}
#rekapitulace input.dijitInputInner, #rekapitulace textarea.dijitTextArea {width: 250px;}
.mandatory {color: #008698;}
.help {font-size: 0.8em; margin-left: 180px; font-style: normal; color: #676767; display: block;}

/* google search */
.gsc-control-cse, .gsc-control-cse .gsc-table-result {font-size: 14px !important;}
.cse .gsc-control-cse, .gsc-control-cse {padding: 0 !important;}
table.gsc-search-box td {background: #f3f3f3 !important; border: 0;}
table.gsc-search-box td .gsc-input {background: #FFF !important;}
table.gsc-search-box td.gsc-input {padding: 10px 12px !important;}
.gsc-tabsArea {
    clear: both;
    left: 20px;
    margin-bottom: 8px;
    margin-top: 6px;
    position: absolute !important;
    top: 96px;
	width: 170px;
}
.gsc-inline-block {display: block !important;}
.gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhActive {border: 0 !important; border-bottom: 1px solid #cccccc !important; padding: 5px 0 !important; background: #FFF !important;}
.gsc-tabHeader.gsc-tabhActive {font-weight: bold;}
table.gsc-table-result {margin: 0;}
table.gsc-table-result td, table td.gs-promotion-cell-td, table.gsc-resultsHeader td {border: 0; padding-left: 0; padding-right: 0;}
.gs-result .gs-title, .gs-result .gs-title * {color: #333 !important;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl, .gs-per-result-labels, .gcsc-branding, .gsc-branding {display: none !important;}
.gsc-webResult .gsc-result {border-color: #ccc !important;}
.gsc-results .gsc-cursor {display: block !important; text-align: center; padding: 12px 0;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color: #000 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {margin-right: 12px !important;}
table.gsc-completion-container td {text-align: left !important;}
tr#promotion-separator {display: none !important;}

/* styling captions for PR team photo */
#pr-team {
	position: relative;
	width: 570px;
	max-width: 100%;
	margin: auto;
}
	#pr-team img {
		width: 100%;
	}
		#pr-team .pointer {
			display: block;
			width: 4.38%;
			height: 6.57%;
			position: absolute;
		}
		#cepicky.pointer {
			left: 10.5%;
			top: 44%;
		}
		#konopkova.pointer {
			left: 32.1%;
			top: 50.26%;
		}
		#houzarova.pointer {
			left: 48.77%;
			top: 72.37%;
		}
		#exnerova.pointer {
			left: 81.4%;
			top: 53.4%;
		}
			#pr-team .pointer .description {
				display: none;
				position: relative;
				left: -90px;
				top: -45px;
				z-index: 1;
				background-color: #f00;
				color: #fff;
				padding: 5px 10px 10px;
				min-width: 180px;
			}
				#pr-team .pointer .description h3,
				#pr-team .pointer .description p {
					margin: 0;
				}
				#pr-team .pointer .description h3 {
					margin-bottom: 10px;
					color: #fff;
					font-family: VodafoneLt;
					font-size: 20px;
				}
				#cepicky.pointer .description {
					left: -40px;
					width: 200px;
				}
				#exnerova.pointer .description {
					left: -100px;
				}
				#pr-team .pointer:hover .description {
					display: block;
				}
				#pr-team .pointer .image {
					width: 100%;
					height: 100%;
					background: url(../images/pr-pointer.png) 0 0 no-repeat;
					background-size: contain;
				}
#page-iphone-5 #content { margin-left: 215px; }

/* mapa */
#storesMap {position: relative; border-top: 1px solid #ccc; margin-bottom: 15px;}
#widget_address {width: 320px; margin-right: 10px; vertical-align: middle;}
#map_store_search_bar {padding: 15px 15px 0 15px; margin-bottom: 10px; vertical-align: middle;}
	#map_store_search_bar label {width: 120px; display: block; float: left; text-align: right; margin-right: 10px;}
	#map_store_search_bar form input {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    vertical-align: middle;
	padding: 3px 8px;
	}
	#map_store_search_bar form button {margin-right: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; vertical-align: middle;}

#map_store_filter {margin-bottom: 15px; padding: 0 15px;}
	#map_store_filter strong {width: 120px; display: block; float: left; text-align: right; margin-right: 10px;}
	#map_store_filter input {margin-left: 10px; position: relative; top: -1px;}

#map_region_select {float: right; margin-top: 25px;}
#map_context_menu {
	position: absolute;
	top: 100px;
	min-width: 100px;
	z-index: 2000;
	background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 3px 3px 3px 0 #AAAAAA;
    padding: 8px;
	visibility:hidden;
}

#map_context_menu a {
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 22px;
	height: 22px;
	padding: 1px 10px;
}

ul#map_context_menu li {
	list-style: none !important;
	padding: 1px !important;
	margin: 0 !important;
	background: none !important;
	font-size: 1.2em;
}
#map_context_menu li:hover a {background-color: #E60000; color: #FFF;}
#map_context_menu li.separator {border-top: solid 1px #ccc;}

#map_directions {
	top: 47px !important;
	right: 10px !important;
	border: 1px solid #CCC;
	background: #FFFFFF;
	 border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 3px 0 #AAAAAA;
    padding: 8px;
	display: none;
	}
	#map_directions_from, #map_directions_to {
		border: 0 !important;
		background: #E60000;
		color: #FFF;
		padding: 3px 5px;
		font-size: 0.9em;
		}
	#map_directions_from img, #map_directions_to img {vertical-align: middle; margin-right: 5px;}
	#map_directions_content td {border-top: 1px solid #CCC; padding: 5px 0; font-size: 0.9em; line-height: 1.2em;}
	#map_directions_content tr:first-child td {border: 0;}

#mobileMap #stores_map, #mobileMap #storesMap {
	position: absolute !important;
	top: 44px !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	height: 100% !important;
	z-index: 4;
	}
	#mobileMap #stores_map {top: 0 !important;}
#mobileMap #stores_map {border-top: 1px solid #fff;}
#mobileMap #map_store_search_bar, #mobileMap #map_store_filter {display: none;}
#mobileMap .button-white {}
#mobileMap .mobileMapLista .whiteButton {font-size: 1.3em; margin: 0; padding: 5px 13px 4px 13px;  }
#mobileMap .mobileMapLista .locationButton {padding:  4px 13px 0 13px; margin-top: 7px;}
.mobileMapLista {line-height: 43px; text-align: left; padding: 0 10px; background: url(../images/stripes.png) repeat-x 0 -604px;}
#mobileMap #bubbleRightCol .noStyle {display: table;}
#mobileMap #bubbleRightCol {width: auto; float: none;}
#mobileMap #storeBubble {width: 180px;}
#mobileMap #storesMap #stores_map #storeBubble .whiteButton {background: none; padding: 0; text-decoration: underline; color: #eb0000; font-size: 1em; -webkit-box-shadow: 0px 0px 0px 0px ; box-shadow: 0px 0px 0px 0px ; border: 0; -webkit-border-radius: 0px; border-radius: 0px; font-weight: normal; display: block;}
.mobileMapButton {display: none;}
#mobileMap #bubbleLeftCol, #mobileMap .noStyle, #mobileMap #storesMap #stores_map #storeBubble .streetViewBubbleButton, #mobileMap h2.clear {display: none;}


/* adsl */
#order_form { overflow: visible;background-color:#fff;border:1px solid #E4E3E3;padding:20px;-webkit-border-radius: 4px;border-radius:4px;box-shadow:0 2px 4px 0 #CCCCCC;-webkit-box-shadow: 0px 2px 4px 0px #cccccc;}
#order_form table.package_item td:first-child { width: 290px; }
#order_form .sep-lines { line-height: 25px; }
#order_form a.button{color:#fff}
.order-form-checking { text-align: center; padding: 50px 0; font-size: 1.2em; font-weight: bold; }
#order_form .infoBox strong {font-size: 1.3em;}
.package_item td, .package_item th {vertical-align: middle}
.package_item tr td {background: #FFF;}
.package_item label {width: auto; float: none; display: inline; margin: 0; padding-left: 5px;}
#order_form p.buttons {padding-left: 296px;}
#adslMapForm {border-top: 1px solid #CCC; padding: 15px 0;}
#adslMapForm label {text-align: right;}
#adslMapForm .whiteButton {vertical-align: middle;}
.tundra #adslMapForm  .dijitTextBox {padding: 0; margin-right: 10px;}
table.adslBubbleTable {margin-bottom: 0;}
.adslBubbleTable tr td {border: 0; background: #FFF; padding: 6px 10px 4px 0;}
#order_form table.noStyle td { vertical-align: middle; padding: 2px 10px 2px 0; }
#order_form .infoBox h3 { margin-top: 0; }
#order_form h3.error { font-size: 1.6em; }
img[id|="tooltip"]{ margin: 0 0 -2px 10px; }
/* adsl kontakt form */
body.hs-form { margin: 0; background-color: #fff; }
body.hs-form label { clear: both; }
body.hs-form #page { width: auto; }
body.hs-form #page #main { border-bottom: none; box-shadow: none; }
body.hs-form .fCell span, body.hs-form label {width: 280px;}
body.hs-form .buttons {padding-left: 280px;}
/* tabs */
.tabsForm .tab {
    display: block;
	float: left;
	border: 1px #FFF solid;
	border-bottom: none;
    margin-right: 5px;
    padding: 7px 16px;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background-color: #FFFFFF;
		border-radius: 6px 6px 0 0;
}
.tabsForm .tab:hover {background-position: 0 -44px;}
.tabsForm .tab-last {margin-right: 0;}
.tabsForm .tabHead {margin-bottom: -1px;}
.tabsForm .tabAct {
    background: #f0f0f0 !important;
    color: #525252;
	margin-bottom: -1px;
}
.tabsForm .tabAct span {
	display: inline-block;
	*display: inline; zoom: 1; /* IE inline-block FIX  */
	color: #E60000;
}
.tabsForm .tabBox {border-top: 1px #D3D3D3 solid;}
.tabsForm .fCell {border: 0; padding: 0;}
.tabsForm label {width: 90px;}
.tundra .tabsForm .dijitTextBox, .tundra  #captchaBox .dijitTextBox {padding: 0; background: none;}
.tundra  #captchaBox .dijitTextBox {width: 50px; vertical-align: middle;}

.tundra #captchaBox .dijitTextBox input { text-align: center; vertical-align: middle; background: #FFF;}
#captchaBox {margin-bottom: 15px; padding-top: 10px;}
#adsl_map #captchaBox {padding-left: 20px; margin-bottom: 25px;}
#captchaBox img {vertical-align: middle; margin: 0.1em;}
#captchaBox a img { vertical-align: middle; margin: 0}
.captchaRefreshLink {font-size: 0.8em;}
.captchaRefreshLink img { margin: 0 5px;}
.captchaButtons {padding-left: 130px;}
#order_form .backAdslButton {/*margin-top: -53px;*/ margin-right: 0;}
#widget_street, #tooltip-street-adsl {float: left;}

#homepagePopup {
	zoom: 1;
	position:fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:999;
	display: table;
	width: 100%;
	height: 100%;
	background: url(../images/custom-pages/popup/darken_bg.png);
}
.rgba #homepagePopup { background: rgba(0,0,0,0.6); }

#homepagePopup .popup-content {
	zoom: 1;
	width: 614px;
	height: 329px;
	position: absolute;
	top: 50%; left: 50%;
	margin: -164px 0 0 -307px;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	background:url(../images/hp-popup.jpg) no-repeat;

}
#homepagePopup .popup-content a{position:absolute;width:100%;height:100%;top:0;left:0}

#homepagePopup .popup-content .cl-btn{display:block;background:url(../images/popup-close.jpg) no-repeat;position:absolute;top:20px;right:20px;width:36px;height:34px;cursor:pointer}
#homepagePopup .close {
	position: absolute;
	width: 80px;
	height: 41px;
	top: -41px;
	right: 0;
	cursor: pointer;
	background: url(../images/custom-pages/popup/img_popup-close.gif) 0 0 no-repeat;
}

#homepagePopup #prepaid { position: relative; background: url(../images/custom-pages/popup/popup_prepaid.jpg) 0 0 no-repeat; width: 614px; height: 329px; }
#homepagePopup #prepaid a { position: absolute; top: 230px; left: 355px; }

#homepagePopup #postpaid { position: relative; background: url(../images/custom-pages/popup/popup_postpaid.jpg) 0 0 no-repeat; width: 614px; height: 329px; }
#homepagePopup #postpaid .iframe { position: absolute; top: 70px; left: 300px; }
#homepagePopup #postpaid iframe { border: 0; overflow: hidden; }

/* 3d reklama */
.banner3d {
		position: relative;
		width: 170px;
		min-height: 170px;
		z-index: 1;
		display: block;
	}
	.banner3d a {display: block;}
	.csstransforms3d .banner3d {
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		-o-perspective: 1000px;
		-ms-perspective: 1000px;
		perspective: 1000px;
	}
	.csstransforms3d .banner3dCard {
		width: 100%;
		height: 100%;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: all 0.5s linear;
		-moz-transform-style: preserve-3d;
		-moz-transition: all 0.5s linear;
		-o-transform-style: preserve-3d;
		-o-transition: all 0.5s linear;
		-ms-transform-style: preserve-3d;
		-ms-transition: all 0.5s linear;
		transform-style: preserve-3d;
		transition: all 0.5s linear;
		background: red;
	}
	.csstransforms3d .banner3d:hover .banner3dCard, .csstransforms3d .banner3d.hover_effect .banner3dCard {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.csstransforms3d .face {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.csstransforms .face.back {
		display: block;
		-webkit-transform: rotateY(180deg);
		-webkit-box-sizing: border-box;
		-moz-transform: rotateY(180deg);
		-moz-box-sizing: border-box;
		-o-transform: rotateY(180deg);
		-o-box-sizing: border-box;
		-ms-transform: rotateY(180deg);
		-ms-box-sizing: border-box;
		transform: rotateY(180deg);
		box-sizing: border-box;
		color: white;
		text-align: center;
		background-color: #aaa;
	}
	.no-csstransforms3d .back.face {display: none;}
	.no-csstransforms3d .banner3dCard:hover .front {display: none;}
	.no-csstransforms3d .banner3dCard:hover .back.face {display: block;}

/* mobil hero banner carousel */
#headerCarouselWrapperMobil {display: none; position: relative;}
#headerCarouselMobil {
	height: 149px;
	position: relative;
	text-align: center;
	}
	.carouselControlsMobil {
		position: absolute;
		bottom: 10px;
		left: 50%;
		width: 100px;
		margin-left: -50px;
		text-align: center;
		}
		.carouselControlsMobil li {display:inline;}
	#headerCarouselWrapperMobil .dojoxRotatorIcon {
		width: 33px;
		height: 66px;
		background: url(../images/stripes-icons.png) no-repeat;
		position: absolute;
		top: 44%;
		margin-top: -33px;
		z-index: 5;
		display: block;
		}
		#headerCarouselWrapperMobil .dojoxRotatorNumber {
		width: 11px;
		height: 11px;
		background: url(../images/stripes-icons.png) no-repeat;
		z-index: 5;
		display: inline-block;
		margin: 0 3px;
		}
		#headerCarouselWrapperMobil .dojoxRotatorNumber span {display: none;}
		#headerCarouselWrapperMobil .dojoxRotatorPrev {background-position: -1px -78px; left: 0;}
		#headerCarouselWrapperMobil .dojoxRotatorNext {background-position: -33px -78px; right: 0;}
		#headerCarouselWrapperMobil .dojoxRotatorNumber {background-position: -78px -109px; left: 0;}
		#headerCarouselWrapperMobil .dojoxRotatorSelected {background-position: -96px -109px;}
		#headerCarouselWrapperMobil .dojoxRotatorNext {background-position: -33px -78px; right: 0;}
		#headerCarouselWrapperMobil .dojoxRotatorIcon a, #headerCarouselWrapperMobil .dojoxRotatorNumber a {display: block; width: 100%; height: 100%; background: none; border: 0; padding: 0;}
		#headerCarouselWrapperMobil .dojoxRotatorIcon a span {display: none;}
	.headerCarouselItem {width: 100%; position: relative; z-index: 3;}
	#headerCarouselWrapperMobil img {text-align: center;}
#headerCarouselWrapperMobile a {width: 100%;}

.in-mobile {display: none;}

/* ************* lightbox start ************** */
#lightbox { width:380px;height:526px;padding:45px 75px;font-size:1.2em;text-align:left;line-height:1.6em }
#ie8ContentLimitedLightbox{width:371px;height:526px;background:url(../images/lightbox.png) 0 0 no-repeat;padding: 35px 75px 0 75px;font-size:1.2em;text-align:left;line-height:1.6em; margin: 20px 0 0 20px;}
.info-red{color:#d72430}
.info-green{color:#3fc2cd}
.p-button{float:left}
.p-button a.but{background: url(../images/stripes.png) repeat-x scroll 0 -474px padding-box #6A2D5B;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    box-shadow: 1px 2px 3px 0 #A8A8A8;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Arial CE',Arial,Helvetica,sans-serif;
    font-size:0.9em;
    font-weight: bold;
	line-height: 1.3em;
	margin-right: 15px;
    padding: 4px 13px;
    text-decoration: none;
    white-space: nowrap;
}

	/*
#ie8ContentLimitedPopup .dijitDialogTitleBar{background:none;padding:0;}
#ie8ContentLimitedPopup .dijitDialogTitleBar{display:none}
#ie8ContentLimitedPopup .dijitDialogPaneContent{background:none;}
#ie8ContentLimitedPopup {background:none;border:none !important;z-index:99999 !important}
*/

/* ************* lightbox end ************** */

.pagerNext img, .pagerPrev img {
    display: none;
}
.pagerNext, .pagerPrev {
    cursor: pointer;
}
.pagerNext {
    background: url("../images/hNext.png") no-repeat scroll center center transparent;
}
.pagerPrev {
    background: url("../images/hPrevious.png") no-repeat scroll center center transparent;
}
#main .pagerContainer ul li {
	margin-top: 10px;
}
#main .pagerContainer ul li:first-child{margin-top: 10px !important;}
#captchaTable {padding: 0; margin: 0; border: none; width: auto;}
#captchaTable tr td {padding: 0; margin: 0; border: none; vertical-align: bottom;}



/* projektor v centru chytr?ch telefonu */
.projectorWrapper { margin: 30px 21px 0 21px; background: url(../images/projektor-carousel_bg.png) #f4f4f4 no-repeat; background-size: 100% 100%; position: relative; padding-top: 44px; }
.projectorWrapper * { outline: none; }
.projectorWrapper .projectorArrowBg { width: 21px; height: 100%; position: absolute; top: 0; background: url(../images/projector-arrows_bg.png) no-repeat; }
	.projectorWrapper .projectorArrowBg.left { left: -20px; background-position: 0 45%; }
	.projectorWrapper .projectorArrowBg.right { right: -20px; background-position: -21px 45%; }
.projectorWrapper h3 { margin-left: 40px; line-height: normal; font-size: 1.4em; position: absolute; top: 15px; }
.projectorWrapper h3 a { color: #82376d; text-decoration: none; }
.projectorWrapper h3 a:hover { text-decoration: underline; }
.projectorWrapper .pagerContainer { border: none; overflow: visible; }
.projectorWrapper .pagerContainer ul li { text-align: center; }
.projectorWrapper .pagerNext, .projectorWrapper .pagerPrev { background: url(../images/projector-arrows.png) no-repeat; bottom: -175px; }
.projectorWrapper .pagerNext { background-position: -28px 40px; right: -18px !important; }
.projectorWrapper .pagerPrev { background-position: 3px 40px; left: -18px !important; }
.projectorWrapper .projectorItem { margin-top: 5px; }
	.projectorWrapper .projectorItem .bottom { bottom: 15px; left: 0; margin-bottom: 15px; width: 100%; text-align: center; }
	.projectorWrapper .projectorItem .bottom a { margin: 0; }
.projectorWrapper .projectorImg {
	width: 100px;
	margin: auto;
}
.projectorImg a {
	display: block;
	width: 100px;
	height: 100px;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px 0 #000;
	box-shadow: 0 2px 2px 0 #000;
	display: table-cell;
	vertical-align: middle;
}
.projectorImg img {
	display: block;
	left: 0;
	margin: 0 auto;
	border-radius: 15px;
	width: 80%;
	height: 80%;
}
.projectorWrapper.mobile {
	clear: both;
}
.projectorWrapper.mobile h3 { margin-left: 0; }
.projectorWrapper.mobile .projectorImg {
	width: 60px;
}
.projectorWrapper.mobile .projectorImg a {
	width: 60px;
	height: 60px;
}
.projectorWrapper.mobile .projectorImg img, .projectorWrapper.pages .projectorImg img {
	width: 100%;
	height: auto;
	max-height: 100%;
}
.projectorWrapper .projectorSwitch {
	position: absolute;
    right: 15px;
    top: 15px;
}
.projectorWrapper.mobile, .projectorWrapper.mobile .projectorArrowBg {
	background: none;
}
.projectorWrapper.smartphones, .projectorWrapper.mobile { margin-top: 0; }
.projectorWrapper.smartphones .projectorSwitch {
	left: 15px;
}
.projectorSwitch a {
	display: block;
	line-height: 1em;
    float: left;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    width: 80px;
	background: white;
	border-radius: 4px;
	border: 1px #e0e0e0 solid;
}
.projectorSwitch a.active {background: #f1f1f1;}
.projectorSwitch a.active:hover { color: inherit; }

.projectorWrapper .projectorHeading { font-weight: bold; font-size: 13px; margin: 10px 0px 0px 0px;}
.projectorWrapper .projectorCategory { color: #7c3568; font-size: 11px; text-transform: uppercase; }
	.projectorWrapper .projectorCategory a { color: inherit; }
	.projectorWrapper .projectorCategory a:hover { text-decoration: none; }
.projectorShade { width: 90%; margin: auto; height: 42px; background: url(../images/projector-shadow-960.png) top center no-repeat; background-size: 100% 100%;}
/* end of projektor */

/* carousel wrapper */
.carouselWrapper { margin: 30px 21px 0 21px; background: url(../images/projektor-carousel_bg.png) #f4f4f4 no-repeat; background-size: 100% 100%; position: relative; padding-top: 44px;
zoom:1}
.carouselWrapper * {outline: none;}
.carouselWrapper .carouselArrowBg { width: 21px; height: 100%; position: absolute; top: 0; background: url(../images/projector-arrows_bg.png) no-repeat; }
	.carouselWrapper .carouselArrowBg.left { left: -20px; background-position: 0 45%; }
	.carouselWrapper .carouselArrowBg.right { right: -20px; background-position: -21px 45%; }
.carouselWrapper h3 { margin-left: 21px; line-height: normal; font-size: 1.4em; position: absolute; top: 15px; }
.carouselWrapper h3 a { color: #82376d; text-decoration: none; }
.carouselWrapper h3 a:hover { text-decoration: underline; }
.carouselWrapper .pagerContainer { border: none; overflow: visible; }
.carouselWrapper .pagerContainer ul li { text-align: center; }
.carouselWrapper .pagerNext, .carouselWrapper .pagerPrev { background: url(../images/projector-arrows.png) no-repeat; bottom: -178px; }
.carouselWrapper .pagerNext { background-position: -28px 40px; right: -18px !important; }
.carouselWrapper .pagerPrev { background-position: 3px 40px; left: -18px !important; }
.carouselWrapper .carouselItem { position: relative; top: 5px; }
.carouselShade { width: 90%; margin: auto; height: 42px; background: url(../images/projector-shadow-960.png) top center no-repeat; background-size: 100% 100%;}

/* carousel items */
.carouselItem {text-decoration: none; display: inline-block; text-align: center;}
		.carouselItem h6 {
			padding-top: 10px;
			line-height: 1.2em;
			font-size: 1.1em;
			text-shadow: 1px 1px 0 #ffffff;
			}

.carouselIcon {
	display: block;
	width: 90px;
	height: 90px;
	background: white;
	border-radius: 16px;
	-webkit-box-shadow: 1px 2px 4px 0 #9b9b9b;
	box-shadow: 1px 2px 4px 0 #9b9b9b;
	margin: 0 auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	}
	.carouselIcon img {display: none;}

	.carouselItem:hover .carouselIcon {
		-webkit-box-shadow: inset 1px 2px 4px 0 #333;
		box-shadow: inset 1px 2px 2px 0 #666;
		}



/* mobile carousel */
.carouselWrapper.mobile {clear: both;}
.carouselWrapper.mobile, .carouselWrapper.mobile .carouselArrowBg {background: none;}
.carouselWrapper.mobile h3 {margin-left: 0;}
.carouselWrapper.mobile .carouselIcon {width: 60px; height: 60px; border-radius: 8px;}
.carouselWrapper.mobile .carouselIcon img {
	width: 100%;
	height: auto;
	max-height: 100%;
	}
.carouselWrapper.mobile .pagerNext, .carouselWrapper.mobile .pagerPrev {bottom: -93px;}
.carouselWrapper .carouselSwitch {
		position: absolute;
		right: 15px;
		top: 15px;
	}

.carouselWrapper.smartphones, .carouselWrapper.mobile { margin-top: 0; }
.carouselWrapper.smartphones .carouselSwitch {left: 15px;}
.carouselSwitch a {
	display: block;
	line-height: 1em;
    float: left;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    width: 80px;
	background: white;
	border-radius: 4px;
	border: 1px #e0e0e0 solid;
}
.carouselSwitch a.active {background: #f1f1f1;}
.carouselSwitch a.active:hover { color: inherit; }

.carouselWrapper .carouselHeading { font-weight: bold; font-size: 13px; margin: 10px 0px 0px 0px;}
.carouselWrapper .carouselCategory { color: #7c3568; font-size: 11px; text-transform: uppercase; }
	.carouselWrapper .carouselCategory a { color: inherit; }
	.carouselWrapper .carouselCategory a:hover { text-decoration: none; }

/* end of carousels */

/* osatka web */
ul#selectPlatform { margin: 50px 0; }
	ul#selectPlatform li { float: left; background: none; padding: 0; margin: 0 30px 30px 0; }
	#selectPlatform li a {
		display: block;
		background: url(../images/appPlatforms.png) no-repeat;
		width: 200px;
		padding-top: 175px;
		text-align: center;
		font-weight: 700;
		font-size: 15px;
		text-decoration: none;
		}
		#selectPlatform li.ios a { background-position: 0 0; }
		#selectPlatform li.android a { background-position: -231px 0; }
		#selectPlatform li.wp7 a { background-position: -469px 0; }
#osatkaWeb > div > select { border-radius: 3px; }
#osatkaWeb .platformSwitcher {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	position: relative;
	}
	#osatkaWeb ul li {
		background: none;
		margin: 0;
		padding: 0;
	}
	#osatkaWeb .platformSwitcher li {
		float: left;
		border-left: 1px solid #e3e3e3;
	}
	#osatkaWeb .platformSwitcher li:first-child,
	#osatkaWeb .platformSwitcher li strong a { border-left: none; }
	#osatkaWeb .platformSwitcher li.first strong a { border-radius: 3px 0 0 3px; }
	#osatkaWeb .platformSwitcher li.last strong a { border-radius: 0 3px 3px 0; }
	#osatkaWeb .platformSwitcher li strong a {
		font-weight: 400;
		background-color: #e30b17;
		color: #fff;
		position: relative;
		margin: -1px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	#osatkaWeb .platformSwitcher li a { display: block; padding: 2px 15px; text-decoration: none; zoom: 1; }
#osatkaWeb .apps { margin: 0; margin-top: 50px; }
	#osatkaWeb .apps li {
		float: left;
		width: 24.9%;
		text-align: center;
		min-height: 190px;
		margin-bottom: 50px;
		cursor: pointer;
		}
		#osatkaWeb.mobileMode .apps li:nth-child(4n+1) { clear: both; }
		#osatkaWeb .apps li.cleaner {
			float: none;
			width: auto;
			clear: both;
			min-height: 0;
			margin-bottom: 0;
			height: 0;
			line-height: 0;
		}
	#osatkaWeb .apps h3,
	#osatkaWeb .apps label { font-size: 13px; padding: 0 5px; }
	#osatkaWeb .apps h3 { margin-top: 20px; margin-bottom: 5px; color: #333; }
	#osatkaWeb .apps label { color: #636363; font-weight: 400; margin: 0; float: none; width: auto; }
#app-detail { position: absolute; top: 0px; left: 0px; width: 100%; }
	#app-detail.app-detail-mobile { position: static; }
	#app-detail .appDetailWrapper {
		background-color: #fff;
		border: 1px solid #dddbdc;
		border-radius: 5px;
		}
		#app-detail .appDetailWrapper .close {
			display: block;
			position: absolute;
			top: 5px;
			right: 5px;
			width: 25px;
			height: 25px;
			text-indent: 99px;
			overflow: hidden;
			background: url(../images/closeBtn.png) 0 0 no-repeat;
			cursor: pointer;
		}
		#app-detail .appDetailWrapper .description {
			position: relative;
			background-color: #f0f0f0;
			padding: 22px;
			border-bottom: 1px solid #cdcdcd;
			border-radius: 5px 5px 0 0;
			}
			#app-detail .appDetailWrapper .description img { float: left; margin: 0 22px 22px 0; }
			#app-detail .appDetailWrapper .description h3,
			#app-detail .appDetailWrapper .description p { margin-left: 122px; }
			#app-detail .appDetailWrapper .description h3 { font-size: 21px; color: #525252; margin-bottom: 15px; }
			#app-detail .appDetailWrapper .description p { color: #000; font-size: 13px; }
		#app-detail .appDetailWrapper .imagesShadowWrapper {
			position: relative;
		}
		#app-detail .appDetailWrapper .imagesWrapper {
			overflow-x: auto;
			}
			#app-detail .appDetailWrapper .imagesWrapper .images {
				padding: 30px 22px 25px;
				}
				#app-detail .appDetailWrapper .imagesWrapper .images table {
					width: auto;
					border: none;
					border-spacing: 0;
					border-collapse: collapse;
					margin: 0;
				}
				#app-detail .appDetailWrapper .imagesWrapper .images td {
					padding: 0 22px 0 0;
					border: none;
				}
			#app-detail .appDetailWrapper .imagesShadowWrapper .shadowOverlay {
				position: absolute;
				top: 0; bottom: 30px; width: 22px;
				}
				#app-detail .appDetailWrapper .imagesShadowWrapper .shadowOverlay.left {
					box-shadow: 10px 0 10px #fff inset;
					left: 0;
				}
				#app-detail .appDetailWrapper .imagesShadowWrapper .shadowOverlay.right {
					box-shadow: -10px 0 10px #fff inset;
					right: 0;
				}
#osatkaWeb .pager { margin: 15px 0; }

/* ********************************* */
/* ****** TEMPLATES ELEMENTS ******* */

.boxWrapper h2,.cross-item h2{font-family: 'VodafoneRg', 'Arial CE', Arial, Helvetica, sans-serif;}
/*.cross-header strong {font-family: 'VodafoneRgBd', 'Arial CE', Arial, Helvetica, sans-serif;}*/

#page .boxWrapper .button {
	background: #702F60;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmMmY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5NDE3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
	background-image: -o-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
	background-image: -webkit-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
	background-image: linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
	color: #FFF;
	font-size: 1em;
	padding: 7px 20px 8px 20px;
	margin-right: 5px;
	}
	#page .boxWrapper .button:hover {
		background: #8b3e78;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5NDE3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmMmY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(bottom, #99417d 0%, #6f2f5f 100%);
		background-image: -o-linear-gradient(bottom, #99417d 0%, #6f2f5f 100%);
		background-image: -webkit-linear-gradient(bottom, #99417d 0%, #6f2f5f 100%);
		background-image: linear-gradient(bottom, #99417d 0%, #6f2f5f 100%);
		}

#page .boxWrapper .grayButton {
	border-color: #acabab;
	background: #b0b0b0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYjBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #b0b0b0 0%, #b0b0b0 0.49%, #d5d5d5 100%);
	background-image: -o-linear-gradient(bottom, #b0b0b0 0%, #b0b0b0 0.49%, #d5d5d5 100%);
	background-image: -webkit-linear-gradient(bottom, #b0b0b0 0%, #b0b0b0 0.49%, #d5d5d5 100%);
	background-image: linear-gradient(bottom, #b0b0b0 0%, #b0b0b0 0.49%, #d5d5d5 100%);
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
	}
	#page .boxWrapper .grayButton:hover {
		background: #d6d6d6;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYjBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYjBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(bottom, #d5d5d5 0%, #b0b0b0 99.51%, #b0b0b0 100%);
		background-image: -o-linear-gradient(bottom, #d5d5d5 0%, #b0b0b0 99.51%, #b0b0b0 100%);
		background-image: -webkit-linear-gradient(bottom, #d5d5d5 0%, #b0b0b0 99.51%, #b0b0b0 100%);
		background-image: linear-gradient(bottom, #d5d5d5 0%, #b0b0b0 99.51%, #b0b0b0 100%);
		}

.elements-slices,.boxItem h3 a:after, #tarifTable.boxWrapper table .button:before, #tarifTable .arrowBox strong:before, #tarifTable table p a:after, .extra,.novy,.nasTip, .questionMark, .expertButton:before, .hiddenRowsToggle strong:after{ background:url("../images/elements-slices.png") top left no-repeat; }
.ico-infinity{ width:35px; height:21px; background-position:-80px -80px; }
.carousel-arrow-right-red, #recommendCarousel .pagerNext:hover { width:26px; height:62px; background-position:-88px -181px; }
.carousel-arrow-left-red, #recommendCarousel .pagerPrev:hover{ width:27px; height:62px; background-position:-80px -323px; }
.carousel-arrow-right-gray, #recommendCarousel .pagerNext { width:27px; height:62px; background-position:-88px -465px; }
.carousel-arrow-left-gray, #recommendCarousel .pagerPrev{ width:27px; height:62px; background-position:-80px -607px; }
.arrow-mini-right-red, .boxItem h3 a:after, #tarifTable table p a:after{ width:5px; height:9px; background-position:-80px -749px; }
.ico-questionmark, .questionMark{ width:16px; height:17px; background-position:-80px -838px; }
.extra,.novy,.nasTip{ width:58px; height:64px; background-position:-80px -935px; }
.novy{background-position:-158px -937px;}
.nasTip{background-position:-159px -1024px;}
.ico-men, .expertButton:before { width:20px; height:16px; background-position:-80px -1079px; }
.ico-arrow-down, #tarifTable tr.openDescription .arrowBox strong:before, .hiddenRowsToggle strong:after { width:18px; height:18px; background-position:-80px -1173px; }
.ico-arrow-right, #tarifTable .arrowBox strong:before{ width:18px; height:18px; background-position:-75px -1266px; }
.ico-basket,
#tarifTable.boxWrapper table .button:before {
	width:18px; height:16px; background-position:-80px -1364px; position: relative; top: -1px; margin-left: -6px;
	}

#tarifTable .posRel div{position:relative}
#tarifTable .posRel div.posAbs{position:absolute}
#tarifTable .posRel div.internetRedTarify{position:absolute;top:-36px;left:-215px;width:197px;height:114px;background:url(../images/internet_redtarify.jpg) no-repeat}
#tarifTable .posRel div.dobejte400{top:-41px;left:-193px;width:170px;height:88px;background:url(../images/dobejte_400.png) no-repeat}

.boxWrapper, .boxWrapperInner {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 2px 4px 0px #cccccc;
	box-shadow: 0px 2px 4px 0px #cccccc;
	position: relative;
}
	.no-boxshadow .boxWrapper {border: 1px solid #ccc;}
.boxWrapperInner {
	-moz-box-shadow: 0 1px 0 rgba(0,1,1,.2), 0 0 3px 0 rgba(202,202,202,.5);
	-webkit-box-shadow: 0 1px 0 rgba(0,1,1,.2), 0 0 3px 0 rgba(202,202,202,.5);
	box-shadow: 0 1px 0 rgba(0,1,1,.2), 0 0 3px 0 rgba(202,202,202,.5);
	margin: 0;
	font-size: 1.2em;
}
.boxHeading {
	padding: 20px 35px;
	}
	.boxHeading h2, .boxHeading h3, .cross-item h2, .cross-item h3 {
		padding: 0;
		margin: 0;
		border: 0;
		color: #e50000;
		-webkit-text-stroke-width: 0.5px;
		font-size: 2em;
		font-weight: normal;
		line-height: 1em;
	}
	.boxHeading p {
		margin: 0;
		font-family: 'Arial CE', Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}

.boxContent {
	padding: 0 35px 25px 35px;
	}
	.boxItem {
		float: left;
		width: 24.9%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		border-left: 1px solid #dadada;
		text-align: center;
		}
		.boxItem:first-child {border-left: 0;}
			.boxItem h3, .boxItem p, .boxItem ul, .boxItem table {
				margin-left: 15px;
				margin-right: 15px;
				}
			.boxItem h3 {
					font-size: 1.2em;
					color: #525252;
					margin-bottom: 20px;
					}
				.boxItem h3 a {
					text-decoration: none;
					white-space: nowrap;
					}
					.boxItem h3 a strong{font-weight:normal}
					.boxItem h3 a:after {
						content: '';
						display: inline-block;
						margin-left: 7px;
						}
	.grayBoxContent {
			background: #f0f0f0;
			-webkit-box-shadow: inset 0px 1px 1px 0px #cccccc;
      box-shadow: inset 0px 1px 1px 0px #cccccc;
			padding: 0;
		}
			.no-boxshadow .grayBoxContent {border-top: 1px solid #ccc;}
		.grayBoxContent .boxItem {
			padding: 20px 0;
			}
			.grayBoxContent .boxItem:hover {
				background: #fbfbfb;
				-webkit-box-shadow: inset 0px 1px 1px 0px #cccccc;
				box-shadow: inset 0px 1px 1px 0px #cccccc;
				}
			.grayBoxContent .boxItem h3 {
				font-size: 1.6em;
				margin: 0 0 5px 0;
			}
			.grayBoxContent .boxItem strong {
				display: block;
				color: #e30000;
				font-size: 1.6em;
				margin-bottom: 11px;
			}
			.grayBoxContent .boxItem em {
				font-weight: bold;
				font-style: normal;
			}


/* porada expertem */
#expertAdvice .boxItem {
	width: 33%;
	}
	#expertAdvice .boxItem img {
		float: left !important;
		margin-right: -20px;
		margin-left: 15px;
		vertical-align: middle;
	}
	#expertAdvice .boxItem p {
		margin-top: 5px;
		margin-right: 15px;
		text-align: left;
		line-height: 1.3em;
	}
	.boxButtons {
		text-align: center;
		border-bottom: 1px solid #dadada;
		}
		.boxButtons span {
			background: #FFF;
			padding: 0 5px 0 10px;
			display:inline-block;
			position: relative;
			top: 18px;
			}
			.expertButton:before {
			content: '';
				display: inline-block;
				margin-right: 10px;
				vertical-align: middle;
			}
			/***********ranking-widget************/
			 .RankingWrapper .fl{float:left;}
			 .RankingWrapper textarea{margin-bottom:15px}
			 .RankingWrapper label{padding-left:5px}
			 .RankingWrapper .button a{color:#fff;text-decoration:none}
			.RankingWrapper p.fl{margin-right:100px;margin-top:4px}
			.RankingWrapper p.fl strong{font-size:1.45em}
			.RankingWrapper .but-ano, .RankingWrapper .but-ano-disabled, .RankingWrapper .but-ne, .RankingWrapper .but-ne-disabled{float:left;margin:0 15px 10px 0;width:105px;height:28px;text-indent:-9999px;cursor:pointer}
			.RankingWrapper .but-ne{background:url(../images/ne-act.png) no-repeat}
            .RankingWrapper .but-ne-disabled {background:url(../images/ne-pass.png) no-repeat !important}
			.RankingWrapper .but-ano{background:url(../images/ano-act.png) no-repeat}
            .RankingWrapper .but-ano-disabled {background:url(../images/ano-pass.png) no-repeat !important}
			.RankingWrapper p.odpoved{font-size:15px;clear:both}
			.RankingWrapper .radio label{float:none;display:inline;font-weight:normal;font-size:15px;line-height:1.5em}
		    .RankingWrapper .radio input{margin-bottom:6px}
			.RankingWrapper textarea.test-text{display:block;width:100%;height:120px;overflow:auto}
			.RankingWrapper{border-bottom:1px solid #ccc;padding:15px 0;margin-top:10px}

/* tarifni tabulky */
#tarifTable table p {
	margin: 0;
	}
#tarifTable table p a {
	color: #e60000;
}
	#tarifTable p a:after {
		content: '';
		display: inline-block;
		margin-left: 7px;
		}
#tarifTable table  {
	-webkit-box-shadow: inset 0px 1px 1px 0px #cccccc;
	box-shadow: inset 0px 1px 1px 0px #cccccc;
	font-size: 1.2em;
	margin: 0;
}
	#tarifTable td, #tarifTable th {
		border: 0;
		border-bottom: 1px solid #e4e3e3;
		background: #FFF;
		vertical-align: middle;
	}
		#tarifTable th {
			background: #e4e3e3;
			font-size: 0.7em;
			font-weight: normal;
		}
			#tarifTable tbody:nth-child(odd) td {
				background: #f0f0f0;
			}
			#tarifTable tbody tr:first-child td {
				border: 0;
				}
				#tarifTable em {
					font-style: normal;
					color: #e60000;
					white-space: nowrap;
				}
				#tarifTable .niceBox {text-align: center;}
					#tarifTable .niceBox em {
						-webkit-border-radius: 4px;
						border-radius: 4px;
						background-color: #f5f5f5;
						border: 1px solid #e1e1e1;
						padding: 8px 16px;
					}
		#tarifTable .boxDescription td, #tarifTable .additionalInfo {
			font-family: 'Arial CE', Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			padding: 0 10px 13px 30px ;
			white-space:normal;
		}
		#tarifTable .withDescription {
			cursor: pointer;
		}
		#tarifTable .additionalInfo {
			padding: 13px 10px 13px 30px ;
		}
		#tarifTable.boxWrapper table .button {
			font-size: 1.1em;
			white-space: nowrap;
			margin: 0;
		}
			#tarifTable.boxWrapper table .button:before {
				content: '';
				display: inline-block;
				margin-right: 10px;
				vertical-align: middle;
				}
					#tarifTable.boxWrapper table .simpleButton:before {display: none;}
		#tarifTable .arrowBox {
				white-space:normal;
		}
			#tarifTable .withDescription:hover .arrowBox {text-decoration: underline;}
			#tarifTable .arrowBox strong {
				font-weight: normal;
				margin-left: 40px;
				display: block;
			}
				#tarifTable .arrowBox strong:before {
					content: '';
					display: inline-block;
					vertical-align: middle;
					margin-left: -25px;
					margin-top:  -4px;
					width: 25px !important;
					}
					#tarifTable .openDescription .arrowBox strong:before {
						margin-top:0;
					}
					#tarifTable .questionMark {
						display: inline-block;
						vertical-align: middle;
						margin: 0 0 3px 7px;
							=margin-bottom: 0;
						cursor: pointer;
					}
						#tarifTable .withDescription:hover .questionMark {background-position: -160px -838px;}
		#tarifTable .extraHolder {
			}
		#tarifTable .extraHolder div {
			position: relative;
			}
		#tarifTable .extra,#tarifTable .novy,#tarifTable .nasTip {
			display: block;
			position: absolute;
			top: -20px;
				=top: -23px;
			left: -19px;
			}
			#tarifTable .extraTooltip {
				position: absolute;
				bottom: 74px;
				left: 0;
				width: 200px;
				padding: 15px 20px 18px 20px;
				background: url(../images/black-transparent.png);
				color: #FFF;
				font-size: 12px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				display: none;
				line-height: 1.4em;
			}
				#tarifTable .extraTooltip:after {
					content: '';
					display: block;
					width: 10px;
					height: 6px;
					position: absolute;
					bottom: -6px;
					left: 36px;
					background: url(../images/black-arrow-transparent.png) no-repeat;
				}
				#tarifTable .extra:hover .extraTooltip,#tarifTable .novy:hover .extraTooltip {display: block;}

		#tarifTable .hiddenRowsToggle {
			box-shadow: 0 1px 1px 0 #CCCCCC inset;
			text-align: center;
			color: #e60000;
			font-size: 0.7em;
			font-family: 'Arial CE', Arial, Helvetica, sans-serif;
			cursor: pointer;
		}
		 .hiddenRowsToggle strong:after {
			 	content: '';
				display: inline-block;
				margin-left: 10px;
				vertical-align: middle;
				background-position:-198px -1171px;
		 		}
				.visibleRows strong:after {
					background-position:-80px -1172px;
				}

.mobileTarifTable {display: none;}


/* carousel */
.boxWrapper .carouselWrapper { margin: 10px 38px 0 38px; position: relative; padding: 0; background: none; }
.carouselWrapper .pagerContainer { border: none; margin-bottom: 25px;  }
.carouselWrapper .pagerContainer ul li { text-align: center; }
.carouselWrapper .pagerNext, .carouselWrapper .pagerPrev {
	background:url("../images/elements-slices.png") top left no-repeat;
	bottom: auto;
	top: 0;
	}

	.boxWrapper .carouselWrapper .pagerNext{background-position:-91px -428px; border-left: 1px solid #B2B2B2; right: 0 !important; height: 142px !important; }
	.boxWrapper .carouselWrapper .pagerPrev{background-position:-80px -572px; border-right: 1px solid #B2B2B2; left: 0 !important; height: 142px !important;}
	.boxWrapper .carouselWrapper .pagerNext:hover{background-position:-91px -144px; border-left: 1px solid #e60000; }
	.boxWrapper .carouselWrapper .pagerPrev:hover{background-position:-80px -287px; border-right: 1px solid #e60000; }
	#carousel .horizontalPagerPager .pagerNext,#carousel .horizontalPagerPager .pagerPrev{background: url("../images/projector-arrows.png") no-repeat;}
	#carousel .horizontalPagerPager .pagerNext{background-position: -28px 55px;}
	#carousel .horizontalPagerPager .pagerPrev{background-position: 3px 55px;}

/* carousel items */
#main .boxWrapper .pagerContainer ul li {margin: 0;}
.boxWrapper .carouselItem {
	display: block;
	text-align: center;
	top: 0;
	}
	.boxWrapper .carouselIcon, .boxWrapper .carouselIcon:hover {
		border-radius: 8px;
		border: 1px solid #d2d2d2;
		box-shadow: 0 0 0;
		background: none;
		height: 140px;
		width: 100%;
		text-align: center;
		box-shadow: 0 0 0 0 !important;
	 }
		.boxWrapper .carouselItem:hover .carouselIcon {border-color: #e50000;}
		.boxWrapper .carouselIcon img {
			display: inline-block;
			width: 85px;
			height: auto;
			border-radius: 14px;
			box-shadow: 1px 1px 1px #ccc;
			margin: 27px 0 0 0;
			}
			.carouselItem h6 {
				padding-top: 10px;
				line-height: 1.2em;
				font-size:0.9em;
				text-shadow: 1px 1px 0 #ffffff;
				font-family: 'Arial CE', Arial, Helvetica, sans-serif;
				}
				.boxWrapper a.carouselItem:hover h6 {color: #e50000;}


.boxWrapper .carouselSwitch {
		position: absolute;
		right: 35px;
		top: 21px;
		width: 210px;
	}
	.boxWrapper .carouselSwitch em {float: left; font-style:normal; padding: 2px 5px 0 0;}
	.carouselWrapper.smartphones, .carouselWrapper.mobile { margin-top: 0; }
	.carouselWrapper.smartphones .carouselSwitch {left: 15px;}
	.boxWrapper .carouselSwitch a, .boxWrapper .carouselSwitch strong {
		display: block;
		line-height: 1em;
		float: left;
		margin-right: 0;
		padding: 5px 15px;
		text-align: center;
		width: auto;
		background: white;
		border: 1px #e0e0e0 solid;
		border-radius: 0 4px 4px 0;
		text-decoration: none;
	}
		.boxWrapper .carouselSwitch strong {
			background: #e60000;
			color: #FFF;
			font-weight: bold;
			}
			.boxWrapper .carouselSwitchItems *:first-child {border-radius: 4px 0 0 4px;}
		.boxWrapper .carouselSwitch strong {

			border-color: #e60000;
		}
.pagerContainer {border: 0;}

/* doporucujeme */
#recommendCarousel .carouselWrapper {
	background: #f0f0f0;
	margin: 5px 0;
	padding: 20px 15px;
}
	#recommendCarousel .horizontalPagerView {
		background: #FFF;
		border-radius: 5px;
		box-shadow: 0px 1px 1px #ccc;
	}
	#recommendCarousel .pagerItems li {
		border-left: 1px solid #f0f0f0;
	}
	#recommendCarousel .carouselItem {
		border-top: 3px solid #FFF;
		width: 100%;
	}
	#recommendCarousel .carouselItem:hover {
		border-color: #e50000;
	}
		#recommendCarousel .carouselIcon {
			border: 0;
			border-radius: 0;
			height: auto;
			margin-bottom: 10px;
			overflow: visible;
			position: relative;
				}
		#recommendCarousel .carouselIcon img {margin-top: 10px;}

		#recommendCarousel .carouselIcon:before,
#recommendCarousel .carouselIcon:after
{
content: "";
position: absolute;
top: 100%;
width: inherit;
height: inherit;
display: block;
border-left: 1px solid #FFF;
margin-left: -1px;
}

#recommendCarousel .carouselIcon:before
{
background: inherit;
-moz-transform: scaley(-1);
-webkit-transform: scaley(-1);
-o-transform: scaley(-1);
-ms-transform: scaley(-1);
transform: scaley(-1);
filter: flipv();
z-index: 0;
}
#recommendCarousel .carouselIcon:after {
z-index: 1;
background: -moz-linear-gradient(
        0deg,
        #fff 85%,
        rgba(255, 255, 255, 0.8) 100%
    );
    background: -webkit-linear-gradient(
        90deg, #fff 85%,
        rgba(255, 255, 255, 0.8) 100%
    );
    background: -o-linear-gradient(
        90deg, #fff 85%,
        rgba(255, 255, 255, 0.8) 100%
    );
    background: -ms-linear-gradient(
        90deg,
        #fff 85%,
        rgba(255, 255, 255, 0.8) 100%
    );
    background: linear-gradient(
        0deg, #fff 85%,
        rgba(255, 255, 255, 0.8) 100%
    );
}

.dj_ie #recommendCarousel .carouselIcon:before, .dj_ie #recommendCarousel .carouselIcon:after {display: none;}

	#recommendCarousel .pagerNext, #recommendCarousel .pagerPrev {
		border: 0;
		top: 115px;
		height: 62px !important;
		width: 20px !important;
	}
		#recommendCarousel h5 {
			font-size: 1.3em;
			font-weight: normal;
			padding: 15px 0 0 0;
			height: 2em;
		}
		#recommendCarousel img {
			width: auto;
			border-radius: 0;
			box-shadow: 0 0 0 0;
			}
		#recommendCarousel .redText {
			display: block;
			color: #e50000;
			font-weight: bold;
			margin-bottom: 10px;
			font-family: Arial, Helvetica, sans-serif;
			z-index: 2;
			position: relative;
		}
		#recommendCarousel .viceCarouselButton {
			display: inline-block;
			padding: 0 20px;
			font-weight: bold;
			border: 1px solid #d0d0d0;
			border-radius: 5px;
			background: #e4e4e4;
			background: -moz-linear-gradient(top,  #e4e4e4 0%, #d9d9d9 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#d9d9d9));
			background: -webkit-linear-gradient(top,  #e4e4e4 0%,#d9d9d9 100%);
			background: -o-linear-gradient(top,  #e4e4e4 0%,#d9d9d9 100%);
			background: -ms-linear-gradient(top,  #e4e4e4 0%,#d9d9d9 100%);
			background: linear-gradient(to bottom,  #e4e4e4 0%,#d9d9d9 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#d9d9d9',GradientType=0 );
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.9em;
			z-index: 2;
			position: relative;
		}
.extra-porce-tarify{position:absolute;top:-5px;left:-185px;width:171px;height:125px;background:url(../images/extra-porce-tarify.png) no-repeat}
#roaming-hlavicka{position:relative;padding:30px 0 10px 30px;background:url(../images/roaming-hl-bg.png) no-repeat;margin-top:35px}
/*#roaming-hlavicka:before{content:"";display:block;width:44px;height:25px;position:absolute;top:-21px;left:94px;background:url(../images/roaming-select.png)}*/
#roaming-hlavicka .sipka{position:absolute;width:44px;height:25px;position:absolute;top:-21px;left:94px;background:url(../images/roaming-select.png)}
#roaming-hlavicka .globus{position:absolute;right:15px;top:0;width:325px;height:221px;background:url(../images/roaming-globus.png)}
#roaming-hlavicka h2{font-family:VodafoneLt, 'Arial CE', Arial, Helvetica, sans-serif;}
#roaming-hlavicka h2{font-size:2em;color:#E50000;border:none;margin-bottom:0}
#roaming-hlavicka h2.roaming{background:url(../images/roaming-img.png) 0 6px no-repeat;padding-left:45px}
#roaming-hlavicka h2.mez-vol{padding-left:48px;background:url(../images/mez-vol-img.png) 0 6px no-repeat}
#roaming-hlavicka p.info{font-size:1.3em}
#roaming-hlavicka .div-roaming .button-white a.internal{font-size:1.2em;padding:7px 35px}
#roaming-hlavicka .div-mez-vol .button-white a.internal{padding:7px 13px;font-size:1.2em;}
#roaming-hlavicka .fl{float:left;margin-right:35px}

/* template pro rozcestniky */
.cross-wrapper {
	margin-left: -24px;
	margin-right: -30px;
}
	.cross-header {
		position: relative;
		padding-right: 410px;
		padding-left: 24px;
		overflow: hidden;
		font-size: 1.2em;
		min-height: 195px;
	}
		.cross-header h1 {
				font-size:2.7em;
		}
		.cross-header-border {
			border-bottom: 2px solid #e0e0e0;
			padding-left: 30px;
		}
			.cross-header img {
				position: absolute;
				bottom: 0;
				right: 0;
				float: none;
				margin: 0 !important;
			}
			.cross-header ul strong {
				font-weight: normal;
			}
				.cross-header li {
					font-size: 1em !important;
					background-position: 0 2px !important;
				}
.cross-line {
	background: url(../images/cross-lines.png) 0 0 repeat-x;
	height: 8px;
	clear: both;
}
	.cross-line.light {
		background-position: 0 0;
	}
	.cross-line.dark {
		background-position: 0 -8px;
	}
.cross-item {
	border-top: 1px solid #878887;
	padding: 15px 15px 15px 30px;
	clear: both;
	position: relative;
	display: block;
	text-decoration: none;
}
	.cross-items .cross-item:first-child {
		border-top: none;
	}
	.cross-item .cross-content {
		float: left; /*width: 80%;*/
		width: 65%;
	}
	.cross-item h2 {
		padding: 15px 0;
		font-size: 30px;
	}
	.cross-item .cross-link {
		position: absolute;
		top: 50%;
		right: 30px;
		display: block;
		width: 13px;
		height: 24px;
		margin-top: -12px;
		padding: 6px 9px 6px 13px;
		border-radius: 18px;
	}
	.cross-item .cross-link span {
		display: block;
		width: 13px;
		height: 24px;
		background: url(../images/cross-arrow-link.png) 0 0 no-repeat;
	}
	.cross-item:hover .cross-link {
		background-color: #72234f;
	}
		.cross-item:hover .cross-link span {
			background-position: 0 -24px;
		}
	.cross-item h2 .questionMark {
		display: inline-block;
		margin-left: 10px;
	}
		.cross-item h2 .questionMark:hover,
		.cross-item.openDescription h2 .questionMark {
			background-position: -160px -838px;
			cursor: pointer;
		}
	.cross-item .cross-text {
		margin-top: 10px;
		=padding-right: 10px;
		}
	.cross-devices .cross-item .cross-text {
		margin-right: 60px;
	}
		.cross-item .cross-text img {
			float: left;
			margin-top: -5px;
			margin-right: 15px;
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
			-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
			-webkit-backface-visibility: hidden; /* Fix for transition flickering */
		}
			.cross-item:hover .cross-text img {
				filter: none;
				-webkit-filter: grayscale(0%);
			}
		.cross-item .cross-text p {
			margin-left: 65px;
		}
	.cross-item .cross-buttons-wrapper {
		float: right;
		width: 190px;
		margin: 0 !important;
		padding-bottom: 2px;
	}
		.cross-item .cross-buttons-wrapper li {
			list-style: none;
			margin-top: 5px;
			padding: 0 !important;
			background: none;
		}
			.cross-item .cross-buttons-wrapper li:first-child {
				margin-top: 0;
			}
	.cross-item .button {
		border: 1px solid #e5e5e5;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #eaeaea;
		background-image: -moz-linear-gradient(bottom, #eaeaea 0%, #f0f0f0 100%);
		background-image: -o-linear-gradient(bottom, #eaeaea 0%, #f0f0f0 100%);
		background-image: -webkit-linear-gradient(bottom, #eaeaea 0%, #f0f0f0 100%);
		background-image: linear-gradient(bottom, #eaeaea 0%, #f0f0f0 100%);
		-webkit-box-shadow: 0 1px 0 #6a6a6a;
		box-shadow: 0 1px 0 #6a6a6a;
		color: #691f47;
		display: block;
		margin: 0;
		text-align: center;
		position: relative;
		padding: 9px 20px 7px;
		text-shadow: 0 1px 0 #FFF;
	}
		.cross-item .button:after {
			content: "";
			position: absolute;
			right: 10px;
			width: 7px;
			height: 13px;
			top: 10px;
			background: url(../images/cross-arrows-button.png) 0 0 no-repeat;
		}
		.cross-item .button:hover {
			background: #702F60;
			background-image: -moz-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
			background-image: -o-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
			background-image: -webkit-linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
			background-image: linear-gradient(bottom, #6f2f5f 0%, #99417d 100%);
			color: #fff;
			border-color: #6d2c5c;
			text-shadow: 0 1px 0 #491654;
		}
			.cross-item .button:hover:after {
				background-position: 0 -100px;
			}
	.cross-item-description {
		clear: both;
		padding: 32px 15px 15px 30px;
		background: url(../images/cross-description-bg.png) repeat-x 0 0 #edecec;
		zoom: 1;
		position: relative;
	}
	.cross-item-description .cross-item-description-close {
		display: block;
		position: absolute;
		top: 10px;
		right: 17px;
		width: 19px;
		height: 19px;
		background: url(../images/cross-desc-close.png) 0 0 no-repeat;
		cursor: pointer;
	}
	.cross-item-description .cross-item-description-close:hover {
		background-position: 0 -19px;
	}
/* template pro rozcestniky end */

 .boxHeading h2.sedyHeading {color:#525252!important;font-size:1.7em;margin:10px 0;font-family:VodafoneLt, 'Arial CE', Arial, Helvetica, sans-serif;font-weight:bold}
 .boxWrapper h3.redHeading{color:#e82626;font-weight:normal;font-size:1.5em;line-height:1.1em;font-family:VodafoneLt}
  #adsl h3{margin:0 0 10px 0}
 #tarifyFung .jednorazove p{float:left;margin:30px 0 0 20px;font-size:1.5em}
 /*****/
  #tarifyFung .jednorazove p.v-sekci{margin-left:73px;=margin-left:20px;=margin-top:0!important}
   #tarifyFung .jednorazove{text-align:left}
  .cross-header ul strong{font-weight:bold;}
  #tarifyFung .jednorazove p a{font-size:0.9em}

  /*****/
 #tarifyFung .jednorazove p a{text-decoration:none;}
 #tarifyFung .number, #adsl .number{color:#e82626;font-size:3.7em;font-weight:bold;float:left;display:block;border-right:1px solid #ccc;padding:28px 15px 28px 0}
 #tarifyFung .boxItem,#adsl .boxItem{padding: 10px 0;border:none}
 #tarifyFung #infoText .boxItem{text-align:left;border-left:1px solid #ccc;padding:0 0 0 40px;width:45%;position:relative}
  #tarifyFung #infoText h3.redHeading{margin-bottom:10px}
 #tarifyFung #infoText .boxItem:before{content:"";display:block;width:10px;height:20px;position:absolute;background:url(../images/box-arrow.png )  no-repeat;top:50%;left:0;margin-top:-10px}
 #tarifyFung .bonus{padding:5px 30px 25px 30px}
 #tarifyFung .bonus strong{font-size:1.1em}
 #adsl .boxItem{width:90%;text-align:left;padding:10px 0 10px 5px;}
 #adsl .number{margin-right:20px}
 #adsl p{margin-left:0}
 #adsl .butW{margin:15px 0 0 80px;padding-left:10px}
 #adsl a.internal{font-size:1.0em;margin-bottom:12px}

 #adsl_map {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px 0 #CCCCCC;
    margin-bottom: 20px;
    position: relative;
}
#adsl_map .boxHeading{padding:20px 15px}
 #adsl_map .dijitTextBox{background:#fff;border-radius:6px;-webkit-border-radius:6px;border:none;border-top:1px solid #B3B3B3;}
 #adsl_map .fCell{margin-bottom:20px}
  #adsl_map .grayBg{background-color:#f0f0f0; padding:30px  35px 30px;border-top:1px solid #e4e3e3}
  #adsl_map .dijitInputInner {border-radius:5px;width:257px!important}
  #adsl_map .tabBox{border:none}
  #adsl_map  .dijitInputField input{padding: 8px 3px 8px 10px!important;height:22px;color:#8d8d8d;font-size:1.4em;border-radius:6px}
 #adsl_map .dijitTextBox{width:270px;}
 #adsl_map #searchByAddress label,#adsl_map #searchByPhone label{display:none}
 #adsl_map h2.bgImg,#order_form h2.bgImg { background: url(../images/bg-heading.png) no-repeat; padding-left: 35px;font-size:2.05em;float:none;margin:0 0 35px 20px;border:none;}
 #order_form h2.bgImg{font-family:VodafoneLt, 'Arial CE', Arial, Helvetica, sans-serif;color: #525252;background-position:0 3px;margin:0 0 10px 0}
 #adsl_map #tooltip-street-adsl{margin-top:7px;}
#adsl_map #adsl_search_button{font-size:1.2em;padding: 8px 25px;}
 #adsl_map #captchaBox .dijitTextBox{width:93px!important;background-color:#fff}
 #adsl_map #captchaBox .dijitInputInner{width:83px!important;height:27px;border-radius:6px}

 #adsl_map .flWrapper{float:left;width:310px}
  /*#adsl_map # #searchByPhone{clear:both;float:left;width:310px}*/
#adsl_map .frWrapper{float:right; border-left: 1px solid #CCCCCC;padding:0;position: relative;}
#adsl_map .frWrapper:after{content: "";background: url(../images/box-arrow.png) no-repeat;
    display: none;
    height: 20px;
    left: -3px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 10px;}
	#adsl_map .captchaButtons{padding-left:0;text-align:center}
#adsl_map #captchaBox .captchaRefreshLink{display:block;margin-top:5px;font-size:0.9em}
#adsl_map #captchaBox .dijitInputInner{background-color:#fff}
#adsl_map .tabsForm .tabHead{position:relative;top:-36px;overflow:hidden}
#adsl_map .grayBox {background: #F0F0F0;padding:0 35px 30px 35px}

 #onlineForm h2.bgImg{padding-left:35px;background:url(../images/bg-heading.png )  no-repeat;}
  #onlineForm .fCell{border-bottom:none;}
 #onlineForm .boxContent{background-color:#f0f0f0; padding:30px  35px 30px;border-top:1px solid #e4e3e3}
 #onlineForm .boxItem{width:100%}
 #onlineForm #ObjedForm .fCell{float:left}
 #onlineForm #ObjedForm .tel-cislo{float:none;width:100%;}
 #onlineForm #ObjedForm .dijitTextBox{border-radius:5px;-webkit-border-radius:5px;border:none;border-top:1px solid #B3B3B3;}
 #onlineForm .inpField .dijitTextBox {width:270px;}
 #onlineForm  .inpField #widget_popisne_cislo{float:left}
#onlineForm  .inpField #widget_telefon{width:200px;margin-left:48px;float:right}
/*#onlineForm  .inpField #popisne_cislo{float:left}
#onlineForm  .inpField #telefon{width:200px;margin-left:50px;float:right}*/
 #onlineForm #ObjedForm .nebo{position:absolute;top:72px;right:216px;color:#8d8d8d}
 #onlineForm .inpField input{box-shadow:0 0;-webkit-box-shadow:0 0;padding:8px 5px 8px 15px;color:#8d8d8d}
 #onlineForm .inpField {position:relative;width:60%;float:left}
 #onlineForm #sub{font-size:1em;padding:8px 25px}
 #onlineForm .boxItem{text-align:left}
 #subField{position:relative;float:right;border-left:1px solid #ccc;height:100px;padding-left:30px}
 #ObjedForm #subField:after{background: url("../images/box-arrow.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 20px;
    left:0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 10px;
}
#obPage .telefon{font-size:1.3em}
.nahoruBt{ text-align: center;
    width: 100%;
	   height: 30px;
	}
 .nahoru{text-decoration:none;
    background:#EEEEEE;
    border: 1px solid #C4C4C4;
	 -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 2px #CFCFCF;
    color: #333;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    cursor:pointer;
    padding: 0 15px;
    text-align: center;
    width: auto;
	position: fixed;
	bottom:50px;
	right:20px;
	z-index:10;
	display:none;
	}
	.ie8 .mainOffers .subHpPerex,.ie7 .mainOffers .subHpPerex{margin-left:5px}
	 .nahoru:hover{color:#d90000}
 .icon-nahoru{background: url(../images/nahoru.png) no-repeat scroll 0 center transparent;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    width: 13px;
}
 #page-tarify-na-miru .RankingWrapper,#page-tarify-na-miru .widget-vfcz,#page-tarify4 .widget-vfcz,#page-odmeny .RankingWrapper,#page-karta-se-vsim-vsudy .RankingWrapper,.page-fullScreen .widget-vfcz{width:960px;margin:10px auto;text-align:left}
 #page-tarify-na-miru .widget-vfcz h2,#page-tarify4 .widget-vfcz h2,.page-fullScreen .widget-vfcz h2{font-size:1.9em}
 #page-tarify-na-miru .widget-vfcz ul li,#page-tarify4 .widget-vfcz ul li,.page-fullScreen .widget-vfcz ul li{margin-top:10px}
 #page-tarify-na-miru  .widget-vfcz ul li h3,#page-tarify4 .widget-vfcz ul li h3,.page-fullScreen .widget-vfcz ul li h3{font-size:1.5em}
 #page-tarify-na-miru .RankingWrapper p.fl strong,#page-odmeny .RankingWrapper p.fl strong,#page-karta-se-vsim-vsudy .RankingWrapper p.fl strong{font-size:1.6em}
 #page-tarify-na-miru .widget-vfcz a.button,.page-fullScreen .widget-vfcz a.button{font-size:1.3em}
 #page-tarify-na-miru .widget-vfcz ul li h3 a,#page-tarify4 .widget-vfcz ul li h3 a,.page-fullScreen .widget-vfcz ul li h3 a{padding:3px 0 3px 40px;background-position: 9px 3px;}
.volaniOd{position:absolute;width:180px;height:90px;left:-208px;top:-45px;background:url(../images/nalepka_karta-na-vikend_03.png)}
#frm_verification_form .telCislo label{width:158px}
#frm_verification_form .subWrapper{float:right;margin-right:22px}
#frm_verification_form{padding-top:20px;width:410px}
#frm_verification_form .formError{color:#E60000}
.tarifyWrapper p.v-sekci{width:60%;margin-top:0!important;margin-left:20px!important}
#page-prejdete-k-nam iframe{height:255px}




	.simplePorthosForm {  }
	.simplePorthosForm .formRow { padding: 10px 0; }
	.simplePorthosForm .labelArea { float: left; width: 220px;  }
	.simplePorthosForm .inputArea { float: left; }
	.simplePorthosForm label { display: inline-block; margin: 0; width: auto; padding: 6px 20px 5px 0; float: none; }
	.simplePorthosForm .captchaRefreshLink { line-height: 15px; vertical-align: middle; margin: 5px 0; display: inline-block; font-size: 1.1em; }
	.simplePorthosForm .captchaRefreshLink img { line-height: 15px; vertical-align: middle; }

	#operatorMembershipFormResults { text-align: center; }
	#operatorMembershipFormResults .hide { display: none; }
	#operatorMembershipFormResults p { margin: 10px 0; font-size: 1.2em; font-weight: bold; padding: 10px 20px; border: 1px solid #eaeaea; background: #fafafa; border-radius: 5px;  text-align: center; display: inline-block;}



}

@media only screen and (max-width: 767px) {
	.simplePorthosForm .labelArea,
	.simplePorthosForm .inputArea { float: none; width: auto; }
	.simplePorthosForm .searchRow .labelArea { display: none; }
}

/* ********************************************* */
/* *********** media queries start ************* */

@media only screen and (max-width : 1350px) {
	.extra-porce-tarify {
		width: 130px;
		height: 95px;
		background-size: 100%;
		left: -144px;
		top: 18px
	}
	.volaniOd {
		width: 150px;
		height: 73px;
		background-size: 100%;
		left: -182px;
		top: -42px
	}
	#tarifTable .posRel div.internetRedTarify{width:140px;height:81px;background-size: 100%;top:-9px;left:-161px}
	#tarifTable .posRel div.dobejte400{width:130px;height:70px;background-size: 100%;top:-30px;left:-150px}
}
@media only screen and (max-width : 1287px) {
	.extra-porce-tarify {
		width: 110px;
		height: 80px;
		background-size: 100%;
		left: -114px;
		top: 24px
	}
	.volaniOd,#tarifTable .posRel div.internetRedTarify,#tarifTable .posRel div.dobejte400 {
		display: none
	}
}
@media only screen and (max-width : 1235px) {
	.extra-porce-tarify {
		display: none;
	}
	.nahoru {
		display: none!important
	}
}
@media only screen and (max-width : 1100px) {
	#socialWidget  {
		display: none !important; position: relative; top: inherit; width: 180px; margin: 25px auto 0 auto;
		}
}
@media only screen and (max-width : 1000px) {
	.tarifyWrapper .boxItem{min-height:161px;width:49.9%!important}
	#page-tarify-na-miru .RankingWrapper,#page-tarify-na-miru .widget-vfcz,#page-odmeny .RankingWrapper,#page-karta-se-vsim-vsudy .RankingWrapper,.page-fullScreen .widget-vfcz {width:712px;margin:10px auto}


	.projectorWrapper h3 {
		display: none;
		}
	ul#selectPlatform li {
		float: none;
		margin: 0 0 30px 0;
	}
	#selectPlatform li a {
		margin: auto;
	}
	#osatkaWeb .apps img {
		max-width: 80%;
	}
	#roaming-hlavicka .globus {
	display: none
	}
	#tarifyFung .boxItem {
		width: 31%
	}
	#page-prejdete-k-nam1 #tarifyFung .boxItem{width:49.9%}
	#page-prejdete-k-nam1 #tarifyFung .v-sekci2{margin:0 0 0 27px!important}
	#page-prejdete-k-nam1 #tarifyFung .mqMarg{margin:20px 0 0 20px!important}
	#page-prejdete-k-nam1 #tarifyFung .jednorazove3 .mqMarg{margin:-60px 0 0 73px!important}
	
	#page-prejdete-k-nam1 #tarifyFung .jednorazove3{clear:none!important}
	#onlineForm .inpField #widget_telefon {
		float: left;
		margin-top: 15px;
		margin-left: 70px
	}
	#onlineForm #ObjedForm .nebo {
		top: 132px;
		left: 4px;
		right: auto
	}
	#adsl_map .frWrapper {
		padding-left: 20px;
	}
	.directoryPage .menuInfo .infoWR{width:49.9%}
	.directoryPage #main .menuInfo ul li a{font-size:1.1em}
}
@media only screen and (min-width: 661px) and (max-width : 1000px) {
	#page,
	#topBar {
		width: 652px;
		left: 30px;
	}
	#content img,
	.mainOffers .perexImg,
	#carouselOffers .perexImg {
		max-width: 100%;
		height: auto;
	}
		.leftCol,
	.rightCol,
	.reservationCalendarCol {
		width: auto;
		float: none;
	}

	#sidecol2 {
		float: none;
		margin-left: 0;
		width: auto;
	}
	.subHomepage #content {
		margin: 0;
	}
	.mainOffers .subHpPerex {
		width: 31%;
		margin-left: 17px;
	}
	.directoryPage .mainOffers .subHpPerex {
		width: 100%;
		margin-left: 0;
	}
	.mainOffers .perexImg,
	#carouselOffers .perexImg {
		height: auto;
	}
	.directoryPage .mainOffers .subHpPerex p {
		min-height: inherit;
	}
	#main {
		background-position: 210px 40px;
	}
	#sidecol2 {
		margin-left: 20px;
	}
	.headerCarousel {
		height: 190px;
	}
		#headerCarousel,
		#headerCarouselWrapper .caroufredsel_wrapper {
			width: 100% !important;
		}
			#headerCarousel img {
				width: 100%;
				height: auto;
			}
			#carouselPerexWrapper1,
			#carouselPerexWrapper2 {
				width: 48%;
			}
			.carouselPerex article {
				width: 100%;
			}
	#carouselOffers .carouselItemArrow {
		padding: 8px 10px 12px 10px;
		position: relative;
		top: -4px;
	}
		#headerCarouselWrapper .dojoxRotatorPane0 {
			right: 127px;
		}
		#headerCarouselWrapper .dojoxRotatorPane1 {
			right: 80px;
		}
		#headerCarouselWrapper .dojoxRotatorPane2 {
			right: 55px;
		}
		#headerCarouselWrapper .dojoxRotatorPane3 {
			right: 30px;
		}
		#headerCarouselWrapper .dojoxRotatorPane4 {
			right: 5px;
		}
	.directoryPage .subHpPerex {
		width: auto;
		float: none;
		margin: 0 0 30px 0;
		clear: both;
	}
	
	.directoryPage .mainOffers .subHpPerex .perexImg {
		float: left;
		width: 25%;
		margin-right: 13px;
		margin-bottom: 30px;
	}
	.mainOffers h2,
	#carouselOffers h2,
	#sidecol2 h2,
	.mainOffers h3 {
		margin-bottom: 10px;
	}
	.homepage #headerCarouselWrapper .dojoxRotatorPrev a {
		height: 200px;
	}
	.homepage #headerCarouselWrapper .dojoxRotatorNext a {
		height: 200px;
	}
	#main .breadcrumbs {
		margin-left: 0;
	}
	#bottomPosition {
		margin-left: 30px;
	}
	.homepage #content {
		margin: 0;
	}
	.homepage #main {
		background: #FFF;
	}
	.homepage #sidecol2 {
		margin: 0;
		width: auto;
		clear: both;
		float: none;
		background: #F1EFEF;
		border-bottom: 2px solid #ccc;
	}
	.homepageBox {
		width: 33%;
		border-left: 1px solid #dedbdb;
	}
	.homepageBox:first-child {
		border: 0;
	}
	#widget_address {
		width: 120px;
	}
	#map_store_search_bar {
		margin-left: -40px;
	}

	.reservationCalendarCol {
		width: auto;
		float: none;
		clear: both;
	}
	.thirdBox {
		width: 100%;
		float: none;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
	}
	.prodejnaInfoCol {
		width: 50%;
	}
	.prodejnaInfoColLast {
		clear: both;
	}
	#Booking_Calendars table,
	#Booking_Calendars table:first-child {
		width: 100%;
		float: none;
	}
	h3.carouselTitle {
		padding: 10px 0;
	}
	.carouselWrapper h3 {
		display: none;
	}
	.cross-item .cross-content {
		width: 55%;
	}
	.cross-header .last {
		clear: both;
	}
	#tarifTable {
		font-size: 0.9em;
	}
	.cross-wrapper {
		margin-right: -20px;
	}
	.cross-item .cross-content,
	.cross-item .cross-buttons-wrapper {
		float: none;
		width: auto;
	}
	.cross-header {
		padding-right: 30px;
	}
	.cross-header img {
		display: none;
	}
	.boxItem {
		width: 49.9%;
		border-left: 0;
		margin-bottom: 20px;
		min-height: 130px;
	}
}

@media only screen and (max-width : 767px) {
	#page-prejdete-k-nam iframe{height:390px}
	#page-prejdete-k-nam .doSamoobsluhi{display:none}
	#page-tarify-na-miru .RankingWrapper,#page-tarify-na-miru .widget-vfcz,#page-odmeny .RankingWrapper,#page-karta-se-vsim-vsudy .RankingWrapper,.page-fullScreen .widget-vfcz{width:95%;margin:10px auto}
	#page-prejdete-k-nam1 .doSamoobsluhi{margin:-20px 0 0 220px!important;text-align:left!important}
	#page .in-mobile {
		display: block;
		}
	#page .not-mobile {
		display: none;
		}
	body {
		padding-top: 0;
		}
	#header {
		margin-bottom: 0;
	}
	#page,
	#topBar .inner {
		width: auto;
		left: 0;
		}
	.hideInSlim {
		display: none !important;
		}
	.desktopView {
		display: none !important;
		}
	.mobileView {
		display: block !important;
		}
	#main {
		padding-right: 15px;
		padding-left: 15px;
	}
	.breadcrumbs {
		margin-left: 10px;
	}
table.shops tr {
	display: block;
	padding: 15px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
	table.shops td {
		display: block;
		border: 0;
		background: none !important;
		padding-left: 0;
		padding-right: 15px;
	}
		table.shops td.shopName {
			padding-left: 0;
			background: none !important;
			font-size: 0.9em;
			padding-bottom: 0;
			width: auto;
		}
		table.shops td.shopIcoWeb,
		table.shops td.shopLinks .linkExpert {
			float: left;
		}
		table.shops td.shopLinks {
			text-align: left;
			width: auto;
		}
		table.shops td.shopIcoMap {
			float: left;
		}
			table.shops td.shopName a {
				font-weight: bold;
				display: block;
				font-size: 1.1em;
			}
				table.shops td a img {
					margin-right: 0;
				}
			table.shops td.shopLinks img {
				margin: 0 4px;
			}
	.projectorWrapper h3 {
		margin: 0 10px;
		}
	.carouselWrapper h3 {
		margin: 0 10px;
		}
	#tarifyFung .boxItem {
	width: 50%
	}
	#tarifyFung #infoText .boxItem {
		width: 90%
	}
	#tarifyFung .jednorazove p {
		font-size: 1.4em
	}
	#adsl .inlineButtonsFix {
		width: 50%
	}
	#roaming-hlavicka {
		background: none
	}
	#roaming-hlavicka .sipka {
		display: none
	}

}

@media only screen and (min-width: 661px) and (max-width : 768px) {
	#main {
		padding-right: 20px;
		font-size: 1.1em;
		background-position: 205px 39px;
	}
	.carouselPerex {
		margin-left: 36px;
		width: 100%;
	}
	#headerCarousel,
	#headerCarouselWrapper .caroufredsel_wrapper {
		width: 100% !important;
	}
	#headerCarouselWrapper .dojoxRotatorPane0 {
		top: 5%;
		right: 20%;
		z-index: 435;
	}
	#headerCarouselWrapper .dojoxRotatorPane1 {
		top: 5%;
		right: 14%;
		z-index: 434;
	}
	#headerCarouselWrapper .dojoxRotatorPane2 {
		top: 5%;
		right: 11%;
		z-index: 433;
	}
	#headerCarouselWrapper .dojoxRotatorPane3 {
		top: 5%;
		right: 9%;
		z-index: 432;
	}
	.mainOffers .perexImg,
	#carouselOffers .perexImg {
		width: auto;
		float: left;
	}
	.mainOffers .perexImg img,
	#carouselOffers .perexImg img {
		width: auto;
		float: left;
	}
	.mainOffers .subHpPerex p {
		min-height: 110px;
	}
	#widget_address {
		width: 120px;
	}
	#map_store_search_bar {
		margin-left: -60px;
	}
	#topBar .topBarLinks .hideInSlim {
		display: none;
	}
	#searchForm .field {
		width: 310px;
	}
	#searchForm p.clear {
		margin: 0;
	}
	
	th,
	td {
		padding: 5px 8px;
		font-size: 0.8em;
	}
	.thirdBox {
		width: 100%;
		float: none;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
	}
	#Booking_Calendars table,
	#Booking_Calendars table:first-child {
		width: 100%;
		float: none;
	}
	#tarifActivation .boxItem {
	width: 45%;
	border-bottom: 1px solid #dadada;
	}
	#tarifTable {
		font-size: 0.9em;
	}
	#tarifTable td {
		padding: 13px 5px;
	}

	
}
@media only screen and (min-width: 661px) and (max-width : 640px) {
	.mainOffers .subHpPerex {
		width: 100%;
		margin-left: 0;
	}
	.mainOffers .subHpPerex p {
		min-height: inherit;
	}
	.subHomepage .mainOffers .subHpPerex p {
		min-height: inherit;
		clear: none;
	}
	#carouselPerexWrapper1,
	#carouselPerexWrapper2,
	.carouselPerex article {
		width: 100%;
		float: none;
	}
	#searchForm .field {
		width: 70%;
		clear: both;
	}
	#searchForm label {
		float: none;
	}
	#searchForm .button {
		top: 20px;
	}
	#searchForm p.clear label {
		margin-right: 20px;
	}
	
	#headerCarouselWrapper {
		display: none;
	}
}

@media only screen and (max-width : 660px) {
	/* resets */
	.tarifyWrapper .boxItem{min-height:100px;width:100%!important}
	.directoryPage .menuInfo .infoWR{width:100%}
	
	#pageTarify .ediceBalickyTarifuImages{width:100%}
	#topBar nav.lft, #sidecol2, .mainOffers .subHpPerex, .carouselPerex  {width: 100%;}
	#mainMenu {width: 98.5%;}
	#sidecol1 {width: auto;}
	#mainMenu a span, #mainMenu strong span, #mainMenu a:hover, #mainMenu li:hover a, #mainMenu a.active, #mainMenu strong, #mainMenu a.open { -webkit-border-radius: 3px;border-radius: 3px;}
	#topBar nav.lft, #header nav.rgt, #search, .subHpPerex, .carouselPerex, #sidecol1, #sidecol2 {float: none;}
	#headerCarousel, .carouselItemsControls, #headerCarouselWrapper, #header #mainMenu ul.menu ul.menu, .homepageNewsPerex, .homepage #sidecol2 p.right, iframe, #storesMap, .carouselWrapper h3 {display: none;}
	.homepage #topBar .rgt {display: block;}
	.subHpPerex, .carouselPerex, #sidecol1, #sidecol2, .homepage #content, .homepage #sidecol2, .subHomepage #content  {
		margin: 0;
		padding: 0;
		background: none;
	}
	.RankingWrapper{display:none}
	#topBar nav.lft { float: left; width: auto; }
	.leftCol, .rightCol, .reservationCalendarCol {width:auto; float:none;}
	h1 {font-size: 2.2em;}
	.subHomepage h1 {margin-left: 20px;}
	#main .mobileMenu {display: block;}
	#main {font-size: 1.3em; line-height: 1.6em; box-shadow: 0 0 0 0;}
	/* various */
	#main {padding: 5px 0 0 0;}
	#bottomPosition {padding: 20px 20px 0 20px; border-top: 10px solid #F4F4F4;}
	#content, #main .breadcrumbs, #sidecol1, .subHomepage #content, aside .inner {padding: 0 15px 20px 15px;}
	#main .breadcrumbs {margin-bottom: 5px;}
	#sidecol1, #sidecol2 {clear: both; border: 0; border-top: 10px solid #F4F4F4; padding-top: 10px;}

	#sidecol1 {padding-top: 20px; padding-bottom: 0;}
	#sidecol1 ul {margin: 0;}
	#sidecol1 ul ul strong, #sidecol1 ul strong span {background-image: none; background-color: #666;}
	#sidecol1 ul ul a.open span {background-position: -37px -35px;}
	#sidecol1 ul ul ul a.open span {background-position: -23px -35px;}
	#sidecol1 ul ul ul span, #sidecol1 ul ul ul strong.open {}
	#sidecol1 ul li strong { margin: 0;}
	#sidecol1 ul li strong:before {display: none;}
	#sidecol1 ul ul strong span { background-color: #666;}

	#content {margin: 0;}
	.breadcrumbs {font-size: 0.9em;}
	.breadcrumbs span {margin: 0;}
	#content img {max-width: 100%; height: auto;}
	#content .shops img {max-width: inherit;}
	.mainOffers .perexImg, #carouselOffers .perexImg {display: none;}
	.homepageBox {width: auto; min-height: inherit; float: none; border-bottom: 10px solid #f4f4f4;}
	#main, .homepage #main {background: #FFF;}
	.homepage #sidecol2, #carouselPerexWrapper1, #carouselPerexWrapper2 {width: auto;}
	.homepage #sidecol2 h2 a, #main .mobileMenu li a { text-decoration: none; background-position: -465px -500px; font-weight: bold; font-size: 19px; padding-left: 50px; padding-bottom: 9px; }
	.homepage #sidecol2 h2 a {background-position: -465px -503px;}
	.homepage #sidecol2 {border:0; border-bottom: 1px solid #ccc;}
	.homepage #sidecol2 h2, #main .mobileMenu li {background-position: 0 -600px; border-bottom: 1px solid #FFF;}
	.button, button, input[type="submit"], .button-purple a, a .button-purple, .button-white a, #main .eshopLink a, #main .linkButtons a {margin-bottom: 10px;}
	.subHpPerex {margin-bottom: 40px;}
	.mainOffers .subHpPerex p {min-height: inherit;}
	th, td  {padding: 5px 8px; font-size: 0.8em;}
	#widget_address {width: 120px;}
	#searchForm .field {width: 70%; clear: both;}
	#searchForm label { float: none;}
	#searchForm .button {top: 23px;}
	#searchForm p.clear label {margin-right: 20px;}
	#searchForm p.clear {margin: 0;}

	#tarifTable .button-purple,#tarifTable .button-purple a,#tarifTable .button-white a{font-size:1em}
	
	table.shops tr {display: block; padding: 15px 0; border-top: 1px solid #ccc; overflow: hidden;}
	table.shops td.shopName {padding-left: 0; background: none !important; font-size: 0.9em; padding-bottom: 0; }
	table.shops td.shopName a {font-weight: bold; display: block; font-size: 1.1em;}
	table.shops td a img { margin-right: 0; }
	table.shops td {display: block; border: 0; background: none !important; padding-left: 0; padding-right: 15px;}
	table.shops td.shopIcoMap, table.shops td.shopIcoWeb, table.shops td.shopLinks .linkExpert {float: left;}
	table.shops td.shopLinks {text-align: left; width: auto;}
	table.shops td.shopLinks img {margin: 0 4px;}

	#map_store_search_bar label {width: auto; text-align: left;}
	#map_store_filter {margin-bottom: 15px; padding: 0 15px;}
		#map_store_filter strong {width: 100%; display: block; text-align: left;}
	.homepage #topBar .lft {float: left; width: auto;}
	.prodejnaInfoCol {width: auto; float: none;}
	#Booking_Calendars table, #Booking_Calendars table:first-child {width: 100%; float: none;}
	.mobileSamoobsluhaLink {
		display: block;
		width: 31px;
		height: 30px;
		background: url(../images/stripes.png) no-repeat bottom left;
		position: absolute;
		top: 3px;
		right: 3px;
		z-index: 200;
	}
	#homepagePopup {display: none !important;}

	.mobileMapButton, #mobileMap #storesMap {display: block;}
	#main .mobileMapsButtons .button {
		margin: 0 0 20px 0;
		display: block;
		text-align: center;
		}

	label, .fCell span, .tabsForm label {
		float: none;
		width: auto;
		margin-right: 0;
		padding-left: 0;
		margin-bottom: 7px;
	}

	.tabsForm .tab {width: 98%; padding-left: 0; padding-right: 0; text-align: center;}
	.rekapForm label {width: auto;}
	.rekapForm .help {margin: 0; line-height: 1.4em;}
	.rekapForm .agreement {font-size: 0.8em; float:left; margin-right: 10px;}
	.captchaRefreshLink {display: block;}

	/* hide campaign pages menu */
	#page-perfect-data-set-up #mainMenu, #page-experti #mainMenu, #page-samsung-galaxy-s-iii #mainMenu, #page-vodafone-smart-ii #mainMenu {display: none;}

	/*carousel resets */
	#carouselPerexWrapper1, #carouselPerexWrapper2 {float: none;}
	.caroufredsel_wrapper, .carouselPerex, .carouselPerex article {width: auto !important; height: auto !important; overflow: visible !important; position: relative !important;}
	/* homepage carousel offers */
	#homepageBoxesWrapper {position: relative; width: 100%; margin: 0 auto;}
	.homepageBox {width: auto; margin: 0 20px; border: 0;}
	#homepageBoxesWrapper .carouselArrow  {
						display: block;
						background: url(../images/stripes.png) no-repeat 0 0;
						margin-left:0;
						width: 20px;
						height: 30px;
						z-index: 763;
						cursor: pointer;
						}
						#homepageBoxesWrapper .carouselArrow {
							position: absolute;
							top: 50%;
							margin-top: -15px;
						}
						#homepageBoxesWrapper .carouselArrowLeft {left: 5px;}
						#homepageBoxesWrapper .carouselArrowRight {right: 5px;}
						#homepageBoxesWrapper .carouselArrowLeft {background-position: -90px -35px;}
						#homepageBoxesWrapper .carouselArrowRight {background-position: -107px -35px;}
	#homepageBoxesWrapper .bottom {position: relative; bottom: auto;}

	.searchField {width: 75%;}
	#carouselOffers h2 {border-right: 0;}
	.thirdBox {width: 100%; float: none; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px;}

	body.homepage {background: #FFF;}
	 .homepage #maincol {display: none;}
	 #headerCarouselWrapperMobil {display: block;}
	 .button, button, input[type="submit"], .button-purple a, .button-purple a.external, a .button-purple, .button-white a, #main .eshopLink a, #main .linkButtons a {white-space: normal; text-align: center;}

	#pr-team .pointer,
	#pr-team .pointer .description {
		position: static;
	}
	#pr-team .pointer .image {
		display: none;
	}
	#pr-team .pointer {
		width: 50%;
		height: auto;
		font-size: 0.9em; /*float: left;*/
		margin-left: 15px;
	}
		#pr-team .pointer .description,
		#pr-team .pointer .description h3 {
			color: #333;
		}
		#pr-team .pointer .description {
			display: block;
			width: auto;
			background-color: transparent;
		}
	#houzarova {
		clear: left;
	}
	#exnerova {
		margin-bottom: 20px;
	}
	.projectorWrapper .projectorItem .bottom {
		margin-bottom: 0;
	}
	.carouselWrapper h3 {
		display: none;
	}
	.carouselWrapper .carouselItem .bottom {
		margin-bottom: 0;
	}
	#tarifTable tbody td,
	#tarifTable th {
		display: block;
	}
	.boxItem {
		float: none !important;
		width: auto !important;
		text-align: left;
		border-left: 0;
		margin-bottom: 20px;
		clear: both;
		overflow: hidden;
	}
	.boxItem h3 {
		margin-left: 0;
		margin-right: 0;
	}
	#expertAdvice .boxItem img {
		margin-right: 0;
	}
	.grayBoxContent .boxItem {
		padding: 15px 20px 1px 20px;
		margin-bottom: 0;
		border-bottom: 1px solid #dadada;
	}
	.boxItem h3,
	.boxItem p,
	.boxItem ul,
	.boxItem table {
		margin-left: 0;
		margin-right: 0;
	}
	.grayBoxContent .boxItem strong {
		display: inline;
	}
	#tarifTable table th,
	#tarifTable table td {
		text-align: left !important;
		padding: 10px 35px;
	}
	#tarifTable .arrowBox strong {
		margin-left: 23px;
	}
	#tarifTable td.right {
		padding-bottom: 25px;
	}
	#tarifTable td.arrowBox {
		padding-top: 25px;
	}
	#tarifTable .extra,
	#tarifTable .novy {
		display: none;
	}
	.cross-item .cross-content,
	.cross-item .cross-buttons-wrapper {
		float: none;
		width: auto;
	}
	.cross-wrapper {
		margin-right: -20px;
	}
	.cross-item .cross-text,
	.cross-item h2 {
		margin-right: 0;

	}
	.cross-item .button:after {
		top: 13px;
	}
	.cross-item {
		padding: 20px;
	}
	.cross-header .last {
		clear: both;
	}
	.cross-header {
		padding-right: 30px;
	}
	.cross-header img {
		display: none;
	}
	#roaming-hlavicka {
		font-size: 0.9em;
	}
	.documentText img.lft,
	.documentText img.rgt {
		float: none
	}
	#tarifTable table th {
		width: auto!important;
		padding: 4px 20px!important
	}
	#adsl_map .tabsForm .tabHead {
		top: 0
	}
	#adsl_map #adsl_search_button {
		font-size: 1.0em
	}
	#adsl_map h2.bgImg {
		margin-bottom: 0;
		font-size: 1em;
		background: none;
		padding-left: 0;
		margin-left: 10px;
	}
	#order_form h2.bgImg {
		font-size: 1.2em;
		background: none;
		padding-left: 0
	}
	.boxWrapper h2,
	.cross-item h2 {
		font-family: 'Arial CE', Arial, Helvetica, sans-serif;
	}
	.cross-item h2,
	.cross-header {
		padding-top: 10px;
	}
	.cross-header {
		font-size: 1em;
	}
	.boxWrapperInner {
		font-size: 0.8em;
	}
	#tarifTable th {
		font-size: 0.8em;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	#tarifyFung #infoText .boxItem:before {
		display: none;
	}
	#tarifyFung #infoText .boxItem {
		border: 0;
		padding-left: 0;
	}
	.boxContent,
	#tarifyFung .bonus {
		padding: 0 20px 20px 20px;
	}
	.grayBoxContent {
		padding: 0;
	}
	.boxHeading {
		padding: 20px;
	}
	#tarifTable table th,
	#tarifTable td {
		padding: 5px 20px;
	}
	#tarifTable .hiddenRowsToggle td {
		text-align: center !important;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.2em;
	}
	#adsl_map .dijitInputField input {
		font-size: 1em;
	}
	.boxWrapper .carouselSwitch {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		padding-top: 10px;
		overflow: hidden;
	}
	.boxWrapper .carouselWrapper {
		clear: both;
	}
	.desktopTarifTable {
		display: none;
	}
	.mobileTarifTable {
		display: block;
	}
	#tarifTable tbody td,
	#tarifTable th {
		display: table-cell;
	}
	.boxHeading p {
		line-height: 1.4em;
		padding-top: 5px;
		font-size: 1em;
	}
	#tarifTable .mobileTarifTable th,
	#tarifTable .mobileTarifTable td {
		border-bottom: 0;
		background: #f0f0f0;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#tarifTable .mobileTarifTable td {
		font-size: 1em;
	}
	#tarifTable .mobileTarifTable tr:nth-child(2n+1) td,
	#tarifTable tr:nth-child(2n+1) th {
		background: #FFF;
	}
	#tarifTable .mobileTarifTable th.arrowBox {
		padding-top: 40px !important;
		padding-bottom: 10px !important;
	}
	#tarifTable .mobileTarifTable .arrowBox strong {
		font-weight: bold;
		font-size: 1.2em;
	}
	#tarifTable .mobileTarifTable .center {
		text-align: center !important;
		padding-top: 10px !important;
		padding-bottom: 35px !important;
		background: #FFF;
		border-bottom: 0;
	}
	#tarifTable .mobileTarifTable tbody {
		border-top: 1px solid #E8E8E8;
	}
	#tarifTable.boxWrapper .mobileTarifTable table .button {
		font-size: 1.1em;
	}
	#tarifTable .mobileTarifTable .niceBox em {
		margin: 10px 0;
		margin-left: -16px;
	}
	#tarifTable .mobileTarifTable tr.boxDescription td,
	#tarifTable .mobileTarifTable tr td.additionalInfo {
		font-size: 0.8em;
	}
	#tarifTable .mobileTarifTable .boxDescription td,
	#tarifTable .mobileTarifTable .additionalInfo {
		padding-left: 20px;
	}
	#tarifTable .mobileTarifTable .hiddenRowsToggle {
		font-size: 0.9em;
	}
	#frm_verification_form .subWrapper {
		float: none!important;
		margin-right: 0!important
	}
	#frm_verification_form {
		width: 320px
	}

}
 @media only screen and (max-width: 581px) {
	 
	.boxHeading h2.sedyHeading {
		font-size: 1.4em
	}
	#adsl .inlineButtonsFix {
		font-size: 0.8em
	}
	#tarifyFung .boxItem {
		padding: 10px 0;
		margin-bottom: 0;
	}
	#onlineForm .inpField input,
	#onlineForm #ObjedForm #sub {
		font-size: 0.85em
	}
	#adsl a.internal {
		font-size: 1em;
	}
	.boxWrapper h3.redHeading {
		font-size: 1.3em
	}
	p.v-sekci {
		margin-top: 5px!important
	}
	#tarifyFung .jednorazove p.v-sekci {
		margin-left: 73px
	}
}

@media only screen and (max-width : 500px) {
	#osatkaWeb .apps li {
		width: 49.9%;
	}
	#osatkaWeb .apps li:nth-child(2n+1) {
		clear: both;
	}
	#app-detail.app-detail-mobile .appDetailWrapper .description h3,
	 #app-detail.app-detail-mobile .appDetailWrapper .description p {
		margin-left: 0;
	}
	#adsl .butW {
		margin-left: 0px
	}
	#onlineForm .inpField .dijitTextBox {
		width: 230px;
	}
	#onlineForm .inpField #widget_telefon {
		width: 180px;
		margin-left: 50px
	}
	#adsl_map .grayBox {
		padding: 20px 3px 20px 8px
	}
	#tarifyFung .jednorazove p.v-sekci2 {
		margin-left: 10px
	}
}

@media only screen and (max-width : 420px) {
	
		#mainMenu ul li, #mainMenu ul li a, #mainMenu ul li span, #mainMenu ul li strong {
				float: none !important;
				display: block !important;
				width: auto;
				border: 0;
			}
			#mainMenu ul li {
				border-top: 1px solid #FFF;
			}
			#mainMenu ul li:first-child {
				border: 0;
			}
			#mainMenu > ul > li > a-item  {
				display: none !important;
			}
	}
@media only screen and (max-width : 319px) {
	.mobileTriggers {
		width: 110px;
	}
	.menuTrigger, .searchTrigger, .mobileTriggers .cartLink {
		width: 35px;
		background-size: 400px auto;
	}
		.searchTrigger {
			background-position: -87px 9px;
		}
		.menuTrigger {
			background-position: -126px 9px;
		}
		.mobileTriggers .cartLink {
			background-position: -169px 9px;
		}
	.headerSectionName {
		font-size: 1.2em;
	}

}
@media only screen and (max-width : 239px) {
	.searchField {
		width: 70%;
		}
	#main .fCell input[type="text"],
	#main .fCell .field,
	#main .fCell textarea {
		width: 200px;
		}
	#topBar .lft, #topBar .rgt {
		float: right;
		width: auto;
		clear: both;
	}
	#topBar .lft ul {
		padding-right: 10px;
		font-size: 1.1em;
	}
	#searchGSA button {
		width:98%;
	}
	#searchGSA button {
		margin-left: 0;
	}
	.mobileTriggers {
		clear: both;
		background: none;
		overflow: auto;
		margin-left: 5px;
		float: none;
		width: auto;
		padding-bottom: 5px;
	}
	.mobileTriggers {display: none;}
	#mainMenu {display: block;}
	#header div.rgt {display: block;}
	.mobileTriggers {
		display: none !important;
	}

}

@media only screen and (max-width : 767px) and (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
	.menuTrigger,
	.searchTrigger,
	.mobileTriggers .cartLink,
	#loginBox #loginBoxLink a,
	#header .logo {
		background: url(../images/stripes-header-icons-retina.png) no-repeat;
		-webkit-background-size: 480px 151px;
		background-size: 480px 151px;
		}
	.menuTrigger {
			background-position: -153px 5px;
		}
	.searchTrigger {
			background-position: -105px 5px;
		}
	.mobileTriggers .cartLink {
			background-position: -202px 5px;
		}
	#loginBox #loginBoxLink a {
		background-position: -60px 3px;
		}
	#footer .social a {
		-webkit-background-size: 207px 79px;
		background-size: 207px 79px;
	}
	#footer .social a.fb {
		background-position: 0 -27px;
	}
	#footer .social a.tw {
		background-position: -26px -27px;
	}
	#footer .social a.ig {
		background-position: -52px -27px;
	}
	#footer .social a.yt {
		background-position: -78px -27px;
	}
	#footer .social a.cc {
		background-position: -155px -27px;
	}
	#footer .social a.vp {
		background-position: -181px -27px;
	}
}
/* ******** media queries end ************** */
@media print {
		* {
					background: transparent !important;
					color: #000 !important; /* Black prints faster: h5bp.com/s */
					box-shadow: none !important;
					text-shadow: none !important;
			}
		a, a:visited { color: #000 !important; text-decoration: underline; }
		abbr:after { content: " (" attr(title) ")"; }
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		img { page-break-inside: avoid; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3{ page-break-after: avoid; }

	html {
		font-size: 100.01%;
	}

	body {
		font-size: 80%;
		color: #333;
		line-height: 1.6em;
		font-family: Arial, Helvetica, sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {margin-bottom: 5px; color: #E60000;}

	h1 {
		color: #ff0000;
		font-size: 2.5em;
		margin: 0 0 30px 0;
		clear: both;
		padding: 0;
	}

	h2 {
		font-size: 1.6em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {font-size: 1.3em;}
	h5 {font-size: 1.1em; }
	h6 {font-size: 1em; }

	p {margin: 0 0 25px 0; padding: 0;}
	a {color: #333; text-decoration: none;}

	table {width: 100%;}

	#header, #sidecol1, #sidecol2, .focus, hr, #topBar, #footerMenu, .social, #footer .social, .hide, .energie, #socialWidget, .noPrint, #footerLinks, .topMenu, .animation, .cross-header img, #adsl_map, #overit-dostupnost-a-objednat-container, iframe, .button, #clockWork, .cross-buttons-wrapper, #expertAdvice, #tarifActivation, .widget-vfcz, #vfsurvey_container, #vfsurvey_mobile_handle, .RankingWrapper, #carousel, #mcAplikace, .mcTimeline, #mcTabuleLeva, #mcTabuleStred, #mcTabulePrava, .mobileTarifTable, #logoWrap,
	.customerTypeSelection, .tabsNav2, #floatingCart, .onlyMobile, .tariffSticker, .cellProceed {display: none !important;}

	#mcContent ul {margin-left: 0; padding-left: 0;}
	#mcContent li {list-style: none; margin-left: 0; padding-left: 0;}
	.mcTarify3 li {float: left; width: 33%; height: 700px;}

	.toggleBoxContent {display: block !important;}

	.cross-wrapper img {float: left; margin: 0 15px 10px 0;}
	.cross-item h2 {clear: both;}

	.boxItem {
			float: left;
			text-align: center;
			width: 23%;
	}

	.boxHeading {padding: 0 !important;}

	* html .clearfix { height: 1%; }
	*+html .clearfix { display: inline-block; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	.print,
	.onlyPrint {display: block;}
	.noPrint { display: none; }

	table {border-collapse: collapse; margin-bottom: 20px;}
	td, th {border: 1px solid  #CCC; padding: 5px 10px;}

	ul, ol {margin-left: 20px; margin-bottom: 20px;}
	ul ul {margin-bottom: 0;}
	li {margin-top: 8px;}
	ul li {list-style: disc;}

	#footer {font-size: 0.85em;}

	.breadcrumbs {font-size: 0.8em; display: block; margin-bottom: 5px; padding: 0;}
	img.logoPrintSpecial {display: block; margin: 0 0 30px 30px; position: relative; top: 0; left: 0; display: block !important;}

	form, fieldset {border: 0; outline: none;}
	.fCell { clear: both; margin-top: 5px; }
	label, .fCell span { display: block; float: left; }
	input[type=text], textarea { width: 350px; border: none; outline: none; box-shadow: none; background: none; }
	textarea { overflow: visible; display: block; height: 100%; font-family: Arial, Helvetica, sans-serif; width: 100%;}
	input[type=submit] { display: none; }

	#print_helper { display: block; overflow: visible; white-space: pre; white-space: pre-wrap; }
	#reklamacniFormular #print_helper {  float: right; width: 49%; }

	#reklamacniFormular label, .fCell span { width: 50%; }
	#reklamacniFormular input[type="text"], textarea { width: 49%; float: right; }

	#reklamacniFormular .pKde { float: left; clear: none; width: 40%; display: block; margin: 0; padding: 0; margin: 20px 0 0 0; }
	#reklamacniFormular .pDne { float: left; clear: none; width: 24%; display: block; margin: 0; padding: 0; margin: 20px 0 0 0; }
	#reklamacniFormular .pPodpis { float: right; clear: none; width: 35%; display: block; margin: 0; padding: 0; margin: 20px 0 0 0; }
	#reklamacniFormular .pKde label { width: 10%; }
	#reklamacniFormular .pDne label { width: 25%; }
	#reklamacniFormular .pPodpis label { width: 25%; }
	#reklamacniFormular .pKde input  { width: 85%; float: left; }
	#reklamacniFormular .pDne input  { width: 70%; float: left; }
	#reklamacniFormular .pPodpis input { width: 70%; float: left; }

	#reklamacniFormular .fCell, .fRow { margin: 0 !important; padding: 0 0 10px 0 !important; }
	#reklamacniFormular .mt10 { padding-top: 10px !important; }
	#reklamacniFormular .mt20 { padding-top: 20px !important; }

	#reklamacniFormular fieldset { padding: 0; margin: 0; }
	
	.tariffHeaderContent img.rgt {
		display: none;
	}
	.tariffBlock .infoTable td,
	.tariffBlock .infoTable th {
		border: 0;
		padding: 5px 10px 5px 0;
		text-align: center;
	}
	.tariffBlock .infoTable th {
		text-align: left !important;
	}
	.cellPrice .price,
	.cellPrepaidPrice .price {
		display: block;
	}
	.cellPrice em,
	.cellPrepaidPrice em {
		font-style: normal;
		color: #e60000;
		font-size: 1.3em;
		font-weight: bold;
		margin-left: 5px;
	}
	.tariffDetails {
		display: block !important;
	}
	.tariffDetails ul {
		margin-left: 0;
		padding-left: 15px;
	}
	.tariffBlock {
		border-top: 2px solid #ccc;
		padding-top: 40px;
		margin-top: 40px;
	}
}