@charset "utf-8";
/* CSS Document */
body {
	margin:0px; 
	padding:0px; 
	background:url(../images/interdata-bg.jpg) left top repeat-x #f5f5f5; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	}
p {margin:0px; padding:0px; border:0px;}

/* ------------   HEADER   --------------*/
.header{
	margin:auto;
	width:995px;
	height:80px;
	}
.logo{
	float:left;
	padding-top:5px;
	padding-left:45px;
	margin:auto;
	}
.search{
	float:right;
	padding-right:15px;
	padding-top:5px;
	margin:auto;
	width:290px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	}

#tabs {font-size:93%; line-height:normal; width:750px; float:left; padding:8px 15px 0 0; z-index:1;}

#tabs ul { float: right; margin:0; padding-top:0px; padding-left:0px; list-style:none; z-index:2;}

#tabs li {display:inline; margin:0; padding:0;}

#tabs a {float:left; display:block; padding:8px 15px 8px 15px; color:#ffffff; background:#033649; margin:0 2px; border:1px solid #497c90; text-decoration:none; font-weight:bold;}

#tabs a:hover {color:#022c3c; text-decoration:none; font-weight:bold; background:#FFFFFF; border:1px solid #FFFFFF; text-decoration:none; font-weight:bold;}

#tabs a.active {color:#022c3c; text-decoration:none; font-weight:bold; background:#FFFFFF; border:1px solid #FFFFFF; text-decoration:none; font-weight:bold;}

/* ---------------------------------------- */
/* ------------   BANNER CONTENT   --------------*/
.banner-content{
	margin:auto;
	width:995px;
	height:208px;
	}
.banner{
	position:relative;
	top:0px;
	left:10px;
	width:956px;
	height:258px;
	}
.products{
	position:relative;
	top:5px;
	left:19px;
	width:956px;
	height:132px;
	}
.products a{
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	}
.prod1{
	background-image:url(../images/communicate.gif);
	position:absolute;
	top:0px;
	left:0px;
	width:318px;
	height:132px;
	
	}
.prod1 a{
	color:#FFF;
	text-decoration:none;
	}
.prod1 .dots1{
		position: absolute;
		top:80px; 
		left:20px; 
		width:275px; 
		height:45px; 
		color:#FFF;
	}
.prod2{
	background-image: url(../images/convert.gif);
	position:absolute;
	top:0px;
	left:320px;
	width:318px;
	height:132px;
	}
.prod2 a{
	color:#FFF;
	text-decoration:none;
	}
.prod2 .dots2{
	position: absolute; 
	top:80px; 
	left:20px; 
	width:275px; 
	height:45px; 
	color:#FFF;
	}
.prod3{
	background-image: url(../images/integrate.gif);
	position:absolute;
	top:0px;
	left:640px;
	width:318px;
	height:132px;
	}
.prod3 a{
	color:#FFF;
	text-decoration:none;
	}
.prod3 .dots3{
	position: absolute; 
	top:80px; 
	left:20px; 
	width:275px; 
	height:45px; 
	color:#FFF;
	}
/* ---------------------------------------- */
/* ------------   TEXT-CONTENT   --------------*/
.text-content{
	margin:auto;
	width:995px;
	}
.content{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:20px;
	width:955px;
	}
.content a{color:#148f8b; text-decoration:underline;}
.content a:hover{color:#148f8b; text-decoration:none;}
.content h1{color:#148f8b; font-family:tahoma; text-decoration:none;}
.content h3{color:#148f8b; font-family:tahoma; text-decoration:none;}

.content-text2 {position:relative; margin:5px 5px 20px 5px; background:#f4f4f4; border:3px solid #ffffff; padding:20px 20px 0px 20px;}
.content-text2 .hd{background: url(../images/content-2-text-point.jpg) left 3px no-repeat; padding:0 0 5px 28px; color:#148f8b; font-weight:bold; font-family:tahoma;}
.content-text2 .text{padding:0 0 20px 28px; color:#141414; font-family:tahoma; line-height:20px;}
.content-text2 a{color:#148f8b; text-decoration:underline;}
.content-text2 a:hover{color:#148f8b; text-decoration:none;}


/* ---------------------------------------- */
/* ------------   DOWN-CONTENT   --------------*/
.seccion {
	position:relative;
	padding:10px 15px; 
	background: url(../images/content-bg.gif) left top repeat-y; 
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:10px;
	width:955px;
	height:100px;;
	}
.sec1{
	position:absolute;
	top:0px;
	left:0px;
	width:224px;
	height:100px;
	}
.sec1-cont{
	position:absolute;
	top:0px;
	left:10px;
	width:210px;
	height:80px;
	}
.sec1-title{
	margin-top:5px;
	color:#4f6f19;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	}
.sec1-content-points {background: url(../images/content-plush.gif) left 14px no-repeat; padding:10px 0 0 13px; text-decoration:none;}
.sec1-content-points a {text-decoration:underline; color:#000;}
.sec1-content-points a:hover {text-decoration:none; color:#000;}

.sec2{
	position:absolute;
	top:0px;
	left:265px;
	width:210px;
	height:100px;
	}
.sec2-cont{
	position:absolute;
	top:0px;
	left:10px;
	width:210px;
	height:80px;
	}
.sec2-title{
	margin-top:5px;
	color:#952535;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	}
.sec2-content-points {background: url(../images/content-plush.gif) left 14px no-repeat; padding:10px 0 0 13px; text-decoration:none;}
.sec2-content-points a {text-decoration:underline; color:#000;}
.sec2-content-points a:hover {text-decoration:none; color:#000;}
.sec3{
	position:absolute;
	top:0px;
	left:535px;
	width:136px;
	height:100px;
	}
.sec3-cont{
	position:absolute;
	top:0px;
	left:10px;
	width:210px;
	height:80px;
	}
.sec3-title{
	margin-top:5px;
	color:#2b7a69;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	}
.sec3-content-points {background: url(../images/content-arrow.gif) left 7px no-repeat; padding:7px 0 1px 22px; text-decoration:none;}
.sec3-content-points a {text-decoration:underline; color:#000;}
.sec3-content-points a:hover {text-decoration:none; color:#000;}
.sec4{
	position:absolute;
	top:0px;
	left:710px;
	width:280px;
	height:100px;
	}
.sec4-cont{
	position:absolute;
	top:0px;
	left:10px;
	width:260px;
	height:80px;
	}
.sec4-title{
	margin-top:5px;
	color:#c68302;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	}
.sec4-content-points {background: url(../images/content-plush.gif) left 14px no-repeat; padding:10px 0 0 13px; text-decoration:none;}
.sec4-content-points a {text-decoration:underline; color:#000;}
.sec4-content-points a:hover {text-decoration:none; color:#000;}
/* ---------------------------------------- */
/* ------------   FOOTER-CONTENT   --------------*/
.footer-content {
	position:relative;
	background: url(../images/interdata-bg-footer.jpg) repeat-x; 
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:0px;
	width:100%;
	height:100px;
	}
.footer{
	position:relative;
	margin:auto;
	width:995px;
	height:60px;
	}
.credits{
	position: absolute;
	top:30px;
	left:10px;
	width:400px;
	height:20px;
	background-color:#FFF;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	}
.logo-foot{
	position: absolute;
	top:20px;
	left:870px;
	width:96px;
	height:31px;
	}
	

fieldset {margin:0px; padding:0 0 20px 0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
fieldset br{clear:both;}
label {float:left; width:120px; margin:0 0 3px 0; padding:4px 10px 0 0; text-align:right; font-weight:bold; color:#484848;}
fieldset {border:none;}
fieldset input {margin:0 0 3px 0; padding:4px 5px; border:1px solid #c4c4c4; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; background:#f8f8f8;}
fieldset .input-small {margin:0 0 3px 0; padding:4px 5px; border:1px solid #c4c4c4; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:86px; background:#f8f8f8;}
fieldset textarea {margin:0 0 3px 0; padding:3px 5px; border:1px solid #c4c4c4; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; background:#f8f8f8;}
fieldset .btn {margin:5px 0 0 0;}

#mensaje{
	color:#F00;
	}
/*----------------- Products Menu  -------------------*/
#menuproducts{
	position:absolute;
	top:30px;
	width:200px;
	}
.exchangetitle{
	/*background:url(../images/tab-exchange.gif);*/
	font-size:16px;
	font-weight:bold;
	margin:auto;
	width:133px;
	padding:8px 15px 8px 15px; 
	color:#ffffff; 
	background:#033649; 
	border:1px solid #497c90;
	}
.mexchange{
	margin:5px auto auto auto;
	width:143px;
	color:#033649;
	}
.mexchange a{
	color:#033649;
	font-size:14px;
	text-decoration:none;
	}
.mexchange a:hover{
	color:#033649;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	}
.integratetitle{
	/*background: url(../images/tab-integrate.gif);*/
	margin:auto;
	width:143px;
	font-size:16px;
	font-weight:bold;
	margin:auto;
	width:133px;
	padding:8px 15px 8px 15px; 
	color:#ffffff; 
	background:#033649; 
	border:1px solid #497c90;
	}
.mintegrate{
	margin:5px auto auto auto;
	width:143px;
	color:#033649;
	}
.mintegrate a{
	color:#033649;
	font-size:14px;
	text-decoration:none;
	}
.mintegrate a:hover{
	color:#033649;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	}
.mdoted{
	background:url(../images/pdots.gif) repeat-x;
	width:143px;
	height:9px;
	}
.mspace{
	width:143px;
	height:25px;
	}
.mmark{
	color:#033649;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	}
/*-----------------------------------------------------*/
#products-content{
	position:relative;
	margin:10px 0 0 210px;
	width:700px;
	}
.productitem{
	position:relative;
	padding:10px 10px 10px 10px;
	background:#FFF;
	margin:auto;
	width:600px;
	}
.description{
	padding-top:10px;
	padding-left:220px;
	padding-bottom:10px;
	width:380px;
	}

.pmdoted{
	background:url(../images/pdots.gif) repeat-x;
	margin:auto;
	width:600px;
	height:9px;
	}
/*-------------------------------------------*/
.fade { width:650px; height:800px; margin:auto; }
.fade .tabs { position:relative; top:0px; float:left; overflow:auto;}
.fade .tabs li {
  float:left; list-style:none; margin:1px; -moz-border-radius:2px; }
.fade .tabs li a { 
  display:block; float:left; width:100px; height:17px; text-align:center; color:#000;
  text-decoration:none; font:bold 12px Arial; color:#FFF; background:#033649; margin:auto; border:1px solid #497c90;  padding:7px;}
.fade .tabs a:hover { margin:auto; background:#FFF; border:1px solid #FFF; color: #000; }
.fade .tabs li a.selected { background:#FFF; margin:auto; border:1px solid #FFF; color: #000; }
.fade .items { clear:both; padding:0px 0; position:relative; top:0; left:0; height:1em; }
.fade .items div { display:none; position:absolute; top:0px; left:0px; padding:20px; background-color:#FFF; width:600px; margin-top:-15px; }
#item1{
	position:absolute; top:0px; left:0px;
	}
.listcheck{
	list-style-image:url(../images/check.png);
	}