body	{ 
		background: url(../images/body-background.jpg) #055a6f repeat-x; 
		font-family: Arial, Helvetica, sans-serif; 
		margin: 0;
		color: #333;
		font-size: 12px;
		}
p, ul, li, img, h1, h2, h3, h4	{ margin: 0; padding: 0; }

p		{ line-height: 180%; text-align: justify; margin-bottom: 15px; }

ul, li	{ list-style: none; }
ul		{ margin-bottom: 20px; }
li		{ background: url(../images/list.gif) no-repeat 4px 8px; padding-left: 25px; line-height: 25px; } 

a:link		{ color: #057d9b ; text-decoration: none; }
a:visited	{ color: #057d9b ; text-decoration: none; }
a:hover		{ color: #057d9b ; text-decoration: underline; }

.imgRight	{ float: right; }
.border		{ border: 1px solid #CCC; padding: 2px; background: #FFF; }

/* hlavni navigace */

ul#navigace		{ background: url(../images/navigation-bck.jpg) repeat-x; height: 36px; line-height: 36px; padding: 0 12px; width: 776px; margin-bottom: 0; }
ul#navigace li			{ display: inline; background: none; padding: 0; line-height: 36px;  }
ul#navigace	li a 		{ display: block; float: left; padding: 0 15px; color: #FFF; font-size: 13px; }
ul#navigace	li a:hover 	{ background: url(../images/navigation-hover.jpg) repeat-x; text-decoration: none }

/* hlavni layout */

#page	{ 
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		}
		
#header 			{ height: 215px; background: url(../images/header-left.jpg) left no-repeat; padding-left: 70px; }
#header #left		{ float: left; }
#header #left p		{ float: left; clear: left; width: 370px; height: 60px; margin-bottom: 0; }
#header img			{ float: right; }

#content	{ border: 10px solid #FFF; border-top: none; background: #F0F0F0; padding: 15px; }

#bottom		{ line-height: 25px; text-align: right; font-size: 12px; color: #09C; background: url(../images/bottom-bck.jpg) no-repeat; padding-top: 5px; }
#bottom a 	{ color: #FFF; padding: 0 7px;}

/* NADPISY */

h1	{ margin-top: 83px; margin-bottom: 40px; width: 420px; float: left; font-size: 26px; letter-spacing: -1px; color: #057d9b; text-transform: uppercase; }
h2	{ margin-bottom: 15px; font-size: 18px; letter-spacing: -1px; color: #057d9b; text-transform: uppercase; }
h3	{ margin-bottom: 10px; font-size: 18px; letter-spacing: -1px; color: #ff7b00; text-transform: uppercase; font-weight: normal; }
h4	{ margin-bottom: 10px; font-size: 15px; text-transform: uppercase; }
	
/* bannery */

ul#banner1, ul#banner2 { margin-right: 15px; }
ul#banner1, ul#banner2, ul#banner3	{ display: block; float: left; width: 240px; background: url(../images/banner-bottom.jpg) no-repeat bottom; padding-bottom: 15px; margin-bottom: 10px; }
ul#banner1 li h2, ul#banner2 li h2, ul#banner3 li h2 { background: url(../images/banner-h2.jpg) no-repeat; height: 34px; text-align: center; color: #FFF; font-size: 13px; margin-bottom: 0; letter-spacing: normal; }
ul#banner1 li h2 a, ul#banner2 li h2 a, ul#banner3 li h2 a { color: #FFF; }
ul#banner1 li, ul#banner2 li, ul#banner3 li { padding: 0; background: none; line-height: 34px; }
ul#banner1 li.popis, ul#banner2 li.popis, ul#banner3 li.popis	{ display: block; background: url(../images/banner-back.jpg) no-repeat; border: 5px solid #FFF;  height: 76px; width: 216px; padding: 7px; line-height: 150%; overflow: hidden; }
li.popis span	{ display: block; font-weight: bold; color: #057d9b; height: 20px; line-height: 20px; margin-bottom: 10px; }

/* Rylchly kontakt */

#RychlyKonktakt		{ float: right; clear: both; width: 240px; background: url(../images/banner-bottom.jpg) no-repeat bottom; padding-bottom: 15px; margin-left: 15px; }
#RychlyKonktakt	h2	{ background: url(../images/banner-h2.jpg) no-repeat; height: 34px; text-align: center; color: #FFF; font-size: 13px; margin-bottom: 0; letter-spacing: normal; line-height: 34px; }
#RychlyKonktakt form { margin: 0; padding: 0; border: #FFF 5px solid; background: url(../images/quick-kontakt-bck.jpg) no-repeat; height: 186px; width: 216px; padding: 7px; overflow: hidden; }
#RychlyKonktakt form p			{ font-size: 11px; line-height: 15px; margin-bottom: 10px; clear: both; }
#RychlyKonktakt form p label	{ width: 63px; text-align: right; float: left; display: block; padding-right: 7px; color: #057d9b; top: 2px; position: relative; }
#RychlyKonktakt form p input	{ width: 140px; height: 12px; font-size: 11px; _float: right; border: solid 1px #CCCCCC }
#RychlyKonktakt form p textarea	{ width: 140px; height: 80px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; _float: right; border: solid 1px #CCCCCC }
#RychlyKonktakt img		{ border: #FFF 5px solid; background: url(../images/banner-bottom.jpg) bottom no-repeat; padding-bottom: 15px; }

/* pomocne styly */
.clear	{ clear: both; }

/* KONTAKT */

#KontaktRight {
width: 350px;
float: left;
}

#KontaktLeft {
width: 280px;
float: left;
padding-left: 50px;
background: url(../images/kontakt-ikona2.jpg) no-repeat right bottom;
}

.form1 {
font-size: 80%;
}

.form1 fieldset {
border: none;
background: url(../images/kontakt-ikona.jpg) 230px 20px no-repeat;
padding: 0;
margin: 0;
}

.form1 label {
font-weight: bold;
font-size: 12px;
}

.form1 input {
width: 200px;
margin-bottom: 10px;
margin-top: 3px;
display: block;
background: url(../images/input-background.jpg) no-repeat;
height: 17px;
border: none;
padding: 2px;
}

.form1 textarea {
padding: 2px;
width: 300px;
height: 100px;
border: none;
background: url(../images/textarea-background.jpg) no-repeat;
}

#odeslatTlacitko {
display: block;
background: url(../images/odeslat-button.jpg) no-repeat;
height: 36px;
width: 136px;
margin: 0;
padding: 0;
margin-top: 5px;
}

.info			{ background: #f5f8fa; padding: 10px; border: 1px solid #c5e5fa; margin-bottom: 5px; }

#odkazy			{ font-size: 10px; color: #CCC; }
#odkazy a 		{ color: #3399CC; padding: 0 2px;}