body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 13px;
	color: #333;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #84467f;
}

a:focus { 
	outline: none; 
}

a img {
	border: none;
}

/* FONTS */
@font-face {
	font-family: 'FuturaEmbedEOT';
	src: url('tt0142m_.eot');
}
@font-face {
	font-family: 'FuturaEmbedTTF';
	src: url('tt0142m_.ttf');
}

/* GENERARL */

.content 
{
    margin: 0 0 0 100px;
}


/* HEADER */

#top-bar {
	background-color: #999;
	border-bottom: 1px solid #7a7a7a;
	
	height: 41px;
}
#top-bar ul {
	float: right;
	
	list-style: none;
	margin: 0;
	padding: 7px;
}
#top-bar li {
	float: left;
	margin-left: 10px;
}

#top-bar a span {
	display: none;
}

#top-bar form {
	float: right;
	margin: 0 0 0 8px;
	padding: 0;
}

#search-terms {
	display: block;
	float: left;
	
	border-top: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;
	border-right: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	
	font-size: 10px;
	padding: 6px;
	width: 138px;
	margin-top: 6px;
	
	background-image: url('../images/backgraund-input.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#search-button {
	display: block;
	float: left;
	
	border: none;
	width: 25px;
	height: 25px;
	margin: 8px 0 0 6px;
	
	background-image: url('../images/button-search.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#search-button span {
	display: none;
}

#header {
	height: 106px;
	border-top: 1px solid #ccc;
}

#header-logo {
	float: left;
	margin-top: 9px;
	margin-left: -28px;
}

#header-menu {
	list-style: none;
	float: right;
	padding: 0;
	margin: 52px 0 0 0;
}
#header-menu li {
	float: left;
	margin-left: 30px;
}
#header-menu a {
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	
	color: #999;
	text-decoration: none;
}
#header-menu a:hover {
	color: #666;
}
#header-menu a:active {
	color: #666;
}
#header-menu a.contact {
	color: #844781;
}

#top-title {
	background-image: url('../images/background-title.png');
	background-repeat: repeat-x;
	background-position: center;
	
	height: 77px;
	
	padding: 33px 0 0 0;
}
#top-title h1 {
	margin: 0;
	padding: 0;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24px;
	
	color: #fff;
	text-shadow: #6a3967 1px 1px 1px;
}

/* MAIN CONTENT */
#main-content {
	margin: 24px 0 26px 0;
}


/* FOOTER */
#footer {
	background-color: #333;
	border-top: 1px solid #ccc;
}
#footer-info {
	padding: 34px 0 26px 0;
	height: 114px;
	border-bottom: 1px solid #292929;
}
#footer-info-left {
	float: left;
	width: 250px;
}
#footer-info-left-contact {
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	
	margin: 25px 0 0 4px;
	line-height:  18px;
}
#footer-info-left-contact a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
#footer-info-center {
	float: left;
	width: 370px;
}
#footer-info-center ul {
	padding: 0;
	margin: 0;
	
	list-style: none;
}
#footer-info-center li {
	display: block;
	margin-bottom: 10px;
}
#footer-info-center img {
	height: 30px;
	vertical-align: middle;
}
#footer-info-center a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
#footer-info-center span {
	margin-left: 10px;
}

#footer-info-right {
	float: right;
	width: 220px;
}
#footer-info-right h4 {
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	
	margin: 0;
	padding: 0;
}
#footer-info-right form {
	margin: 19px 0 0 0;	
}
#email {
	border-top: 1px solid #6a6a6a;
	border-left: 1px solid #6a6a6a;
	border-right: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	
	font-size: 10px;
	padding: 3px;
	width: 212px;
	
	background-image: url('../images/backgraund-input.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#subscribe {
	display: block;
	float: right;
	
	border: none;
	width: 97px;
	height: 26px;
	margin-top: 16px;
	
	background-image: url('../images/button-subscribe.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#subscribe span {
	display: none;
}

#footer-menu {
	height: 74px;
	border-top: 1px solid #5c5c5c;
}
#footer-menu ul {
	float: left;
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
}
#footer-menu li {
	float: left;
	margin-right: 30px;
}
#footer-menu a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}

#footer-menu-copyright {
	float: right;
	margin: 30px 0 0 0;
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}


/** LAYOUTS **/
/* TWO COLUMNS */
.two-columns-left-column {
	float: left;
	width: 715px;
}
.two-columns-left-column .intro-text {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #84467f;
	
	padding-bottom: 26px;
}
.two-columns-left-column .column-content {
	border-top: 1px solid #ccc;
}
.two-columns-left-column p {
	margin: 20px 0;
}

