/* CSS Document */
body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#4C4C4E;
	text-decoration:none;
	text-align:center;
	
}
html, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}



img {vertical-align:top;}

a img { border:0;
		outline:0;}

ul { list-style:none; text-align: left}

.left { float:left;}

.right {float:right;}

.clear  { clear:both;}

.floatNone{ float:none!important}

.txtCenter{ text-align:center;} 
.txtCenter_presentacion{ text-align:center;
font-size: 33px;
}

.txtCenter_hacerseamigo { 
text-align:center;
font-size: 18px;

}

.ladillo {
	/*color:#404040;
letter-spacing:0.13em;*/
font-weight:bold;
color: #848484;
font-family: Arial, Serif;


}

/* ##################################### Pie nuevo ###################################################### */
/* estilos pie nuevo */

/*

#footerNew{width:100%;clear:both;padding:0 20px;font-size:16px;color:#333;} 

.foot-left{width:200px;float:left;font-family:arial, helvetica, sans-serif;}
.foot-right{width:200px;float:right;padding-bottom:20px;text-align:right;}
.foot-left ul{margin:0;padding:0;list-style-type:disc;list-style-position:inside;}
.foot-left ul li{margin:0;padding:0;}
.foot-left ul a{color:#333;text-decoration: none;}
.foot-left ul a:hover{color:#333;text-decoration: underline;}
.foot-right form{margin-top:10px;}
.foot-right .caja{border:px solid #ccc;background-color:#fff;color:#333;width:200px;}
.foot-right .btn{border:0px solid #fff;background:#fff;color:#333;padding:3px 0;}
.foot-deco{width:100%;clear:both;border-top:2px solid #D2D0D1;padding-top:20px;}
.foot-deco img{float:right;}
.logo-pie{float:left;left:-80px;position:relative;top:-50px;width:190px;height:83px;}


#mascarapie {
background: url(../images/img-pie-2.png) no-repeat;
	float: left;
	width: 157px;
	height:201px;
	padding-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:350px;

}
*/
/*position:absolute;width:300px;left:450px; */
#footerNew {/*width:100%;clear:both;padding:0 20px;*/font-size:16px;color:#333;
padding:25px 25px 20px;
} 

#listapie {
float:left;
font-family:arial, helvetica, sans-serif;

}

.foot-left{/*width:200px;float:left;*/font-family:arial, helvetica, sans-serif;}
.foot-left ul{margin:0;padding:0;list-style-type:disc;list-style-position:inside;}
.foot-left ul li{margin:0;padding:0;}
.foot-left ul a{color:#333;text-decoration: none;}
.foot-left ul a:hover{color:#1780B9;}

.foot-right2{
    height:190px;
}
.foot-right{/*width:200px;float:right;padding-bottom:20px;*/text-align:right;}
.foot-right form{margin-top:10px;}
.foot-right .caja{border:px solid #ccc;background-color:#fff;color:#333;width:200px;}
.foot-right .btn{border:0px solid #fff;background:#fff;color:#333;padding:3px 0;}

.foot-deco{/*width:100%;clear:both;*/border-top:2px solid #D2D0D1;padding-top:20px;width: 790px; float:right;}

.foot-deco-index{/*width:100%;clear:both;*/margin-left:50px;margin-right:0px;border-top:2px solid #D2D0D1;padding-top:20px;}

.barrapieindex {

height:2px; 
color: #D2D0D1;
/*width:800px; */

}


/*#mascarapie {*/
/*background: url(../images/img-pie-2.png) no-repeat;*/
/*	background: url(../images/mascarapie1.png) no-repeat;
	float: left;
	width: 170px;
	height:223px;

	margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:150px;
	}
*/

/*width:268px;margin-left:120px;margin-top:12px;float:left;/*
/*	background: url(../images/mascarapiecreditos.png) no-repeat;
	float: left;
	width: 300px;
	height:246px;*/
	
	/*width: 157px;
	height:201px;*/
	/*margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:100px;*/
	
/* ##################### MÁSCARAS ####################### */ 

#mascarapiecreditos {
position:absolute;width:268px;margin-left:280px;margin-top:12px;}
/* IE6 Only */
* html #mascarapiecreditos {width:268px;margin-left:120px;margin-top:32px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiecreditos {width:268px;margin-left:120px;margin-top:32px;float:left;} 	


#mascarapiedonation {
position:absolute;width:140px;margin-left:280px;margin-top:-10px;}
/* IE6 Only */
* html #mascarapiedonation {width:128px;margin-left:120px;margin-top:0px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiedonation {width:128px;margin-left:120px;margin-top:0px;float:left;} 	

#mascarapieadele {
position:absolute;width:140px;margin-left:300px;margin-top:-20px;}
/* IE6 Only */
* html #mascarapieadele {width:128px;margin-left:140px;margin-top:10px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapieadele {width:128px;margin-left:140px;margin-top:10px;float:left;} 	
	
	
#mascarapiemateriales {
position:absolute;width:188px;margin-left:290px;margin-top:-27px;}
/* IE6 Only */
* html #mascarapiemateriales {width:188px;margin-left:120px;margin-top:-22px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiemateriales {width:188px;margin-left:120px;margin-top:-22px;float:left;} 	


#mascarapiebruno {
position:absolute;width:201px;margin-left:280px;margin-top:-8px;}
/* IE6 Only */
* html #mascarapiebruno {width:268px;margin-left:100px;margin-top:12px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiebruno {width:268px;margin-left:105px;margin-top:12px;float:left;} 	





#mascarapiedvd {
position:absolute;width:179px;margin-left:310px;margin-top:-20px;}
/* IE6 Only */
* html #mascarapiedvd {width:179px;margin-left:150px;margin-top:0px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiedvd {width:179px;margin-left:150px;margin-top:0px;float:left;} 	

