<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/******************************
 * DEFINICION DE LA INTERFAZ
 * AUTOR : FJLG
 * ACTUALIZACION : 15/10/2013
 ******************************/

* {
	font-family: "Arial", Helvetica, sans-serif;
	text-align:justify;	
}

@media screen, projection
{

*:focus{
	border:1px dotted #c0c0c0 !important;
}

html, body{
	margin:0;
	padding:0;
}


#leftblock{
	position:fixed;
	display:none;
}

#titulocurso{
	margin:20px 0 0 0;
	font-size:20px;
	font-weight:bold;		
	text-transform:uppercase;
	float: right;
	position: relative;
	width: 90%;
	line-height:22px;
	right:5%;
	display:none;
}
		
#titulomodulo{
	
	margin:0 0 20px 0;
	font-size:14px;
	font-weight:bold;	
	text-transform:none;
	float: right;
	position: relative;
	width: 90%;
	line-height:16px;
	right:5%;
	display:none;
}

/* normal */

.footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: url("../../media/patron.png") repeat;
}

#rightblock{
	position: relative;
	bottom: 0px;
	width:800px;
	height: 75px;
	margin: 0 auto;
}


#CapaIndicePaginas{
	float: left;
	width: 80px;
}

#CapaIndicePaginas p{
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	color: white !important;
}


#nombre-curso{		
	font-weight:bold;
    font-size: 18px;
    line-height: 18px;
	letter-spacing:-1px;
	/**/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/**/
	width:800px;
	left:160px;
	top: 30px;
    margin: 0;
    padding:0;
    position: absolute;
    text-align:left;
    text-transform: uppercase;
	color:/*#DFE1E2*/ #DFE1E2 !important;	
}


/* BARRA DE PROGRESO */
#contenedor-progreso{		
	/*
    bottom: 0;
    height: 20px;
    left: 0;
    margin: 6px 20px 0 121px;
    position: relative;
	*/
}

#barra-progreso{
	height: 3px;
    left: 0px;
    min-width: 10px;
    position: relative;
    top: 30px;
    z-index: 1;
}
#porcentaje-progreso{
	background-attachment: scroll;
    background-image: url("../../media/sprite.png");
    background-position: -250px -1700px;
    background-repeat: no-repeat;
	/**/
	width:305px;
	height:40px;
	margin-top: 17px;
	/*
    bottom: 0;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 300px;
	*/
}
	
	#progressbar{
		width: 0%;
	}
	/*************/
	
	

/****************************
 * Taskbar
 * (Barra de herramientas)
 *****************************/
 
#taskbar{	
	display:none;
}


/************************
 * MENU DE CONTENIDOS 
 ************************/


#navegacion-title{
	position:absolute;
	width:100%;
	height:45px;
	top:0px;
	/*background-image: url("../../media/sprite.png");*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right -1029px;
	left:0;
	font-weight: bold;
	color: #ED7703;
	font-size: 17px;
	text-transform: uppercase;
	overflow: visible;
	padding-top: 17px;
}

	/*******************************************/
	#navegacion-title #navegacion-title-imgtext{
		position:absolute;
		top:0px;
		right:70px;
		width:380px;
		height:45px;
		/*background: url("../../media/titlemenu.png") no-repeat scroll 0px 0px transparent;*/
	}
		/* DE */ #navegacion-title #navegacion-title-imgtext.de { background-position: 0px 0px !important; }
		/* EN */ #navegacion-title #navegacion-title-imgtext.en { background-position: 0px -45px !important; }
		/* ES */ #navegacion-title #navegacion-title-imgtext.es { background-position: 0px -90px !important; }
		/* FR */ #navegacion-title #navegacion-title-imgtext.fr { background-position: 0px -135px !important; }
		/* IT */ #navegacion-title #navegacion-title-imgtext.it { background-position: 0px -180px !important; }
		/* NL */ #navegacion-title #navegacion-title-imgtext.nl { background-position: 0px -225px !important; }
		/* PT */ #navegacion-title #navegacion-title-imgtext.pt { background-position: 0px -270px !important; }
	/**/

#navegacion-close{
	background: url("../../media/cerrar.png") no-repeat scroll 0px 0px transparent;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: -60px;
    top: 10px;
    width: 32px;;
}

#navegacion-close:hover{
	background-position: -32px 0px;
}

