/*-----Basic Styles------- */
@charset "utf-8";
body {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
img{vertical-align:top; border:0px;}
legend{height:0; font-size:0;}
a, input, select, textarea, img{outline:none;}

/*-----Template Styles------- */

body {font-size:13px; font-family:Arial, Tahoma, Verdana, Sans-Serif; background: #123062 url(../images/)  repeat-x top left; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

A { color: #808080; font-weight: bold; text-decoration: none; }
A:hover { text-decoration: underline; color:#606060; }

textarea { resize: none; font-family:Arial, Tahoma, Verdana, Sans-Serif; }

/*-----Module Styles------- */

#master { position: relative; width: 892px; margin: 0 auto; left: 10px; }

#header {
	height: 170px;
	width:892px;
	margin: 0 auto;
	text-align: left;}

#header #lefttop {
	float: left;
	background: #fff url(../images/headerbk.jpg) no-repeat top left;
	height:170px;
	width:892px;}
#header #righttop {
/*	width:212px;
	height:170px;
	float: right;
	background: #fff url(../images/logotipo.jpg) no-repeat 50% 50%;*/
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#headertop {
	height:27px;
	background: transparent url(../images/headertop.jpg) repeat-x top left;
}

#breadcrumbs{
	width:892px;
	height:29px;
	background: transparent url(../images/breadcrumbs.jpg) repeat-x top left;
	margin-top:-14px;}
#breadcrumbs a {
	font-size:11px;
	color:#808080;
	font-weight:bold;
	margin-top:6px;
	}
#breadcrumbs a:hover {
	font-size:11px;
	color:#606060;
	font-weight:bold;
	margin-top:6px;
	}
	
.bullet {
	background:transparent url(../images/bullet_orange.png) no-repeat top left;
	height:27px;
	width:27px;
	margin-left:220px;}

#content{
	background:#FFF;
	width:892px;
	margin: 0 auto;
	text-align: left;
	}
#content #left {
	width:212px;	
	min-height:708px;	
	float: left; 
	background: #999; 
	background: #fff url(../images/contentright.jpg) no-repeat top left;	
}
#content #right {
	width:212px;
	min-height:708px;
	float: right; 
	background: #fff url(../images/contentright.jpg) no-repeat top left;
}
#content #center {
	width:468px;
	min-height:1360px;
	float: left; 
	background: #fff url(../images/contentcenter.jpg) repeat-y top right;
}

#content #center .align {
margin:25px;
margin-left:25px;
border:5px solid #F1F1F1;
padding:5px;}

#content #center .aligntext {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin:25px;
	margin-left:25px;
	padding:5px;}


#footer {
	height: 111px;
	width:892px;
	background: #fff url(../images/footer.jpg) no-repeat top left;
	margin: 0 auto;
	text-align:center;
}

#footerli{
	font:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-top:78px;
	}

#footer .white{
	color:#FFF;}
/*-----Menu Modules Styles------- */

.hvstitulo {
	width:300px;
	height:27px;
    background: transparent url(../images/menutopbarra.jpg) repeat-x top left;
	position:absolute;
	padding-top:7px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;}

#menutopo {
	height:27px;
	background: transparent url(../images/menutopo.jpg) repeat-x top left;
	padding:7px;
	text-align:right;
	padding-right:10px;
}

#sftop {
	position:absolute;
	top:197px;
	margin-left:340px;
	height:27px;
	}
	
/*#menutopo a, a:link{
	font:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:8px;
	}
#menutopo a:hover {
	font:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	height:27px;
	background:transparent url(../images/menutopohover.jpg) repeat-x top left;
	}*/

/*-----Extra Styles------- */

select {
	background-color: #FFF;
	border: 1px solid #7F9DB9;
	color: #000;
	font: Arial, Geneva, Helvetica, Sans-Serif;
	margin: 0px;
	width:192px;
	margin-left:6px;
	}

.date {
	font:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-top:4px;
	padding-right:10px;
	float:right;}

.novohospital{
	background:transparent url(../images/novohospital.png) repeat-x top left;
	width:212px;
	height:49px;}
.inovacao{
	background:transparent url(../images/inovacao.png) repeat-x top left;
	width:212px;
	height:49px;}	
.servicos{
	background:transparent url(../images/servicos.png) repeat-x top left;
	width:212px;
	height:49px;}
.ligadosamigos{
	background:transparent url(../images/h1n1.png) repeat-x top left;
	width:212px;
	height:49px;}
.redessociais{
	background:transparent url(../images/redessociais.png) repeat-x top left;
	width:212px;
	height:49px;
	float:left}	
.utenteinfo{
	background:transparent url(../images/utenteinfo.png) repeat-x top left;
	width:212px;
	height:49px;} 
.links{
	background:transparent url(../images/links.png) repeat-x top left;
	width:212px;
	height:49px;
	margin-top:20px;
	margin-bottom:8px;
	float:left}
.newsletter{
	background:transparent url(../images/newsletter.png) repeat-x top left;
	width:212px;
	height:49px;
	margin-bottom:8px;
	float:left}
.newslettersecured{
	margin-top:0px;
	margin-left:6px;
	margin-bottom:10px;}
.farmacias{
	background:transparent url(../images/farmacias.png) repeat-x top left;
	width:212px;
	height:49px;
	float:left}
.tempo{
	background:transparent url(../images/tempo.png) repeat-x top left;
	width:212px;
	height:49px;
	float:left;
	margin-top:8px}
.logomsaude{
	width:114px;
	height:83px;
	margin-top:215px;
	margin-left:48px;
	position:relative;
	float:left;
	}
.slideshow{
	width:114px;
	height:83px;
	margin-top:0px;
	margin-left:12px;
	position:relative;
	}	

/*-----DD Menu Styles------- */

#mrightmenu li {
	width:172px;
	height:22px;
	border-bottom:1px dotted #000;
	background:transparent url(../images/bullet_orange.png) no-repeat top left;
	padding-left:15px;
	padding-top:7px;}
#mrightmenu li:hover {
	width:172px;
	height:22px;
	border-bottom:1px dotted #000;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			198px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	width:172px;
	margin-left:6px;
	border-bottom:1px dotted #000;
	background:transparent url(../images/bullet_orange.png) no-repeat top left;
}

.sf-menu li.pdf {
	float:			left;
	position:		relative;
	width:198px;
	margin-left:6px;
	border-bottom:1px dotted #000;
	background:transparent url(../images/pdf.png) no-repeat top left;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu .mleft {
		margin-left:10px;
}

.sf-menu .italic {
	font-style:italic;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			198px; /* match ul width */
	margin-left:-6px;
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			198px; /* match ul width */
	margin-left:-6px;
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
/*	margin-bottom:	1em;*/
}
.sf-menu a {
/*	border-left:	1px solid #fff;/*
	/*border-top:		1px solid #E2E6EC;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.sf-menu li {
	background:		#transparent;
}
.sf-menu li li {
	background:		#A1BEEF;
}
.sf-menu li li li {
	background:		#A1BEEF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#D6E3F8;
	outline:		0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
/*	border-bottom:1px dotted #000; */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:			198px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	198px; /* match ul width */
	margin-left:-6px;
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* Styles Selector */

/*wrapper of all elements*/
div.combo {
    position:relative;
    left: 0px;
    top: 0px;
}


/*text input*/
.combo input {
    position: absolute;
}


/*icon*/
.combo div.icon {
    position:absolute;
}


/*list wrapper*/
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 20px;
}

/*active (hovered) list item*/
.combo li.active {}


.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}