#mascarapiered {
position:absolute;width:170px;margin-left:310px;margin-top:-65px;}
/* IE6 Only */
* html #mascarapiered {width:170px;margin-left:110px;margin-top:-53px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiered {width:170px;margin-left:130px;margin-top:-53px;float:left;} 	

#mascarapiecontacto {
position:absolute;width:170px;margin-left:310px;margin-top:25px;}
/* IE6 Only */
* html #mascarapiecontacto {width:170px;margin-left:110px;margin-top:37px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiecontacto {width:170px;margin-left:130px;margin-top:37px;float:left;} 	

#mascarapievideo {
position:absolute;width:165px;margin-left:290px;margin-top:12px;}
/* IE6 Only */
* html #mascarapievideo {width:165px;margin-left:80px;margin-top:32px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapievideo {width:165px;margin-left:100px;margin-top:37px;float:left;} 	


#mascarapiefriends {
position:absolute;width:350px;margin-left:240px;margin-top:-75px;}
/* IE6 Only */
* html #mascarapiefriends {width:350px;margin-left:40px;margin-top:-59px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiefriends {width:350px;margin-left:60px;margin-top:-59px;float:left;} 

#mascarapieotrosmateriales {
position:absolute;width:241px;margin-left:290px;margin-top:0px;}
/* IE6 Only */
* html #mascarapieotrosmateriales {width:241px;margin-left:80px;margin-top:12px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapieotrosmateriales {width:241px;margin-left:100px;margin-top:12px;float:left;} 


#mascarapiefotogramas {
position:absolute;width:400px;margin-left:200px;margin-top:-113px;}
/* IE6 Only */
* html #mascarapiefotogramas {width:400px;margin-left:60px;margin-top:-95px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapiefotogramas {width:400px;margin-left:60px;margin-top:-95px;float:left;} 


#mascarapie {
position:absolute;width:268px;margin-left:280px;margin-top:5px;float:left;}
/* IE6 Only */
* html #mascarapie {width:268px;margin-left:120px;margin-top:32px;float:left;}
/* IE7 Only */
*:first-child+html #mascarapie {width:268px;margin-left:120px;margin-top:32px;float:left;} 	

#pieindex {
position:absolute;width:268px;margin-left:-35px;margin-top:-25px;float:left;}
/* IE6 Only */
* html #mascarapie {width:268px;margin-left:120px;margin-top:32px;float:left;}

#pieindex2 {
position:absolute;width:268px;margin-left:-35px;margin-top:0px;float:left;}

#pieindex3 {
position:absolute;width:268px;margin-left:-35px;margin-top:-130px;float:left;}

#pieindex4 {
position:absolute;width:268px;margin-left:-35px;margin-top:-40px;float:left;}

#pieindex5 {
position:relative;width:117px;margin-right:-230px;margin-top:-130px;float:right;}
/* IE6 Only */
* html #pieindex5{margin-right:0px; }
/* IE7 Only */
*:first-child+html #pieindex5 {margin-right:0px;} 	
/* ######################## FIN de MÁSCARAS PARA EL PIE ################################ */



#logocaracol-pie {
background: url(../images/logocaracol-Pie.png) no-repeat; 
float: left;
margin-left: -80px;
margin-top:-105px;
width:190px;
height:83px;
}
/* IE6 Only */
* html #logocaracol-pie {
background: url(../images/logocaracol-Pie.pnng) no-repeat; /*hago desaparecer la imagen poniendo una imagen que no existe.*/
float: left;
margin-left: -10px;
margin-top:-50px;
width:190px;
height:83px;
}



* html #logocaracol-pie-ie6 {
background: url(../images/logocaracol-Pie.jpg) no-repeat; 
float: left;
margin-left: 10px;
margin-top:-138px;
width:190px;
height:83px;
}

#logocaracol-pie-index {
background: url(../images/logocaracol-Pie.png) no-repeat; 
float: left;
margin-left: -80px;
margin-top:-105px;
width:190px;
height:83px;


}


#pajaro {
background: url(../images/mail_icon.gif) no-repeat; 
float: right;
margin-right: 0px;
margin-top:0px;
width:100px;
height:41px;
}

#pajaro2 {
background: url(../images/mail_icon_amigo2.jpg) no-repeat; 
float: right;
margin-right: 0px;
margin-top:-10px;
width:237px;
height:41px;
}

/*###################################### index.php images ################################################*/
.listapresentaciontitulo{
color: #848484;
font-weight:bold;
font-family: Arial, Serif;
font-size:19px;
text-align: left;
margin-left:97px;
line-height:32px;

}

.listapresentacion {
/*color:#404040;*/
color: #848484;
font-weight:bold;
font-family: Arial, Serif;
font-size:18px;
text-align: left;
margin-left:97px;
line-height:32px;
text-decoration:none;

}

