/* CSS Document */

body{
  background-color: var(--principal-fondo); 
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
/* CONTENEDOR PRINCIPAL */
#principal{
    align : center;
    margin: 0 auto;
    /*width: 600px;*/
    /*height: 850px;*/
    border: 5px solid var(--tarjeta-borde);
    border-radius: 40px;
    margin-top: 100px;
    background-color: var(--tarjeta-fondo); 
	/*background-image: linear-gradient(45deg,#f8edf2,#f7f1f4,#eccacc,#ebcad9,#f8edf2,#efd4e3,#f8edf2);*/
	max-width: 500px;
}
/* LOGO PRINCIPAL */ /* DECORACIONES ESTRELLA */
#logo{
	align : center;
    margin:0 auto;
	width: 150px;
	height: 150px;
    border-radius: 75px;
	background: white;
	margin-top: -75px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
#logo img{
	width: 90%;
	border-radius: 0px;
	border: var(--logo-borde-grueso) solid var(--logo-borde-color); 
}

/* INFORMACION PRINCIPAL */
#info{
	width: 90%;
	height: auto;
    border-radius: 10px;
	background: var(--info-fondo); 
	margin: 20px 5% 40px 5%;
	text-align: center;
	font-size: 16px;

}
#info p{
	padding: 5px 5px 5px 10px;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 125%;
	color: #000;
	/*border: 2px, #00083A;
	border-style: solid;*/
}

/* DATO 0 */
#dato0{
	width: 90%;
	height: 50px;
    border-radius: 10px;
	background:#fff;
	margin: 40px 5% 40px 5%;
}
#logo0{
	width: 80px;
	height: 80px;
    border-radius: 40px;
	background: #FFFFFF;
	margin-top: -15px;
	margin-left: -5px;
	position: absolute;	
  	display: flex;
  	justify-content: center;
  	align-items: center;	
}
#logo0 img{
	width: 90%;
}
#info0{
	float:right;
	width: 70%;
	height: 88%;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 5px;
	display: flex;
  	align-items: center;	
}
#info0 a {
	text-decoration: none;	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 100%;
	color: #000;
}


/* DATO 1 */
#dato1{
	width: 90%;
	height: 50px;
    border-radius: 10px;
	background:#fff;
	margin: 40px 5% 40px 5%;
}
#logo1{
	width: 80px;
	height: 80px;
    border-radius: 40px;
	background: #FFFFFF;
	margin-top: -15px;
	margin-left: -5px;
	position: absolute;	
  	display: flex;
  	justify-content: center;
  	align-items: center;	
}
#logo1 img{
	width: 90%;
}
#info1{
	float:right;
	width: 70%;
	height: 88%;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 50px;
	display: flex;
  	align-items: center;	
	padding-left: 50px;
}
#info1 a {
	text-decoration: none;	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 125%;
	color: #000;
}


#servicio{
	width: 75%;
	height: auto;
    border-radius: 20px;
	background: var(--servicios-fondo);
	margin: 0 auto;
	/*text-align: center;*/
	font-size: 125%;
	padding: 1px;
	font-family: "Calm", cursive;
	opacity: 85%;
}

#servicio p{
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}