/* CSS Document */
body {
	font: 10pt normal Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* layout */
#body {
	width: 950px;
	margin-top: 18px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
}
.maly_pismo {
	font-size: 10px;
	}
#header {
	width: 950px;
	height: 125px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	background-image: url(img/screen_top.jpg);
	background-repeat: no-repeat;
}
#header .uvodni_stranka {
	width: 600px;
	height: 54px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#middle {
	width: 950px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	background-image: url(img/Mydlo_middle.jpg);
	background-repeat: repeat-y;
}
#bottom {
	width: 950px;
	height: 57px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	background-image: url(img/Mydlo_bottom.jpg);
	background-repeat: no-repeat;
	clear: both;
}

/* hlavni menu 1 */
#menu_1 {
	padding: 0px;
	margin: 0px;
	height: 37px;
	width: 950px;
	text-align: left;
}
#menu_1 ul {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}
#menu_1 ul li {
	display: block;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0px;
	}
#menu_1 ul li a, #menu_1 ul li a:link, #menu_1 ul li a:visited {
	display: block;
	border: 0px;
	height: 37px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px -37px;
	}
#menu_1 ul li a.info, #menu_1 ul li a.info:link, #menu_1 ul li a.info:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 37px;
	width: 62px;
	padding: 0px 0px 0px 218px;
	background-image: url(img/Mydlo_info01.jpg);
	}
#menu_1 ul li a.info:hover {
	background-position: 218px 0px;
	}
#menu_1 ul li a.historie, #menu_1 ul li a.historie:link, #menu_1 ul li a.historie:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 37px;
	width: 120px;
	padding: 0px 0px 0px 101px;
	background-image: url(img/Mydlo_historie01.jpg);
	}
#menu_1 ul li a.historie:hover {
	background-position: 101px 0px;
	}
#menu_1 ul li a.vzkazy, #menu_1 ul li a.vzkazy:link, #menu_1 ul li a.vzkazy:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 37px;
	width: 123px;
	padding: 0px 0px 0px 51px;
	background-image: url(img/Mydlo_prispevky01.jpg);
	}
#menu_1 ul li a.vzkazy:hover {
	background-position: 51px 0px;
	}
#menu_1 ul li a.kontakt, #menu_1 ul li a.kontakt:link, #menu_1 ul li a.kontakt:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 37px;
	width: 107px;
	padding: 0px 0px 0px 47px;
	background-image: url(img/Mydlo_kontakt01.jpg);
	}
#menu_1 ul li a.kontakt:hover {
	background-position: 47px 0px;
	}
	
	
	
	
/* hlavni menu 2 */
#menu_2 {
	padding: 0px;
	margin: 0px;
	height: 34px;
	width: 950px;
	text-align: left;
}
#menu_2 ul {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}
#menu_2 ul li {
	display: block;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0px;
	}
#menu_2 ul li a, #menu_2 ul li a:link, #menu_2 ul li a:visited {
	display: block;
	border: 0px;
	height: 34px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px -34px;
	}
#menu_2 ul li a.regenereace, #menu_2 ul li a.regenereace:link, #menu_2 ul li a.regenereace:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 81px;
	padding: 0px 0px 0px 178px;
	background-image: url(img/Mydlo_regenerace01.jpg);
	}
#menu_2 ul li a.regenereace:hover {
	background-position: 178px 0px;
	}	
#menu_2 ul li a.zahradka, #menu_2 ul li a.zahradka:link, #menu_2 ul li a.zahradka:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 69px;
	padding: 0px 0px 0px 66px;
	background-image: url(img/Mydlo_zahradka01.jpg);
	}
#menu_2 ul li a.zahradka:hover {
	background-position: 66px 0px;
	}	
#menu_2 ul li a.hry, #menu_2 ul li a.hry:link, #menu_2 ul li a.hry:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 33px;
	padding: 0px 0px 0px 74px;
	background-image: url(img/Mydlo_hry01.jpg);
	}
