/****************************************
	www.felipecorrea.com.br
	By Felipe Corrêa www.felipecorrea.com.br
****************************************/

* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #808080;
	background: #CACACA url(../images/bg.jpg) center top no-repeat;
}

img {
border: 0;
}

div#conteudo {
}


div#geral {
	width: 702px;
	margin: 0 auto;
	text-align: left;
}

div#topo {
	width: 700px;
	height: 340px;
	border-bottom: 3px solid #1c75bb;
}
div#topo h1 {
	width: 200px;
	height:120px;
	float: left;
}
div#topo a img#banner-get-a-gift {
	float: right;
	border: none;
	margin: 0 10px 0 0;
}
div#topo h1 a {
	width: 300px;
	height: 120px;
	display: block;
	margin: 20px 0 0 20px;
	text-indent: -5000em;
}

div#topo div#menu {width: inherit; clear: both}
/* MENU 1 */
div#topo div#menu1 {width: 350px; padding: 30px 0 30px 0; float: left; margin: 10px 0 0 0;}
div#topo div#menu1 ul {list-style: none;}
div#topo div#menu1 ul li {list-style: none; display: block;}
div#topo div#menu1 ul li a {
	font-size: 48px;
	color: #808080;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 40px;
	display: block;
	padding: 0 0 0 50px;
}
div#topo div#menu1 ul li a:hover {color: #CCCCCC;}

body.perfil div#topo div#menu1 ul li.item-perfil a, 
body.blog div#topo div#menu1 ul li.item-blog a, 
body.profile div#topo div#menu1 ul li.item-perfil a {background: #5888C6; color: white;}
body.portfolio div#topo div#menu div#menu1 ul li.item-portfolio a {background: #5888C6; color: white;}

/* MENU 2 */
div#topo div#menu2 {width: 348px; height:130px; padding: 20px 0 30px 0; border-left: 2px solid #5888C6; float: right;  margin: 10px 0 0 0;}
div#topo div#menu2 ul {list-style: none;}
div#topo div#menu2 ul li {list-style: none; display: block;}
div#topo div#menu2 ul li a {
	font-size: 48px;
	color: #808080;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 40px;
	display: block;
	padding: 0 0 0 20px;
}
div#topo div#menu2 ul li a:hover {color: #CCCCCC;}

body.historia div#topo div#menu2 ul li.item-valores a,
body.values div#topo div#menu2 ul li.item-valores a,
body.opiniao div#topo div#menu2 ul li.item-opiniao a,
body.opinion div#topo div#menu2 ul li.item-opiniao a,
body.objetivo div#topo div#menu2 ul li.item-equipe a,
body.team div#topo div#menu2 ul li.item-equipe a {background: #5888C6; color: white;}

body.publicidade div#topo div#menu2 ul li.item-publicidade a {background: #5888C6; color: white;}
body.marketing div#topo div#menu2 ul li.item-marketing a {background: #5888C6; color: white;}
body.design div#topo div#menu2 ul li.item-design a {background: #5888C6; color: white;}
body.web div#topo div#menu2 ul li.item-web a {background: #5888C6; color: white;}

body.home img {
	margin: 0 0 0 0px;
}
/* CENTRO */
div#centro {
	width: 700px;
	padding-bottom: 1px;
	background: white;
	min-height: 530px;`
}
body.home div#centro {
	width: 700px;
	padding: 0;
}
div#centro h2 {
	font-size: 18px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #5888C6;
	text-transform: uppercase;
	padding-bottom: 10px;
}
div#centro h3 {
	font-size: 14px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #5888C6;
	text-transform: uppercase;
	padding: 10px 0;
}
div#centro p {
	padding: 5px 0 0 0;
}
div#centro div.texto {
	padding: 5px 20px 30px 20px;
	text-align: justify;
}
div#centro div.texto p {
	padding: 10px 0 3px 0;
}

blockquote {
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
	margin-left: 3em;
	background: #FFFFFF;
	border-top: solid 1px #9DB7FF;
	border-bottom: solid 1px #9DB7FF;
}

.brquote {
        margin: 10px 0;
        padding: 0 50px;
        background: transparent url(../images/aspas.gif) no-repeat 0 0;
        border:0px;
}

body.portfolio #centro {
	width: 700px;
	padding: 0 0 0 0;
}
/** portfolio **/
body.publicidade #centro, body.marketing #centro, body.advertising #centro, body.design #centro, body.web #centro {
	width: 580px;
	padding: 10px 60px;
}
body.portfolio a img  {
	border: 3px solid #CCCCCC;
	margin: 8px;
}
body.portfolio a:hover img  {
	border: 3px solid #5888C6;
}
body.publicidade a img  {
	border: 3px solid #CCCCCC;
	margin: 8px 32px;
}

/* RODAPE */
div#rodape {
	width: inherit;
	height: 35px;
	padding: 20px 0 0 0;
	font-size: 10px;
	text-align: center;
	background: url(../images/bg_rodape.jpg) repeat-x;
}
div#rodape a {color: #808080; text-decoration: none; font-weight: bold;}
div#rodape a:hover {color: #808080; text-decoration: underline;}

a#muda_lingua {
	font-weight: lighter;
}
a#muda_lingua.en {
	padding: 0 0 0 20px;
	background: url(../images/bandeira-usa.gif) left center no-repeat;
}
a#muda_lingua.pt-br {
	padding: 0 0 0 20px;
	background: url(../images/bandeira-br.gif) left center no-repeat;
}

#margin_rodape {
margin: 0 2px 0 0;

}

/* Auxiliares */

div#alerta {
text-align:center;
color:#FF0000;
}

.menubotoes {
padding: 20px 0 20px 0;
}

div#cat_list {
margin: 30px;
}

/* CORES */
.green { color:#003300; font-weight:bold }
.red { color:#FF0000; font-weight:bold }
.yellow { color:#CC9900; font-weight:bold }