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

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

body { font-size: 0.875rem; line-height: 1.3em; }

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

/* Headings */

h1 { font-size: 2.7em; }

h2 { font-size: 2.6em; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }

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

h1, h2 { clear: both; }

h1, h2 { color: #573d2a; font-family: 'Open Sans Condensed', sans-serif; line-height: 1em; margin-bottom: .5em; }

h3 { font-family: 'Playfair Display',Georgia, Times, serif; color: #5f6d76; margin-bottom: .4em; }

h4 { font-family: 'Open Sans Condensed', sans-serif; margin-bottom: .4em; color: #5f6d76; }

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

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

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


a {
	color: #509eac;
}

a:focus,
a:hover {
	color: #778d40;
}

/* 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: #7c812a; 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: .25em; }

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 { text-decoration: none; }
#site_logo h2 { font-size: 1rem; font-family: 'Open Sans Condensed', sans-serif; line-height: 1em; color: #777; margin: 0; text-transform: uppercase; }
#site_logo h2 span.surgery { font-size: 1.625rem; line-height: 1em; color: #573d2a; text-transform: uppercase; }
#site_logo h2 span.surgery + span.surgery { margin-bottom: 5px; }

#site_title { position: absolute; width: auto; height: auto; left: 25px; bottom: 55px; padding: 0; margin: 0; }
#site_title a { text-decoration: none; }
#site_title h1 { font-size: 2.25rem; line-height: 1.1em; font-weight: 700; color: #5f6d76; padding: 0; margin: 0; }
#site_title h1 span#first_line { margin-left: 0; margin-top: -12px; color: #573d2a; font-size: 5rem; font-weight: 700; line-height: 1em; letter-spacing: -0.03em; }

span.wordline { white-space: nowrap; display: block; clear: both; padding: 0; margin: 0; }

#site_phone { 
position: absolute;
height: 53px;
line-height: 53px;
right: 22px;
bottom: 40px;
padding: 0px;
margin: 0px;
background: transparent url("../i/phone_sign.png") no-repeat scroll 0% 0%;
}
#site_phone h2 { 
font-family: "Open Sans Condensed",sans-serif;
font-size: 1.875rem;
font-weight: 700;
line-height: 1.2em;
color: #5f6d76;
padding: 0px 0px 0px 40px;
margin: 0px;
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 ul li { font-size: 13px; font-size: 0.8125rem; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
#top_menu ul li:hover { background-color: rgba(0, 0, 0, 0.15); }
#top_menu ul li a { display: block; color: #fff; padding: 0 20px; text-decoration: none; }
#top_menu ul 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: 1.125rem;
 font-family: 'Playfair Display',Georgia, Times, serif;
 color: #778d40;
 padding-left: 4em; }
 
 #surgery_departments {
	background-color: #778d40;
	padding: 0 20px;
	margin: 0;
	color: #fff;
}

#surgery_departments h2 {
	color: #FFF;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 2rem;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
	}

.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: #d4c8b9 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:  #fff;
	font-size: 0.875rem;
    padding: 7px 0 7px 17px;
	background: url("../i/left_mn_li2_bg.png") no-repeat 0px 11px;
	border-top: 1px solid #b5a38d;
	}

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

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

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

#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;
	}

/* Consultation Form
--------------------------------------------------*/

#consultation {
	margin: 0 15px 0 26px;
	overflow: hidden;
	padding: 16px 16px 0 16px;
	background: url('../i/consultation_bg.jpg') no-repeat;
	}
	
#consultation fieldset {
	border: none;
	padding: 2px;
	margin: 4px 0;
	}
	
#consultation legend {
	color: #fff;
	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;
}


#consultation h3 { color: #fff; font-size: 1.75rem; font-family: 'Open Sans Condensed', sans-serif; line-height: .9em; margin-bottom: 10px; }

button.css3button {
 color: #fff;
 cursor: pointer;
 padding: 10px 16px;
 background: -moz-linear-gradient(top, #7dcdc3 0%, #249587 100%);
 /* FF3.6+ */ 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7dcdc3), color-stop(100%, #249587));
 /* Chrome,Safari4+ */ 
 background: -webkit-linear-gradient(top, #7dcdc3 0%, #249587 100%);
 /* Chrome10+,Safari5.1+ */ 
 background: -o-linear-gradient(top, #7dcdc3 0%, #249587 100%);
 /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7dcdc3 0%, #249587 100%);
 /* IE10+ */ background: linear-gradient(to bottom, #7dcdc3 0%, #249587 100%);
 /* W3C */ 
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 border: 0px solid #999;
 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 2px 2px rgba(255, 255, 255, 0.8);
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 0px 0px rgba(255, 255, 255, 0);
 }

button.css3button:active {
 -moz-box-shadow: inset 0px 1px 2px #fff6ea;
 -webkit-box-shadow: inset 0px 1px 2px #fff6ea;
 box-shadow: inset 0px 1px 2px #fff6ea;
 }

	
/* Right Sidebar
--------------------------------------------------*/
	
.proposition { margin: 0; padding: 0 0 10px 0; line-height: 1.3em; color: #444; }

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

.proposition p { margin-bottom: 0; font-size: 0.8125rem; }

	
/*  ROUNDED CORNERS  
------------------------------------------------------------*/
.roundborder .t , 
.roundborder .b {
position: relative;
background: #778d40;
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: 1.875rem;
	line-height: 1em;
	font-family: 'Playfair Display', Times, serif;
	color: #573d2a;
	padding: 0;
	margin: 0;
}

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


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

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

.gray {
	color: #666;
}

.#df8300 {
	color: #91a224;
}

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