@charset "UTF-8";


@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: 'QuicksandLight', Arial, sans-serif;
	font-size: 34px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #b75596;
	margin-top: 20px;
	margin-bottom: 5px;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #8d8c8c;
	line-height: 17px;
	margin-top: 0px;
}
#box {
	width: 1350px;
	margin: 0 auto;
	height: auto;
	position: relative;
}
#box #header {
	height: 627px;
	background-image: url(imagens/home.jpg);
	background-repeat: no-repeat;
}
#box #header #logo {
	float:left;
	margin-left: 110px;
	margin-top: 15px;
}
#box #header #menu {
	background-image: url(imagens/bg_menu.png);
	height: 47px;
	width: 830px;
	margin-top: 127px;
	background-repeat: repeat-x;
	float: left;
}
#box #header #menu_left {
	margin-top: 127px;
	float: left;
	height: 47px;
	width: 17px;
	margin-left: 6px;
	background-image: url(imagens/bg_menu_left.png);
	background-repeat: no-repeat;
}
#box #header #menu_right {
	float: left;
	height: 47px;
	width: 19px;
	margin-top: 127px;
	background-image: url(imagens/bg_menu_right.png);
	background-repeat: no-repeat;
}
#box #header #menu ul {
	margin-left:20px !important;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	list-style-type: none;
	text-transform: uppercase;
	margin-top:15px;
	padding-left:0px;
	margin-left:0px;
}
#box #header #menu ul li {
	display: inline;
	float: left;
	background-image: url(imagens/separador_menu.png);
	background-position: right;
	display: block;
	background-repeat: no-repeat;
}

#box #header #menu ul li:last-child {
	background-image: url(imagens/invisible_point.gif);
}

#box #header #menu ul li a:link {
	text-decoration: none;
	color: #777777;
	padding-right: 20px;
	padding-left: 20px;
}
#box #header #menu ul li a:active {
	color: #8c2369;
}
#box #header #menu ul li a:hover {
	color: #8c2369;
}



#box #header #mensagem {
	height: 192px;
	margin-left: 110px;
	float: left;
	margin-top: 200px;
	clear: left;
}

#box #valencias #valencias_bg_up {
	background-image: url(imagens/bg_valencias_top.jpg);
	background-repeat: repeat-y;
	height: auto;
}

#box #valencias #valencias_bg_down {
	background-image: url(imagens/bg_valencias_bottom.jpg);
	background-repeat: repeat-y;
	height: auto;
	vertical-align: bottom;
	position: relative;
}

#box #valencias .valencias_content {
	float: right;
	height: auto;
	width: 390px;
	margin-right: 110px;
	margin-top: 25px;
	margin-bottom: 40px;
	text-align: right;
}

#box #valencias .valencias_content h1 {
	text-align: right;
	margin-top: 25px;
	margin-bottom: 10px;
}
#box #valencias .valencias_content p {
	text-align: right;
	margin-top: 0px;
}

#box #saude .saude_content {
	float: left;
	height: auto;
	width: 565px;
	margin-left: 110px;
	margin-bottom: 20px;
	margin-top: 0px;
}
#box #saude .saudes_content h1 {
	text-align: left;
}
#box #saude .saude_content p {
	text-align: left;
	margin-top: 0px;
}

#box #header #mensagem .conteudo_mensagem {
	width: 425px;
	padding-left: 0px;
}

#box #valencias #valencias_panels {
	float: right;
	height: auto;
	width: 390px;
	margin-right: 110px;
	margin-top: 50px;
	margin-bottom: 60px;
}

/**************************************************/
/* paineis - valencias */



