/* Start of CMSMS style sheet 'estilo_marvel' */
/* CSS BASICO DE MARVEL*/
/* MMR,MMO,MAM, Junio 2 , 2008 4:04:23 PM*/


/* """"""""""""""""""""""""""""""""border en colores para ver cajas"""""""""""""""""""""""" */
/* borde en negro en la parte superior= TOP_MENU */
/* borde en negro en la parte inferior= MENU_MAIN */
/* borde en verde limon = TITLE_PARTNER */
/* borde en gris = CONTENT */
/* borde en rojo = FOUR_COLUMNS */
/* borde en anaranjado = ES EL LISTADO (COLUMNAS) */
/* borde en violeta = PARTNER_PDF*/
/* borde en verde crayola en la parte inferior= FOOTER */


/*"""""""" LAYOUT POR TEMPLATES """"""""*/	
/* TEMPLATE ABOUT US: columna superior (sub-menu); columna central (contenido y columnas) y ante penúltima columna (PDFS, LINK DIRECTOS). Penúltima columna (Menu principal) Hay una seccion al final que es el footer (para logo de Marvel & Marchand) */

/*"""""""" TYPOGRAFIAS """"""""*/	
/* FONT texto de contenido font:.5em Verdana, Arial, Helvetica, sans-serif; */

/*"""""""" PALETA CROMATICAS """"""""*/	
/*#d43927; ROJO*/
/*#6e6d5a;  gris oscuro para EL MENU */
/*#929283;  gris claro PARA BLOQUES DE TEXTO */
/*#ffffff;  blanco para fondo */




/*"""""""" EMPIEZA GENERALES """"""""*/	

body {
	margin: 0px 0px 0px 0px; /* n6.01win n6mac won't recognize top margin for middle box, so it goes here */
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;/* tipografia basica */
	font-size: .7em;
	color: #6e6d5a; /* French gray */
	text-align: left; 
	line-height: 130%;
	}
	

/*Empiezan  class controlan el color de los links en los cuerpos de textos */	
.text a:link, .text a:visited , .text a:active {
	color: #d43927; /* rojo */
	text-decoration: none;
}

.text a:hover {
	color: #929283; /* gris claro */
	text-decoration: none;
}

/*Terminan  class controlan el color de los links en los cuerpos de textos */	
	
/*no border alrededor de imagenes */
img, img a {border: 0;} /* MMO, se junta, menos codigos */

/*termina los no border alrededor de imagenes */


/* invisible, se hara visible en print_marvel.css para que se imprima */
#impresos { display: none;}

