/*  
  Inwifi.cz stylesheet 
  Autor: Studio Shortcat 
*/

body {
margin: 0;
padding: 0;
color: #000000;
background: #fff;
}

#webStranka, #text {
font: 80%/1.5em Arial, sans-serif;
font-size/* */:/**/75%;
font-size: /**/75%;
}

input, textarea, option, select {
font-size: 1.05em;
}

a {
color: #000000;
text-decoration: underline;
}

a.grey {
color: #BBBBBB;
text-decoration: underline;
}

a:hover {
color: #666;
}

form {
margin: 0;
}

a img {
border: 0;
}

address {
font-style: normal;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1em;
margin-bottom: 0;
}

big {
font-size: 1.2em;
}

#webStranka {
width: 100%;
}

/* struktura stránky */

#header {
margin: 0;
padding: 0;
background: #FFFFFF url("../images/header_pozadi.gif") repeat-x;
padding-top: 20px;
width: 100%;
}

#header h1 {
margin: 0;
padding: 0;
border-top: 1px solid #D7D7D7;
}

#header #logo {
margin: 0;
padding: 0;
margin-left: 10px;
float: left;
}

#header #pravaCast {
float: right;
width: 500px;
padding-top: 10px;
margin-right: 10px;
}

#header #pravaCast big {
font-size: 1.25em;
}

#menu {
margin: 0;
}

#menu #menuTop {
margin: 0;
padding: 0;
float: right;
width: 75%;
margin-top: 3px;
}


#menu #menuTop a {
display: block;
float: left;
text-decoration: none;
font-size: 1em;
font-weight: bold;
padding-left: 10px;
margin-right: 2px;
background: #ccc url("../images/levy_roh_o.gif") left top no-repeat;
color: #000;
}

#menu #menuTop a:hover {
text-decoration: underline;
border: 0;
font-weight: bold;
color: #FFFFFF;
}

#menu #menuTop a.marginLeftS {
margin-left: 1em;
}

#menu #menuTop a .menuItem {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 12px;
background: #ccc url("../images/pravy_roh_o.gif") right top no-repeat;
}

#menu #menuTop a.active {
color: #fff;
background: #000 url("../images/levy_roh.gif") left top no-repeat;
}

#menu #menuTop a.active .menuItem {
background: #000 url("../images/pravy_roh.gif") right top no-repeat;
}

/* casti stranek */

/* -- menu pod hlavickou (eshop) */

#menuBottom {
background-color: #CCCCCC;
padding: 7px 10px;
padding-bottom: 9px;
font-size: 1.05em;
}

#menuBottom .floatleft.width50pct {
width: 66%;
}

#menuBottom .floatright.width50pct.alignright {
width: 33%;
}

a.button {
display: block;
float: left;
margin-right: 5px;
background-color: #ECECEC;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
text-decoration: none;
color: #000000;
font-weight: bold;
margin-top: 3px;
}

a.button.kosik {
padding-top: 3px;
padding-bottom: 3px;
}

a.button.typeTwo {
background: #CCCCCC;
color: inherit;
}

span.button {
display: block;
float: left;
margin-right: 5px;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
line-height: 1.1em;
}

a.button.typeTwo:hover {
background-color: #eee;
}

a.button:hover {
background-color: #FFFFFF;
}

#pokrocileVyhledavani {
margin-right: 15px;
margin-left: 10px;
display: block;
float: right;

line-height: 1.1em;
}

#vyhledavani {
float: right;
margin-top: 3px;
}


#webStranka #telo {
width: 100%;
border-collapse: collapse;
border: 0;
margin: 0;
}

#webStranka #telo #leveMenu {
vertical-align: top;
padding-top: 4.2em;
margin-bottom: 2em;
width: 150px;
border-right: 1px dashed #000000;
font-size: .8em;
font-size/* */:/**/1.1em;
font-size: /**/1.1em;
}

#webStranka #telo #text {
vertical-align: top;
padding: 20px;
font-size: 0.7em;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 1em;
} html>body #webStranka #telo #text {font-size: 1em;}

