@charset "utf-8";
/* CSS Document */

body {
	font: 13px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #595959;}
	
#Wrapper	{
	background: #8d262a repeat-x 0 0;
}	

#fancy_title div { font-size: 1.35em; }	/* modal titles */

/* common styles */
	
.hr { 
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 5px;
	background: transparent url("../images/hr-bg.gif") repeat-x 0 0; }

/* image containers */

a.img, div.img 			{ float: left; border: 1px solid #D3D3D3; padding: 5px; background: #fff;}
a.img img, div.img img 	{ float: left; border: 1px solid #f3f3f3; }
a.imgHover				{ background-color: #D8D9DA; border-color: #BCBCBC; }
a.img:hover img			{ border-color: #fff; }

/* forms and inputs */

input { color: #000; }
textarea, .textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 5px;
	background: #E1E2E3 url("../images/inputBg.gif") repeat-x 0 0;
	border: 1px solid #fff;
	border-color: #C9CACB #fff #fff #C9CACB;
	outline: none;}
	
label.overlabel { 
	color: #B3B4B4; 
	font-size: 1.2em; 
	display:none;	/* initially hidden to prevent other content from shifting after JS function runs */ 
}

/* logo */

#Logo	{ float: left; margin: -64px 0 14px 20px;}
#Logo a { 
	display: block; 
	width: 368px;
	height: 107px;
	background: transparent url("../images/ghslogo2_ro.png") no-repeat 0 0;}

#ZonaDreapta{
	float:right;
	margin: -10px 22px 0px;
	
}

#Limba{
	width:225px;
	height:20px;
	margin: 0px 22px 6px 95px;
}

/* Buton Centru Medical */

#CentruMedical	{

	margin: 6px 22px 0px;
	
}

#CentruMedical a { 
	display: block;
	width: 298px;
	height: 32px;
	background: transparent url("../images/centrumedical_ro.gif") no-repeat 0 0;
}

#CentruMedical a:hover {
	background-position: 0 -32px;
}

#CentruMedical a:active {
	background-position: 0 -64px;
}

/* design structure */

#Wrapper, #PageWrapper	{ position: relative; }	/* IE needs this to position content when using top panel (#ContentPanel) */

#PageWrapper {
	width: 990px;
	margin: 0 auto;
	padding: 7px 0 0;}
	
.pageTop {
	height: 10px;
	overflow: hidden;
	background: transparent url("../images/pageBg-top.png") no-repeat 0 0;}
	
.pageBottom {
	height: 10px;
	overflow: hidden;
	background: transparent url("../images/pageBg-bottom.png") no-repeat 0 0;
	margin: 0 0 0.4em;}

#Header, .pageMain {
	background: transparent url("../images/pageBg-repeat.png") repeat-y 0 0;}
	
#Header, .pageMain, #Footer {width: 990px;}	/* must be specified for PNG Fix to work (IE 6 issue) */

.breadcrumbs 				{ margin-top: -1em; }
.full-page .breadcrumbs 	{ margin-bottom: 0; }

#FooterTop {
	height: 2px;
	overflow: hidden;
	background: transparent url("../images/footerBg-top2.png") no-repeat 0 0;}
#FooterContent {
	float: left;	/* added because of the IE sucks "hasLayout" bug */
	padding: 20px 0 0;
	background: transparent url("../images/footerBg-repeat2.png") repeat-y 0 0;}
#FooterBottom {
	width: 990px;
	height: 33px;
	overflow: hidden;
	background: transparent url("../images/footerBg-bottom2.png") no-repeat 0 0;
	margin: 0 0 0.5em;}

/* latime maxima */
.contentMax, .contentArea, #Showcase, #Slides {
	margin: 0 26px;
	width: 938px;}
	
	
/* content containers */

.contentArea	{ padding: 15px 0; }


/* arangajare text */

.unupetrei, .doipetrei, .jumate, .intreg {
	 float: left;
	 margin: 0 10px 0 25px; }

.unupetrei	{ width: 273px; }
.doipetrei	{ width: 581px; }
.jumate	{ width: 426px; }
.intreg	{ margin-right: 25px; float: none; }

#Footer .unupetrei, #Footer .doipetrei, #Footer .jumate {
	margin: 0 0 0 25px;
	padding: 0 25px 0 0;
	background: transparent url("../images/footerBg-verticalRule.gif") repeat-y 100% 0;}	
#Footer .unupetrei	{ width: 262px; }
#Footer .doipetrei	{ width: 574px; }
#Footer .jumate	{ width: 419px; }
#Footer .intreg 	{ margin: 0; padding: 0 25px; }	
body #Footer .last 	{ background: none; }	/* no right border on last */
#Footer .contentArea { padding-bottom: 0; }

#ContentPanel { /* hidden top content area */
	position:relative; 
	display:none; 		/* hidden on start */
	background: #2C2C2C; 
	border-bottom: 1px solid #fff; }
#ContentPanel .contentArea	{ margin: 0 auto; }


/* main menu */

#MenuWrapper	{ height: 62px; }
#MainMenu {
	position: relative;
	top: -15px;
	right: 10px;
	height: 62px;
	float: right;
	z-index: 99;	/* allows menu to overlap slideshow*/}
#MmLeft {
	float:left;
	width: 25px;
	height: 62px;
	background: transparent url("../images/mainMenu-left3.png") no-repeat 0 0;}
#MmRight {
	float:left;
	width: 20px;
	height: 62px;
	background: transparent url("../images/mainMenu-right3.png") no-repeat 0 0;}
#MmBody {
	float: left;
	min-width: 750px;
	height: 62px;
	background: transparent url("../images/mainMenu-repeat3.png") repeat-x 0 0;}
	
