@charset "utf-8";

* { margin: 0; padding: 0; }

body { 
	background: url(../images/body-background.jpg) repeat-x #FFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#777 }

/* zakladni styly */

h1 { font-size: 18px; text-transform: uppercase; margin-bottom: 15px; color: #693; letter-spacing: -1px; }
h2 { font-size: 15px; text-transform: uppercase; margin-bottom: 15px; color: #000; }
h3 { font-size: 13px; text-transform: uppercase; margin-bottom: 15px; }
p  { margin-bottom: 15px; line-height: 170%; text-align: justify; }
ul { list-style: none; margin-bottom: 10px; }
li { background: url(../images/list.jpg) no-repeat 3px; padding-left: 25px; line-height: 20px; margin-bottom: 3px; }

a { color: #693; text-decoration: underline; }
a:visited { color: #693; text-decoration: underline; }
a:hover { color: #693; text-decoration: none; }
a img { border: 0; }

.clear { clear: both; width: 1px; line-height: 1px; font-size: 1px; }

/* hlavni layout */

#page { width: 804px; margin: 0 auto; }

#header { height: 90px; background:url(../images/slogan.png) no-repeat 280px 0; margin-bottom: 5px; }
#header a img.logo { float: left; }
#header ul.TopNavi { float: right; font-size: 11px; margin-top: 40px; }
#header ul.TopNavi li { display: block; float: left; background: none; padding: 2px 10px; }

#LeftCol { float: left; width: 250px; }
#RightCol { float: right; width: 540px; }

#bottom { border-top: #C1C1C1 solid 1px; line-height: 25px; font-size: 11px; text-align: center; padding-top: 5px; }

/* Navigace */

ul#navigace { 
	display: block;
	height: 131px;
	width: 804px;
	margin-bottom: 0;
	background: url(../images/stin-menu.jpg) bottom no-repeat; }

ul#navigace li { background: none; float: left; padding: 0; margin: 0; }
ul#navigace li a { display: block; height: 100px; }
ul#navigace li a span { display: none; }

ul#navigace li#green a 		{ background: url(../images/udrzba-domu.jpg) 0 100px; width: 161px }
ul#navigace li#blue a 		{ background: url(../images/uklid-domacnosti.jpg) 0 100px; width: 161px }
ul#navigace li#red a 		{ background: url(../images/zehleni-pradla.jpg) 0 100px; width: 161px }
ul#navigace li#yellow a 	{ background: url(../images/hlidani-deticek.jpg) 0 100px; width: 161px }
ul#navigace li#grey a 		{ background: url(../images/ostatni-sluzby.jpg) 0 100px; width: 160px }

ul#navigace li#green a:hover 	{ background: url(../images/udrzba-domu.jpg) 0 0; width: 161px }
ul#navigace li#blue a:hover 	{ background: url(../images/uklid-domacnosti.jpg) 0 0; width: 161px }
ul#navigace li#red a:hover 		{ background: url(../images/zehleni-pradla.jpg) 0 0; width: 161px }
ul#navigace li#yellow a:hover 	{ background: url(../images/hlidani-deticek.jpg) 0 0; width: 161px }
ul#navigace li#grey a:hover 	{ background: url(../images/ostatni-sluzby.jpg) 0 0; width: 160px }

/* styly tabulek */

table { width: 100%; margin-bottom: 15px; font-size: 11px; }
table th { 
	background: url(../images/th-background.jpg) repeat-x #a7c448; 
	padding: 4px; 
	line-height: 16px; 
	color: #FFF; 
	font-weight: bold; 
	border: 1px #FFF solid; }
table td { background: #f6f6f6; padding: 4px 7px; line-height: 16px; border: 1px #FFF solid; }




.ilustrace {
display: block;
margin: 00px 0 15px 0;
}

#bottom a, #header a {
text-decoration: none;
}
#bottom a:hover, #header a:hover {
text-decoration: underline;
}



table h3 {
text-transform: none;
margin: 0;
font-size: 1em;
}


.order .first {
width: 200px;
}

.order input {
width: 180px;
}


.red {
color: #f00;
}


.error {
color: #f00;
font-weight: bold;
}


.box {
width: 250px;
text-align: center;
}
.box p {
text-align: center;
margin: 0 0 0 0;
}


.objednat_box {
display: block;
height: 50px;
width: 250px;
}

.objednat_box p {
display: block;
padding: 10px 0 0 0;
}

.objednat_button {
margin: 0 auto 0 auto;
display: block;
width: 122px;
height: 34px;
background: url('../images/objednat2.png');
/*float: right;*/
padding: 0;
border: 0;
}

.objednat_button:hover {
background: url('../images/objednat.png');
}

.objednat_button span {
font-size: 0.8em;
text-decoration: none;
position: absolute;
z-index: -1;
}


.underlayer {
text-decoration: none;
position: absolute;
z-index: -1;
}


.vymena_odkazu li {
background: transparent;
list-style-type: none;
padding: 0;
}


.right {
display: block;
float: right;
}

.left {
display: block;
float: left;
}



.fmgroup a {
color: #941738;
}

.fm_nahoru {
padding: 1em 0 1em 0;
clear: both;
}
.fm_nahoru a {
color: #941738;
}


.parfem_zena {
float: left;
width: 261px;
border-right: 1px solid #ddd;
}
.parfem_zena h2, .parfem_zena strong {
color: #a44;
}

.parfem_muz {
float: right;
width: 258px;
}
.parfem_muz h2, .parfem_muz strong {
color: #44a;
}



.panel {
width: 230px;
background: url('../images/panel.png');
margin: 20px 0 20px 0;
padding: 0 10px 0 10px;
}

.panel h3 {
font-size: 1em;
font-weight: bold;
text-transform: none;
color: #444;
padding: 4px 0 0 0px;
}