@import "popup.css";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*overflow:scroll;*/
	overflow-x: hidden;	
	overflow-y: show;	
	background-color:#4C8294; /*COLOR FONDO PIE*/
}

/*****************************PRIMER NIVEL***************************************/
#pagina{
	width:100%;
	background-color:#FFFFFF; /*COLOR FONDO PÁGINA*/
}

#cabecera{
	width:100%;
	height:115px;
	
	background-image:url(../imagenes/cabecera/fondo_cabecera.png);
	background-repeat:repeat-x;
}

#contenido{
	overflow:auto;
	width:980px;
	
	margin-right: auto;
	margin-left: auto;
}

#pie{
	overflow:auto;
	width:100%;
	height:182px;	
	background-image:url(../imagenes/pie/fondo.jpg);
	background-repeat:repeat-x;
	background-color:#4D8295;
}

/*****************************CABECERA***************************************/

#cabecera-contenido{
	overflow:auto;
	width:980px;
	height:115px;
	
	margin-right: auto;
	margin-left: auto;
}

#cabecera-logo{
	float: left;
	
	width:177px;
	height:92px;
	
	padding:0 0 0 15px;
	
}
#cabecera-centro{
	float: left;
	width:576px;
	height:115px;
}
#cabecera-centro-titulo{
	height:35px;
	padding:30px 0 0 0;
}
#cabecera-centro-menu{
	height:40px;
	padding:10px 0 0 0;
}
#cabecera-derecha{
	float: left;
	height:115px;
	width:182px;
	padding:0 15px 0 15px;
}

/*Derecha*/

#cabecera-entorno a{
	width:132px;
	height:17px;
	display:block;
	padding:8px 0 0 50px;
	margin:10px 0 0 0;
	outline:none;

	background-image:url(../imagenes/cabecera/entorno-virtual.png);
	background-repeat:no-repeat;
	background-position:right;
}
#cabecera-entorno a:hover{
	background-image:url(../imagenes/cabecera/entorno-virtual-over.png);
	background-repeat:no-repeat;
	background-position:right;
}


#cabecera-cliente a{
	width:132px;
	height:17px;
	display:block;
	padding:8px 0 0 50px;
	outline:none;
	
	background-image:url(../imagenes/cabecera/area-cliente.png);
	background-repeat:no-repeat;
	background-position:right;
}
#cabecera-cliente a:hover{
	background-image:url(../imagenes/cabecera/area-cliente-over.png);
	background-repeat:no-repeat;
	background-position:right;
}
#cabecera-tienda a{
	width:55px;
	height:35px;
	display:block;
	padding:15px 0 0 50px;
	margin:5px 0 0 0;
	outline:none;
	
	background-image:url(../imagenes/cabecera/tienda.png);
	background-repeat:no-repeat;
}
#cabecera-tienda a:hover{
	background-image:url(../imagenes/cabecera/tienda-over.png);
	background-repeat:no-repeat;
}


/*****************************MENU********************************************/

#cabecera .menu{
	float:left;
	height:25px;
}
#cabecera .menu-seleccionado{
	float:left;
	height:25px;
}
#cabecera .separador{
	float:left;
	width:5px;
}

/*Home*/
#cabecera #menu1-seleccionado a{
	background-image:url(../imagenes/menu/select/home.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:25px;
	outline:none;
}
#cabecera #menu1 a{
	background-image:url(../imagenes/menu/reposo/home.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:25px;
	outline:none;
}
#cabecera #menu1 a:hover{
	background-image:url(../imagenes/menu/over/home.png);
	background-repeat:no-repeat;
}

