/* -----------------------------------------------------------------
* lc-css-framework.css
*
* Esta folha de estilo é utilizada 
* para a montagem da estrutura das 
* páginas.
*
* - Resetar
* Reseta o default browser css.
*
* - Textos
* Configurações default de fonts
*
* - Forms
* Configura alguns estilos default para os forms
* Disponibiliza classes para enriquecer seus forms
* Utilidade ou onde usar:
* Campos texto usar classe .title ou .text
* Para forms em linha use .inline (até mesmo quando usar colunas)
*
* @project   Risk Monitor
* @version   1.0
* @author    Bruna Fava
* @copyright LinearCode Sistemas
* @date      18/11/2011
*
* @colordef  #fff;    padrão branco
* @colordef  #ccc;    padrão cinza
* @colordef  #bbb;    padrão cinza médio
* @colordef  #999;    padrão cinza escuro
* @colordef  #666;    padrão cinza mais escuro 
* @colordef  #000;    padrão preto
----------------------------------------------------------------- */


/* Resetar */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,
dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,
ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,
strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp { border:0; margin:0; padding:0; font-size:100%; }
html,body { height:100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } /* Override the default (display: inline) for browsers that do not recognize HTML5 tags. */
b,strong { font-weight: bold; } /* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; } /* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
ol,ul { list-style:none; }
li { display:list-item; } /* For IE6 + IE7: "display: list-item" keeps bullets from disappearing if hasLayout is triggered. */
table { border-collapse:collapse;  border-spacing:0; }
th,td,caption { font-weight:normal; vertical-align:top; text-align:left; }
q { quotes:none; }
q:before,q:after { content:''; content:none; }
sub,sup,small { font-size:75%; }
sub,sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }
svg { overflow:hidden; } /* For IE9. Without, occasionally draws shapes outside the boundaries of <svg> rectangle. */
/* ***** */


/* Textos */
body { font-size:10px; color:#636363; font-family:Verdana,Arial,sans-serif; }
pre,code { font-family:Verdana,Arial,sans-serif; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
h1 { font-size:13px; } /* Tílulo */
h2 { font-size:12px; } /* SubTílulo */
h3 { font-size:11px; } /* SubTílulo */
h4 { font-size:10px; } /* SubTílulo */
h5 { font-size:9px; } /* SubTílulo */
h6 { font-size:8px; } /* SubTílulo */
ol { list-style:decimal; } 
ul { list-style:disc; } 
li { margin-left:30px; } 
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure { margin-bottom:20px; }
/* ***** */


/* Forms */
label { font-weight: bold; }
fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } /* hack incluido para o ie 8 desde que ele nao aplique o paddin corretamente em fieldsets */
legend { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
fieldset, #IE8#HACK { padding-top:1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }
/* Form fields --------------------------------------------------------------
Atributos seletores são usados para diferenciar os diferentes tipos de inputs, mas para dar suporte a browser antigos, você vai ter que 
adicionar classes para cada um “.title” simplesmente cria um campo texto largo, ele é simplesmente para aparência. */
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; color:#000; }
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus { border-color:#666; }
select { background-color:#fff; border-width:1px; border-style:solid; }
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
/* Esse é para ser usado em forms onde uma variedade de elementos é colocada lado a lado. Use a tag p para indicar a linha */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* ***** */