/***********************************************/
/* CSS by Pirata21 and Bruno - (c)soho - 2007 */
/***********************************************/

body {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/****************/
/* reset styles */
/****************/

body, h1, h2, h3, h4, h5, p, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 16px !important;
}

em {
	font-style: normal;
	font-weight: bold;
}

img { border: 0; }
hr {display: none;}

.rojo {
	color:#FF0000;
	font-size:9px;
	}

.f_left {
	float:left;
	}
	
.f_right {
	float:right;}
	
.clear { clear:both;}
	

/* clase para dejar en cero todo */

.zero {
	margin:0;
	padding:0;
	border:none;
	background:none;
	}

a.flechas{
	color:red;
	font-size:10px;
	text-decoration:none;	
}

a.flechas:hover{
	color:#ccc;
}


/*****************/
/* Header  <--*/
/*****************/

#header {
	background-color: #FFFFFF;
	position:relative;
	overflow: hidden;
	padding: 6px 6px 6px 6px;
	height: 70px;
	margin-bottom: 3px;
}

#header a,
#header{
	color: #7f9fbc;
	font-size: 10px;
}

#header h1 a {
	float: left;
}

#header .language_bar {
	float: right;
}

#header .language_bar span {
	background: url(../../images/misc/block_red.gif) no-repeat center left;
	padding-left: 7px;
	margin-left: 10px;
}

#header .language_bar a {
	background: url(../../images/misc/block.gif) no-repeat center left;
	padding-left: 7px;
	margin-left: 10px;
	text-decoration: none;
}

#header a:hover {
	background-color: #eee;
	color: black;
}

#header .login_form {
	float: right;
	width: 180px;
	height: 66px;
	
}
#header .login_form  label,
#header .login_form  input {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 3px;
}

#header .login_form  label {
	text-align: right;
	width: 63px;
	padding-right: 10px;
}

#header .login_form  br {
	clear: left;
}
#header .login_form input.btn_send {
	width: auto;
	float: right;
}

#header .login_form a.form_hint {
	float: left;
}

/*****************/
/*cont_main<--*/
/*****************/

.cont_main {
	width: 993px;
	padding: 3px;
	background-color: #e3e3e3;
	margin: 0 auto;
	position:relative;
	overflow: hidden;
}


/* UL Downoloads <--*/


div.boxes ul.downloads {
	padding-top: 4px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

div.boxes ul.downloads li {
	background: url(../../images/misc/icono_downloads.gif) no-repeat;
	padding-bottom: 9px;
	padding-left: 34px;
	padding-top: 4px;
	color: #0f4b70;
	line-height: 13px;
	font-size: 11px;
}


/*******************/
/* contendio <--*/
/*******************/

#content {
	float: right;
	background-color: #ebebeb;
	position: relative;
	margin:0;



}

/*- Cabezal superior<---*/
#content .superior {
	width: 993px;
	height: 220px;
	float:right;
	color: #fff;
	padding: 0;
}

.superior h2{
	color: white;
	font-size: 24px;
}

.superior p{
	color: #516c81;
	margin: 5px 0pt 10px 0pt;
}

.superior a{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

.superior a:hover{
	color: #eee;
}

/*- Cajitas<---*/

div.boxes {
	margin-top: 3px;
	float: right;
}

div.boxes .subtitulo_boxes {
	color:#0f4b70;
	font-weight:bold;
	padding-left:4px;
	padding-bottom:2px;
	}

div.boxes .subtitulo_boxes_imagen {
	color:#0f4b70;
	font-weight:bold;
	padding-left:4px;
	padding-top:17px;
	margin-bottom:-4px;
	}

div.boxes .subtitulo_boxes_imagen_arriba {
	color:#0f4b70;
	font-weight:bold;
	padding-left:4px;
	padding-top:5px;
	margin-bottom:-4px;
	}

div.boxes div.cont {
	border-top: 1px solid #bcbcbc;
	background-color: #FFF;
	padding: 4px;
}

div.boxes div.cont a.flechas{
	color:red;
	font-size:10px;
	text-decoration:none;	
}

div.boxes div.cont a.flechas:hover{
	color:#ccc;
}


div.boxes div.cont a.index{
	color:#0f4b70;	
	text-decoration:none;
}

div.boxes div.cont a.index:hover{
	text-decoration:underline;
}

div.boxes div.cont a.index_gray{
	color:#7f7f7f;	
	text-decoration:none;
}

div.boxes div.cont a.index_gray:hover{
	text-decoration:underline;
}


div.max {
	width: 297px;
	margin-left: 3px;
}

div.boxes h3 {
	background: url(../../images/layout/noticias.png) repeat-x;
	padding: 14px 0pt 6px 20px;
	border-bottom: 1px solid #ebebeb;
}

div.min {	
	width: 147px;
	margin-left: 3px;
	
}

p.margen_boxes {
	padding-top: 6px;
	padding-left: 4px;
	padding-right: 3px;
	}

/***************************************/
/******	Products					****/
/***************************************/

div.barragris{
	background:url(../../images/layout/back_grey.png) top left repeat-x;
	width:843px;
	height:32px;
	text-align:right;	
	clear:both;
}

div.barragris_money{
	background:url(../../images/layout/back_grey.png) top left repeat-x;
	width:843px;
	height:32px;
	text-align:right;
	margin-top:-3px;	
}


div.productos, #cont_formulario{
	background-color:#FFF;
	width:843px;
	padding-bottom:40px;
	overflow:hidden;
	position:relative;	
}

