body {
    margin: 0px;
    padding: 0px;
    background:#F3F2F2 url(images/background.gif) repeat-x;
    background-position: ;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

h1 {
    margin: 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 105%;
    color: #444444;
}

h2 {
    margin: 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 95%;
    color: #444444;
    clear: left;
}

#content h1 {
    color: #444444;
    margin: 0px 0px 1px 0px;
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #aaaaaa;
    font-size: 130%;
}

#content h2 {
    color: #666666;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 120%;
}

#content h3 {
    padding-left: 3px;
    color: #888888;
    font-size: 110%;
}

p, td {
    margin: 10px 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #444444;
}

li {
    margin: 0px;
    padding: 0px;
    color: #444444;
    text-decoration: none;
}

a, a:visited, a:active {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3d8bbf;
    text-decoration: none;
}

a:hover {
    margin: 0px;
    padding: 0px;
    color: #ff0000;
}

a img {
    border: 0;
}

#brace {
    width: 830px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#pageframe {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 822px;
    background-repeat: repeat-y;
    background-position: top left;
    float: left;
}

#pageframer {
    margin: 0px;
    padding: 0px;
    height: auto;
}

#header {
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* dermatologia estetyczna */
#headerDer {
	background-image: url(images/header_dermatologia.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* laboratorium */
#headerLab {
	background-image: url(images/header_lab.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* psychologia */
#headerPsych {
	background-image: url(images/header_psychologia.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* szczepionki */
#headerSzczep {
	background-image: url(images/header_szczepionki.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* dermatologia estetyczna */
#headerMed {
	background-image: url(images/header_medycyna.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* kontakt */
#headerKont {
	background-image: url(images/header_kontakt.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    height: 233px;
    width: 822px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#headermid {
    margin: 7px 0;
	width: 822px;
    float: left;
}


#midbrace {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#midbox {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    min-height:200px;
    height:auto !important;
    height:200px;
    width: 822px;
    float: left;
}

/* ######################################################### */
/* ######################################################### */
/* Menu top css */
/* ######################################################### */
/* ######################################################### */

#menu_top_content{
	margin-top:12px;
}

#menu_topl{
	background-image:url(images/menu_top_r.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:35px;
	margin:0;
	padding:0;
	width:100%;
}

#menu_top{
	background-image:url(images/menu_top_l.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:35px;
	margin:0;
	padding:0;
	width:100%;
}

#menu_top a{
	color:white;
}

.menu_top a:visited, .menu_top a:active, .menu_top a:hover{
	color:white;
}

.link{
	float:left;
	padding:8px 47px;
	font-size:13px;
	font-weight:bold;
	height:17px;
	cursor:pointer;
}

div.link:hover  {
	background:transparent url(images/menu_top_hover.gif);
	color:white;
}

.sep{
	background-image:url(images/separator.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	width:2px;
	height:35px;
	float:left;
}


.logo_link{
	height:131px;
	margin-bottom:12px;
	margin-left:22px;
	margin-right:38px;
	margin-top:41px;
	width:179px;
}

/* ######################################################### */
/* ######################################################### */
/* Left Navbar css */
/* ######################################################### */
/* ######################################################### */

#leftbar {
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    width: 258px;
    font-size: 85%;
    text-align:left;
    float:left;
}

#leftbar p {
    margin: 10px 10px 10px 0px;
    padding: 0px;
}

#leftbar h1, #leftbar h2 {
    margin: 1px 0px 1px 0px;
    padding: 4px;
    color: #888888;
    width: 160px;
}

#leftbar #leftnav ul {
    margin: 0px;
    padding:6px 7px 0px 44px;
    width: px;
    list-style-image:url(images/cross.gif);
    background-image:url(images/left_menu.gif);
    background-repeat:no-repeat;
    height:418px;

}

#leftbar #leftnav ul li {
    margin: 0px;
    padding-top: 2px;
}

#leftbar #leftnav ul li a {
    margin: 0px;
    padding: 0px;
    color: #302700;
    font-weight:bold;
    text-decoration: none;
}

#leftbar #leftnav ul li a:hover{
    margin: 0px;
    padding: 0px;
    color: #60bfff;
}

