@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   --------------*/
.indexcontent{
	color: #333;
	font-size:13px;
	font-size-adjust:inherit;
	}
.indexcontentizq{
	color: #333;
	font-size:13px;
	font-size-adjust:inherit;
	width:450px;
	float:left;
	padding-bottom:10px;
	}
.indexcontent h1{
	font-size:18px;
	color:#022c3c;
	}
.indexcontent h2{
	font-size:16px;
	color:#022c3c;
	}
.indexcontent a{
	color:#099;
	text-decoration:none;
	}
.indexcontent a:hover{
	color: #099;
	text-decoration:none;
	}
.banner-content{
	background-image:url(../images/banner-content.gif);
	margin:auto;
	width:995px;
	height:408px;
	z-index:100;
	}
.banner{
	position:relative;
	top:5px;
	left:10px;
	width:956px;
	height:258px;
	}
#btn-zipper{
	position:absolute;
	top:95px;
	left:125px;
	z-index:100;
}
#btn-templar{
	position:absolute;
	top:95px;
	left:280px;
	z-index:100;
}
	
.green-point {background: url(../images/green-point.gif) left 6px no-repeat; padding:0 0 5px 10px; color:#FFFFFF;}

.pink-point {background:url(../images/green-point.gif) left 6px no-repeat; padding:0 0 5px 10px; color:#FFFFFF;}

.blue-point {background:url(../images/blue-point.gif) left 6px no-repeat; padding:0 0 5px 10px; color:#FFFFFF;}
	
.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:60px; 
		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:60px; 
	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:60px; 
	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:5px;
	margin-bottom:15px;
	width:955px;
	}
/* ---------------------------------------- */
/* ------------   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:250px;;
	}
.sec1{
	position:absolute;
	top:0px;
	left:10px;
	width:628px;
	height:220px;
	}
.sec1-cont{
	position:absolute;
	top:0px;
	left:0px;
	width:618px;
	height:320px;
	}
.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:370px;
	width:238px;
	height:150px;
	}
.sec2-cont{
	position:absolute;
	top:0px;
	left:10px;
	width:238px;
	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:670px;
	width:290px;
	height:135px;
	}
.sec4-cont{
	position:absolute;
	top:0px;
	left:0px;
	width:290px;
	height:135px;
	}
.sec4-title{
	margin-top:5px;
	color:#c68302;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	}
.sec4-content-points {padding:5px 0 0 7px; text-decoration:none;}
.sec4-content-points a {background: url(../images/content-plush.gif) left 14px no-repeat; padding:10px 0 0 13px; text-decoration:none; text-decoration:underline; color:#000;}
.sec4-content-points a:hover {background: url(../images/content-plush.gif) left 14px no-repeat; padding:10px 0 0 13px; text-decoration:none; 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;
	}