p{
	text-align: center;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 25px;
}

a{
	list-style-type: none;
	font-family: 'Didact Gothic', sans-serif;
	/*text-align: center;*/
}
footer{
	background-color: #404040;
	height: 40px;
	font-family: 'Didact Gothic', sans-serif;
	text-align: center;
	color: white;
	margin-top: 60px;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 10px;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;

    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
  /*  border-color: #555 transparent transparent transparent;*/
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
h1{
	text-align: right;
	color: white;
	font-family: 'Didact Gothic', sans-serif;;
	font-size: 18px;

	padding-top:19px ;
	padding-bottom:19px ;
}
.info{
	font-size: 13px;
}
.info2{
	font-size: 12px;
}
.mosaico1{
		background-image: url('../image/ANALISIS.jpg');	
		height: 350px;
		background-size: cover;

}
.mosaico2{
		background-image: url('../image/DERMOESTETICA.jpg');	
		height: 350px;
		background-size: cover;
}

.mosaico3{
		background-image: url('../image/NUTRICIONISTA.jpg');	
		height: 350px;
		background-size: cover;
}
.mosaico4{
		background-image: url('../image/TALLERES.jpg');	
		height: 350px;
		background-size: cover;
}
.mosaico5{
		background-image: url('../image/FORMULACION-MAGISTRAL.jpg');	
		height: 350px;
		background-size: cover;
}
.mosaico6{
		background-image: url('../image/HIGIENE-CORPORAL-Y-CAPILAR.jpg');	
		height: 350px;
		background-size: cover;
}
.mosaico7{
		background-image: url('../image/NUTRICION-INFANTIL-ADULTOS.jpg');	
		height: 350px;
		background-size: cover;
}
.mosaico8{
		background-image: url('../image/IMG_0867.jpg');	
		height: 350px;
		background-size: cover;
}
.botonvolver{
	margin-top: 55px;
	font-size: 18px;
}
.listapersonal{

}
.tiulo{
	background-color: #404040;
	

}
.botonus{
	margin-bottom: 50px
	margin-top: 50px;
}
.caja1{
	margin-top: 30px;
/*	margin-left: 30px;*/
}

.piefoto{

	text-align: center;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;

}

span{
	font-size: 18px;
	text-align: center;
}

#map{
	height: 300px;

}

h2{

	text-align: center;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 20px;
}
#fondo7{
	top: 250px;	
	background-image: url('../image/1804.jpg');	
}
#fondo6{
	top: 250px;	
	background-image: url('../image/0865.jpg');	
}
#fondo10{
	top: 250px;	
	background-image: url('../image/IMG_0862.jpg');	
}
#fondo11{
		top: 250px;	
	background-image: url('../image/252.jpg');	
}
.fondo{
	display: inline-block;
	height:350px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box;
	background-size: cover;
	background-attachment: fixed;
}
label,button{
	font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;
}
a{
	color: black;
	font-size: 18px;
	font-family: 'Didact Gothic', sans-serif;
}