.barraindex {
margin-left: 97px;
}

#tablaprueba {
float:left;
width: 400;
}


#sombra {
background: url(../images/sombra.png) no-repeat;
	float: left;
	width: 700px;
	height:500px;
	margin-top: -470px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}

}

#imagen1prueba { /* Estos dos códigos son para el archivo indexprueba.php, en que he probado
si era posible crear una tabla fuera de una etiqueta <p>, y mediante el margin ponerla en su lugar*/
background: url(../images/imagen1.jpg) no-repeat;
	float: left;
	width: 400px;
	height:300px;
	margin-top: 225px;
	margin-right:25px;
	margin-bottom:5px;
	margin-left:0px;
}

#pieimagen1prueba {
	
	font-style: italic;
	font-size:15px;
	text-decoration:none;
	text-align:justify;
	font-family: georgia, serif;
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right:25px;
	margin-bottom:5px;
	margin-left:0px;

}



#imagen1 {
	background: url(../images/imagen1.jpg) no-repeat;
	float: left;
	width: 400px;
	height:300px;

	
	margin-top: 25px;
	margin-right:25px;
	margin-bottom:5px;
	margin-left:0px;


}

#imagen1 p {
	text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
text-decoration:none;

}

span.figure {
    float: left;
    width: 415px;
    height:356px;
	margin-right:25px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:10px;
		
}



span.figuremascarade {
    float: right;
    width: 270px;
    height:400px;
	margin-left:50px;
	margin-bottom:0px;
	margin-right:80px;
	margin-top:0px;
		
}




/*
span.figure ins {
    font-style: italic;
	font-size:15px;

	line-height:95%;
	padding-top: 40px;
	margin-top:40px;
	text-decoration: underline;



	text-align:justify;


}
*/
/****************sobre_la_obra.php - OVERLAY******************************* */


/* the overlayed element For the new videos*/ 
.simple_overlay_2 { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:720px;     
    min-height:576px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:525px;     
    min-height:420px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/cierre.png); 
    position:absolute; 
    right:-27px; 
    top:-42px; 
    cursor:pointer; 
    height:48px; 
    width:36px; 
}


.simple_overlay_inuit { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:/*625px;*/ 525px;     
    min-height:/*500px;*/ 420px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay_inuit .close { 
    background-image:url(../images/cierre.png); 
    position:absolute; 
    right:-27px; 
    top:-42px; 
    cursor:pointer; 
    height:48px; 
    width:36px; 
}


.simple_overlay_lidia { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:/*625px;*/ 525px;     
    min-height:/*500px;*/ 420px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay_lidia .close { 
    background-image:url(../images/cierre.png); 
    position:absolute; 
    right:-27px; 
    top:-42px; 
    cursor:pointer; 
    height:48px; 
    width:36px; 
}


.simple_overlay_nube2 { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:480px; /*720px;     */
    min-height:360px; /*572px; */
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 


/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/*********************************************** */

.centrado { /*Para que la frase dp de Descargar Ahora en video.php esté centrada*/
margin-left:50px;
}
.centrado2 { /*Para que la frase dp de Descargar Ahora en video.php esté centrada*/
margin-left:98px;
}

#tablaparapie {
 float: left;
    width: 400px;
    height:300px;
	margin-right:25px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:20px;
}

#tablaparapie3 {
    width: 400px;
    height:300px;
	margin-right:25px;
	margin-bottom:0px;
	margin-left:20%;
	margin-top:20px;
}

#tablaparapieder {
float: right;
}

#pieimagen1 {
	
	font-style: italic;
	font-size:15px;
	text-decoration:none;
	/*text-align:center;*/

	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right:25px;
	margin-bottom:15px;
	margin-left:0px;

}

#imagen2 {
	background: url(../images/imagen2.jpg) no-repeat;
	float: left;
	width:400px;
	height:300px;
	margin:25 40 0 0;
	
}


#imagen3 {
	background: url(../images/imagen3.jpg) no-repeat;
	float: right;
	width: 400px;
	height:300px;
	margin: 25 0 0 0;
	}

#imagen33 {
	background: url(../images/imagen3.jpg) no-repeat;
	float: right;
	width: 400px;
	height:300px;
	margin: 25 0 0 0;
	}
	


#pieimagen2y3 {
	
	font-style: italic;
	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
}


#imagen4 {
	background: url(../images/imagen4.jpg) no-repeat;
	float: right;
	width:410px;
	height:420px;

	margin-top: 0px;
	margin-right:0px;
	margin-bottom:0px;  /* Importante, not change.- The pieimagen4 is fine in the three browsers if this is in 10. Change this if the text changes and is necessary to recolocar.  */
	margin-left: 25px;
}

#imagen4visor {
		float: right;
		margin-left: 25px;

}

#pieimagen4 {
	
	font-style: italic;
	font-size:15px;
	text-decoration:none;
	text-align:justify;

	float: right;
	width: 400px;
	margin-top: -25px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:25px;
	
	

}



/* Hay que quitar esta info para que funcione el flowplayer en esa imagen. */

#imageninuit {
	background: url(../images/flaherty.jpg) no-repeat;
	float: left;
	width:500px;
	height:373px;
	margin-top: 25px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 175px;
}


#imagenrick {
	background: url(../images/rick.jpg) no-repeat;
	float: left;
	width:500px;
	height:374px;
	margin-top: 25px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 175px;
}

