@font-face{ font-family: 'Bell'; src: url("http://www.metroo.com.br/media/css/bell_light.otf"); }
@font-face{ font-family: 'BellBold'; src: url("http://www.metroo.com.br/media/css/bell_bold.otf"); }
@font-face{ font-family: 'BellBlack'; src: url("http://www.metroo.com.br/media/css/bell_black.otf"); }
/*
@font-face{ font-family: 'Bell'; src: url("bell_light.pfb"); }
@font-face{ font-family: 'BellBold'; src: url("bell_bold.pfb"); }
@font-face{ font-family: 'BellBlack'; src: url("bell_black.pfb"); }
*/
body{font:12px/16px Bell,Arial,'Liberation Sans',FreeSans,sans-serif;vertical-align:baseline;width: 100%;height: 110%;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:16px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:16px}

ul.menu { margin: 4px 0 -1px 0; padding: 9px 0px 0px 0px; list-style: none;
	/*outline: 1px solid #C00; overflow: hidden; background: #00C; opacity: 0.5;*/ }
ul.menu li, ul.submenu li { margin: 0; padding: 0; text-transform: uppercase; }

ul.menu li { font-size: 24px; height: 24px; }
ul.menu li.last { margin-top: 16px; color: #000; font-family: BellBlack,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 22px; line-height: 24px; margin: 7px 0px 1px 0px; padding: 6px 0px 2px 0px; font-weight: normal; }
ul.menu li.last a { color: #000; }

ul.submenu { margin: -1px 0px 16px 0px; padding: 5px 0px 3px 0px; list-style: none; overflow: hidden;
	/*outline: 1px solid #C00; overflow: hidden; background: #00C; opacity: 0.5;*/ }
ul.submenu li { float: left; margin-right: 4px; }
	ul.submenu li:after { content: ' |'; font-family: 'Bell'; color: #999; }
	ul.submenu li.last:after { content: ''; }
	ul.submenu li.active a { font-family: BellBlack,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 11px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-weight: normal; color: #000; }

a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #999; text-decoration: none; }

.inactive { opacity:0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); cursor: default}
.toggle_grid { position: fixed; top: 4px; left: 32px; }

.thumbs { overflow: hidden; padding-top: 16px; }
.thumbs img { margin: 0px 0px 0px 0px; display: inline; float: left; cursor: pointer; }

.thumb { position: relative; overflow: hidden; width: inherit; margin-bottom: 16px; }


/* overlay preto 
.overlay { position: absolute; overflow: hidden; width: inherit; background-color: #000; opacity: 1; }
.thumb .infos { position: absolute; overflow: hidden; display: none; text-transform: uppercase; color: #FFF; }
.thumb .overlay { position: absolute; overflow: hidden; display: none; height: 40px; }

.thumb .title-three { padding-top: 8px; padding-left: 4px; padding-right: 4px; }
.thumb .text-three { padding-left: 4px; padding-right: 4px; }
*/

/* overlay branco */
.overlay { position: absolute; overflow: hidden; width: inherit; background-color: #FFF; opacity: 1;}
.thumb .infos { float: left; width: 284px; height: 40px; position: absolute; overflow: hidden; display: none; text-transform: uppercase; color: #000; left:0; background-color: #FFF; margin-bottom: 0; }
.thumb .overlay { position: absolute; overflow: hidden; display: none; height: 40px;left:0 }

.thumb .title-three { padding-top: 8px; padding-left: 0px; padding-right: 0px; }
.thumb .text-three { padding-left: 0px; padding-right: 0px; }

.project { overflow: hidden; }

.absolute_container { position: relative; overflow: hidden; text-align: left; margin: 0px; padding: 0px; }
.fullscreen_img { position: absolute; overflow: hidden; margin: 0; top: 0; left: 0; }


p.title-one { font-family: BellBlack,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 22px; line-height: 24px; margin: 0px 0px -3px 0px; padding: 7px 0px 0px 0px; font-weight: normal; text-transform: uppercase; 
	/*outline: 1px solid #C00; overflow: hidden; background: #00C; opacity: 0.5;*/ }
p.title-two { font-family: BellBlack,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 15px; line-height: 16px; margin: 0px 0px 8px 0px; padding: 2px 0px 0px 0px; font-weight: normal; text-transform: uppercase; 
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }
p.title-three { font-family: BellBlack,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 11px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; font-weight: normal; text-transform: uppercase; 
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }


.info { margin-left: 8px; color: #999; }
.title-three .location { font-family: Bell,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 12px; line-height: 10px; margin-left: 4px;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }
.title-one .location, .category, .image-counter { font-family: Bell,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 24px; line-height: 22px; margin-left: 4px;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }


p.text-one , p .text-one { font-family: Bell,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 24px; line-height: 24px; margin: 0px 0px 24px 0px; padding: 0px 0px 0px 0px; font-weight: normal;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }
p.text-two , p .text-two { font-family: Bell,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 15px; line-height: 16px; margin: 0px 0px 16px 0px; padding: 2px 0px 0px 0px; font-weight: normal;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/  }
p.text-three , p .text-three { font-family: Bell,Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 12px; line-height: 16px; margin: 0px 0px 16px 0px; padding: 2px 0px 0px 0px; font-weight: normal;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/  }


.upper { text-transform: uppercase; }
.tmargin { margin-top: 16px; }
.tmargin-2 { margin-top: 32px; }
.bmargin { margin-bottom: 16px; }
.bmargin-2 { margin-bottom: 32px; }

p.text-date , p .text-date { color: #CCC; margin: 0px 0px 3px 0px; padding: 0;
	/*outline: 1px solid #00C; overflow: hidden; background: #C00; opacity: 0.5;*/ }

p .text-one b , p .text-two b , p .text-three b , p .text-date b { font-family: 'BellBold',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; }

.publi-thumbs { height: 80px; overflow: hidden; width: 944px }
.publi-thumbs img { float: left; margin-right: 8px;}

input[type="text"] , input[type="password"] { font-family: courier, arial; font-size: 12px; line-height: 16px; width: 340px; height: 16px; margin: -2px 0px 1px 0px; border: 1px solid #000; background: transparent;}
textarea { font-family: courier, arial; font-size: 12px; line-height: 16px; width: 340px; height: 86px; margin: 3px 0px 0px 0px; border: 1px solid #000; background: transparent;}

.list-header { overflow: hidden; border-top: 1px solid #333; padding: 7px 0 8px 0; margin: 0 0 0 0;  }
.list-line { overflow: hidden; border-top: 1px solid #999; padding: 7px 0 8px 0; margin: 0 0 0 0; }
	.list-line p.text-three { margin-bottom: 0; }
	.list-line img.float { float: left; }
.list-subline { overflow: hidden; border-top: none; padding: 8px 0 8px 0; margin: 0 0 0 0; }
.list-pagination { overflow: hidden; border-top: 1px solid #333; padding: 7px 0 8px 0; margin: 0 0 0 0; }

.grid_1 input[type='text'] , .grid_1 input[type='password'] { border: none; width: 42px; background: #EEE; }
.grid_2 input[type='text'] , .grid_2 input[type='password'] { border: none; width: 102px; background: #EEE; }
.grid_3 input[type='text'] , .grid_3 input[type='password'] { border: none; width: 162px; background: #EEE; }
.grid_4 input[type='text'] , .grid_4 input[type='password'] { border: none; width: 222px; background: #EEE; }
.grid_3 textarea { border: none; width: 162px; height: 80px; background: #EEE; }
.grid_4 textarea { border: none; width: 222px; height: 80px; background: #EEE; }

.hide {display:none}
.bottom {margin-bottom:0; bottom:0}
.thumbs_small_pub {overflow:hidden}

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#slider li{
	width: 944px;
	overflow: hidden;
	}
#slider li img { float: left; }
.loading { position: fixed; top: 55%; left: 45%; z-index: 300; width: 64px; height: 16px; background: url('../img/loading.gif') no-repeat; display: none; }

#arrow_left , #arrow_right { padding-top: 6px; }