/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel{
	padding: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
#box #valencias #valencias_panels .CollapsiblePanelTab, #box #informacao #informacao_panels .CollapsiblePanelTab {
	background-color: #dddde2;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	border: 4px solid #d0d0d7;
	border-radius:5px;
	background-image: url(imagens/close_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 24px;
	color: #857b73;
	-webkit-box-shadow: 2px 2px 2px #aaaaaa;
	box-shadow: 2px 2px 2px #aaaaaa;
}


#box #saude #saude_panels .CollapsiblePanelTab {
	background-color: #f1e8e6;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	border: 4px solid #eee3e1;
	border-radius:5px;
	background-image: url(imagens/close_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 24px;
	color: #857b73;
	-webkit-box-shadow: 2px 2px 2px #aaaaaa;
	box-shadow: 2px 2px 2px #aaaaaa;
}


#box #informacao #informacao_panels .CollapsiblePanelTab {
	background-color: #f9f1f3;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	border: 4px solid #d8ddde;
	border-radius:5px;
	background-image: url(imagens/close_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 24px;
	color: #857b73;
	-webkit-box-shadow: 2px 2px 2px #aaaaaa;
	box-shadow: 2px 2px 2px #aaaaaa;
}


.CollapsiblePanelContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}






/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
#box #valencias #valencias_panels .CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
#box #valencias #valencias_panels .CollapsiblePanelOpen .CollapsiblePanelTab, #box #saude #saude_panels .CollapsiblePanelOpen .CollapsiblePanelTab, #box #instalacoes #instalacoes_panels .CollapsiblePanelOpen .CollapsiblePanelTab, #box #informacao #informacao_panels .CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #8c2369;
	background-image: url(imagens/open_arrow.png);
}



/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

#box #valencias #valencias_panels .CollapsiblePanelClosed .CollapsiblePanelTab {
	background-color: #dddde2; /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
#box #valencias #valencias_panels .CollapsiblePanelFocused .CollapsiblePanelTab {
}




#box #valencias #valencias_panels #CollapsiblePanel1 .CollapsiblePanelContent p {
	font-size: 11px;
	line-height: 17px;
	color: #FFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#box #saude #saude_up {
	background-image: url(imagens/bg_saude_top.jpg);
	background-repeat: repeat-y;
	height: auto;
}



#box #saude #saude_down {
	background-image: url(imagens/bg_saude_bottom.jpg);
	background-repeat: repeat-y;
	height: auto;
	vertical-align: bottom;
	position: relative;	
}



#box #saude #saude_panels {
	width: 565px;
	margin-left: 110px;
	float: left;
	margin-top: 25px;
	position: relative;
}

#box #header_valencias {
	background-image: url(imagens/home_valencias.jpg);
	background-repeat: no-repeat;
	height: 70px;
}


#box #valencias .valencias_content span, #box #saude .saude_content span, #box #valencias .valencias_content span, #box #instalacoes .instalacoes_content span, #box #acordos .acordos_content span, #box #informacao .informacao_content span, #box #contactos .contactos_content span {
	font-family: 'QuicksandLight', Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #5555aa;
	margin:0px;
}














#box #valencias #valencias_bg_down #imagem_valencias {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	float:left;
	width:auto;
	margin-left: 18px;
}

#box #saude #saude_down #imagem_saude {
	position: absolute;
	left: 550px;
	bottom: 0px;
	z-index: 1;
	float:left;
	width:auto;
}
#box #saude_instalacoes {
	background-image: url(imagens/saude_instalacoes.jpg);
	background-repeat: no-repeat;
	height: 48px;
}
#box #valencias_saude {
	height: 91px;
	background-image: url(imagens/valencias_saude.jpg);
	background-repeat: no-repeat;
}
#box #bottom {
	background-image: url(imagens/bg_footer.jpg);
	background-repeat: repeat-y;
	height: 65px;
}
#box #bottom #facebook {
	margin-left: 110px;
	margin-top: 15px;
	width: 360px;
	float: left;
}
#box #bottom #facebook p {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	color: #FFF;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
}
#box #bottom #facebook a #Image4 {
	vertical-align: middle;
}
#box #bottom #ofertasingular {
	float: right;
	width: 300px;
	margin-top: 15px;
	margin-right: 110px;
}
#box #bottom #ofertasingular a #Image5 {
	vertical-align: middle;
}
#box #bottom #ofertasingular p {
	text-transform: uppercase;
	color: #FFF;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#box #instalacoes #instalacoes_up {
	float: right;
	background-image: url(imagens/bg_instalacoes_top.jpg);
	background-repeat: repeat-y;
	width: 1350px;
}
#box #instalacoes #instalacoes_up .instalacoes_content {
	text-align: right;
	float: right;
	width: 564px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 110px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box #instalacoes #separador_instalacoes {
	background-image: url(imagens/separador_instalacoes.jpg);
	background-repeat: no-repeat;
	height: 26px;
}
#box #instalacoes #instalacoes_down {
	background-image: url(imagens/bg_instalacoes_bottom.jpg);
	background-repeat: repeat-y;
	padding-left: 110px;
	padding-top: 76px;
}
#box #instalacoes #instalacoes_up #img_instalacoes {
	width: 674px;
	float: left;
	background-image: url(imagens/instalacoes.jpg);
	background-repeat: no-repeat;
	height: 295px;
}
#box #instalacoes #instalacoes_up .instalacoes_content p {
	margin: 0px;
	padding: 0px;
}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanel{
	float: left;
	width: 362px;
	margin-right: 30px;
	margin-top:0px;
	margin-bottom:40px;
	font-family: Verdana, Geneva, sans-serif;
}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelTab{
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#5f5f5f;
	}


