@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------- */
/*						     Indice
/* ---------------------------------------------------------------------- */
/*  - (1) Estrutura
/*  - (2) Classes Auxiliares
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/*						     (1) Estrutura
/* ---------------------------------------------------------------------- */
/*  - Normalize.css v2.1.2
/*  - Clearfix
/*	- Default
/*	- Tipográfia
/*	- Links
/*	- Wrapper/Container/Content
/*	- #Header
/*	- #Nav
/*	- #Footer
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/*			Normalize.css v2.1.2 | MIT License | git.io/normalize
/*			     comprimido por: http://refresh-sf.com/yui/
/* ---------------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* ---------------------------------------------------------------------- */
/*							  Clearfix
/*           http://nicolasgallagher.com/micro-clearfix-hack/
/* ---------------------------------------------------------------------- */
.clear          				 { clear:both;}
.clearfix       			     { zoom: 1; }
.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after 			     { clear: both; }


/* ---------------------------------------------------------------------- */
/*							  Default
/* ---------------------------------------------------------------------- */
html     { width:100%; height:100%; background:none; }
img      { border:none; vertical-align: middle; max-width:100%; /*height:auto;*/}
fieldset { border:0; margin:0; padding:0;}
textarea { resize: vertical;}
dl,menu,ol,ul,li,dd { margin:0; padding:0; list-style:none;}

body {
	height:100%;
	color:#333; 
	font:normal 12px Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; /*Fix for webkit rendering*/
	word-wrap:break-word; /*força a quebra de linha em palavras grandes*/
	overflow-x:hidden; 
	*overflow-x:none; /*oculta para IE-7*/
	background:#fff;}

	
::-moz-selection { background: #56b4ef; color: #fff; text-shadow: none; }
::selection      { background: #56b4ef; color: #fff; text-shadow: none; }

hr { margin:10px 0; *margin:5px 0;}


/* ---------------------------------------------------------------------- */
/*							  Tipográfia
/* ---------------------------------------------------------------------- */

h1{ font-size: 32px; }
h2{ font-size: 28px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }
small { font-size: 10px; }

h1, h2, h3, h4, h5, h6{ color:#333; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-bottom:30px; }

p{ margin-bottom:10px;}


/* ---------------------------------------------------------------------- */
/*							      Links
/* ---------------------------------------------------------------------- */
a,a:link 	{ text-decoration: none; cursor:pointer;}
a:hover 	{ text-decoration: none;}

a, a > * {
	color: #333;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;}

a:hover, a > *:hover { color:#0088EE; }


/* ---------------------------------------------------------------------- */
/*							 Wrapper/Container
/* ---------------------------------------------------------------------- */
#wrapper     { position:relative; min-height:100%;}
#container   { position:relative; width:100%; padding-bottom:100px;} /*padding = ou > q height do rodape*//*http://matthewjamestaylor.com*/
.content     { position:relative; width:100%; max-width:980px; margin:0 auto;}
.content.main{ min-height:100px; margin-bottom:20px;}

@media print {
	.content  { width:980px;} /*obs:largura em px obrigatória para impressão*/ 
	}

/* ---------------------------------------------------------------------- */
/*							     Header
/* ---------------------------------------------------------------------- */
#header        { position: relative; margin:0 auto; width:100%; height:60px; border-bottom:1px solid #ccc; background:url('../images/bgs/light/2.png');}
.content-header{ height:60px; overflow:hidden; text-shadow:1px 1px 1px #fff;}		
.logo          { position:absolute; top:11px; left:0; width:370px; overflow:hidden;}

#header-acesso, #header-nav                            { position:absolute; top:0; height:50px; overflow:hidden;}
#header-acesso ul, #header-nav ul                      { list-style:none;}
#header-acesso ul li, #header-nav ul li                { position:relative; display:inline;}
#header-acesso ul li a, #header-nav ul li a            { float:left; display:block;}
#header-acesso ul li a:hover, #header-nav ul li a:hover{ text-decoration:underline;}

#header-acesso            { width:150px; right:420px;}
#header-acesso ul li      { float:left; width:150px; height:25px; line-height:25px; overflow:hidden;}
#header-acesso ul li.nome { font-weight:bold; margin-top:5px;}
#header-acesso ul li.shop { font-weight:normal;}

#header-nav              { width:450px; right:0;}
#header-nav ul li        { float:right; margin:15px 0 0 20px; height:40px;}
#header-nav ul li.atendimento   { background:url('../images/default/icons-header-nav/atendimento.png') top center no-repeat;}
#header-nav ul li.sair   { background:url('../images/default/icons-header-nav/sair.png') top center no-repeat;}
#header-nav ul li.user   { background:url('../images/default/icons-header-nav/user.png') top center no-repeat;}
#header-nav ul li.treino { background:url('../images/default/icons-header-nav/treino.png') top center no-repeat;}
#header-nav ul li.ans    { background:url('../images/default/icons-header-nav/ans.png') top center no-repeat;}
#header-nav ul li a      { margin-top:20px;}


/*Lista de links detro do UI jaquery*/
#dialog_treinamento ul           { margin:0; padding:0; list-style:none;}
#dialog_treinamento ul li        { float:left; display:block; margin-top:5px; height:16px; clear:both;}
#dialog_treinamento ul li a      { float:left; display:block; padding:0 0 0 25px; margin:0; height:16px; text-decoration:underline;}
#dialog_treinamento ul li a:hover{ color:#00ACFF;}

#dialog_treinamento ul li a.pdf  { background:url('../images/default/icons-header-nav/ui-pdf.png') no-repeat 0 0;}
#dialog_treinamento ul li a.excel{ background:url('../images/default/icons-header-nav/ui-excel.png') no-repeat 0 0;}



/* ---------------------------------------------------------------------- */
/*							      Nav
/* ---------------------------------------------------------------------- */
#nav{ position:relative; margin:0 0 20px 0; width:100%; height:30px; border-bottom:1px solid #ddd; background:#fff; z-index:100;}


/* ---------------------------------------------------------------------- */
/*							     Footer
/* ---------------------------------------------------------------------- */
#footer        { position:absolute; bottom:0; width:100%; height:100px; border-top:1px solid #ccc; background:url('../images/bgs/light/1.png');}
.content-footer{ padding-top:10px; height:60px; overflow:hidden; text-align:center; font:normal 11px Arial, Helvetica, sans-serif;}		





/* ---------------------------------------------------------------------- */
/*						(2) Classes Auxiliares
/* ---------------------------------------------------------------------- */
.noBorder       { border:none !important}
.noBorderLeft   { border-left:none !important}
.noBorderRight  { border-right:none !important}
.center  	    { text-align:center;}
.left           { float:left;  display:inline; overflow: hidden;}
.right          { float:right; display:inline; overflow: hidden;}
.link-extra		{ text-decoration:underline !important; font-weight:bold !important;}
.stripe			{ background:url(../images/stripe/1.png) repeat;}
.opacity		{ opacity:0.9; -moz-opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.hidden 		{ display: none !important; visibility: hidden;}