/*Seccion 1*/
#cabecera #menu2-seleccionado a{
	background-image:url(../imagenes/menu/select/secc-1.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:102px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu2 a{
	background-image:url(../imagenes/menu/reposo/secc-1.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:102px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu2 a:hover{
	background-image:url(../imagenes/menu/over/secc-1.png);
	background-repeat:no-repeat;
}
/*Seccion 2*/
#cabecera #menu3-seleccionado a{
	background-image:url(../imagenes/menu/select/secc-2.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:105px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu3 a{
	background-image:url(../imagenes/menu/reposo/secc-2.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:105px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu3 a:hover{
	background-image:url(../imagenes/menu/over/secc-2.png);
	background-repeat:no-repeat;
}
/*Seccion 3*/
#cabecera #menu4-seleccionado a{
	background-image:url(../imagenes/menu/select/secc-3.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:52px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu4 a{
	background-image:url(../imagenes/menu/reposo/secc-3.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:52px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu4 a:hover{
	background-image:url(../imagenes/menu/over/secc-3.png);
	background-repeat:no-repeat;
}
/*Seccion 4*/
#cabecera #menu5-seleccionado a{
	background-image:url(../imagenes/menu/select/secc-4.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:52px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu5 a{
	background-image:url(../imagenes/menu/reposo/secc-4.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:20px;
	width:52px;
	padding:5px 0 0 23px;
	outline:none;
}
#cabecera #menu5 a:hover{
	background-image:url(../imagenes/menu/over/secc-4.png);
	background-repeat:no-repeat;
}

/*Seccion 5*/
#cabecera #menu6-seleccionado a{
	background-image:url(../imagenes/menu/select/secc-5.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:65px;
	outline:none;
	padding:5px 0 0 23px;
}
#cabecera #menu6 a{
	background-image:url(../imagenes/menu/reposo/secc-5.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:65px;
	outline:none;
	padding:5px 0 0 23px;
}
#cabecera #menu6 a:hover{
	background-image:url(../imagenes/menu/over/secc-5.png);
	background-repeat:no-repeat;
}

/*Buscar*/
#cabecera #menu7-seleccionado a{
	background-image:url(../imagenes/menu/select/buscar.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:25px;
	outline:none;
}
#cabecera #menu7 a{
	background-image:url(../imagenes/menu/reposo/buscar.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	height:25px;
	width:25px;
	outline:none;
}
#cabecera #menu7 a:hover{
	background-image:url(../imagenes/menu/over/buscar.png);
	background-repeat:no-repeat;
}

/*SELECCIONADOS*/



/*****************************CONTENIDO***************************************/
#izquierda{
	float: left;
	width:162px;
	padding:15px 15px 0 15px;
}
#centro{
	float: left;
	width:576px;
	padding:15px 0 15px 0;
}


#derecha{
	float: left;
	width:182px;
	padding:0 15px 0 15px;
}
h1{
	margin:0 0 5px 0;
}
h2{
	margin:0 0 15px 0;
}
h3{
	width:560px;
	height:25px;
	padding:15px 0 0 0;
	background-image:url(../imagenes/contenido/cintillo.jpg);
	background-repeat:no-repeat;
	
	text-transform:uppercase;
	margin:0 0 20px 0;
}
h3.titulo3_derecha{
	background-image:url(../imagenes/contenido/cintillo-derecha.jpg);
	background-repeat:no-repeat;
	text-align:right;
	text-transform:none;
}
h3.titulo3_izquierda{
	text-transform:none;
}
h4{
	margin:0 0 15px 0;
}
h5{
	margin:0 0 10px 0;
}
.comentario{
	width:546px;
	height:47px;
	padding:23px 0 0 15px;
	text-align:center;
	background-image:url(../imagenes/contenido/comentario.jpg);
	background-repeat:no-repeat;
	
	margin:0 0 7px 0;
}
.texto{
	margin:0 0 15px 0;
}
ul{ 
	list-style-type: square; 
	list-style-image: url(../imagenes/contenido/lista-destacado.gif);
	
	margin:0 0 10px 0;
	padding:0 15px 0 20px;
	
}
ul.destacado{ 
	list-style-type: square; 
	list-style-image: url(../imagenes/contenido/lista.gif);
}
li{
	margin:0 0 3px 0;
	padding:0;
}

p{
	margin:0 0 10px 0;
}

.derecha{
	float:right;
}

a{
	outline:0;
}
/*****************************PORTADA***************************************/
.portada{
	width:380px;
	height:200px;
	padding:15px 196px 0 0;
}
#portada1{
	background-image:url(../imagenes/cabeceras/soluciones-corporativas.jpg);
	background-repeat:no-repeat;
}
#portada2{
	background-image:url(../imagenes/cabeceras/soluciones-educativas.jpg);
	background-repeat:no-repeat;
}
#portada3{
	background-image:url(../imagenes/cabeceras/sala-prensa.jpg);
	background-repeat:no-repeat;
}
#portada4{
	background-image:url(../imagenes/cabeceras/nosotros.jpg);
	background-repeat:no-repeat;
}

#migas{
	padding:5px 0 5px 0;	
}

