BODY {
	background-color: #FFFFFF;
	color: #333333;
	font-family: verdana;
	font-size: 12px;
	text-align: center;
}

IMG {
	border: 0px;
}

FORM{
	padding:0px;
	margin: 0px;
}
/*********************************************
		ENLACES
*********************************************/

A.linkUnderline, A.linkUnderline:VISITED, A.linkUnderline:ACTIVE {
	color: #65C5E9;
	text-decoration: underline;
	font-weight: bold;
}
A.linkUnderline:HOVER{
	color: #65C5E9;
	text-decoration: underline;
	font-weight: bold;
}


A.linkRegistro, A.linkRegistro:VISITED, A.linkRegistro:ACTIVE {
	color: #333333;
	text-decoration: none;
}
A.linkRegistro:HOVER{
	color: #333333;
	text-decoration:underline;
}


/*********************************************
		ALINEAMIENTO Y ESTILOS GENERALES
*********************************************/

.capaTextoCentrado{
	width: 100%;
	text-align: center;
}
.capaTextoDerecha{
	width: 100%;
	text-align: right;
}

.textoResaltado {
	color: #333333;
	font-weight: bold;
}

.textoResaltadoAzul {
	color: #65C5E9;
	font-weight: bold;
}
.textoResaltadoGranate {
	color: #E22857;
	font-weight: bold;
}
.textoResaltadoAmarillo {
	color: #FFCD05;
	font-weight: bold;
}


.tituloPagina{
	height: 40px;
	text-align: left;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.subtitulo {
	font-weight: bold;
	font-size: 14px;
}








#contenedor{
	/************************************** CONTENEDOR WEB ***********************************/
	background: transparent;
	width: 800px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: center;
}

#header{
	/************************************** CABECERA SUPERIOR CON TITULO E IMAGENES ***********************************/
	width: 100%;
	height: 130px;
	margin: 0px;
	padding: 0px;
}

#barraMenus{
	/************************************** BARRA DE MENUS PRINCIPALES ***********************************/
	background: transparent;
	color: #777;
	margin-top: -20px !IMPORTANT;
	margin-top: -40px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 100%;
	height: 20px;
	padding: 0px;
	font-size: 12px;
	text-transform: capitalize;
	text-align: center;
}
#celdaMenuBar{
	width:750px;
	text-align: left;
}
#celdaIdiomas{
	width:auto;
	text-align:right;
	padding-right:3px;
}

div.menuBar{
	background: transparent;
	color: #999999;
	width:100%;
	padding: 0px;
	margin:0px;

}

div.menuBar a.menuButton {		/*FONDO DE LOS SUBMENUS SIN SELECIONAR -> AZUL OSCURO COMO EL FONDO WEB*/
	background: transparent; /*fondo menus principales sin activar*/
	color: #999999;
	cursor: pointer;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	text-align: center;
}
div.menuBar a.menuButton:hover {
	background: transparent; /*al hacer click en un menu con submenus PONER IGUAL QUE buttonActive:hover */
	color: #65c5e9;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
	background: transparent; /*al hacer click en un menu con submenus*/
	color: #65c5e9;
}




div.menu{		/************************************** SUBMENUS - SECCIONES  ***********************************/
	background: #FFFFFF;
	border: 1px solid #999999;
	position: absolute;
	margin-top: 5px;
	padding: 5px 0px 5px 0px;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 101;
}
div.menu a.menuItem {
	background: transparent;  /*fondo de los submenus*/
	color: #999999;
	cursor: pointer; /*default*/
	display: block;
	padding: 3px 1em;
	text-align:left;
	text-decoration: none;
	width: 160px;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {/*hover sobre los submenus*/
	background: #65c5e8;  /* bajar 1 tono para evitar advertencias del CSS con colores de fondo igual que el hover del link*/
	color: #FFFFFF;
}










/*********************************************
		CONTENIDO DE LA PAGINA
*********************************************/
#main {
	/************************************** PARTE PRINCIPAL DE LA PAGINA  ***********************************/
	width: 800px;
}
#main TABLE{
	color: #333333;
}

#main INPUT{
	width: 110px;
	font-size: 10px;
}
#main .izquierda{
	width: 670px;
	text-align: left;
}
#main .derecha{
	width: 130px;
	text-align: center;
}
#main .banner{
	width: 130px;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #999999;
}
#main .login{
	width: 130px;
	background: #EEEEEE;
	margin-top: 0px;
	text-align: left;
	font-size: 10px;
}

#contenido{
	width: 670px;
	padding-left: 0px;
	padding-right: 20px;
	text-align: justify;
	font-size: 12px;
}
#contenido .home{
	width: 100%;
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #65c5e9;
}
#contenido TABLE.tablaPortada{
	font-size: 18px;
	font-weight: bold;
	color: #65c5e9;
}
#contenido A.linkPortada, #contenido A.linkPortada:active, #contenido A.linkPortada:link,#contenido A.linkPortada:visited{
	font-size: 16px;
	font-weight: bold;
	color: #65c5e9;
	text-decoration: underline;
}
#contenido A.linkPortada:hover{
	font-size: 16px;
	font-weight: bold;
	color: #65c5e9;
	text-decoration: underline;
}

#contenido .frame{
	margin-left: -40px;
}
#contenido .titulo2{
	width: 100%;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
#contenido .titulo{
	width: 100%;
	font-size: 18px;
	color: #65c5e9;
	text-align: center;
}
#contenido .subTitulo{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
#contenido .capaClientes{
	width: 100%;
	border: 1px solid #65c5e9;
	padding-right: 5px;
	text-align: center;
}
#contenido .clientes{
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #AAAAAA;
}
#contenido .capaProductos{
	width: 100%;
	margin: 10px auto 0px auto;
	text-align: left;
}

#contenido .filaImpar{
	text-align: left;
	background: #FFFFFF;
	font-size: 10px;
}
#contenido .filaPar{
	text-align: left;
	background: #EEEEEE;
	font-size: 10px;
}

/*Capas de las versiones*/
#contenido .opcionesVersiones{
	margin-top: 40px;
	width: 100%;
	background: #65c5e8; /*bajar 1 tono para evitar advertencias del CSS con colores de fondo igual que el hover del link*/
	border-bottom: 2px solid #65c5e9;
	color: #FFFFFF;
	font-weight: bold;
}
#contenido .pestanyaOn{
	border-right: 2px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	text-align: center;
	width: 120px;
	cursor: pointer;
}
#contenido .pestanyaOff{
	border-right: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	width: 120px;
	cursor: pointer;
}
#contenido .capaVersiones{
	margin-top: 0px;
}

#contenido .cajaAzul{
	border: 1px solid #65c5e8;
	padding: 10px;
}
#contenido .cajaAmarilla{
	border: 1px solid #FFCD05;
	padding: 10px;
}
#contenido .cajaGranate{
	border: 1px solid #E22857;
	padding: 10px;
}
#contenido .tablaVentajas{
	width: 100%;
	font-size: 10px;
}
#contenido .titularTablaVentajas{
	width: 50%;
	text-align: center;
	font-weight: bold;
	border: 1px solid #E22857;
}
#contenido .contenidoTablaVentajas{
	border: 1px solid #E22857;
}



/*********************************************
		PIE DE PAGINA
*********************************************/
#pie{
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align:center;
	width: 600px;
	font-size: 10px;
}
#pie A{
	text-decoration: none;
}