/* 
   AUTHOR: Myone 
	E-MAIL: central@myone.pt
	WEBPAGE: http://www.myone.pt/
*/

/* ------------------------------------------ */
/* MAIN SITE											  */
/* ------------------------------------------ */

html, body { width:100%; height:100%; }
body { background-image: url(../img/layout/body_bg.jpg); background-repeat: repeat-x; background-position: center; }
#table { margin:auto; width: 100%; height: 100%; position: static; display: table; *overflow: hidden; /* hack para o IE6 e IE7 */
 *position: relative; /* hack para o IE6 e IE7 */
overflow:hidden; }
#cell { margin:auto; width: 100%; vertical-align: middle; display: table-cell; position: static; text-align:left; *top: 50%; /* hack para o IE6 e IE7 */
 *position: absolute; /* hack para o IE6 e IE7 */
}
#container { overflow: visible !important; top: -50%; width: 100%; margin: auto; position: relative; background-color:#95c200; border-top-color:#CCEB01; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-bottom-color: #9EB501; text-align:center; background-image: url(../img/layout/container_bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; }
#logo_white { position:relative; top:-38px; left:922px; z-index:4; width: 58px; height: 57px; }
#content { position: relative; margin: 0 auto; padding: 0; width: 980px; height: 540px; max-height: 540px; text-align:left; background-image: url(../img/layout/container.jpg); background-repeat: no-repeat; }
#content-top { width: 980px; height: 510px; max-height: 510px; }
#content-left { margin-top: 20px; margin-left: 24px; width: 730px; height: 470px; float:left; max-width: 730px !important; max-height: 470px !important; overflow:hidden; }
#conteudo { padding:20px; display:block; position:relative; width: 690px; height: 430px; overflow:auto; font-size:1.1em; color: #333; text-align:justify; }
#conteudo li a { color: #444; font-weight:500; text-transform:uppercase; font-size: 1.1em; }
#conteudo li a:hover { color: #222; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; }
#content-right { margin-top: 14px; margin-right: 6.4px; width: 210px; float: right; text-align:left; color:#999999; }
#content-left {}
#content-bottom { margin: 1px 0 0 16px; padding: 0; height: 30px; width: 980px; z-index: 1; }
/* ------------------------------------------ */
/* NAVBAR MAINMENU							  */
/* ------------------------------------------ */
#MainMenu { width:100%; height:30px; margin:0; border:0; }
#tab { margin:0; top:0; }
#tab ul { margin:0; padding:0; list-style:none; float:left; }
#tab li { display:inline; float:left; margin:0; padding:0; }
#tab a { background:#95c200 url("../img/layout/menu_right.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; }
#tab a span { display:block; background:url("../img/layout/menu_left.gif") no-repeat left top; padding:3px 9px 0 11px; font-size:10px; color:#FFFFFF; font-weight:bold; line-height:27px; }
#tab a:hover, #tab li.item_active a { background-position:right bottom; }
#tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000; font-style:normal; text-decoration:none; }
/* ------------------------------------------ */
/* PAGINATION */
/* ------------------------------------------ */
div.pagination { padding: 3px; margin-top: 10px; }
div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #999999; text-decoration: none; color: #333333; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #666666; color: #000; background-color: #95c200; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #666666; font-weight: bold; background-color: #95c200; color: #FFF; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }
#portfolio h2, #noticias h2 { background: none; padding: 0; }
#portfolio h3, #noticias h3 { padding: 0; margin: 10px 0 0 0; }
#noticias .imagem_container { float: left; width: 150px;  margin: 2px 18px 5px 0; }
#noticias .imagem { float: left; width: 150px; height: 150px; overflow:hidden;  }
#noticias .artigo { float: left; width: 150px; display:block; overflow:hidden; }
#portfolio .imagem { float: left; width: 150px; height: 250px; display:block; overflow:hidden; }
#portfolio .descricao { float: right; width: 500px; }