#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelTab img{
	
	border:6px solid #c4a6d2;
	border-radius:5px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	transition: width 2s;
	margin-bottom:20px;
	font-family: Verdana, Geneva, sans-serif;
	}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelTab:hover{
	cursor:pointer;
	background-color:transparent;
	color:#8c2369;
	font-family: Verdana, Geneva, sans-serif;
	}


#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelContent{
	margin:0px;
	padding:15px 0;
}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelContent{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	padding-left:1px;
	padding-right:1px;
}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelContent img{

	margin-bottom: 10px;
}

#box #instalacoes #instalacoes_down #galeria .CollapsiblePanelContent .stretch {
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

#box #instalacoes_acordos {
	background-image: url(imagens/instalacoes_acordos.jpg);
	background-repeat: no-repeat;
	height: 45px;
}
#box #acordos #acordos_up #img_acordos {
	background-image: url(imagens/acordos.jpg);
	background-repeat: no-repeat;
	height: 231px;
	width: 622px;
	float: right;
}
#box #acordos #acordos_up .acordos_content {
	float: left;
	width: 550px;
	margin-left: 110px;
	margin-top: 30px;
}
#box #acordos #acordos_up {
	background-image: url(imagens/bg_acordos_top.jpg);
	background-repeat: repeat-y;
}
#box #acordos #seprador_acordos {
	background-image: url(imagens/separador_acordos.jpg);
	height: 19px;
}
#box #acordos #acordos_down {
	background-image: url(imagens/bg_acordos_bottom.jpg);
	background-repeat: repeat-y;
}
#box #acordos #acordos_down .logos_acordos {
	margin-left: 110px;
	padding-top: 30px;
}
#box #acordos #acordos_down .logos_acordos img {
}
#box #acordos_informacao {
	background-image: url(imagens/acordos_informacao.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
#box #informacao #informacao_up .informacao_content {
	float: right;
	width: 570px;
	margin-right: 110px;
	text-align: right;
	margin-top: 50px;
	margin-bottom: 100px;
}
#box #informacao #informacao_up {
	background-image: url(imagens/bg_informacao_top.jpg);
	background-repeat: repeat-y;
}
#box #informacao #informacao_down {
	background-image: url(imagens/bg_informacao_bottom.jpg);
	background-repeat: repeat-y;
	position: relative;
	vertical-align: bottom;
	height: auto;
}
#box #informacao #informacao_down #imagem_informacao {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	float:left;
	width:auto;
	margin-left: 0px;
}
#box #informacao #informacao_down #informacao_panels {
	float: right;
	width: 570px;
	margin-right: 110px;
	margin-top: 50px;
	margin-bottom: 30px;
}
#box #informacao_contactos {
	background-image: url(imagens/informacao_contactos.jpg);
	background-repeat: no-repeat;
	height: 87px;
}
#box #contactos #contactos_up .contactos_content {
	width: 526px;
	margin-left: 110px;
	float: left;
}
#box #contactos #contactos_up {
	background-image: url(imagens/bg_contactos_top.jpg);
	background-repeat: repeat-y;
}
#box #contactos #contactos_down {
	background-image: url(imagens/bg_contactos_bottom.jpg);
	background-repeat: repeat-y;
}
#box #contactos #contactos_down #morada {
	width: 360px;
	margin-left: 110px;
	margin-top: 40px;
	float: left;
}


