/*
*************************************************

Osiedle w Niepołomicach
General Screen Styles

Created by Mansz & Partners team
http://www.mansz.pl

*************************************************
*/

/*----- Clearing ----------------------*/
div, a, h1, h2, h3, img, table, table tr, table tr td {margin:0; padding:0; font-weight:normal; border:0px solid #fff;}
a:link, a:visited { text-decoration:none; color:#d57109;}  a:hover {text-decoration:underline;}
span {display:none;} .clear {clear:both;} ul, li {margin:0;padding:0;list-style:none;}  
/*----- End Clearing ------------------*/

h1 {
	text-align: left;
	font-size: 14px;
	padding: 0; margin: 0;
	color:#880c0b; font-weight:bold;
}

body {
    margin:0;
    padding:0;
    background:#f5cb7a url(../GFX/bogyBG.gif) top center repeat-x ;
    font-family:Tahoma;
    font-size:11px;
    text-align:center;
    color:#a36c18;
	height: 100%;
}
html{ height: 100%; }

#bgroot { background:url(../GFX/rootBG.jpg) top center no-repeat; height: 100%;  }

#root { width:828px; margin:auto;}

/*-- Header --*/
#header { height:138px; background:url(../GFX/logo.gif) top left no-repeat; }
#hLogo { width:290px; float:left; }
#hMenu { width:538px; float:left; padding:0 0 0 0 ; margin:41px 0 0 0; }
#hLogo a { width:290px; height:137px; display:block; }

/*-- Menu --*/
#menu { }

/*-- Contener --*/
#contener { width:826px; background:#fff4dd; border:1px solid #f8dca9; }
#content { width:800px; margin:13px 13px 13px 13px; text-align:left; }

#contentText { padding:25px 28px 15px 28px;}
#contentText h1 { margin:0 0 15px 0;} 
#contentText p { line-height:16px; padding:0 0 8px 0; margin:0; }
#cLeft { float:left; width:258px; }
#cRight { float:left; width:446px; padding:0 0 0 40px;}
.cTable { padding:0; margin:0; width:100%; }
.cTable tr td { padding:4px 0 4px 0; border-bottom:1px solid #f9dfb6; }
.cTable tr .td2 { text-align:right; font-weight:bold; }
#cTable2 { width:40%; }
.cZestaw { float:left; width:300px; margin:0 40px 0 0; }
.cZestaw2 { float:left; width:400px; margin:0 0 0 0; }

.foto { width:253px; float:left; margin:5px 15px 10px 0; border:3px solid #d57109; }
.foto2 { width:300px; float:right; margin:0 0 0 15px; border:3px solid #d57109; }

#cBottom { padding:25px 0 0 0; }
#cBottom ul { height:36px; }
#cBottom ul li { float:left; height:36px; padding:0 20px 0 15px; margin:0; background:url(../GFX/tick.gif) left no-repeat; border-top:1px solid #f9dfb6; border-bottom:1px solid #f9dfb6; }
#cBottom ul li:hover { border-bottom:1px solid #e6923c; background:url(../GFX/tickon.gif) left no-repeat;}
#cBottom ul li a { height:36px; display:block; font-weight:bold; text-transform:uppercase; font-size:93%; }
#cBottom ul li a:hover { color:#880c0b; text-decoration:none; }
#cBottom ul li a span { display:block; padding:11px 0 0 0; }

#buttons { height:99px; }
#buttons ul li { float:left; padding:0; margin:0;}
#buttons .on a:link, #buttons .on a:visited { background-position: 0 -99px; }

#m1 a:link, #m1 a:visited { height:99px; width:254px; display:block; background:url(../GFX/buttons/1.gif) no-repeat 0 0;}
#m1 a:hover { background-position: 0 -99px;}
#m2 a:link, #m2 a:visited { height:99px; width:279px; display:block; background:url(../GFX/buttons/2.gif) no-repeat 0 0;}
#m2 a:hover { background-position: 0 -99px;}
#m3 a:link, #m3 a:visited { height:99px; width:265px; display:block; background:url(../GFX/buttons/3.gif) no-repeat 0 0;}
#m3 a:hover { background-position: 0 -99px;}

/*----- FOOTER ----------------------*/
#footer { width:867px; height:80px; margin:auto; background:url(../GFX/footerBG.gif) no-repeat; text-align:left;}
#design { padding:12px 0 0 590px ; }
#design a { width:113px; height:20px; display:block; }

/*----- END FOOTER ----------------------*/