/* codigos para acesibilidad*/
.bckets { color: #ffffff;}/* brackets para indicar que comienza y termina enlaces que esten corridos  blanco calido del fondo */
	
	
/* brackets para hover*/
.bckets_hover { color: #d43927;}/* brackets para indicar seleccion de menus */




/*CONTACT */
/*to affect only "About Us" page and all it's children */
body.contact #menu_main li.rojo_seccion3_main a {color: #d43927;} /* rojo*/  


/* para brincar a contenido y menu. fuera de pantalla, no se ve */
#jump_menu, #jump_menu a:link, #jump_menu a:hover, #jump_menu a:active, #jump_menu a:visited{ 
	position: absolute;
	top: -100px;
	left: -999px;
	}

/* class de creditos de las fotos */
.calce_foto {
        font-size: .8em;
	font-family: Garamond, Georgia, Serif;
	color: #6e6d5a; /* French gray */
       }



/*"""""""" 	TERMINAN GENERALES """"""""*/	




/*"""""""" EMPIEZA TYPOGRAFIA """"""""*/	

h1{ /*titulo de seccion*/
	font-size: 1.4em;
	text-transform:  uppercase;
	font-family: Garamond, Georgia, Serif;
        background-color: #FFFFFF; /* importante: se necesita por rendering isues en FFox */
        font-style: normal; /* importante: se necesita por rendering isues en FFox */
        font-weight:  bold; /* importante: se necesita por rendering isues en FFox */
	}
	
h2{ /*titulo de seccion de proyectos*/
	font-size: 1em;
	font-family: Helvetica, Verdana, san serif;
        font-style: normal; /* importante: se necesita por rendering isues en FFox */
        font-weight:  bold; /* importante: se necesita por rendering isues en FFox */
        letter-spacing: 0.1em;
	}
	
h4{ /*titulo de seccion de localizacion*/
	font-size: .9em;
	font-family: Helvetica, Verdana, san serif;
        letter-spacing: 0.1em;/* importante: se necesita por rendering isues en FFox */
        font-weight:  normal; /* importante: se necesita por rendering isues en FFox */
        font-variant:  small-caps; /* importante: se necesita por rendering isues en FFox */
	}
	
	
	/*para texto de archivos adjuntos*/
h3 { 
	font-size: .7em;
	line-height: 150%; /* MMO, abri el leading, estaba muy pegado */
	}

	/*para los enlaces, como el del pdf parners*/
h3 a {
	text-decoration: none;
	font-weight: bold;
	color:  #d43927; /*rojo*/
	outline: none;
	}
	
h3 a:visited, h3 a:active, h3 a:hover {color:  #d43927; } /*rojo*/

h3 a:hover {text-decoration: none;}




/*"""""""" TERMINA TYPOGRAFIA """"""""*/	




/* IMPORTANTE:  LA CAJA DE TOP MENU SE MANIPULARA DESDE EL CSS LLAMADO TOPMENU.CSS  EN ESE STYLESHEET ESTA TODO LO RELACIONADO AL MENU */

/*"""""" EMPIEZA LAYOUT COMUNES EN TODOS LOS TEMPLATES """"""""""*/	

/* empieza caja de el menu principal */
#menu_main {
	position: absolute;
	left: 595px; /* MMO, para que haga flush right igual que footer*/
        
             top: 475px;
	width: 370px; /* MMO estaba muy ancho, me trae scroll inferior de browser*/
	height: 25px;
             background-color: #FFFFFF; /* importante: se necesita por rendering isues en IE con fade in portada */
	/*border: 1px solid #000;  negro*/ 
	}		
	
#menu_main ul li {
	display: inline;
	text-decoration: none;
	padding-left: 10px;
	}

.menu_type { 
	font-family: TrajanPro-Regular, Trajan Regular, Garamond, Georgia, Serif;
	font-size: 1em;
	}

	/*para los enlaces, como el del pdf parners*/
.menu_type a {
	text-decoration: none;
	color:  #6e6d5a; /*gris*/
		}
	
.menu_type a:visited, .menu_type a:active, .menu_type a:hover {color:  #6e6d5a; } /*gris*/

/* termina caja de el menu principal  */



/*empieza footers */	
#footer {
	position: absolute;
	left: 50px;/* flush with  #top_menu */
	top: 500px; 
	width: 850px; 
	/*border: 1px solid #00cc66;  verde crayola */
	}	
/*termina footers */	

/* debajo de footer copyright y link a accesibilidad */
#legal_stuff {
	position: absolute;
	left: 50px;/* flush with  #top_menu */
	top: 540px;
	width: 260px; 
	height: 30px;
	/*border: 1px solid #000; */
	font-family: TrajanPro-Regular, Trajan Regular, Garamond, Georgia, Serif;
	font-size: .9em;
	color: #6e6d5a; /* French gray */
	 }
	 
/*para los enlaces de accesibilida debajo de footer*/
.rojo_seccion a:link, .rojo_seccion a:visited, .rojo_seccion a:active, .rojo_seccion a:hover {
	text-decoration: none;
	color:  #d43927; /*rojo*/
	}


/*"""""""  ELEMENTOS """""""""*/

/*para hr footers */	

#footer hr {
	color: #d43927;  /*rojo IE */
	background-color: #d43927;  /*#d43927 para Firefox y Mozilla*/
	}
/*termina hr footers */	


/* PARA Main WeB Menu brackets rojos */
/* milagrosos codigo para cambiar de color los brakets en hover manteniendo el nombre del enlace en un colo distinto */
a.brackets_rojos span {
	color: #ffffff;
	text-decoration: none
	}


a.brackets_rojos:hover span {
	color: #d43927;
	text-decoration: none;
	} 

/* termina el codigo milagroso */
/*"""""" TERMINA LAYOUT COMUNES EN TODOS LOS TEMPLATES """"""""""*/	





