/* 
    Document   : main
    Created on : 2009-10-14, 10:03:08
    Author     : webmaster@metro-plast.pl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*****Reset*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

/*****Basic elements*****/

body { background: url('../images/bg.jpg') repeat-x #FFF; color: #000; font-family: Tahoma, Geneva, "Trebuchet MS", sans-serif; font-size: 12px; text-align: center; }
h1 {}
h2 {}
h3 { color: #1f285b; font-size: 14px; padding: 16px 0px 13px 0px; }
h4 { color: #1f285b; font-size: 14px; padding: 5px 17px 3px 17px; }
h5 { color: #1f285b; font-size: 14px; padding: 20px 0px 7px 0px;}
h6 { color: #1f285b; font-size: 14px; padding: 20px 0px 7px 0px;}
h3.h33 { color: #1f285b; font-size: 14px; padding: 10px 0px 10px 10px; }
div.movie { text-align: center; }
img { border: 0px; }
ul, ol { list-style: none; }
strong { font-weight: normal; }
a, a:hover, a:visited { color: #878787; text-decoration: underline; outline: none; }
input, form.prezentacja_form input.prezentacja { border: 1px solid #878787; color: #878787;  margin: 0px 0px 10px 0px; padding: 4px 0px 4px 5px; width: 335px; }
select {   border: 1px solid #878787; color: #878787;  margin: 0px 0px 10px 0px; padding: 4px 0px 4px 5px; width: 343px; }
textarea {  border: 1px solid #878787; color: #878787; font-family: Tahoma, Geneva, "Trebuchet MS", sans-serif; font-size: 110%; height: 160px; width: 331px; padding:5px; margin: 0px 0px 10px 0px; }
option { padding: 0px 0px 0px 5px; }
input.button, form.prezentacja_form input.button  { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px; width: 50px; border: 1px solid #DDD; }
a.seo { visibility:hidden; }
form.prezentacja_form input { padding: 0px; margin: 0px 0px 5px 0px; width:auto; border: none; }
div#wrapper { margin: 0px auto; text-align: left; width:842px; }
p {
    text-align: justify;
    line-height: 13px;
}

p#telefon {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

/*****Top*****/

.hidden { text-indent: -9999px; }
img.logo { margin: 41px 0px 34px 41px; }
li.top1 { background: url('../images/top1.jpg') no-repeat; height: 117px; width: 842px; }
li.top2 { background: url('../images/top2.jpg') no-repeat; float: left; height: 116px; width: 842px; }
li.top2 p { color: #FFF; font-size: 12px; line-height: normal; margin: 0px 454px 0px 29px; }

/*****Navigation*****/

a#home, a#homeActive { background: url(../images/home.gif) no-repeat; float: left; height: 67px; width: 127px; }
a#home:hover, a#homeActive { background-position: 0 -67px; }

a#packaging, a#packagingActive { background: url(../images/packaging.gif) no-repeat; float: left; height: 67px; width: 107px; }
a#packaging:hover, a#packagingActive { background-position: 0 -67px; }

a#devices, a#devicesActive { background: url(../images/devices.gif) no-repeat; float: left; height: 67px; width: 152px; }
a#devices:hover, a#devicesActive { background-position: 0 -67px; }

a#about, a#aboutActive { background: url(../images/about.gif) no-repeat; float: left; height: 67px; width: 79px; }
a#about:hover, a#aboutActive { background-position: 0 -67px; }

a#contact, a#contactActive { background: url(../images/contact.gif) no-repeat; float: left; height: 67px; width: 83px; }
a#contact:hover, a#contactActive { background-position: 0 -67px; }

/*****Left*****/

div#left { float: left; margin: 1px 0px 0px 0px; width: 187px; }
ul.partnership_new { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e6e6e6; height: 3600px; margin: 0px 0px 0px 0px; padding: 0px 13px 0px 13px; }
ul.partnership_index { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e6e6e6; height: 1750px; margin: 0px 0px 0px 0px; padding: 0px 13px 0px 13px; }
ul.partnership { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e6e6e6; height: 1200px; margin: 0px 0px 0px 0px; padding: 0px 13px 0px 13px; }
ul.partnership p, ul.partnership_index p { color: #575757; }
ul.partnership li, ul.partnership_index li { float: none; }
ul.partnership li.arrow, ul.partnership_index li.arrow { float: none; list-style-image:url(../images/arrow.gif); margin: 0px 0px 0px 13px; padding: 0px 0px 0px 0px; }
ul.partnership li.arrow a, ul.partnership_index li.arrow a { text-decoration: none; }
ul.partnership li.arrow a:hover, ul.partnership li.arrow a.active, ul.partnership_index li.arrow a:hover, ul.partnership_index li.arrow a.active { text-decoration: underline; }
ul.partnership li.arrow a.active, ul.partnership_index li.arrow a.active { font-weight: bold; }

/*****Content*****/

div#content { float: left; margin: -3px 0px 0px 0px; width: 842px; }
div#content strong { font-weight: normal; }
div#post p { color: #878787; padding-bottom: 15px; }
div#post { float: left; margin: 0px 0px 0px 0px; width: 381px; }
ul.posts { padding: 0px 18px 0px 18px; }
ul.posts li { border-bottom: 1px solid #DDD;}
ul.posts li.none { border-bottom: none; }
li.title1 { background: url('../images/aktualnosci.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.nowosci { background: url('../images/nowosci.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.ciekawostki { background: url('../images/ciekawostki.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.katalog { background: url('../images/katalog.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.firma { background: url('../images/firma.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.kontakt { background: url('../images/kontakt.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.opakowania { background: url('../images/opakowania.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.urzadzenia { background: url('../images/urzadzenia.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.prezentacja { background: url('../images/prezentacja.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.opakowania1 { background: url('../images/opakowania1.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
li.opakowania2 { background: url('../images/opakowania2.jpg') no-repeat; margin: 12px 0px 0px 0px; padding: 0px 0px 21px 0px; width: 100%;}
p.author { color: #B1B1B1; font-size: 11px; }
p.pagination { font-size: 14px;  color: #575757; margin: 20px 0px 0px 0px; text-align: center; }
ul.catalog li { border-bottom: none; list-style-image: url('../images/arrow.gif'); list-style-position: inside;}
img.decapac { margin: 20px 0px 0px 0px; }
ul.catalog li.none { list-style-image: none; }
p.center { text-align: center; }
table#therm { border: 1px solid #DDD; border-collapse: collapse; float: left; margin: 18px 0px 0px 22px; width: 74%; color: #878787;  }
table#therm td, table#therm tr, table#therm th { border: 1px solid #DDD; }
table#therm th, table#therm td { height: 50px; text-align: center; }
table#therm .photo_t { height: 155px; width: 199px; background: url('../images/product_bg.jpg') no-repeat center;}
table#therm .symbol_t { width: 100px; text-align: center; color: black; font-weight: bold; }
table#therm th { color: #1f285b; font-size: 14px; }
table#therm .name_tsz { vertical-align:top; text-align: left; padding: 0px 0px 0px 0px; }
table#therm .name_tsz p { padding: 0px 10px 0px 10px; }

/*****Right******/

.black { color: #000000; font-weight: bold; }
div#right { float: left; margin: 0px 0px 0px 0px; width: 274px; }
form#form { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; background: #E6E6E6; height: 57px; width: 265px; }
img.input { margin: 10px 0px 0px 15px; }
li.products { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url('../images/new_products.jpg') no-repeat  134px 18px #ff7a01; height: 57px; margin: 5px 0px 0px 0px; width: 265px; }
li.products1 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; background: #E6E6E6; height: 305px; margin: 1px 0px 0px 0px; width: 265px; }
li.products3 { background: #E6E6E6; height: 253px; margin: 0px 0px 0px 0px; width: 265px; }
li.products2 { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; background: #DDD; height: 250px; width: 265px; }
p.text { color: #575757; font-size: 12px; line-height: normal; padding: 0px 17px 0px 17px; }
img.photo { margin: 14px 0px 0px 12px; border:5px #c5c3c3 solid; }
div#right a.link { color: #FF5A00; font-size: 11px; font-weight: bold; padding: 3px 0px 0px 17px; text-decoration: none; }
div#right a.link:hover { color: #FF5A00; text-decoration: none; }

/*****Footer*****/

div#footer { background:url('../images/foot.jpg') repeat-x; float: left; height: 70px; margin: 5px 0px 0px 0px; padding: 0px; text-align: center; width: 100%; }
div.rights { background: url('../images/copy.jpg') no-repeat 5px; margin: 15px auto; text-align: left; width: 842px; }
div#footer2 { border-top: 1px solid #e6e6e6; clear:left; height: 48px; margin: 0px auto; text-align: left; padding: 20px 0px 20px 0px; width: 842px; }


div#oferta ul.products { float: left; margin: 18px 0px 0px 17px; width: 630px; }
ul.products li { background: url('../images/bg_p.jpg') no-repeat; float: left; height: 205px; margin: 0px 5px 0px 5px; width: 197px; }
ul.products li img { margin: 10px 0px 0px 10px; }

ul.description { margin: 17px 0px 0px 12px; width: 197px; }
ul.description li.arrow1 { background: none; height: auto; list-style-image: url('../images/arrow1.jpg'); }
ul.description li.arrow2 { background: none; color: #878787; height: auto; list-style-image: url('../images/arrow2.jpg'); }
ul.description li h3 { color: #1f285b; font-size: 14px; padding: 0px; }

div.opis_opakowania { padding: 470px 10px 0px 212px; color: #878787; }
div.opis_urzadzenia { padding: 670px 10px 0px 212px; color: #878787; }
li#red a { color: red; font-weight: bold; }
a#red, h3#red { color: red; font-weight: bold; }
li#blue a { color:blue; font-weight: bold; }
li#green a { color:green; font-weight: bold; }
li#yellow a { color:red; font-weight: bold; }
li#black a { color:black; font-weight: bold; }
li#ora a { color: red; font-size: 16px; font-weight: bold; text-decoration: none; }
td.c1 { background: url('../images/bg_p.jpg') no-repeat; float: left; height: 205px; margin: 0px 5px 0px 5px; width: 197px; }
td.c1 img { margin: 10px 0px 0px 10px; }