.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

* { margin: 0; padding: 0; /* border: 0; */}
html { width: 100%; height: 100%;}
body { font-size: 100%; line-height: 120%; color: #606875; background: #f4f7f8; font-family: Tahoma;}
html, body, div, span, applet, object, iframe {outline: 0;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a:focus { outline: 0;}
h1 { margin: 10px 0 30px; font-size: 16px; text-transform: uppercase;}
h2 { margin: 10px 0 30px; font-size: 14px;}

p, ul { font-size: 12px; margin: 10px 30px 10px 0;}
ul, li { list-style-type: none;}
a img { border: 0;}

.panel { margin: 0 auto; background: transparent;}

.top   { height: 101px; background: transparent url(img/bg_top.jpg) 0 0 repeat-x;}
.srodek{ height: auto; background: transparent url(img/bg_srodek.jpg) 0 0 repeat-x;}
.dol   { height: 270px; background: transparent url(img/bg_dol.jpg) 0 0 repeat-x;}


.top .rama { background: url(img/logo.jpg) 0 0 no-repeat;}

.menu { text-align: right;}
.menu a { display: block; float: right; padding: 4px 6px; margin-left: 10px; color: #212a3a; text-transform: uppercase; font-size: 13px;}
.kolor_lime { background-color: #f0f5db;}
.kolor_blue { background-color: #e5eff6;}
.kolor_violet { background-color: #ebd9ef;}
.kolor_pink { background-color: #efdce2;}
.menu a:hover  { text-decoration: underline;}


.menu .menu_male   { height: 50px;;}
.menu .menu_male a { display: inline; float: none; text-align: right; font-size: 11px;}
.menu .male_menu a:hover { text-decoration: underline;}
.menu  span.numer { margin: 0 140px 0 20px; line-height: 50px; font-size: 18px; color: #789de5; font-weight: bold; letter-spacing: 2px;}

.rama { width: 980px; margin: 0 auto;}

.lewa { float: left; width: 672px; padding: 20px;}
.glowna {  width: 712px; height: 398px; padding: 0; background: url(img/foto.jpg) 100% 100% no-repeat; position: relative;}
.glowna p { color: #B33473; text-align: right; position: absolute; bottom: 10px; right: 10px;}
.glowna p a { color: #B33473;}
.glowna p a:hover { text-decoration: underline;}
.glowna p strong { text-transform: uppercase;}


.glowna.przerwa { float: none; width: 900px; height: 398px; padding: 0; background: url(img/przerwa.jpg) 100% 100% no-repeat; position: relative;}
.glowna.przerwa p { background-color: #fff; text-align: left; padding: 20px; right: 100;}

.prawa { float: right; width: 265px; padding: 20px 0;}
.srodek .rama { width: 980px; margin: 0 auto;}


.lewa .pakiet { width: 200px; margin: 10px 10px 10px 0; padding: 10px; display: block; float: left; background-color: #fff;}
.lewa .pakiet strong {  }
.lewa .nowosc { margin: 0 40px 0 0; padding: 10px; background-color: #fff; border-width: 10px; border-style: solid;}
.lewa.lime h1 { color: #b0c232;}
.lewa.lime strong { color: #b0c232;}
.lewa.lime .nowosc { border-color: #f0f5db;}

.lewa.blue h1 { color: #7cb5df;}
.lewa.blue strong { color: #7cb5df;}
.lewa.blue .nowosc { border-color: #e5eff6;}


.lewa.violet h1 { color: #d281db;}
.lewa.violet strong { color: #d281db;}

.lewa.pink h1 { color: #df6279;}
.lewa.pink strong { color: #df6279;}


.boks { width: 236px; height: 212px; float: left;}

.boks.tv { background: url(img/tv.jpg) 50% 50% no-repeat;}
.boks.kom { background: url(img/kom.jpg) 50% 50% no-repeat;}
.boks.gsm { background: url(img/gsm.jpg) 50% 50% no-repeat;}
.boks.tel { background: url(img/tel.jpg) 50% 50% no-repeat;}
.boks p { color: #596c7a; text-transform: lowercase; font-size: 14px; text-align: center;}
.boks p span { display: block; text-transform: uppercase;}
.boks a { color: #596c7a; display: block; padding: 10px; width: 100%; height: 100%;}
.boks a:hover p { text-decoration: underline;}

.stopka { width: 100%; background-color: #e4e7e8;}
.stopka div { width: 980px; margin: 0 auto; padding: 10px 0; font-size: 10px; color: #6c788b;}
.stopka a { color: #6c788b; margin: 0 10px;}
.stopka a:hover { text-decoration: underline;}


.form_opis { text-align: justify; float: left; width: 250px; padding-right: 100px; background: url(img/strzala.jpg) 100% 50% no-repeat;}
form small { color:red; margin-left: 10px;}
form      { width: 280px; margin: 0; display: block; float: right;}
form input,
form label    { width: 260px; font-size: 10px; margin: 0 auto;}
form input,
form textarea { padding: 5px 0; border: 1px solid #E0DBDE; background-color: #fefefe;}
form label    { display: block; color: #73646d; font-style: normal;}
form .submit  { cursor: pointer; width: 83px; height: 20px; display: block; text-align: center; padding: 0 10px; margin: 10px 0 0 150px; background: transparent url(img/wyslij.jpg) 0px 0px no-repeat; font-size: 11px; color: #7f8a9b; text-indent: -9999px;border: 0;}

.dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px;}
iframe      { margin: 20px auto; display: block;}