/*"""""" EMPIEZA LAYOUT CAJAS PRINCIPALES PAGINA ABOUT US """"""""""*/		
/* posiciones absolutas para poder cuadrar Firefox y IE menos la lista */

/* empieza caja de contenido */
#content {
	position: absolute;
	top: 100px;
    /*border: 2px solid #ccc; gris*/  
	width: 898px;
	height: 350px;
	padding: 0px;
	}			
/* termina caja de contenido*/



/* empieza caja de titulo */
#title_partner {
	position: absolute;
	left: 220px; /* igual que #partner_pdf  */
	/*border: 1px solid #66cc33;  verde limon*/
	width: 300px;
	height: 10px;
	}		
/* termina caja de titulo */




/* empieza caja de columnas interiores */
#four_columns {
	position: absolute;
	top: 30px;
	/*border: 2px solid #ff0066;  rojo */
	width: 890px; /*igual a #content*/
	height: 251px; /*igual a imagen*/
	padding: 0px;
	}		
/* termina caja de columnas interiores */



/* empieza las columnas */
#four_columns ul {
 	list-style-type: none;
 	position: absolute;
	left: -42px; /*empuja imagen a margen left de browser*/
 	height: 251px; /*igual a imagen*/ 	
	width: 890px;
}

#four_columns li {
 	width:200px; /*igual a imagen*/
 	/*height: 251px; igual a imagen*/
 	padding:0 20px 0 0;
 	float: left;
 	/*border: 1px solid #ff9900;*/ 
 	display:inline;
	line-height: 20px;
	} 

/* comienzan class de columnas_ establecen las medidas y la posicion de cada una */
/* class de columna 1 */

.uno {
    margin-top: 35px;
    height: 218px;
	}

/* class de columna 2 */
.dos {
	margin-top: 55px;
    height: 198px;
	}

/* class de columna 3 */
.tres {
	margin-top: 75px;
    height: 178px;
	}
/* Links para los parrafos de las 3 columnas de contenido */
.uno a:visited, .uno a:active, .uno a:link, .uno a:hover, .dos a:visited, .dos a:active, .dos a:link, .dos a:hover, .tres a:visited, .tres a:active, .tres a:link, .tres a:hover{
    color:  #d43927; /*rojo*/
    text-decoration: none;
} 

/* terminan class de columnas_ establecen las medidas y la posicion de cada una */
/* termina  las columnas */



/* empieza caja de el pdf */
#partner_pdf {
	position: absolute;
	left: 220px; /* igual que #title_partner */
	top: 300px;
	/*border: 1px solid #990099; VIOLETA*/
	width: 200px;
	}	
/* termina caja de el pdf  */


/*"""""""  TERMINAN LAYOUT CAJAS PRINCIPALES PAGINA ABOUT US """""""""*/




	
/*""""""""""""""EMPIEZA EL CSS DEL TEMPLATE DE PROYECTOS """"""""""""""""*/

/*layout (cajas) */
/* empieza titulo de proyectos */
#title_proyect {
	z-index: 2;
	position: absolute;
	left: 50px; /* igual que #partner_pdf  */
	/*border: 1px solid #3300ff;  azul*/
	width: 350px;
	top: 2px;
	}		
/* termina titulo de proyectos */


/* empieza titulo de localizacion */
#location {
	z-index: 2;
	position: absolute;
	left: 50px; /* igual que #partner_pdf  */
	/*border: 1px solid #ffff00;  amarillo*/
	width: 300px;
	top: 10px;
	height: 20px;
        font-weight: normal;
	}		
/* termina titulo de localizacion */



/* empieza primera caja de texto */
#caja_texto_visible {
	position: absolute;
	left: 50px; /* igual que #partner_pdf  */
	/*border: 1px solid #66cc33;  */
	width: 205px;
	height: 100px;
	top: 50px;
	font-size: .8em;
	}	
		
/* termina primera caja de texto */

/* empieza next and previous*/
#next_previous {
	z-index: 2;
	position: absolute;
	left: 800px; /* igual que #partner_pdf  */
	/*border: 1px solid #cc99cc;  lila*/
	width: 100px;
	height: 50px;
	margin-top: 10px;
             text-align: right;
	font-size: .9em;
	font-family: Helvetica, Verdana, san serif;
	}		
	
	
