@charset "utf-8";
/* CSS Document */
body {
	font: 75% Helvetica, Arial, sans-serif;
	background-color:#2b3036;
	color:#464646;
	line-height:16px;
	/*para forzar el contenedor hasta el fondo*/
	margin-left:50%;
}
#content {
	width:960px;
	margin:0 auto;
	background-color:#f2f2f2;
	padding:0 20px 0 20px;
	/*para forzar el contenedor hasta el fondo*/
	margin-left:-500px;
	position:absolute;
	min-height:100%;
}
.attention {
	float:right;
	border:0;
}
.logo {
	float:left;
}
#header {
	display:block;
}
/**Menu***************************************************************************/
#mainMenu ul {
	list-style-type: none;
	list-style-position:outside;
	position: relative;
	margin: 0;
	padding: 0;
}
#mainMenu ul li {
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	height: 34px;
	text-align:center;
	line-height:34px;
	background-image:url(../images/menu/bckmenu.png);
	background-repeat:no-repeat;
	font-size:1em;
	color:#fff;
	font-weight:bold;
}
#mainMenu ul li a {
	display:block;
	height:34px;
	/*text-indent:-9999px;//va bien si queremos poner una imagen y usar texto q mandamos a tomar viento para q no se vea*/
	outline:none;
	text-decoration:none;
	color:#fff;
}
#inicio {
	width: 90px;
	background-position:0px 0px;
}
#inicio.active, #inicio:hover {
	width: 90px;
	background-position:0px bottom;
}
#empresa {
	width: 106px;
	background-position:-90px 0px;
}
#empresa.active, #empresa:hover {
	width: 106px;
	background-position:-90px bottom;
}
#productos {
	width: 113px;
	background-position:-196px 0px;
}
#productos.active, #productos:hover {
	width: 113px;
	background-position:-196px bottom;
}
#serviciosprofesionales {
	width: 188px;
	background-position:-309px 0px;
}
#serviciosprofesionales.active, #serviciosprofesionales:hover {
	width: 188px;
	background-position:-309px bottom;
}
#comunidadcrm {
	width: 151px;
	background-position:-497px 0px;
}
#comunidadcrm.active, #comunidadcrm:hover {
	width: 151px;
	background-position:-497px bottom;
}
#partners {
	width: 100px;
	background-position:-648px 0px;
}
#partners.active, #partners:hover {
	width: 100px;
	background-position:-648px bottom;
}
#noticias {
	width: 99px;
	background-position:-749px 0px;
}
#noticias.active, #noticias:hover {
	width: 99px;
	background-position:-749px bottom;
}
#contacto {
	width: 113px;
	background-position:-848px 0px;
}