ul#navegacion{
	clear: both;
    float: none;
    height: 420px;
    margin: 0 ;
    padding: 48px 10px 10px 10px;
    position: relative;	
    width: 360px;
    margin-left:20px;
}
ul#navegacion li { margin:0 0 10px 0; padding:0;}
ul#navegacion #contenidoMenu {
	height: 390px;
    margin: 0;
    overflow: hidden;
    padding: 0;
	min-width:300px;
}
ul#navegacion #contenidoMenu ul { margin:0; padding:0 0 20px; position:relative; top:5px; }
ul#navegacion #contenidoMenu ul ul { margin-top:1px; padding:0; }
ul#navegacion #contenidoMenu ul ul ul { margin:1px 0; padding:0; display:block; }

ul#navegacion #contenidoMenu ul li {
	display: block;
	margin: 0px 0px 0px 12px;
	padding: 0;
	text-align:left;
}

#navegacion-up, #navegacion-down{
    cursor: pointer;
    display: none;
    height: 36px;
    position: absolute;
    right: 10px;
    width: 36px;
	
	background-image: url("../../media/sprite.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
}


#navegacion-up{
	top: 70px;
	background-position: -8px -1798px;
}
#navegacion-up:hover{
	background-position: -58px -1798px !important;
}

#navegacion-down{
	bottom:40px;
	background-position: -8px -1838px;
}
#navegacion-down:hover{
	background-position: -58px -1838px !important;
}

ul#navegacion #contenidoMenu ul li p.apartadotext{
	margin:0;
	padding:0 22px;
	line-height:16px;
	font-size:12px;
}

ul#navegacion #contenidoMenu ul li.apartado{
	cursor: pointer;
	margin: 0px 40px 0px 0px;
	padding: 5px;
}

ul#navegacion #contenidoMenu ul li.apartado.separador{
	border-top:1px dashed #021861;
	margin-top: 3px;
}
	
/** Apartados de primer nivel **/

ul#navegacion #contenidoMenu ul li p.apartadosup, ul#navegacion #contenidoMenu ul li p.apartadotext, ul#navegacion #contenidoMenu ul li p.apartadoinf{

}

.apartadosombra{display:none;}

ul#navegacion #contenidoMenu ul li p.apartadosup, ul#navegacion #contenidoMenu ul li.mnuElementActivo ul li p.apartadosup{
	display:none;
}
ul#navegacion #contenidoMenu ul li p.apartadotext, ul#navegacion #contenidoMenu ul li.mnuElementActivo ul li p.apartadotext{
	text-transform:uppercase;
	margin-top: 3px;
	
}
ul#navegacion #contenidoMenu ul li p.apartadoinf, ul#navegacion #contenidoMenu ul li.mnuElementActivo ul li p.apartadoinf {
	display:none;
}

ul#navegacion #contenidoMenu ul li.mnuElementActivo p.apartadosup, ul#navegacion #contenidoMenu ul li ul li.mnuElementActivo p.apartadosup{
	background-position:0 -667px;
}

ul#navegacion #contenidoMenu ul li.accedido p.apartadotext, ul#navegacion #contenidoMenu ul li ul li.accedido p.apartadotext{
	background:transparent url("../../media/bullet_valid.png") no-repeat 0px 50%;
	padding:0 0 0 22px;
}

ul#navegacion #contenidoMenu ul li.mnuElementActivo p.apartadotext, ul#navegacion #contenidoMenu ul li ul li.mnuElementActivo p.apartadotext{
	background:transparent url("../../media/apartadoactivo_pike.png") no-repeat 0px 50%;
	padding: 4px 0px 0px 22px;
}

ul#navegacion #contenidoMenu ul li.mnuElementActivo p.apartadoinf, ul#navegacion #contenidoMenu ul li ul li.mnuElementActivo p.apartadoinf{
	background-position:0 -700px;
}

ul#navegacion #contenidoMenu ul li .apartadosombra{display:none;}

ul#navegacion #contenidoMenu ul li.pagina a{	
	font-size: 12px;
    font-weight: normal;
    margin: 6px 40px 0 2px;
    padding: 8px 22px;
    text-transform: inherit;
}

ul#navegacion #contenidoMenu ul li li.pagina a{
	
	font-size:13px;
	padding:0 0 0 25px;
}

ul#navegacion #contenidoMenu ul li.pagina.accedido a{
	background:url("../../media/bullet_valid.png") no-repeat left 50% transparent;
	margin:0 0 5px 2px;
	padding:0 10px 0 22px;
	}