#menu_2 ul li a.hry:hover {
	background-position: 74px 0px;
	}	
#menu_2 ul li a.fc, #menu_2 ul li a.fc:link, #menu_2 ul li a.fc:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 67px;
	padding: 0px 0px 0px 66px;
	background-image: url(img/Mydlo_FC_mydlo01.jpg);
	}
#menu_2 ul li a.fc:hover {
	background-position: 66px 0px;
	}	
#menu_2 ul li a.foto, #menu_2 ul li a.foto:link, #menu_2 ul li a.foto:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 80px;
	padding: 0px 0px 0px 51px;
	background-image: url(img/Mydlo_foto01.jpg);
	}
#menu_2 ul li a.foto:hover {
	background-position: 51px 0px;
	}	
#menu_2 ul li a.akce, #menu_2 ul li a.akce:link, #menu_2 ul li a.akce:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	height: 34px;
	width: 36px;
	padding: 0px 0px 0px 64px;
	background-image: url(img/Mydlo_akce01.jpg);
	}
#menu_2 ul li a.akce:hover {
	background-position: 64px 0px;
	}	
	
	
	
	

/* content */
#content {
	padding: 5px 10px 5px 10px;
	text-align: left;
	}
.cisla {
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	margin: 0px;
	padding: 3px;
	width: 100px;
	}
.chyba {
	color: #ff8811;
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	border-left: 10px solid #ff8811;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 23px;
	width: 500px;
	}
.float_left {
	float: left;
	}
.float_left_image {
	float: left;
	padding: 0 5px 0 0;
	}
.paddingleft {
	padding: 0 8px 0 8px;
	}
.float_right {
	float: right;
	}
.float_right_image {
	float: right;
	padding: 10px 0px 10px 10px;
	}
.float_right_hledani {
	float: right;
	text-align: right;
	padding: 10px 20px 0px 0px;
	}
#clear {
	clear: both;
	}
.clear {
	clear: both;
	}
.clear_right {
	clear: right;
	}
.clear_margined {
	padding: 25px;
	margin: 0px;
	clear: both;
	}
.clear_margined_nahore {
	padding: 5px 5px 0px 25px;
	margin: 0px;
	}
#katalog_250 ul li.akce {
	border-top: 0px;
	text-align: right;
	border-right: 1px dashed #B4CEE1;
	}
#katalog_250 a {
	display: block;
	text-decoration: none;
	text-align: left;
	}
/* img */
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
img.s_border {
	border: 1px solid #e1e7ec;
	padding: 2px;
	}
img.logo {
	padding: 0px 0px 3px 0px;
	}
img.float_right_obrazek {
	float: right;
	padding: 2px;
	border: 1px solid #e1e7ec;
	margin: 10px 0px 10px 5px;
	clear: right;
	}
img.float_right_image_bg {
	float: right;
	padding: 5px;
	border: 1px solid #e1e7ec;
	margin: 10px 0px 10px 5px;
	clear: right;
	}
/* fonts */
h1 {
	color: #FFFFFF;
	font: 20px bold Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	}
.head { 
	color: #ffff95; 
	font-weight: bold; 
	}
/* odkazy */
a   {
	color: #bcbcbc;
	text-decoration: none;
	}
a:hover   {
	text-decoration: underline;
	}
a.pridat {
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	margin: 0px;
	padding: 3px;
	color: #000000;
	}
