/* @override http://dsl.wia.cz/wp-content/themes/adsl/style.css */

/*	
Theme Name: ADSL WIA
Theme URI: http://dsl.wia.cz/
Description: Theme for <a href="http://dsl.wia.cz">WIA ADSL Internet</a>.
Version: 1.0
Author: Tomáš Kapler
Author URI: http://kapler.cz

	The CSS, XHTML and design is protected by copyright (c) 2007

*/

/* 
	word-break: break-all;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap; 
 */

/* Basic settings */
html, body, ul, li, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
  font-family: sans-serif;
	color: #333;
	}
	
html {
	background: white url(images/background2.gif) repeat-x fixed bottom left;
  height: 100%;
}
body {
	text-align: center;
	background: url(images/background.png) no-repeat center top;
	height: 100%;
}
#page {
	text-align: left;
	margin: 0 auto;
	width: 740px;
	padding-top: 325px;
	position: relative;
	background: white url(images/head-page.gif) no-repeat center top;

}
#content {
	padding: 10px 20px;
	background: white;
	margin: 0 200px 0 0;
	
}
body.homepage #content {
   margin: 0;
}
#content cite {
  text-align: center;
  font-size: 18px;
  letter-spacing: -1px;
  width: 180px;
  display: block;
  margin: -1em 0 0 530px;
  position: fixed;
}
hr {
  visibility: hidden;
  height: 1px;
  width: 1px;
  margin: -1px -1px 0 0;
  border: none;
  padding: 0;
  clear: both;
}
#menubar {
	position: absolute;
	z-index: 1000;
	background: #aa0302 url(images/menu.gif) no-repeat left top;
	right: 20px;
	top: 79px;
	height: 30px;
	padding: 0 20px;
	display: block;
	width: 660px;
}
#menubar:hover {
z-index: 1002
}
#menubar li {
	display: block;
}
#menubar h2 {
	display: none;
}
#menu * {
	line-height: 30px;
}
#menu {
	position: absolute;
	right: 20px;
	font-size: 120%;

}
#menu li {
	display: block;
	float: left;
	position: relative;
}
#menu ul li {
	display: block;
	position: static;
}
#menu li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 30px;
	background: #aa0302;
/*   width: 21em; */

z-index: 1002
}
#menu li:hover ul {
	display: block;
}
#menubar a {
	color: white;
	text-decoration: none;
	padding: 0 1em;
	font-weight: normal;
	display: table-cell;
	display: inline-block;
	height: 30px;
	white-space: pre;
}
#menu em {
	font-weight: bold;
	font-size: 130%;
}
#menu ul a {
	display: block;
/* 	width: 19em; */
}
#menu a:hover {
	background: #ce6c6b;
}
#domacnosti, #firmy {
	position: absolute;
	background: #aa0302 url(images/domacnosti.gif) no-repeat left top;
	right: 227px;
	top: -25px;
	height: 25px;
	width: 76px;
	float: none;
	line-height: 25px;
	overflow: hidden;
	font-size: 110%;
}
#firmy {
  right: 149px;
	background: silver url(images/firmy.gif) no-repeat left bottom;  
}
#domacnosti:hover  {
background-position: left bottom;
}
#firmy:hover {
background-position: left top;
}
#domacnosti a, #firmy a {
	font-weight: bold;
  height: 25px;
  padding: 0;
  line-height: 25px;
	text-align: center;
	display: block;
}
#header {
	position: absolute;
	top: 37px;
	left: 144px;
	width: 207px;
	height: 31px;
	background: url(images/adsl-logo.gif) no-repeat left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#header a {
	width: 207px;
	height: 0px;
	display: block;
	padding-top: 31px;
}
#wia-logo {
	position: absolute;
	top: 21px;
	left: 20px;
	width: 122px;
	height: 54px;
	background: url(images/wia-logo.jpg) no-repeat left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#wia-logo a {
	width: 122px;
	height: 0px;
	padding-top: 54px;
	display: block;
}
#dostupnost {
width: 700px;
height: 200px;
background: url(images/form.jpg) no-repeat left top;
position: absolute;
top: 125px;
left: 20px;

}
#dostupnost * {
margin: 0;
padding: 0;
border: none;

}
#number, #dostupnost label, #dostupnost button {
position: absolute;
left: 460px;
top: 175px;
height: 25px;
width: 110px;
line-height: 25px;
font-size: 18px;
background: none;
display: block;
overflow: hidden;
}
#dostupnost label {
left: 0;
width: 455px;
text-align: right;
}
#dostupnost button {
left: 587px;
width: 113px;
height: 25px;
text-indent: 130px;
cursor: pointer;
}

.N{
	display: none;
}

.akce_aktivace{
	position: absolute;
	top: 140px;
	left: 30px;
	width: 141px;
	height: 140px;
	}

.akce_aktivace a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/akce_aktivace.png) no-repeat;
}

#footer {
  clear:both;
	background: white;
	color: #777;
	padding: 10px 20px;