#imageninuitvisor {
margin-left: 175px;
}

#pieimageninuit {
	float:left;

	font-size:15px;
	text-align:center;
	margin-top: 18px;
	margin-right:40px;
	margin-bottom:0px;
	margin-left:40px;
	text-align:center;
}

#teatro {
	background: url(../images/teatro.jpg) no-repeat;
	float: left;
	width:500px;
	height:380px;
	margin-top: 25px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 175px;
}


#pieimagenteatro {
	float:left;
	font-size:15px;
	text-align:center;
	margin-top: 18px;
	margin-right:40px;
	margin-bottom:0px;
	margin-left:40px;
	text-align:center;
}

/*

#imagen5 {
	background: url(../images/imagen5.jpg) no-repeat;
	float: left;
	width:400px;
	height:300px;
	margin-left: 26px;
	
}

#imagen6 {
	background: url(../images/imagen6.jpg) no-repeat;
	float: right;
	width:400px;
	height:300px;
	margin-right: 26px;
}
#imagen7 {
	background: url(../images/imagen7.jpg) no-repeat;
	float: left;
	width:400px;
	height:300px;
	margin-left: 26px;
	margin-bottom: 20px;
}

#imagen8 {
	background: url(../images/imagen8.jpg) no-repeat;
	float: right;
	width:400px;
	height:300px;
	margin-right: 26px;
	margin-bottom: 20px;
	}
*/

#imagen5a8 {
background: url(../images/imagen5a8.jpg) no-repeat;
	float: left;
	width:704px;
	height:528px;
	margin-left: 75px;
	margin-bottom: 15px;
}

#pieimagen5a8 {
	float: left;
	
	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:75px;
	margin-bottom:0px;
	margin-left:75px;
}

#imagenusa {
background: url(../images/mapausa-negros800.jpg) no-repeat;
	float: left;
	width:800px;
	height:521px;
	margin-left: 25px;
	margin-bottom: 15px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

#pieimagenusa {
	float: left;
	font-style: italic;
	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:60px;
	margin-bottom:0px;
	margin-left:60px;
	padding:5px;
}

#imagen9 {
	background: url(../images/imagen9.jpg) no-repeat;
	float: left;
	width:400px;
	height:300px;
	margin:0 40 0 0;
	
}

#imagen10 {
	background: url(../images/imagen10.jpg) no-repeat;
	float: right;
	width:400px;
	height:300px;
	margin:0 0 0 0;
}

#pieimagen9y10 {
	float: left;
	font-style: italic;
	font-size:15px;
	margin-top: -10px;
	margin-right:40px;
	margin-bottom:15px;
	margin-left:40px;
	text-align:justify;
}

#imagenmassot {
	background: url(../images/imagenmassotpie.jpg) no-repeat;
	float: left;
	width:408px;
	height:399px;
margin-top: 20px;
	margin-right:25px;
	margin-bottom:15px;
	margin-left:0px;
}

#imagenmassotvideo {
	background: url(../images/imagenmassot550.jpg) no-repeat;
	float: left;
	width:550px;
	height:412px;
margin-top: 20px;
	margin-right:25px;
	margin-bottom:15px;
	margin-left:140px;	
}


#pieimagenmassot {
	

	font-size:15px;
	text-decoration:none;
	/*text-align:center;*/
	text-align:justify;

	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right:25px;
	margin-bottom:15px;
	margin-left:0px;

}

#pieimagenmassotvideo {

	
	
		font-size:15px;
	text-align:center;
	margin-top: 15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
}



#imagen11 {
	background: url(../images/mascaradeconpie.jpg) no-repeat;
	float: right;
	width:425px;
	height:729px;
	margin-top: 25px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left: 25px;
}

#pieimagen11 {
	float: right;
	width: 700px;
	font-style: italic;
	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:25px;
	text-align:justify;
}


#portada {
	background: url(../images/portada.jpg) no-repeat;
	/*border-style:solid;
	border-width:1px;
	border-color: black;*/
	float: right;
	width:265px;
	height:385px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left: 25px;
	}
	
#dossier {
	/*url(../images/dossier.jpg)  50% 35% no-repeat;*/
	background: #ffdca6 ;
	border-style:solid;
	border-width:2px;
	float: right;
	width:260px;
	height:350px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left: 25px;
	
	}
	
#imagendossier {
	background: url(../images/dossier.jpg)  no-repeat;
	float: right;
	width:210px;
	height:158px;
	margin-right: -265px;
	margin-top: 60px;
	

	}
	
#nuevaimagendossier {
	background: url(../images/dossier.jpg)  no-repeat;
	float: right;
	width:260px;
	height:354px;
	margin-top: -20px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left: 25px;
	

	}	

#imagenconfirmacionmail {
	background: url(../images/postalmailing.jpg)  no-repeat;
	float: left;
	width:400px;
	height:295px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left: 0px;
	

	}	



#textodossier1 {
	
	float: right;
	margin-right: -280px;
	margin-top: 20px;

	font-family: Arial, Serif;
	color: #ff6633;
	font-size:  18px;
	font-weight:bold;
	letter-spacing:.2px
	}	
 
 
