/* -------------------------------------------------------------------------------------------------- CSS RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;
border-spacing:0;}

/* -------------------------------------------------------------------------------------------------- BODY */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.125em;
	background: #75CB1E url(../i/0_fundo.png) repeat-x 0 0;
	text-align: center;
	color: #000000;
	padding-bottom: 50px;
}

#pagina {
	position: relative;
	width: 720px;
	color: #FFFFFF;
	margin: 0 auto;	
	}
	
/* -------------------------------------------------------------------------------------------------- INTRO */

#idioma {
	width: 100%;
	}

#idioma p {
	width: 250px;
	margin: 0 auto;
	padding: 0 0 0 4px;
	}

#idioma p a {
	float: left;
	width: 124px;
	height: 30px;
	padding: 10px 0 0;
	color: #fff;
	text-decoration: none;
	background: url(../i/1_intro.png) no-repeat bottom center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
#idioma p a:hover {
	text-decoration: underline;
	}
	
#logo {margin-top: 60px;}
	
/* -------------------------------------------------------------------------------------------------- CABEÇALHO */
#cabecalho {
	position: relative;
	width: 700px;
	margin: 0 auto;
	height: 160px;
	text-align: left;
	z-index: 1;
}


#marca {
	padding: 0;
	font: bold 40px Verdana, Arial, Helvetica, sans-serif;
	background: url(../i/0_titulo.png) no-repeat bottom left;	
	margin-left: 170px;
	padding-top: 85px;
	text-indent: -9999px;
}

#boneca {
	position: absolute;
	top: 10px;
	left: -20px;
}
/* -------------------------------------------------------------------------------------------------- NAVEGAÇÃO */
#nav {
	position: absolute;
	width: 100%;
	color: #FFFFFF;
	margin: 0 auto;
	white-space: nowrap;
	text-align: left;
	background: #75CB1E url(../i/0_cont_topo_sombra.png) repeat-x bottom;
}

/* ------------------------------------------ MENU PRINCIPAL */

#menu{
	float: right;
	margin-right: 37px;
}

#menu li.proj, #menu li.cole, #menu li.expo, #menu li.ofic {
	float: left;
	width: 124px;
	height: 42px;
	background-image: url(../i/0_menu.png);
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#menu li.proj {background-position: 0 0;}
	
#menu li.cole {background-position: 373px 0;}

#menu li.expo {background-position: 249px 0;}
	
#menu li.ofic {background-position: 125px 0 ;}

#menu a {
	display: block;
	padding: 16px 0 12px 14px;
	height: 14px;
	color: #fff;
	text-decoration: none;
}

#menu a:hover {text-decoration: underline;}

#menu p {
	display: block;
	padding: 16px 0 12px 14px;
	height: 14px;
	color: #fff;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}

/* ------------------------------------------ SUB-MENU */

#menu .mcurrent ul {
	padding: 2px 0 5px 10px;
	height: 50px;
}

#menu .proj ul {
	background-color: #F12121;
	margin-left: 4px;
	}

#menu .cole ul {
	background-color: #c30082;
	margin-left: 3px;
	width: 110px;
	}

#menu .expo ul {
	background-color: #8d3c99;
	margin-left: 2px;
	width: 110px;
	}

#menu .ofic ul {
	background-color: #2972a5;
	margin-left: 1px;
	width: 110px;
	}

#menu .mcurrent ul li {
	float: none;
}

#menu .mcurrent ul li a, #menu .mcurrent ul li p {
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 3px;
	color: #000;
}

#menu .mcurrent ul li a:hover {text-decoration: underline;}

#menu .mcurrent ul li p {color: #fff;}

/* ------------------------------------------ MENU SECUNDÁRIO */

#menusec {
	position: absolute;
	top: -160px;
	right: 0;
	margin-right: 38px;
	z-index: 2;
}

#menusec li {
	float: left;
	background: transparent url(../i/0_menusec.png) no-repeat -3px 0;
	width: 84px;
	height: 28px;
}

#menusec li.scurrent {background-position: -94px 0;}
	

#menusec a {
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;	
	white-space: nowrap;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0 6px 7px;
}

