/* clear all*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}
body { text-align: center; font-size: 11px; font-family: Arial; color: #5f5f5f; background: url(../images/tlo.jpg) repeat-x; }
a { cursor: pointer; font-size: 11px; font-weight: normal; text-decoration: none; color: #5f5f5f; }
a:hover { text-decoration: underline; }
div {
text-align: left; }
#wrapper { margin: auto; width: 986px; }
.copy {float: right; color: #5f5f5f; font-size: 11px; margin-right: 30px; margin-top: 10px; margin-bottom: 30px; }
.copy_1 {float: right; color: #5f5f5f; font-size: 11px; margin-right: 30px; margin-top: 10px; margin-bottom: 10px; }
.ie7 .copy {font-weight: normal;}
.clear { clear: both; width: 100%; }
.lista { list-style: none; margin-left: -15px; }
.lista-gwiazdka { list-style: none; margin-top: -20px; margin-left: -5px; }
/* ********************************************************* HEADER *********************************************************** */
#header { position: relative; float: left; width: 100%; height: 145px; }
h1#logo a {width: 298px; height: 75px; background: url(../images/logo.png) no-repeat; float: left; margin-top: 38px; margin-left: 50px; cursor: pointer;}
#adres {position: absolute; z-index: 15; right: 15px; top: 80px; background: url(../images/telefon.png) no-repeat; width: 167px; height: 87px;}
.red {color: #cc0000;}
/* ********************************************************* MENU *********************************************************** */
#menu {float: left; width: 100%; height: 103px; background: url(../images/menu_tlo.png) no-repeat 5px 5px; }
#menu ul {float: left; list-style: none;}
#menu li {float: left; padding-left: 25px; margin-top: 30px; }
#menu a {float: left; font-size: 15px; color: #525252; font-family: Arial; font-weight: bold; }
/* ********************************************************* CONTENT *********************************************************** */
.bold {font-weight: bold;}
.przeczytaj {color: #cc0000; text-decoration: underline;}
#content { width: 100%; float: left; background: url(../images/content_tlo.png) repeat-y 5px 0px;}
.col { float: left; background: url(../images/kropka.png) repeat-y top right; }
.col .padding { padding: 0px 10px; float: left; }
.col .read-more { color: #3d3d3d; font-size: 11px; text-decoration: underline; float: right; }
.ie7 .read-first { margin: 5px 0px; }
#o_firmie {width: 325px; }
#o_firmie h1 {float: left; width: 100%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 10%; margin-top: 5px; margin-bottom: 10px;}
.ie7 #o_firmie h1 {font-weight: normal;}
#o_firmie p {float: left; margin-left: 32px; margin-top: 25px; font-size: 12px; color: #5f5f5f;}
#o_firmie ul {list-style: disc; float: left;}
#o_firmie li { font-size: 12px; color: #5f5f5f; margin-left: 45px; margin-top: 15px;}
#o_firmie a { margin-top: 20px; margin-right: 25px;}
#zabiegi {width: 314px; }
#zabiegi .padding { padding: 0px 20px; }
#zabiegi h1 {float: left; width: 100%; font-family: Arial; font-size: 23px; color: #747474; margin-top: 5px;}
.ie7 #zabiegi h1{font-weight: normal;}
#zabiegi h2 {width: 100%; float: left; margin-top: 30px; font-size: 12px; color: #5f5f5f; font-weight: bold; font-family: Arial;}
#zabiegi p {float: left; margin-top: 13px; font-size: 12px; color: #5f5f5f; width: 100%; text-align: justify;}
#zabiegi a.read-more {margin: 20px 0px 0px 0px; }
#formularz {width: 307px; background: none; }
#formularz h1 {float: left; width: 90%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 10%; margin-top: 5px;}
.ie7 #formularz h1{font-weight: normal;}
#formularz p {float: left; margin-left: 32px; margin-top: 40px; margin-bottom: 50px; font-size: 11px; color: #5f5f5f;}
#formularz span {float: left; color: #8c8c8c; font-size: 12px; width: 80%; margin-left: 32px; margin-top: 7px; margin-bottom: 5px;}
.input { border: 0px; width: 269px; height: 21px; background: url(../images/email.jpg) no-repeat; margin-left: 30px; padding: 8px 5px 0px 10px;}
.textarea {background:transparent url(../images/tresc.jpg) no-repeat scroll 0 0; border:0 none; height:52px; margin-left:30px; padding: 10px 20px; width:230px;}
#formularz .submit {border: 0px; width: 63px; height: 33px; background: url(../images/wyslij.gif) no-repeat; float: right; margin-right: 10px; margin-top: 5px; cursor: pointer;}
/* ********************************************** CONTENT INFORMACJE O FIRMIE *********************************************************** */
#informacje {float: left; width: 100%;}
#informacje h2 {float: left; width: 90%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 30px; margin-top: 5px; margin-bottom: 10px;}
.ie7 #informacje h2 {font-weight: normal;}
#info_o_firmie {width: 360px; float: left;}
#info_o_firmie p {float: left; margin-left: 32px; margin-top: 25px; font-size: 12px; color: #5f5f5f;}
#info_o_firmie ul {list-style: disc; float: left;}
#info_o_firmie li { font-size: 12px; color: #5f5f5f; margin-left: 70px; margin-top: 15px;}
#info_o_firmie a {color: #3d3d3d; font-size: 11px; text-decoration: underline; float: right; margin-top: 20px; margin-right: 25px;}
.photo{float: left; padding-left: 90px; padding-bottom: 10px;}
#informacje_o_firmie {float: left; width: 490px;}
#informacje_o_firmie p {float: left; margin-left: 80px; margin-top: 27px; font-size: 12px; color: #5f5f5f;}
/* ************************************************* LASEROWA KOREKCJA WAD WZROKU *********************************************************** */
#laserowa_korekcja_wad_wzroku h2 {float: left; width: 90%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 30px; margin-top: 5px; margin-bottom: 10px;}
.ie7 #laserowa_korekcja_wad_wzroku h2 {font-weight: normal;}
#laserowa_korekcja_wad_wzroku {width: 95%; float: left;}
#laserowa_korekcja_wad_wzroku p {float: left; padding-left: 45px; margin-top: 25px; font-size: 12px; color: #5f5f5f;}
.col_zabieg {float: left; width: 440px;}
.col_zabieg p {float: left; margin-left: 40px; margin-top: 27px;font-size: 12px; color: #5f5f5f; width: 90%;}
.col_zabieg ul {list-style: disc; float: left; padding-left: 45px; }
.col_zabieg li { font-size: 12px; color: #5f5f5f; margin-left: 20px; margin-top: 15px;}
.col_przed_zabieg {float: left; width: 440px; margin-top: -190px;}
.col_przed_zabieg p {float: left; margin-left: 40px; margin-top: 27px;font-size: 12px; color: #5f5f5f; width: 90%;}
.col_przed_zabieg ul {list-style: disc; float: left; padding-left: 45px; }
.col_przed_zabieg li { font-size: 12px; color: #5f5f5f; margin-left: 20px; margin-top: 15px;}
/* ******************************************************** OPERACJE ZAĈMY *********************************************************** */
#operacje_zacma {width: 100%; float: left;}
#operacje_zacma h2 {float: left; width: 90%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 30px; margin-top: 5px; margin-bottom: 10px;}
.ie7 #operacje_zacma h2 {font-weight: normal;}
#zacma {float: left; width: 600px;}
#zacma p {float: left; width: 90%; margin-left: 32px; margin-top: 25px; font-size: 12px; color: #5f5f5f;}
#zacma ul {list-style: disc; float: left;}
#zacma li { font-size: 12px; color: #5f5f5f; margin-left: 70px; margin-top: 15px;}
#operacje {float: left; width: 300px;}
#operacje p { float: left; width: 90%; margin-right: 32px; margin-top: 25px; font-size: 12px; color: #5f5f5f;}
.bigbold {font-weight: bold; font-size: 14px;}
#operacje ul {list-style: disc; float: left;}
#operacje li { font-size: 12px; color: #5f5f5f; margin-left: 20px; margin-top: 15px;}
/* ******************************************************** CENNIK *********************************************************** */
.cennik-col { float: left; font-size: 12px; padding: 20px 0px; }
.cennik-col .bold { padding-bottom: 10px; }
.cennik-col ul { padding-left: 15px; width: 270px; }
.cennik-col li { padding: 9px 0px; }
.gwiazdka { font-size: 10px; color: red; display: block; padding-top: 5px; margin-left: -12px;}
/* ******************************************************** KONTAKT *********************************************************** */
#kontakt {float: left; width: 300px; margin-left: 80px; margin-top: 20px; text-align: left; }
#kontakt h3 { font-size: 14px; color: #5f5f5f; padding-top: 10px; font-weight: bold;}
.red_big {font-weight: bold; color: #cc0000; font-style: italic; font-size: 18px;}
.adresy {padding-left: 10px; float: left; width: 100%;}
.top_padding {float: left; padding-top: 15px; width: 100%;}
#kontakt p { font-size: 12px; color: #5f5f5f; padding-top: 10px; }
#kontakt a { font-size: 12px; color: #5f5f5f; padding-top: 10px; text-decoration: underline; font-weight: bold; padding-bottom: 10px; }
.bold_red { font-weight: bold;color: #cc0000;}
#formularz_kontakt {width: 450px; float: right; padding-top: 20px; padding-right: 20px;}
#formularz_kontakt h3 {float: left; width: 93%; font-family: Arial; font-size: 23px; color: #747474; margin-left: 7%; margin-top: 5px;}
.ie7 #formularz_kontakt h3{font-weight: normal;}
#formularz_kontakt p {float: left; margin-left: 32px; margin-top: 30px; margin-bottom: 30px; font-size: 11px; color: #5f5f5f;}
#formularz_kontakt span {float: left; color: #8c8c8c; font-size: 12px; width: 80%; margin-left: 32px; margin-top: 7px; margin-bottom: 5px;}
#formularz_kontakt .submit {border: 0px; width: 63px; height: 33px; background: url(../images/wyslij.gif) no-repeat; float: right; margin-right: 90px; margin-top: 5px; cursor: pointer;}
/* ********************************************************* MAPA *********************************************************** */
.busy {float: left; width: 320px; padding-left: 70px; padding-bottom: 30px;}
.busy p {float: left; width: 100%; font-size: 14px; font-weight: bold;}
.busy ul {float: left; list-style: disc; padding-left: 30px;}
.busy li {padding-top: 10px; font-size: 13px;}
#mapa {float: left; width: 100%; padding-left: 33px;}
/* ********************************************************* FOOTER *********************************************************** */
#footer { width: 100%; height: 24px; float: left; background: url(../images/border_bottom.jpg) no-repeat;}
.stopka p {float: right; color: #5f5f5f; font-size: 11px; margin-right: 30px; margin-bottom: 10px;}