@charset "utf-8";

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

	vCard
	Creada por: Lisardo Prieto González

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


/* Selectores genéricos */
html, body {
	height: 100%;
}
body {
	margin: 0;  
	padding: 0;  
	padding-top: 10px; 
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center; /* junto con #container centra el contenido */
	/* Fondo del cuerpo de la página */
	background-color:#CCC;
	background-image:url(../imgs/background/tiles.png);
	background-repeat:repeat;
}

#centered {  
	width: 800px; /* set to desired width in px or percent */ 
	text-align: left; /* optionally you could use "justified" */ 
	border: 0px; /* Changing this value will add lines around the centered area */ 
	padding: 0;  
	margin: 0 auto;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -200px; 
	/* Half the height of the DIV tag which is also 50 pixels */
}  



/*----------------------------------------------------------------------------------------------*/


#table_contents {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0
}


/*------------------------
	Bordes del contenido 
  ------------------------*/

/* Esq. sup. izq. */
#border1 {
	background-image: url(../imgs/borde/RedTL.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px
}

/* Superior */
#border2 {
	background-image: url(../imgs/borde/RedH.png);
	background-repeat: repeat-x;
	height: 20px
}

/* Esq. sup. der. */
#border3 {
	background-image: url(../imgs/borde/RedTR.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px
}

/* Izquierdo */
#border4 {
	background-image: url(../imgs/borde/RedV.png);
	background-repeat: repeat-y;
	width: 20px
}

/* Derecho */
#border5 {
	background-image: url(../imgs/borde/RedV.png);
	background-repeat: repeat-y;
	width: 20px
}

/* Esq. inf. izq. */
#border6 {
	background-image: url(../imgs/borde/RedBL.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px
}

/* Inferior */
#border7 {
	background-image: url(../imgs/borde/RedH.png);
	background-repeat: repeat-x;
	height: 20px	
}

/* Esq. inf. der. */
#border8 {
	background-image: url(../imgs/borde/RedBR.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px
}

#inside {
	background:#EEE
}


/*-----------------------------
	VCard
  -----------------------------*/

.photo {
	width: 200px;
	height: 260px;
	margin: 25px 25px 25px 25px;
	display: block;
	background:url(../imgs/pics/LPG.png) center top no-repeat;
}

.photo:hover {
	background:url(../imgs/pics/QR_LPG.png);
}

.fn {
	font-size: 200%;
	margin-left: 25px;
	margin-top: 50px;
	margin-right: 0px;
	text-align: left;
}

.organization-name {
	margin-top: 20px;
	margin-left: 25px;
	font-size: 150%;
	text-align: left;
	color: #304188
}

.adr {
	margin-left: 25px;
	text-align: left;
	color: #304188
}

.title {
	font-size: 150%;
	margin-left: 25px;
	margin-top: 20px;
	text-align: left;
}

.email {
	margin-top: 50px;
	margin-left: 25px;
	text-align: left;
	color: #304188
}

.tel {
	margin-left: 25px;
	text-align: left;
	color: #304188
}