#menusec p {
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;	
	white-space: nowrap;
	color: #FFFFFF;
	padding: 4px 0 6px 7px;
}

#menusec a:hover {text-decoration: underline;}

/* -------------------------------------------------------------------------------------------------- CONTEÚDO */
#conteudo {
	width: 720px;
	background: transparent url(../i/0_conteudo.png) repeat-y top center;
}

#texto {
	width: 640px;
	background: transparent;
	margin: 0 0 1px 10px;
	padding: 110px 30px 30px;
	text-align: left;
}

/* ------------------------------------------ TÍTULOS E NAVEGAÇÃO */

#titulo {
	position: relative;
	padding: 10px 10px 10px 15px;
	margin-bottom: 20px;}

#texto.proj #titulo {background: #F12121;}

#texto.cole #titulo, #texto.cole h2 {background: #c30082;}

#texto.expo #titulo  {background: #8d3c99;}

#texto.ofic #titulo  {background: #2972a5;}

#texto.secu #titulo  {background: #63D300;}

#texto h1 {
	color: #FFFFFF;
	font: bold 1.25em Verdana, Arial, Helvetica, sans-serif;
}

#texto h2 {
	color: #FFFFFF;
	padding: 10px 10px 10px 15px;
	margin-bottom: 20px;
	font: bold 1.0625em Verdana, Arial, Helvetica, sans-serif;
}

#texto h1 span, #texto h2 span{
	font-weight: normal;
}

#texto h3 {
	color: #666666;
    margin-left: 0;
	padding-left: 0;
	margin-bottom: 8px;
	padding-top: 12px;
	font: bold 0.825em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	}
	
#texto h3.projecto {color: #f12121;}

#texto h3.exposicao {color: #8d3c99;}
	
#texto h3.museu {color: #2972a5;}
	
#texto h3.sub {color: #63d300;}
	
#titulo table {
	margin: 5px 0 0 10px;
	font: normal 0.625em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

#titulo td{
	padding-right: 15px;
	color: #fff;
	}

#titulo a {
	color: #000;
	text-decoration: none;
}

#titulo a:hover {text-decoration: underline;}

.cole #titulo img {
	position: absolute;
	right: 0;
	bottom: 0;
	}

#desc {
	height: 550px;
	text-align: center;}
	
#desch {
	height: 405px;
	text-align: center;}

.galeria {
	margin-top: 10px;
	}
	
.galeria li {
	display: inline;
	margin-right: -4px;
	}
	
.galeria li a {opacity: .6;}

.galeria li a:hover {opacity: 1;}
	
.left {
	float: left;
	margin-right: 10px;
	}

p {	color: #666666;
	padding-top: 10px;
	font: 0.825em Verdana, Arial, Helvetica, sans-serif;
}
	
p.nota {
	text-align: right;
	font-size: 0.625em;
	padding-top: 3px;
	color: #c30082;
	}

p.legcor {
	text-align: left;
	font-size: 0.675em;
	padding-top: 22px;
	color: #c30082;
	}
	
p.legcza {
	text-align: left;
	font-size: 0.675em;
	padding-top: 3px;
	}

#copy {
	clear: both;
	position: relative;
	text-align: left;
	margin-top: 80px;
	}
	
#copy a {
	text-decoration: none;
	color: #1a1a1a;
	}
	
#copy a:hover {
	text-decoration: underline;
	}
	
#copy p span {
	clear: both;
	color: #666666;
	font: 0.675em Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0;
	line-height: 12px;
	margin-left: 15px;}

a.boq {
	clear: both;
	position:absolute;
	bottom: 0;
	right: 0;}
	
#texto li.dot {
	margin-right: -4px;
 	list-style: disc;
	list-style-position: outside;
	color: #666666;
	padding-top: 0;
	margin-left: 33px;
	margin-bottom: 10px;
	font: 0.825em Verdana, Arial, Helvetica, sans-serif;
	}
	
#texto li.semdot {
	margin-right: -4px;
 	list-style: none;
	list-style-position: outside;
	color: #666666;
	padding-top: 0;
	margin-left: 33px;
	margin-bottom: 10px;
	font: 0.825em Verdana, Arial, Helvetica, sans-serif;
	}