#next_previous a {
	color: #6e6d5a;
	text-decoration: none;
        letter-spacing: 0.1em;
        font-weight: normal;
	}	
	
#next_previous a:hover {color: #d43927;}	
	
/* termina next and previous */


/* ..empieza el Vertical Scroll de proyectos.... */
/* empieza imagen */
#previewPane {
		/* border:1px solid #99ff00;  */
		margin-right:10px;	
		text-align:right;
		vertical-align:middle;
		padding-top:40px;
		margin-left: 0px;

		/* CSS HACK */
		height: 334px;	/* IE 5.x */
		height/* */:/**/302px;	/* Other browsers */
		height: /**/302px;
		width:777px;		
		}
		
/* termina imagen */


/* empieza caja de texto de espera- no se si lo utilizaremos en marvel */
#waitMessage {
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
		/*border: 1px solid #33cc00; verde*/
		}	
	
/* termina caja de texto de espera- no se si lo utilizaremos en marvel */


/* empieza Vertical Scroll */
#galleryContainer {	/* Big Div surrounding up image, list of images and down image */
		float: right;	/* Floating */
		margin-top: -195px; /*MMO, era 146 */
		
		/* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/458px;	/* Other browsers */
		height: /**/458px;
		
		/* CSS HACK */
		width: 50px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/46px;	/* Other browsers */
		width: /**/46px;
				
		/*border:1px solid #33ffcc;	 aqua */		
		padding:1px;	/* A little space between the black border and the content inside */	
		}
	
#galleryContainer #arrow_down {	/* Arrow down image */
		height: 24px;
		/*border: 1px solid #ff0000; red*/
		margin-top: 4px;
		}
	
#galleryContainer #arrow_up {
		height: 24px;	/* Arrow up image */
		/*border: 1px solid #ff0000; red*/
		margin-bottom: 4px;
		}
	
	
		
	
/* empiezan las que controlan solo las imagenes del vertical scroll, no la imagen en grande*/
#theImages {	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height: 142px;	/* Height of boxes for the images */
		/*border: 1px solid #6600ff; purple*/
		}
				
#theImages div {	
		position:relative;	/* Don't change this */
		height:246px;	/* Higher than total height of thumbnails */
		 /*border: 1px solid #ff9900; naranja*/
		}
		
#theImages img {
		/*border: 1px solid #6600cc; violeta*/
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
		}
		
/* terminan las que controlan solo las imagenes del vertical scroll, no la imagen en grande*/



/* empiezan las que controlan solo las imagenes del vertical scroll del template de sketches, no la imagen en grande*/

/* empieza Vertical Scroll SKETCHES */


#galleryContainer_sketches {	/* Big Div surrounding up image, list of images and down image */
		float: right;	/* Floating */
		margin-top: -344px; /*MMO, era 146 */
		
		/* CSS HACK */
		height: 345px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/349px;	/* Other browsers */
		height: /**/349px;
		
		/* CSS HACK */
		width: 50px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/46px;	/* Other browsers */
		width: /**/46px;
				
		/*border:1px solid #33ffcc;	 aqua */		
		padding:1px;	/* A little space between the black border and the content inside */	
		}

#theImages_sketches {	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height: 295px;	/* Height of boxes for the images */
		/*border: 1px solid #6600ff; purple*/
		}
			
		
#theImages_sketches div {	
		position:relative;	/* Don't change this */
		height:150px;	/* Higher than total height of thumbnails */
		 /*border: 1px solid #ff9900; naranja*/
		}
		
#theImages_sketches img {
		/*border: 1px solid #6600cc; violeta*/
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
		}

/* terminan las que controlan solo las imagenes del vertical scrolldel template de sketches, no la imagen en grande*/


		
/* empieza ahora la segunda caja de texto. que hace show and hide */
/* este es para los captions del template de proyectos */
#largeImageCaption {	/* CSS styling of image caption below large image */
		text-align:left;
		position: absolute;
		left: 50px; /* igual que #partner_pdf  */
		 /*border: 1px solid #0066ff; azul*/
		width: 200px;
		height: 190px;
	    top: 150px;
		font-size: .8em;
		}
		
		