div.productos_left{
	width: 384px;
	margin: 15px 0 0 25px;
	float: left;
	text-align: left;
	padding: 0;
}

div.gen_productos {
	margin: 15px 25px 0 25px;
	text-align: left;
	padding: 0;
}

div.productos_left ul li.descargas_crm{
	background: url(../../images/icons/bullets.png) no-repeat top left;
	padding-left: 10px;
	text-align: justify;
}
div.productos_left ul.reportes{
	margin-left:10px;	
}

div.productos p{
	margin-top:12px;
	text-align:justify;
}

div.productos_right{
	float: right;
	width: 360px;
	margin: 15px 0 0 10px;
	padding-right: 15px;
}



div.screen{
	width:355px;
	padding-bottom:20px;
	float:left;
}

div.screen div.cont_img{
	width:120px;
	float:left;
	text-align:left;	
}

div.screen div.cont_img a img {
	border: 3px solid #666666;
}

div.screen div.cont_img span{
	color:#ff0000;	
}

div.screen div.cont_img a{
	color:#587389;
	text-decoration:underline;
}

div.screen div.cont_img a:hover{
	color:#3d80a8;
	text-decoration:none;
}

div.screen div.cont_p{
	float:right;
	width:220px;	
}

div.screen div.cont_p p{
	margin-top:0;
}

div.productos_left ul{
	margin-top:10px;
	list-style-type:none;
	margin-left:0px;	
	padding:0;
}

div.money_gray{
	width:362px;	
	clear:both;
	background-color:#eaeaea;
	float:none;
	margin-top:20px;
	padding:10px 14px;
	padding-bottom:20px;
}

div.money_gray a{
	color:#587389;
	text-decoration:underline;
}

div.money_gray a:hover{
	color:#3d80a8;
	text-decoration:none;
}

div.productos_left ul.docs{
	list-style-type:none;
	text-align:justify;	
}

div.productos_left ul.docs li{
	text-indent:10px;
	margin-top:10px;
	background:url(../../images/icons/bullets.png) no-repeat top left;
	
	
}

#cierre_productos{
	clear:both;
	padding:0;
	text-align:left;
	width:auto;
	clear:both;
	overflow:hidden;
}

#cierre_productos a{
	font-weight: bold;
	text-decoration: none;
	color: #0f4b70;
}

#cierre_productos a:hover{
	color:#7f7f7f;
	text-decoration:underline;
}

#cierre_productos ul{
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0px;
}

#cierre_productos ul li{
	background:url(../../images/buttons/siguiente_small.png) no-repeat top left;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold !important;
	padding-left:23px;
}

#cierre_productos ul li a{	
	/*font-weight:normal;*/
	padding:8px 0 8px 0;
	margin:0;	
}

/***************************************/
/******	Downloads					****/
/***************************************/

div.columna_centro {
	width:843px;
	overflow:hidden;
	position:relative;
	}

div.boxes div.cont_central_blanco {
	xheight: 400px;
	width:842px;
	overflow:hidden;
	xborder-top: 1px solid #bcbcbc;
	background-color: #FFF;
	xpadding: 4px;
	overflow:hidden;
}

.downloads_container {
	padding: 15px;
	background: #FFF;
	width: 812px;
}

.downloads_container .box_product {
	border: 1px solid #ececec;
	background: #f7f7f7;
	padding: 15px;
	margin-bottom: 10px;
	padding-bottom: 25px;
}

.downloads_container .box_product p.title {
	color: #0F4B70;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

.downloads_container .box_product p.text {
	margin-bottom: 10px;
}

.downloads_container .box_product a {
	color: #3E80A8;
	margin-bottom: 8px !important;
	display: block;
}

.downloads_container .box_product a:hover {
	text-decoration: underline;
}

#cams {
	background: #f7f7f7 url(../../images/downloads/descargas_cams.png) no-repeat top right;
}

#cams_prod {
	background: #f7f7f7 url(../../images/products/bg_prod_cams.png) no-repeat top right;	
}	

#ibs {
	background: #f7f7f7 url(../../images/downloads/descargas_ibs.png) no-repeat top right;
}

