/* General 
------------------------------------------------------------------- */

html, body {
	color: #444;
	font-family: Droid Sans, Arial, Verdana, Helvetica, sans-serif;
	}

/* Typography 
------------------------------------------------------------------- */

/* Headings */

h1 {font-size: 2.7em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.1em;}

h1, h2, h3, h4 {
	font-weight: normal;
}

h1, h2 {
	clear: both;
}

h1 {
	color: #41637d;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height: 1em;
	margin-bottom: .5em;
	}

h2 {
	color: #019ca0;
	font-family: Georgia, Times, serif;
	line-height: 1em;
	margin-bottom: .3em;
	}

h3 {
	font-family: Georgia, Times, serif;
	color: #223247;
	margin-bottom: .4em;
	}

h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	margin-bottom: .4em;
	color: #019ca0;
	}

h5, h6 {
	color: #333;
	margin-bottom: .4em;
	}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links
----------------------------------------------------------------------- */


a {
	color: #1499a0;
}

a:focus,
a:hover {
	color: #19c7d0;
}

/* More links */

a.more {
	display: block;
	text-transform: lowercase;
	text-decoration: none;
	text-align: right;
}

a.more:after {
	content: '\2192';
	margin: 0 0 0 4px;
	font-size: 13px;
}

/* Text elements 
------------------------------------------------------------------ */

p {margin-bottom: 1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}

blockquote {
	margin: 1.5em 0;
	padding: 1.5em 1em 1em 100px;
	background: #ececec url('../i/quote.png') no-repeat 8px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px double #fff;
	font-family: serif;
	font-size: 1.2em;
	color: #777;
}

cite {
	color: #777;
	font-weight: bold;
	font-family: sans-serif;
	font-size: .8em;
	}
	
del {color:#666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

sup {
	font-size: small;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}


/* Lists
------------------------------------------------------------------ */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

dt {color: #777;}


/* Tables
------------------------------------------------------------------ */

table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th, td, caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #eefbeb;}
tfoot {font-style: italic;}
caption {
	text-align: center;
	caption-side: bottom;
	color: #777;
}

table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #777;
	text-align: left;
}
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 10px;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
}
table.data-table tr.even td {background: #FCFCFC;}


/* Misc classes
--------------------------------------------------------------- */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}
.nice-list .text-separator {padding: 0 2px; color: #bbb}

.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}
.site_entry {margin: 0 .5em;}
.sm_banner {margin: 0 0 12px 0}
.middle_banner {margin: 16px 0;}

/* Horisontal rules
------------------------------------------------------------------- */
hr {
	color: #bbbccf;
	background-color: #bbbccf;
	height: 1px;
	border: 0;
	clear: both;
	}
	
hr.green_hr {
	color: #d0dc42;
	background-color: #d0dc42;
	}
	
hr.orange_hr {
	color: #e88300;
	background-color: #e88300;
	}

/* Forms 
------------------------------------------------------------------- */

label {cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.3em 0;
	padding: 3px 5px;
	color: #999;
}

input.opros {
	margin: 0.3em 0.3em 0 0;
	padding: 0 5px 0 0;
	color: #999;
}

input.text:focus, textarea:focus, select:focus {background: #FFFFF5; color: #357;}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 3px 5px;
}

input.button:active {border-style: inset;}

.form-error {border-color: #F00;}


/* Alignment 
------------------------------------------------------------------- */

.center, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images
------------------------------------------------------------------ */

img.bordered,
img.alignleft,
img.alignright,
img.aligncenter {
	background-color: #FFF;
	border: 1px solid #bbd;
	padding: 3px;
	margin-bottom: .5em;
}

img.alignleft, img.left {margin: 0 1.5em .5em 0;}
img.alignright, img.right {margin: 0 0 .5em 1.5em;}


/* Floats
------------------------------------------------------------------ */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear, .clearer {clear: both;}

.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* Separators 
------------------------------------------------------------------- */

.separator {
	background: #ccc;
	clear: both;
	color: #fff;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;
	margin: 6px 0;
	}


/* Backgrounds
-----------------------------------------------------------------------------*/

body {
	background-color: #f1f4f6;
	background-image: url('../i/body_bg.png');
	background-repeat: repeat-x;
}


#header {
	background-image: url('../i/header_bg.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 100% 0;
}

#footer {
	background-color: #e0e7ef;
	background-image: url('../i/footer_white.png');
	background-repeat: no-repeat;
}

#wrapper {
	background-image: url('../i/content_bg.png');
	background-repeat: repeat-y;
	}
	
#content {
	/* background-image: url('../i/content_bg.png'); */
	/* background-repeat: repeat-y; */
	}	
	
#footer_bg {
	background: url('../i/footer_bottom_bg.png') repeat-x 0% 100%;
	}


/* Header Elements
-----------------------------------------------------------------------------*/

