* { margin: 0; padding:0; border: 0; }

html { width: 100%; height: 100%;}

body { overflow: visible; font: 12px/160% Tahoma, Helvetica, sans-serif; background-color: #fff; text-align: center;}


a, a:hover  { text-decoration: none; color: #B4595E; }

br.clear {	clear: both; }

/* struktura */

#kontener { width: 853px; height: 100%;	margin: 0 auto; padding: 0 4px; background-color: #f3f0e6;}

#naglowek { width: 845px; height: 114px;	margin: 0 auto; padding: 50px 0; background: url(img/naglowek.jpg) center no-repeat; text-align: center;}

#naglowek h1 { width: 50%; margin: 0 auto; color: #fff; text-align:left; line-height: 120%; font-weight: normal; font-size: 20px;}

#naglowek h1 em { display: block; width: 60%; text-align: right; font-size: 14px;}

#l, #r { float: left; position: relative; z-index: 0; background-color: transparent; color: #6A5F49; text-align: left;}

#l { width: 600px; height: 100%; text-align: left;}

#r { width: 253px; height: 100%; text-align: left;}

#l #tresc { width: 91%; height: 100%;	padding: 20px 4%; position: relative; background-color: #fbf8f3;}


#tel { width: 250px; margin: 10px auto 0; padding: 26px 0 0; background: #e8a7a5 url(img/gora-roz.jpg) center top no-repeat;}

#tel ul { width: 100%; background-color: #eaaba9;} 

#tel ul li { display: block; list-style-type: none; line-height: 180%; color: #fff; font-size: 12px; text-align: center;}

#tel ul li em { display: block; color: #fff; font-style: normal; font-size: 20px;}

#kontener ul li.sep { width: 250px; height: 18px; background-position: center top;  background-repeat: no-repeat;}

#tel ul .r { background-image: url(img/separator-roz.jpg);}

#menu ul .b { background-image: url(img/separator-bez.jpg);}

#kontener ul li.dol { width: 250px; height: 26px; background-position: center bottom;  background-repeat: no-repeat;}

#tel ul .roz { background-image: url(img/dol-roz.jpg);}

#menu ul .bez { background-image: url(img/dol-bez.jpg);}

#tel h2 { width: 60%; margin: 10px auto; color: #fff; text-align: right; font-weight: normal; font-size: 12px;} 

#tel h2 span { width: 50%; margin-right: 10px;} 

#tel ul li span.e  { display: block; margin: 10px 0 10px 90px; font-size: 16px; font-weight: normal; color: #d6e6f3;}

#tel ul li span.e { margin: 15px 0 0 10px;}

#tel ul li span.e a { color: #fff; font-size: 12px;}

#tel ul li span.e a:hover { color: #b2595f;}

#tel ul li.tel { width: 100%; height: 55px; background: #e8a7a5 url(img/tel.jpg) 10px top no-repeat; text-align: left;}

#tel ul li.tel span { width: 50%; margin-left: 100px; padding: 10px 0; line-height: 150%; font-size: 15px; color: #fff;}

#tel ul li.nag { color: #b2595f; text-align: right;}

#tel ul li.nag { margin-right: 20px; font-size: 12px;}

#menu { width: 250px; margin: 20px auto 0; padding: 26px 0 0; background: #EEE9DA url(img/gora-bez.jpg) center top no-repeat;}

#menu h2 { width: 100%; color: #d35a61; text-align: right; font-weight: normal; font-size: 12px;} 

#menu h2 span { width: 50%; margin-right: 10px;} 

#menu ul { width: 100%; margin: 10px auto 0; padding: 0px 0 0; background-color: #EEE9DA;} 

#menu ul li { list-style-type: none; margin: 10px 0;}

#menu ul li a span { margin-left: 20px; font-size: 12px;}

#menu ul li a { color: #8b8673;}

#menu ul li a:hover { color: #d35a61;}



/*tresc*/

#l h2 { width: 50%; margin: 0px 0 20px 20px; line-height: 180%; font-size: 20px;}

#l h2 { color: #B4595E;}

#l h3 { width: 80%; margin: 10px auto 1px; line-height: 180%; font-size: 15px;}

#l p { margin: 25px; text-indent: 10px; }

#l p strong { color: red; margin-right: 5px;}



#l ul { width: 80%; margin: 10px 50px; padding: 20px 0; } 

#l ul li { list-style-type: decimal; line-height: 180%; } 


/*formularz*/

form { width: 100%; display: block; margin: 25px 0; background: transparent;}

form fieldset { width: 40%; margin: 0 5px; padding: 1px 0; float: left; }

form fieldset legend { margin: 5px 0; font-size: 12px; font-style: italic; color: #b2595f;}

form fieldset label { width: 80%; height: 30px; margin-left: 10px; display: block; font-size: 10px; line-height: 150%; }

form fieldset input { width: 100%; font-size: 10px; height: 20px; } 	

form #wyslij { width: 80%; height: 40px;  padding: 10px 0; clear: both; font-size: 10px;  text-align: center; }

form #wyslij input { height: 40px; width: 90%; margin: 5px auto; background-color: #e8a7a5; cursor:pointer; font-size: 12px; color: #fff; font-weight: bold; }

form input { background-color: #fff; color: #9e9578; }

/*tabela*/

table { display: table; width: /*500px*/; height: 100%; margin: 20px auto; padding-bottom: 20px; background: transparent;}

table td  { font-size: 9px; background-color: #fff; }

table td a { color: #AE5258; font-size: 10px; }
table td a:hover { color: #b2595f;}

table #naglowki { padding: 2px 0; font-size: 8px; text-align: center;}

table #naglowki th.b, table #naglowki th.c { width: 15%; }

table #naglowki th.a { width: auto; }

table tr { text-align: center; color: #B4595E; }

table tr th { padding: 2px 0; font-size: 14px; text-align: center; }
table tr th.c { font-size: 10px;}

table tr td.adres { width: 40%; padding: 2px; font-weight: normal; text-align: left; background-color: #fbefee;}

table td  { /*width: 5%;*/ padding: 2px;}
table tr td.adres { width: 20%;}
table tr td.fraza { width: 60%; font-size: 11px; }
table tr td.linia { width: 5%;}


/*zobacz*/

table tr td span a { color: #f99b9b; }
table tr td span a:hover { color: #b2595f;}

/* style stopka*/ 

#stopka { width: 853px; height: 30px;	background-color: transparent;}

#stopka span, #stopka span a { font-size: 10px; color: #aaa; }

#stopka p  { margin: 10px auto; color: #4c350b; }

#stopka p a  { margin: 5px; line-height: 10px; font-size: 10px; text-decoration: none; color: #aaa; }