@charset "utf-8";
/* CSS Document */
/*antes del body se pone el selector universal para resetear los margenes y los padding de tod*/
*{margin:0;
	padding:0;
	}

body{
	background:url(../images/motivo_fondo.jpg) repeat center top;
	font:16px Verdana, Arial, Helvetica, sans-serif; 
	}
	
img {
	border:0;}	
	
/************************************ MENU **************************************************/
li#b1 a{
	width:160px;
	height:29px;
	background:url(../images/b1.jpg) no-repeat center top;
	float:left;	

}	
li#b1 a:hover{
	background-position:bottom;
	}
	
li#b2 a{
	width:160px;
	height:29px;
	background:url(../images/b2.jpg) no-repeat center top;
	float:left;	

	}	
li#b2 a:hover{
	background-position:bottom;
	}	
li#b3 a{
	width:160px;
	height:29px;
	background:url(../images/b3.jpg) no-repeat center top;
	float:left;		
	}	
li#b3 a:hover{
	background-position:bottom;
	}
li#b4 a{
	width:160px;
	height:29px;
	background:url(../images/b4.jpg) no-repeat center top;
	float:left;		
	}	
li#b4 a:hover{
	background-position:bottom;
	}
li#b5 a{
	width:160px;
	height:29px;
	background:url(../images/b5.jpg) no-repeat center top;
	float:left;		
	}	
li#b5 a:hover{
	background-position:bottom;
	}		
/**************************** fin menu ************************************/
	
/******************* IDENTIFICADORES UNICOS *******************************/
/**** menu *****/
#botonera {
	list-style:none;
}	

#botonera li {
	display:inline /*botones en linea en vez de bloque*/
	}
/**** fin menu *****/

/*contenedor >> aplicamos ancho, el alto no se pone, despues margen 0 pega arriba y auto calcula la distancia al centro */
#contenedor{			
			width:800px;
			margin:0 auto;
			}
			
#cabeza{
		width:800px;
		height:321px;
		float:left;	
		}
		
#cabeza_p1{
		width:250px;
		height:233px;
		float:left; 
		}
#boton_p1 a{
		width:250px;
		height:233px;
 		background: url(../images/boton_diosa.jpg) no-repeat center top;
		display:block;
		}
#boton_p1 a:hover{
		background-position:bottom;
		}
		
#cabeza_p2{
		width:550px;
		height:80px;
		float:left;
		}
#cabeza_p3{
		width:550px;
		height:153px;
		background:url(../images/motivo_cabeza_p3.jpg) repeat center top;
		float:left;
		}
#pelicula {
	width:547px;
	height:400px;
}
#parpadeo {
		padding:0 120px;
		display:block;
		}
#boton_p1 a:hover{
		background-position:bottom;
		}		
		
#cabeza_p4{
		width:800px;
		height:59px;
		background:url(../images/motivo_cabeza_p4.jpg) repeat center top;
		float:left; }			
#menu{
	width:800px;
	height:29px;
	float:left;
	}
#cuerpo{
	width:800px;
	float:left;
	}
#izquierda{
	width:253px;
	height:431px;
	background:url(../images/tira_fondo_izquierda.jpg) repeat center top;
	float:left;
	}
#localizacion {
	width:200px;
	height:200px;
	padding:0 25px 0 25px;
	}	
	
#derecha{
	width:547px;
	height:431px;
	background:url(../images/tira_fondo_derecha.jpg) repeat center top;
	float:left;
	}
						
#pie{
	width:800px;
	height:67px;	
	clear:both;       /*con CLEAR hacemos que la siguiente caja NO se posicione al lado (flote)*/
	}	

/******************* CLASES *******************************/	

.parrafo_izquierda{
	color:#000000;
	padding:15px;
	text-align:justify;
	}
	
.parrafo_derecha{
	font-size:14px;
	color:#3300CC;
	padding:10px;
	text-align:justify;
	}
		
.formulario {
	padding:10px;
	}
.imagen_derecha {
	padding:10px;
	float:right;
	}
.imagen_izquierda {
	padding:100px;
	float:left;
	}
	
.fantasma {
	display:none;}