#textodossier2 {
	
	float: right;
	margin-right: -260px;
	
	margin-top: 260px;
	font-family:Georgia,"Times New Roman",Serif;
	color: #3a3a3a;
	font-size: 21px;
	font-weight:bold;
	letter-spacing:.1px
	
	}	
	
	
/***********************  CSS Postal ****************************************************************************************************/
.postalcourier {
font-family: Monaco,'Lucida Console', monospace;

}

#titulopostal {
float: left;
	margin-left: 0px;
}

#barrapostal {
	margin-left: 260px;

}

#postal {
	background: url(../images/postal.jpg)  no-repeat;
	margin-left:75px;
	float: left;
	width:545px;
	height:407px;
}





#textopostal1 {
background: url(../images/textopostal1.jpg)  no-repeat;
	float: left;
	width:748px;
	height:104px;
	padding-bottom:10px;
	/*width:863px;
	height:143px;*/
}

#textopostal2 {
background: url(../images/textopostal2.jpg)  no-repeat;
	float: left;
	width:752px;
	height:427px;

	
	/*
	width:906px;
	height:497px;
	*/
}

#piepostal {
padding-top:5px;
margin-left:-150px;
}




/******************************Créditos y Fuentes Biblio-filmográficas******************************************************/

#creditos-mascara {
background: url(../images/mascara260.jpg)  no-repeat;
float: right;
width:202px;
height:260px;
margin-left: 50px;
margin-bottom: 50px;
margin-top: 30px;
}

#imagenbush {
background: url(../images/imagenbush.jpg) no-repeat;
	width:720px;
	height:540px;
	

}

.piedefoto {
font-style: italic;
font-size:15px;
}

#bush1 {
background: url(../images/bush1.jpg) no-repeat;
	float: left;
	width:400px;
	height:300px;
	margin:25 40 25 0;
	}
#bush2 {

	background: url(../images/bush2.jpg) no-repeat;
	float: right;
	width: 400px;
	height:300px;
	margin: 25 0 25 0;
}

/******************************Adèle Du Lac******************************************************/

#tituloadele {
text-align:center;

}

#textoadeledulac {
font-style: italic;
text-align: right;
font-size: 14px;
}

#portada_autoria {
background: url(../images/portada_autoria.jpg)  no-repeat;
float: right;
width:260px;
	height:338px;
	margin-left: 30px;

}


/******************************Bruno Camino******************************************************/
#postalbruno {
background: url(../images/postal_marco.jpg)  no-repeat;
float: left;
width:585px;
	height:447px;
	margin-left: 130px;
	margin-top: 0px;
}

#postalpiebruno {
	font-style: italic;
	font-size:14.4px;
	text-decoration:none;
float: left;
width:590px;

	margin-left: 130px;
	margin-top: 10px;
}

#piebruno {
	
	font-style: italic;
	font-size:15px;
	text-decoration:none;
	/*text-align:center;*/

	float: right;
	width: 394px;
	margin-top: -10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:25px;
	
	

}

/******************************Aboutus******************************************************/

#imagenmateriales1 {
	background: url(../images/autoriaaboutus.jpg) no-repeat;
	float: left;
        background-size:351px 450px ;
/*	width:250px;
	height:320px; */
       width:351px;
        height:450px; 
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left: -50px;
}



#imagennotas{
	background: url(../images/imagen1conpie.jpg) no-repeat;
	float: right;
	width:415px;
	height:356px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left: 25px;
}


#pieimagenmateriales1 {
	float: left;
	width: 312px;

	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:75px;
	margin-left:-25px;
	text-align:justify;
}

#imagenmateriales3 {
	background: url(../images/imagen5a8400.jpg) no-repeat;
	float: right;
	width:400px;
	height:300px;
	margin-top: 20px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left: 25px;
}

#pieimagenmateriales3 {
	float: right;
	width: 400px;

	font-size:15px;
	text-align:center;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:25px;
	text-align:justify;
}


#imagenmateriales2 {
	background: url(../images/imagen5a8.jpg) no-repeat;
	float: left;
	width:704px;
	height:528px;
	margin-top: 15px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left: 80px;
}

#pieimagenmateriales2 {
	float: left;	
	font-style: italic;
	font-size:15px;
	margin-top: 0px;
	margin-right:80px;
	margin-bottom:15px;
	margin-left:80px;
	text-align:justify;
}

#pieimagenmateriales4 {
	float: left;	
	font-size:15px;
	margin-top: 0px;
	margin-right:80px;
	margin-bottom:15px;
	margin-left:80px;
	text-align:justify;
}

#indicemateriales {
font-size:16px;
line-height: 1.7em;
}

#indiceaboutus{
	font-size:18px;
	font-weight:normal;
/*	border-bottom:1px solid #6D6D6F;*/
	text-align:left;
	padding-top:0px;
	color:#6D6D6F;
		}

#subirindice {
	margin-top: -80px;

}


/******************************fotogramas_primera_parte.php******************************************************/

#fotogramacarta {
width:591px;
	height:443px;
	margin-left:60px;
}

#indice_fotogramas {

margin-left: 160px;
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px; font-weight:bold; line-height:30px; color:#5F6062;
}

#indice_fotogramas a:hover {
color:#002BB8;
}

#indice_fotogramas a {
color:#6D6D6F;
text-decoration:none;
}

#titulofotogramas {
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:26px; font-weight:bold; line-height:30px; color:#4C4C4E;
margin-left: 60px;
}