#site_logo {
	width: 290px;
	height: 100px;
	position: absolute;
	left: 22px;
	padding: 22px 0 0 20px;
	background: transparent url('../i/logo_bg.png') no-repeat;
	}
	
#site_logo a,
#site_title a {
	text-decoration: none
	}
	
#site_logo h2 {
	font-size: 16px;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height: 1em;
	color: #1499a0;
	margin: 0;
	text-transform: uppercase;
	}
	
#site_logo h2 span.surgery {
	font-size: 26px;
	line-height: 1em;
	color: #063d82;
	text-transform: uppercase;
	}

#site_logo h2 span.surgery+span.surgery {
	margin-bottom: 5px;
	}

#site_title {
	position: absolute;
	width: auto;
	height: auto;
	left: 25px;
	bottom: 167px;
	padding: 0;
	margin: 0;
	}

#site_title h1 {
	font-size: 50px;
	line-height: .9em;
	color: #1499a0;
	padding: 0;
	margin: 0;
	line-height: .9em;
	}

span.wordline {
	white-space: nowrap;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	}
	
#site_title h1 span#first_line {
	margin-top: -11px;
	margin-left: 20px;
	color: #f7fdf3;
	font-weight: 700;
	font-size: 66px;
	line-height: 1.2em;
	line-height: 1.2em;
	}
	
	
#site_phone {
	position: absolute;
	height: 53px;
	line-height: 53px;
	left: 40px;
	bottom: 70px;
	padding: 0;
	margin: 0;
	background: url('../i/phone_sign.png') no-repeat;
	}

#site_phone h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2em;
	color: #063d82;
	padding: 0 0 0 60px;
	margin: 0;
	white-space: nowrap;
	vertical-align: middle;
	}
	
#top_menu {
	position: absolute;
	top: 9px;
	right: 0;
	margin: 0;
	width: 660px;
	height: 60px;
	line-height: 60px;
}

#top_menu ul {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#top_menu li {
	font-family: 'PT Sans Narrow', 'Arial Narrow', Tahoma, 'Myriad Pro', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(8,8,9,1.0);
	display: -moz-inline-stack;
	display: inline-block;
    zoom: 1;
   *display: inline;
}

#top_menu li a {
	display: block;
	color: #fff;
	padding: 0 20px;
	text-decoration: none;
}

#top_menu li:hover {
	background-color: #4c7797;
}

#top_menu li a:hover {
	text-decoration: underline;
}


#quick_navigation {
	position: absolute;
	top: 105px;
	right: 340px;
	height: 16px;
	}

ul#navigation_list li {
	margin: 0 9px;
	padding: 0;
	background-image: url("../i/navigation_icons.png");
	background-repeat: no-repeat;		
	height: 16px;
	width: 16px;
	display: inline-block;
	float: left;
	}
	
#home_icon {
	background-position: 1px 0;
	}
	
#home_icon:hover {
	background-position: 1px -16px;
	}
	
#sitemap_icon {
	background-position: -16px 0;
	}
	
#sitemap_icon:hover {
	background-position: -16px -16px;
	}
	
#print_icon {
	background-position: -32px 0;
	}
	
#print_icon:hover {
	background-position: -32px -16px;
	}
	
#search_icon {
	background-position: -47px 0;
	}
	
#search_icon:hover {
	background-position: -47px -16px;
	}


/* Middle section
-----------------------------------------------------------------------------*/


.section_separator {
	clear: both;
	height: 19px;
	background: #fff url('../i/green_r_corner.png') no-repeat left bottom;
	}
	
.lid {
	font-size: 18px;
	font-family: Georgia, Times, serif;
	color: #063d82;
	padding-left: 4em;
	}

#surgery_departments {
	background-color: #223247;
	padding: 0 20px;
	margin: 0;
	color: #fff;
}

#surgery_departments h2 {
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 32px;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
	}

.horizontal_menu ul {
	margin: 0;
	padding: 0;
}

.horizontal_menu li {
	width: 31%;
	margin-left: 1%;
	color: #fff;
	display: -moz-inline-stack;
	display: inline-block;
    zoom: 1;
   *display: inline;
   vertical-align: top;
}

.horizontal_menu li a {
	display: block;
	background: url("../i/hor_menu_arrow.png") no-repeat 0 .3em;
	color: #fff;
	padding: 0 0 0 15px;
	text-decoration: none;
}

.horizontal_menu li a:hover {
	text-decoration: underline;
}


/* Left Sidebar
-----------------------------------------------------------------------------*/

#leftmenu {
	margin: 0 15px 0 26px;
	overflow: hidden;
	padding: 0 0 36px 0;
	background: #b6d1e3 url('../i/blue_r_corn.png') right bottom no-repeat;
	}
	
#leftmenu ul {
	list-style-type: none;
	padding: 0;
	margin: -1px 16px 0 16px;
	}
	