/* ...............estos dive pertenecen al template de proyectos DERECHA.............. */
		

/* empieza primera caja de texto template de proyectos derecha */

#title_proyect2 {
	z-index: 2;
	position: absolute;
	left: 525px; /* igual que #partner_pdf  */
	/*border: 1px solid #3300ff;  azul*/
	width: 280px;
	top: 2px;

	}		
/* termina titulo de proyectos */


/* empieza titulo de localizacion */
#location2 {
	z-index: 2;
	position: absolute;
	left: 525px; /* igual que #partner_pdf  */
	/*border: 1px solid #ffff00;   amarillo*/
	width: 205px;
	top: 10px;
	height: 20px;
        font-weight: normal;

	}		
/* termina titulo de localizacion */



/* empieza primera caja de texto */
#caja_texto_visible2 {
	position: absolute;
	left: 525px; /* igual que #partner_pdf  */
	 /*border: 1px solid #66cc33;  */
	width: 215px;
	height: 100px;
	top: 50px;
	font-size: .8em;
	}	
		
/* termina primera caja de texto */
#largeImageCaption_derecha {	/* CSS styling of image caption below large image */
		text-align:left;
		position: absolute;
	             left: 525px; /* igual que #partner_pdf  */
		/*border: 1px solid #0066ff; azul*/
		width: 215px;
		height: 190px;
	             top: 150px;
		font-size: .8em;
		}
		

/* esto controla donde esta colocadsa la imagen*/
#previewPane_derecha {
		/*border:1px solid #99ff00; */
		margin-right:10px;	
		text-align:left;
		vertical-align:middle;
		padding-top:40px;
		margin-left: 0px;

		/* CSS HACK */
		height: 334px;	/* IE 5.x */
		height/* */:/**/302px;	/* Other browsers */
		height: /**/302px;
		width:777px;		
		}
		
/* termina imagen */		
		
/* ...........Terminan los dive pertenecen al template de proyectos DERECHA......... */	

		
		
	
#theImages .imageCaption{display:none;}

	
/* Este es para los captions del template de sketches */
#largeImageCaption2 {	
		text-align:left;
		position: absolute;
		left: 50px; /* igual que #partner_pdf  */
		/*border: 1px solid #00ff66;  verde*/
		width: 200px;
		height: 50px;
		top: 0px;
		}

.imageCaption2 {
		display:none;
		}
		
					
/* termina ahora la segunda caja de texto. que hace show and hide */
	
	
/* termina el vertical scroll */
/* TERMINA TEMPLATE DE PROYECTOS */



/* .....EMPIEZA TEMPLATE DE ALL PROJECTS- TIMELINE ........ */


/* EMPIEZA TIMELINE */
/* OJO: en el motiongallery.js tiene medidas para el ancho de la galeria. Lo calulan por imagen. Solo lo cambian si hay necesidad.  3) Set to maximum width for gallery - must be less than the actual length of the image train.
var maxwidth=1000; */
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
	width: 890px; /* 890px, Se alinea todo flush right con footer y top menu Aqui abre el ancho del timeline, en px or % */
	height: 200px; /* timeline height para abrirlo */
	/*border: 1px solid #ff9933; naranja */
	top:50px; /*aqui controlas todo el timeline para posicion desde el top*/
	position:relative; /*antes estaban en html*/
	overflow:hidden; /*antes estaban en html*/
	}

#motioncontainer a img {
	border: 0px; /* Set image border color */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*filtro de opacidad IE */
	-moz-opacity: 0.4;/*filtro de opacidad Firefox */
        opacity: 0.4; /*filtro de opacidad para safari, go figure */
	cursor: pointer;/*forzar cursor de enlace en IE, http://www.w3schools.com/css/pr_class_cursor.asp*/
	}

#motioncontainer a:hover img {
	border: 0px; /* Set image border hover color */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);/*filtro de opacidad IE lo sube a 100 */
	-moz-opacity: 1;/*filtro de opacidad Firefox lo sube a 100 */
        opacity: 1.0; /*filtro de opacidad para safari, go figure */
	}
	
	
/*MMO el que dice End of Porfolio*/
#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; 
	left: -300px;
	visibility: hidden;
	}

