html, body						{ margin: 0; padding: 0; font-family: Arial, sans-serif; background: #FFFFFF; }

/*- Definice zakladniho font-size, tak aby to spocitala i Opera -*/
html							{ font-size:106.5%; }
body							{ font-size:76.5%; padding: 5px; }

/*- odkazy -*/
a								{ color: #0000cc; }
a:hover							{ color: #0000cc; }

/*- schovavani prvku -*/
.cleaner, .clear				{ clear: both; height: 0px; font-size: 1px; visibility: hidden; overflow: hidden; float:none !important; }
.clearR							{ clear: right; height: 0px; font-size: 1px; visibility: hidden; overflow: hidden; }
.clearL							{ clear: left; height: 0px; font-size: 1px; visibility: hidden; overflow: hidden; }
.hide, .blind					{ position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden; }
.noDisplay, #c					{ display: none; }

table .C,
.Center			{ text-align: center; }
table .R		{ text-align: right; }
table .L		{ text-align: left; }

/* zadny hover border u link obrazku */
a img		{ border: 0; }
img			{ vertical-align: top; }

/* default definice */
form, fieldset, label, legend	{ padding:0; margin:0; }
p, h1, h2, h3, h4, h5, table	{ margin: 0; font-size:100%; font-family: Arial, sans-serif; }
iframe							{ border:none; padding:0; margin:0; }
hr								{ display:none; }
.hr								{ border-bottom: 1px solid #ccc; font-size: 1px; height: 0; margin: 10px 0; }
.hrBlack						{ border-bottom: 1px solid #000; font-size: 1px; height: 0; margin: 10px 0; }

.Bold                           { font-weight: bold; }

table.table					{ width: 100%; border-collapse: collapse; margin-bottom: 15px; }
table.table col.white		{ background: white; }
table.table th				{ padding: 3px 3px 3px 13px; text-align: left; }
table.table td				{ padding: 5px 3px 3px 13px; }
table.table tr.odd th,
table.table tr.odd td		{ background: #f0f0ef; }

table.fixed					{ width: 100%; border-collapse: collapse; margin-bottom: 15px; table-layout: fixed; }
table.fixed td				{ padding-bottom: 8px; }

table.bordered td			{ border:1px solid #9f9f9f; }

table.operators						{ width: 100%; border-collapse: collapse; margin-bottom: 15px; }
table.operators td.operatorLogo		{ padding-left: 72px; }
table.operators td.callText			{ color: #06f; font-size: 123.5%; font-weight: bold; }
table.operators td.callNumber		{ line-height: 1.5; }
table.operators td.callNumber b		{ font-size: 123.5%; }
table.operators td					{ height: 80px; border-bottom: 1px solid #ccc; }
table.operators tr.last td			{ border-bottom: none; }
table.operators tr.infoText td		{ height: 100%; font-size: 93%; padding: 0 70px 30px; color: #666; }

#adLeaderboard                  	{ }
#adLeaderboard .adDBox              { }
#adLeaderboard #adLeaderboardBox	{ text-align:center; padding-bottom:25px; }

/*- LAYOUT -*/

	/*- hlavicka s logem -*/
	#header						{ position: relative; }
	#header #logo				{ padding: 14px 9px 11px; }
	#header #login				{ position: absolute; top: 2px; right: 16px; color: #ccc; font-size: 93%; }
	
	/*- obsahova cast -*/
	#main						{ width: 760px; margin: 0 auto; position:relative; }
	#main.HP               		{ background:#FFF url(/img/topImg-emulator.png) top left no-repeat; position:relative; }
	#mainIn						{ margin: 27px 10px 0; }

/*- -------- -*/

/*- emulator -*/
#emul   { position:absolute; top:67px; left:418px; }

/*- CONTENT HP -*/
	#leftCol	{ width: 200px; float: left; }
	#leftCol[id]{ width: 228px; }
	#leftCol.HP { margin-top:250px; }
	
	#rightCol	{ width: 502px; float: right; }
	#rightCol[id]{ width: 512px;}
	#rightCol.HP{ margin-top:380px; }
	
	#mainIn .narr	{ width:149px; }
	#mainIn .wide	{ width:563px; }
	
	#menu								{ padding: 0 0 0 10px; }
	#menu ul							{ padding: 0 0 10px; background: url(/img/line.gif) no-repeat left bottom; margin: 0 0 8px; }
	#menu ul li							{ list-style: none; line-height: 1.4; padding-left: 8px; }
	#menu ul li.active					{ background: url(/img/bullet.png) no-repeat 1px 6px; }
	#menu ul li.active a				{ text-decoration: none; color: #000; }
	#menu .menuCaption					{ font-size: 108.5%; font-weight: bold; padding-bottom: 3px; }
	#menu .menuCaptionSmall				{ padding-bottom: 3px; }
	#menu .menuCaptionSmall.active a	{ font-weight: bold; color: #000; text-decoration: none; }
	#menu ul.vodafoneSection         	{ padding-left: 10px; display: none; visibility: hidden; background: none; }
	#menu ul.vodafoneSection.active  	{ padding: 0 0 10px 10px; display: block; visibility: visible; background: none; margin: 0px; color: #0000cc; }
	#menu ul.vodafoneSection li a       { color: #0000cc; font-weight: normal; text-decoration: underline; }
	#menu ul.vodafoneSection li.active	{ background: url(/img/bullet.png) no-repeat 1px 6px; }
	#menu ul.vodafoneSection li.active a{ text-decoration: none; color: #000; }
	
	.styleSections h2				{ font-size: 123.5%; color: #666; }
	.styleSections h2.vodafoneTitle { /*color: #993333;*/ color:#000; font-size: 155%; }
 	.styleSections p				{ padding-bottom: 20px; }
	.styleSections p.vodafoneP      { padding-bottom: 5px; }
	.styleSections .mainTitle        { color:#000; font-size:155% !important; }
	
	h2.chOp     { color:#999; font-size:100%; margin-bottom:10px; margin-top:20px; }
	
	.chooseOperator         { margin-bottom:15px; }
	.chooseOperator div     { border-top:1px solid #cecece; padding:10px 0 20px 10px; }
	.chooseOperator img     { float:left; }
	.chooseOperator p       { margin-left:200px; }
	.chooseOperator .tmobile img    { margin-top:10px; }
	.chooseOperator .vodafone img   { margin-left:20px; }
	.chooseOperator .o2 img   		{ margin-left:35px; }
	.chooseOperator p.no-offset     { padding:0 !important; }
	
	#vodafoneCaption        { float:left; width:47%; padding:5px; }
	#tmobileCaption         { float:left; width:47%; padding:5px; }
	#vodafoneCaption .img,
	#tmobileCaption .img    { text-align:center; }
	#tmobileCaption .img    { padding-top:14px; }
	#vodafoneCaption .desc  { border-right:1px solid #c0c0c0; }
	#tmobileCaption .desc,
	#vodafoneCaption .desc  { padding-top:5px; }
	
	h3.vodafoneDetailInfo           { padding: 0 0 20px 0; }
	h3.vodafoneDetailInfo a         { color: #ff0000; font-size: 115.5%; font-weight: bold; }
	h3.vodafoneDetailInfo a:hover   { color: #ff0000; font-size: 115.5%; font-weight: bold; }

	#euro                   { border-width:1px 0 1px 0; border-style:solid; border-color:#ff0000; padding:15px 0 5px 5px; margin: 15px 0; }
	#euro div               { float:left; }
	#euro p img             { margin-bottom: 10px; }
	#euro p                 { margin: 10px 0 0 130px; }

	.tmobileStyle h3 a      { color:#000 !important; }
	.tmobileStyle h4        { color:#0066FF; }
	.tmobileStyle .leftFloatImg	{ border: 1px solid #cecece; margin-bottom: 10px; }

    .vodafoneliveStyle h3 a      		{ color:#000 !important; }
    .vodafoneliveStyle h3               { margin-top:15px; color:#000 !important; }
	.vodafoneliveStyle h4        		{ color:#0066FF; }
	.vodafoneliveStyle .leftFloatImg	{ border: 1px solid #cecece; margin-bottom: 10px; }

	.colsStyle img      { border:1px solid #cecece; }

	.styleGuide h2				{ font-size: 155%; }
	.styleGuide h2.noBold		{ font-weight: normal; }
	.styleGuide h3				{ font-size: 123.5%; color: #06f; }
	.styleGuide h4				{ font-size: 108.5%; padding-bottom: 5px; }
	.styleGuide h5				{ padding-bottom: 8px; }
	.styleGuide .leftCol		{ float: left; width: 205px; =width: 195px; padding-top: 20px; }
	.styleGuide .rightCol		{ float: right; width: 307px; padding-top: 20px; }
	.styleGuide p				{ padding-bottom: 10px; }
	.styleGuide ol,
	.styleGuide ul				{ margin: 0 0 20px 20px; padding: 0; }
	.styleGuide ol li,
	.styleGuide ul li			{ padding-bottom: 5px; }
	.styleGuide ol li ul		{ list-style:none; }

	.styleGuide .imgCenter      { text-align:center; margin:25px 0 35px 0; }
	.styleGuide .imgCenter img  { border:1px solid #cecece; }

	.styleGuide h2.webnwalk img { position:relative; top:-8px; }
	.styleGuide h2.t-zones img 	{ position:relative; top:-9px; }
	.styleGuide h2.t-mobile img { position:relative; top:-8px; }

	.styleGuide .tmobile-prize table	{ margin:0 auto 10px auto; width:65%; }
	.styleGuide .tmobile-prize table td { text-align:center; }
	.styleGuide .tmobile-prize div		{ text-align:center; }
	.styleGuide .tmobile-prize .title   { padding-bottom:8px; }
	
	.styleGuide .endTip                 { margin-top:20px; }

    .styleGuide h3.manualTitleNormal    { color: #000; }
    .styleGuide h2.manualTitleNormal1    { color: #000; font-size: 155% }
    .styleGuideVodafoneEmail .leftCol   { width: 185px; }
    .styleGuideVodafoneEmail .rightCol  { width: 315px; }

	.styleGuide h2.vodafoneTitle		{ font-size: 155% }
	.styleGuide div.rowServices h4 a 	{ padding-bottom: 5px; font-size: 100%; font-weight: bold; }
	.styleGuide .rowServices div 		{ float: left; width: 32%; }
	.styleGuide .emptySpace         	{ overflow: hidden; font-size: 1px; float: none; clear: both; width: 100%; height: 10px;}
	.styleGuide .emptySpace1         	{ overflow: hidden; font-size: 1px; float: none; clear: both; width: 100%; margin: 20px; }
	.styleGuide h3.vodafoneTitleNormal	{ font-weight: bold; color: #000; font-size: 131.5%; padding: 10px 0 3px 0; }
	/*.styleGuide ul.noSpace          	{ padding: 0; margin: 0; }*/
	.styleGuide .preorderVodafone   	{ text-align: center; margin-left: auto; margin-right: auto; }
	.styleGuide .preorderVodafone strong{ font-size: 108.5%; }

	.styleGuide .bigLink		{ font-size: 16px; text-align: right; font-weight: bold; }
	.styleGuide .smallLink		{ text-align: right; font-weight: bold; }
	.styleGuide .downLink		{ font-size: 16px; text-align: center; font-weight: bold; }
	
	.styleGuide .symbian-bubble img.qrcode		{ float:right; border:2px solid #DCE1E1; }
	.styleGuide .symbian-bubble p       		{ margin-bottom:8px; }
	.styleGuide .symbian-bubble p.first    		{ padding-top:10px; }
	.styleGuide .symbian-bubble p strong   		{ font-size:200%; font-weight:bold; }
	
	.styleGuide .smallText      		{ font-size:85%; }
	.styleGuide .redAlert    			{ color:#A30000; font-weight:bold; }
	.styleGuide .jnt                    { text-align:center; }
	.styleGuide .jnt span.sipka_first 	{ background: none; font-weight: normal; padding:0; }
	.styleGuide .jnt span             	{ padding-right: 22px; background: url(/img/qr_sipka.png) 100% 50% no-repeat; }
	.styleGuide .jnt span.sipka_last  	{ background: none; }
	.styleGuide .QRimgBorder            { border: 2px solid #dce1e1 !important; padding:1px; }
	.styleGuide .rowServices.euro div   { width:49%; text-align:center; margin-bottom:10px; }
	
	.styleGuide .vodafoneTarif          { text-align:center; }
	.styleGuide .vodafoneTarif table    { margin:10px auto 0 auto; }
	.styleGuide .vodafoneTarif table td { padding: 0px 5px; }
	
	.styleGuide .vodafoneTarif .akce, 
	.styleGuide .vodafoneTarif .akce a 
										{ color:#f00; }
	
	.statistics h3						{ margin:25px 0 15px; }
	.statistics .statGraph				{ border:1px solid #cecece; margin:0 0 25px; }									
	
/*--------- mobilni firmy obrazek + text + emulator ---------*/
	.styleGuide .firmyMainImg           		{ width:530px; height:490px; background:url(/img/firmy/mobil-firmy.png) top left no-repeat; position:relative; }
	.styleGuide .firmyMainImg ul        		{ width:230px; padding-top:220px; padding-left:10px; }
	.styleGuide .firmyMainImg ul li             { padding:5px 0; }
	.styleGuide .firmyMainImg .firmyEmul        { position:absolute; top:64px; right:35px; }
	
	.styleGuide #swfMapy			{ margin:0 0 1em; }
	
	/*- QR KODY -*/
	.styleQR p              		{ padding-bottom: 10px; }
	.styleQR h2     				{ font-size: 155%; padding-bottom: 0.5em; }
	.styleQR h3						{ font-size: 123.5%; color: #000; padding-bottom: 0.5em; }
	.styleQR h4						{ font-size: 108.5%; padding-bottom: 5px; }
	.styleQR ul     				{ padding: 0 0 0 2em; margin: 0 0 1em 2em;}
	.styleQR img    				{ border: 2px solid #DCE1E1; }
	.styleQR .emptySpace    		{ overflow: hidden; font-size: 1px; float: none; clear: both; width: 100%; margin: 10px; }
	/*-.styleQR .QRtest            	{ width: 80%; margin-left: auto; margin-right: auto; }-*/
	.styleQR .QRtest div   			{ width: 50%; float: left; padding-bottom: 1em; }
	.styleQR .QRtest1 div           { width: 24.5%; float: left; }
	.styleQR .QRtest2            	{ width: 80%; margin-left: auto; margin-right: auto; }
	.styleQR .QRtest2 div   			{ width: 50%; float: left; padding-bottom: 20px; }
	
	.styleQR .jnt           		{ text-align: center; }
    .styleQR .jnt span      		{ line-height: 3; padding-right: 22px; background: url(/img/qr_sipka.png) 100% 50% no-repeat; }
	.styleQR .jnt span.sipka_last   { background: none; }
	.styleQR .leftCol               { float: left; width: 205px; =width: 195px; padding-top: 20px; }
	.styleQR .rightCol              { float: right; width: 307px; padding-top: 20px; }
	.styleQR .rightCol h3           { color:#0066FF; }
	.styleQR .jnt1 span.sipka_first { background: none; font-weight: normal; padding:0; }
	.styleQR .jnt1 span             { padding-right: 22px; background: url(/img/qr_sipka.png) 100% 50% no-repeat; font-weight: bold; }
	.styleQR .jnt1 span.sipka_last  { background: none; }

	.styleQR .ukazkyTrain div       { padding-bottom: 0.5em; }

	.styleQR .QRdownload            { width: 210px; height: 59px; background: url(/img/qrcode_download.png) 0 0 no-repeat; float: right; }
	.styleQR .QRdownload h4 a       { font-size: 155%; color:#FFF; padding: 15px 0 0 60px; display: block; text-decoration: underline; }

    .styleQR .bigLink				{ font-size: 123.5%; text-align: right; font-weight: bold; }
    
    .styleQR #qrGallery             { margin:20px 0 30px 0; }
    .styleQR #qrGallery img         { padding:0; margin:1px; border:1px solid #DCE1E1; float:left; }
	
	.styleQR #qrFirmy				{ margin-bottom:1em; }
	
	/*- seznam QR podporovane pristroje -*/
	.styleQR .plan					{ margin-top:10px; }
	.styleQR .plan p				{ padding-left:15px; }
	.styleQR .conditions			{ font-size:139.5%; }
	.styleQR .conditions a			{ font-weight:bold; }
	.styleQR .seznamqr-info			{ float:left; width:330px; padding-top:35px; }
	.styleQR .seznamqr-info h3		{ margin-bottom:15px; }
	.styleQR .seznamqr-info ul		{ padding:0 0 0 15px; margin:0; }
	.styleQR .seznamqr-info ul li	{ margin-bottom:10px; }
	.styleQR .seznamqr-imgs			{ float:right; width:170px; margin-bottom:15px; }
	.styleQR .seznamqr-imgs span	{ float:left; display:block; width:165px; text-align:center; font-style:italic; }
	.styleQR .seznamqr-imgs	img		{ border:none; float:left; }
	.styleQR .seznamqr-ico			{ position:relative; top:-5px; }
	.styleQR #divDevices			{ /*min-height:400px; _height:400px;*/ border:1px solid #666; padding:5px; margin-bottom:20px; }
	.styleQR #divDevices .tblDevicesContainer		{ display:none; }
	.styleQR #divDevices .tblDevicesContainer th	{ text-align:left; }
	.styleQR #divDevices .tblDevice		{ float:left; text-align:center; width:120px; height:123px; border:2px solid #DCE1E1; margin:1px; overflow:hidden; }
	.styleQR #divDevices .tblDevice img	{ border:none; }
	.styleQR .qrbutton				{ text-align:center; margin:10px 0 15px 0; }
	.styleQR .qrbutton img			{ border:none; }

	.tip			{ background: #ffffe3; border: 1px solid #e2e2df; font-size: 93%; margin-bottom: 20px; }
	.tip .tipIn		{ padding: 12px 18px; }
	.tipBlue		{ background: #d6ebff; border: 1px solid #e2e2df; margin-bottom: 30px; }
	.tipBlue .tipIn	{ padding: 10px 16px 0; }
	.tip h4			{ font-size: 14px; padding-bottom: 2px; }
	.tipBlue h2		{ padding-bottom: 8px; }
	.tipBlue h3		{ color: #000; }
	
	/*- mobileSeznam -*/
	.mobileStyle        				{ position:relative; }
	.mobileStyle #mobileSeznam      	{ position:absolute; top:60px; left:25px; }
	.mobileStyle #mobileSeznam iframe   { width:198px; height:264px; }

	/*- tip pro QR kody -*/
	.QRtip          	{ float: left; width: 58%; }
	.QRimg          	{ float: right; width: 105px; text-align: right; }
 	.QRimg img      	{ border: 2px solid #dce1e1; }
	.QRimgBorder img	{ border: 2px solid #dce1e1; margin-top: 1em; }

	/*- kulaty rozky -*/
	
	b.bt, b.bt b, b.bb, b.bb b	{ display: block; height: 5px; background-repeat: no-repeat; font-size: 1px; position: relative; }

	.tip b.bt,
	.tip b.bt b,
	.tip b.bb,
	.tip b.bb b			{ background-image: url(/img/corners.gif); }
	
	.tipBlue b.bt,
	.tipBlue b.bt b,
	.tipBlue b.bb,
	.tipBlue b.bb b		{ background-image: url(/img/cornersBlue.gif); }	

	b.bt						{ top: -1px; left: -1px; }
	b.bt b						{ background-position: 100% -5px; left: 2px; }
	b.bb						{ background-position: 0 -10px; top:1px; left: -1px; }
	b.bb b						{ background-position: 100% -15px; left: 2px; }

	
	.styleGuide .leftFloatImg	{ border: 1px solid #cecece; margin-bottom: 10px; }

	.zapis-tip p            	{ text-align:center; padding:0; }
	.zapis-tip1 p            	{ text-align:center; padding-bottom:5px; }
	.zapis-tip1 a h3	       	{ text-decoration:underline; }

/*- image browser -*/
/*
div.image-browser-root 					{ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/imagebrowser/bg.png', sizingMethod='scale' ); }
div.image-browser-content				{text-align:left;}
div[class~="image-browser-root"] 		{ background: url(/img/imagebrowser/bg.png); }
*/
.image-browser-prev 					{ position: absolute; top: 14px; left: 14px; display: block; width: 27px; height: 22px; cursor: pointer; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/imagebrowser/btn-prev.png')); }
div[class~="image-browser-prev"]		{ background: url(/img/imagebrowser/btn-prev.png); }
.image-browser-next 					{ position: absolute; top: 14px; left: 42px; display: block; width: 27px; height: 22px; cursor: pointer; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/imagebrowser/btn-next.png')); }
div[class~="image-browser-next"]		{ background: url(/img/imagebrowser/btn-next.png); }
.image-browser-close 					{ position: absolute; top: 14px; right: 14px; display: block; width: 58px; height: 22px; cursor: pointer; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/imagebrowser/btn-close.png')); }
div[class~="image-browser-close"]		{ background: url(/img/imagebrowser/btn-close.png); }

.image-browser-content 					{ background-color: black; }
.image-browser-image img 				{ margin: auto; }
.image-browser-image 					{ text-align: center; }
.image-browser-port 					{ margin-top: 1px;}
.image-browser-thumbs img 				{ cursor: pointer; }
.image-browser-active 					{ border: 2px solid #f00; }
.image-browser-thumbs div 				{ text-align: center; }
	
/*- PATICKA -*/
	#footer						{ text-align: center; color: #666; padding: 4px 0 0; border-top: 1px solid #ccc; margin: 70px 0 15px; }
	
/*- -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -*/
#debug							{ border: 6px solid #d3d3d3; padding: 5px; }
	#debug .title					{ font-size: 139.5%; font-weight: bold; color: #4f4f4f; margin: 0 0 5px; }
	#debug .errFrag					{ margin: 0 0 20px 10px; }
	#debug .errFrag	.fileName		{ font-size: 85%; font-weight: bold; color: #4f4f4f; }
	#debug .errFrag	.errMsg			{ font-size: 93%; margin: 0 0 8px 20px; color: red; }
	#debug .errFrag	.errMsg span	{ width: 100px; float: left; color: black; font-weight: bold; }
	#debug pre						{ margin: 0 0 0 10px; }
/*- -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -*/ 

h4.ad-format, p.important			{ color:#ef3c3c; }

#komercni-sdeleni, #komercni-odkaz	{ border:1px solid #dfdfdf; background-color:#ffff82; padding:0.7em; }
#komercni-odkaz						{ float:left; }
#komercni-odkaz .logo				{ width:21px; height:21px; float:left; background-color:white; margin-right:3px; }
#komercni-sdeleni .logo				{ width:64px; height:52px; float:left; background-color:white; margin-right:3px; }
#komercni-sdeleni a					{ font-weight:bold; color:black; }