#webStranka #telo #text.wide {
padding: 20px 0;
}


#webStranka #telo #text p, #webStranka #telo #text h2, #webStranka #telo #text h3, #webStranka #telo #text h4 {
margin-top: 0;
padding-top: 0;
}

#webStranka #telo #text #cena {
background-color: #ECECEC;
border: 1px solid #CCCCCC;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 7px;
padding-right: 7px;
font-size: 1.1em;
}

#webStranka #telo #text #cena #cenaJedna {
float: left;
width: 200px;
}

#webStranka #telo #text #cena #cenaDve {
float: right;
width: 220px;
}

#webStranka #telo #poznamka, #webStranka #telo #kategorie {
width: 250px;
border-left: 1px dashed #000000;
vertical-align: top;
padding: 20px;
font-size: 0.8em;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 1em;
} html>body #webStranka #telo #poznamka {font-size: 1em;}

#webStranka #telo #kategorie {
width: 250px;
background: #efefef;
}

#poznamka li, #poznamka ul, #poznamka ol, #kategorie li, #kategorie ul {
margin-left: 0.5em;
padding-left: 0;
}

#poznamka ol {
margin-left: 1.5em;
}

#telo #leveMenu a.menuButton {
display: block;
padding: 4px;
padding-left: 8px;
font-size: 1.1em;
color: #000000;
text-decoration: underline;
font-weight: bold;
background-color: #CCCCCC;
border-bottom: 1px solid #FFFFFF;
}

#telo #leveMenu a.menuButton.active, #telo #leveMenu a.menuButton:hover {
color: #FFFFFF;
background-color: #333333;
}

#telo #leveMenu a.subMenuButton {
display: block;
padding: 4px;
padding-left: 8px;
font-size: 1em;
color: #000000;
text-decoration: underline;
background-color: #ECECEC;
border-bottom: 1px solid #FFFFFF;
}

#telo #leveMenu a.subMenuButton.subActive, #telo #leveMenu a.subMenuButton:hover {
background-color: #CCCCCC;
}

/* -- paticka */

#footer {
font-size: .8em;
line-height: 1.4em;
border-top: 1px dotted #000;
padding: 1em;
color: #333;
background: inherit;
margin: 0;
}

p#footerTwo {
padding: 1em;
margin: 0;
text-align: center;
border-top: 3px solid #000;
font-size: 1em;
}

/* -- strankovani */

.paging {
width: 100%;
margin: 1em 0 0 0;
border-bottom: 1px #999 dotted;
}

.paging.bottom {
margin: 0 0 1em 0;
border-bottom: 0;
}

.paging td {
width: 25%;
vertical-align: top;
text-align: left;
padding: .5em;
}

.paging td.alignright {
text-align: right;
}

.paging td.aligncenter {
text-align: center;
width: 50%;
}

/* -- tabulky */

table.normal {
border-collapse: collapse;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
margin: 1em 0;
}

table.normal td, table.normal th {
background: #efefef;
color: #000;
text-align: left;
padding: 0.5em;
vertical-align: top;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

table.normal th {
background: #ccc;
color: #000;
}

table.normal th.right, table.normal td.right   {
text-align: right;
}

table.normal th.left, table.normal td.left   {
text-align: left;
}


/* -- formulare */

table.form th {
width: 30%;
vertical-align: top;
text-align: right;
font-weight: normal;
background: #eee;
padding: .5em;
}

table.form td {
width: 60%;
vertical-align: top;
text-align: left;
background: #eee;
padding: .5em;
}

table.form .buttonRow {
background: #eee;
}

table.form .buttonRow input {
font-weight: bold;
}

table.form th.alignLeft {
text-align: left;
}


table.form.fourCols th {
width: 25%;
}

table.form.fourCols td {
width: 25%;
}





/* stranky */

/* -- homepage  */

table#topBoxes {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

table#topBoxes td {
vertical-align: top;
padding: 0;
margin: 0;
}