#motioncontainer a:hover {color: red; /* Dummy definition to overcome IE bug */}
/* End Timeline */




/* aqui van todo ID de los caption de necesitan un margin left de 2 */
/*caja que encierra todos SPAN de los caption */
#captions_timeline {
	position:absolute; /*MMO, ante relative */
	width: 2900px; /* = al la suma de todas las imagenes*/
	height:50px;
	top: 150px; /*MMO, No cuadra con IE margin-top: 10px;*/
	left: 0px; /* MMO, No cuadra con IE margin-left: 4px;*/
	font-family:  Arial, Helvetica, sans-serif;/* tipografia caption*/
	font-size: .7em; /*MMO, lo baje para cuadrar ultimo caption*/
	/*border: 2px solid #ff0033;*/
	}
/*termina la caja que encierra todos SPAN de los caption */

/*los span */
#caption0, #caption1, #caption2, #caption3, #caption4, #caption5, #caption6, #caption7, #caption8, #caption9, #caption10, #caption11, #caption12, #caption13, #caption14, #caption15, #caption16, #caption17, #caption18, #caption19, #caption20, #caption21, #caption22, #caption23, #caption24, #caption25, #caption26, #caption27, #caption28, #caption29, #caption30, #caption31, #caption32, #caption33, #caption34, #caption35, #caption36 {
	width: 72px;
	float: left; 
 	}

#caption1 {margin-left: 2px;}
#caption2 {margin-left: 4px;} 
#caption3 {margin-left: 6px;}
#caption4 {margin-left: 2px;}
#caption5 {margin-left: 2px;}
#caption6 {margin-left: 4px;}
#caption7 {margin-left: 6px;}
#caption8 {margin-left: 2px;}
#caption9 {margin-left: 4px;}
#caption10 {margin-left: 6px;}
#caption11 {margin-left: 2px;}
#caption12 {margin-left: 4px;}
#caption13 {margin-left: 6px;}
#caption14 {margin-left: 2px;}
#caption15 {margin-left: 4px;}
#caption16 {margin-left: 6px;}
#caption17 {margin-left: 2px;}
#caption18 {margin-left: 4px;}
#caption19 {margin-left: 6px;}
#caption20 {margin-left: 2px;}
#caption21 {margin-left: 4px;}
#caption22 {margin-left: 6px;}	
#caption23 {margin-left: 2px;}
#caption24 {margin-left: 4px;}
#caption25 {margin-left: 6px;}
#caption26 {margin-left: 6px;}
#caption27 {margin-left: 6px;}
#caption28 {margin-left: 2px;}
#caption29 {margin-left: 4px;}
#caption30 {margin-left: 6px;}	
#caption31 {margin-left: 2px;}
#caption32 {margin-left: 4px;}
#caption33 {margin-left: 6px;}
#caption34 {margin-left: 6px;}
#caption35 {margin-left: 6px;}
#caption36 {margin-left: -7px;}

/*termina los span */	
	
/*para opacidad de la letra de caption*/
	/*REVIZAR */
.transOFF { /*apagar invisibilidad de caption... necesario*/
	/*border: 1px solid #cc0066;  rosa oscuro */
	}
	
.bodytext {
	background-color: white;
	opacity:.0; /*hace caption invisible IE*/
	filter:alpha(opacity=0); /*hace caption invisible IE*/
	-moz-opacity: 0;	/*hace caption invisible Firefox*/
	}
	
/* ........TERMINA TEMPLATE DE ALL PROJECTS- TIMELINE ................. */



/* .........EMPIEZA  TEMPLATE DE PORTADA  ........................ */
/* CSS for Slideshow Script */
.imageSlideshowHolder {
	margin-left:300px;	/* "Air" */
	width:324px;	/* Image width */
	height:324px;	/* Image height */
	position:relative;	/* Don't remove this line */
	border:0px;
	}

	/* Don't change these values */
.imageSlideshowHolder img {
	position:absolute;
	left:0px;
	top:0px;
	}
/* ........TERMINA TEMPLATE DE PORTADA ....... */

/*!!!!!!!!!!! TERMINA CSS MARVEL POR AHORA !!!!!!!!!!!!!*/
/* End of 'estilo_marvel' */