ul#navegacion #contenidoMenu ul li.pagina.mnuElementActivo a {
	background:url("../../media/apartadoactivo_pike.png") no-repeat left 50% transparent;
	margin: 0 0 5px 2px;
	padding: 4px 10px 6px 22px;
	}
	
ul#navegacion #contenidoMenu ul li.pagina.accedido  {}






/*--------- logo (imagen de la cabecera) -----------*/

#Header, #Footer {width: 100%; height:100%; margin:0; padding:0; float:left; position:relative; left:0}	/* must be specified for PNG Fix to work (IE 6 issue) */
#cuerpo{
	height: auto;
    left: 0;	
    padding: 0;
    position: relative;
    top:0;
    width: 800px;
	overflow:hidden;
	margin: 100px auto 70px;
	z-index:0;
}

#cargador{	
	background-color: #FFFFFF;
    display: none;
      height: 0px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 0px;
    z-index: -1;
}

#cargador.loading{
	display:block;
	z-index: 99;
}


#fab20_body{    
	min-height: 420px;
    margin:0 auto;
	width:660px;
	padding-top:20px;
	position:relative;
}

#Logo	{
	float: left;
	margin: 0 0 0 6px;
	display:none;
	width: 887px;
	height: 95px;
	background: transparent url("../../media/logo.png") no-repeat 0 0;
}

	 
#Wrapper, #PageWrapper	{ position: relative; }	/* IE needs this to position content when using top panel (#ContentPanel) */

#Wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	/*background: transparent url("../../media/sprite.png") no-repeat 0 0;*/
	/**/
	/*-moz-box-shadow:	0px 0px 12px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);
	-ms-box-shadow:		0px 0px 12px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);
	-o-box-shadow:		0px 0px 12px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);
	box-shadow:			0px 0px 12px rgba(0, 0, 0, 0.25), 0px 0px 12px rgba(0, 0, 0, 0.25);*/
	/**/
}

#course-image{
	background: url("../../media/course-image.png") no-repeat 10px bottom transparent;
	height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

#PageWrapper {
	width: 100%;
	height:100%;
	margin: 0;
	padding:0;
	
	/*box-shadow:0px 0px 3px #606060;*/
	}
	
.pageTop {
	height: 96px;
	overflow: hidden;
	background: transparent url("../../media/pagetop.png") no-repeat 50% 0;
	width:1000px;
	margin:auto;}
		
.pageBottom {
	height: 10px;
	overflow: hidden;
	background: transparent url("../../media/pageBg-bottom.png") no-repeat 0 0;
	margin: 0 0 0.4em;}

#Header {background: transparent url("../../media/menubg.png") no-repeat 50% bottom; width:912px; margin:0 auto;}


#logo-cliente{
	height:56px;
	overflow:hidden;
	width:150px;
	position:absolute;
	top:0;
	left:0;
	background: url("../../media/logo-cliente.png") no-repeat 0 0 transparent;
}

/*************************
 * TITULO DEL CONTENIDO
 ************************/

#titulopagina{
	
	/*background-image:url("../../media/sprite.png");
	background-color:transparent;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0 -806px;*/
	width: 800px;
	height:100px;
    margin:0 auto;
	background-color: #dadada;
	background: url(../../media/header.png) no-repeat scroll 0 0;
}

#cabeza {
	width: 100%;
	height: 100px;
	background-color: #F0F0F0;
	position: fixed;
	z-index:1;
	top:0;
}


#titulopagina .titulo{
	
	font-weight:normal;
	font-size: 18px;
	width: 71%;
	left: 29%;
	top: 30px;
	/**/
	text-overflow: ellipsis;
	overflow: hidden;
	text-align:left;
	/**/
	position: relative;
	text-transform: uppercase;
	color: #ED7703;
	line-height:16px;
	font-weight: bold;
}

#titulopagina .subtitulo{
	
	font-weight:normal;
	font-size: 16px;
	width: 71%;
	left: 29%;
	top: 30px;
	/**/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/**/
	position: relative;
	text-transform: uppercase;
	vertical-align: middle;
	color: black;
	line-height:15px;
	text-transform: uppercase;
	font-weight: bold;
}


#salir{
	width:110px;
	height:56px;
	position:absolute;
	right:0;
	top:0;
	background-image:url("../../media/sprite.png");
	background-color:transparent;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:right -806px;
}
	
	

}