table#topBoxes #pageMessage {
font-size: 1.2em;
font-weight: normal;
vertical-align: top;
border-right: 1px dashed black;
padding: 20px 25px;
}

table#topBoxes #pageMessage small {
font-size: .8em;
}

table#topBoxes #importantNews {
background-color: #F3EDD7;
color: inherit;
border-right: 1px dashed black;
}

table#topBoxes #importantNews h2 {
background-color: #ff730d;
color: white;
padding: 10px 15px;
margin: 0;
}

table#topBoxes #importantNews p {
padding: 10px 15px;
}

table#topBoxes #firstNews {
background-color: #E8E8E8;
color: inherit;
border-right: 1px dashed black;
}

table#topBoxes #firstNews h2 {
background: #7a7a7a url("../images/kolecko_sipka_dolu.gif") no-repeat right center;
color: white;
padding: 10px 15px;
border-bottom: 1px dashed black;
}

table#topBoxes #firstNews p {
padding: 10px 15px;
}

table#topBoxes .news h2 {
background: #7a7a7a url("../images/kolecko_sipka_dolu.gif") no-repeat right center;
color: #fff;
padding: 10px 15px;
margin: 0;
border-bottom: 1px dashed #000;
}

table#topBoxes .news h3 {
background: #E8E8E8;
color: inherit;
text-height: normal;
font-size: 1em;
padding: 10px 15px;
margin: 0;
}

table#topBoxes .news p {
padding: 10px 15px;
margin: 0;
}

table#topBoxes .news p.newsArchive {
padding: 10px 15px;
border-top: 1px dashed black;
}

table#topBoxes td.sloupec2 a.sloupecObrazek {
display: block;
height: 94px;
background: #94C6CE url("../images/hp_img_kosik.gif") no-repeat left top;
}

table#topBoxes td.sloupec3 a.sloupecObrazek {
display: block;
height: 94px;
background: #A1D86C url("../images/hp_waveant.gif") no-repeat left top;
}

table#topBoxes td.sloupec3 a.sloupecObrazek.bp {
background: #fff url("../images/hp_waveant.gif") no-repeat left top;
}

table#topBoxes td.sloupec4 a.sloupecObrazek {
display: block;
height: 94px;
background: #EAEAEA url("../images/hp_download.jpg") no-repeat left top;
}

table#topBoxes a.sloupecObrazek span {
display: none;
}

table#topBoxes td.sloupec1, table#topBoxes td.sloupec2, table#topBoxes td.sloupec3, table#topBoxes td.sloupec4 {
border-right: 1px dashed black;
padding-bottom: 1em;
}

table#topBoxes td.sloupec1 h2, table#topBoxes td.sloupec2 h2, table#topBoxes td.sloupec3 h2, table#topBoxes td.sloupec4 h2 {
background: #7a7a7a url("../images/kolecko_sipka_dolu.gif") no-repeat right center;
color: white;
font-weight: bold;
padding: 10px 15px;
margin: 0;
font-size: 1em;
}

table#topBoxes .sloupecContent {
padding: 0px 10px 10px 10px;
}

table#topBoxes .sloupecContent ul {
padding-left: 1.5em;
margin-left: 0;
}

table#topBoxes .sloupecContent li {
padding-left: .5em;
margin-left: 0;
}

table#topBoxes .sloupecContent h3 {
margin-top: 1.5em;
}

table#topBoxes .sloupecContent.bp p {
margin-top: 0em;
}

table#topBoxes td.sloupec1 h2 a, table#topBoxes td.sloupec2 h2 a, table#topBoxes td.sloupec3 h2 a, table#topBoxes td.sloupec4 h2 a {
background: transparent;
color: white;
text-decoration: none;
}

table#topBoxes td.sloupec1 h2 a:hover, table#topBoxes td.sloupec2 h2 a:hover, table#topBoxes td.sloupec3 h2 a:hover, table#topBoxes td.sloupec4 h2 a:hover {
background: transparent;
color: white;
text-decoration: underline;
}