.portada-migas{
	width:576px;
	height:100px;
	padding:0 0 0 0;

}
#portada-migas1{
	background-image:url(../imagenes/cabeceras/demos-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-programas{
	background-image:url(../imagenes/cabeceras/_programas.jpg);
	background-repeat:no-repeat;
}
#portada-migas-alianzas{
	background-image:url(../imagenes/cabeceras/alianzas.jpg);
	background-repeat:no-repeat;
}
#portada-migas-catalogo-empresa{

	background-image:url(../imagenes/cabeceras/catalogo-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-clientes{

	background-image:url(../imagenes/cabeceras/clientes.jpg);
	background-repeat:no-repeat;
}
#portada-migas-comunidades{

	background-image:url(../imagenes/cabeceras/comunidades.jpg);
	background-repeat:no-repeat;
}
#portada-migas-contenidos-educativos{

	background-image:url(../imagenes/cabeceras/contenidos-educativos.jpg);
	background-repeat:no-repeat;
}
#portada-migas-consultoria-empresa{

	background-image:url(../imagenes/cabeceras/consultoria-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-consultoria-educativo{

	background-image:url(../imagenes/cabeceras/consultoria-educativo.jpg);
	background-repeat:no-repeat;
}
#portada-migas-contacto{

	background-image:url(../imagenes/cabeceras/contacto.jpg);
	background-repeat:no-repeat;
}
#portada-migas-formacion-educativo{

	background-image:url(../imagenes/cabeceras/formacion-educativo.jpg);
	background-repeat:no-repeat;
}
#portada-migas-medios{

	background-image:url(../imagenes/cabeceras/medios.jpg);
	background-repeat:no-repeat;
}
#portada-migas-elearning-medida{

	background-image:url(../imagenes/cabeceras/elearning-medida.jpg);
	background-repeat:no-repeat;
}
#portada-migas-educativo-medida{

	background-image:url(../imagenes/cabeceras/educativo-medida.jpg);
	background-repeat:no-repeat;	
}
#portada-migas-logos{

	background-image:url(../imagenes/cabeceras/logos.jpg);
	background-repeat:no-repeat;	
}
#portada-migas-noticias{

	background-image:url(../imagenes/cabeceras/noticias.jpg);
	background-repeat:no-repeat;	
}
#portada-migas-noticias2{

	background-image:url(../imagenes/cabeceras/noticias2.jpg);
	background-repeat:no-repeat;	
}
#portada-migas-plataformas-empresa{

	background-image:url(../imagenes/cabeceras/plataformas-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-plataformas-educativo{

	background-image:url(../imagenes/cabeceras/plataformas-educativo.jpg);
	background-repeat:no-repeat;
}
#portada-migas-demos{

	background-image:url(../imagenes/cabeceras/demos-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-demos-empresa{

	background-image:url(../imagenes/cabeceras/demos-empresa.jpg);
	background-repeat:no-repeat;
}
#portada-migas-demos-educativo{

	background-image:url(../imagenes/cabeceras/demos-educativo.jpg);
	background-repeat:no-repeat;
}
#portada-migas-que-ofrecemos{

	background-image:url(../imagenes/cabeceras/queofrecemos.jpg);
	background-repeat:no-repeat;
}
/*****************************MIGAS***************************************/
#migas{
	height:20px;
}

/*****************************RECURSOS***************************************/
#centro-contenido{
	width:575px;
	border-right:#4E8395 solid 1px;	/*AZUL BORDE*/
	padding-top:15px;
}
#despegables{
/*	height:100px;*/
	margin:0 0 15px 0;
}
.texto{
	padding:0 15px 0 0;
}
/*****************************APARTADOS***************************************/
#izquierda .apartado{
	height:23px;
}

#izquierda .apartado2{
	height:40px;
}
#izquierda .seleccionado{
	background-image:url(../imagenes/apartados/fondo-seleccionado.jpg);
	background-repeat:repeat-y;
}
#izquierda .apartado .icono,
#izquierda .apartado2 .icono{
	float:left;
	width:13px;
	padding:7px 0 0 0;
}
#izquierda .apartado .enlace,
#izquierda .apartado2 .enlace{
	float:left;
/*	width:147px;
	padding:5 0 0 0;*/
}
/*Enlazar toda la fila*/
/**********************/
#izquierda .apartado .enlace a{
	display:block;
    width:147px;
	height:18px;
	padding:5px 0 0 0;
	outline:0;
}
#izquierda .apartado2 .enlace a{
	display:block;
    width:147px;
	height:35px;
	padding:5px 0 0 0;
	outline:0;
}


/*Padding sleccionado*/
/**********************/
#izquierda .apartado .enlace-seleccionado{
	width:147px;
	height:18px;
	padding:5px 0 0 0;
}
#izquierda .apartado2 .enlace-seleccionado{
	width:147px;
	height:35px;
	padding:5px 0 0 0;
}
/************************/