.two-columns-right-column {
	width: 222px;
	float: right;
}

.right-column-box {
	width: 192px;
	padding: 14px 14px 28px 14px;
	margin-bottom: 20px;
	
	border-top: 1px solid #e7e7e7;
	
	background-image: url('../images/background-right-column.png');
	background-position: bottom;
	background-repeat: no-repeat;
}


/* HEADER AND TWO COLUMNS */
.header-two-columns-header {
	height: 70px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 28px;
}
.header-two-columns-header h2 {
	margin: 0;
	padding: 0 0 0 60px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 45px;
	font-weight: normal;
	
	background-repeat: no-repeat;
	background-position: left;
	
	float: left;
}

.header-two-columns-left-column {
	float: left;
	width: 455px;
}
.header-two-columns-left-column p {
    line-height: 22px;
	margin: 0 0 26px 0;
}

.header-two-columns-right-column {
	float: right;
}

.header-two-columns-right-column-box {
	width: 432px;
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;
	
	border-top: 1px solid #ddd;
	
	background-image: url('../images/background-header-right-column-box.png');
	background-position: bottom;
	background-repeat: no-repeat;
	
	position: relative;
}
.header-two-columns-right-column-box h2 {
	margin: 0;
	padding: 10px;
	width: 462px;
	height: 30px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	
	background-repeat: no-repeat;
	background-position: top left;	
	
	position: absolute;
}

.header-two-columns-right-column-box h2.cyan {
	background-image: url('../images/background-header-right-column-box-title-cyan.png');	
	text-shadow: #4d8bb9 1px 1px 1px;
}
.header-two-columns-right-column-box h2.pink {
	background-image: url('../images/background-header-right-column-box-title-pink.png');
	text-shadow: #c07eac 1px 1px 1px;
}

.header-two-columns-right-column-box-content {
	margin-top: 60px;
}
.header-two-columns-right-column-box-content ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
.header-two-columns-right-column-box-content li {
	display: block;
	width: 170px;
	float: left;
	padding: 5px 0 5px 16px;
	
	background-image: url('../images/bullet-header-right-column.png');
	background-position: left;
	background-repeat: no-repeat;
	
	font-size: 14px;
}
.header-two-columns-right-column-box-content li a {
	color: #333;
	font-weight: normal;
}

