/* ++ Begin colFIP CSS +++++++++++++++++++++++++++++++ */

/* ++ Globals ++++++++++++++++++++++++++++++++++++++++ */

html { 
	padding: 0;
	margin: 0;
}

body {
	background-color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

h4 {
	color: #5b82c9;
	font-weight: normal;
}

p {
	padding: 0;
	line-height: 1.4em;
}

img {
    margin-bottom: 0.2em;
	padding: 0;
	border: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

ul {
	margin-top: 0.5em;
}

li {
	list-style-type: none;
}

ul, ol {
	padding-left: 0;
	margin-left: 0;
}


/* ++ Header Structure +++++++++++++++++++++++++++++++ */

#header { 
	position: absolute;
	background-color: #FFFFFF;	
	left: 1em;
	right: 1em;
}

#header img { 
	position: absolute;
	bottom: 1.4em;
}

#headerSearch {
	height: 105px;
	bottom: 0.9em;
}

.breadcrumbs {
	position: absolute;
	font-size: 9px;
	line-height: 1.3em;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	bottom: 0.8em;
}

.breadcrumbs a {
	color: #888888;
	padding: 0 0.2em;
}

.breadcrumbs a:hover {
	background-color: #FFFFFF;
	color: #5b82c9;
}

.breadcrumbs a#active {
	color: #5b82c9;
}

.searchBox {
	position: absolute;
	margin: 0 0 0.5em 0;
	bottom: 2.7em;
}

input#search_box {
	position: absolute;
	width: 12.5em;
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding: 0.2em;
	border: 1px solid #CCC;
}

/* ++ Page Structure +++++++++++++++++++++++++++++++++ */

#page { 
	position: absolute;
	left: 1em;
	right: 1em;
	top: 100px;
}

#h1, #h2, #h3, #h4  { 
	position: absolute;
	height: 100px; 
	background-image: url(/assets/images/coleccao/bg_04.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}

#c1, #c2, #c3, #c4, #c3large  { 
	background-color: #FFF;	
	position: absolute;
	top: 0;
}

#c1, #h1 { 
	width: 12em;
}

#c2, #h2 { 
	width: 12em;
	left: 13em;
}

#c3, #h3 { 
	width: 40em;
	left: 26em; 
}

#c3large {
	width: 53em;
	left: 13em;
}

#c4, #h4 { 
	width: 12em;
	left: 67em; 
}

/* ++ Main Menus +++++++++++++++++++++++++++++++++++++ */

.navbar {
	padding: 0;
	margin: 0.5em 0 0 0;
}

.navbar li {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin: 0 0 0.2em 0;
}

.navbar li a {
	display: block;
	color: #FFFFFF;
	padding: 0.4em;
	margin: 0 0 0.2em 0;
	background-image: url(/assets/images/coleccao/01.gif);
}

.navbar li a:hover {
	background-color: #C30000;
}

.navbar li.selected {
	background-color: #C30000;
}