#ibs_prod {
	background: #f7f7f7 url(../../images/products/bg_prod_ibs.png) no-repeat top right;
}

#tim {
	background: #f7f7f7 url(../../images/downloads/descargas_tim.png) no-repeat top right;
}

#tim_prod {
	background: #f7f7f7 url(../../images/products/bg_prod_tim.png) no-repeat top right;
}

#drp {
	background: #f7f7f7 url(../../images/downloads/descargas_drp.png) no-repeat top right;
}

#drp_prod {
	background: #f7f7f7 url(../../images/products/bg_prod_drp.png) no-repeat top right;
}




div.boxes div.item_downloads {	
		padding-top:17px;
		margin-left:138px;
		padding-left:15px;
		padding-bottom:8px;
		margin-bottom:11px;
		background:#ebeef1;	
}

div.boxes div.item_downloads a{
		color:#3e80a8;
}

div.boxes div.item_downloads a:hover{
		color:#7f7f7f;
		text-decoration:none;
}

div.boxes div.item_downloads span.flecha{
	color:#ff0000;
}

/***************************************/
/******	News    					****/
/***************************************/

.news_item {
	padding-top: 17px;
	padding-bottom: 8px;
	background: #EBEEF1 url(../../images/misc/gray_left_column.png) repeat-y top left;
	border-right: 1px solid #FFF;
}

.news_item_separator {
	background: #FFF url(../../images/misc/gray_left_column.png) repeat-y top left;
}

.news_item .img {
	width: 138px;
	text-align: center;
	margin-right: 25px;
	float: left;
	vertical-align: top !important; 
}

.news_item .content {
	float: left;
	vertical-align: top !important;
	width:665px;
}

.news_item .content p.title {
	color: #0F4B70;
	font-weight: bold;
}








.news_item .content a {
	color: #3e80a8;
}

.news_item .content a:hover {
	color: #7f7f7f;
	text-decoration: none;
}

.news_item .content span.flecha {
	color: #ff0000;
}












div.boxes div.item_products {	
		padding-top:5px;
		margin-left:138px;
		padding-left:15px;
		padding-right:15px;
		color: #0f4b70;
		padding-bottom:5px;
		margin-bottom:11px;
		background:#fff;	
}


div.boxes div.item_downloads strong{
	color:#0f4b70;
}

a.link_presentacion_flash { 
	background:url(../../images/downloads/icono_presenta.png) no-repeat left center;
	text-decoration:none;
	color:#3e80a8;
	padding-left:15px;
}

a:hover.link_presentacion_flash { 
	color:#7f7f7f;
	text-decoration:underline;
}


a.link_descargar_zip { 
	background:url(../../images/downloads/icono_downloads.png) no-repeat left center;
	text-decoration:none;
	color:#3e80a8;
	padding-left:15px;
}	
	
a:hover.link_descargar_zip { 
	color:#7f7f7f;
	text-decoration:underline;	
}		
	
a.link_descargar_flash { 
	text-decoration:none;
	color:#3e80a8;
	text-decoration:underline;	
}	
	
a:hover.link_descargar_flash { 
	color:#7f7f7f;
	text-decoration:underline;	
}		
	
	
	
div.boxes div.item_downloads p.margen_arriba {
			padding-top:12px;
			}

div.asterisco {
	padding-top:8px;
}

#gray_cams{
	background-color:#eaeaea;
	padding:10px 0 20px 0;
	width:780px;
	padding-left:10px;
	padding-bottom:57px;
	margin-bottom:36px;
}

#gray_cams a{
	color:#587389;
	text-decoration:underline;
}

#gray_cams a:hover{
	color:#3d80a8;
	text-decoration:none;
}

#gray_cams span.download{
	font-size:11px;
	text-transform:none;	
}

#gray_cams p{
	margin:0;
}



/*************/
/* Pie <--*/
/*************/

#footer {
	width: 993px;
	padding-top: 5px;
	padding-left: 0px;
	font-size: 10px;
	float: right;
	color: white;
	background:url(../../images/misc/back_footer.gif) repeat-x;
	margin-top: 3px;
	height:21px;
	text-align:center;
}

#footer a{
	color: white;
	margin-right:0px;
}


/**********************/
/*CONTACTO*/
/**********************/

#cont_formulario{
	margin:26px 0 0 23px;
	padding:0;
	width:600px;
}

#cont_formulario a{
	color:#0f4b70;
	font-weight:bold;
	text-decoration:none;
}

#cont_formulario a:hover{
	color:#7f7f7f;	
}

#cont_formulario span{
	text-transform:uppercase;
	font-weight:bold;
	color:#0f4b70;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;	
}


#cont_formulario form.contacto{
	margin:0;
}

#cont_formulario form.contacto p{
	margin-bottom:20px;
}

