/*

Title:      Connecting Works master styles for screen media

Author:     jandropoch, CW

Updated:    March 01 2006

*/

html {

	height: 100%;

}

body {

	background-color: #8CB8DB;

	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: #8CB8DB;

	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: #8CB8DB;

	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: 10px;

	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: #8CB8DB;
	padding: 2px;
	color: #FFFFFF;
	font-weight: lighter;

}

em {

	font-style: normal;

	font-weight: bold;

}

label {

	float: left;

	width: 100px;

	margin-right: 5px;

}

#header {

	background-color: #C6DCED;

	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: #3F89C3;

	position: relative;

	width: 777px;

	height: 97%;

}

#menu {

	background-color: #C6DCED;

	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: #3F89C3;

	border-bottom: 1px solid #50A1DF;

}

#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: #B7C6EB;

	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: #3F89C3;

	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: 15px;

	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: 370px;

	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: #8CB8DB;

	padding-left: 250px;

	padding-right: 200px;

	padding-top: 23px;

	margin-top: 0px;

}

.cliente h3{

	font-size: 1.5em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left: 270px;

	padding-right: 200px;

	padding-top: 5px;

	margin-top: 0;

}

.cliente A{

	color: #3F89C3;

	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: 465px;

	height: 24px;

}

#flash {

	position: absolute;

	left: 465px;

	top: 0px;

	width: 312px;

	height: 231px;

	border-left: 1px #ffffff solid;

	background-color: #50A1DF;

}

#logo {

	position: relative;

	width: 465px;

	height: 114px;

	left: 40px;

	top: 10px;

}

#logo h2 {

	font-size: 2.5em;

	font-family: Arial, Helvetica, sans-serif;

	color: #B7C6EB;

	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: 393px;

	height: 93px;

	left: 72px;

}

#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: #3F89C3;

	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: #3F89C3;

	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: #3F89C3;

	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: #3F89C3;

	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: #3F89C3;

	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: #3F89C3;

	text-decoration: underline;

	font-size: 1em;

}

#packs A:hover {

	text-decoration: none;

}