/* CSS Document */
body {margin: 0 auto; padding: 0; color: #999; background-color: #fff; font-family: arial, hevetica, sans-serif; }

#site {width:800px; margin: 0 auto;}
#top {width:800px; height:71px; }
#logo {width:589px; background-image: url(img/logo.jpg); background-repeat: no-repeat; background-position: 27px 10px; float:left; background-color:#fff; height:71px;}
#header_navigation {float:left; width:211px; height:71px; background-color:#fff;}
#menu_top {width:211px; height:19px; background-color:#011e84; text-align:center; }
#menu_top img {border:none;}
#lang_ico {
	width:178px;
	padding:13px 0px 14px 33px;
	margin:0;
	float:left;
} 
#lang_ico ul {list-style-type: none; margin:0; padding:0; }
#lang_ico ul li {display: inline; float:left; width:25px; padding-right:5px;}
#lang_ico ul li a img {border:none;}

a.lang_pl {background-image: url(img/pl_navy.jpg);} 

#flash {height:439px; margin:0; padding:0;}

#menu {background-image: url(img/bg_menu.jpg); background-repeat: repeat-x; margin:0 auto;   color: #d7e8ff; padding-bottom:10px; font-size:12px; font-weight:normal; height:36px; width:800px; border-bottom:1px solid #CA3F02; }
#menu ul {margin: 0; padding:8px 0 0px 0; list-style-type: none;  height:28px;}
#menu li {display: inline; padding:3px 3px 8px 3px; border-right:1px solid #1244BC; border-left:1px solid #000033; height:30px; 	}
#menu ul li.first {display: inline; padding:4px 3px 8px 3px; border-right:1px solid #1244BC; border-left:0px solid #000033; height:29px; 	}
#menu ul li.last {display: inline; padding:4px 3px 8px 4px; border-right:0px solid #1244BC;  border-left:1px solid #000033; height:24px; 	}
#menu li a {text-decoration: none; color: #d7e8ff; padding:0px 0px 0px 0px; }
#menu li a:hover {text-decoration: underline;}
#menu li a:focus {text-decoration: underline}

/*
#menu {background-image: url(img/bg_menu.jpg); background-repeat: repeat-x; margin:0 auto;   color: #d7e8ff; padding:0; font-size:12px; font-weight:normal; height:36px; width:800px;}
#menu ul {margin: 0; padding:0px 0 0px 0; list-style-type: none;}
#menu li {display: inline; padding:8px 3px 8px 3px; border-right:1px solid #1244BC; border-left:1px solid #000033; height:36px; 	}
#menu ul li.first {display: inline; padding:8px 3px 8px 3px; border-right:1px solid #1244BC; border-left:0px solid #000033; height:36px; 	}
#menu ul li.last {display: inline; padding:8px 3px 8px 4px; border-right:0px solid #1244BC;  border-left:1px solid #000033; height:36px; 	}
#menu li a {text-decoration: none; color: #d7e8ff; padding:0px 0px 0px 0px; }
#menu li a:hover {text-decoration: underline;}
#menu li a:focus {color:#FFFF00;}
*/

#menu_white {margin:0 auto; padding:0; font-size:11px; font-weight:normal; padding-top:10px;  width:800px; text-align:center; margin-top:4px;}
#menu_white ul {margin: 0; padding:0; list-style-type: none;}
#menu_white li {display: inline; padding:0 3px 0 3px; border-right:1px solid #999999; }
#menu_white ul li.first {display: inline; padding:0 3px 0 3px; border-right:1px solid #999999; }
#menu_white ul li.last {display: inline; padding:0 3px 0 3px;  border-left:none; border-right:none; }
#menu_white li a {text-decoration: none; color: #cccccc; padding:0; }
#menu_white li a:hover {text-decoration: underline;}
#menu_white li a:focus {color:#0024A7;}

	
	