@media screen, projection
{

.ruta {
	/*margin:12px 0px 0 72px;*/
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: url("../../media/footer.png") scroll no-repeat 0 50%;
}

	/**********************************************/
	.ruta .recursos_div {
		float: left;
		width: 240px;
		margin-left: 5px;
		margin-top: 15px;
	}
	.ruta #contenedor-progreso { 
		float:left; 
		width:205px; 
		background-image: url("../../media/fondobarra.png");
		background-position: -1px -17px
	}
	.ruta .navegacion_div { float:left; width:90px; margin-left: 98px; margin-top:14px; }
	/**********************************************/

.ruta .contenedor{}

.ruta span a 	{ font-weight: bold; }
.ruta .scrollTop		{ float:right; margin: 19px 28px; font-weight: normal; font-size:0.8em; }	/* scroll to top ^ */

/* ---------------------------Definicion de contenedores-------------------------------------- */

	
/* content containers */

.contentArea	{
	height:100%;
	top:0px;
    width: 100%;
	margin:0;
}




/* ----------------------------------------elementos de navegacion-------------------------------------- */


#menuPrincipal .claseMenu li li		{ min-width:270px } /* sub-menu background */
#menuPrincipal .claseMenu li li li		{ } /* sub-sub-menu background */

.flechas {
	width: 800px;
	position: fixed;
	margin:0 auto;
	top: 40%
}

.navanterior {
	background-image: url("../../media/flechaizquierda.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
    cursor: pointer;
	width: 50px !important;
	height: 50px !important;
    z-index: 99;
    position: absolute;
}

.navsiguiente {
	background-image: url("../../media/flechaderecha.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
    cursor: pointer;
	width: 50px !important;
	height: 50px !important;
    z-index: 99;
    position: absolute;
    right: 0
}

.navanterior.inactivo{background-image: url("../../media/flechaizquierdaInactivo.png");}
.navsiguiente.inactivo{background-image: url("../../media/flechaderechaInactivo.png")}


/*.ruta, .ruta .navanterior, .ruta .navsiguiente, .ruta .tab {
	height:40px;
}


.ruta .navanterior, .ruta .navsiguiente {
	background-image: url("../../media/sprite.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
    cursor: pointer;
    float: left;
	width: 54px !important;
	height: 34px !important;
    z-index: 99;
	}

.ruta .navanterior{background-position:-291px -893px;}
.ruta .navanterior:hover{background-position:-291px -933px;}
.ruta .navanterior.inactivo{background-position:-431px -893px;}

.ruta .navsiguiente {background-position:-362px -893px;}
.ruta .navsiguiente:hover{background-position:-362px -933px;}
.ruta .navsiguiente.inactivo{background-position:-502px -893px;}*/


.navanterior .pag, .navsiguiente .pag {
	width: 50px !important;
	height: 50px !important;
}


.navanterior.inactivo .pag, .navsiguiente.inactivo .pag {
	display:none;
}


.inactivo, .inactivo:hover{
	cursor:auto;
}


div.pretitulo, div.pretitulo_progreso{height:96px; width:20px; float:left}
.tab h1{
	padding-top:22px;
	min-height:56px;
	display:block;
	margin-left:20px;
	line-height:24px;
	color:#0099cc;
	overflow:hidden;
	white-space:nowrap;
	font-size:20px;
}

.tab h1 p{margin:0; padding:0; line-height:24px;}

.tab h1 span{
	line-height:20px;
	clear:none;
	font-size:14px;
	padding:0px 0px 0px 20px;
	display:block;
	color:#646567;
	margin-top:20px;
	font-weight:bold;
	float:left;
	margin-right:10px;
}

.tab h1 span.miga{display:inline-block;}



.piecuerpo{background:url(../../media/pageBg-bottom.png) no-repeat scroll 0 0; width:900px; height:30px; margin:0px auto;}

.ruta .kooltip span.tooltip.interfaz{
	padding: 5px 10px 5px 10px;
	opacity:0.9;
	line-height:normal;
}

.kooltip span.tooltip.interfaz.right, .kooltip:hover span.tooltip.interfaz.right{
	right:-12px;
}

.kooltip span.tooltip.interfaz.right:before, .kooltip span.tooltip.interfaz.right:after{
	right:15px;
}

/** sobrescribiendo el ui de jquery **/

.ui-dialog .ui-dialog-title{
	font-size:1.2em;	
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	font-weight:bold;
	font-size:1.1em !important;
	text-transform:uppercase;
}

}


@media only screen and (orientation:portrait) {

	
}

#mcs_container{
background-color: #F6F6F6;
	/**/
    border: 0 none;
    display: inline-block;
    height: 448px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 400px;
    bottom: 75px;  
	/**/
	-moz-box-shadow:	5px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-ms-box-shadow:		5px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-o-box-shadow:		5px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 5px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:			5px 0px 5px 0px rgba(50, 50, 50, 0.5);
	/**/
}