#leftbar #leftnav ul li a.active, #leftbar #leftnav ul li a.active:hover{
    margin: 0px;
    padding: 0px;
    color: #ff0000;
}

#leftbar #leftnav ul li ul {
    padding-left: 10px;
    margin: 0px;
    width: 150px;
    list-style-type: none;
    background-color: #eeeeee;
    border: none;
}

#leftbar #leftnav ul li ul li ul{
    padding-left: 10px;
}


/* INFOBOX */
.contentInfobox {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: auto;
    text-align: left;
    background-color:white;
}

/* silver */

div.infoBoxHeaderSilver {
	background:transparent url(images/infobox_header_silver.gif) no-repeat scroll 0 0;
	height:43px;
	margin-bottom:0;
}

div.infoBoxHeaderSilver span.leftHeader {
	color:#333333;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:11px;
	padding:0 0 0 20px;
}

div.infoBoxHeaderSilver .headerTitle {
	color:#000000;
	float:left;
	margin:18px 0 0 0px;
}

div.infoBoxHeaderSilver span.rightHeader {
	background:transparent url(images/infobox_header_silver_a.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:43px;
	width:24px;
}

div.infoBoxFooter {
	background:transparent url(images/infobox_footer_silver.gif) no-repeat scroll left bottom;
	clear:both;
	font-size:0;
	height:24px;
	margin:0 0px 6px 0;
	overflow:hidden;
	width:auto;
}

div.infoBoxFooter div {
	background:transparent url(images/infobox_footer_silver_a.gif) no-repeat scroll right bottom;
	font-size:0;
	height:24px;
	width:auto;
}

.contact{
	text-align:right;
	font-weight:bold; 
	padding:top:3px;
	font-size:13px;
}

.contentInfoboxSilver {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: auto;
    text-align: left;
    background-color:#CCCCCC;
}

/* green */

div.infoBoxHeaderGreen {
	background:transparent url(images/content_header_green.gif) no-repeat scroll 0 0;
	height:26px;
	margin-bottom:0;
}
div.infoBoxHeaderGreen span.leftHeader {
	color:#333333;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:11px;
	padding:0 0 0 20px;
}

div.infoBoxHeaderGreen .headerTitle {
	color:#000000;
	float:left;
	margin:8px 0 0 48px;
}

div.infoBoxHeaderGreen span.rightHeader {
	background:transparent url(images/content_header_green_a.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:26px;
	width:32px;
}

/* yellow */

div.infoBoxHeaderYellow {
	background:transparent url(images/content_header_yellow.gif) no-repeat scroll 0 0;
	height:26px;
	margin-bottom:0;
}

div.infoBoxHeaderYellow span.leftHeader {
	color:#333333;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:11px;
	padding:0 0 0 20px;
}

div.infoBoxHeaderYellow .headerTitle {
	color:#000000;
	float:left;
	margin:8px 0 0 60px;
}

div.infoBoxHeaderYellow span.rightHeader {
	background:transparent url(images/content_header_yellow_a.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:26px;
	width:30px;
}

.logoM{
	background:transparent url(images/free_succes_logo.gif) no-repeat;
	width:70px;
	height:26px;
	float:left;
	margin:11px 4px 0 -4px;
}

.logoF{
	background:transparent url(images/medica_logo.gif) no-repeat;
	height:26px;
	float:left;
	margin:9px 0 0 0;
  width:67px;
}

.logoE{
	background:transparent url(images/e-gabinety_logo.gif) no-repeat;
	width:103px;
	height:27px;
	float:left;
	margin:9px 0 0 0;
}

.visa{
	background:transparent url(images/visa.gif) no-repeat;
	width:235px;
	height:44px;
	margin:9px 0 0 3px;
}

.phoneFoto{
	background:transparent url(images/phone.gif) no-repeat;
	width:50px;
	height:63px;
	float:left;
	margin-left:30px;
}

.certyfikat{
margin:2px 60px 0px ;
}


/* ######################################################### */
/* ######################################################### */
/* Contnent css */
/* ######################################################### */
/* ######################################################### */


#content {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: 557px;
    border: none;
    text-align: center;
    float: left;
    font-size:14px;
}

div.contentwh {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: auto;
    text-align: left;
    background:#FFFFFF url(images/content_background.gif) repeat-x scroll;
}

div.contentinstall {
    margin: 1px 0px 1px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    text-align: left;
}

div.contentinstallred {
    margin: 4px 0px 4px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    background-color: #ffcdcd;
    border: 1px solid #ff0000;
    text-align: left;
}

#content ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-type: circle;
}

#content li {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #444444;
}