#box #contactos #contactos_down #formulario ul, #box #contactos #contactos_down #mapa ul {
	margin-left: 0px;
	padding-left: 13px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	margin-top: 16px;
}
#box #contactos #contactos_down #formulario ul li, #box #contactos #contactos_down #mapa ul li {
	font-family: Verdana, Geneva, sans-serif;
	color: #65a4e1;
	margin: 0px;
	padding: 0px;
	font-size:11px;
}
#box #contactos #contactos_down #formulario {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #7a7979;
	width: 350px;
	margin-left: 40px;
	float: left;
	margin-top: 40px;
	margin-bottom: 50px;
}


#box #contactos #contactos_down #mapa {
	float: left;
	height: 250px;
	width: 330px;
	margin-left: 40px;
	margin-top: 40px;
}


#box #contactos #contactos_down #formulario form {
	margin-top:20px;
}


#box #contactos #contactos_down #morada form .inputs, #box #contactos #contactos_down #formulario form .inputs {
	width: 350px;
	margin-bottom: 12px;
	background-color: #e1eefa;
	border: 3px solid #fafcfe;
	border-radius:5px;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color: #7a7979;
	-webkit-box-shadow: 2px 2px 2px #dce5ec;
	box-shadow: 2px 2px 2px #dce5ec;
}

#box #contactos #contactos_down #morada form .inputs {
	width: 272px;
}

#box #contactos #contactos_down #morada form .buttons, #box #contactos #contactos_down #formulario form .buttons {
	width:auto;
	background-image:url(imagens/bg_button_ori.jpg);
	background-repeat:repeat-x;
	border: 3px solid #fafcfe;
	border-radius:5px;
	padding: 3px 15px 3px 15px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color: #a5a4a4;
	-webkit-box-shadow: 2px 2px 2px #dce5ec;
	box-shadow: 2px 2px 2px #dce5ec;
}


#box #contactos #contactos_down #morada form .buttons {
	float: right;
}


#box #contactos #contactos_down #morada form .buttons:hover, #box #contactos #contactos_down #formulario form .buttons:hover {
	background-image:url(imagens/bg_button_over.jpg);
	cursor:pointer;

}
#box #acordos {
	height: auto;
}
#box #contactos #contactos_up .contactos_content p {
	color: #FFF;
	margin-top: 0px;
}
#box #contactos #contactos_down #morada p strong {
	color: #65a4e1;
	font-family: Verdana, Geneva, sans-serif;
}
#box #contactos #contactos_down #morada ul {
	margin-left: 0px;
	padding-left: 13px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	margin-top: 15px;
}
#box #contactos #contactos_down #morada ul li {
	font-family: Verdana, Geneva, sans-serif;
	color: #65a4e1;
	margin: 0px;
	padding: 0px;
}
#box #contactos #contactos_down #morada, #box #contactos #contactos_down #mapa {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #7a7979;
}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 1280px;
	z-index:2;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 11px/100% Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #999;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(imagens/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
#box #contactos #contactos_down #mapa iframe {
	border: 3px solid #fafcfe;
}
#box #contactos #contactos_down #formulario form span {
	margin-top:7px;
	float: right;
	margin-right:0px;
	padding-right:0px;
	text-align:right;
}
#box #saude #saude_down #saude_panels .CollapsiblePanelContent {
	color: #8d8c8c;
}
#box #informacao #informacao_down #informacao_panels #CollapsiblePanel14 .CollapsiblePanelContent {
	color: #8d8c8c;
}
#box #informacao #informacao_down #informacao_panels #CollapsiblePanel15 .CollapsiblePanelContent {
	color: #8d8c8c;
}
#box #contactos #contactos_down #morada a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #7A7979;
	text-decoration: none;
}
#box #contactos #contactos_down #morada a:hover {
	color: #65A4E1;
}