@CHARSET "ISO-8859-1";

/* div { border: 1px solid #CCCCCC; padding: 2px; } */




/* ====== TYPOGRAPHY ====== */


body {
	font-family: Verdana, sans serif;
	background: white;
	font-size: 0.75em;
	line-height: 125%;
}

a {
	text-decoration: none;
	color: #0000FF;
}

a img {
	border: 0px;
}

a:hover {
	text-decoration: underline;
	color: #0000FF;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px;
}

h2 {
	font-size: 170%;
	font-weight: normal;
	margin: 15px 0px 10px;
}

h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 10px 0px 5px;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0px 1px;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 1px;
}

p {
	margin: 0px 0px 5px;
}

ul {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
}

hr {	
	border: medium none white;
	border-bottom: 1px dashed #666666;
	height: 1px;
	color: white;
	background-color: white;
}


img.left {
  margin: 0px 10px 10px 0px;
}

img.right {
  margin: 0px 0px 10px 10px;
}

/* --- specific --- */


div#sitetitle a {
	color: white;
}

div#sitetitle a:hover {
  text-decoration: none;
} 




/* ====== GENERAL ====== */


.left {
	float: left;
}

.right {
	float: right;
}

.reset {
	clear: both;
}



/* --- redirect page --- */


#div_redirect p {
	font-size: 120%;
	display: block;
	width: 350px;
	padding-top: 10px;
	margin-bottom: 20px;
}

#div_redirect a {
	font-size: 140%;
}

#div_redirect.warning h2 {
	color: orange;
}

#div_redirect.error h2 {
	color: red;
}




/* ====== LAYOUT ====== */


body {
	margin: 20px 0px;
	padding: 0;
}

#page {
	width: 920px;
	margin: 0px auto;
	height: 100%;
}


/* --- head --- */


div#stylehead {
	background: white;
	margin: 0px auto;
	width: 920px;
}

div#header {
  height: 140px;
  padding: 0pt;
  text-align: center;
  background-color: white;
/*   border-bottom: 1px solid black; */  
}

div#header div#preheader {
	height: 40px;
	background-color: rgb(43,45,186);
}

div#header div#preheader div#sitetitle {
	padding: 12px 10px;
  font-size: 200%;
  font-weight: bold;
  text-align: left;
  color: white;
}

div#headeradmin {
  height: 140px;
  padding: 0pt;
  text-align: center;
  background-color: #FFFFFF;
}

div#subheader #banner {
  height: 112px;	
}



/* --- main --- */


div#wrapper {
	background: white;
	padding-bottom: 20px;
	width: 920px;
}

/* --- sidebar (left) --- */

#sidebar { border-right: 1px solid #004A91; }

#sidebar {float: left; width: 180px; }

.sidebarbox { margin-right: 1px; padding-bottom: 10px; }
#sidebar h2 { margin: 0px; padding: 0px 0px 0px 4px; font-size: 95%;	font-weight: bold; }

/* menu level 1 */

#sidebar ul { margin: 0px; padding: 0px 0px 0px 0px; }
#sidebar ul li { list-style-image: none; font-size: 13px; list-style: none; overflow: hidden; }
#sidebar ul li.odd span { background-color: rgb(215,237,251) }
#sidebar ul li.even span { background-color: white } 
#sidebar ul li.selected span { background-color: #91d3f2; }
#sidebar ul li span { display: block; height: 23px; padding: 7px 0px 0px 10px; font-weight: bold; }
#sidebar ul li span { background-image: url("images/menu-off.png"); background-position: top right; background-repeat: no-repeat; }
#sidebar ul li a:hover span { background-color: #F0F0F0; background-image: url("images/menu-on.png"); background-position: top right; background-repeat: no-repeat; text-decoration: underline; }

#sidebar ul.header span { background-image: none; }

/* menu level 2 */