form {
    width: auto;
}

#button {
    border: 1px solid #ff7200;
    background-color: #ffc18e;
    width: auto;
    text-align: center;
}

table {
	margin-bottom:2px;
	margin-left:14px;
	margin-top:11px;
}

th {
    background-color: #dddddd;
    color: #888888;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

td {

}

.tableTitle {
    background-color: #dddddd;
}

.tableFooter {
    background-color: #dddddd;
    height: 10px;
}

.tableCenter {
    text-align: center;
}

.ten {
    width: 10%;
}

.auto {
    width: auto;
}

.twenty {
    width: 20%;
}

.twentyFive {
    width: 25%
}

#UCLoginBox, #UCUserBox {
    margin: 5px 0px 0px 0px;
    padding: 2px;
    border: 1px solid #999999;
    /*background-color: #ffffff;*/
}

#UCUserBox h2 {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm, #UCLogOutForm {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#UCLoginForm input.user {
    margin: 0px;
    padding: 0px;
    width: 100px;
}

#UCLoginForm input.button {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm p.userSmall {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

/*header container*/

div.mainContainerHeader {
	background:transparent url(images/content_header.gif) no-repeat scroll 0 0;
	height:36px;
	margin-bottom:0;
}
div.mainContainerHeader span.leftHeader {
	color:#333333;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:36px;
	line-height:11px;
	padding:0 0 0 20px;

}

div.mainContainerHeader .headerTitle {
	color:#000000;
	float:left;
	margin:14px 0 0 20px;
}

div.mainContainerHeader span.rightHeader {
	background:transparent url(images/content_header_a.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:36px;
	width:90px;
}

.rightBorder {
	background:transparent url(images/border_left.gif) repeat-y scroll right top;
	margin-right:0px;
	margin-top:0;
	width:auto;
}

.leftBorder {
	background:transparent url(images/border_left.gif) repeat-y scroll left top;
	margin-left:0px;
	margin-top:0;
	width:auto;
}

div.mainContainerFooter {
	background:transparent url(images/content_footer.gif) no-repeat scroll left bottom;
	clear:both;
	font-size:0;
	height:25px;
	margin:0 0px 6px 0;
	overflow:hidden;
	width:auto;
}

div.mainContainerFooter div {
	background:transparent url(images/content_footer_a.gif) no-repeat scroll right bottom;
	font-size:0;
	height:25px;
	width:auto;
}

.inner {
	clear:both;
	float:none;
	padding:3px 9px;
	line-height:22px;
}

/* Witamy*/

div.mainContainerHeaderOrange {
	background:transparent url(images/content_header_orange.gif) no-repeat scroll 0 0;
	height:26px;
	margin-bottom:0;
}
div.mainContainerHeaderOrange span.leftHeader {
	color:#333333;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:11px;
	padding:0 0 0 20px;
}

div.mainContainerHeaderOrange .headerTitle {
	color:#000000;
	float:left;
	margin:8px 0 0 20px;
}

div.mainContainerHeaderOrange span.rightHeader {
	background:transparent url(images/content_header_orange_a.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:26px;
	width:90px;
}

div.mainContainerFooterOrange {
	background:transparent url(images/content_orange_footer.gif) no-repeat scroll left bottom;
	clear:both;
	font-size:0;
	height:25px;
	margin:0 0px 6px 0;
	overflow:hidden;
	width:auto;
}

div.mainContainerFooterOrange div {
	background:transparent url(images/content_orange_footer_a.gif) no-repeat scroll right bottom;
	font-size:0;
	height:25px;
	width:auto;
}

.mainContainerOrangeBg{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: auto;
    text-align: left;
    background:#FFFFFF url(images/content_background_orange.gif) repeat-y scroll;
}

.sign{
	background:transparent url(images/sign.gif) no-repeat scroll left bottom;
	width:69px;
	height:58px;
	margin-left:14px;
	float:left;
}

/* ######################################################### */
/* ######################################################### */
/* Footnav css */
/* ######################################################### */
/* ######################################################### */


#copyw {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: auto;
    /*width: 822px;*/
   /* background-color: #ffffff;*/
    float: left;
}

#copynav {
    display: block;
}