#contacto.active, #contacto:hover {
	width: 113px;
	background-position:-848px bottom;
}
.sending{display:none}
/**Content*******************************************************************************************/
#mainContent {
	width:960px;
	margin-top:10px;
}
#leftColumn {
	width: 718px;
	/*height:356px;*/
	float:left;
	margin-right:10px;
}
#rightColumn {
	width: 232px;
	float:right;
	height:750px;
}
#topContent {
	margin-top:10px;
}
#footer {
	border-top:#646964 solid 1px;
	margin-top:8px;
	padding-top:8px;
	padding-bottom:8px;
}
/**Boxes**************************/
#bLeftColumn, #bCenterColumn, #bRightColumn {
	width:232px;
	float:left;
}
#bCenterColumn, #bLeftColumn {
	margin-right:10px;
}
#bottomColumn {
	margin-top:10px;
	margin-bottom:10px;
}
#cLeftColumn {
	width:474px;
	float:left;
}
#cRightColumn {
	width:474px;
	float:right;
}
.gradientBox {
	background:#fff url(../images/boxes/gradient-left.png) repeat-y scroll left top;
}
.gradientBox .top {
	background:transparent url(../images/boxes/gradient-top.png) no-repeat scroll left top;
	height:12px;
}
.gradientBox .top span {
	background:transparent url(../images/boxes/gradient-top_right.png) no-repeat scroll right top;
	height:12px;
	display:block;
}
.gradientBox .centerContent {
	background:transparent url(../images/boxes/gradient-right.png) repeat-y scroll right top;
}
.gradientBox .centerContent span {
	margin-left:10px;
	margin-right:10px;
}
span.boxTitle {
	height:50px;
	font-weight:bold;
	display:block;
	color:#fa6c15;
	font-size:1.417em;
	line-height:17px;
}
span.boxTitle strong {
	color:#2a3036;
}
.gradientBox .bottom {
	background:transparent url(../images/boxes/gradient-bottom.png) no-repeat scroll left bottom;
	height:300px;
}
.gradientBox .bottomA {
	background:transparent url(../images/boxes/gradient-bottomA.png) no-repeat scroll left bottom;
	height:300px;
}
.gradientBox .bottomB {
	background:transparent url(../images/boxes/gradient-bottomB.png) no-repeat scroll left bottom;
	height:300px;
}
.gradientBox .bottomC {
	background:transparent url(../images/boxes/gradient-bottomC.png) no-repeat scroll left bottom;
	height:300px;
}
.gradientBox .bottom span {
	background:transparent url(../images/boxes/gradient-bottom_right.png) no-repeat scroll right bottom;
	height:300px;
	display:block;
}
.gradientBox .bottomBottom {
	background:transparent url(../images/boxes/gradient-bottom.png) no-repeat scroll left bottom;
	height:335px;
}
.gradientBox .bottomBottom span {
	background:transparent url(../images/boxes/gradient-bottom_right.png) no-repeat scroll right bottom;
	height:335px;
	display:block;
}
.gradientBox .bottomBottom span div {
	margin-left:10px;
	margin-right:10px;
	display:none;
	height:310px;
	border-bottom:1px solid #646964;
}
.gradientBox .bottomBottom span div.active {
	display:block;
}
.gradientBox .bottom p {
	padding:10px;
	display:block;
}
.gradientBox .bottomBottom div span.col {
	float:left;
	display:inline;
	background:none;
	width:340px;
	padding:0;
}
.gradientBox .bottomBottom div span.left {
	margin-right:12px;
}
.gradientBox .bottomBottom div span p, .top p {
	padding:10px 0;
}
.top p.semi {
	display:block;
	width:250px;
	font-size:1.167em;
	line-height:16px;
}
.gradientBox .bottomBottom div span p strong {
	color:#FA6C15;
	font-weight:bold;
}
.gradientBox .bottomBottom div span p q {
	color:#FA6C15;
	font-size:1.417em;
	line-height:19px;
}
/*************/
.whiteBox {
	background:#fff url(../images/boxes/gradient-left.png) repeat-y scroll left top;
}
.whiteBox .top {
	background:transparent url(../images/boxes/gradient-top.png) no-repeat scroll left top;
	height:12px;
}
.whiteBox .top span {
	background:transparent url(../images/boxes/gradient-top_right.png) no-repeat scroll right top;
	height:12px;
	display:block;
}
.empresa .top {
	background:transparent url(../images/boxes/gradient-top.png) no-repeat scroll left top;
	height:440px;
}
.empresa .top span {
	background:transparent url(../images/boxes/empresa_aaa.png) no-repeat scroll right top;
	height:440px;
	display:block;
	padding-top:10px;
}
#cLeftColumn .top {
	background:transparent url(../images/boxes/gradient-top.png) no-repeat scroll left top;
	height:340px;
}
#cLeftColumn .top span {
	background:transparent url(../images/boxes/empresa_bbb.png) no-repeat scroll right top;
	height:340px;
	display:block;
	padding-top:10px;
}
#cRightColumn .top {
	background:transparent url(../images/boxes/gradient-top.png) no-repeat scroll left top;
	height:340px;
}
#cRightColumn .top span {
	background:transparent url(../images/boxes/empresa_ccc.png) no-repeat scroll right top;
	height:340px;
	display:block;
	padding-top:10px;
}
.whiteBox .centerContent {
	background:transparent url(../images/boxes/gradient-right.png) repeat-y scroll right top;
}
.whiteBox .centerContent div.content, .whiteBox .top div.content {
	margin-left:10px;
	margin-right:10px;
}
.whiteBox .bottom {
	background:transparent url(../images/boxes/bottom-white.png) no-repeat scroll left bottom;
	height:12px;
}
.whiteBox .bottom span {
	background:transparent url(../images/boxes/bottom-right.png) no-repeat scroll right bottom;
	height:12px;
	display:block;
}
.whiteBox .bottomservicios span {
	background:transparent url(../images/boxes/im_servicios_3.jpg) no-repeat scroll right bottom;
	height:427px;
	display:block;
}
.whiteBox .bottomservicios {
	background:transparent url(../images/boxes/bottom-white.png) no-repeat scroll left bottom;
	height:427px;
	border-top:1px solid #cecece;
}
/*****/
#rightColumn .bottom {
	background:transparent url(../images/boxes/gradient-bottom.png) no-repeat scroll left bottom;
	height:723px;
}
#rightColumn .bottom span {
	background:transparent url(../images/boxes/gradient-bottom_right.png) no-repeat scroll right bottom;
	height:723px;
	display:block;
}
#rightColumn .top {
	background:transparent url(../images/boxes/rigthCol_top.png) no-repeat scroll left top;
	height:27px;
}
#rightColumn .top span {
	background:transparent url(../images/boxes/rigthCol_top_right.png) no-repeat scroll right top;
	height:27px;
	line-height:27px;
	color:#2a3036;
	font-weight:bold;
	margin-left:20px;
	display:block;
}
#rightColumn .bottom span div {
	height:700px;
	border-bottom:1px solid #646964;
	display:block;
	margin-left:10px;
	margin-right:10px;
}
#rightColumn .bottom span div span.title {
	color:#FA6C15;
	height:auto;
	background:none;
	font-weight:bold;
	display:block;
}
#rightColumn .bottom span div span.more, .whiteBox span.more {
	color:#FA6C15;
	height:auto;
	background:none;
	font-weight:normal;
	display:inline;
}
#rightColumn .bottom span div strong {
	color:#2a3036;
	font-weight:bold;
}
#rightColumn .bottom span div div.news {
	border-bottom:1px solid #d7d8d7;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:8px;
	padding-top:8px;
	text-align:left;
}
/***/
.linebottom {
	border-bottom:#646964 solid 1px;
	display:block;
}
ul.botonera{
	background:transparent url(../images/menu/botonera_caja_inferior.png) no-repeat 0 top;
	height: 34px;
	width:692x;
	margin-left:12px;
}
ul.botonera li {
	display: block;
	padding: 0;
	overflow:hidden;
	text-indent:-9999px;
	cursor: pointer;
	float: left;
	height: 34px;
	margin-right:0px;
	background-image:url(../images/menu/botonera_caja_inferior.png);	
	margin-bottom:8px;
}
ul.botonera li a {
	display:block;
	height:34px;
	/*text-indent:-9999px;//va bien si queremos poner una imagen y usar texto q mandamos a tomar viento para q no se vea*/
	outline:none;
	text-decoration:none;
	color:#fff;
}

