@charset "utf-8";

/* --------------------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas básicas do site.
 * Version:		1.0.0 (2010-02-02) YYYY-MM-DD
 * Website:		http://www.rpmconsulting.com.br/
 * Author:		Luiz R. Junior – iDesk Informática <http://www.idesk.com.br/>
 *
 * == STRUCTURE =================================================
 * 
 * Page width: 900px  static, vertical centralized
 *
 * $__globals	Definicoes de estilos a elementos globais
 * $__header	Definições do cabeçalho da página
 * $__menu		Definições do menu de navegação
 * $__content	Definições dos elementos do conteúdo 
 * $__footer	Definições dos elementos do rodapé 
 * -------------------------------------------------------------- */
 
/* $__globals
 * --------------------------------------------------------------------*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  
br, hr, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dd, ol, ul, li, 
table, caption, tbody, thead, tfoot, tr, th, td,
form, fieldset, label, legend, input, select, embed {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a { color:#14517C; }
a:hover { color:#0074C5; text-decoration:none; }

body {
	background:url(../images/template/fundo_site.png) repeat-x #215F76;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#0B3F5F;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.displaypic {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.container {
	width:900px;
	margin:0 auto;
}

.shadow {
	background:url(../images/template/fundo_sombra.png) repeat-y;
	margin:auto;
	padding:0 15px;
	position:relative;
	width:900px;
	z-index:1;
}

.border-content { border-top:3px solid #E2E2E2; }
	




/* $__header
 * --------------------------------------------------------------------*/
 
#header {
	background:url(../images/template/fundo_header.png) no-repeat;
	height:176px;
	margin:auto;
	position:relative;
	width:930px;
	z-index:10;
}

#header h1.brand {
	background:url(../images/template/brand-rpm.jpg) no-repeat;
	height:115px;
	left:30px;
	position:absolute;
	top:25px;
	width:225px;
}

#header p.rpm-group {
	font-size:.65em;
	position:absolute;
	right:55px;
	text-align:right;
	top:125px;
	width:300px;
}

#header p.rpm-group strong {
	background:url(../images/template/logo-rpm-group.jpg) no-repeat;
	display:inline-block;
	height:25px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:55px;	
}

#teaser {
	margin-top:-36px;
	padding-top:12px;
	text-align:left;
	z-index:5;
}


/* $__menu
 * --------------------------------------------------------------------*/
#menu {
	height:95px;
	position:absolute;
	text-align:left;
	top:15px;
	right:30px;
	width:600px;
	z-index:50;
}

#menu ul { 
	list-style:none;
	position:relative;
}

#menu a {
	display:block;
	text-decoration:none;
	padding:9px 4px;
	width:100%;
	height:100%;
	color:#FFF;
}

#menu ul li a { padding:0; height:70px; margin:0 0 0 12px; background:url(../images/template/menu-nav.png) no-repeat; }

#menu ul li a.home { background-position:-14px 0px; width:70px; }
#menu ul li a.home-selected,
#menu ul li a.home:hover { background-position:-14px -120px; height:95px; width:70px; }

#menu ul li a.empresa { background-position:-97px 0px; width:90px; }
#menu ul li a.empresa-selected,
#menu ul li a.empresa:hover { background-position:-97px -120px; height:95px; width:90px; }

#menu ul li a.servicos { background-position:-200px 0px; width:87px; }
#menu ul li a.servicos-selected,
#menu ul li a.servicos:hover { background-position:-200px -120px; height:95px; width:87px; }

#menu ul li a.clientes { background-position:-301px 0px; width:86px; }
#menu ul li a.clientes-selected,
#menu ul li a.clientes:hover { background-position:-301px -120px; height:95px; width:86px; }

#menu ul li a.parceiros { background-position:-396px 0px; width:96px; }
#menu ul li a.parceiros-selected,
#menu ul li a.parceiros:hover { background-position:-396px -120px; height:95px; width:96px; }

#menu ul li a.contato { background-position:-503px 0px; width:86px; }
#menu ul li a.contato-selected,
#menu ul li a.contato:hover { background-position:-503px -120px; height:95px; width:86px; }

#menu a.selected { font-weight:bold; }

#menu ul ul {
	background:url(../images/template/fundo_submenu.png) no-repeat #D5E0E7;
	display: none;
	left: 12px;
	list-style: none;
	position: absolute;
	padding:12px 0 0 0;
	top:71px;
	width: 180px; /* Sub Menu Width */
	z-index:50;
}

#menu ul li { float:left; display:inline; position:relative; }
#menu ul ul li { width: 167px; display: block; }
#menu ul ul li a { margin:0; padding:0; }

/* Root Menu Hover Persistence */
#menu ul li a:hover, #menu ul li li:hover a, #menu ul li li.iehover a { color: #FFF; }

/* 2nd Menu */
#menu ul li:hover li a, #menu ul li.iehover li a {
	padding:6px 3px 6px 10px;
	border-bottom:1px solid #CCC;
	text-align:left;
	float: none;
	height:auto;
	background:none;
	font-size:.85em;
	color:#0B3F5F;
}

/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover, 
#menu ul li:hover li:hover a, 
#menu ul li.iehover li a:hover, 
#menu ul li.iehover li.iehover a { background: #0B3F5F; color:#FFF; }

/* Hover Function - Do Not Move */
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, 
#menu ul li.iehover ul ul, #menu ul li.iehover ul ul ul { display: none; }

#menu ul li:hover ul, #menu ul ul li:hover ul, 
#menu ul ul ul li:hover ul, #menu ul li.iehover ul, 
#menu ul ul li.iehover ul,#menu ul ul ul li.iehover ul { display: block; }

#menu li span {
	font-size:.75em;
	font-weight:normal;
}




/* $__footer
 * --------------------------------------------------------------------*/
 
#footer {
	background:url(../images/template/fundo_footer.png) no-repeat;
	clear:both;
	float:none;
	height:90px;
	margin:auto;
	overflow:hidden;
	position:relative;
	width:930px;
}

#footer a { color:#AEBFCC; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }

#footer p.credits {
	color:#FFF;
	margin:30px 0 0 35px;
	font-size:.7em;
	text-align:left;
}

#footer p#idesk {
	height:30px;
	position:absolute;
	right:35px;
	top:30px;
	width:55px;
}

#footer p#idesk a { background:url(../images/template/logo-idesk.jpg) no-repeat; width:100%; height:100%; }
#footer p#idesk a:hover { background-position:-55px 0; }