table#topBoxes td.sloupec1 img {
text-align: center;
}

table#topBoxes td.sloupec1 p.cena {
padding: 1em;
margin: 0;
background: #E8E8E8;
border-top: 1px dashed #000;
}

table#topBoxes td.sloupec1 span.cenainfo {
font-weight: bold;
}

table#topBoxes td.sloupec1 span.cena {
font-weight: normal;
}

tr.firstLine td {
border-bottom: 1px dashed #000;
}

table#topBoxes .news {
width: 30%;
}

table#topBoxes #pageMessage, table#topBoxes #importantNews {
width: 35%;
}

table#topBoxes td.sloupec1, table#topBoxes td.sloupec2, table#topBoxes td.sloupec3, table#topBoxes td.sloupec4 {
width: 17.5%;
}

/*  -- eshop - kosik */

table#kosik, table#info {
width: 100%;
}

table#kosik th, table#info th {
background: #eee;
color: #333;
padding: .3em .5em;
font-weight: normal;
}

table#kosik td, table#info td {
padding: .3em .5em;
}

table#kosik .bgDarker {
background: #ddd;
}

table#kosik .totalPriceSpace {
height: 2em;
}

table#kosik .middleButtonRow {
padding: 1em 0;
}

table#kosik .submitButtonRow, table#info .submitButtonRow {
padding: 1em 0;
text-align: right;
}

table#kosik .submitButtonRow input, table#info .submitButtonRow input {
font-weight: bold;
}

table#kosik tr.totalPrice td {
margin-top: 1em;
}

/* -- vypis kategorie */

#categoryPageHead {
margin: 0 1em 1.5em 0;
}

#categoryPageHead.typeTwo {
margin: 0 1em 1.5em 0;
}

td.wide #categoryPageHead {
margin: 0 1em 1.5em 1em;
}

#categoryPageHead h2 {
display: inline;
vertical-align: middle;
}

.categoryListing {
width: 100%;
border-collapse: collapse;
}

.categoryListing td {
vertical-align: top;
text-align: left;
padding: .5em;
border-bottom: 1px #999 dotted;
width: 40%;
}

.categoryListing td.sideRight {
border-left: 1px #999 dotted;
}

.categoryListing td.image {
width: 10%;
}

.categoryListing td p {
margin: 0;
padding: 0;
}

.categoryListing td img {
vertical-align: top;
}

.categoryListing td h3 {
font-size: 1.1em;
margin-bottom: 1em;
}

.categoryListing td .addToChartParagraph {
background-color: #ECECEC;
border: 1px solid #CCCCCC;
}

.categoryListing td img.productImg {
margin: 0 1em 1em 0;
float: left;
}

.categoryListing td input.pieces {
width: 1em;
text-align: right;
}

.categoryListing td .arrows {
width: 10px;
float: left;
vertical-align: middle;
font-size: 0.7em;
padding-top: .3em;
}

.categoryListing td .arrows .margintop2px {
margin: 0;
padding: 0;
}

.categoryListing td .arrows .margintop3px {
margin: 0;
padding: 0;
}

.itemArrow {
width: 16px;
float: left;
vertical-align: middle;
font-size: 0.7em;
padding: 0;
line-height: 130%;
padding-top: .5em;
}

.marginArrow {
margin: 0;
padding: 0;
}

.categoryListing td p.paragraphPieces {
margin-top: 1.5em;
}
.categoryListing td p.price {
margin-top: 2.5em;

font-size: 1.1em;
padding: .5em 0;
}


