/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
html, body {
	height: 101%;	
}

body {
    font-size: 14px; line-height: 1.286em; /* Baseline grid of 18px */
}

body {
	font-family: Calibri, "gill sans", "helvetica neue", arial, helvetica, sans-serif;
	font-size-adjust: 0.471;
}

pre, code, kbd, tt, samp {
	font-family: consolas, "andale mono", monospace;
	font-size-adjust: 0.494;
}

h1, h2 {
	font-family: Calibri, "helvetica neue", arial, helvetica, sans-serif;
	font-weight: bold;
    /*font-size-adjust:0.477;*/
}


h3, h4, h5 {
	font-family: Calibri, "helvetica neue", arial, helvetica, sans-serif;
	font-weight: bold;
    font-size-adjust:0.477;
}

h1 span {
	font-weight: normal;
}

h1, h2, h3, h4 {
	/*text-rendering: optimizeLegibility;*/
}

p, ul, ol, dl, address, table, pre, form, fieldset {
	font-size: 1em /* 14px */;
	margin-bottom: 1.286em; /* 18px */
}

code, kbd, tt, samp {
	font-size: 0.85714285714em /* 12px */;
}

em {
	font-style: italic;	
}

/* size headings using classic scale of 16, 18, 24, 36 */

h1 {
	font-size: 2.571em /* 36px */;
	line-height:1em /* 36px */;
	padding-top:0.75em /* 27px */;
	margin-bottom:0;
	text-transform: uppercase;
}

h2 {
	font-size:1.929em /* 27px */;
	line-height:1em /* 27px */;
	margin-bottom:0.6667em /* 18px */;
}

h3 {
	font-size:1.286em /* 18px */;
	margin-bottom:0.5em /* 9px */;
}

h4 {
	font-size:1.143em /* 16px */;
	margin-bottom:0.5625em /* 9px */; 
}

h5, h6 {
	font-size:1em /* 14px */;
}

h6 {
	font-style: italic;
	font-weight: normal;
}

.clear {
	clear: both;	
}
body, a {
	color: #878787;
}

p {
	margin: 0; padding: 0;	
}

h1 {
	text-transform: none; margin-bottom: 30px; font-size: 28px; line-height: 50px;
}

li {
	list-style: disc; margin-left: 20px;	
}

#container {
	margin: 33px auto 0 auto; width: 1000px;	
}

#menu {
	background: url(/styles/default/theme/images/menu_bg.jpg); line-height:  35px; height: 42px;	text-align: right; padding-right: 22px; margin: 4px 0 10px 0;
}

#menu, #menu a {
	color: #9b9b9b; text-decoration: none;	
}

#menup a {
	color: #6a6a6a;	text-decoration: none;
}

#menu a:hover {
	color: #6d6d6d; border-bottom: 2px solid #d4d4d4;	
}

#menup {
	line-height:  35px; height: 42px;text-align: right; padding-right: 22px; margin: 4px 0 30px 0;
}

#flashcontent {
	margin-bottom: 5px;	
}

.input {
	width: 268px; height: 33px; background: url(/styles/default/theme/images/input.jpg); margin: 0 auto 5px auto;
}

.iBox.pink .s {
	float: right; margin-right: 10px;	
}

.input input {
	height: 15px; margin: 10px; border: 0; background: #fafafa; width: 250px;
}

.fl {
	line-height: 38px; font-size: 16px; font-weight: normal; padding-left: 55px;	
}

.yellow .fl {
	background: url(/styles/default/theme/images/fl_yellow.jpg) no-repeat; color: #cfad0f;	
}

.pink .fl, .fl.pink {
	background: url(/styles/default/theme/images/fl_pink.jpg) no-repeat; color: #cf1f68;	
}

.blue .fl {
	background: url(/styles/default/theme/images/fl_blue.jpg) no-repeat; color: #1373b0;	
}

#footer {
	margin: 0px 0 40px 0; border-top: 4px solid #ececec; border-bottom: 1px solid #ececec; line-height: 70px;	
}

#footer .l, #footer .r {
	float: left; width: 50%;	
}

#footer .r {
	text-align: right;	
}

#footer img {
	margin-top: 10px;	
}

.m4 h1 {
	font-weight: normal; font-size: 20px; margin-bottom: 40px;
}

.m4 p {
	margin-bottom: 20px;	
}

.m4 strong {
	color: #cf1f68; font-size: 16px;
}

.m4 a {
	color: #cf1f68; text-decoration: none
}

.m4 iframe {
	float: right;	
}

.m4 span {
	font-weight: bold; font-size: 16px;	
}

