@charset "utf-8";
/**
 * w3invent Framework to CSS
 * This framework is proprietary used in w3invent services.
 *
 * IT´S RECOMMEND INSERT THIS FILE BEFORE ANOTHER.
 * THIS FRAMEWORK CONSIDER THE IMAGES DIRECTORY
 * ONE LEVEL UP IT.
 *
 * @author
 * @version 0.1
 * @date
 * @license
 */
 
/**
 * Basic reset
 *
 */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

/**
 * Basic tag styles
 *
 */
img { border: none; }
address { font-style: normal; }

/**
 * Basic used class
 *
 */
.show { display: block; }
.hide { display: none; }
.inline { display: inline; }

.info {
	color: #999;
	display: block;
	font-size: 0.9em;
}

label.error {
	background-color: #f00;
	color: #fff;
	padding: 5px;
	margin: 5px 0;
}

.asterisk {
	color: #f00;
	font-weight: bold;
	font-size: 0.9em;
}

.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.float-nome { float: none; }
.float-left { float: left; }
.float-right { float: right; }
.float-clear { /* better name to it ? http://www.robertnyman.com/2007/04/12/how-to-clear-css-floats-without-extra-markup-different-techniques-explained/ */
	overflow: hidden;
	height: 1%;
}

/**
 * Notice, warning and error messages
 *
 */
.success, .notice, .warning, .error {
	padding: 10px 10px 10px 30px;
	border: 2px solid;
	color: #8a1f11; /* used in warning and error */
}
.success, .notice {
	background: #e2f9e3 url(../images/ico-tick.png) no-repeat 10px 10px;
	border-color: #9c9;
	color: #264409;
}
.warning {
	background: #FFF6BF url(../images/ico-warning.png) no-repeat 10px 10px;
	border-color: #FFD324;
}
.error {
	background: #FBE3E4 url(../images/ico-exclamation.png) no-repeat 10px 10px;
	border-color: #FBC2C4;
}

/**
 * Commom form styles
 *
 */
.wrap-title-in-form * { /* apply any tag title wrapped by this class */
	color: #000;
}
.wrap-fields p, .wrap-fields-related p { /* the padding is good for change background when focus the fields */
	padding: 1px 5px;
	margin-bottom: 5px;
}
.wrap-fields-related p { /* fields relateds stay in the same line */
	float: left;
	margin-right: 20px;	
}
.wrap-fields-related, .wrap-fields { /* the same rules of float-clear */
	overflow: hidden;
	height: 1%;
}
/* Do a better study about these withs */
.xx-small { width: 30px; }
.x-small { width: 60px; }
.small { width: 100px; }
.medium { width: 250px; }
.large { width: 400px; }
.x-large { width: 500px; }
/* general tags forms */
fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}
legend {
	font-size: 1.5em;
	font-weight: bold;
	background-color: #fff;
	padding: 0 10px;
	margin-bottom: 10px;
}
label {
	display: block;
	font-weight: bold;
}
input, file, textarea, select {
	background: #fff url(../images/bg-fields.gif) repeat-x top;	
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-color: #7c7c7c #c3c3c3 #ddd;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 5px 3px;
	vertical-align: middle;
}
input.checkbox {
	background: none;
	border: none;
}
select { padding: 3px 1px 3px; }
select option { padding-right: 5px; }
optgroup { font-style: normal; }
textarea { height: 50px; }

/**
 * Common buttons styles
 *
 */
.buttons { /* apply in a div, for example, that wrap buttons (button, a) */
	overflow: hidden;
	height: 1%;
}
.buttons a, .buttons button { 
	vertical-align: middle;
	float: left;
	margin-right: 10px;
}
.buttons button { /* with this, button´s width in IE stays nice */
	overflow: visible;
	width: auto;
}
.buttons span { /* Use tag span to write some text between the buttons */
	display: block;
	float: left;
	margin-right: 10px;
	padding: 6px 0;
}
.btn-common, .btn-positive, .btn-negative, .btn-cancel {
	padding: 5px 10px 5px 26px;
	background-color: #f5f5f5;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #dedede #bbb #bfbfbf #dedede;
	cursor: pointer;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
}
a.btn-common, a.btn-positive, a.btn-negative { /* the tag a needs more padding than tag button */
	padding-top: 7px;
	padding-bottom: 7px;
}
.btn-cancel { /* Use this class in link inline style, without button style */
	border: none;
	background: transparent;
	color: #f00;
	padding-left: 0;
}
.btn-common { /* this common button doesn´t have a background image. So, less padding-left to it. */
	padding-left: 10px;
	color: #336699 !important;
	background: #f5f5f5 no-repeat 5px center; /* if need to add some bg, use background-image, just it. */
}
.btn-common:hover, .btn-common-hover {
	background-color: #DFF4FF;
	border: 1px solid #A7CEDF;
	border-width: 1px 2px 2px 1px;
	color: #00719F;
}
.btn-common:active { 
	background-color: #A7CEDF;
	border: 1px solid #6299C5;
	border-width: 1px 2px 2px 1px;
	color: #fff !important;
}
.btn-positive { 
	color:#529214 !important;
	background: #f5f5f5 url(../images/ico-tick.png) no-repeat 5px center;
}
.btn-positive:hover, .btn-positive-hover {
	background-color:#E9EFD1;
	border:1px solid #AACF81;
	border-width: 1px 2px 2px 1px;
	color:#529214;
}
.btn-positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	border-width: 1px 2px 2px 1px;
	color: #fff !important;
}
.btn-negative {
	color: #D12F19 !important;
	background: url(../images/ico-cross.png) no-repeat 5px center;
}
.btn-negative:hover, .btn-negative-hover {
	background-color: #FBE3E4;
	border: 1px solid #EF959B;
	border-width: 1px 2px 2px 1px;
	color: #D12F19;
}
.btm-negative:active {
	background-color: #D12F19;
	border: 1px solid #D12F19;
	border-width: 1px 2px 2px 1px;
	color: #fff !important;
}
/**
 * FAQ System styles
 *
 */
dl.faq { 
	border-left: 1px solid #666;
	padding-left: 10px;
	line-height: 1.5em;
}
dl.faq dt {
	color: #02739B;
	font-weight: bold;
	margin-bottom: 5px;
	cursor: pointer;
}
dl.faq dd {
	margin-bottom: 10px;
}

/**
 * By w3invent
 *
 */
.powered-by {}
.powered-by a {}
.powered-by a:hover {}