/* -- eshop, nabídka, stav skladu */
.categoryListing td .newPieces {
margin: 0.5em 0;
padding: 8px 6px 6px 6px;
background: #EBEBEB;
min-height: 20px;
line-height: 180%;
}
html>body .categoryListing td .newPieces	{
padding-bottom: 13px;
}
.categoryListing td .newPieces .arrows {
float: left;
font-size: 1.2em;
padding: 0;
line-height: 110%;
}
.categoryListing td .newPieces i {
float: left;
font-style: normal;
}
.categoryListing td .newPieces input {
float: left;
}
.categoryListing td .newPieces p {
font-size: 0.9em;
float: right;
line-height: 100%;
width: 80px;
}
.categoryListing td .newPieces .green {
color: #390;
font-weight: bold;
}
.categoryListing td .newPieces .red, .red {
color: #930;
font-weight: bold;
}
.categoryListing td p.price2 {
clear: both;
margin-top: 2.5em;
font-size: 1.0em;
padding: 1em 0;
}
.categoryListing td p.price2 em {
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}


.categoryListing td .al {
vertical-align: middle;
}

/* -- reference etc. 16.7.04 - Reference // v.h. */

.reference dt {
font-size:1.1em;
font-weight:bold;
}

.reference dd {
padding:0;
margin:0 2em 1em 0em;
}

.reference dd.img  {
float:right;
}

.reference dd.img img {
margin:0 0 0 2em;
}

.kontakt-img {
float: right;
}


.osoba {
margin:2em 0 2em 0; 
}

.osoba img {
float:left;
margin:0 2em 1em 0;
}

.eshopDetailText {
width: 40%;
float: right;
}

.eshopDetailImg {
width: 270px;
float: left;
}

/* obecne definice */

.width50pct 							{ width: 49%; }
.width160px 							{ width: 160px; }
.width210px 							{ width: 210px; }

.aligncenter, .alignCenter, .center	 	{ text-align: center; }
.alignleft, .alignLeft, .left 			{ text-align: left; }
.alignright, .alignRight, .right 		{ text-align: right; }
.alignmiddle, .alignMiddle 				{ vertical-align: middle; }
.aligntop, .alignTop 					{ vertical-align: top; }

.floatleft 								{ float: left; }
.floatright 							{ float: right; }
.clearboth 								{ clear: both; }
.clearboth1px 							{ clear: both; font-size: 1px; line-height: 1px; }
.clearBothZero 							{ clear: both; font-size: 1px; line-height: 1px; visibility: hidden; }

.height1px 								{ height: 1px; }
.height5px 								{ height: 5px; }
.height10px 							{ height: 10px; }

.marginright10px 						{ margin-right: 10px; }
.marginright15px 						{ margin-right: 15px; }
.marginright20px 						{ margin-right: 20px; }
.margintop20px 							{ margin-top: 20px; }
.margintop10px 							{ margin-top: 10px; }
.margintop2px 							{ margin-top: 2px; }
.margintop3px 							{ margin-top: 3px; }
.margintop5px 							{ margin-top: 5px; }

.marginleft5px 							{ margin-left: 5px; }
.marginleft10px 						{ margin-left: 10px; }
.marginleft20px 						{ margin-left: 20px; }
.marginLeft1em 							{ margin-left: 1em; }

.print 									{ display: none; }

.backgroundcolorblack 					{ background-color: #000000; }
.colorgreen 							{ color: #009900; }

.textBold 								{ font-weight: bold; }
.b 										{ border: 1px solid red; }
.testred 								{ border: 1px solid red; }
.fontsize14em		 					{ fontsize: 1.4em; }

.xs 									{ width: 15px; }
.s 										{ width: 30px; }
.sm 									{ width: 50px; }


.imgLeft {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

.imgRight {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}

.impNews {
padding: 1em;
background: #F3EDD7;
margin-bottom: 1em;
}

#webStranka #telo #text .messageOK {
border: 1px solid green;
padding: 1em;
background: #efefef;
}

#webStranka #telo #text .messageKO {
border: 1px solid red;
padding: 1em;
background: #efefef;
}

.error {
border: 2px solid red;
padding: 1em;
}

.infoBox {
border: 2px solid #999;
width: 250px;
margin: 0 2em 2em 0;
}

.infoBox h3 {
padding: .5em;
background: #ccc;
}

.infoBox h3 a, .infoBox h3 a:hover {
background: transparent;
}

.infoBox p {
padding: .5em;
}

.paragraphImportant {
padding: 1em;
background: #eee;
color: inherit;
border: 1px solid #ccc;
}

.paragraphImportantTwo {
padding: 1em;
background: #eee;
color: inherit;
margin-bottom: 1.5em;
}

.borderGrey {
border: 1px solid #999;
}

.textSmall {
font-size: .9em;
line-height: 1.4em;
}

#menuSecond {
width: 500px;
float: right;
text-align: right;
padding-right: 20px;
xxxmargin-bottom: 1.5em;
margin-top: -1.5em;
}

