/* div {border: thin dotted blue;} */ /* orámování divu pro rozvržení designu*/

/* ----------- hlavní stylování ----------- */
body {
	background-image: URL("pozadi__drevotriska.jpg"); /* obrázek na pozadí */
	background-repeat: repeat; /* opakování pozadí */
	background-attachment: fixed; /* pozadí neroluje */
	background-color: white; /* případná barva pozadí bílá */
	color: black; /* černý text */
	font-size: 100%;
	font-family: OCR-B-DigitsTT, "MV Boli", "Times New Roman", Garamond, serif;
} 

#copyright {width: 100%; text-align: center; font-size: 80%; font-weight: bold;}

a img {border:none;} /* bez podtržení obrázkového odkazu */

h1,h2,h3 {font-weight: bold; font-family: "Times New Roman", Garamond, serif;}
h1 {font-size: 150%;}
h2 {font-size: 100%;}
h3 {font-size: 100%;}

.h1 {position: absolute; top: -15px; left: -70px;}

.l,.tl,.ml,.bl {text-align: left} /* zarovnání textu vlevo */
.c,.tc,.mc,.bc {text-align: center} /* zarovnání textu na střed */
.r,.tr,.mr,.br {text-align: right} /* zarovnání textu vpravo */

.t,.tl,.tc,.tr {vertical-align: top} /* zarovnání nahoru */
.m,.ml,.mc,.mr {vertical-align: middle} /* zarovnání doprostřed */
.b,.bl,.bc,.br {vertical-align: bottom} /* zarovnání dolů */

div.main { /* hlavní rám obrazovky */
	width: 980px;
	height: 775px;
	position: relative;
	text-align: left;
	margin: auto;}
div.main a {font-size: 120%;}
/* ----------- hlavní stylování ----------- */

/* ----------- stylování indexu ----------- */
.alias {text-align: center;}
.alias a {text-decoration: none; font-weight: bold; font-size: 120%; font-family: "Times New Roman", Garamond, serif;}

#ecoshop {position: absolute; top: 140px; left: 330px;}
#ecoshop a {display: block; width: 373px; height: 400px;
	background: url("../img/ekotoaletka_vabici.gif") 0 0 no-repeat;
	text-decoration: none; text-align: right; font-weight: bold;
	font-family: "Times New Roman", Garamond, serif;}
#ecoshop a:hover {background-position: -373px 0;}
/* #ecoshop a:active {background-position: -0px 0;} */

#kompostovaci {position: absolute; top: 65px; left: 45px;}
#kompostovaci a {display: block; width: 354px; height: 260px;
	background: url("../img/ekotoaletka_kompostacek.gif") 0 0 no-repeat;
	text-decoration: none; font-weight: bold;}
#kompostovaci a:hover {background-position: -354px 0;}
/* #kompostovaci a:active {background-position: -740px 0;} */

#specialni {position: absolute; top: 40px; left: 720px;}
#specialni a {display: block; width: 260px; height: 381px;
	background: url("../img/ekotoaletka_zahradnicek.gif") 0 0 no-repeat;
	text-decoration: none; text-align: right; font-weight: bold;}
#specialni a:hover {background-position: -260px 0;}
/* #specialni a:active {background-position: -0px 0;} */

#spalovaci {position: absolute; top: 490px; left: 0px;}
#spalovaci a {display: block; width: 420px; height: 260px;
	background: url("../img/ekotoaletka_popelka.gif") 0 0 no-repeat;
	text-decoration: none; text-align: left; font-weight: bold;}
#spalovaci a:hover {background-position: -420px 0;}
/* #spalovaci a:active {background-position: -0px 0;} */

#separacni {position: absolute; top: 460px; left: 605px;}
#separacni a {display: block; width: 366px; height: 260px;
	background: url("../img/ekotoaletka_separacek.gif") 0 0 no-repeat;
	text-decoration: none; text-align: right; font-weight: bold;}
#separacni a:hover {background-position: -366px 0;}
/* #separacni a:active {background-position: -0px 0;} */
/* ----------- stylování indexu ----------- */

/* ----------- stylování popisů ----------- */
.popis {
	width: 740px;
	background-color: #F5F5DC;
	vertical-align: middle;
	position: relative; left: -75px;
	font-family: "Times New Roman", Garamond, serif; /* pole pro popis principu toalet */
}
.popis div {padding: 2px 7px 2px 7px;; text-indent: 25px; text-align: justify;} /* odstavec popisu */

