/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

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

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

body { background: #ECEBEB url(img/bg.jpg) center 98px repeat-x; font: normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif; }

br.clear { clear: both; height: 1%;}

.fl { float: left;}
.fr { float: right;}

.cl { clear: left;}
.cr { clear: right;}
.cr { clear: both;}

.block { display: block;}


/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Palatino, "Times New Roman",serif; font-weight: normal; line-height: 1.8em; margin: 10px 20px;}

h2 { font-size: 18px; color: #ff6666; line-height: 1.2em;}

h3 { font-size: 16px;}

h4 { font-size: 14px;}

h5 { font-size: 12px;}

h6 { font-size: 10px;}

/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { margin: 20px 30px; text-indent: 10px; text-align: justify; font-size: 12px; color: #ECEBEB; }

p a { color: #ff6666;}

p a:hover { color: #D5AB79;}

p img { float: right; margin: 5px; padding: 2px;}

a, a:hover { text-decoration: none;}

ul { margin: 0; padding: 0; }

ul li {	list-style-type: none;}
	
/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/

#content h3.tab { display: inline; margin: 0 40px; padding: 0 10px; font-weight: normal; font-size: 16px;}

#content h3.tab a { color: #ECEBEB; display: inline;}

#content h3.tab a:hover { color: #ECEBEB;}

/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/

#kontener { width: 950px; height: 663px;}

#naglowek  { width: 950px; height: 98px; position: relative; background: #ECEBEB url(img/logo.jpg) 100% 50% no-repeat;}

#merc { width: 395px; height: 566px;	position: relative; background: transparent url(img/mercclassic.jpg) left 0 no-repeat; }

#zawartosc { width: 535px; height: 345px; position: relative;}

#wysokosc { height: 345px;}

#content { width: 535px; height: auto; padding: 10px; position: relative;}

#stopka  { width: 100%; height: auto;	margin: 0 auto; text-align: left; line-height: 40px;}

#stopka  p, #stopka  p a, #stopka  p a.hover { color: #414141; font-size: 10px;}


/*
---------------------------------------------
 UKLAD 
---------------------------------------------
*/

.box { background-color: transparent; text-align: left; text-indent: 1em;}

.boxholder { margin: 40px 0 0; padding: 5px; }

#content strong.t { color: #212332;}

#content p strong { display: block; margin: 10px 0; font-size: 18px;}

.kontakt { width: 515px; height: 86px; padding: 10px; margin: 0 auto; background: #191C2B url(img/kontakt.jpg) left 0 no-repeat;}

.kontakt .dane { margin-left: 100px; font-size: 16px; color: #EBECEC; text-align: center; line-height: 28px;}

.kontakt .dane em { font-size: 20px; font-style: normal; display: block;}

.cena { width: 515px; height: 86px; padding: 10px; margin: 0 auto; background: #191C2B;}

.cena span { width: 50%; display: block; float: left; font-size: 16px; line-height: 86px; color: #EBECEC; text-align: center;}

/*
---------------------------------------------
 GALERIA 
---------------------------------------------
*/
.foto { width: 100%; margin: 10px auto; text-align: center;}

.foto img, .foto a img { float: left; margin: 10px 5px;  border: 4px solid #ECEBEB;}