body {background: #F8f8f8; margin: 0; padding: 0;}

/* global reset */
.export ul, .export ol, .export li, .export p, form, fieldset {margin: 0; padding: 0;}
fieldset {border: 0;}
* html .clearfix, * html.linkButtons  { height: 1%; }
*+html .clearfix, *+html .linkButtons  { display: inline-block; }
.clearfix:after, .linkButtons:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.export img {border: 0;}

.export .hide, .export #search legend span, .export #searchGSA legend span {position: absolute; top: -25000px; left: 0;}
#topBar.export  .rgt {float: right;}
#topBar.export  .lft {float: left;}
	
#topBar.export  {
	text-align: left; 
	background: url(//www.vodafone.cz/webs/vodafonecz/images/line-h.gif) repeat-x bottom left #ebebeb; 
	font-size: 0.75em; 
	margin-bottom: 15px;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #333;
	line-height: 1.2em;
	}
#topBar.export .inner {margin: 0 auto;	text-align: left; width: 960px; position: relative; padding-top: 10px;  z-index: 2;}
#topBar.export .lft {width:450px;}
#topBar.export .rgt {width:600px; margin-bottom: 1px;}

.export .tabs ul  { list-style: none; padding: 9px 0 0 0; position: absolute; top: 0; bottom: 0; left: 73px; font-size: 1.1em;}
.export .tabs ul li {float: left; margin-left: -1px; position: relative; z-index: 3}
.export .tabs ul li.no-submenu {z-index: 2;}
.export .tabs ul a, .export .tabs ul strong, .export .tabs ul em {padding: 9px 17px 8px 17px; background: #f8f8f8; display: block; float: left; border: 1px solid #d3d3d3; color: #525252; font-weight: bold; font-style: normal; text-decoration: none;position: relative; top: 5px; z-index:3}
.noSection .export .tabs ul a, .noSection .export .tabs ul strong, .noSection .export .tabs ul em {top: 0;}
.export .tabs ul strong, .export .tabs ul a.open, .homepage .export .tabs li:first-child a {padding: 11px 28px 12px 17px; top: 0; color: #e60000; border-bottom: 0; background:  url(../images/stripes.png) no-repeat 100% -700px #f8f8f8;}
.export .tabs ul em, .export .tabs ul a {background:  url(../images/stripes.png) no-repeat 100% -198px #f8f8f8; padding-right: 28px;}
.export .tabs ul .no-submenu a {padding-right: 17px; background-color: #f8f8f8; background-image: none;}
.export .tabs ul .no-submenu strong, .export .tabs ul .no-submenu em, #topBar.export  .tabs ul .no-submenu a.open, .homepage .export .tabs li:first-child a {background:  url(../images/stripes.png) no-repeat 0 -700px #f8f8f8; padding-right: 20px;}

.export .tabs ul a:hover {color: #e60000;}

.export .tabs ul ul {display: none; position: absolute; top: 26px; left: 0; width: 209px; font-size: 0.9em; z-index:1}
.export .tabs ul ul li {margin: 0; float: none; display: block;}
#topBar.export .tabs ul ul a, .export .tabs ul ul strong {float: none; border-top: 0; background: #f8f8f8; font-weight: normal;  top: 0;}
#topBar.export .tabs ul ul li:first-child a, #topBar.export .tabs ul ul li:first-child strong { border: 1px solid #d3d3d3;}
.export .tabs ul ul a span, .export .tabs ul ul strong span {background: url(//www.vodafone.cz/webs/vodafonecz/images/stripes.png) no-repeat -140px -79px; padding-left: 15px; display: block;}

.export .tabs li:hover ul, ul.export .tabs li.liHover ul {display: block;}
.export .tabs li:hover ul em, .export .tabs li:hover ul a, .export .tabs li.liHover em, .export .tabs li.liHover a, .export .tabs li:hover ul strong, .export .tabs li:hover ul strong, .export .tabs li.liHover strong, .export .tabs li.liHover strong, .export .tabs li:hover a {border-bottom-color: #f4f4f4;}
#topBar.export .tabs li.no-submenu a, #topBar.export .tabs li.no-submenu em, #topBar.export .tabs li.no-submenu strong {border-bottom-color: #d3d3d3;}
.export .tabs li:hover ul li, .export .tabs li.liHover ul li {position: relative;}
 .homepage .export .tabs ul ul li:first-child a {padding: 9px 17px 8px 17px;  background: url(//www.vodafone.cz/webs/vodafonecz/images/stripes.png) repeat-x bottom left #f4f4f4; display: block;  border: 1px solid #d3d3d3; color: #525252;}
 .homepage .export .tabs ul ul li:first-child a:hover {color: #e60000;}

#topBar.export  .topBarLinks {margin-top: 6px; float: right;}
#topBar.export  .topBarLinks li {float: right; list-style: none; display: block; background: url(//www.vodafone.cz/webs/vodafonecz/images/line-dbl-v.gif) repeat-y top right;}
#topBar.export  .topBarLinks li:first-child {background: none;}
#topBar.export  .topBarLinks li a {display: block; padding: 7px 15px 7px 15px; font-size: 0.9em; color: #525252; text-decoration: none;}
#topBar.export  .topBarLinks li a:hover {text-decoration: underline;}
#topBar.export  .topBarLinks li a:focus {color: #666; background: #fff;}

/*.export #loginBox {font-size:0.85em; float: right; position: relative; top: -2px; =width: 300px; }
.export #loginBox ul {float: right;}
.export #loginBox li {position: relative; list-style: none;}
.export #loginBox li span, .export .cpLogoutButton span { display:inline-block; padding:14px 10px 8px 0; position:relative; vertical-align:middle; color: #333;}
.export #loginBoxLink, .export .cpLogoutButton { background: url(//www.vodafone.cz/webs/vodafonecz/images/loginBox-bg.gif) no-repeat; font-size:1.178em; margin-right:-2px; position:relative; text-align:left;}	
.export #loginBox #loginBoxLink span, .export .cpLogoutButton span { font-weight:bold; margin-left:28px; padding-right: 40px; text-decoration:none;  background: url(//www.vodafone.cz/webs/vodafonecz/images/loginBox-bg2.gif) no-repeat top right; display: block;  }
.export .cpLogoutButton, .export .cpLogoutButton span {display: inline-block;}
.export .cpLogoutButton {background: url(//www.vodafone.cz/webs/vodafonecz/images/cpLogoutBtn.gif) no-repeat; float: right; margin-left: 10px; text-decoration: none;}
.export .cpLogoutButton span {background: url(//www.vodafone.cz/webs/vodafonecz/images/cpLogoutBtn2.gif) no-repeat top right; margin: 0; padding-left: 15px; padding-right: 15px; text-decoration: none;}
.export  #loginBox a:hover, .export  #loginBox a:hover span {color: #e60000;}
.export #loginBoxLink ul li a {text-decoration: underline; color: #333; font-weight: bold;}

.export #loginBox .menu {display: none; background:#FFFFFF; border: 1px solid  #dedbdb; color:#333333; margin:0 2px 0 8px; padding: 10px 0; width:215px; position: absolute; top: 35px; right: 0; }
.export #loginBox li:hover ul.menu, .export #loginBox li.liHover ul.menu {display: block;}
.export #loginBox .menu li { background:none; display:block; margin:0; padding: 6px 10px 6px 30px;  background: url(//www.vodafone.cz/webs/vodafonecz/images/arrow-black.png) no-repeat scroll 13px 9px; color: #666; }
.export #loginBox #loginBoxLink  .menu li a { margin:0;  text-decoration: underline; background: none; padding: 0;}
.export #loginBox #loginBoxLink  .menu li a:hover {color: #e60000;}*/

.export #loginBox {font-size:0.85em; list-style: none; float: right; position: relative; top: -2px; }
.export #loginBox li {position: relative;}
.export #loginBox li a { display:inline-block; padding:14px 10px 8px 0; position:relative; vertical-align:middle; color: #333;}
.export #loginBox li a:focus {background: none; color: #e60000;}
.export #loginBoxLink { background: url(//www.vodafone.cz/webs/vodafonecz/images/loginBox-bg.gif) no-repeat; font-size:1.178em; margin-right:-2px; position:relative; text-align:left; z-index:1000 }	
.export #loginBox #loginBoxLink a { font-weight:bold; margin-left:28px; padding-right: 40px; text-decoration:none;  background: url(//www.vodafone.cz/webs/vodafonecz/images/loginBox-bg3.gif) no-repeat top right; display: block;  }
.export #loginBox #loginBoxLink a:hover {color: #e60000;}
.export #loginBoxLink ul li a {text-decoration: underline;}

.export .languageswitcher {float: right; padding: 6px 7px 6px 14px; font-size: 0.9em;  background: url(//www.vodafone.cz/webs/vodafonecz/images/line-dbl-v.gif) repeat-y top left; margin-top: 7px}
.export .languageswitcher a {color: #525252; text-decoration: none;}
.export .languageswitcher a:hover {text-decoration: underline;}

#page.export {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	font-size: 0.75em;
	line-height: 1.7em;
	position: relative;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #333;
	line-height: 1.2em;
	}
	
.export #header {
	margin-bottom: 10px;
	background: #e60000;
	position: relative;
	z-index: 1;
	}

	.export #header div.rgt {width: 180px; margin-left: -180px; float: right;}
	.export #mainMenu {margin-left: 70px; margin-right: 170px;width: auto;}

	.export .logo {display: block; position: absolute; top: 0; left: 0; width: 70px; height: 60px; z-index: 1;}
	.export .logo img {
		float: left;
		margin: 10px 15px;
		}		
		.export a.logo:focus {background: #bd0000; }

/* search */
/*.export #search {display: none;}*/
.export #search, .export #searchGSA {
	float: right;
	margin: 15px 10px 0 15px;	
	padding: 2px;
	background: #e90000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e90000 0%, #e60000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e90000), color-stop(100%,#e60000));
	background: -webkit-linear-gradient(top,  #e90000 0%,#e60000 100%);
	background: -o-linear-gradient(top,  #e90000 0%,#e60000 100%);
	background: -ms-linear-gradient(top,  #e90000 0%,#e60000 100%);
	background: linear-gradient(top,  #e90000 0%,#e60000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90000', endColorstr='#e60000',GradientType=0 );	
	_position: absolute;
	_top: 0;
	_right: 0;
	_width: 150px;
	}
	.export .searchField {
		background: #FFF;
		border: 1px solid #d02f2f;
		border-right: 0;
		padding: 0 0 0 5px;
		color: #525252;
		float: left;
		width: 115px;
		=margin-right: -1px;
		height: 25px;
		font-family: 'Arial CE', Arial, Helvetica, sans-serif;
		font-size: 1em;
		}
	.export #search button, .export #searchGSA button {
		display: block;
		width: 27px;
		height: 27px;
		background: url(//www.vodafone.cz/webs/vodafonecz/images/stripes.png) no-repeat 6px 6px #FFF;
		border: 0;
		float: left;
		border: 1px solid #d02f2f;
		border-left: 0;
	}
.export #searchGSA button{height:25px;border:none;outline:0;}
.export #searchField_GSA{border:none;line-height:23px}
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	

.export #mainMenu {float: left; z-index: 2; position: relative; }
.export #mainMenu ul { list-style: none; position: relative; }
.export #mainMenu li { float: left; position: relative; z-index:0;  }
.export #mainMenu li:first-child { border-left: 1px solid #df0000; }
.export #mainMenu li.liHover { z-index: 1; overflow: visible; }
.export #mainMenu a, .export #mainMenu strong { display: block; float: left; padding: 7px 7px 0 7px; font-size: 1.2em; color: #fff; text-decoration: none; outline: none; position: relative; }
.export #mainMenu strong {padding: 0; }
.export #mainMenu a span, .export #mainMenu strong span { display: block; padding: 0 10px; height: 53px; float: left; line-height: 45px; cursor: pointer; font-weight: bold; }
.export #mainMenu strong span {cursor: auto; margin: 7px 7px 0 7px}
.export #mainMenu a:hover, .export #mainMenu li:hover a, .export #mainMenu a.active, .export #mainMenu strong, .export #mainMenu a.open, .export #mainMenu a.export-item { background: #bd0000; }
.export #mainMenu li.hasChild a:hover, .export #mainMenu li.hasChild:hover a { color: #333; background-color: #e60000; }
.export #mainMenu li.hasChild a:hover span, .export #mainMenu li.hasChild:hover a span, .export #mainMenu li.hasChild:hover strong span { background: #fff; color: #333; }

.export #mainMenu a:focus span {background: #FFF; color: #e60000;}

/* submenu resets */
.export #mainMenu ul.submenu li li {float: none;}
.export #mainMenu ul.submenu li, .export #mainMenu ul.submenu li:first-child {border: 0;}
.export #mainMenu ul.submenu span {line-height: normal; height: auto;}
.export #mainMenu ul.submenu a, .export #mainMenu ul.submenu strong, .export #mainMenu ul.submenu span  {float: none; padding: 0; font-size: 1.1em; background: none; }
.export #mainMenu ul.submenu ul span {font-weight: normal;}
.export #mainMenu ul.submenu a:hover, .export #mainMenu  li:hover ul.submenu a, .export #mainMenu ul.submenu a.active, .export #mainMenu ul.submenu strong {background: #FFF;}
#page.export #mainMenu li:hover ul.submenu span {-webkit-border-radius: 0px; -moz-border-radius: 0px;	border-radius: 0px;}
#page.export #mainMenu ul.submenu ul a span, .export #mainMenu ul.submenu ul a {color: #333;}
.export #mainMenu ul.submenu a, .export #mainMenu ul.submenu a:hover, #page.export #mainMenu ul.submenu a:hover span, .export #mainMenu ul.submenu a:hover span, #page.export #mainMenu ul.submenu a span {color: #e60000;}


.export #mainMenu ul.submenu { 
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.4); 
	box-shadow: 0 3px 3px rgba(0,0,0,0.4); 
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute; 
	width: 900px; 
	top: 55px; 
	left: -7px; 
	background: #fff; 
	padding: 0 0 0 20px; 
	font-size: 0.9em;
	display: none;
	}

	.export #mainMenu ul.submenu ul  {position: relative; top: auto; left: auto; font-size: 0.9em;}
		.homepage .export #mainMenu ul.submenu ul, .sectionPersonal .export #mainMenu ul.submenu ul { margin-bottom: 15px;}
	
	.export #mainMenu ul.submenu li {margin: 10px 0 10px 20px; padding: 10px 0;}	
	.export #mainMenu ul.submenu li:first-child {margin: 10px 0 10px 0;}
	.export #mainMenu ul.submenu ul li, .export #mainMenu ul.submenu ul li:first-child  {margin: 0; padding: 0;}
	.export #mainMenu ul.submenu a, .export #mainMenu ul.submenu strong {padding: 5px 0;font-weight: bold;}
	.export #mainMenu ul.submenu strong span {margin: 0; font-weight: bold;}
	.export #mainMenu ul.submenu a:hover  {text-decoration: underline;}	
	
	.export #mainMenu ul.submenu a, .export #mainMenu ul.submenu strong {border-bottom: 1px solid #e60000;}
	
	.export #mainMenu ul.submenu ul a, .export #mainMenu ul.submenu ul strong {border: 0; border-top: 1px solid #eee; font-weight: normal;}
	.export #mainMenu ul.submenu ul li:first-child a, .export #mainMenu ul.submenu ul li:first-child strong {border: 0;}	
	.export #mainMenu ul li:hover ul.submenu {display: block;}
	.export #mainMenu li.hasChild:hover ul.submenu strong span {color: #e60000;}
	.export #mainMenu li.hasChild:hover ul.submenu ul strong span {color: #333;}

	.export #mainMenu ul.submenu li.support {background: #ebebeb; padding: 10px 15px;}
		.export #mainMenu li:hover ul.submenu li.support a, .export #mainMenu li:hover ul.submenu li.support span {background: #ebebeb; }
		.export #mainMenu ul.submenu li.support ul a {border-color: #CCC;}
		#page.export #mainMenu ul.submenu li.support a.support{border-color: #999; color: #333;}
		#page.export #mainMenu ul.submenu li.support a:hover span, #page.export #mainMenu ul.submenu li.support a:hover, #page.export #mainMenu ul.submenu li.support a.support span  {color: #333;}
		.export #mainMenu ul.submenu li.support a.support span {background: url(//www.vodafone.cz/webs/vodafonecz/images/stripes.png) no-repeat -290px -191px; padding-left: 25px} 
		
.export #mainMenu ul.submenu li.firemni-sekce {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	}
	.export #mainMenu ul.submenu li.firemni-sekce a {border: 0; padding-bottom: 0; background: url(//www.vodafone.cz/webs/vodafonecz/images/arrow-mini.png) no-repeat 100% 75%; padding-right: 10px;}

		
.export #mainMenu li.hasChild a:hover span, .export #mainMenu li.hasChild:hover a span, .export #mainMenu li.hasChild:hover strong span, .export #mainMenu a:focus span {
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;  
	}
	
.exportPersonal #mainMenu ul.submenu ul {margin-bottom: 25px;}

/* english export */
.englishExport #mainMenu ul.submenu { width: 150px !important; padding-bottom: 10px; padding-top: 10px;}
.englishExport #mainMenu li li {float: none;}
.englishExport #mainMenu ul.submenu li {margin: 10px 0; padding: 0;}
.englishExport #mainMenu ul.submenu a, .englishExport #page #mainMenu ul.submenu li a span, .englishExport #mainMenu ul.submenu strong, .englishExport #page #mainMenu ul.submenu em {border: 0; padding: 0; font-weight: normal; color: #333;}
.noSection .englishExport .tabs ul {padding-top: 9px;}
.englishExport #mainMenu ul.submenu a, .englishExport #mainMenu ul.submenu a:hover, #page.englishExport #mainMenu ul.submenu a:hover span, .englishExport #mainMenu ul.submenu a:hover span, #page.englishExport #mainMenu ul.submenu a span {color: #333;}
.englishExport #mainMenu ul.submenu {padding: 0 20px;}
.englishExport #mainMenu ul.submenu span {line-height: normal; height: auto; font-weight: normal;}