#parametry {width: 980px;} /* tabulka parametrů typů toalet */
#parametry td {background-color: #F5F5DC; padding: 1px 3px 1px 2px;}
#parametry tr.bold td {font-weight: bold; text-align: center;}
#parametry tr.bold td.l {text-align: left; font-weight: normal;}
#parametry tr.text td {text-align: center;}
#parametry tr.text td.l {text-align: left;}
#parametry tr.img td {text-align: center; vertical-align: bottom}
#parametry tr.img td.li h2 {font-size: 100%; font-weight: bold; text-align: left; vertical-align: middle; font-style: italic;}
#parametry a {text-decoration: none;}
/* #parametry tr.img td img {width: 120px; height: 84px;}*/
/* ----------- stylování popisů ----------- */

/* ----------- stylování popisů kompostovacích ----------- */
#kompostovaci_2 {position: relative; top: 20px; left: -70px;}
#kompostovaci_2 a {display: block; width: 370px; height: 260px;
	background: url("../img/mulltoa_10_1.gif") 0 0 no-repeat;
	text-decoration: none; font-weight: bold;}
#kompostovaci_2 a:hover {background-position: -370px 0;}
#kompostovaci_2 a:active {background-position: -740px 0;}

#mulltoa_ne a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_kompostac_MullToa-NE.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_NE a:hover {background-position: -130px 0;}
#mulltoa_NE a:active {background-position: -260px 0;} */

#mulltoa_10 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_kompostac_MullToa-10.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_10 a:hover {background-position: -130px 0;}
#mulltoa_10 a:active {background-position: -260px 0;} */

#mulltoa_20 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_kompostac_MullToa-20.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_20 a:hover {background-position: -130px 0;}
#mulltoa_20 a:active {background-position: -260px 0;} */

#mulltoa_45 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_kompostac_MullToa-45.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_45 a:hover {background-position: -130px 0;}
#mulltoa_45 a:active {background-position: -260px 0;} */

#mulltoa_60 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_kompostac_MullToa-60.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */
/* ----------- stylování popisů kompostovacích ----------- */

/* ----------- stylování popisů separačních ----------- */
#separacni_2 {position: relative; left: -70px;}
#separacni_2 a {display: block; width: 383px; height: 255px;
	background: url("../img/ekowc_separac_Elegant.png") 0 0 no-repeat;
	text-decoration: none; font-weight: bold;}
/* #separacni_2 a:hover {background-position: -370px 0;}
#separacni_2 a:active {background-position: -740px 0;} */

#dass_isak a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_Dass-Isak.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */

#torp_isak a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_Torp-Isak.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */

#separera_30 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_Separera.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */

#separera_40 a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_Separera.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */

#wm_classic a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_WM-Classic.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */

#elegant a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_separac_Elegant.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #mulltoa_60 a:hover {background-position: -130px 0;}
#mulltoa_60 a:active {background-position: -260px 0;} */
/* ----------- stylování popisů separačních ----------- */

/* ----------- stylování popisů speciálních ----------- */
#specialni_2 {position: relative; top: 10px; left: -80px;}
#specialni_2 a {display: block; width: 383px; height: 255px;
	background: url("../img/ekowc_special_Skogstoan.png") 0px 0px no-repeat;
	text-decoration: none; text-align: right; font-weight: bold;}
/* #specialni_2 a:hover {background-position: -260px 0;} */
/* #specialni a:active {background-position: -0px 0;} */

#skogstoa a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_special_Skogstoan.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #skogstoa a:hover {background-position: -130px 0;}
#skogstoa a:active {background-position: -260px 0;} */

#sanitoa a {display: block; width: 130px; height: 90px;
	background: url("../img/pidiekowc_special_Sanitoa.png") no-repeat;
	text-decoration: none; margin: auto;}
/* #sanitoa a:hover {background-position: -130px 0;}
#sanitoa a:active {background-position: -260px 0;} */

/* ----------- stylování popisů speciálních ----------- */

/*
li, td {font-family:Arial,Helvetica,sans-serif;font-size:13px}
hr {color:#F00;width=70%;text-align=center}
*/

/*
.n5 {font-weight: bold;}
.n5i {font-weight: bold;font-style: italic;}
*/

/*
.align {text-align: justify;}
.odstavec {text-indent: 20px;}
.left  {float:  left;clear: both;padding: 5px 5px 5px 0px;}
.right {float: right;clear: both;padding: 5px 0px 5px 5px;}
*/