body, #page, #header {
margin:0;
padding:0;
}
body {
background-color: #DC5E7C;
font-family: "arial";
}
#page {
}
#global{
 background-color: #DC5E7C;   
}
a{text-decoration:none;}
#header {
height: 60px;
width: 100%;
background-color: #74786D;
font-size: 2em;
text-align:right;
color:#fff;
position:fixed;
z-index:1003;
}
#up {
height: 5em;
width:100%;
background-color:#fff;
}
.logo-up {
padding:0;
width:50%;
height:10em;
background-color:#fff;
}
.iconos-sociales img{ 
border-radius:50px;
transition:opacity 0.7s;}
.iconos-sociales img:hover{
border-radius:50px;
transform: rotate(10deg);
}

#image {
padding:0;
background-color:#fff;
z-index:1001;
border-radius: 0px;
}
#image img {
box-shadow: 0 4px 8px 0 #74786D, 0 6px 20px 0 #74786D;
border-radius: 10px;
background-color:#fff;
}

#left {
text-align: left;
padding:0;
padding-left: 2em;
}
#left, #tlf {
padding-top: 0px;
}
#tlf {
color: #fff;
text-shadow: 2px 2px 2px #f69;
font-size: 0.8em;
padding:0;
padding-top: 8px;
padding-right:2em;
}
.text {
text-align: center;
#color: white;
#text-shadow: 2px 2px 4px #000000;
padding-top: 0.5em;
font-size: 1.8em;
color:#333;
}

#manos {
list-style-image: url('../lista.png');
margin:auto;
}
#facial {
list-style-image: url('../facial.png');
margin:auto;
}

#manos, #facial {
background-color: #fff;
border-left: 2px solid #ec0071;
font-size: 16px;
border-radius: 5px;
padding:1em;
}

.servicios {
color:#fff;
text-align:center;
font-size:1em;
padding-top:2em;
}

#distribuidores {
width: 100%;
height: 197px;
padding: 20px;
}

#footer {
width: 100%;
height: 50px;
background-color:#3C3E38;
text-align:center;
}
#footer a{
color:#fff;
text-decoration:none;
}

.carousel-inner img {
width: 300px;

}

#facebook img, #instagram img{
width: 35px;
height: 35px;
}
#siguenos {
font-size:0.5em;
color: #fff;
text-shadow: 2px 2px 2px #f69;
}

/*	#instagram{
background-image:url('../instagram.png');
width:50px;
height:50px;
}*/


#contacto{
width:100%;
height: 500px;
background-color:#fff;
padding:2em;
}
#contacto h2 {
color:#333;
font-size:1.5em;
padding-top: 0em;
text-align:center;
}
#contacto p {
text-align:center;
}
#mapa {
text-align:center;
height: 400px;
}

#central{
font-size:0.7em;
padding:0;
padding-top:10px;
color: #fff;
text-shadow: 2px 2px 2px #f69;
}

#barraaceptacion{
display:none;
position:fixed;
left:0px;
right:0px;
bottom:0px;
padding-bottom:20px;
width:100%;
text-align:center;
min-height:40px;
background-color:rgba(0, 0, 0, 0.5);
color:#333;
z-index:99999;
}
@media screen and (max-width: 2200px){
.logo-up {
height:16em;
}
}
@media screen and (max-width: 1900px){				.logo-up {					height:13em;				}			}
@media screen and (max-width: 1600px){				.logo-up {					height:11em;width:30px;				}			}
@media screen and (max-width: 1300px){				.logo-up {					height:9em;				}				#tlf {					padding-top:13px;					font-size: 0.7em;				}			}
@media screen and (max-width: 1000px){				.logo-up {					height:6em;				}			}
@media screen and (max-width: 700px){
.logo-up {					height:4em;				}
#tlf,#central	 {
font-size:0.5em;
}
#siguenos{
display:none;
}
.servicios{
font-size:0.8em;
}
}
@media screen and (max-width: 576px){
.logo-up {
height:0em;
}
#tlf,#central {
text-align:center;
padding:0;
font-size:0.6em;
}
.text {
font-size:1.1em;
}
#up{
height:2.5em;
display:none;
}
#left {
text-align: center;
padding:0;
height:50px;
}
#header{
height:120px;
}
.logo-up{
height:0;
display:none;
}
.servicios{
font-size:0.8em;
}
#contacto{
	padding:2em;
}
}