#menuSecond a {
margin-left: .75em;
color: #000;
}

#header.headerSecGen #menuTop a span {
padding: .5em 10px .5em 0px; 
}

#tagline {
padding-left: 2em;
font-size: 1.2em;
font-family: Arial, sans-serif;
}

ol.typeFAQ li {
margin-bottom: 1.5em;
}

ol.typeFAQ li li {
margin-bottom: 0;
}

/* upravena HP */

#topBoxes.tbTwo th {
font-size: 1.2em;
text-align: left;
background: #7a7a7a url("../images/kolecko_sipka_dolu.gif") no-repeat right center;
color: white;
padding: 10px 15px;
}

#topBoxes.tbTwo th.novinkyHead {
background: #FF730D url("../images/kolecko_sipka_dolu-2.gif") no-repeat right center;
border-left: 1px black dashed;
}

#topBoxes.tbTwo td.tbShopImage {
padding: 1.5em 5px;
text-align: center;
border-right: 1px dashed black;
}

#topBoxes.tbTwo td.tbShopText {
padding: 1.5em 5px;
text-align: center;
border-right: 1px dashed black;
}

#topBoxes.tbTwo td.tbShopPrice {
padding: 1.5em 5px;
text-align: center;
border-right: 1px dashed black;
background: #E8E8E8;
}

#topBoxes.tbTwo td.newsSecond {
padding: 1.5em 5px;
border-left: 1px dashed black;
}

#topBoxes.tbTwo td.tbTwoCell {
padding: 1.5em 15px;
}

#topBoxes.tbTwo tr.firstLine td {
border-bottom: 0;
}

table#topBoxes.tbTwo .news h3 {
background: #F3EDD7;
}

table#topBoxes.tbTwo a.sloupecObrazek.bp {
background: #fff url("../images/hp_waveant.gif") no-repeat left top;
display: block;
height: 94px;
}

table#topBoxes.tbTwo td.dBorderTop, table#topBoxes.tbTwo th.dBorderTop {
border-top: 1px dashed black;
}

table#topBoxes.tbTwo td.dBorderRight, table#topBoxes.tbTwo th.dBorderRight {
border-right: 1px dashed black;
}

#underMenuTop {
clear: both;
height: 5px;
background: black;
margin: 0;
padding: 0;
font-size: 1px;
line-height: 1px;
}

.sideImportant {
background: #F3EDD7;
padding: 0.25em 5px;
}

.sideVeryImportant {
background: #FC7B1A;
border-top: 1px solid #fff;
}

.sideVeryImportant a {
padding: 1em 5px;
display: block;
text-decoration: none;
}

.sideVeryImportant a:hover {
text-decoration: underline;
color: #fff;
}

.sideVeryImportant p {
margin: 0; padding: 0;
}

.sideVeryImportant, .sideVeryImportant a  {
color: #fff;
}

hr {
color: #eee;
background: #eee;
}


.floatRight50 { float: right; width: 49%; }
.floatLeft50 { float: left; width: 49%; }
.clearBothZero { clear: both; font-size: 1px; line-height: 1px; }
.testRed { border: 1px solid red; }
.alignRight { text-align: right; }

/* ---- Tabulky pro popis vlasnosti zarizeni ----- */
#popisky {
background-color: #ECECEC;
border: 1px solid #CCCCCC;
padding: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
font-size: 1.1em;