/*=========================================================*
 *      _ ___                         _           _        *
 *     | '__ \    Desenvolvimento    | |        _| |_      *
 *     | |  ) )__ _  __ _ _ __   __ _| |__  ___|_ _ _|     *
 *     | |_/ // _` |/ _` | '_  \/ _` | ´_ \/ _ \ | |       *
 *     | | \ ( (_| ( (_| | | | ( (_| | |_)( (_) )| |       *
 *     |_|  \_\__,_|\__´´|_| |_|\__,_|_.__/\___/ |_|       *
 *                 ( __) |                                 *
 *                  \___/                                  *
 *                                                         *
 *     APLICAÇÃO: Estilo em Cascata para WebSite           *
 *     AUTOR: Mario DKR                                    *
 *     CRIADO: 05.12.2011                                  *
 *                                                         *
 *=========================================================*/
 
/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,
li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-weight:inherit; 
	font-style:inherit; 
	font-size:100%; 
	font-family:inherit; 
	vertical-align:baseline; }

/****************************************************
 *	Corpo
 ****************************************************/
body {
	background: url('../interface/background.png') repeat-y top center;
}

.space {clear:both; height:15px;}

#banner {
	background: url('../interface/banner.jpg') no-repeat top center;
	height: 336px;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #f5f5f5; /* Background da barra fixa */
}
::-webkit-scrollbar-thumb {
	background: #1B4056; /* Background da barra móvel */
}

/****************************************************
 *	Layout
 ****************************************************/
#wrapper {text-align: left;margin: auto;width: 980px;}
#wrapper p, a {font: 12px/20px Tahoma, arial, sans-serif;color: grey;}
#wrapper a:hover {color: #464544;}
.left {float: left;margin-top: 20px;padding-left: 20px; }
.right {float: right;margin-top: 20px;padding-right: 20px;}
	
.propotional {
	margin: auto;
	width: 980px;
}

.logo {
	background: url('../interface/logo.png');
	width:123px;
	height:41px;
	margin-top: 12px;
	float: left;
}

/****************************************************
 *	Menu
 ****************************************************/
#menu {
	background: url('../interface/menu_bg.png') no-repeat top center;
	width: auto;
	height: 67px;
	line-height: 65px;
	text-align: right;
	font: normal 12px Tahoma, sans-serif;
}
#menu ul {padding-top: 25px;}
#menu ul li {list-style-type: none;display: inline;padding-right: 15px;}
#menu ul li a.menu {color: #fff;text-decoration: none;padding: 8px 5px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-webkit-transition-property: color, background;-webkit-transition-duration: 1.5s, 1.5s;}
#menu ul li a.menu:hover {background: #1B4056;-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}

.project_box{
	width: 310px;
	height: 85px;
	margin-left: 5px;
	border:solid #f8f8f8 1px;
	border-radius: 4px;
	}
	.project_box:hover{ background-color: white;border:solid #eaeaea 1px;border-radius: 4px;cursor:pointer; }
	.project_box h4{ margin-left: 15px; margin-top:5px; font: 12px Tahoma;font-weight: bold;color: #6495ED; }
	.project_box a{ text-decoration:none; }
	.box-logo{ float:left; margin: 3px 3px 3px 3px; }
	.box-logo img{ border:0;}
	.logo-white {background-image: url('../interface/white.png');width:79px;height:79px;}
	.logo-blue {background-image: url('../interface/blue.png');width:79px;height:79px;}
	.logo-green {background-image: url('../interface/green.png');width:79px;height:79px;}
	.logo-grey {background-image: url('../interface/grey.png');width:79px;height:79px;}
	.box-text{ margin-left: 80px; }
	
.magazine_box{
	width: 338px;
	height: 110px;
	margin-left: 5px;
	border:solid #f8f8f8 1px;
	border-radius: 4px;
	}
	.magazine_box:hover{ background-color: white;border:solid #eaeaea 1px;border-radius: 4px;cursor:pointer; }
	.magazine_box h4{ margin-left: 15px; padding-bottom:10px; font: 16px Tahoma;font-weight: bold;color: #6495ED; }
	.magazine_box a{ text-decoration:none; }
	.magazine-logo{ float:left; margin: 3px 3px 3px 3px; }
	.magazine-logo img{ border:0;}
	
.product_image {
	width: 334px;
	float: right;
}

.product_content {
	width: 334px;
}

.linkstitulo{
	background:#fff;
	display:block;
	color:#898575;
	padding:7px 25px;
	border:1px solid #f7f0d4;
	font:bold 14px Arial;
	letter-spacing:-1px;
	margin-bottom:5px;
}

.links{
	margin-bottom:-1px;
}

.links a, .links a:visited{
	display:block;
	background:#fff;
	padding:7px 15px;
	font:11px Arial;
	border:1px solid #f7f0d4;
	text-decoration:none;
	color:#898575;
}

.links a:hover, .links a:active{
	display:block;
	background:#f7f0d4;
	padding:7px 15px;
	font:11px Arial;
	border:1px solid #f7f0d4;
	text-decoration:none;
	color:#898575;
}

div#footer {clear:both; margin:0 auto !important; border:0; padding:2em 9em 1em 9em !important; color:#999; background:#fff; font-size:.9em; text-align:center; width:640px; line-height:1.25em;}
div#footer img {vertical-align:middle;}
div#footer ul {margin:.7em 0; padding:0; list-style-type:none;}
div#footer ul li {display:inline-block; margin:0; border-right:1px solid #999; padding:0 0 0 .4em !important;}
div#footer ul li.last {border-right:0;}
div#footer ul li a {margin-right:.5em;color:#084482 !important; text-decoration:underline; white-space:nowrap;} 
div#footer p {margin:20px 0 0 0; padding:0; font-size:1em;}
div#footer ul li:last-child {border-right:none !important;}
div#footer p#legal {width:640px; margin:0 auto;}
div#footerSecure {margin:10px 0 0 0;}
div#footerSecure p {margin:0 0 15px 0;}