.a1 {background-color: #5b82c9 ;}
.a2 {background-color: #6a8cc9 ;}
.a3 {background-color: #7793c5 ;}
.a4 {background-color: #8096be ;}
.a5 {background-color: #8999b6 ;}
.a6 {background-color: #909bae ;}
.a7 {background-color: #9399a3 ;}
.a8 {background-color: #959697 ;}
  
.b1, .b12,       .b24 {background-color: #333333 ;}
.b2, .b11, .b13, .b23 {background-color: #444444 ;}
.b3, .b11, .b14, .b22 {background-color: #555555 ;}
.b4, .b10, .b15, .b21 {background-color: #666666 ;}
.b5, .b9,  .b16, .b20 {background-color: #777777 ;}
.b6, .b8,  .b17, .b19 {background-color: #888888 ;}
.b7,       .b18 {background-color: #999999 ;}

/* ++ Sub Menus ++++++++++++++++++++++++++++++++++++++ */

#pageContent ul, ol {
	padding-left: 1.2em;
	list-style-image: url(/assets/images/coleccao/bg_blue3.gif);
	margin-top: 0.7em;
}

.sub {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #333;
	border-bottom: 1px dotted #888;
	padding: 0;
	margin: 0 0 0.4em 0;
}

.sub:hover {
	color: #5b82c9;
}

.navbarBio {
	margin-left: 0;	
}

.navbarBio li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	font-weight: bold;	
}

.navbarBio li a {
	color: #888;
}

.navbarBio li a:hover {
	color: #5b82c9;
}

.navbarBio li a.activeSub {
	color: #5b82c9;
}

.navbarSub {
	padding: 0;
	margin: 0;
}

.navbarSub li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 0 0.4em 0;
	text-transform: uppercase;
	font-weight: bold;	
}

.navbarSub li a {
	color: #888;
}

.navbarSub li a:hover {
	color: #5b82c9;
}

.navbarSub li a.activeSub {
	color: #5b82c9;
}

/* ++ Sub Menus (Contents Footer) ++++++++++++++++++++ */

.navbarSubFooter {
	background-color: #FFFFFF;
}

.navbarSubFooter li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0 1em 0 0;
}

.navbarSubFooter li.selected {
	background-color: #FFFFFF;
	color: #5b82c9;
}

.navbarSubFooter li a {
	color: #666666;
	text-decoration: underline;
	text-transform: uppercase;
}

.navbarSubFooter li a:hover {
	background-color: #FFFFFF;
	color: #5b82c9;
	text-decoration: underline;
}

/* ++ home page + home exhibitions +++++++++++++++++++ */

.highlight {
/*	position: relative;*/
}

.row {
	height: 35em;
	border-top: 1px solid #CCC;
	padding-top: 1em;
	}

.boxLeft {
    width: 49%;
	float: left;
}

.boxRight {
	left: 50%;
	width: 49%;
	float: right;
}


/* ++ Contents +++++++++++++++++++++++++++++++++++++++ */

#contentPage {
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

#content {
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#contentTitle {
	margin-bottom: 1em;
}

#contentMain {
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 0;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	overflow: auto;
	height: 1%;
}

#contentMain a {
	color:#555;
	}
	
#contentMain a:hover {
	color:#5b82c9;
	}
	
#contentMain li{
	margin-bottom: 4px;
}

#pageContent {
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 0;
	border-top: 1px solid #888;
}

.mainTitle {
	display: inline;
	color: #5b82c9;
	margin: 0 0 0.2em 0;
}

html>body h2.mainTitle {
	font-size: 18px;
}

.subTitle {
	display: inline;
	font-weight: normal;
	color: #888888;
	font-size: 18px;
	padding: 0 0 0 0.1em;
}

.date {
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
}

.descriptionTitle {
	font-size: 12px;
	font-style: italic;
	padding: 0.2em 0 0 0;
	border-top: 1px solid #909bae;
}

#contentImage {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

.ie6 #contentImage {
	padding: 1em 1em -1em 1em;
}

#contentImage_news {
	float: left;
	width: 50%;
	margin: 0 1em 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

#contentImage img {
	margin: 0;
	padding: 0;
}

#contentImage_news img {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#contentImage p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	background-color: #FFFFFF;
	margin: 1em 0 0 0;
	padding: 0;
}

#contentImage p.paginator {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	background-color: #FFFFFF;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#contentText {
	padding: 0 0 0.5em 0;
	line-height: 1.3em;
}  

#contentText p{
	padding: 0 0 0.5em 0;
}

.bio1 {
	font-size: 14px;
	padding: 10px 0 0 0;
}

.bio2 {
	margin: 0;
	font-size: 11px;
	color: #000;
}

#contentLegend {
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color: #EEE;
}

#contentLegend  p {
	margin: 0 0 0 1em;
	padding: 0.6em 0 0.6em 0.5em;	
}

.writer {
	font-weight: bold;
	margin: 1em 0;
	color: #000;
}

.textImage {
	float: left;
	width: 50%;
	margin: 0 1em 1em 0;
	padding: 0;
}

.textImage img {
	max-width: 200px;
	margin: 0;
	padding: 0;
}

.description {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 11px;
	line-height: 1.1em;
}

#footer {
	padding: 0.2em;
	background-image: url(/assets/images/coleccao/bg_04.gif);
	background-attachment: fixed;
}

/* ++ archives lists +++++++++++++++++++++++++++++++++ */

.archiveList, .filter_lists {
	padding: 0.2em 0 0 0;
	margin: 0;
	border-top: 1px dotted #ccc;
}

.archiveDate {
	font-weight: bold;
	color: #000000;
}

.archiveItem {
	color: #000000;
}

.archiveItem a:hover {
	color: #5b82c9;
}

.archiveItem li {
	font-weight: normal;
	line-height: 1.3em;
	right: 0em;
}

.exp li {
	display: inline;
	background-color: #FFF;
}

#contentMain .paginator,
#contentMain .paginator a {
	color: #999;
}

.paginator {
	margin: 0;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #eee;
}

.paginator a {
	padding: 0 0.2em 0 0;
	font-weight: bold;
}