#titulofotogramas2 {
line-height: 30px;
margin-left: 60px;
}

#consejofotogramas {
font-size: 15px;
text-align:center;
margin-left:60px;


}


/******************************fuentes.php******************************************************/
#imagenfuentes {
	background: url(../images/arboles.jpg) no-repeat;
	float: right;
	width:400px;
	height:517px;
	margin-top: 20px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left: 25px;
}


/******************************contactus.php******************************************************/

#cajatextocontacto {
border: solid 1px; 
padding: 30px;
}


/******************************video.php******************************************************/

#cajatextovideo {
border: solid 1px; 
border-color: black;
padding: 50px;
color:#984806;
margin: 30px;
}

#cajavideo {
margin-left: 250px;

}

#pieimagen-video {

	font-size:15px;
	text-align:center;
	margin-top: 15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
}


/******************************friends.php******************************************************/

#cartapajaro {
	background: url(../content_image/cartapajaro.jpg) no-repeat;
	float: right;
	width:400px;
	height:300px;
	margin-top: 25px;
	margin-right:0px;
	margin-bottom:25px;  /* Importante, not change.- The pieimagen4 is fine in the three browsers if this is in 10. Change this if the text changes and is necessary to recolocar.  */
	margin-left: 60px;
}

#amigos{
float: center;
	width:371px;
	height:192px;
	margin-top: 10px;
	margin-right:0px;
	margin-bottom:25px;  /* Importante, not change.- The pieimagen4 is fine in the three browsers if this is in 10. Change this if the text changes and is necessary to recolocar.  */
	margin-left: 0px;


}


/******************************be_friend_public.php******************************************************/

#notasamigo {
text-align:left;
}


/******************************otros_materiales...php******************************************************/



#ninos-otros {
	background: url(../content_image/ninosconpie3.jpg) no-repeat;
	float: right;
	width:360px;
	height:410px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:10px;  /* Importante, not change.- The pieimagen4 is fine in the three browsers if this is in 10. Change this if the text changes and is necessary to recolocar.  */
	margin-left: 15px;
}

#imagenotros {
	background: url(../images/imagenotros.jpg) no-repeat;
	float: left;
	width:704px;
	height:528px;
	margin-top: 0px;
	margin-right:0px;
	margin-bottom:10px;  /* Importante, not change.- The pieimagen4 is fine in the three browsers if this is in 10. Change this if the text changes and is necessary to recolocar.  */
	margin-left: 75px;

}


#pieotrosmateriales {

	font-size:15px;
	text-decoration:none;
float: left;
width:590px;

	margin-left: 130px;
	margin-top: 10px;
}



/******************************Aboutus******************************************************/

.rojo {
color: red;

}

/***************************************************************************************************************************/

/*html{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:18px; color:#5F6062;}*/
.hide{ height:0px; overflow:hidden }

.grey{color:#6D6D6F;!important}

#bodywith {
	width:905px;
	height:560px;
}

#bodyleft {
	text-align: left;
	margin: auto;
	width:905px;
	float:left;
}

#bodygap {
	width:20px;
	float:left;
	/*height:520px;*/
	padding-bottom:20px;
}

#bodyright {
	text-align: left;
	margin: auto;
	width:150px;
	float:left;
}

#headerlitle {
	text-align: left;
	margin: auto;
	height:80px;
	width:905px;
	float:left;
}
.headertitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:33px;
	letter-spacing:2px;
	color:#6D6D6F;
	font-weight:normal;
	text-align:left;
	border-bottom:solid 2px #D2D0D1;
}
#bulet {
	width:11px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu1 {
	width:115px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu2 {
	width:150px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu3 {
	width:115px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu4 {
	width:100px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu5 {
	width:80px;
	float:left;
	height:35px;
	padding-top:5px;
}
#menu6 {
	width:115px;
	float:left;
	height:35px;
	padding-top:5px;
}
a { /*font-size:12.3px;  Changed 19_12_09 */
	text-decoration:none;
	color:#002BB8;
    outline:0; /* Esto sirve para que no haya puntos alrededor de los enlaces de firefox */

}	

#hp-footer a { 
	font-size:16px;

}	

a:hover { /* Added on 11_29_09  PA*/ /* Cambiar por #002BB8; Original: #6DCDE9;*/
	color:#00B8EB;
}	
.menulink a { /* Added on 11_29_09  PA*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#4C4C4E;
	text-decoration:none;
	text-align:center;
}
.menulink a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#6DCDE9;
	background-color:#F0F9FA;
	text-decoration:none;
	text-align:center;
}

#bodybox{
	float:left;
	/*border:solid 2px #D2D0D1;*/
	border:solid 2px #FFFFFF;
}
.bodybox_rr{
	/*width:681px;*/
	float:left;
	padding-top:25px;
	padding-bottom:20px;
	padding-left:25px;
	padding-right:25px;
	}

input, select {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
.gtext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
h2{ text-align:left;
font-size:20px;
color:#404040;
font-weight:normal;

}
.bodytitle,h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#404040;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	letter-spacing:.13em; 

}
h3{
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #6D6D6F;
	text-align:left;
	padding-top:40px;
	color:color:#6D6D6F;
	
	}

p, .bodytext, ul.bodyUL{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	font-weight:normal;
	text-align:justify;
	/*letter-spacing:.1em;*/
	line-height:1.3em;
	word-spacing: -.05em;
}

.cajaazul {
background: #DCE6FF url(../images/box1.gif) no-repeat;
padding:20px;
font-family:arial, serif;
font-size:14px;
line-height:1.6em;
}

.cajaazul_2 {
background: #DCE6FF url(../images/box1.gif) no-repeat;
padding:20px;
font-family:arial, serif;
font-size:14px;
line-height:1.6em;
}

#basecorreo { margin: -30px 0px 0px 0px;}



 ul.bodyUL{ line-height:2.1em;	margin-bottom:40px;
}


#bodybottomline{
	width:905px;
	float:left;
	height:15px;
	border-bottom:solid 1px #D2D0D1;
}
#rightpic{
	width:150px;
	float:left;
	padding-top:20px;
	height:85px;
}
#rightbox{
	float:left;
	border:solid 2px #D2D0D1;
}
.rightbox_rr{
	width:122px;
	float:left;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
}
#bannerbox{
	width:105px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:7px;
	border:solid 1px #D2D0D1;
	}
