/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
   / GENERAL
   / BASE
   / HEADER
   / CONTENT
   / FOOTER
   / #HOME

*/

/* __________________________________ GENERAL __________________________________ */

* {margin:0;}
a img {border: 0;}
fieldset {border:0; padding:0;}
ul, ol {padding:0; list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}


/* __________________________________ BASE __________________________________ */

body {
	margin:0px;
	background:#FCBE00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}

.middle {
	position:relative;
	margin:0 auto;
	width:950px;
}

/* __________________________________ HEADER __________________________________ */
.header {
	width:100%;
	height:117px;
	background:#495BA5 url(images/bg-top.gif);	
}
.header .middle .button{
	position:absolute;
	top:47px;
	right:86px;
}

/* -------------------- Menu --------------------- */
.menu{  
	position:relative;  
	height:29px;  
	background:url(images/menu-bg.gif) no-repeat;  
}  

.menu a{display: block;}  
.menu a:hover img{filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}  

.menu li{  
	display:inline;  
	float:left;  
}


/* __________________________________ CONTENT __________________________________ */
.content {
	width:100%;
	background:#FCBE00;	
}
.content .middle{
	padding:15px 0;
}
.content .shadow{
	width:100%;
	height:3px;
	overflow:hidden;
	background:#495BA5 url(images/bg-shadow-caja.gif);	
}

/* ------------------ box 909 --------------*/
.content .intro{
	padding:0 50px 15px;
}

.content .intro p{
	padding:10px 0 0;
}


.content .box909{
	width:909px;
	padding:18px 0 0;
	margin:0 0 0 32px;
	background:#fff url(images/box909-top.gif) top center no-repeat;

}
.content .box909 .foo{
	height:8px;
	overflow:hidden;
	background:#fff url(images/box909-foo.gif) top center no-repeat;
}

/* ------------------ col 656 -------------------*/	
.content .col656{
	float:left;
	display:inline;
	width:656px;
	margin:0 0 0 32px;
}

.content .col656 .box656white{
	width:656px;
	background:#fff url(images/box656-top.gif) top center no-repeat;
	padding:18px 0 0;
	margin:0 0 15px;
}
.content .col656 .box656white .foo{
	height:8px;
	overflow:hidden;
	background:#fff url(images/box656-foo.gif) top center no-repeat;
}
.content .col656 .box-caja{
	position:relative;
	width:656px;
	background: url(images/bg-brilho.jpg) top center no-repeat;
}
.content .col656 .box-caja .left,
.content .col656 .box-caja .right{
	width:620px;
}
/*.content .col656 .box-caja p{
	padding:10px;
}*/

/* ------------------ Sidebox -------------------*/	
.content .sidebox{
	float:right;
	display:inline;
	width:235px;
	margin:0 10px 0 0;
}
.content .sidebox .title-gray{
	display:block;
	padding:13px 0 0;
	background:url(images/box235gray-top.gif);
}
.content .sidebox .title-caja{
	display:block;
	padding:13px 0 0;
	background:url(images/box235caja-top.gif);
}
.content .sidebox .box-white{
	width:215px;
	padding:13px 10px;
	margin:0 0 15px;
	background:#fff url(images/box235white-foo.gif) center bottom no-repeat;
}
.content .sidebox .box-caja{
	width:215px;
	padding:13px 10px;
	margin:0 0 15px;
	background:#FADD80 url(images/box235caja-foo.gif) center bottom no-repeat;
	color:#46569E;
	font-size:14px;
	font-weight:bold;
}
.content .sidebox .box-caja li{
	padding:3px 20px 10px;
	background:url(images/bullet.gif) no-repeat 2px 5px;
}

/* ------------------ Nav Bar -------------------*/	
.nav-bar {position:relative; width:100%; height:90px;}
.nav-bar .last{position:absolute; left:18px; top:21px;}
.nav-bar .order{position:absolute; left:223px; top:0;}
.nav-bar .next{position:absolute; left:456px; top:21px;}
.nav-bar h4{position:absolute; top:62px; left:458px; font-size:9px;}
.nav-bar h4 a{color:#000000;}

/* __________________________________ FOOTER __________________________________ */
.footer {
	width:100%;
	height:117px;
	background:#495BA5 url(images/bg-footer.gif);	
}
.footer .middle{
	height:117px;
	background:url(images/footer.jpg) center bottom no-repeat;	
}
.footer .middle .button{
	position:absolute;
	top:74px;
	right:86px;
}

/* ################################## HOME ################################## */
#home {}

#home .content .shadow{
	width:100%;
	height:3px;
	overflow:hidden;
	background:#495BA5 url(images/bg-shadow-white.gif);	
}