.paginator .this-page {
	color: #000;
	padding: 0 0.2em 0 0;
	font-weight: bold;
}

#contentMain .paginator a:hover {
	color: #5B82C9;
	text-decoration: underline;
}

#contentMain .paginator,
#contentMain .paginator a {
	color: #999;
}

.paginator.images {
	margin: 0;
	padding: 0.5em 0;
	border: none;
}

/* ++ last aquisitions specs +++++++++++++++++++++++++ */

.contentAuthor {
	padding-bottom: 0.5em;
	border-top: 1px dotted #ccc;
}

.contentSubtitle {
	margin-top: 1em;
	border-bottom: 1px dotted #ccc;

}

html > body .contentSubtitle {
	font-size: 12px;
	font-weight: bold;
}

.author {
	padding: 0;
	margin: 0 0 1em 0;
}

html > body .author {
	font-size: 12px;
}

/* ++ media and news navbar ++++++++++++++++++++++++++ */

.mediaNav {
	position: relative;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	text-transform: uppercase;
	margin: 0.5em 0 2em 0;
	padding: 0 0.2em;
	overflow: visible;
}

.left{
	float: left; 
}

.right {
	float: right;
}

#contentMain .mediaNav a {
	color: #eee;
}

#contentMain .mediaNav a:link,
#contentMain .mediaNav a:visited {
	color: #444;
}

#contentMain .mediaNav a:link:hover,
#contentMain .mediaNav a:visited:hover {
	color: #5b82c9;
}

/* ++ table artists + media lists ++++++++++++++++++++ */

td {
	background-image: url(/assets/images/coleccao/bg_blue3.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 10px;
}

.leftRow {
	width: 200px;
}

.centerRow {
	width: 200px;
}

.rightRow {
	width: 200px;
}

/* ++ Listas +++++++++++++++++++++++++++++++++++++++++ */

.lists {
	margin-left: 0;
	padding: 0;
}

.lists li {
	padding: 0;
	margin-left: 1.2em;
	list-style-image: url(/assets/images/coleccao/bg_blue3.gif);
}

/* ++ Lang +++++++++++++++++++++++++++++++++++++++++++ */

.language {
	margin-top: 3.8em;
	color: #888888;
}

#h4 li {
	display: inline;
	font-size: 9px;
	line-height: 1.3em;
	text-transform: uppercase;
}

#h4 li #first:after {
	content: "|";
	margin: 0 0 0 0.2em;
	color: #888;
}

#h4 a {
	color: #888;
}

#h4 a:hover {
	color: #5b82c9;
}

#h4 .langSelected {
	color: #5b82c9;
}

/* ++ slideshow expo-online +++++++++++++++++++++++++ */

#slideshow_thumbnails {
}

#slideshow_thumbnails li {
	display: inline;	
}

#slideshow_thumbnails img {
	background-color: #FFF;
}

.thumb {
	position: relative;
	padding: 5px;
	background-image: url(/assets/images/coleccao/bg_04.gif);
}

/* ++ contacts +++++++++++++++++++++++++++++++++++++ */

#contact-form {
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

.contactTitle {
	font-size: 11px;
	color: #5b82c9;
	font-weight: normal
	font-family: arial, helvetica, verdana, sans-serif;
	text-transform: uppercase;
}

#id_subject,
#id_name,
#id_email {
	font-size: 100%;
	height: 14px;
	width: 99.5%;
	margin: 0 0 0.5em 0;
	border: 1px solid #909bae;
}

.contactBox1,
.contactBox2, 
.contactBox3, 
.contactBox4 {
	margin: 0;
	padding: 0;
}

#id_message {
	font-size: 100%;
	width: 99.5%;
	margin: 0 0 0.5em 0;
	border: 1px solid #909bae;
}

.error {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	font-family: arial, helvetica, verdana, sans-serif;
	text-transform: none;
	color: FF0000;
	margin: 0 0 0 10px;
}


form p.button {
	padding: 0;
	margin: 0 0 1em 0;
}

input[type="submit"] {
	font-size: 11px;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	text-transform: uppercase;
	color: #888;
	margin: 1em 0 0 0;
	border: 1px solid #888;
	background-color: #fff;	
}

input[type="submit"]:hover{
	color: #fff;
	background-color: #909bae;	
	border: 1px solid #909bae;
}

/* ++ search +++++++++++++++++++++++++++++++++++++++ */

.linkSearch {
background-image: url(/assets/images/coleccao/bg_blue3.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 10px;
}


h4.collapsable {
  cursor: pointer;
}

/* ++ End colFIP CSS ++++++++++++++++++++++++++++++++ */