#izquierda .separador{
	width:162px;
	height:1px;
	background-image:url(../imagenes/apartados/separador.jpg);
	background-repeat:no-repeat;
}

/* IE6 Only: PROBLEMA CAPAS VACIAS */
* html #izquierda .separador{
	overflow:hidden;
}


/*****************************PIE***************************************/
#separador-naranja{
	width:100%;
	height:8px;
	background-color:#FFB300;	/*NARANJA*/
}

#pie-contenido{
	width:980px;
	height:182px;
	margin-right: auto;
	margin-left: auto;
}
#pie-datos{
	float:left;
	width:162px;
	padding:0 15px 0 15px;
	height:20px;
}
#pie-menu{
	float:left;
	width:788px;
}
#pie-menu .apartado1,
#pie-menu .apartado2,
#pie-menu .apartado3,
#pie-menu .apartado4
{
	margin:0 5px 0 0;
}
#pie-menu .apartado{
	float:left;
	width:124px;
	margin-top:10px;
	text-align:left;
}

#pie-menu .sub-apartado{
	margin:2px 0 0 0;
	text-align:left;
}

#pie-menu .separador{
	height:1px;
	background-image:url(../imagenes/pie/separador-pie.jpg);
	background-repeat:no-repeat;
	margin: 3px 0 3px 0;
}
/* IE6 Only: PROBLEMA CAPAS VACIAS */
* html #pie-menu .separador{
	overflow:hidden;
}

/*direccion*/
#pie-titulo{
	height:23px;
	padding:10px 0 0 0;
}
#pie-enlaces{
	padding:10px 0 0 0;
}
/********************************PIE-ENVIAR********************************/
#pie-enviar{
	height:20px;
	width:561px;
	padding:8px 15px 0 0;
	margin:30px 0 20px 0;
	
	background-image:url(../imagenes/pie/pie-enviar.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#pie-amigo,
#pie-imprimir,
.pie-separador{
	float:right;
	padding:2px 0 4px 0;
}
#pie-imprimir{

}
.pie-separador{
	padding:2px 12px 0 12px;
}
#pie-amigo a{
	padding:4px 0 4px 24px;
	height:22px;
	background-image:url(../imagenes/pie/enviar.gif);
	background-repeat:no-repeat;
	background-position:left center;
	outline:0;
}
#pie-amigo a:hover{
	background-image:url(../imagenes/pie/enviar-over.gif);
	background-repeat:no-repeat;
}
#pie-imprimir a{
	padding:4px 0 4px 24px;
	height:22px;
	background-image:url(../imagenes/pie/imprimir.gif);
	background-repeat:no-repeat;
	background-position:left center;
	outline:0;
}
#pie-imprimir a:hover{
	background-image:url(../imagenes/pie/imprimir-over.gif);
	background-repeat:no-repeat;
}
/*****************************FOTO-TEXTO***************************************/
.foto-texto{
	overflow:hidden;
}
.foto-texto .texto{
	float:left;
	width:364px;
	padding:0 15px 0 0;
	margin:0;
}
.foto-texto .foto{
	float:left;
	width:182px;
}
.separador-izquierda{
	height:1px;
	background-image:url(../imagenes/contenido/separador-izquierda.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}
.separador-derecha{
	height:1px;
	background-image:url(../imagenes/contenido/separador-derecha.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}

.separador-centro{
	height:1px;
	background-image:url(../imagenes/contenido/separador-centro.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}
.separador-izquierda-abajo{
	height:1px;
	background-image:url(../imagenes/contenido/separador-izquierda.jpg);
	background-repeat:no-repeat;
	margin:0 0 15px 0;
}
.separador-derecha-abajo{
	height:1px;
	background-image:url(../imagenes/contenido/separador-derecha.jpg);
	background-repeat:no-repeat;
	margin:0 0 15px 0;
}

.separador-centro-abajo{
	height:1px;
	background-image:url(../imagenes/contenido/separador-centro.jpg);
	background-repeat:no-repeat;
	margin:0 0 15px 0;
}
.separador-izquierda-arriba{
	height:1px;
	background-image:url(../imagenes/contenido/separador-izquierda.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
}
.separador-derecha-arriba{
	height:1px;
	background-image:url(../imagenes/contenido/separador-derecha.jpg);
	background-repeat:no-repeat;
	margin:15px 0 0 0;
}

.separador-centro-arriba{
	height:1px;
	background-image:url(../imagenes/contenido/separador-centro.jpg);
	background-repeat:no-repeat;
	margin:15px 0 0 0;
}