#copy { padding-top:12px; font-size:11px; color:#cccccc; text-align:center;}	
.grey {color:#999999;}
.red {color:#CA3F02;}
a.red {color:#CA3F02; text-decoration:none;}
a.red:hover {color:#999999; text-decoration:underline;}

#left_ban {width:266px; float:left; margin-top:15px; font-size:11px; text-align:center; }
#center_ban {float:left;  margin-top:15px; font-size:11px; text-align:center; width:260px;  }
#right_ban {width:267px; float:right;   margin-top:15px; font-size:11px; text-align:center; }
p.ban {color:#cccccc; text-decoration:underline; margin:0 0 20px 0; padding:0;}
a {color:#999999; text-decoration:underline;}

/*podstrony */
#content {margin:0; width:800px;  }

#menu_left {width:199px; float:left; color: #d7e8ff; text-align:right; }	
#menu_left ul {margin: 0; padding:0; list-style-type: none;}
#menu_left li {padding-right:15px; padding-top:7px;}
#menu_left li.index {background-image: url(img/menu_01.jpg); background-repeat: no-repeat; background-position:left top; height:28px;}
#menu_left li.klinika {background-image: url(img/menu_02.jpg); background-repeat: no-repeat; background-position:left top; height:27px; }	
#menu_left li.stomatologia {background-image: url(img/menu_03.jpg); background-repeat: no-repeat; background-position:left top; height:29px;}	
#menu_left li.implantologia {background-image: url(img/menu_04.jpg); background-repeat: no-repeat; background-position:left top; height:27px;}	
#menu_left li.protetyka {background-image: url(img/menu_05.jpg); background-repeat: no-repeat; background-position:left top; height:28px;}	
#menu_left li.chirurgia {background-image: url(img/menu_06.jpg); background-repeat: no-repeat; background-position:left top; height:27px;}	
#menu_left li.periodontologia {background-image: url(img/menu_07.jpg); background-repeat: no-repeat; background-position:left top; height:27px;}	
#menu_left li.profilaktyka {background-image: url(img/menu_08.jpg); background-repeat: no-repeat; background-position:left top; height:27px;}	
#menu_left li.leczenie {background-image: url(img/menu_09.jpg); background-repeat: no-repeat; background-position:left top; height:27px;}	
#menu_left li.kontakt {background-image: url(img/menu_10.jpg); background-repeat: no-repeat; background-position:left top; height:28px;}
#menu_left li a {text-decoration: none; color: #d7e8ff; font-size:12px; }	
#menu_left li a:hover {text-decoration: underline;}
#menu_left li a:focus {text-decoration: underline;}



#txt {float:right; width:601px; font-size:12px; color:#011e88; text-align:justify; margin:0; }
#container {padding:0 40px 20px 40px;} 
#txt p {margin:10px 0; line-height:1.6;}
#txt h1 {background-image: url(img/bg_h1.jpg); background-repeat: repeat-x; background-position:left top; font-family: Georgia, Times New Roman, Times, serif; font-size:16px; color:#fff; padding-left:40px; padding-top:10px; padding-bottom:10px; margin:0 0 10px 0;}
#container ul  {margin:0; padding:15px 0 0 0;}
#container ul  li {margin-left:20px; padding:0;  line-height:1.6;}
 
#txt h2 {color:#011d84; font-size:14px; font-weight:bold; margin:0;}
.clear {clear:both;}
h3 {color:#011d84; font-size:12px; font-weight:bold; margin-top:30px;}

#line {border-bottom:2px solid #011D82; width:800px; clear:both; margin-top:20px;}

/*galeria*/
.foto a img {width:150px; border:3px solid; margin-right: 12px; float: left; margin-top: 10px; border-color: #ACACAC;}
.foto_pion a img {width:108px; border:3px solid; margin-right: 12px; float: left; margin-top: 10px; border-color: #ACACAC;}
#center {padding-left:10px; }

/*mapa strony*/
ul.LSM_0 li {padding-bottom:10px;}
ul.LSM_0 li a:hover {color:#011E86; text-decoration:none;}
ul.LSM_0 li a:focus {color:#011E86; text-decoration:none;}

/*kontakt*/
#adres {float:left;}
.logosy  {width:150px; border:none; margin:5px; float: left; margin-top: 10px; text-align:center;}
.logosy a img {border:none;}
.logosy_txt {width:300px; float: left; margin-top: 10px; margin-bottom:20px; text-align:left; padding-top:3px;}
#ramka_logo {margin:0; padding:0;}
#mapka {width: 480px; height: 220px; border:3px solid #eee; }

/*gabinety*/
.gabinety_left {float:left;}
.gabinety_right {float:left; margin-left:30px;}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* szerokosc calej ramki */
.TabbedPanels {
	margin:0 0 20px 0;
	padding: 0px;
	float: left;
	clear: none;
	width: 486px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* ustawienie zakladek  */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding:0;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color: #fff;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:70px;
	text-align:center;
}

/* hover nad zakladka nieaktywna */
.TabbedPanelsTabHover {
	background-color: #011E84;
	color:#FFFFFF;
}

/* aktywna zakladka  */
.TabbedPanelsTabSelected {
	background-color: #eee;
	border-bottom: 1px solid #EEE;
	color:#011E84;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* ramka wokól mapy */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
	border-top: solid 1px #999;
	border-right: solid 0px #999;
	background-color: #eee;
}

/* padding wokól mapy */
.TabbedPanelsContent {
	padding-top: 3px;
	text-align:center;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}