strong {
	font-weight: bold;	
}
.iBox {
	width: 290px; height: 289px; float: left; background: url(/styles/default/theme/images/index_box.jpg) no-repeat; margin-right: 5px; padding: 25px 20px 0 20px;
}

.iBox.nm {
	margin-right: 0;	
}

.iBox .more {
	font-weight: bold; float: right; display: block; margin-top: 10px; text-decoration: none;
}

.iBox .more:hover {
	text-decoration: underline;	
}

/*.iBox.yellow {
	color: #757575;
}*/

.iBox.yellow .more {
	color: #cfad0f;	
}

.iBox.pink .more {
	color: #d02069;	
}

.iBox.yellow .t, .news .t a {
	font-weight: bold; color: #545454;
}

.iBox.yellow .d, .news .d {
	line-height: 20px; color: #d0d0d0;	
}

.input {
	margin: 0 auto 5px auto;
}

.iBox.blue .s {
	float: right; margin-right: 10px;	
}

.news .t a {
	text-decoration: none;	
}

.news {
	padding-bottom: 20px; border-bottom: 1px solid #ececec; margin-bottom: 20px;	
}

.news .more {
	font-weight: bold; text-decoration: none; color: #d02069;	
}
#cera #menup a:hover, #cera h1, #cera li, #cera .bars h2, #cera thead td {
	color: #f16320;
}

#antired #menup a:hover, #antired h1, #antired li, #antired .bars h2, #antired thead td {
	color: #b91c1e;
}

#sun #menup a:hover, #sun h1, #sun li, #sun .bars h2, #sun thead td {
	color: #e7aa15;
}

#belissa #menup a:hover, #belissa h1, #belissa li, #belissa .bars h2, #belissa thead td {
	color: #d1206a;
}

#detox #menup a:hover, #detox h1, #detox li, #detox .bars h2, #detox thead td {
	color: #009ab4;
}

#plus #menup a:hover, #plus h1, #plus li, #plus .bars h2, #plus thead td {
	color: #9f5a95;
}

#hydro #menup a:hover, #hydro h1, #hydro li, #hydro .bars h2, #hydro thead td {
	color: #107eba
}

h1 {
	text-align: left;
}

#desc {
	float: right; width: 600px; height: 260px; text-align: justify; font-size: 16px;
}

#desc ul {
	margin-bottom: 20px;	
}

#desc li {
	font-size: 16px; 	
}

table {
	width: 100%;
}

table td {
	width: 33%;	border: 1px solid #e6e6e6; padding: 3px 10px;
}

thead td {
	line-height: 28px; background: url(/styles/default/theme/images/table.png); padding: 0 10px;
}

.bars {
	margin: 40px 0; border-bottom: 1px solid #ececec; padding-bottom: 35px; text-align: justify;
}

.bars h2 {
	background: url(/styles/default/theme/images/bar.jpg) no-repeat;
	line-height: 45px;
	width: 960px;
	padding-left: 40px;
	cursor: help;
	font-size: 16px;
	margin-bottom: 0px;
}

/*.bars h2.active {
	color: red;	
}*/

.bars div {
	padding: 10px 40px 20px 40px;	
}
/* Poziom podstawowy
--------------------------------------------- */
/* Wysokość pozycji */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 50px;
}

/* Wysokość pozycji */
.sf-menu a {
	line-height: 50px;
}

/* Odstęp L-P */
.sf-menu a {
	padding: 0 0.667em; 
}

/* Wielkość czcionki */
.sf-menu li a {
	font-size: 1.929em;
}

/* Kolor tła */
.sf-menu li {
	background: url(/styles/default/theme/images/menu-separator.png) right bottom no-repeat;	
}

/* Kolor tła po najechaniu */
.sf-menu li:hover {

}

/* Kolor czcionki aktywnej pozycji */
.sf-menu .active a {
	color: #e9242e;	
}

/* Kolor czcionki */
.sf-menu a {
	color: #fff;	
}

/* Poziom głębinowy
--------------------------------------------- */
/* Wysokość pozycji */
.sf-menu li li a {
	line-height: 30px;
}

/* Wielkość czcionki */
.sf-menu li li a {
	font-size: 13px;
}

/* Kolor tła */
.sf-menu li li {
	background: #e9242e;
}

/* Kolor tła po najechaniu */
.sf-menu li li:hover {
	background: #dc1e28;
}

/* Kolor czcionki aktywnej pozycji */
.sf-menu li .active a {
	color: #f5d3d5;	
}

/* Kolor czcionki */
.sf-menu .active li a, .sf-menu li li a, .sf-menu li li li a {
	color: #fff;
}
