/* 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%}
.w167 {width:167px}
.w171 {width:171px}
.w360 {width:360px}
.h22em {height:22em}
.h16em {height:16em}


/* layout */
#page {width:768px; 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}
.box382 {width:382px; margin-bottom:8px; background:url(../img/internet/box382-bg.png) repeat-y; position:relative}
.box382 .bg {width:382px; background:url(../img/internet/box382-end.png) no-repeat 0 100%; padding-bottom:16px}
.box382 .body {width:376px; margin-left:3px; border-top:1px solid #cccccc}
.box382 .cont {width:360px; padding:12px 8px}
.on-box-end {position:absolute; bottom:16px; left:12px}
.telefen {width:171px; height:14em; position:relative; font-size:95%}
.telefen h3 {line-height:115%; height:2em}
.telefen p {padding-top:0.8em}
.telefen strong {line-height:200%; font-size:200%}
.telefen .on-box-end {left:0; bottom:0}


/* 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}
a.but-link-green {background:url(../img/link-butons-spread.png) no-repeat 100% -396px; padding-right:20px; position:relative}
a.but-link-green:hover {background-position:100% -495px}
a.but-link-green .popisek {position:absolute; right:20px; top:3px; color:#ff0000}
.hGreen, .hOrange, .hBlue {padding:4px 10px 5px 10px; line-height:115%}
.hGreen {background-color:#009868; color:#fff}
.hOrange {background-color:#f39500; color:#fff}
.hBlue {background-color:#0077b7; color:#fff}
.hBlue .popisek {position:absolute; font-size:95%; font-weight:normal; right:20px; top:5px; color:#fff; text-decoration:none; padding-right:15px; background:url(../img/internet/blue-ar.gif) no-repeat 100% 50%}


/* headings */
.h-internet {width:730px; height:168px; padding-left:33px; background-color:#ff0000; font-size:150%; color:#fff; margin-bottom:15px; left:2px}
.h-internet strong {font-size:150%; display:block; padding-top:60px; padding-bottom:15px}
.h-internet .tg {width:762px; background-image:url(../img/internet/h-internet.jpg)}
#ban-internet {width:166px; height:176px; background-color:#ff0000; color:#fff; padding:10px; position:relative; float:right}
#ban-internet strong {display:block; padding-bottom:60px; font-size:130%; line-height:160%}
#ban-internet .tg {background-image:url(../img/internet/motive03.png)}