a.pridat:hover {
	background-color: #ff8811;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	}

a.strong   {
	color: #0057a0;
	font-weight: bold;
	}
a.strong:hover   {
	color: #b80f2b;
	}
a.velky   {
	color: #0057a0;
	text-decoration: underline;
	font-weight: bold;
	font-size: x-large;
	}
a.velky:hover   {
	color: #b80f2b;
	}
a.float_right_image_bg {
	float: right;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 15px 15px 0px 0px;
	}
a.float_right_image_bg:hover {
	border: 1px solid #ff8811;
	background-color: #CCCCCC;
	}
a.float_right_image_bg2 {
	float: right;
	padding: 5px;
	border: 1px solid #e1e7ec;
	margin: 10px 0px 10px 5px;
	}
a.float_right_image_bg2:hover {
	border: 1px solid #004785;
	background-color: #e1e7ec;
	}
a.float_right_image_bg3 {
	float: right;
	clear: right;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 10px 10px 0px 10px;
	}
a.float_right_image_bg3:hover {
	border: 1px solid #ff8811;
	background-color: #CCCCCC;
	}
a.float_left_image_bg {
	float: left;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 25px 25px 0px 0px;
	}
a.float_left_image_bg:hover {
	border: 1px solid #ff8811;
	background-color: #CCCCCC;
	}
a.float_left_image_bg2 {
	float: left;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 25px;
	}
a.float_left_image_bg2:hover {
	border: 1px solid #ff8811;
	background-color: #CCCCCC;
	}
a.katalog_navigace  {
	color: #BB1100;
	text-decoration: none;
	}
a.katalog_navigace:hover   {
	color: #000;
	}
a.mapawebu   {
	color: #000;
	text-decoration: none;
	}
a.mapawebu:hover   {
	color: #004785;
	}
a.tlacitko   {
	text-decoration: underline;
	margin: 0px;
	padding: 3px;
	}
a.tlacitko:hover   {
	color: #FFFFFF;
	background-color: #bcbcbc;
	}
a.tlacitko2   {
	clear: right;
	padding: 10px;
	text-decoration: none;
	}
a.tlacitko2:hover   {
	text-decoration: underline;
	}
#ccc {
	clear: both;
	}
/* formular na email */
.button   {
            background-color: #ff8811; 
           color: #FFFFFF; font-weight: bold; 
           font-family: Verdana, Arial, Helvetica, sans-serif; 
          }

textarea {
	border-right: #CCCCCC 2px solid; border-top: #CCCCCC 2px solid; font: Arial; font-size: 12px; border-left: #CCCCCC 2px solid; color: #666; border-bottom: #CCCCCC 2px solid; background-color: #fff
}
input.text {
	border-right: #CCCCCC 2px solid; 
	border-top: #CCCCCC 2px solid; 
	font: Arial; font-size: 12px; 
	border-left: #CCCCCC 2px solid; 
	color: #666; 
	border-bottom: #CCCCCC 2px solid; 
	background-color: #fff;
	margin: 0px 0px 5px 0px;
}
input.search {
	border-right: #B4CEE1 1px solid; border-top: #B4CEE1 1px solid; font: 12px Arial; border-left: #B4CEE1 1px solid; color: #666; border-bottom: #B4CEE1 1px solid; background-color: #fff
}


hr {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 0px;
	height: 1px;
	}
hr.uzsi {
	float: left;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 0px;
	height: 1px;
	width: 750px;
	}


fieldset {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 10px 0 10px 0;
	padding: 3px;
	}
fieldset.aktuality {
	float: right;
	width: 200px;
	padding: 5px;
	border: 1px solid #e1e7ec;
	margin: 10px 0px 10px 5px;
	clear: right;
	}
fieldset.objednavka {
	clear: right;
	margin: 0px;
	padding: 8px;
	}
legend {
	border: 1px solid #CCCCCC;
	padding: 3px;
	color: #FFFFFF;
	}
legend.aktuality {
	border: 1px solid #e1e7ec;
	padding: 3px;
	color: #0057a0;
	}
table.komentare {
	width: 600px;
	}
td.head { 
	color: #ffff95; 
	font-size: 10pt; 
	font-family: Verdana, Arial; 
	font-weight: bold; 
	}
td.datum { 
	width: 150px;
	vertical-align: top;
	}
td.foto { 
	color: #ffffff;
	vertical-align: top;
	text-align: left;
}
td.nahore { 
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	padding: 5px 0px 0px 25px;
}