#cont_formulario form.contacto label{
	width: 170px;
	text-align: right;
	float: left;
	margin-top: 11px;
	margin-right: 5px;
}


#cont_formulario form.contacto input, textarea{
	width:300px;
	margin-top:8px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#cont_formulario form.contacto .checkbox{
	width:auto;
	float:left;
	padding-top:2px;
	margin:0;
}

#cont_formulario form.contacto .labelbox{
	width:auto;
	margin:0;
	margin-top:5px;
}


#cont_formulario form.contacto input.f_short{
	width:140px;
}

#cont_formulario form.contacto .button{
	width:auto;
	margin:15px 0 0 0px;
}

#cont_formulario form.contacto .button_contact{
	width:auto;
	margin:15px 0 0 105px;
}

#error{
	padding:5px;
	color:red;
	border:red solid 1px;
	margin-top:-5px;
	/*display:none;*/
	visibility: hidden;
	font-weight:bold;	
}

#error p.cont_error{
	margin:0 !important;
}

/*************************/
/* THE COMPANY/***********
/*************************/


#cont_company{
	width:780px;
	padding:25px 20px;
}


#cont_company span{
	text-transform:uppercase;
	font-weight:bold;
	color:#0f4b70;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;	
}

#cont_company span.company{
	text-transform:none;
	font-size:11px;
}

#cont_company ul{
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}

#cont_company ul li.implementation{
	background: url(../../images/icons/bullets.png) no-repeat top left;
	text-indent:30px;
	margin-bottom:10px;
	margin-top:10px;
}

#cont_company ul.descargas{
	margin-top:0 !important;
}

#cont_company ul.descargas_02{
	margin:0 0 0 34px !important;
}

#cont_company ul.descargas_crm{	
	margin:10px 0 0 0 !important;
	list-style-type:none;
	
}

#cont_company ul li.descargas_crm{
	background: url(../../images/icons/bullets.png) no-repeat top left;
	padding-left:10px;
	text-align:justify;
}

.error{
	color:red;
}

/**********************************/
/** SERVICES /**********************/
/***********************************/

#cont_company img.rueda{
	margin:74px 0 60px 150px;
}

#cont_company a.links_imgs{
	margin-right:35px;
}

/** AGREGADO POR MATIAS SCHMID EL 20-11-2008 **/

h1.section_title {
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 18px;
	color: #0f4b70;
	border-bottom: 1px solid #0f4b70;
}

h2.section_title {
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 15px;
	color: #0f4b70;
	border-bottom: 1px solid #e5e5e5;
}

.txt_error {
	color: #FF0000 !important;
}

.left_col_prod_home {
	background: url(../../images/layout/bg_left_col_home.png) repeat-y top left !important;
}

.zoomPopup {
	color: #587389;
	font-size: 11px;
	background: url(../../images/icons/zoom.png) no-repeat top left;
	height: 16px;
	padding-left: 16px;
	display: block;
	margin-top: 3px;
}

* html .zoomPopup {
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icons/zoom.png", sizingMethod="crop");
}


.data_list li {
	margin-bottom: 10px;
	background: url(../../images/icons/bullets.png) no-repeat top left;
	padding-left: 10px;
}

.adobe_download {
	background: url(../../images/misc/bg_pdf_box.gif) no-repeat top right;
	border: 1px solid #d3d3d3;
}

.screen_set {
	background: url(../../images/misc/bg_screen.png) no-repeat top right;
	border: 1px solid #d3d3d3;
}	
	

.linkAcrobat {
	font-size: 11px;
	background: url(../../images/misc/ic_acrobat.gif) no-repeat top left;
	height: 16px;
	padding-left: 20px;
	display: block;
	margin-top: 3px;
}

.generic_list li {
	margin-bottom: 5px;
}

.table_content {
	margin: 15px;
}

.cont_flash {
	margin: 0 auto !important;
	text-align: center;
	margin-top: 15px !important;
	border: 1px solid #d3d3d3;
	width: 782px;
	height: 211px;
}

.ordered_list li {
	margin-bottom: 5px;
}
.ordered_list li p.justify{
	margin:0 0 0 0;	
}

.cont_test { background: #FFF; }

.cont_boxes_company {
	margin-top: 7px;
}

.cont_boxes_company img {
	float: left;
}

.cont_boxes_company .medium {
	margin-left: 11px;
	margin-right: 10px;
}

#company_contents div {
	display: none;
}

.info_prod {
	background: #eaeaea url(../../images/misc/info_prod.png) no-repeat top right;
	border: 1px solid #d3d3d3;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: left;
	float: left;
	padding-right: 100px;
}

.info_prod h2 {
	font-size: 13px !important;
	font-weight: bold;
	margin: 5px;
}

.info_prod input {
	margin-right: 3px;
	float: left;
	vertical-align: middle !important;	
}

.info_prod label {
	width: auto !important;
}