li.CRM {
	background-position:0 0;
	width:54px;
}
#bCRM:hover, #bCRM.active {
	background-position: 0 -34px;
}
li.SFA {
	background-position:-54px 0;
	width:54px;
}
#bSFA:hover, #bSFA.active {
	background-position: -54px -34px;
}
li.SFM {
	background-position:-108px 0;
	width:54px;
}
#bSFM:hover, #bSFM.active {
	background-position: -108px -34px;
}
li.ACRM {
	background-position:-162px 0;
	width:106px;
}
#bACRM:hover, #bACRM.active {
	background-position: -162px -34px;
}
/**Submenu**/
ul.submenu {
	border-bottom:#646964 solid 1px;
	display:block;
	margin: 0 10px;
	height:22px;
}
ul.submenu li, ul.submenu li a {
	display: block;
	padding: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right:14px;
	margin-bottom:8px;
	font-weight:bold;
	color:#ada3a6;
	text-decoration:none;
}
ul.submenu li h1 {
	font-size:1.167em;
}
ul.submenu li:hover, ul.submenu li a:hover, ul.submenu li.active a {
	color:#2a3036;
	text-decoration:none;
}
ul.submenu li.title {
	color:#fa6c15;
	cursor:auto;
	font-size:1.167em;
	margin-right:40px;
}
/**Cont una caja**/
#centralContent .block, .top .block {
	margin:0px 10px 0px 10px;
	padding-top:40px;
}
#centralContent .blocksecundary, .top .blocksecundary {
	margin:0px 10px 0px 10px;
	padding-top:20px;
}
#bottomEmpresa .top .blocksecundary {
	margin:0px 10px 0px 10px;
	padding-top:10px;
}
#centralContent .blocknoMarginLeft {
	margin:0px 10px 0px 0px;
	padding-top:0px;
}
.blocknoMarginLeft #centerCol.three, .blocknoMarginLeft #rightCol.three {
	margin-top:10px;
}
#centralContent #leftCol, .top #leftCol {
	float:left;
	width:450px;
}
#centralContent #rightCol, .top #rightCol {
	float:right;
	width:450px;
}
#centralContent #leftCol.three {
	float:left;
	width:300px;
	margin-right:10px;
}
.bottomservicios #centralContent #leftCol.three {
	margin-left:10px;
}
#centralContent #centerCol.three {
	float:left;
	width:300px;
	margin-right:10px;
}
#centralContent .blocknoMarginLeft #centerCol.three {
	float:left;
	width:300px;
	margin-right:10px;
	margin-left:10px;
}
#centralContent #rightCol.three {
	float:right;
	width:300px;
}
.top p.highlighted {
	font-size:1.333em;
	line-height:18px;
	margin-top:220px;
}
.productos .highlighted {
	font-size:1.333em;
	line-height:22px;
}
.productos .colored {
	color:#fa6c15;
}
.productos #leftCol img {
	float:right;
	margin-top:10px;
	display:block;
}
.productos #leftCol img.noMargin {
	margin-top:0px;
	margin-left:-10px;
	float:none;
}
.productos #leftCol img.separated, .productos #rightCol img.separated {
	margin-top:150px;
	margin-bottom:0px;
}
.productos #rightCol img {
	margin-bottom:60px;
	float:right;
}
.productos #rightCol img.logos {
	margin-bottom:0px;
	float:right;
}
.productos #rightCol img.inserted {
	display:inline;
	float:none;
	margin:auto;
}
#leftCol span.item img, #rightCol span.item img {
	display:inline;
	float:left;
	margin:auto;
	margin-right:4px;
	margin-bottom:10px;
}
span.item {
	font-size:1.167em;
	line-height:68px;
	margin-bottom:10px;
	font-weight:bold;
	color:#2a3036;
	height:44px;
	display:block;
}
.productos #rightCol p, .productos #leftCol p, .productos #centerCol p {
	display:block;
	clear:both;
	margin-bottom:20px;
}
hr {
	margin-left:-10px;
	margin-right:-10px;
	border-top:1px solid #cecece;
	border-bottom:none;
	border-right:none;
	border-left:none;
}
hr.noMargin {
	margin-top:0px;
	margin-bottom:-1px;
}
.productos span.title, .whiteBox .bottomservicios span.title {
	color:#FA6C15;
	display:block;
	font-size:1.167em;
	font-weight:bold;
	margin-bottom:20px;
	background:none;
	height:auto;
}
ul.items li {
	list-style:disc;
	list-style-position:inside;
}
div.item {
	display:block;
	margin-bottom:20px;
}
.blocksecundary img {
	float:right;
	clear:left;
	margin-top:10px;
}
th {
	border-bottom:1px solid #464646;
	text-align:left;
}
th.option, td.option {
	text-align:center;
	padding-left:10px;
}
/**News**/
#newsList {
	width:474px;
	float:left;
}
#newsDetail {
	width:474px;
	float:right;
}
.whiteBox div.news {
	border-bottom:1px solid #d7d8d7;
	height:auto;
	padding-bottom:8px;
	padding-top:8px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}
