* {
	margin:		0;
	padding:	0;
}
html {
	margin:		0 0 20px 0;
	padding:	0;
	font-size: 	7.3pt; 
	line-height:12pt;
	font-family:verdana;
	font-style:	normal; 
	font-weight:normal;
	float:center;
	
}

#outline { 
	position: 	relative; 
	height: 	auto; 
	width: 		900px; 
	height:800px;
	margin: 	0px auto 0; 
	padding:	0 50px 0 50px;
	color:		#757575;
}

body {
	background: url(images/background.png) repeat-x;
	float:center;
	background-color: #000000;
}

a {
color:		#A0A0A0;
text-decoration: none;
}

a.selected {
	color:		#ffffff;
}
a:hover {
	color:		#ffffff;
}
a:hover .selected {
	color:		#ffffff;
}

center {
text-align: center;
}

#top {
	width:	900px;
	height: 180px;
	background:#000;
}
#top_index {
	width:	900px;
	height: 180px;
	background:#000;
}
.logo {
	width:		150px;
	height: 140px;
	margin: 	0 0px 0 0;
	float:		left;
}

.menu01 {
	width:		700px;
	height: 	25px;
	margin:		0 0px 0 50px;
	padding-top:20px;
	float:		right;
	text-align: right;
}
.menu02 {
	width:		700px;
	height: 	25px;
	margin:		0 0px 0 50px;
	padding-top:55px;
	float:		right;
	text-align: right;
}
#miolo {
	width:	900px;
	float:	center;
}
#miolodesign {
	width:	900px;
	height: 4900px;
	margin-bottom:-400px;
	float:	center;
	
}
#miolobrands {
	width:	900px;
	height: 7020px;
	margin-bottom:-700px;
	float:	center;
}
#miolopress {
	width:	900px;
	height: 770px;
	float:	center;
}
#miolojobs{
	width:	900px;
	height: 640px;
	float:	center;
}
#miolopeople {
	width:	900px;
	height: 700px;
	margin-bottom:-300px;
	float:	center;
}
#miolofoundation {
	width:	900px;
	height: 750px;
	float:	center;
}
#mioloinfo {
	width:	900px;
	height: 480px;
	float:	center;
}
#bottom_old {
	width:	900px;
	height:140px;
	padding-top: 10px;
	float:	center;
	position: fixed;
	background:#000;
	bottom:0;
}

#bottom {
width:	900px;
height:140px;
padding-top: 516px;
float:	center;
background:#000;
}

#bottom_index {
	width:	900px;
	height:140px;
	padding-top: 10px;
	float:	center;
	background:#000;
}


.marcas {
	width:		900px;
	height: 	50px;
	margin: 	0 0px 0 0;
	float:		center;
}

.line {
	width:		900px;
	height: 	1px;
	margin-top:5px;
	margin-bottom:10px;
	float:		center;
}
.morada {
	width:		400px;
	height: 	44px;
	margin: 	0 0px 0 0;
	float:		left;
	text-align: left;
}
.redes {
	width:		400px;
	height: 	44px;
	margin: 	0 0px 0 0;
	float:		right;
	text-align: right;
}

