body {margin:0; background:#FFE9E9; text-align:center; }
table { padding:0; border-collapse:collapse; border:0;}
td {padding:0; vertical-align:top;}
body a, table a, form a { text-decoration:none }
body a img, table a img, form a img {border:0} 
body, table, form { font family:verdana, arial, "sans serif"; font-size:11px; line-height:1.5em;}


h1{	margin:0 0 10px 0; 
	padding-right:10px; 
	font-family:arial; 
	font-size:26px; 
	font-style:italic; 
	line-height:1em;
	color:#D33335;
/*	color:#AE181A*/
}


/*---------------------- STRUKTURA STRONY */
#gora { width:800px; height:184px; margin:auto; border-left:solid 1px #000; border-right:solid 1px #000; }
	#gora-l { width:589px; background:#850001 url(i/tlo-gora-l.jpg) no-repeat top; vertical-align:bottom; text-align:right; }
	#gora-p { width:210px; background:url(i/gora-p.jpg) no-repeat top;  vertical-align:bottom; text-align:right; }
		
#srodek { width:800px; height:400px; margin:auto; background:#850001; border-left:solid 1px #000; border-right:solid 1px #000}
	#srodek-l{ width:312px; vertical-align:top;}
	#srodek-p{ width:488px;}
	
#dol { width:800px; height:58px; margin:auto; background:#850001 url(i/tlo-stopka.gif) repeat-x; border-left:solid 1px #000; border-right:solid 1px #000}
	#stopka { background:url(i/tlo-stopka-l.gif) no-repeat}	
	
	
/*--------------------- MODULY */
.ramka
{ 
	float:right;
	margin:5px 10px; 
	margin-right:-10px;
	width:200px;	
	padding:2px;
	text-align:center;
	border:solid 1px #AE181A;
}
.ramka2 
{ 	
	width:400px;
	padding:2px;
	text-align:center;
	border:solid 1px #AE181A;
}
.ramka3
{ 
	float:right;
	margin:5px 10px; 
	margin-right:-10px;
	width:100px;	
	padding:2px;
	text-align:center;
	border:solid 1px #AE181A;
}
/* =============================== FOTO "O FIRMIE" */

.ofirmie1i { background:url(f/ofirmie1.jpg) no-repeat 0 0; }
.ofirmie2i { background:url(f/ofirmie2.jpg) no-repeat 0 0; }
.ofirmie3i { background:url(f/ofirmie3.jpg) no-repeat 0 0; }
.ofirmie4i { background:url(f/ofirmie4.jpg) no-repeat 0 0; }
.ofirmie5i { background:url(f/ofirmie5.jpg) no-repeat 0 0; }
.ofirmie6i { background:url(f/ofirmie6.jpg) no-repeat 0 0; }
.ofirmie7i { background:url(f/ofirmie7.jpg) no-repeat 0 0; }
.ofirmie8i { background:url(f/ofirmie8.jpg) no-repeat 0 0; }
.ofirmie9i { background:url(f/ofirmie9.jpg) no-repeat 0 0; }
.ofirmie10i { background:url(f/ofirmie10.jpg) no-repeat 0 0; }

/* =============================== MENU */
#menu { height:29px;  margin-left:130px }
#menu { font-family:verdana, arial, "sans serif" ; font-size:11px; color:#fff;}
#menu a { color:#fff; padding:0 9px; display:block; float:left; height:26px; line-height:26px; margin-left:1px;}
#menu a:hover { color:#fff;  background:#AE181A}
#menu a.on { color:#fff;  background:#AE181A}

/* =============================== PODMENU */
#podmenu { height:29px; margin:1px 0 2px 0; text-align:left; line-height:29px; padding-left:10px}
#podmenu { font-family:verdana, arial, "sans serif" ; font-style:italic; font-size:18px; font-weight:bold; color:#AE181A } 			 
#podmenu a { color:#D33335}
#podmenu a:hover { color:#FFE9E9;}
#podmenu a.on { color:#fff;}

/* =============================== KATEGORIE */
#kategorie 
{ 
	background:url(i/maska-oferta-kat2.gif) no-repeat;
	height:100%;
	padding:40px 40px 0 20px;
	
	font-family:arial, "sans serif" ;
	font-style:italic; 
	font-size:13px;
	line-height:1.2em;
	font-weight:bold; 
	color:#D33335; 
}
#kategorie a { color:#D33335; display:block; margin-bottom:1em; outline:none}
#kategorie a:hover { color:#FFE9E9;}
#kategorie a.on { color:#fff;}
/* =============================== TRESC */
#tresc { padding:1em 3em;}
#tresc { font-family:verdana, arial, "sans serif" ;  font-size:12px; line-height:1.5em; color:#FFE9E9}
#tresc h2
{ 	
	font-family:arial; 
	font-size:20px; 
	font-style:italic;
	line-height:1.3em;
}
#tresc h3
{
	font-family:arial; 
	font-size:13px; 
	font-style:italic;
	line-height:1.3em;
}
div.separator 
{
	height:20px;
	clear: both;
}

#tresc p {font-style:italic; text-align:justify;}
#tresc .i { font-style:italic; }

#tresc .data { color:#D33335; padding-right:20px;
}
#tresc a { color:#D33335}
#tresc a:hover { color:#FFE9E9;}
#tresc a.on { color:#fff;}

/* =============================== kontakt */
.dojazd { background:url(i/mapka_polska.jpg) no-repeat; } /* lewy panel*/
	#form_kontakt{ width:250px; padding:5px 10px ; margin-left:60px; text-align:right; border:solid 1px #BB322A}
	#form_kontakt input { width:250px; border:solid 1px #BB322A; background:#E6B9B9}
	#form_kontakt input.guzik { width:80px; border:solid 1px #BB322A; background:#E6B9B9; margin-top:1em;} 
	#form_kontakt textarea { width:250px; height:150px; border:solid 1px #BB322A; background:#E6B9B9}