#mcs_container .customScrollBox{
	float:right;
	height: 700px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    right: 0;
    width: 100%;}
#mcs_container .customScrollBox .container{position:relative; width:100%; top:0; float:right;}
#mcs_container .customScrollBox .content{}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs_container .dragger_container{position:absolute; width:2px; height:620px; float:left; margin:40px 10px 0; background:#000; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; left:4px; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
#mcs_container .scrollUpBtn{top:3%; background: transparent url('../../media/mcs_btnUp.png') center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:3%; background: transparent url('../../media/mcs_btnDown.png') center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}


/*************
 * COLORES
 ************/
 
html{ background: white no-repeat scroll center center #4A6449; }

/*#navegacion-up, #navegacion-down{
	background-color:#818181;
}

#navegacion-up:hover, #navegacion-down:hover{
	background-color:#006CB7;
}

#navegacion-title, .navanterior, .navsiguiente{
	background-color:#006CB7;
}*/

ul#navegacion #contenidoMenu ul li p.apartadotext,
ul#navegacion #contenidoMenu ul li.mnuElementActivo ul li p.apartadotext,
ul#navegacion #contenidoMenu ul li.pagina a { color:#818181;
	background:transparent url("../../media/bullet_valid2.png") no-repeat 0px 50%;
	padding:0 0 0 22px; 
	opacity:0.7;
	font-size:14px; 
	text-align: left;
}

ul#navegacion #contenidoMenu ul li.accedido p.apartadotext,
ul#navegacion #contenidoMenu ul li ul li.accedido p.apartadotext,
ul#navegacion #contenidoMenu ul li ul li.mnuElementActivo p.apartadotext,
ul#navegacion #contenidoMenu ul li.pagina.accedido a { color:black;font-weight: bold;}

ul#navegacion #contenidoMenu ul li.mnuElementActivo p.apartadotext, ul#navegacion #contenidoMenu ul li.pagina.mnuElementActivo a{ color:#ED7703 ;font-weight:bold;}
 
/*#btn_salir, #btn_ayuda, #btn_volver, #indice_btn, #btn_creditos, #btn_bibliografia, #btn_glosario, #btn_anexos, #btn_tips, #btn_print, #btn_progreso, #btn_mindmap{
	background-color:#006CB7;
}*/

.divclearer { clear:both; }
.divclearer hr { visibility:hidden; }

.inactivo, .inactivo:hover { cursor:auto; }
.soloprint{ display:none; }

/* VENTANA CON TEXTO DE LA LOCUCIÃ“N */
#popup_audiotexto {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 865px;
	height: 0px;
	padding: 0px 60px 0px 30px;
	background: url("../../media/audiotext.png") no-repeat scroll 0px 0px;
	transition: height .5s;
	overflow: hidden;
}
#popup_audiotexto a#close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	background: url("../../media/close.png") no-repeat scroll 0px 0px;
}
#popup_audiotexto a#close span {
	display: none;
}
#popup_audiotexto a#close:hover {
	background-position: 0px -20px;
}
#popup_audiotexto .texto {
	margin-top: 35px;
	font-size: 12px;
	line-height: 1.2em;
	width: 100%;
}


body{
	overflow-x:hidden;
}

.flechas, #cuerpo, #titulopagina, #rightblock{
	width:768px;
}
	

	
#retos &gt; div{
	margin-right:3px !important;
}
	
#retos &gt; div img{
	width:22px;
}

.bpopupwindow{
	margin-top:60px;
}


@media (min-width:1024px){

.flechas, #cuerpo, #titulopagina, #rightblock{
	width:1000px;
}

#fab20_body{
	width:880px;
	padding-top:20px;
	min-height:420px;
}

#titulopagina .titulo{
	width: 78%;
	left: 22%;
}

#titulopagina .subtitulo{
	width: 78%;
	left: 22%;	
}

.bpopupwindow{
	margin-top:auto;
}

}

</pre></body></html>