.col1l {
	width:		107.5px;
	margin: 	0 0 0 0;
	padding-right: 5px;
	float:		left;
}
.col1r {
	width:		107.5px;
	margin: 	0 0 0 0;
	padding-left: 5px;
	float:		left;
}
.col1 {
	width:		102.5px;
	margin: 	0 0 0 0;
	padding-right: 5px;
	padding-left: 5px;
	float:		left;
}
.col1press {
	width:		102.5px;
	margin: 	0 0 0 0;
	padding-right: 5px;
	padding-left: 5px;
	float:		left;
	text-align:left;
}
.col2 {
	width:		225px;
	margin: 	0 0 0 0;
	float:		left;
}
.col3 {
	width:		337.5px;
	margin: 	0 0 0 0;
	float:		left;
}
.col3design {
	width:		322.5px;
	padding-right:15px;
	margin: 	0 0 0 0;
	float:		left;
}
.col4 {
	width:		440px;
	margin: 	0 0 0 0;
	float:		left;
	text-align:center;
}
.col4l {
	width:		440px;
	margin: 	0 0 0 0;
	padding-right: 10px;
	float:		left;
}
.col4r {
	width:		440px;
	margin: 	0 0 0 0;
	padding-left: 10px;
	float:		left;
}
.col5 {
	width:		562.5px;
	margin: 	0 0 0 0;
	float:		left;
}
.col6 {
	width:		675px;
	margin: 	0 0 0 0;
	float:		left;
}
.col7 {
	width:		787.5px;
	margin: 	0 0 0 0;
	float:		left;
}
.col8 {
	width:		900px;
	margin: 	0 0 0 0;
	float:		left;
}
.areas {
	width:		900px;
	margin: 	0 0 0 0;
	float:		left;
}
.colline {
	width:		900px;
	margin: 	0 0 0 0;
	float:		center;
}

span.reference{
	position:fixed;
	left:0px;
	bottom:10px;
	font-size:12px;
}
span.reference a{
	text-shadow:1px 1px 1px #fff;
	text-transform:uppercase;
	text-decoration:none;
}
span.reference a:hover{
	color:#333;
}

.msg_slideshow{
	width:900px;
	height:506px;
	padding:0px;
	position:relative;
	overflow:hidden;
}
.msg_slideshow a{
	outline:none;
}
.msg_slideshow a img{
	border:none;
}
.msg_wrapper{
	width:900px;
	height:506px;
	position:relative;
	margin:0;
	padding:0;
	display:table-cell;
	text-align:center;
}
.msg_wrapper img{
	display: inline-block!important;
	vertical-align:middle;
	-moz-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
	box-shadow:0px 0px 0px #000;
}
.msg_controls{
	position:absolute;
	bottom:12px;
	right:-110px;
	width:104px;
	height:26px;
	z-index: 20;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#000;
	opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.msg_controls a{
	float:left;
	background-color:#000;
	width:20px;
	height:20px;
	margin:3px 3px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-repeat:no-repeat;
	background-position: center center;
}
.msg_controls a:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_controls a.msg_grid{
	background-image:url(../icons/grid.png);
}
.msg_controls a.msg_prev{
	background-image:url(../icons/prev.png);
}
.msg_controls a.msg_next{
	background-image:url(../icons/next.png);
}
.msg_controls a.msg_pause{
	background-image:url(../icons/pause.png);
}
.msg_controls a.msg_play{
	background-image:url(../icons/play.png);
}
.msg_thumbs{
	background:#000;
	position:absolute;
	width:250px;
	height:166px;
	top:-230px;
	left:50%;
	padding:30px;
	margin:0 0 0 -155px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	overflow:hidden;
}
.msg_thumb_wrapper{
	position:absolute;
	width:250px;
	height:166px;
	top:30px;
	left:30px;
	z-index:30;
}
.msg_thumb_wrapper a{
	display:block;
	width:75px;
	height:75px;
	float:left;
	margin:4px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next,
.msg_thumbs a.msg_thumb_prev{
	width:18px;
	height:20px;
	background-repeat:no-repeat;
	background-position: center center;
	position:absolute;
	top:50%;
	margin-top:-10px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next:hover,
.msg_thumbs a.msg_thumb_prev:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_thumbs a.msg_thumb_next{
	background-image:url(../icons/next_thumb.png);
	right:5px;
}
.msg_thumbs a.msg_thumb_prev{
	background-image:url(../icons/prev_thumb.png);
	left:5px;
}
.msg_thumbs a.msg_thumb_close{
	position:absolute;
	bottom:0px;
	width:50px;
	left:50%;
	margin:0 0 0 -25px;
	background:#202020 url(../icons/up.png) no-repeat center center;
	height:16px;
	opacity:0.7;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.msg_thumbs a.msg_thumb_close:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_loading{
	position:absolute;
	background:transparent url(../icons/loading.gif) no-repeat center center;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	z-index:25;
	display:none;
}