#rightblank{
	width:122px;
	height:20px;
	float:left;
	}
#rightblank2{
	width:122px;
	height:20px;
	float:left;
	}
	
#footer{
	width:905px;
	float:left;
	padding-top:3px;
	height:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#4C4C4E;
	text-decoration:none;
	text-align:right;
	}
	
/* PAGE 2 CSS */

#bodybox2{
	float:left;
	border:solid 2px #D2D0D1;
	}

.bodybox2_rrr{
	width:610px;
	float:left;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:60px;
	padding-right:61px;
	}

#smallpic_box{
	width:134px;
	float:left;
}

#pic_boxblank{
	width:134px;
	height:5px;
	float:left;
	}

#bodyblank_box2{
	width:45px;
	height:350px;
	float:left;
}

#body_box2_r{
	width:431px;
	float:left;
}

#smallpic_box_left{
	width:134px;
	height:61px;
	padding-bottom:12px;
	float:left;
}

#smallpic_box_left2{
	width:134px;
	height:61px;
	padding-bottom:12px;
	float:left;
}

#smallpic_box_left3{
	width:134px;
	height:61px;
	padding-bottom:12px;
	float:left;
}

#smallpic_box_left4{
	width:134px;
	height:61px;
	padding-bottom:12px;
	float:left;
}

#smallpic_box_left5{
	width:134px;
	height:61px;
	float:left;
}
/* Added on 04_11_09 */
.btnStylMid {
 	background-image: url(../images/button_middle.gif);
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.login_text_big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.login_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.login_sub_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.login_box{
	background-color:#ECF7FF;
	color:#333333;
	border:#999999 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#bird {
		width:175px;
		float:left;
		
}

#pajaroalto {
margin-right:200px;
float: right;
margin-top:12px;
width:100px;
height:41px;
}

/* IE7 Only */
  /* *:first-child+html #pajaroalto {width:100px;margin-top:12px;margin-left:700px;vertical-align:top;} */	/*De esta manera "width:0px;" borramos el pájaro, y podemos meterlo específicamente en el lugar que Ramón quiere */
/* IE6 Only */
* html #pajaroalto {width:100px;margin-top:-70px;margin-left:500px; vertical-align:top;height:41px;text-align:left;} /* con esta configuración el pájaro queda escondido bajo el título. Para recuperarlo habría que poner el margin-top en -50px  y el margin-left:700px; */


#pajaroie {}
/* IE6 Only */
* html #pajaroie { /*Con esta configuración hacemos aparecer otro pájaro en el lugar que deseamos en ie6*/
background: url(../images/mail_icon.gif) no-repeat;
	float: right;
	width:100px;
	height:41px;
	margin-top: -58px;
	margin-right:100px;
	margin-bottom:0px;  
	margin-left: 0px;
} 

/* IE7 Only */
/*   *:first-child+html #pajaroalto {background: url(../images/mail_icon.gif) no-repeat;
	float: left;
	width:100px;
	height:41px;
	position:absolute;
	margin-top: 0px;
	margin-right:300px;
	margin-bottom:0px;  
	margin-left: 0px;} */



#logo {
		width:730px;
		float:left;
		
}
.headertitle2 {
	border-bottom:solid 2px #D2D0D1;
}
#headerlitle2 {
	margin: auto;
	width:170px;
	float:left;
}
.headertitletext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:33px;
	letter-spacing:2px;
	color:#6D6D6F;
	font-weight:normal;
	text-align:left;
	padding-top:30px;
}



.headertitletext:hover {
color:#6D6D6F;
}
.note { margin-top:40px}
.note p{ font-size:14px; color:#6D6D6F;}
#app_div{ /* Added on 11_29_09  PA*/

	padding-right:0px;
	margin-bottom:20px;
	width:720px;
	height:576px;
	outline:0; /* para que no salgan los puntos alrededor de la imagen en firefox */

	}
	
#playerintro{ /* Added on 08_30_10  */

	padding-right:0px;
	margin-bottom:20px;
	width:720px;
	height:576px;
	outline:0; /* para que no salgan los puntos alrededor de la imagen en firefox */
	
	}	

#playerintropequ{ /* Added on 08_30_10  */
	padding-right:0px;
	padding-left:100px;
	margin-bottom:20px;
	width:512px;
	height:410px;
	outline:0; /* para que no salgan los puntos alrededor de la imagen en firefox */
	}	