#sidebar ul li ul { padding: 0px; }
#sidebar ul li ul li a { background: none; }
#sidebar ul li ul li.odd span { background-color: white; }
#sidebar ul li ul li a span { background: none; }
#sidebar ul li ul li a:hover span { background-image: none; background-color: #F0F0F0; }
#sidebar ul li ul li.odd a:hover span { background-color: #F0F0F0; }
#sidebar ul li ul li span {
	  padding: 3px 0px 4px 20px;
	  display: block;
	  height: 10px;
	  border: none;
	  font-size: 11px;
	  height: auto;
	  font-weight: normal;
}

/* menu level 3 */

#sidebar ul li ul li ul { padding-bottom: 0px; }

#sidebar ul li ul li ul li a span { padding-left: 30px; }  

/* --- sidebar boxes --- */

/* #sidebar .menuinfo { border-right: 1px solid #004A91; } */	
#sidebar .menuinfo ul.header { background-color: #ead800; font-weight: bold; }

/* #sidebar .menuservice { border-right: 1px solid #004A91; } */ 
#sidebar .menuservice ul.header { background-color: rgb(0,74,145); }
#sidebar .menuservice ul.header li span {font-weight: bold; color:white }

/* #sidebar .inqueritobox { border-right: 1px solid #004A91; } */
#sidebar .inqueritobox ul { background-color: rgb(215,237,251); }
#sidebar .inqueritobox ul.header li span { font-weight: bold; color: black; }
#sidebar .inqueritobox .inquerito { padding: 10px 10px 0px; }
#sidebar .inqueritobox .inquerito span.pergunta { font-size: 12px; padding-bottom: 5px; }
#sidebar .inqueritobox .inquerito span.resposta { font-size: 12px}
#sidebar .inqueritobox .notas { padding: 10px; font-size: 9px; line-height: 110%; }
#sidebar .inqueritobox .notas .seeresults { font-size: 11px; line-height: 100%; margin-bottom: 10px; }
#sidebar .inqueritobox .inquerito span { display:block }

/* #sidebar .farmaciabox { border-right: 1px solid #004A91; } */
#sidebar .farmaciabox ul { background-color: rgb(215,237,251); margin-bottom: 15px;}
#sidebar .farmaciabox ul li span { font-weight: bold; color: white; }
#sidebar .farmaciabox .farmacia { margin: 0px 0px 0px; padding: 0px 20px 16px; }
#sidebar .farmaciabox .farmacia span { display:block; }


/* --- sidebar (login) --- */

/* #sidebar .userbox { border-right: 1px solid #004A91; border-bottom: 1px solid #004A91; } */ 
/* #sidebar .userbox ul { background-color: rgb(215,237,251); } */
/* #sidebar .userbox ul li span { height: 23px; padding:6px 0 0 10px;} */

/* --- get acrobat --- */

#sidebar .get_acrobat { margin-top: 20px; }		

/* --- sidebar (right) --- */

#rightbar {
  float: right;
  min-height: 400px;  
  width: 250px;
}

#rightbar #slideshow {
	height: 180px;
	background-color: white;
}

#rightbar ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border-top:1px solid white;  
}

#rightbar ul li {
  list-style-image: none; 
  list-style: none;
  margin: 0px;
  padding: 0px;  
  height: 61px;
  width: 250px;
  overflow: hidden;
}

#rightbar ul li h3 {
  display: none;
}



/* --- footer --- */

#footer {
  border-top: 1px solid #666666;	
	padding: 15px 10px;
	overflow: hidden;
	background: white;
  text-align: center;	
}

#siteinfo {
  color: #666666;
  font-size: 11px;
  line-height: 110%;	
}

#siteinfo p { margin: 0px; }

#meta { 
  padding: 0px 25px 0px 25px;
  font-size: 70%;
  color: #666666;
}

div#footerinc {
	padding: 35px 15px 0px 15px;
}

div#footerinc a {
	filter: alpha(opacity =       50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#footerinc a:hover {
	filter: alpha(opacity =       100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#subfooter {
  color: #999999;
  font-size: 0.7em;
  line-height: 110%;
  padding: 20px;
}




/* ====== CONTENTS ====== */ 


div#contentswrapper {	
	width: 490px;	
	text-align: left;
}

