#ramatyp li, #typy  li {color: red; cursor: pointer;}
ul#ramatyp {margin: 0px; padding: 0px; float: left; margin-top: 3px; margin-left: 3px;}
#typy  li {display: block;}
div#typy  div {position: absolute; top: 30px; left: 3px;}
div#typy div#podtypy div {margin-left: 129px; bottom: 3px; position: absolute;}
#podtypy {height: 100px;}

#rama_hint {position: absolute; left: 315px; top: 0px; width: 300px; border: blue 1px solid; padding: 4px 4px 6px 6px; text-align: justify; font-family: Arial, Tahoma; font-size: 11px; min-height:185px;}
#papier_hint {position: absolute; left: 315px; bottom: 0px; width: 300px; border: blue 1px solid; padding: 4px 4px 6px 6px; text-align: justify; font-family: Arial, Tahoma; font-size: 11px; min-height:175px;}
 
#papier_hint, #rama_hint, #typy div, #podtypy div {visibility: hidden;}
#showrama #kolorama1 {display: inline;}
#cool, #showrama #kolorama0, #showrama #kolorama2, #showrama #kolorama3 {display: none;}
#showrama select{position: absolute;}
#brak_wymiar, #brak_kontakt, #brak_adres, #brak_emailnews, #brak_uwagispec {display: none; color: red; font-family: Arial, Tahoma; font-size: 10px;}

#formatka #papier_hint p {height: auto; line-height: 15px;}
.hint {color: blue; cursor: pointer;}
#formatka #papier_hint p.close_hint, #formatka #rama_hint p.close_hint {border:1px solid #333634;
color:blue;
cursor:pointer;
font-family:Arial;
font-size:15px;
height:16px;
line-height:12px;
margin:0 0 4px 4px;
position:relative;
text-align:center;
width:13px;
float: right;
}
.sekcjaformatki {position: relative; min-height: 1px; margin-bottom: 10px;}

.grubiej {font-weight: bold;}

#formatka {width: 300px; margin-left: 110px; position: relative;}
#formatka textarea {overflow: hidden;}
#platnosc input, #platnosc textarea {width: 200px;}
#formatka input, #formatka textarea,  #formatka select {background-color: #040404; border: 1px #333634 solid; color: white; font-family: Tahoma, Verdana; font-size: 12px; margin: 0px; padding: 0px;}
#formatka p.podsumabox {border:1px solid #333634; color:#333634; font-size:17px; margin-left:126px; margin-top:10px; padding:5px 0 8px 5px;}
#formatka .podsuma {position: absolute; left: 258px; border: 0px; color: #333634; font-family: Tahoma, Verdana; font-size: 22px; cursor:default; width: 40px; bottom: 2px;}
#formatka p.sumabox {border:1px solid #333634; color:red; font-size:17px; margin-left:-114px; margin-top:10px; padding:5px 0 8px 5px;}
#formatka .suma {border:0 none; bottom:3px; color:red; cursor:default; font-family:Tahoma,Verdana; font-size:22px; left:258px; position:absolute; width:40px;}
#formatka input.nb {border: 0; width: 16px;}
#adres {display: none;}

.sekcjaformatki h3 {border-bottom: 1px #333634 solid; font-size:11pt; left:-113px; margin:0 0 5px; position:relative; width:400px;padding-bottom: 3px;}

.opcje {float: left; width: 218px;}
.opcja {width: 180px;}
.cena {text-align: right; border: black solid 1px; display: block;}
#formatka p {margin: 0px; line-height: 20px; height: 18px; font-family: Tahoma, Arial;}
#formatka input[type="submit"] {margin-bottom: 18px; border:1px solid #ff2838; font-size:15px; margin-left:142px; font-weight:bold; padding:5px 5px 8px 5px;}
ul#rules li {display: list-item; list-style-type:circle; border: none;}
#typy p {height: auto; line-height:16px;}
#typy li {border: 0px;}
img.aluram {margin-left: -30px; margin-top: 5px;}
img.basicram {margin-top: -86px; margin-left: 70px}
img.kubol {margin-left: 70px}