/* 	_margin-top: -1.5em; */
}
#footer li {
  display: inline;
  padding: 0 1em 0 0;
  position: relative;
  z-index: 10;
}
#footer a, #footer small {
	color: #777;
	font-weight: bold;
}
#footer a:hover {
	color: #aa0302;
}
#footer li#rss {
  background:transparent url(images/rss.gif) no-repeat scroll right bottom;
  border-top:1px solid silver;
  margin-top:-10px;
  padding:14px 22px 0 0;
  position:absolute;
  right:20px;
  text-align:right;
  width:678px;
  z-index:0;
}


#links {
	position: absolute;
	right: 20px;
	top: 10px;
	list-style: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#links li {
	list-style: none;
	display: inline;
	padding: 0 0.5em;
	border-right: 1px solid silver;
}
#links li.last {
	padding-right: 0;
	border: none;
}
#links a {
	text-decoration: none;
	color: #777;
	font-weight: normal;
}
#links a:hover {
	text-decoration: underline;
	color: #aa0302;
}


#nabidky dl {
  float:left;
  height:226px;
  margin:0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:177px;
}
#nabidky dl#prvni {
}
#nabidky dl#ctvrta {
  width:169px;
}
#nabidky dt a {
  background:transparent url(images/adsl-2mb.png) no-repeat scroll left top;
  display:block;
  height:226px;
  padding-left:100%;
  width:0;
}
#nabidky #druha dt a {
  background-image:url(images/adsl-8mb.png);
}
#nabidky #treti dt a {
  background-image:url(images/vdsl-16mb.png);
}
#nabidky #ctvrta dt a {
  background-image:url(images/vdsl-25mb.png);
}
#nabidky #spolecne2 dt a {
  background-image:url(images/2mb_double.png);
}
#nabidky #spolecne8 dt a {
  background-image:url(images/8mb_double.png);
}
#nabidky #spolecne16 dt a {
  background-image:url(images/16mb_double.png);
} 
#nabidky #spolecne25 dt a {
  background-image:url(images/25mb_double.png);
}
#nabidky dt span {
  color:#333333;
  font-size:11px;
  font-weight:normal;
  left:17px;
  padding-top:3px;
  position:absolute;
  text-align:right;
  top:30px;
  width:85%;
}
#nabidky #treti dt strong, #nabidky #ctvrta dt strong {
  left:80px;
  top:30px;
  width:80px;
}
#nabidky dt a {
  width:100%;
}
#nabidky dt a {
  text-decoration:none;
}
#nabidky #prvni, #nabidky #prvni var, #nabidky #prvni a, #nabidky #prvni dt * {
  text-decoration:none;
}
dd .cena {
  color:#AA0302;
  margin-top:30px;
}
#content #nabidky a {
  font-weight:normal;
}
#nabidky #ctvrta var, #nabidky #ctvrta dt strong, #nabidky #ctvrta dd dfn, #nabidky #ctvrta dd a.button {
  padding-right:0;
  right:0;
}
#nabidky a dfn {
  cursor:default;
}
#nabidky a:hover dfn {
  font-weight:bold;
}
#nabidky a * {
  cursor:pointer;
}
#nabidky dt strong dfn {
  display:none;
}
#nabidky var {
  color:#AA0302;
  font-size:20px;
  font-style:italic;
  position:absolute;
  right:31px;
  top:63px;
  display: none;
}
#nabidky #treti var, #nabidky #ctvrta var {
}
#nabidky var.nonstop a {
  cursor:default;
}
#nabidky var.nonstop a:hover {
  cursor:default;
}
#nabidky var.nonstop span a {
  cursor:default;
}
#nabidky var.nonstop span a:hover {
  cursor:default;
}
#nabidky var.nonstop {
  font-size:10px;
  top:115px;
  right: 5px;
  color: #d48180;
}
#nabidky var span {
  font-size:23px;
  margin-right:-3px;
}
#nabidky var span small {
  font-size:70%;
}
#nabidky var.nonstop span {
  font-size:10px;
  margin-right:0;
}
#nabidky dd dfn {
  font-size:15px;
  font-style:normal;
  letter-spacing:-1px;
  position:absolute;
  right:7px;
  top:93px;
}
#nabidky a.button {
  background:#AA0302 url(images/objednejte.gif) no-repeat scroll left top;
  bottom:25px;
  display:block;
  height:25px;
  overflow:hidden;
  padding:0 0 0 72px;
  position:absolute;
  right:12px;
  width:0;
}
#nabidky #prvni a.button {
  background:transparent url(images/objednejte.gif) no-repeat scroll left top;
}
#nabidky dd a.button:hover, #nabidky #prvni dd a.button:hover {
  background-position:left -25px;
}
#nabidky dd a.more span {
  border-bottom:1px solid black;
  bottom:7px;
  color:black;
  cursor:pointer;
  font-size:110%;
  font-weight:bold;
  position:absolute;
  right:12px;
  text-decoration:none;
  text-transform:lowercase;
}
#nabidky #prvni a.more span {
}
#nabidky dd a.more:hover span, #nabidky #prvni a.more:hover span {
  border:medium none;
  color:#777777;
}