#MainMenu .sf-menu li li		{ background: #832a2c; } /* sub-menu background */
#MainMenu .sf-menu li li li		{ background: #4D4A45; } /* sub-sub-menu background */

/* slide show */

#Slideshow { 
	height: 360px; 
	overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 29;}
#SlideTop {
	height: 4px;
	overflow: hidden;
	background: transparent url("../images/slideTop.png") no-repeat 0 0;}
#SlideRepeat {
	height: 337px;
	overflow: hidden;
	background: transparent url("../images/slideRepeat.png") repeat-y 0 0;}
#SlideBottom {
	height: 19px;
	overflow: hidden;
	background: transparent url("../images/slideJos.png") no-repeat 0 0;}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	background: #F4F5F6;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -215px;
	width: 31px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 35px;
	background: transparent url("../images/sageata_stanga.png") no-repeat 0 0;}
a.slideNext {
	float: right;
	margin: 0 35px 0 0;
	background: transparent url("../images/sageata_dreapta.png") no-repeat 0 0;}
	


/* showcase/spotlight */

#Showcase 	{ padding: 10px 0 0; }

/* ribbon elements (wrap around) */

.ribbon, .ribbon .wrapAround, .ribbon .tab { height: 52px; overflow: hidden; }
.ribbon {
	margin: 0 -4px 8px -53px;
	width: 638px;}
.ribbon .wrapAround {
	float: left;
	width: 52px;
	background: transparent url("../images/ribbon-wrap.png") no-repeat 0 -104px;}
.ribbon .tab {
	float: left;
	width: 586px;
	background: transparent url("../images/ribbon.png") no-repeat 0 0;}
	
/* side navigation menu */

.sideNavWrapper	{ background: transparent url("../images/side-navigation-repeat.gif") repeat-y 0 0; margin: 0 0 0.5em; }
.sideNavBox-1	{ background: transparent url("../images/side-navigation-top.gif") no-repeat 0 0; padding: 15px 0 0; }
.sideNavBox-2	{ background: transparent url("../images/side-navigation-bottom.gif") no-repeat 0 100%; padding: 0 0 15px; min-height: 100px;}

ul.sideNav {
	padding: 0;
	margin-left: 0;}
ul.sideNav li {
	font-size: 1.1em;
	background: none;
	padding: 0;
	margin: 0;}
.sideNav li a {
	display: block;
	padding: 0.5em 5px 0.5em 25px;
	margin: 0;	
	border-bottom: 1px dotted #DBDBDC;
	text-decoration: none;
	text-shadow: #fff 1px 1px 0px;}
.sideNav li.currentPage	{ background: transparent url("../images/side-navigation-active.gif") no-repeat 0 0; }
.sideNav li.currentPage	a,
.sideNav li.currentPage a:link, .sideNav li.currentPage a:visited,
.sideNav li.currentPage a:hover, .sideNav li.currentPage a:active	{ color: #2C2C2C; border-bottom: 1px solid #fff; }

/* featured content */

.featuredContent	{ margin: 0 0 1.5em; }
.featuredItem		{ clear: left; margin: 0 0 1.5em; }
.featuredImg 		{ margin-right: 15px; float:left;}
.featuredImg img 	{ width: 148px; }


/* login */

.loginForm		{ height: 207px; overflow: hidden; }
.loginContainer {
	float: left;
	width:245px;
	height: 142px;
	padding: 15px 0 0 20px;
	background: transparent url("../images/login-bg.html") no-repeat 0 0;
	color: #C6C6C6;
	overflow: hidden;}
#loginBg						{ float: left; margin: 17px 0 0;}
.loginForm fieldset legend		{ display: none; }
.loginContainer p				{ margin: 0 0 0.5em; }
.loginContainer .loginInput		{ width: 217px; }
.loginForm .signInButton		{ margin: 0 18px 0 0; }
a.loginClose {
	position: absolute;
	top: -10px;
	right: -12px;
	display: block;
	height: 30px;
	width: 36px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("../images/fancybox/smallClose.png") repeat 0 0;}
a.loginClose:hover, a.loginClose:active { background-position: 0 -30px; }

/* blog post */

.blogPostSummary, .blogPostContent	{ margin: 0 10px 1.5em 0; }
.blogPostImage a	{ margin: 0 0 1em; }
.blogPostImage img	{ width: 556px; }
.blogPostSummary p, .blogPostContent p	{ line-height: 1.5em; }

/* portfolio page */

.portfolio { margin-left: -31px; }
/* .two-thirds .portfolio { width:630px; } stupid IE (version 7 only)  */
.portfolio-item {

	float: left;
	width: 275px;
	margin: 0 0 22px 31px;}
.portfolio-item h4, .portfolio-item p {
	margin: 0 0 .65em;
	padding: 0;}
.portfolio-image {
	width: 261px;
	height: 174px;
	/*border: 1px solid #C6C6C6;*/}
.portfolio-description {
	clear:left;	
	height: 110px;
	padding: 8px;
	overflow: hidden;}

/* contact */

#CommentForm fieldset legend	{ display: none; }
#CommentForm div 				{ margin-bottom: 1.5em; }		/* space between inputs */
#CommentForm .textInput, 
#CommentForm textarea			{ width: 325px; margin: 0; }	/* margins set by containers <div> */
#CommentForm textarea 			{ height: 150px; }
#CommentForm input.error, #CommentForm textarea.error {
	background-color: #ffc;
	border-color: #EF7E58;}
#CommentForm label.error {
	display: block;
	color: #f33;
	font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif;
	line-height: 1em;		/* required for negative margins to work fully */
	margin: 0.2em 0 -1.2em;	/* negative margins counter act error message space so input fields don't shift */
}

	
/* other */

div#fancy_overlay { background: #2c2c2c; }	/* overlay color */