.whiteBox .news span.title {
	color:#fa6c15;
	line-height:16px;
	font-weight:bold;
	display:block;
}
/***form**/

.userform, .contactform {
	margin:40px auto 0 auto;
	width:600px;
	display:block;
}
.userform label, .contactform label {
	font-weight:bold;
	text-align:right;
	line-height:16px;
}
.contactform label.checkout {
	font-weight:bold;
	line-height:16px;
}
.userform fieldset {
	display:block;
	width:400px;
	text-align:right;
	float:left;
	height:120px;
}
.contactform fieldset {
	display:block;
	width:400px;
	text-align:right;
	float:left;
	height:420px;
}
.contactform fieldset.checkout {
	height:auto;
	text-align:left;
	margin-bottom:20px;
	width:300px;
	margin-left:170px;
}
.userform input.field, .contactform input.field {
	border:1px solid #000;
	background-color:#f2f2f2;
	margin-right:20px;
	margin-left:8px;
	margin-bottom:6px;
	width:200px;
	height:24px;
}
.contactform textarea {
	border:1px solid #000;
	background-color:#f2f2f2;
	margin-right:20px;
	margin-left:8px;
	margin-bottom:20px;
	width:200px;
	height:200px;
	float:right;
}
.contactform label.area {
	font-weight:bold;
	text-align:right;
	line-height:16px;
}
.userform input.submitbuttom {
	margin-top:40px;
	height:26px;
	width:101px;
	border:0;
	line-height:13px;
	background: url(../images/formularios/boton_aceptar.jpg) no-repeat 0 0;
	color:#fff;
	padding-bottom:8px;
	cursor:pointer;
	font-weight:bold;
}
.contactform input.submitbuttom {
	margin-top:340px;
	height:26px;
	width:101px;
	border:0;
	line-height:13px;
	background: url(../images/formularios/boton_aceptar.jpg) no-repeat 0 0;
	color:#fff;
	padding-bottom:8px;
	cursor:pointer;
	font-weight:bold;
}
input.submitbuttom:hover {
	background-position:0 -26px;
}
/**Comunidad*/
#comunidad{
	display:block;
	margin:50px 10px 0 10px;
	text-align:left;
	
}
ul.comunidad{
	list-style-type: none;
	list-style-position:outside;
	position: relative;
	margin-left: 45px;
	
	padding: 0;
}
ul.comunidad li {
	display:block;
	float:left;

	margin-bottom:50px;
}
ul.comunidad li a:hover {filter: alpha(opacity=70); opacity: .7}
ul.comunidad li.logo{
	margin-left:20px;	
}
ul.comunidad li.link{
	margin-right:76px;	
}
/**/
#bottomEmpresa {
	margin-top:20px;
	display:block;
}
/***/
#footer span.data{
	float:left;
	margin-right:10px;
}
#footer span.aviso{
	float:right;

}
#footer span.title {
	color:#fa6c15;
	float:none;
}
#footer ul{
	display:inline;	
	margin-left:10px;
}
#footer ul li{
	float:left;
	margin-left:8px;
}
#footer ul li a:hover {filter: alpha(opacity=70); opacity: .7}
div.aviso {
	margin:10px 10px 0 10px;
	display:block;
}
.aviso p {
	display:block;
	clear:both;
	padding-bottom:20px;
}
/***/
a {
	color:#464646;
	text-decoration:none;
}
a:hover {
	color:#464646;
	text-decoration:underline;
}
a.more {
	color:#FA6C15;
	text-decoration:none;
}
a.more:hover {
	text-decoration:underline;
}
div.clear {
	clear:both;
}
/**/