/* uro komfort css */

/* /////////////// layout ///////////////// */
html, body, #site { height: 100%; }
body > #site { height: auto; min-height: 100%; }

BODY {background-image:url(../backgrounds/body_bg.jpg); background-position:top; background-repeat:repeat-x; margin:0; padding:0;}

.clearfloat {clear:both;}
img {behavior: url("iepngfix.htc");}

#site {width:900px; margin:0; padding:0; background-image:url(../backgrounds/site_bg.jpg); background-position:left top; background-repeat:no-repeat; position:relative;}

#logo {position:absolute; top:60px; left:45px;}
a img {border:none;}

/* /////////////// menu ///////////////// */
#menu {position:absolute; left:560px; width:164px; top:68px; font-family:Trebuchet MS, sans-serif; font-size:12px; color:#444444; text-align:center;}
#menu a {color:#444444; text-decoration:none; font-size:13px;}
#menu a.highLight {color:#ff0000;}
#menu a:hover {color:#ff0000;}
#menu ul {list-style-type:none; width:155px; margin:0 auto; padding:0;}
#menu ul li {padding:9px 0; margin:0; border-bottom:1px solid #cfcfcf;}

/* /////////////// footer ///////////////// */
#footer {background-image:url(../backgrounds/footer_bg.jpg); background-position:right bottom; background-repeat:no-repeat; width:660px; height:104px; background-color:#1294C6; padding-top:0px; padding-left:40px; clear: both; position: relative; z-index: 10; margin-top: -104px; }

#footer p.copy {padding:20px 0 0 0; margin:0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#footer p.copy a {color:#ffffff;}
#footer p.powered {padding:20px 0 0 0; margin:0; color:#0B5596; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#footer a {text-decoration:underline; color:#0B5596;}


/* /////////////// tresc ///////////////// */
#title {position:absolute; left:40px; top:216px;}
#title h1 {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:normal; padding-top:13px;}

#content {padding-top:300px; width:425px; padding-left:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:1.5; padding-bottom:114px; min-height:475px; height:auto !important; height:475px;}
#content ul {margin:0px 20px;}
#content p, #produkty p {margin:0; padding:10px 0;}
#content h2, #produkty h2 {font-size:10px; color:#000000; text-align:left;}
#content h3 {font-size:16px; color:#244562; text-align:left; margin:10px 0 0 0; padding:0;}
#content table tr td.blue {background-color:#D0DEEE; padding:2px 4px; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF;}
#content table tr td.red {background-color:#ff0000; color:#FFFFFF; text-align:center; padding:2px 4px;  border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF;}

#produkty {padding-top:300px; width:600px; padding-left:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:1.5; padding-bottom:114px; min-height:305px; height:auto !important; height:305px;}

#pudelko {position:absolute; left:540px; top:315px; z-index:1;}

#pytania {position:absolute; left:540px; top: 560px; width:250px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; z-index:10;}
#pytania ul {margin:0; padding:0;}
#pytania a {text-decoration:none; color:#4c8fd8; } 
#pytania a img {border:none;}

#wykres {width:200px; margin-left:100px; color:#cc201c;}
#wykres a img {border:none;}