#leftmenu ul li {
	color:  #07747a;
	font-family: Georgia, Times, serif;
	font-size: 15px;
	padding: 7px 0 7px 17px;
	background: url("../i/left_mn_li2_bg.png") no-repeat 0px 11px;
	border-top: 1px solid #b5c0af;
	}

#leftmenu ul ul {
	margin: 3px 0;
	list-style-type: square;
	border: none;
	}

#leftmenu ul a {
	text-decoration: none;
	font-weight: normal;
	color: #063d82;
	}

#leftmenu ul a:hover {
	text-decoration: underline;
	color:  #063d82;
	}

#leftmenu ul li ul {
	margin-left: 1em;
	}


#leftmenu ul li ul li {
	background-image: none;
	border: none;
	padding: 0 10px 2px 0;
	font-size: smaller;
	font-family: sans-serif;
	}
	
/* Consultation Form
--------------------------------------------------*/

#consultation {
	margin: 0 15px 0 26px;
	overflow: hidden;
	padding: 16px 16px 0 16px;
	background: url('../i/consultation_bg.jpg') no-repeat;
	}
	
#consultation h3 {
	color: #fff;
	font-size: 30px;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height: .9em;
	margin-bottom: 10px;
	}
	
#consultation fieldset {
	border: none;
	padding: 2px;
	margin: 4px 0;
	}
	
#consultation legend {
	color: #022859;
	font-weight: normal;
	white-space: normal;
	font-size: 12px;
	padding: 2px;
	margin: 4px 0;
	}


.input_string {
	float: left;
	height: 18px;
	padding: 2px 6px;
	width: 200px;
	border: 1px solid #999;
	margin: 0;
	color: #444;
}


button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 16px;
	background: -moz-linear-gradient(
		top,
		#5cd8e4 0%,
		#42d6e4 50%,
		#00d1e5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#5cd8e4),
		color-stop(0.50, #42d6e4),
		to(#00d1e5));
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 0px solid #402700;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 2px 2px rgba(224,242,201,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 2px 2px rgba(224,242,201,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 2px 2px rgba(224,242,201,1);
	text-shadow:
		1px 1px 0px rgba(000,000,000,0.5),
		0px 0px 0px rgba(255,255,255,0);
}


button.css3button:active {
	-moz-box-shadow: inset 0px 1px 2px rgba(224,242,201,1);
	-webkit-box-shadow: inset 0px 1px 2px rgba(224,242,201,1);
	box-shadow:	inset 0px 1px 2px rgba(224,242,201,1);
}


	
/* Right Sidebar
--------------------------------------------------*/
	
.proposition {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.3em;
	color: #444;
	font-family: Arial, Verdana, sans-serif;
}

.proposition h4 {
	margin: 0;
	margin-bottom:.2em;
}

.proposition p {
	margin-bottom: 0;
}

	
/*  ROUNDED CORNERS  
------------------------------------------------------------*/
.roundborder .t , 
.roundborder .b {
position: relative;
background: #223247;
margin: 0;
}

.roundborder div div {
position: absolute;
width: 20px;
padding: 0;
margin: 0;
}

.g div div {
	background-image: url('../i/round.png');
}

.g .t,
.g .b,
.g .t .l, 
.g .t .r,
.g .b .l, 
.g .b .r {
height: 20px;
}


.roundborder .t .l {
top: 0; left: 0;
background: none;
}

.roundborder .t .r {
top: 0; right: 0;
background-repeat: no-repeat;
background-position: top right;
}

.roundborder .b .l {
background-position: bottom left;
background-repeat: no-repeat;
bottom: 0; left: 0;
}

.roundborder .b .r {
background-position: bottom right;
background-repeat: no-repeat;
bottom: 0; right: 0;
}

/* FOOTER
-------------------------------------------------------*/

#warning {
	position: absolute;
	display: block;
	width: 500px;
	top: 45px;
	right: 20px;
	padding: 10px 14px 0 0; 
	color: #666;
	font-size: 11px;
	white-space: normal;
}

#warning:before {
	content: "\00A7";
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	font-family: serif;
	display: block;
	float: left;
	margin: -.15em 4px 0 0;
}

#footer_phone {
	position: absolute;
	left: 25px;
	top: 74px;
	width: 280px;
	text-align: center;
	font-size: 30px;
	line-height: 1em;
	font-family: Times, serif;
	color: #063d82;
	padding: 0;
	margin: 0;
}

#footer_mail {
	position: absolute;
	left: 25px;
	top: 54px;
	width: 280px;
	font-size: 18px;
	text-align: center;
	line-height: 1em;
	font-family: serif;
	padding: 0;
	margin: 0;
}


#footer_mail a {
	color: #223247;
	text-decoration: none;
}



/*  Misc 
-------------------------------------------------------*/

.gray {
	color: #666;
}

.#df8300 {
	color: #91a224;
}

.nobreak, .nowrap {white-space: nowrap}