/*
		File: 	layout.css
		Date: 	MARÇO 2009
		Desc:	www.antonioliveira.com | Design
		Auth:	António Oliveira - geral@antonioliveira.com
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

* {
margin : 0px;
padding : 0;
float : none;

}
body {
background-image:url(../media/background2.gif);
background-repeat:no-repeat;
background-color:#ECECEF;
background-position:top;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #000033;
float : none;
}

html{
overflow: scroll;
}

#layout{
	width:680px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
}


#content {
	width:100%;
	margin-top: 60px;

}

#topo {
	width:100%;
	height:30px;
	margin-top: 10px;
	
}

#topoleft {
	width : 250px;
	height : 30px;
	float : left;
	line-height:30px;
	border-left: 1px dotted #19222C;
	margin-left: 160px;
	padding-left: 10px;
}

#topocenter {
	width : 180px;
	height : 30px;
	float : right;
	line-height:30px;
	text-align: right;
	border-left: 1px dotted #19222C;
}


#header {
	width:100%;
	height:30px;
	margin-bottom: 10px;
	margin-top: 20px;
	
}

#headerleft {
	width : 509px;
	height : 30px;
	float : left;
	line-height:30px;
	margin-left: 160px;
	padding-left: 10px;
	border-left: 1px dotted #000033;

}

#colunaesquerda {
	width:150px;
	float:left;
	margin-top: 32px;
	position: relative;
	z-index: 10000;
}


#colunacentral {
	width: 520px;
	float:left;
	margin-left: 10px;
	height:auto;
	position: relative;
	z-index: 1;
}

#titulos{
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 3px;
	font-size: 16px;
	float: left;
	width: 510px;
	background-image:url(../media/titulo.png);
	margin-top: 3px;
	text-transform: uppercase;
}


#description {
	height: auto;
	padding: 10px;
	text-align: justify;
	background-image: url(../media/back.png);
}


#footer {
	padding-top:10px;
	padding-bottom:10px;
	height : 15px;
	line-height : 15px;
	color:#000033;
	text-align: right;
}
#footerright {
width:520px;
	height : 15px;
	line-height : 15px;
	color:#000033;
	text-align: right;
	margin-left:160px;
	border-top: 1px dotted #000033;
	padding-top:10px;
}


br.clearfloat {
	float:none;
	clear:both;
}

#linkpage{
	width: 720px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#6B6B5F;
	margin-top:26px;
	*margin-top:6px;
	border-top: 1px dotted #41413B;
}


#bolds{
	font-weight:bold;
}

a.webs:link, a.webs:visited {
	color:#000033;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	outline:none;
	text-decoration:underline;
}
a.webs:active, a.webs:hover {
	color:#000033;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	outline:none;
}

a.blog:link, a.blog:visited {
	color:#FF0000;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : blink;
	outline:none;
	text-decoration:blink;
}
a.blog:active, a.blog:hover {
	color:#000033;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	outline:none;
}


#news {
	height: auto;
	float: left;
	margin-top: 35px;
	width: 500px;
	padding:0px;
}

#imagem {
	height: 376px;
	padding: 10px;
	background-image: url(../media/back.png);
	float: left;
	position: relative;
	z-index: 0;
}
#titulosnews {
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	float: left;
	width: 490px;
	background-image:url(../media/titulo.png);
}
#textos {
	height: auto;
	float: left;
	width: 500px;
	text-align: justify;
	margin-bottom: 10px;
	line-height: 16px;
}
#corpo {
	height: auto;
	padding: 10px;
	background-image: url(../media/back.png);
	float: left;
}
#entradas {
	height: 300px;
	float: left;
	background-color: #CCCCCC;
	width: 400px;
}
#imagemtextos {
	padding: 10px;
	background-image: url(../media/back.png);
	float: left;
	position: relative;
	z-index: 0;
	width: 500px;
}
#grandes {
	font-weight:bold;
	font-size: 16px;
}
#voltar {
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	margin-bottom: 3px;
	font-size: 11px;
	float: left;
	width: 510px;
	margin-top: 10px;
	text-align: right;
}
#red {
	font-weight:bold;
	color: #FF0000;
	}
#pisca {
	text-decoration: blink;
	font-weight:bold;
	color: #0099CC;
}
#blog {

	height: auto;
	padding: 10px;
	margin-bottom: 3px;
	font-size: 11px;
	float: left;
	width: 500px;
	margin-top: 3px;
	background-color:#FFEB9B;
}
#titulosblog {
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 3px;
	font-size: 16px;
	float: left;
	width: 510px;
	margin-top: 3px;
	text-transform: uppercase;
	background-color: #FFCC00;
}