/* --- navbar --- */


div#navbarwrapper {
}   

div#navbar {
	font-size: 13px;
  height: 60px;
  font-weight: bold;
  /* border-right: 1px solid black;*/
}

div#navbar div#navbar1 {
  height: 30px;
  /* border-bottom: 1px solid black;*/
  background-color: rgb(0,111,179);
  color: white;
}

div#navbar div#navbar2 {
  height: 30px;
  /* border-bottom: 1px solid black;*/
  background-color: rgb(0,74,145);  
  color: white;
}

div#navbar div div {
	margin: 0px;
}	 
		
div#navbar div#navbar1 div, div#navbar div#navbar2 div {
  padding: 7px 10px 0px 10px;
}

div#navbar div#navbar2 div.search {
	margin: 0px;
	padding: 2px 10px 0px 0px;
}


div#navbar span a { color: white; }

/* --- search --- */


div#navbar form#search {
  display: block;
  font-size: 100%;
  margin: 1px 0px;
}

div#navbar form#search input.searchterms {
  margin-left: 2px;
  width: 120px !important;
  vertical-align: middle;
  border: 1px solid #666666;
  height: 19px;
}

div#navbar form#search input.searchbutton {
  border: none;
  color: white; 
  font-weight:bold;
  background: transparent; 
  width: 22px; 
  height: 23px;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

/* --- page --- */

div#pagecontents {
	
}

div.pagetitle {
	color: white;
	background-color: rgb(0,136,202);
	margin: 0px;
	/* border-bottom: 1px solid black; */
	/* border-right: 1px solid black; */
	height: 30px;	
}

div.pagetitle h2 {
	padding: 7px 0px 0px 10px;
	margin: 0px;
	font-size: 0.9em;
	font-weight: bold;	
}

div.pagetext {
	padding: 10px 20px 20px;
}


div.viewall {
  border-top: 1px solid #666666;
  margin: 20px;
  padding: 5px 0px;	
}

/* --- homepage --- */


#pagecontents div.homepage {
	background-color: white;
	padding-top: 2px;
	border-top: 1px solid #8A8989;
	border-bottom: 1px solid #666666;
}


/* ====== FORMATS ====== */ 


/* --- info --- */


div.info {
	float: right;
}

div.info .label {
	clear: both;
	float: left;
	margin-right: 5px;
}

div.info .value {
	float: left;
	font-weight: bold;
}


/* --- form --- */

div.form {
  clear: both;
	padding: 10px 5px 20px;
	margin: 0px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #004A91;
}

div.form fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.form h4 {
	font-size: 140%;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #333333;
}

div.form p.formtitle {
	margin: 0px 0px 5px;
	font-weight: bold;
}

div.form div.field, div.form div.fieldfile {
  clear: both;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px;
}

div.form div.field.special {
	padding: 10px 0px 20px;
	background-color: white;
	border-top: 1px dotted #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
}

div.form div.controls {
  text-align: right;
  clear: both;
	margin: 10px 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
}

div.form div.controls label {
	display: none;
}

div.form input.radio, div.form input.checkbox {
	width: auto;
}

div.form span.radiolabel {
  margin-right: 20px;	
}
	

div.form div.controls input.button, div.table div.controls input.button {
	width: 80px;
	font-size: 100%;
	text-transform: uppercase;
}
                                    
div.form div.text {
  clear: both;
}

div.form label,div.form span.label,div.form span.value {
	display: block;
}

div.form label,div.form span.label {
	font-weight: bold;
}

div.form input, div.form select,div.form textarea {
	width: 442px;
	margin: 1px;
	padding: 0.2em 0.3em;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	color: #333333;
}

div.form div.controls input {
	width: 10em;
}

