@charset "utf-8";

body { margin:0; padding:0; color: black; background: #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px;}

/*globals*/

h1 { margin: 2px 0 2px 0; font-size: 20px; line-height:18px; padding:0;}
h2 { margin: 2px 0 2px 0; font-size: 16px; line-height:18px; padding:0;}
h3 { margin: 10px 0 10px 0; font-size: 14px; line-height:14px; padding:0; }
h1,h2,h3 {font-family:Arial, Helvetica, sans-serif;}

div.box_top h1, div.box_info h1 { margin:5px 0 15px 0;  text-transform:uppercase; color:#6f8fa4; padding:0 0 0 10px;}
div.content h1 { margin: 8px 0 0 0; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:0 0 5px 0; border-bottom: 1px dotted #9F9F9F;  width:510px;}

p { margin: 5px 0 0 0;}
hr { border-top: solid 2px; border-bottom: none; border-right:none; border-left:none; color: #969696; }

a { color: #f95200; text-decoration: none;}
a:hover { color: #f95200; text-decoration: underline;}
p a{ border-bottom: 1px dotted;}
p a:hover { text-decoration: none;}

h1 a, h1 a:hover, .box_top h2{ color: #666; }
h2 a, h3 a, h3 a:hover, a, a:hover, h1,h2,h3{ color: #6f8fa4; }

div.breadcrumb { margin:0 0 15px 0; width:400px;}

ul { margin-left: 0; padding: 0 0 0 15px;}
li { margin-left: 0; padding: 0;}


/*structure*/

#container { margin:0 auto; width:990px; background: white; padding:0; border: 0px solid red;}

div.main { float: left; width:711px;  padding:0; margin:0; border: 0px solid green;}

div.main h2 { margin: 8px 0 8px 0; }
div.main h2.dwa { margin: 8px 0 8px 0; color:#fff; background: url(img/nagl.jpg) bottom left; padding:7px 15px 8px 10px; font-weight:bold;  }

div.content h1 {  margin: 8px 0 0 0; color:#fff; background: url(img/nagl2.jpg) top left; padding:7px 15px 4px 10px; border: none; width:auto; font-size:18px; font-weight:normal;  }
div.breadcrumb { margin:0 0 15px 0; background: url(img/nagl3.jpg) bottom left; padding:6px 10px 6px 10px; width:480px;}

div.glownakontakt{  float: right; width: 162px; padding: 0 10px 10px 10px; border-left: 1px dotted #9F9F9F; background:url(img/zatoki_kontakt.jpg) bottom left no-repeat;}

div.glownakontakt h2, div.prawakol h2{ color:#6f8fa4; text-transform:uppercase; }
div.glownakontakt a, div.prawakol a{ color:#6f8fa4;}

div.logo { float:left; background: url(img/logo1.jpg);  margin: 0 4px 4px 4px; width: 257px; height: 257px;}

  a.logo_link_mml { float: left; display: block; width: 255px; height: 80px; margin: 3px 0 0 0; padding: 0; border: 0px solid black;}
  a.logo_link_clz { float: left; display: block; width: 255px; height: 165px; margin: 8px 0 0 0; padding: 0; border: 0px solid black;}

div.zakladki_box { width: 603; height: 54px; float: right; }
  div.zakladki { width: 339px; height: 54px; float: right; background: url(img/menu_top_clz.jpg); margin-right: 20px; }
    div.zakladki a { display: block; float: left; width: 169px; height: 54px; }
  
div.box_top { float:left; background: url(img/box_top.jpg); padding: 0; margin: 0 4px 4px 4px; width: 703px; height: 257px;}

div.menu_container { float:left; padding: 0px; margin:0px; width: 265px;}
div.menu_container img {border: 0;}
div.menu { float:left; padding: 0px; margin:4px; width: 257px;}
div.menu a { float: left; display: block;  color: #fe5400; color: #f95200;
background: url(img/menu_background.jpg); width: 216px; height: 24px; padding: 10px 30px 0 10px; margin:-1px 0 2px 0; text-transform:uppercase;font-weight:bold;}

div.menu a:hover { float: left; display: block;  color: #FFF; background: url(img/menu_background.jpg) 0 -34px; width: 216px; height: 24px; text-decoration: none;}
div.menu a.menu { float: left; display: block;  color: #ff8b18; color: #333; background: url(img/menu_background.jpg); width: 216px; height: 24px; }
div.menu a.menu:hover { float: left; display: block;  color: #ff8b18; background: url(img/menu_background2.jpg) -10px 0; width: 216px; height: 24px; text-decoration: underline;}  

div.menu_passive { float: left; color: #ff8b18; background: url(img/menu_background.jpg); width: 216px; height: 24px;  padding: 10px 30px 0 10px; margin:-1px 0 2px 0;}

div.menu a.menu_pod { float: left; display: block; width: 236px; height: 20px; padding: 2px 0 2px 20px; margin: 0; color: #000; background-image: none; border-bottom: 1px dotted #9F9F9F;text-transform: lowercase; font-weight:normal; }
div.menu a.menu_pod:hover { float: left; display: block; width: 236px; height: 20px; padding: 2px 0 2px 20px; margin: 0; color: black; background-image: none;border-bottom: 1px dotted #fff; background:#f97919;  color:#FFF;}

  div.menu a.baner_mml { display: block; float:left; width:258px; height: 79px; padding:0; margin: 5px 0 0 0; background: url(img/mml.jpg);}
  div.menu a.baner_clc { display: block; float:left; width:258px; height: 79px; padding:0; margin: 5px 0 0 0; background: url(img/clc.jpg);}
    
ul.menu { list-style: none; padding: 0; margin: 0;}
ul.menu li { list-style: none; padding: 0; margin: 0;}      

div.box_info { float:left; background: url(img/box_info.jpg); padding: 0; margin:4px; width: 703px; height: 187px;}
div.content { float:left; padding: 0px 0px 10px 5px; margin:4px 0 4px 4px; width: 701px; }
div.lewy { float:left; padding: 10px 10px 10px 10px; margin:4px 4px 4px 4px; width: 294px; border-right: 0px solid #c1c1c1; }
div.prawy { float:left; padding: 0 10px 10px 10px; margin:4px 4px 4px 4px; width: 360px; background: url(img/aktualnosci.jpg) top right no-repeat; border-left: 1px dotted #c1c1c1;}

div.linia {width: 100%; height:1px; border-bottom: 1px dotted #969696; margin: 5px 0 5px 0;}


div.prawakol{ float: right; width: 162px; padding: 0 10px 10px 10px; border-left: 1px dotted #9F9F9F; }




a.aktualnosci {display: block; width: 370px; height: 75px; background: url(img/aktualnosci.jpg); margin:0; }
div.footer { color: #FFCD97; float:left; background: url(img/footer.jpg); width: 948px; height: 53px; clear: both; margin: 0 4px 0 4px; padding: 15px 10px 0 10px; text-align: center; font-size: 10px;}

  div.footer a { color: white; text-decoration: none;}

  div.footer a:hover { color: white; text-decoration: underline;}  
  
/*FORMULARZ*/
input.wyslij {width: 100px; height: 20px; background: #f1f1f1; color: black; padding: 0 0 2px 0; cursor: pointer; font-size: 10px; border: 1px solid #dddddd;}
input.wyslij:hover {width: 100px; height: 20px; background: #dddddd; color: black; padding: 0 0 2px 0; cursor: pointer; border: 1px solid #f1f1f1;}

input.pole_txt { background: white; width:320px; height: 18px; padding:4px 3px 3px 3px; margin:0; border: 1px solid #f1f1f1; vertical-align: middle; font-family:Verdana, Geneva, sans-serif; font-size: 11px;}
input.pole_txt:hover { background: white; width:320px; height: 18px; padding:4px 3px 3px 3px; margin:0; border: 1px solid #dddddd; vertical-align: middle;}

textarea.pole_txt { background: white; width:320px; padding:4px 3px 4px 3px; margin:0; border: 1px solid #f1f1f1; font-family:Verdana, Geneva, sans-serif; font-size: 11px;}
textarea.pole_txt:hover { background: white; width:320px; padding:4px 3px 4px 3px; margin:0; border: 1px solid #dddddd;}

div.form { color: black; font-size: 11px;}
div.form_wiersz { width: 450px; text-align: center; float:left; background: #f1f1f1; padding: 10px; margin:2px 0 0 0;}
div.form_napis { vertical-align: middle; width: 120px; text-align: left; float: left; clear:both; border:0px solid orange;}
div.form_input { vertical-align: middle; width: 320px; text-align: right; float: left; padding: 0 0 0 0; border:0px solid red;}
/* endo of FORMULARZ*/  


p.data{ color:#666; margin:0;}

/* pytania do lekarzy */

div.pytanie { width: 500px; }
p.podpis { font-weight: bold; }
div.odpowiedz { width: 500px; margin: 20px 0 20px 0; color: #464646; }
p.odpowiedz { margin: 10px 0 10px 0; color: #FFA12F; font-weight: bold; }
span.pytanie { font-weight: bold; color: #FFA12F; font-size: 13px; }

div.filmy img { margin: 0; }
  div.film { float: left; width: 120px; height: 180px; padding: 0 20px 0 20px;  }