#copynav ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    display: inline;
}

#copynav li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

#copynav a, #footnav a:active, #footnav a:visited, #copyw a, #footnav a:active, #footnav a:visited {
    margin: 0px;
    padding: 0px 6px;
    text-decoration: none;
    font-size: 80%;
}

#copynav a:hover, #copyw a:hover{
    color: #ff0000;
}

#copyw p {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #444444;
    clear: left;
}

#footerl {
    margin: 0px;
    padding: 0px;
    height: 42px;
    width: 99%;
    background-image:  url(images/footer_l.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    float: left;
}

#footer {
    margin: 0px;
    padding: 0px;
    height: 42px;
    width: 100%;
   /*background-image: url(images/footermid.jpg);*/
    background-repeat: repeat-x;
    background-position: top;
  /*  background-color: #b6d7ee;*/
    display: block;
    float: left;
}

#footerr {
    margin: 0px;
    padding: 0px;
    height: 42px;
    width: 100%;
   	background-image: url(images/footer_r.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    float: left;
}

#footnav {
    margin: 0px 0px 0px 0px;
    padding: 11px;
    text-align: left;
    display: block;
}

#footerLeft {
    padding-top: 26px;
    width: 50%;
    height: 70px;
    text-align: right;
    float: left;
    display: block;
}

#footerRight {
    padding-top: 26px;
    width: 50%;
    height: 70px;
    text-align: left;
    float: right;
    display: block;
}

#footerLeft a, #footerLeft a:active, #footerLeft a:visited {
    margin: 0px;
    padding: 0px 36px 0px 0px;
    text-decoration: none;
    font-size: 80%;
}

#footerRight a, #footerRight a:active, #footerRight a:visited {
    margin: 0px;
    padding: 0px 0px 0px 36px;
    text-decoration: none;
    font-size: 80%;
}

#footerLeft a:hover, #footerRight a:hover{
    color: #ff0000;
}

#footnav a:visited, #footnav a:active, #footnav a:hover, #footnav a:link{
	color:#1d1e11;
	font-weight:bold;
}

.realizacja{
text-align:center;
font-size:12px;
padding:6px 0;
}

/* ######################################################### */
/* ######################################################### 
   Photos css
   ######################################################### */

/* homepage gallery*/
.photo1{
	background:transparent url(images/foto1.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}

.photo2{
	background:transparent url(images/foto2.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}
.photo3{
	background:transparent url(images/foto3.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}

.photo4{
	background:transparent url(images/foto4.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}
.photo5{
	background:transparent url(images/foto5.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}
.photo6{
	background:transparent url(images/foto6.png) no-repeat;
	width:239px;
	height:181px;
	padding:11px 12px 1px 10px;
}

/*ecg screen*/

.ecg_screen{
	background:transparent url(images/ecg_screen.png) no-repeat;
	width:356px;
	height:398px;
	text-align:center;
	margin-top:5px;
	margin-left:15%;
}

.ecg_screen2{
	background:transparent url(images/ecg_screen2.jpg) no-repeat;
	width:356px;
	height:398px;
	text-align:center;
	margin-top:5px;
	margin-left:21%;
	padding-bottom:8px;
}

/* google-map icon */

.icon{
	background:transparent url(images/icon26.png);
}

.cert_pstim {
background:transparent url(images/cert_pstim.gif) no-repeat scroll 0 0;
height:247px;
margin-left:18%;
margin-top:5px;
text-align:center;
width:341px;
border:1px solid black;
}

#captcha{
margin-left:225px;
}
#submit{
margin-left:225px;
}

#send{
margin-left:225px;
}