/* Based on Eric Meyer's CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */

:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

th, td {
	text-align: left;
	vertical-align: middle;
	}
img {
	vertical-align: middle;
	}
button {
	cursor: pointer;
	}
/* remove default button padding in FF */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	padding: 0;
	border: none;
	}

/* global */
body { width:100%; font:normal 62.5%/1.3 Arial, Helvetica, sans-serif; color: #333; background: #FFF; text-align:left; }
hr {display:none}
.fl {float:left}
.fr {float:right}
.tg {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat}
.h {position:relative; overflow:hidden}
.padB5 {padding-bottom:0.3em}
.padB10 {padding-bottom:0.6em}
.padB15 {padding-bottom:1em}
.small95 {font-size:95%}
.w551 {width:551px}
.w167 {width:167px}
.h36em {height:36em}
.h37em {height:37em}

/* layout */
#page {width:762px; font-size:1.15em; line-height:1.6em}
.box188 {width:188px; background:url(../img/tarify-na-miru/box188-bg.png) repeat-y; position:relative}
.box188 .bg {width:188px; background:url(../img/tarify-na-miru/box188-end.png) no-repeat 0 100%; padding-bottom:16px}
.box188 .body {width:183px; margin-left:2px; border-top:1px solid #cccccc}
.box188 .cont {width:167px; padding:12px 8px}
.box573 {width:573px; background:url(../img/tarify-na-miru/box573-bg.png) repeat-y; position:relative}
.box573 .bg {width:573px; background:url(../img/tarify-na-miru/box573-end.png) no-repeat 0 100%; padding-bottom:16px}
.box573 .body {width:567px; margin-left:3px; border-top:1px solid #cccccc}
.box573 .cont {width:551px; padding:12px 8px}
#zalozky {position:relative; padding-top:44px}
#zalozky .h {position:absolute; height:44px; line-height:34px; text-align:center; font-size:120%; background-color:#fff}
#zalozky .tg {cursor:pointer; height:34px}
#zalozky .act h4 {background-color:#f4f4f4}
#zalozky .act div {display:block}
#zalozky div div {background:url(../img/tarify-na-miru/zalozky-end.gif) no-repeat 0 100% #f4f4f4; padding:8px 20px 8px 20px; display:none}
.h-kamaradi {left:0; top:0; width:116px}
.h-sms {left:125px; top:0; width:85px}
.h-volani {left:220px; top:0; width:95px}
.h-internet {left:325px; top:0; width:111px}
.h-posvem {left:446px; top:0; width:92px}
.h-kamaradi .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:0px 0}
.act .h-kamaradi .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:0px -34px}
.h-sms .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-116px 0}
.act .h-sms .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-116px -34px}
.h-volani .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-201px 0}
.act .h-volani .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-201px -34px}
.h-internet .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-296px 0}
.act .h-internet .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-296px -34px}
.h-posvem .tg {background-image:url(../img/tarify-na-miru/zalozky-spread.png); background-position:-407px 0}
.on-box-end {position:absolute; bottom:16px; left:12px}


/* content */
ul.disc {list-style:disc; margin-left:15px}
ul.dots-links {background:url(../img/tarify-na-miru/dots.gif) repeat-x 0 100%}
ul.dots-links li {background:url(../img/tarify-na-miru/dots.gif) repeat-x 0 0; height:100%}
ul.dots-links a {color:#333333; display:block; padding:3px 5px; text-decoration:none}
ul.dots-links a:hover {color:#008698}
a.but-link-orange {background:url(../img/link-butons-spread.png) no-repeat 100% 4px; padding-right:20px}
a.but-link-orange:hover {background-position:100% -96px}
a.but-link-blue {background:url(../img/link-butons-spread.png) no-repeat 100% -196px; padding-right:20px}
a.but-link-blue:hover {background-position:100% -296px}



/* headings */
.h-tarifynamiru {width:567px; height:117px; background-color:#ff0000; text-align:center; line-height:117px; font-size:300%; color:#fff}
.h-tarifynamiru .tg {background-image:url(../img/tarify-na-miru/h-tarifynamiru.png)}