/* IE6 Only */
* html #playerintropequ {margin-left:-200px;}
/* IE7 Only */
*:first-child+html #playerintropequ {margin-left: -200px;} 	
	
#playerintroreducido{ /* Added on 08_30_10  */
	padding-right:0px;
	padding-left:100px;
	margin-bottom:20px;
	width:512px;
	height:410px;
	outline:0; /* para que no salgan los puntos alrededor de la imagen en firefox */
	}	

/* IE6 Only */
* html #playerintroreducido {margin-left:-200px;}
/* IE7 Only */
*:first-child+html #playerintroreducido {margin-left: -200px;} 	
	
#playerpelipequ{ /* Added on 08_30_10  */
	padding-left:65px;
	padding-right:0px;
	margin-bottom:20px;
	width:720px;
	height:576px;
	outline:0; /* para que no salgan los puntos alrededor de la imagen en firefox */
	}	
#sub-footer	{
margin-top:40px;
}
#sub-footer a.maskLink{
 top:144px; left:277px
}
#hp-footer {
margin-bottom:100px;
}
#hp-footer div{ padding-bottom:30px}
#hp-footer div a {
display:block;
float:left;
padding-top:60px;
background:url(../images/birdSmall.jpg) top center no-repeat;
padding:0px 15px;
padding-top:45px;
color: #313131;
}


#hp-footer div a:hover {
color:#1780B9;
}

#hp-footer img{
	margin-bottom:20px
}

.vidoeTitle{ display:inline; margin-top:40px; float:left; /*width:500px*/width:100%}
.vidoeTitle h1{color:#632423;margin-left:65px;  font-size:22px; font-weight:bold; line-height:1.3em;text-align:left;}
.vidoeTitle h2{color:#943634; margin-left:65px; font-size:22px; font-weight:bold;line-height:1.3em}
.vidoeTitle h3{ border:0px; color:#984806; margin-left:65px; font-size:18px; font-weight:normal;line-height:1.3em; padding-top:0px}
.theVideo{ display:inline; width:300px; float:left; padding:0px; margin-left:40px; margin-top:146px; }
.theVideo h1{ font-size:16px; line-height:1.3em; color:#1780B9; margin-top:20px; text-align:center}
.theVideo h2{ font-size:16px; line-height:1.3em; color:#1780B9; margin-top:10px; text-align:center}
.link_img, link_img:hover{ text-decoration:none; border:0px}

/*___________________*/

/*************** Carta-prólogo Hacerse amigo ******************/

#cartaprologo {
margin: 50px 80px 70px 95px;

}
#cartaprologo p{
font-size: 18px;
}

#titulocarta{
text-align:right;
color:/*#FE9A2E; */rgb(152,72,6);
font-size:22px;
}

.ladilloscarta {
text-align:right;
color:rgb(227,108,10);/*#FFCD2F;*/
font-size:20px;
font-weight:bold;
}

.ladilloscarta2 {
text-align:center;
color:rgb(227,108,10);/*#FFCD2F;*/
font-size:18px;
font-weight:normal;
}

#mascaraprologo{
}

#aportaciones{
color:#984806;
margin: 0px 100px;
}
#apoyo{
font-weight:bold;
font-style: italic;
color:#8A0808;
}

/************************ Dossier Prensa ******************/

#dossier_total{
text-align: center;
width: 830px;
}
.dossierprensa{
color: white;
}

.dossierprensavideos{
color: white;
line-height:40px;
text-align:left;
}
.dossierprensatexto1{
color:white;
}
.titulo_dossierprensa{
color: white;
font-size: 26px;
}

.headertitletextdossier {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:43px;
	letter-spacing:2px;
	color:#6D6D6F;
	font-weight:normal;
	text-align:left;
	padding-top:30px;
	margin-left:20px;
}

.dossierprensa a{
color: yellow;
text-decoration: underline;
}
.cuatrodossier{
padding-left:20px;
}
#mascaradossier{
padding-left:195px;
}
.autoriadossier{
padding-left:75px;
}
.dossierprensa img{
margin-left: 0px;
padding-bottom: 20px;
}

.dossierprensa p{
margin-left:100px;
margin-right:100px;
}

#titulo_caja{
font-size: 26px;
}


#textos_caja{
margin:0px 150px;
background: white;
color: black;
font-size:16px;
}

#textos_caja a{
color: blue;
text-decoration: none;
}

#titulo_fotografias{
color:white;
font-size: 26px;
}

.dossier_centrado{
margin-left: 100px;
}

.introdossier{
font-size: 20px;
}
.recomendadodossier{
font-size: 20px;
font-weight: bold;
}

.dossierizquierda{
text-align:left;
}
.clickdossier{
padding-right:100px;
}

#bannerContactus {
text-align:right;
/*width: 470px;*/
top:-290px;
right:-220px;
margin-bottom:-300px;
position: relative;
}

#bannerAboutus{
/*width:470px;*/
/*padding-top: 40px;

height: 210px; 
margin-bottom: 40px; *//*-40px;*/
top:0px;
right:0px;
margin-bottom:-300px;
position: relative;
}

.centrado_mot { 
display: block;   margin-left: auto;   margin-right: auto;
height:282px;
}