#menubar strong, #links strong, #footer strong, #dostupnost label strong, #dostupnost legend, body.homepage h1, body.homepage #content cite, .skryt{
	display: none;
}
a {
	color: #aa0302;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#upravit {
  position: absolute;
  top: 3px;
  left: 20px;
}
#content h1, h2 {
  font-size: 200%;
  letter-spacing: -1px;
  line-height: 1.1em; 
  margin: 0 0 0.5em 0;
  color: #aa0302;
  font-weight: bold;
  clear: both;
}
#content h2 {
  font-size: 180%;
  color: #666;
  margin: 1em 0 0.5em 0;
}
#content h3 {
  clear: both;
  font-size: 140%;
  font-variant: small-caps;
  letter-spacing: 1px;
  color: #aa0302;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}
#content p, #content ul {
  font-size: 120%;
  line-height: 1.7em;
  margin-bottom: 0.5em;
}
#content blockquote {
display: block;
padding: 1em;
margin: 0;
font-size: 110%;
line-height: 1.2em;
}
#content p {
  text-align: justify;

}
#content strong {
  letter-spacing: 1px;
  font-weight: bold;
}
#content li {
  line-height: 1.1em;
  margin-bottom: 0.5em;
  list-style: circle outside url();
  margin-left: 3em;
}
#frm_dostupnost {
font-size: 120%;
width: 250px;
margin: 0 auto;
}

#content .objednavka table tr{
line-height: 1.5;
}
#content .objednavka table th {
text-align: right;
padding-right: 0.5em;
}
#content .objednavka table thead th {
text-align: center;
padding: 0;
}
#content  .objednavka table td {
text-align: left;
white-space: normal;
}
#content .objednavka .error {
border: 1px solid #aa0302;
color: #aa0302;
padding: 0.1em 0.5em;
font-weight: bold;
}
#content .objednavka .required {
color: #aa0302;
font-weight: bold;
}
#content .objednavka .poznamka {
line-height: 1;
}
#content .objednavka table * {
/* background: blue url() ;
border: 1px solid black;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; 
margin: 0 !important;
padding: 0 !important; */
}

#content table {
font-size: 120%;
width: 100%;
}
#content table th, #content table td {
padding: 0.3em 0;
}

#content table strong {
display: block;
}
#content table td.last {
width: 72px;
overflow: hidden;
}
#content table td {
text-align: right;
white-space: pre;
}
#content table th {
text-align: center;
width: 130px;
}
#content table.other td {
white-space: normal;
}
#content table.other th {
width: auto;
text-align: left;
}
#content table.dostupnost td {
text-align: left;
}
#content table.dostupnost th {
text-align: left;
}

#content table thead th {
width: auto;
}
#content td.last a {
padding: 0 0 0 72px; 
width: 0;
height: 25px;
display: block;
background: url(images/objednejte.gif) no-repeat left top;
overflow: hidden;
}
#content table em, #content blockquote em {
color: #aa0302;
font-weight: bold;
}
del {
font-weight: normal;
}
#contact-form {
width: 500px;
}
#content #contact-form td {
white-space: normal;
text-align: left;
}
#sprava-uctu {
font-size: 120%;
text-align: center;
} 
#sprava-uctu fieldset{
text-align: left;
margin-bottom: 0.5em;
}
#sprava-uctu fieldset label {
width: 10em;
display: block;
clear: both;
float: left;
text-align: right;
margin-right: 1em;
}
#sprava-uctu fieldset input {
width: 10em;
}
#volani_zdarma {
position: absolute;
left: 8px;
top: 93px;
width: 246px;
height: 223px;
background: url(http://kapler.cz/adsl-postit.gif) no-repeat left top;
overflow: hidden;
z-index: 1001;
}
#volani_zdarma a {
padding-left: 246px;
padding-top: 223px;
display: block;
}
 span.akce {color: #AA0302; text-transform: uppercase; font-weight: bold;}

a#net_call {
  background: url(images/net_call.gif) no-repeat;
  display: block;
  height: 68px;
  width: 164px;
  margin-bottom: 10px;
  float: right;
}

a#net_call_modem {
  background: url(images/net_call_modem.gif) no-repeat;
  display: block;
  height: 102px;
  width: 164px;
  margin-bottom: 10px;
  float: right;
}
a#net_call_modem span, a#net_call span{ 
  display: none;
}

h2#sipy {
  background: url(images/title_sipy.gif) no-repeat;
  height: 63px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

h2#sipy span {
  display: none;
}

p.text_main_page {
  padding: 0 10px;
  color: #333333;
  text-align: left;
}

.info_net {
  display: none;
}

.bannerleft {
float: left;
margin-right: 10px;
}
.bannerright {
float: right;
margin-right: 10px;
}

#fb_like {
  position: absolute; right: 20px; top: 40px;
}