* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

/** ----------------------------------------------------------------------- **/
body {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}

.clr {
  clear: both;
}

a {
  text-decoration: none;
  color: #666;
}

a:hover {
  text-decoration: underline;
}

h2 {
  margin: 15px 0 0 0;
}

/** ========================================================== Header ===== **/
#header-wrap {
  width: 100%;
  height: 275px;

  background: url(/var/img/background/header-wrap.jpg) repeat-x;
}

#header {
  width: 800px;
  height: 275px;
  
  margin: 0 auto;
  
  background: url(/var/img/background/header.jpg) no-repeat;
  
  text-align: left;
}

#header-rehabilitacja {
  width: 800px;
  height: 275px;
  
  margin: 0 auto;
  
  background: url(/var/img/background/index/header.jpg) no-repeat;
  
  text-align: left;
}

/** ------------------------------------------------------- Main Menu ----- **/
#main-menu {
  list-style: none;
  
  float: right;
  
  margin: 15px 0 0 0;
}

#main-menu li {
  float: left;

  height: 25px;
}

#main-menu li a {
  display: block;
  
  height: 25px;
  
  text-indent: -9999px;
}

#main-menu li#button-strona-glowna, 
#main-meni li#button-strona-glowna a {
  width: 115px;
}

#main-menu li#button-vita-med, 
#main-menu li#button-vita-med a {
  width: 83px;
}

#main-menu li#button-oferta, 
#main-menu li#button-oferta a {
  width: 65px;
}

#main-menu li#button-cennik, 
#main-menu li#button-cennik a {
  width: 72px;
}

#main-menu li#button-artykuly, 
#main-menu li#button-artykuly a {
  width: 75px
}


#main-menu li#button-vademecum, 
#main-menu li#button-vademecum a {
  width: 95px;
}

#main-menu li#button-vademecum a {
  background: url(/var/img/button/vademecum.jpg) no-repeat;
}

#main-menu li#button-vademecum a:hover, 
#main-menu li#button-vademecum a.on {
  background: url(/var/img/button/vademecum-on.jpg) no-repeat;
}

#main-menu li#button-kontakt, 
#main-menu li#button-kontakt a {
  width: 70px;
}

#main-menu li#button-strona-glowna a {
  background: url(/var/img/button/strona-glowna.jpg) no-repeat;
}

#main-menu li#button-strona-glowna a:hover, 
#main-menu li#button-strona-glowna a.on {
  background: url(/var/img/button/strona-glowna-on.jpg) no-repeat;
}

#main-menu li#button-vita-med a {
  background: url(/var/img/button/vita-med.jpg) no-repeat;
}

#main-menu li#button-vita-med a:hover, 
#main-menu li#button-vita-med a.on {
  background: url(/var/img/button/vita-med-on.jpg) no-repeat;
}

#main-menu li#button-oferta a {
  background: url(/var/img/button/oferta.jpg) no-repeat;
}

#main-menu li#button-oferta a:hover, 
#main-menu li#button-oferta a.on {
  background: url(/var/img/button/oferta-on.jpg) no-repeat;
}

#main-menu li#button-cennik a {
  background: url(/var/img/button/cennik.jpg) no-repeat;
}

#main-menu li#button-cennik a:hover, 
#main-menu li#button-cennik a.on {
  background: url(/var/img/button/cennik-on.jpg) no-repeat;
}

#main-menu li#button-artykuly a {
  background: url(/var/img/button/artykuly.jpg) no-repeat;
}

#main-menu li#button-artykuly a:hover, 
#main-menu li#button-artykuly a.on {
  background: url(/var/img/button/artykuly-on.jpg) no-repeat;
}

#main-menu li#button-kontakt a {
  background: url(/var/img/button/kontakt.jpg) no-repeat;
}

#main-menu li#button-kontakt a:hover, 
#main-menu li#button-kontakt a.on {
  background: url(/var/img/button/kontakt-on.jpg) no-repeat;
}

/** ---------------------------------------------- Vita Med Main Logo ----- **/
#main-logo {
  float: right;

  width: 195px;
  height: 60px;
  
  margin: 15px 0 0 0;
}

#main-logo a {
  display: block;
  
  width: 195px;
  height: 60px;
  
  background: url(/var/img/logo/vita-med-main.jpg) no-repeat;
  
  text-indent: -9999px;
}

/** ---------------------------------------------------------- Slogan ----- **/
#slogan {
  float: right;
  
  margin: 30px 120px 0 0;
}

/** ----------------------------------------------------------- About ----- **/
#about {
  float: right;
  
  width: 462px;
  height: 146px;
  
  margin: 14px 0 0 0;
}

/** ========================================================= Content ===== **/
#content {
  width: 800px;
  
  margin: 0 auto;
  
  text-align: left;
}

#content-bottom {
  width: 800px;
  
  margin: 0 auto;
  
  text-align: left;
}

#content h2
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 	 16px;
	font-weight: bold;
	color:       #306970;
	margin:	     15px 0 15px 0;
}

#content-main {
  float: left;

  width: 680px;
  
  margin: 0 10px 0 0;
  padding: 0 0 10px 0;
}

#content-right {
  float: left;

  width: 110px;
  
  margin: -30px 0 0 0;
  padding: 0 0 10px 0;
}

#content-main p {
  margin: 0 0 10px 0;
}

#content-main ul {
  list-style-image: url(/var/img/marker/list.jpg);

  margin: 0 0 10px 30px;
}

