﻿/*
Esto es para que las imagenes no tengan borde
*/
IMG { border: 0px; }

/*
Esto es para que las tablas no tengan espacio entre celdas
*/
table {border-collapse:collapse; border: none;} 
td {padding: 0;}

BODY{ 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#DEE0D5;
}

body {   
scrollbar-arrow-color: #FFFFFF;   
scrollbar-base-color: #FFFFFF;   
scrollbar-dark-shadow-color: #FFFFFF;   
scrollbar-track-color: #FFFFFF;   
scrollbar-face-color: #C0C0C0;   
scrollbar-shadow-color: #C0C0C0;   
scrollbar-highlight-color: #FFFFFF;   
scrollbar-3d-light-color: #FFFFFF;   
}   

/*estos son los estilos para los enlaces, PARA TODOS LOS ENLACES.*/
a:link{text-decoration:none; color:#271C22; font-family:verdana; font-size:8pt; font-weight: bold;}
a:hover{text-decoration:none; color:#271C22; font-family:verdana; font-size:8pt; font-weight: bold;}
a:visited{text-decoration:none; color:#271C22; font-family:verdana; font-size:8pt; font-weight: bold;}
a:active{text-decoration:none; color:#271C22; font-family:verdana; font-size:8pt; font-weight: bold;}

/*TABLA GENERAL: tabla PARA TODAS, en esta tabla se añaden includes con: encabezado, botones, piepagina y menudcha -----------------------------------------------------------------------------------------------------*/
.tablaGENERAL{
	width:990px;
	height:580px;
}

/*por include*/
.celdaencabezado{
	width:920px;
	height:80px;
}

/*por include*/
.celdaBOTONES{
	width:920px;
	height:28px;
}

/*por includes, cada apartado uno diferente*/
.celdasubmenu1{
	width: 920px;
	height: 25px;
	background-color:#FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*celda en la q va la tabla dond estan el submenu2 y los textos*/
.celdaTEXTOSUBMENU2{
	width: 646px;
	height: 406px;
	vertical-align:top;
}

.tablaTEXTOSUBMENU2{
	width: 646px;
	height: 406px;
}

.scroll { 
height: 100%; 
overflow: auto; 
} 

/*celda en la que van los links de los submenu2, mas abajo listado con los class de link para cada apartado*/
.celdasubmenu2{
	width: 646px;
	height: 113px;
	background-image:url('imagenes/submenu2.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	text-decoration:none;
	color:#271C22;
	font-family:verdana;
	font-size:8pt;
	font-weight: bold;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:17px;
	padding-bottom:10px;
	padding-top:11px;
}

.celdasubmenuIMG{
	width: 646px;
	height: 113px;
	vertical-align:top;
	background-color:#FFFFFF;
}

/*HERRAMIENTAS Y BENEFCIOS PLATAFORMA*/

.celdasubmenuAPARTADOS{
	width: 646px;
	height: 113px;
}

.tablasubmenuAPARTADOS{
	width: 646px;
	height: 113px;
	vertical-align:top;
}

.celdasubmenuAPARTADOS2_A{
	width: 323px;
	height: 113px;
	background-image:url('Imagenes/formaciononline01.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	text-decoration:none;
	color:#FFFFFF;
	font-family:verdana;
	font-size:8pt;
	font-weight: bold;
	text-align:left;
	padding-left:15px;
	padding-top:5px;
 	line-height:12pt;
	}
	
.celdasubmenuAPARTADOS2_B{
	width: 323px;
	height: 113px;
	background-image:url('Imagenes/formacionelearning01.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	text-decoration:none;
	color:#FFFFFF;
	font-family:verdana;
	font-size:8pt;
	font-weight: bold;
	text-align:left;
	padding-left:15px;
	padding-top:5px;
 	line-height:12pt;
	}


/*tabla dentro de celda submenu2, especial para apartados de formacion online y formacion elearning...*/
.tablasubmenu2{
	width: 610px;
	vertical-align:top;
	text-decoration:none;
	color:#271C22;
	font-family:verdana;
	text-align:left;
}
.celdasubmenu2apartado{
	width: 305px;
	vertical-align:top;
	text-decoration:none;
	color:#271C22;
	font-family:verdana;
	font-size:8pt;
	font-weight: bold;
	text-align:left;
	padding:0px;
	margin:0px;
}


/*celda imagen decorativa q keda entre submenu2 y los textos*/
.celdasubmenu2B{
	width: 646px;
	height:13px;
	background-image:url('imagenes/submenu2B.gif');
	background-repeat:no-repeat;
}

.celdaTEXTOS{
	width: 646px;
	height: 280px;
	background-image: url('imagenes/textos.gif');
	background-repeat: no-repeat;
	vertical-align: top;
	padding-left: 19px;
	padding-right: 10px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 8pt;
	overflow: auto;
}
.celdaTEXTOSCELDA{
	width: 600px;
	height: 274px;
	background-repeat: no-repeat;
	vertical-align: top;
	padding-left: 19px;
	padding-right: 10px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 8pt;
	overflow: auto;
}

.celdaCONTACTO{
	width: 646px;
	height:280px;
	background-image:url('imagenes/textos.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;
	text-align:center;

}

.tablaCONTACTO{
	width: 600px;
	height:270px;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;

}

.celdaCONTACTO1{
	width: 600px;
	height:8px;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;
	padding-bottom:13px;
	font-weight:bold;

}

.celdaCONTACTO2{
	width: 100px;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:40px;

}

.celdaCONTACTO3{
	width: 470px;
	height:8px;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;
	padding-bottom:5px;
	padding-top:5px;

}

.celdaCONTACTO4{
	width: 470px;
	height:20px;
	vertical-align:top;
	font-family:Verdana;
	font-size:8pt;
	padding-bottom:5px;
	padding-top:5px;

}



/*--------------------------------------------------------------------------------------------------------------------------------*/

.celdamenuDCHA{
	width:274px;
	height:406px;
	vertical-align:top;
}

.celdabordeizdo{
	width:33px;
	height:580px;
	background-image:url('imagenes/bordeizdo.gif');
	background-repeat:no-repeat;	
}

.celdabordedcho{
	width:37px;
	height:580px;
	background-image:url('imagenes/bordedcho.gif');
	background-repeat:no-repeat;	
}

.celdapiepagina{
	width:920px;
	height:41px;
}


/*ENCABEZADO ---------------------------------------------------------------------------------------------------------------------*/
a.iconos:link{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#271C22; text-align:right;}
a.iconos:hover{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#271C22; text-align:right;}
a.iconos:visited{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#271C22; text-align:right;}
a.iconos:active{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: normal; color:#271C22; text-align:right;}

a.buscador:link{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; padding-left:5px;}
a.buscador:hover{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; padding-left:5px;}
a.buscador:visited{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; padding-left:5px;}
a.buscador:active{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; padding-left:5px;}

.tablaENCABEZADO{
	width:920px;
	height:80px;
}

.celdaLOGO{
	width:378px;
	height:80px;
}

.celdaLOGO2{
	width:664px;
	height:80px;
}


.celdaBOCADILLO{
	width:286px;
	height:80px;
}


.celdaICONOS{
	width:256px;
	height:32px;
	background-image:url('imagenes/celdaiconos.gif');
	background-repeat:no-repeat;
}

.celdaBUSCADOR{
	width:256px;
	height:48px;
	background-image:url('imagenes/celdaBUSCADOR.gif');
	background-repeat:no-repeat;
	text-align:left;
	text-decoration:none;
	font-family:verdana;
	font-size:8pt;
	font-weight: bold;
	color:#FFFFFF;
	padding-left:10px;
}






/*BOTONES PRINCIPALES ---------------------------------------------------------------------------------------------------------------------*/
a.botones:link{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.botones:hover{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.botones:visited{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.botones:active{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: bold; color:#FFFFFF; text-align:center;}

.tablaBOTONES{
	width:920px;
	height:28px;
}

.celdaBOTONempresa{
	width:128px;
	height:28px;
	background-image:url('imagenes/empresa.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONplataforma{
	width:152px;
	height:28px;
	background-image:url('imagenes/plataforma.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONcursos{
	width:128px;
	height:28px;
	background-image:url('imagenes/cursos.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONred{
	width:128px;
	height:28px;
	background-image:url('imagenes/red.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONeventos{
	width:128px;
	height:28px;
	background-image:url('imagenes/eventosvirtuales.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONservicios{
	width:128px;
	height:28px;
	background-image:url('imagenes/serviciosvirtuales.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBOTONpartners{
	width:128px;
	height:28px;
	background-image:url('imagenes/partners.gif');
	background-repeat:no-repeat;
	text-align:center;
}






/*LINEAS SUBMENU1, cada apartado diferente, mismo estilo links -----------------------------------------------------------------------------------------------*/
a.submenus:link{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:left; padding-left:8px; padding-right:8px;}
a.submenus:hover{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:left; padding-left:8px; padding-right:8px;}
a.submenus:visited{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:left; padding-left:8px; padding-right:8px;}
a.submenus:active{text-decoration:none; font-family:verdana; font-size:8pt; font-weight: bold; color:#FFFFFF; text-align:left; padding-left:8px; padding-right:8px;}

.tablasubmenuEMPRESA{
	width: 920px;
	height: 25px;
	background-image: url('imagenes/submenuempresa.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}


.tablasubmenuPLATAFORMA{
	width:920px;
	height:25px;
	background-image:url('imagenes/submenuplataforma.gif');
	background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	 }

.tablasubmenuCURSOS{
	width:920px;
	height:25px;
	background-image:url('imagenes/submenucursos.gif');
	background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	 }

.tablasubmenuRED{
	 width:920px;
	 height:25px;
	 background-image:url('imagenes/submenurededucativa.gif');
	 background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;

	 }

.tablasubmenuEVENTOS{
	 width:920px;
	 height:25px;
	 background-image:url('imagenes/submenueventosvirtuales.gif');
	 background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	 }
	 
.tablasubmenuSERVICIOS{
	 width:920px;
	 height:25px;
	 background-image:url('imagenes/submenuserviciosvirtuales.gif');
	 background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	 }

.tablasubmenuPARTNERS{
	 width:920px;
	 height:25px;
	 background-image:url('imagenes/submenupartners.gif');
	 background-repeat:no-repeat;
	font-family: verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	 }






/*SUBMENU2, cada seccion de su color -------------------------------------------------------------------------------------------------*/
a.plataforma:link{text-decoration:none; color:#6E1D62; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.plataforma:hover{text-decoration:none; color:#6E1D62; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.plataforma:visited{text-decoration:none; color:#6E1D62; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.plataforma:active{text-decoration:none; color:#6E1D62; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}

a.cursos:link{text-decoration:none; color:#FB381B; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.cursos:hover{text-decoration:none; color:#FB381B; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.cursos:visited{text-decoration:none; color:#FB381B; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.cursos:active{text-decoration:none; color:#FB381B; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}

a.rededucativa:link{text-decoration:none; color:#FFBB00; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.rededucativa:hover{text-decoration:none; color:#FFBB00; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.rededucativa:visited{text-decoration:none; color:#FFBB00; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.rededucativa:active{text-decoration:none; color:#FFBB00; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}

a.eventosvirtuales:link{text-decoration:none; color:#CE1334; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.eventosvirtuales:hover{text-decoration:none; color:#CE1334; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.eventosvirtuales:visited{text-decoration:none; color:#CE1334; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.eventosvirtuales:active{text-decoration:none; color:#CE1334; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}

a.serviciosvirtuales:link{text-decoration:none; color:#097B5D; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.serviciosvirtuales:hover{text-decoration:none; color:#097B5D; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.serviciosvirtuales:visited{text-decoration:none; color:#097B5D; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.serviciosvirtuales:active{text-decoration:none; color:#097B5D; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}

a.partners:link{text-decoration:none; color:#501728; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.partners:hover{text-decoration:none; color:#501728; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.partners:visited{text-decoration:none; color:#501728; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}
a.partners:active{text-decoration:none; color:#501728; font-family:verdana; font-size:11px; font-weight: bold; text-align:left}







/*MENU DERECHA ---------------------------------------------------------------------------------------------------------------------*/
a.menuDCHA:link{text-decoration:none; font-family:verdana; font-size:7pt; color:#271C22; text-align:left; margin-right:10px; font-weight:normal;}
a.menuDCHA:hover{text-decoration:none; font-family:verdana; font-size:7pt; color:#271C22; text-align:left; margin-right:10px; font-weight:normal;}
a.menuDCHA:visited{text-decoration:none; font-family:verdana; font-size:7pt; color:#271C22; text-align:left; margin-right:10px; font-weight:normal;}
a.menuDCHA:active{text-decoration:none; font-family:verdana; font-size:7pt; color:#271C22; text-align:left; margin-right:10px; font-weight:normal;}

.tablamenuDCHA{
	width:274px;
	height:406px;
}

.celdaDCHAcursosdestacados{
	width:274px;
	height:47px;
	text-align:center;
}

.tablalistadocursos{
	width:245px;
	height:123px;
	vertical-align:top;
	margin-bottom:0px;
	margin-top:0px;
}

.celdaDCHAlistadocursos{
	width:274px;
	height:150px;
	background-image:url('imagenes/listadocursos.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:right;
}

.celdaDCHAplataforma{
	width:274px;
	height:71px;
	text-align:center;
}

.celdaDCHAidepa{
	width:274px;
	height:118px;
	text-align:center;
}

.celdaDCHApliegue{
	width:274px;
	height:20px;
	background-image:url('imagenes/pliegue.gif');
	background-repeat:no-repeat;
	text-align:center;
}


/*CATALOGO ---------------------------------------------------------------------------------------------------------------------*/
a.catalogo:link{text-decoration:none; font-family:verdana; font-size:9pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.catalogo:hover{text-decoration:none; font-family:verdana; font-size:9pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.catalogo:visited{text-decoration:none; font-family:verdana; font-size:9pt; font-weight: bold; color:#FFFFFF; text-align:center;}
a.catalogo:active{text-decoration:none; font-family:verdana; font-size:9pt; font-weight: bold; color:#FFFFFF; text-align:center;}

.celdasubmenuCATALOGO{
	width: 646px;
	height: 113px;
	background-image:url('imagenes/submenu2.gif');
	background-repeat:no-repeat;
	vertical-align:top;
	padding-top:10px;
	padding-left:8px;

}

.tablaCATALOGO{
	width: 628px;
	height: 92px;
	background-repeat:no-repeat;
	vertical-align:top;
}

.celdaCATALOGO01{
	width:157px;
	height:46px;
	background-image:url('Imagenes/cursos01.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaCATALOGO02{
	width:157px;
	height:46px;
	background-image:url('Imagenes/cursos02.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBENEFICIOS01{
	width:157px;
	height:46px;
	background-image:url('Imagenes/beneficios01.gif');
	background-repeat:no-repeat;
	text-align:center;
}

.celdaBENEFICIOS02{
	width:157px;
	height:46px;
	background-image:url('Imagenes/beneficios02.gif');
	background-repeat:no-repeat;
	text-align:center;
}





/*PIE DE PAGINA ---------------------------------------------------------------------------------------------------------------------*/
a.pie:link{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: normal; color:#271C22; text-align:left; margin-left:5px; margin-right:5px;}
a.pie:hover{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: normal; color:#271C22; text-align:left; margin-left:5px; margin-right:5px;}
a.pie:visited{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: normal; color:#271C22; text-align:left; margin-left:5px; margin-right:5px;}
a.pie:active{text-decoration:none; font-family:verdana; font-size:7pt; font-weight: normal; color:#271C22; text-align:left; margin-left:5px; margin-right:5px;}

.tablapiepagina{
	width:920px;
	height:41px;
	background-image:url('imagenes/piepagina.gif');
	background-repeat:no-repeat;
}
.celdapiepagina{
	width:920px;
	height:41px;
	background-image:url('imagenes/piepagina.gif');
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:verdana;
	font-size:7pt;
	font-weight: normal;
	color:#271C22;
	text-align:left;
	vertical-align:bottom;
	padding-bottom:4px;

}
.letraVERDANA
{
	font-family:Verdana;
	font-size:10px;

}
.tablaFICHAS{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	border-collapse:collapse;
	border-spacing: 0;
	width: 634px;
	height: 580px;
}
