/*
	Data: 26/07/2012 - 16:06
	Projeto: Vila Mulher - Versão: Lifting - ESSENCIAIS

	¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ ATENÇÃO ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
	¦¦¦¦																 ¦¦¦¦
	¦¦¦¦ O Crtl+F é seu amigo. Use-o! :) Evite duplicar conteúdo do CSS  ¦¦¦¦
	¦¦¦¦																 ¦¦¦¦
	¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
*/

/* Reset simples */

html, body,
ul, div, span,
iframe,
h1, h2, h3, h4, h5, h6, dd, dl,
p, blockquote, a, em, img, small, strong, fieldset, form, label, input{
	margin: 0;
	padding: 0;}

.spacer{
	padding: 15px;}

button,
.pointer{
	cursor: pointer;}

img{
	border: 0;}

li{
	list-style: none;}

body{
	font-family: 'Open Sans', Arial, sans-serif;
	color: #4f4f4f;}

.clear{
	clear: both;}

.conf-default{
	background: #FFF;
	padding: 0 15px 30px;}

.wrap{
	margin: 0 auto;
	width: 990px;}

a{
	color: #555;
	cursor: pointer; /* Necessário para o IE7 */;
	text-decoration: none;}

a:hover{
	text-decoration: underline;}

.zeropx{
	border-width: 0;
    clear: both;
    float: left;
    font-size: 0;
    height: 0;
    position: relative;
    width: 0;}

/* Forms */

.input-padrao{
	background: #FFF;
	font-family: Arial;
	font-size: 14px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid;
	border-top-color: #c6c6c6;
	border-bottom-color: #eaeaea;
	border-left-color: #dadada;
	border-right-color: #dadada;
	box-sizing: border-box;}

.input-padrao:focus,
.input-padrao:hover{
	background: #fafafa;
	border-top-color: #4c4c4c;
	border-left-color: #848484;
	border-right-color: #848484;
	border-bottom-color: #b8b8b8;}

.sucesso,
.success {
	background-color: #dff0d8;
	border-color: 1px solid #d6e9c6;
	color: #3c763d;}

/* Sprites */

.sprites{
	background: url(/imagens/vmulher/sistema/lifting/sprites/sprites-principal.png) no-repeat;}

/* Formulários */

.default-select,
.default-textarea{
	border: 1px solid #7f7f7f;
	font-family: Arial;}

/* Para Dosis */

.fr{
	font-family: 'Dosis', sans-serif;}

/* Remove aquelas linhas tracejadas, quando algo é clicado */

a:focus{
	outline: none;}

/* Remove underline do <a href> quando necessário */

.su, .su a{
	text-decoration: none;}

/* Direcionais */

.l{
	float: left}

.r{
	float: right;}

.tal{
	text-align: left;}

.tar{
	text-align: right;}

.center{
	text-align: center;}

/* Configuração de fontes */

.g{
	font-family: Georgia;}

.i{
	font-style: italic;}

.b{
	font-weight: bold;}

.fl{
	font-weight: lighter;}

.ti{
	text-indent: -9999em;}

.tu{
	text-transform: uppercase;}

.tud{
	text-decoration: underline !important;}

.lh{
	line-height: 1;}

.lh2{
	line-height: 1.2;}

.lh4{
	line-height: 1.4;}

/* Cores padrão */

.cp{
	color: #531638;}

.cb{
	color: #FFF;}

/* Configuração de Tamanho de Fonte */

.f10{
	font-size: 10px;}

.f11{
	font-size: 11px;}

.f12{
	font-size: 12px;}

.f13{
	font-size: 13px;}

.f14{
	font-size: 14px;}

.f15{
	font-size: 15px;}

.f16{
	font-size: 16px;}

.f17{
	font-size: 17px;}

.f18{
	font-size: 18px;}

.f19{
	font-size: 19px;}

.f20{
	font-size: 20px;}

.f21{
	font-size: 21px;}

.f22{
	font-size: 22px;}

.f23{
	font-size: 23px;}

.f24{
	font-size: 24px;}

.f25{
	font-size: 25px;}

.f28{
	font-size: 28px;}

.f30{
	font-size: 30px;}

/* Correção de width para Internet Explorer */

.wie{
	width: 960px;}

#col-1 .wie{
	width: 630px;}

#col-2 .wie, #col-3 .wie, #col-4 .wie{
	width: 300px;}

.w100{
	width: 100%;}

/* Margens padrões */

.mtop{
	margin-top: 20px;}

.mbot{
	margin-bottom: 20px;}

/* Margens alternativas */

.mr1{margin-right: 1px;}

.ml1{margin-left: 1px;}

.mt1{margin-top: 1px;}

.mb1{margin-bottom: 1px;}

.mr2{margin-right: 2px;}

.ml2{margin-left: 2px;}

.mt2{margin-top: 2px;}

.mb2{margin-bottom: 2px;}

.mr3{margin-right: 3px;}

.ml3{margin-left: 3px;}

.mt3{margin-top: 3px;}

.mb3{margin-bottom: 3px;}

.mr5{margin-right: 5px;}

.ml5{margin-left: 5px;}

.mt5{margin-top: 5px;}

.mb5{margin-bottom: 5px;}

.mr6{margin-right: 6px;}

.ml6{margin-left: 6px;}

.mt6{margin-top: 6px;}

.mb6{margin-bottom: 6px;}

.mr7{margin-right: 7px;}

.ml7{margin-left: 7px;}

.mt7{margin-top: 7px;}

.mb7{margin-bottom: 7px;}

.mr8{margin-right: 8px;}

.ml8{margin-left: 8px;}

.mt8{margin-top: 8px;}

.mb8{margin-bottom: 8px;}

.mt10{
	margin-top: 10px;}

.mb10{
	margin-bottom: 10px;}

.ml10{
	margin-left: 10px;}

.mr10{
	margin-right: 10px;}

.mt15{
	margin-top: 15px;}

.mr15{
	margin-right: 15px;}

.ml15{
	margin-left: 15px;}

.mb15{
	margin-bottom: 15px;}

.mt20{
	margin-top: 20px;}

.mb20{
	margin-bottom: 20px;}

.mr20{
	margin-right: 20px;}

.ml20{
	margin-left: 20px;}

.mt25{
	margin-top: 25px;}

.mb25{
	margin-bottom: 25px;}

.mr25{
	margin-right: 25px;}

.ml25{
	margin-left: 25px;}

.mt30{
	margin-top: 30px;}

.mb30{
	margin-bottom: 30px;}

.ml30{
	margin-left: 30px;}

.mr30{
	margin-right: 30px;}

.mr40{
	margin-right: 40px;}

.mt40{
	margin-top: 40px;}

.mb40{
	margin-bottom: 40px;}

.ml40{
	margin-left: 40px;}

/* Outros itens */

.center {
	text-align:center;}

.di{
	display: inline;}

.db{
	display: block;}

/* Posições */

.pos-rel{
	position: relative;}

.pos-abs{
	position: absolute;}

/* Corte para fotos fora do padrão */

.css-crop{
	overflow: hidden;}

/* Functional classes @ Tableless: https://github.com/tableless/css-functional-classes/ */
/**
*** FLOAT E CLEAR
**/
.noFloat {float: none !important;}
.fRight {float: right !important;}
.fLeft {float: left !important;}

.cBoth {clear: both !important;}
.cRight {clear: right !important;}
.cLeft {clear: left !important;}

.overflowHidden { overflow: hidden !important;}
.overflowVisible {overflow: visible !important;}

/**
*** BLOCO E LINHA
**/
.dBlock {display: block !important;}
.dInline {display: inline !important; float: none !important;}
.dInlineBlock {display: inline-block !important; float: none !important;}
.dNone {display: none !important;}

/**
*** TAMANHO
**/
.widthAuto {width: auto !important;}
.widthInherit {width: inherit !important;}
.heightInherit {height: inherit !important;}
.heightAuto {height: auto !important;}

/**
*** MARGIN E PADDING
**/
.noMargin {margin: 0 !important;}
.noMarginLeft {margin-left: 0 !important;}
.noMarginRight {margin-right: 0 !important;}
.noMarginTop {margin-top: 0 !important;}
.noMarginBottom {margin-bottom: 0 !important;}

.noPadding {padding: 0 !important;}
.noPaddingLeft {padding-left: 0 !important;}
.noPaddingRight {padding-right: 0 !important;}
.noPaddingTop {padding-top: 0 !important;}
.noPaddingBottom {padding-bottom: 0 !important;}

.marginAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/**
*** ALINHAMENTO DE TEXTO
**/
.txtLeft {text-align: left !important;}
.txtRight {text-align: right !important;}
.txtJustify {text-align: justify !important;}
.txtCenter {text-align: center !important;}

table.txtLeft td, table.txtLeft th {text-align: left;}
table.txtRight td, table.txtRight th {text-align: right;}

/**
*** ALINHAMENTO VERTICAL
**/
.vAlignTop {vertical-align: top !important;}
.vAlignMiddle {vertical-align: middle !important;}
.vAlignBottom {vertical-align: bottom !important;}
.vAlignTopImportant {vertical-align: top !important;}
.vAlignMiddleImportant {vertical-align: middle !important;}
.vAlignBottomImportant {vertical-align: bottom !important;}

/**
*** BACKGROUND E BORDA
**/
.noBackground {background: none !important;}
.noShadow {box-shadow: none !important;}

.noBorder {border: none !important;}
.noBorderRight {border-right: none !important;}
.noBorderLeft {border-left: none !important;}
.noBorderBottom {border-bottom: none !important;}
.noBorderTop {border-top: none !important;}

.noBullet, .noListStyle {list-style: none !important;}

/**
*** CURSOR DE MOUSE
**/
.cursorPointer {cursor: pointer !important;}
.cursorDefault {cursor: default !important;}
.cursorCrosshair {cursor: crosshair !important;}
.cursorMove {cursor: move !important;}
.cursorHelp {cursor: help !important;}
.cursorWait {cursor: wait !important;}
.cursorInherit {cursor: inherit !important;}
.cursorText {cursor: text !important;}
.cursorProgress {cursor: progress !important;}

.cursorGrab {
  cursor: hand;
  cursor: grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cursorGrabbing {
  cursor: grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block !important;
}
.noBold {font-weight: normal!important;}
.noBgHover {background: none!important;}
.noRadius{
  border-radius: 0!important;
  -moz-border-radius: 0!important;
  -webkit-border-radius: 0!important;
}

/** COLORS **/
.bgWhite {background: white!important;}
.colorBlack {color: #000;}

/**
*** INPUTS
**/

/** Remove arrows of input fields like type number **/
.noSpin::-webkit-inner-spin-button {-webkit-appearance: none;}

/* Botao Padrao */

.botao-enviar-padrao{
    background: #7C325B;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 10px;
	border: 0;
	cursor: pointer;}

.botao-enviar-padrao:hover{
	background: #B96191;
	box-shadow: 2px 2px 0 1px #723B5A inset;}

.erro,
.notificacao,
.error,
.warning {
    background: url(/imagens/vmulher/sistema/icones/ico_alerta.gif) no-repeat scroll 8px 6px #ffc;
    border: 1px solid #dedede;
    color: #333 !important;
    margin-top: 10px;
    font-size: 12px;
	padding: 6px 6px 6px 30px;}

.loading{
	background: url(../imagens/geral/loading.gif) no-repeat center center;}

.hidden{
	display: none;}

/* Thumbnails */

.thumb-30{
	width: 30px;
	height: 30px;}

.thumb-50{
	width: 50px;
	height: 50px;}

.thumb-80{
	width: 80px;
	height: 80px;}

.thumb-130{
	width: 130px;
	height: 130px;}

.thumb-170{
	width: 170px;
	height: 170px;}

.thumb-250{
	width: 250px;
	height: 250px;}

.thumb-280{
	width: 280px;
	height: 280px;}

/* Facebook e GooglePlus */

#fb-root,
iframe[id^="oauth2relay"] {
	display: none;}

/* Publicidade > Envelopamento */

.link-bg-publicidade {
	background-color: transparent;
	cursor: pointer;
	height: 744px;
	position: fixed;
	width: 145px;
	z-index: 999999;}

/* Borderbox */

.box{
	box-sizing: border-box;}