div.form input.button, div.table div.controls input.button {
	margin: 1px;
	padding: 0.125em 0.4em;
	text-decoration: none;
	border: 1px solid #333333;
	background: #FFFFFF url(images/buttonshadow.png) repeat-x scroll center	bottom;
	cursor: pointer;
}

div.form input.error {
	border: 1px solid red;
}


/* --- form big --- */


div.form.big input,div.form.big input,div.form.big label,div.form.big span.label,div.form.big span.value
	{
	font-size: 120%;
}	
	
/* ====== ADMIN ====== */


/* --- tabbar --- */

div.tabbar { background: #F5F5F5; padding-top: 3px; height: 28px; border-bottom: 1px solid #CCCCCC }

div.tabbar ul {
  border-left: 1px solid #EEEEEE;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

div.tabbar ul li {
	font-size: 120%;
  float: left;
  margin-top: 5px;   
  background-color: #E5E5E5;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #EEEEEE;
  padding-top: 5px;   
  padding-bottom: 2px; 
}

div.tabbar ul li span {
  display: block;   	
  padding: 0px 10px;
}

div.tabbar ul li.selected {
  margin-top: 0px;
  padding-bottom: 5px; 	
  background-color: #F5F5F5;
}	

div.tabbar ul li a:hover, div.tabbar ul li a.selected {
  background-color: #FAFAFA;
}


/* --- list --- */


div.list div.list_container {
  clear: both;
	margin-top: 20px;
}

div.list div.box {
	width: 290px;
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
}

div.list div.box div.avatar {
	float: left;
	margin-right: 10px;
}

div.list div.box span {
	display: block;
	margin-bottom: 5px;
}

div.list div.box span.description {
	font-size: 0.8em;
	line-height: 125%;
	width: 200px;
	float: right;
}

div.list div.box span.url {
	font-size: 0.8em;
	line-height: 125%;
	width: 200px;
	float: right;
	text-align: left;
}


/* --- list message --- */


div.list div.list_message {
	display: none;
	color: #666666;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	float: left;
	padding: 2px 10px;
	margin: 10px 0px 10px;
}

div.list div.list_message.show {
	display: block;
}

div.list div.list_message.enhanced {
	display: none;
}

div.list div.list_message.warning {
	color: orange;
}

div.list div.list_message.error {
	color: red;
}



/* --- table --- */

div.table {
  clear: both;
}

div.table input {
	width: auto !important;
}

div.table span.msg_table {
	font-size: 1.2em;
	color: #666666;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

div.table div.table_container {
	padding: 1px;
	background-color: #CCCCCC;
}

div.form div.table div.table_container {
	margin-top: 0px;
}

div.form div.table div.table_container div.controls {
  margin: 0px;
  padding: 5px;
  text-align: left;  
}

div.table div.emptytable { padding: 15px 50px 30px; text-align: center; background-color: #EEEEEE}

div.table div.table_container table {
	width: 100%;
	padding: 0px;
	border-collapse: collapse; 
}

div.table div.table_container table {
	width: 100%;
	padding: 0px;
	background-color: #CCCCCC;
}

div.table div.table_container table tr.header {
	background-color: #CCCCCC;
	height: 30px;
}

div.table div.table_container table tr.even {
	background-color: #EEEEEE;
}

div.table div.table_container table tr.odd {
	background-color: #F5F5F5;
}

div.table div.table_container table td {
	padding: 5px;
}

div.table div.table_container table td a.tableavatarlink img {
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

div.table div.table_container table td.link {

}


/* --- widget --- */


div.widget {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	width: 250px;
	height: 400px;
	background-color: #F6F6F6;
}

div.widget div.tlb_widgets {
	float: right;
	position: relative;
	top: 0px;
	text-align: right;
}

div.widget div.tlb_widgets a {
	background-color: #577F1E;
	padding: 0px 10px;
	color: white;
}

div.widget div.header {
	height: 30px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
}

div.widget div.header h3 {
	margin: 0px;
	text-align: left;
	padding: 5px 0px 0px 5px;
}

div.widget div.actions {
	float: right;
	text-align: right;
	padding-top: 10px;
}

div.widget div.actions li.actiontitle span {
	display: none;
}

div.widget div.actions ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.widget div.actions ul li {
	float: left;
	background-color: #EEEEEE;
	border-left: 1px solid #FFFFFF;
}

div.widget div.header div.actions ul li a {
	display: block;
	padding: 0px 5px;
}

div.widget div.items {
  clear: both;
}

div.widget div.items ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.widget div.items ul li {
	float: left;
}

div.widget div.items ul li a {
	display: block;
	padding: 0px 5px;
}




/* ====== SPECIFIC ====== */ 


/* --- admin --- */

div.toolbar {
  height: 30px;
  margin: 0px auto 1px;
  padding: 0px 10px 0px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}

div.toolbar span.title { float: left; }

div.toolbar { height: 30px; background: #F5F5F5; }
div.toolbar ul { height:30px; width: auto; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; border-right: 1px solid #CCCCCC}
div.toolbar ul li { float: right; border-left: 1px solid #CCCCCC;  border-right: 2px solid #FFFFFF; }
div.toolbar ul li a { display: block; padding: 5px 5px; height:20px; }
div.toolbar ul li a:hover, div#breadcrumbs ul li a.selected { background: #FAFAFA; }

div.toolbar#admincrumbs ul li { float:left;  }


div.adminitems {
  background: #F5F5F5;
  padding: 20px 10px 20px 20px;
}

div.adminitem {	
	float: left;	
	width: 180px;
  height: 60px;
  margin-right: 10px;
  margin-bottom: 10px;
	padding: 5px;
	font-size: 150%;
	background-color: white;	
}

div.editpage {
	margin: 20px 10px 0px;
	border-top: 1px solid #626262;
}


/* --- styles --- */

#pagecontents .normal {
  font-size: 95%;
}

#pagecontents .legenda {
  font-size: 85%;
}

#pagecontents .titulo {
  font-size: 120%;
  font-weight: bold;
}

#pagecontents .subtitulo {
  font-size: 100%;
  font-weight: bold;
}

/* --- portfolio --- */


div.item_portfolio {	
	width: 200px;
	height: 140px;	
	float: left;
	margin-left: 40px;
}

div.item_portfolio div.avatar img {  
  width: 200px;
  height: 100px;  
  padding-bottom: 5px;
  border-bottom: 1px solid #B4D300;
}

div.item_portfolio a.listlink, div.item_portfolio a.visited {  
  color: #666666;
}

div.item_portfolio a.listlink:hover, div.item_portfolio a.listlink:active {  
  color: #B4D300;
}

/* --- contacts --- */

div.contact {	
  clear: both;
  padding: 10px 20px 20px;
  margin: 0px;
  border-bottom: 1px solid #004A91;
}

div.contact label {
	display: block;
}

div.contact input {
	width: 250px;
}
div.contact textarea {
	width: 448px;
	height: 80px;
}

div.contact input, div.contact textarea {
  border: 1px solid #333333;
}

div.contact div.field, div.contact div.fieldfile {
  clear: both;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px;
}

div.contact div.controls {
  text-align: right;
  clear: both;
  margin: 10px 0px;
  padding: 0px;
  text-align: right;
}

div.contact div.controls input {
	width: 150px;
	height: 25px;
}



/* --- gallery --- */

ul.gallery {
  list-style-image: none;  
  list-style-type: none;
  margin: 0px;
  padding: 0px
}	

ul.gallery li {
  clear: both;
	font-size: 70%; 	
}

ul.gallery li div.mediathumb {
  float: left;
  margin-right: 10px;
  width: 100px;   
  height: 110px;
}

ul.gallery li div.mediathumb img {
  width: 100px;
  height: 100px;   
}


ul.gallery li div.mediaoptions a {
	display: block;
}

/* --- googlemap --- */
	
#googlemap {
	  width: 470px;
	  margin-left: 10px;
	  height: 470px;
}