#content-main h3 {
  margin: 0 0 5px 0;
  
  font-size: 1.1em;
  color: #306970;
}

#content-main a {
  color: #306970;
}

#content-main dl dt {
  font-weight: bold;
}

#content-main dl dd {
  margin: 0 0 10px 10px;
}

/** ========================================================== Footer ===== **/
#footer-wrap {
  clear: both;

  width: 100%;
  height: 40px;
  
  background: url(/var/img/background/footer-wrap.jpg) repeat-x;
}

#footer {
  width: 800px;
  height: 40px;
  
  margin: 0 auto;
  
  text-align: left;
}

#footer p {
  font-size: 10px;
  
  line-height: 4em;
  vertical-align: middle;
}

#copyright {
  float: left;
}

#author {
  float: right;
}

/** ___________________________________________________________ Index _____ **/
#index #header {
  height: 275px;
  
  margin: 0 auto;
  
  background: url(/var/img/background/index/header.jpg) no-repeat;
}

#index #about {
  margin: 20px 0 0 0;
}

#index #columns {
  width: 800px;
  
  margin: 40px 0 0 0;
  padding: 0 0 5px 0; 
}

#index #columns-bottom {
  width: 800px;
  
  margin: 40px 0 0 0;
  padding: 0 0 5px 0;
}

#index #content .column {
  float: left;
}

#index #content .column h2 {
  margin: 0;
}

#index #content .column h2 img {
  clear: both;

  margin: 0;
}

#index #content .column img {
  float: left;
  
  margin: 10px 5px 0 0;
}

#index #content .column p {
  float: left;
  
  margin: 10px 0 0 0;
}

#index #content .column .more {
  float: right;
  
  margin: 20px 10px 0 0;
}

#index #content #column-1 {
  width: 280px;
  
  margin: 0 15px 0 0;
  
  background: url(/var/img/background/index/dot.jpg) repeat-y top right;
}

#index #content #column-1 p {
  width: 200px;
}

#index #content #column-2 {
  width: 255px;
  
  background: url(/var/img/background/index/dot.jpg) repeat-y top right;
}

#index #content #column-2 p {
  float: left;
  
  width: 170px;
}

#index #content #column-3 {
  width: 245px;
}


#index #content #column-3 .movie-small {
  margin: 0 0 0 15px; 
}

/* DODATKOWE KOLUMNY */

#index #content #column-bottom-1 {
  width: 280px;
  
  margin: 0 15px 0 0;
  
  background: url(/var/img/background/index/dot.jpg) repeat-y top right;
}

#index #content #column-bottom-1 p {
  width: 200px;
}

#index #content #column-bottom-2 {
  width: 255px;
  
  background: url(/var/img/background/index/dot.jpg) repeat-y top right;
}

#index #content #column-bottom-2 p {
  float: left;
  
  width: 170px;
}

#index #content #column-bottom-3 {
  width: 245px;
}


#index #content #column-1 h2,
#index #content #column-2 h2,
#index #content #column-3 h2
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 	 16px;
	font-weight: normal;
}

#index #content #column-bottom-1 h2,
#index #content #column-bottom-2 h2,
#index #content #column-bottom-3 h2
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 	 16px;
	font-weight: normal;
}

#index #content .column p a {
	color: black;
}

#index #content #column-1 h2 a,
#index #content #column-2 h2 a,
#index #content #column-3 h2 a
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 	 16px;
	font-weight: normal;
	color:       #306970;
}

#index #content #column-bottom-1 h2 a,
#index #content #column-bottom-2 h2 a,
#index #content #column-bottom-3 h2 a
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 	 16px;
	font-weight: normal;
	color:       #306970;
}

#index #partners {
  width: 800px;
  
  margin: 40px 0 20px 0;
}

#index #partners h2 {
  margin: 0;
}

#index #partners-list {
  list-style: none;
}

#index #partners-list li {
  float: left;
  
  margin: 0 52px 0 0;
}


/* RM */

.news-item h2
{
	font-size: 15px !important;
}

.news-info
{
	font-size: 	11px;
	color: 		gray;
	margin: 	5px 0px 10px 0px;
}

.news-see-all
{
	text-align: right;
	margin: 	20px 0 0 0;
}

#content-back
{
	text-align: right;
	margin: 	0 0 10px 0;
}



#bottom-bar {

	background-color: #E3EFF0; 
	border-top: 1px solid #42929D;
	border-bottom: 1px solid #42929D;
	margin-top: 20px;
	margin-bottom: 10px;
}

#bottom-bar #bar {
	width: 800px;
  	margin: 10px auto;
  	text-align: left;
}

#bottom-bar #polecane {
	width: 300px;
	float: left;
}

#bottom-bar #polecane ol{
	margin-left: 	20px;
	margin-top:  	15px;
	margin-bottom: 	10px;
}

#bottom-bar #polecane a {
	color: black;
}

#bottom-bar #newsletter {
	width: 420px;
	float: left;
}

#bottom-bar #newsletter div {
	margin-top: 15px;
}

#bottom-bar #newsletter div form {
	margin-top:    15px;
	margin-bottom: 15px;
}

#bottom-bar #newsletter div form input.text {
	width: 250px;
	border: 1px solid #42929D;
	height: 20px;
}

#bottom-bar #newsletter p form input.submit {
	border: 1px solid #42929D;
	height: 20px;
}