/* CSS Document */

body {

	font-family: Arial, "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	line-height: 15px;
	background-image: url(http://media.alfrigo.pt/images/bg.gif);
	background-repeat: repeat-x;
	/*background-color: #f1b908;*/
	background-color: #f1b908;
	text-align: center;
}


#aligncenter {
width: 900px;
text-align: left;
margin: 0px auto;
margin-bottom: 5px;
padding: 0px;
}

#container {
background-color: #FFFFFF;
padding: 5px;
float: left;
}
#topnav {
float: left;
width: 220px;
}
#navcontainer
{
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 0 1em 0;
margin-bottom: 1em;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
	display: block;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-left: 0.5em;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #FFCC00;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #FFF;
}
#topImage {
float: right;
width: 640px;
height: 224px;
padding-left: 25px;
background-image: url(http://media.alfrigo.pt/images/fundo.png);
}

#conteudo {
float: left;
width: 100%;
margin-bottom: 10px;
text-align: justify;
}

#leftConteudo {
float: left;
width: 220px;
}

#leftConteudo div {
background-color: #EEEEEE;
width: 210px;
padding: 5px;
margin-bottom: 10px;
}

#leftConteudo div p, #leftConteudo div h1 {
padding-left: 10px; padding-right: 10px;
}

#rightConteudo {
float: right;
width: 190px;
}

#rightConteudo div {
background-color: #EEEEEE;
width: 170px;
padding: 10px;
margin-bottom: 10px;
}

#centerConteudo {
float: left;
width: 440px;
padding-left: 10px;
padding-right: 10px;
}

h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #cc0000}

#bottom {
float: left;
background-color: #003366;
width: 100%;
}

#bottom p {
padding: 10px;
color: #FFF;
}

#navcontainer li.expanded, #navcontainer li.collapsed, #navcontainer li.leaf {
list-style-image: none;
list-style-type: none;
padding: 0em;
}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