/*************/
/* SPECIFICS */
/*************/
.pack {
	border-top: 1px solid #ddd;
	width: 357px;
	float: left;
}
.pack h2 {
	margin: 20px 0 10px 0;
	padding: 0 0 0 60px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 45px;
	font-weight: normal;
	
	background-repeat: no-repeat;
	background-position: left;
}
.pack-erp h2 { color: #8b5288 !important; background-image: url('../images/pack-icon-erp.png'); }
.pack-mrp h2 { color: #4d84ac !important; background-image: url('../images/pack-icon-crm.png'); }
.pack-rma h2 { color: #666 !important; background-image: url('../images/pack-icon-rma.png'); }
.pack-sueldos h2 { color: #690 !important; background-image: url('../images/pack-icon-rrhh.png'); }
.pack-debtors h2 { color: #8b5288 !important; background-image: url('../images/pack-icon-debtors.png'); }

.pack-erp h2 a { color: #8b5288 !important; }
.pack-mrp h2 a { color: #4d84ac !important; }
.pack-rma h2 a { color: #666 !important; }
.pack-sueldos h2 a { color: #690 !important; }
.pack-debtors h2  a { color: #8b5288 !important; }

.pack-text {
	width: 320px;
    line-height: 22px;
	margin-bottom: 20px;
}

.cliente {
	border-top: 1px solid #ddd;
	width: 357px;
	float: left;
}

.cliente h2 
{
    color: #8b5288;
    
	margin: 20px 0 10px 0;
	padding: 0px 0 0 0px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 45px;
	font-weight: normal;	
}

.logo
{
	border-top: 1px solid #ddd;
	width: 357px;
	height: 140px;
	
	background-repeat: no-repeat;
	background-position: center;
}

.logo img
{    
    max-height: 130px;
    max-width: 300px;
    
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;    
}

.cliente-text {
	width: 320px;
    line-height: 22px;
	margin-bottom: 20px;
	text-align: justify;
}

.our-clients h2 {
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #844781;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.testimony-one h2 {
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.testimony-text {
	font-style: italic;	
	margin-bottom: 10px;
}
.testimony-signature {
	color: #844680;
	text-align: right;
}

.packs-navigation-menu {
	float: right;
}

.pack-prev, .pack-next {
	border: none;
	width: 97px;
	height: 30px;
	margin: 5px 0 0 15px;
	
	background-position: top left;
	background-repeat: no-repeat;
}
.pack-prev span, .pack-next span {
	display: none;
}
.pack-prev {
	background-image: url('../images/button-pack-prev.png');
}
.pack-next {
	background-image: url('../images/button-pack-next.png');
}


/* CONTACT FORM */

#contact-form {
	margin: 30px 0;
}
#contact-form label {
	width: 76px;
	float: left;
	line-height: 30px;
}
#contact-form input, select, textarea {
	float: left;
	border: 1px solid #a7a7a7;
	padding: 6px;
	
	background-image: url('../images/backgraund-input.png');
	background-position: top left;
	background-repeat: no-repeat;
	
	width: 380px;
	line-height: 28px;
}
#contact-form textarea {
	height: 100px;
}
#contact-form select {
	width: 394px !important;
}

.form-pair {
	margin-bottom: 10px;
}

.form-pair-indented {
	margin-left: 76px;
}
.form-pair-indented input {
	width: auto !important;
	border: none !important;
	padding: 0 !important;
}
.form-pair-indented label {
	width: auto !important;
	margin-left: 6px;
	line-height: 20px !important;
}

#contact-submit {
	display: block;
	float: left;
	
	border: none;
	width: 113px;
	height: 30px;
	margin-top: 20px;
	
	background-image: url('../images/button-contact.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#contact-submit span {
	display: none;
}


/* HOME */

#top-title-home {
	background-image: url('../images/background-title-home.png');
	background-repeat: repeat-x;
	background-position: top;
	
	padding-top: 30px;
}

.home-categories-category {
	float: left;
	width: 217px;
}
.home-categories-category h3 {
	margin: 10px 0 14px 0;
	padding: 6px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	
	color: #333;
}

.home-categories-company h3 {
	padding-left: 40px !important;
	background-image: url('../images/home-icon-company.png');
	background-repeat: no-repeat;
	background-position: left;
	
}

.home-categories-solutions h3 {
	padding-left: 30px !important;
	background-image: url('../images/home-icon-solutions.png');
	background-repeat: no-repeat;
	background-position: left;
	
}

.home-categories-services h3 {
	padding-left: 30px !important;
	background-image: url('../images/home-icon-services.png');
	background-repeat: no-repeat;
	background-position: left;
	
}

/*
.home-categories-category a {
	display: block;
	margin-top: 6px;
	padding: 2px 0 2px 20px;
	background-image: url('../images/background-home-category-link.png');
	background-repeat: no-repeat;
	background-position: left;
}
*/

.home-categories-company {
	border-top: 10px solid #844781;
	margin-right: 30px;
}
.home-categories-solutions {
	border-top: 10px solid #cc95bc;
	margin-right: 30px;
}
.home-categories-services {
	border-top: 10px solid #9abed8;
}

#home-packs {
	border: 1px solid #ddd;
	background-color: #eee;
	margin: 30px -30px;
	padding: 20px 10px 20px 20px;
}

.home-pack {
	float: left;
	width: 217px;
	margin-right: 30px;
}
.home-pack h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 60px;
	
	font-family: Futura, FuturaEmbedEOT, FuturaEmbedTTF, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 45px;
	font-weight: normal;
	
	background-repeat: no-repeat;
	background-position: left;
}

/* BANNERS */
#banner-container {
	width: 1000px;
	height: 316px;
	
	border-top: 1px solid #ddd;
	
	background-color: #fff;
	background-image: url('../images/background-banner.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
#banner-container .banner {
	position: relative;
	width: 998px;
	height: 300px;
	margin: 0 auto;
}

.banner-text-container {
	font-size: 16px;
}
.banner-text-container h1 {
	font-size: 28px;
	font-weight: normal;
	
	color: #84467f;
	margin: 0 0 20px 0;
	padding: 0;
}

#banner-1 {
	background-image: url('../images/background-banner-1.jpg');
}
#banner-1 .banner-text-container {
	position: absolute;
	top: 70px;
	right: 40px;
	
	width: 460px;
}

#banner-2 {
	background-image: url('../images/background-banner-2.jpg');
}
#banner-2 .banner-text-container {
	position: absolute;
	top: 70px;
	right: 40px;
	
	width: 320px;
}

#banner-3 {
	background-image: url('../images/background-banner-3.jpg');
}
#banner-3 .banner-text-container {
	position: absolute;
	top: 70px;
	left: 40px;
	
	width: 320px;
}


/* CLEARS */
.two-columns:after,
.header-two-columns:after,
.header-two-columns-right-column-box-content:after,
.form-pair:after,
.form-pair-indented:after,
#home-categories:after,
#home-packs:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}