/*
Title:      Connecting Works master styles for screen media
Author:     jandropoch, CW
Updated:    March 01 2006
*/
html {
	height: 100%;
}
body {
	background-color: #bbdf50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100%;
}
h1 {
	font-size: 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #cee882;
	letter-spacing: -1px;
	margin-top: 8px;
	margin-bottom: 0px;
}
h2 {
	font-size: 1.3em;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #cee882;
	margin-top: 0px;
	margin-bottom: 0px;
}
hr {
	visibility: hidden;
	clear: both;
}
.hidden {
	display: none;
}
h2.productos{
	font-size: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: lighter;
	letter-spacing: -1px;
}
p.productos{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	PADDING-RIGHT: 45px;
	margin-top: 7px;
}
UL {
	font-size: 1em;
	color: #000000;
	list-style-image: url(../images/li.gif);
	margin-top: 5px;
	margin-bottom: 0;
}
LI {
	margin-top: 6px;
	padding-right: 15px;
}
A{
	text-decoration: none;
	color: #ffffff;
}
A:HOVER {
	text-decoration: underline;
}
A.productos{
	text-decoration: none;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
}
A.productos:HOVER {
	text-decoration: overline;
}
img	{
	border: 0;
	padding-bottom: 15px;
}
input {	
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
}
textarea {	
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	width: 241px;
}
select {	
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	width: 241px;
}
strong {
	background-color: #ccff00;
	font-weight: lighter;
}
em {
	font-style: normal;
	font-weight: bold;
}
label {
	float: left;
	width: 100px;
	margin-right: 5px;
}
#header {
	background-color: #cee882;
	position: relative;
	width: 100%;
	text-align: right;
	height: 3%;
}
#header img{
	border: 0;
	padding-bottom: 0;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
}
#middle {
	margin-left: auto;
	margin-right: auto;
	background-color: #9ed105;
	position: relative;
	width: 777px;
	height: 97%;
}
#menu {
	background-color: #cee882;
	position: relative;
	width: 777px;
	height: 28px;
	text-align: right;
}
#menu A{
	color: #000000;
	text-decoration: none;
	padding: 5px 3px 7px 3px;
	border-bottom: 1px;
}
#menu A:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #9ed105;
	border-bottom: 1px solid #bbdf50;
}
#menu UL {
	font-size: 1em;
	list-style-type: none;
	MARGIN: 0px; 
	padding: 7px 14px 0 0;
}
#menu LI {
	DISPLAY: inline; 
	list-style-type: none;
	PADDING-RIGHT: 0;
}
#line {
	background-color: #cee882;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 777px;
	height: 12px;
	background: url(../images/fondo.jpg) no-repeat;
}
#validacion {
	position: relative;
	width: 500px;
	height: 31px;
	top: -23px;
	left: 15px;	
}
#validacion UL {
	font-size: 1em;
	color:#FFFFFF;
	list-style-type: none;
	PADDING-RIGHT: 14px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	text-transform: uppercase;
}
#validacion LI {
	DISPLAY: inline; 
	list-style-type: none;
	PADDING-RIGHT: 0px; 
}
.w3c {
	background: url(../images/w3c.gif) no-repeat right;
	padding: 5px 35px 5px 0;
}
#fondofoot {
	background-color: #9ed105;
	position: relative;
	width: 777px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
}
.maintext {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-color: #ffffff;
	position: relative;
	width: 777px;
}
#foot {
	position: relative;
	width: 290px;
	font-size: 1em;
	text-align: right;
	padding-right: 55px;
	background: url(../images/logo.gif) no-repeat top right;
	top: 10px;
	left: 425px;
}
.white {
	background: url(../images/greenline.gif) no-repeat;
	position: relative;
	width: 777px;
	height: 25px;
}
table {
	position: relative;
	text-align: left;
	left: 260px;
	width: 400px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.cliente {
	position: relative;
	width: 777px;
	padding-bottom: 15px;
	list-style-image: none;
}
.cliente UL {
	font-size: 1em;
	padding-left: 285px;
	padding-right: 150px;
	list-style-image: none;
	list-style-type: circle;
	margin-bottom: 15px;
}
.cliente p{
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	color: #000000;
	padding-left: 270px;
	padding-right: 150px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: justify;
}
.cliente h1{
	padding-right: 65px;
	padding-top: 10px;
	text-align: right;
	margin-top: 0px;
}
.cliente h2{
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9ed105;
	padding-left: 250px;
	padding-right: 200px;
	padding-top: 23px;
	margin-top: 0px;
}
.cliente h3{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	padding-left: 270px;
	padding-right: 200px;
	padding-top: 5px;
	font-weight: lighter;
	margin-top: 0;
}
.cliente A{
	color: #9ed105;
	text-decoration: underline;
	font-size: 1em;
}
.cliente A:hover {
	text-decoration: none;
}
.cliente img{
	margin: 0;
	margin-right: 5px;
	padding: 0;
}
.newsUL {
	list-style-image: url(../images/news.gif);
}
#green {
	background: url(../images/whiteline.gif) no-repeat;
	position: relative;
	width: 665px;
	height: 24px;
}
#flash {
	position: absolute;
	left: 465px;
	top: 0px;
	width: 312px;
	height: 231px;
	border-left: 1px #ffffff solid;
	background-color: #bbdf50;
}
#logo {
	position: relative;
	width: 465px;
	height: 114px;
	left: 72px;
	top: 10px;
}
#logo h2 {
	font-size: 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #cee882;
	letter-spacing: -1px;
	margin-top: 8px;
	margin-bottom: 0px;
	font-weight: bold;
}
#logo h3 {
	font-size: 1.3em;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#news {
	position: relative;
	width: 413px;
	height: 93px;
	left: 42px;
}
#news UL {
	list-style-image: url(../images/news.gif);
}
#software {
	position: relative;
	width: 777px;
	height: 145px;
	background: url(../images/productos2.gif) no-repeat;
}
#desarrollo {
	position: absolute;
	width: 162px;
	height: 113px;
	left: 67px;
	top: 10px;
}
#multilingue {
	position: absolute;
	width: 162px;
	height: 113px;
	left: 336px;
	top: 10px;
}
#marketing {
	position: absolute;
	width: 162px;
	height: 113px;
	left: 598px;
	top: 10px;
}
.fotocliente {
	position: absolute;
	width: 186px;
	left: 40px;
	top: 22px;
}
.fotocliente A{
	color: #9ed105;
	font-size: 1em;
}
.img-val {
	text-align: center;
}
.margin-cero {
	margin: 0;
	padding: 0;
}
.paquete {
	float: left;
	width: 200px;
	margin-left: 20px;
	padding: 0 10px 0 20px;
}
.paquete img{
	padding: 0;
	margin: 0;
	text-align: center;
}
.paquete h2{
	font-size: 3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #9ed105;
	margin: 0;
	padding: 0;
}
.paquete h3{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-weight: lighter;
	margin: 5px 0 0 0;
	padding: 0;
}
.paquete p{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 5px 0 0 0;
}
/*
distribuidores
*/
#distribuidores {
	background: url(../images/background-distribuidores.jpg) no-repeat;
	height: 187px;
	width: 777px;
}
#distribuidores h2{
	color: #9ed105;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	margin: 0;
	padding: 50px 0 0 50px;
}
#distribuidores p{
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	color: #000000;
	text-align: justify;
	margin: 5px 0 0 50px;
	width: 500px;
}
#distribuidores A{
	color: #9ed105;
	text-decoration: underline;
	font-size: 1em;
}
#distribuidores A:hover {
	text-decoration: none;
}
/*
packs
*/
#packs {
	background: url(../images/background-software-packs.jpg) no-repeat;
	height: 187px;
	width: 777px;
}
#packs h2{
	color: #9ed105;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	margin: 0;
	padding: 40px 0 0 50px;
	width: 300px;
}
#packs p{
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	color: #000000;
	text-align: justify;
	margin: 5px 0 0 50px;
	width: 325px;
}
#packs A{
	color: #9ed105;
	text-decoration: underline;
	font-size: 1em;
}
#packs A:hover {
	text-decoration: none;
}
/*
avanza
*/
#avanza {
	background: url(../images/background-avanza.gif) no-repeat;
	height: 187px;
	width: 777px;
}
#avanza h2{
	color: #9ed105;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	margin: 0;
	padding: 40px 0 0 50px;
	width: 450px;
}
#avanza p{
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	color: #000000;
	text-align: justify;
	margin: 5px 0 0 50px;
	width: 325px;
}
#avanza A{
	color: #9ed105;
	text-decoration: underline;
	font-size: 1em;
}
#avanza A:hover {
	text-decoration: none;
}