* {
box-sizing: border-box;
}
html {
font-size: 1em;
font-family: 'Roboto';
background-color: #FFFFFF;
color: #d9d9d9;
}
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
img {
max-width: 100%;
height: auto;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Roboto';/*Obtenida de Google Fonts*/
line-height: 1.313em;
}
h1 {
font-size: 3em;
margin: 0.563em 0;
}
h2 {
font-size: 2.25em;
margin: 0.625em 0;
}
h3 {
	
font-size: 1.5em;

}
h4 {
font-size: 1.313em;
margin: 1.313em 0;
color: #000;
}
h5 {
font-size: 1.125em;
margin: 1.313em 0;
}
h6 {
font-size: 1em;
margin: 0.75em 0;
}

.separador_small {
font-size: 1.5em;

text-align: left;
opacity:0.9;
}
.smallscreen {
display: none;
}


.pie_global{
	position:relative;
	width:100%;
	height:auto;
	background-color:#38a6a6;

}
.pie_izquierda{
	position:relative;
	width:30%;
	float:left;
	margin: 1% 1% 1% 1%;
	
	
}
a{
	text-decoration:none;
	color:#000000;
}

.pie_derecha{
	position:relative;
	width:65%;
	float:right;
	margin: 1% 1% 1% 1%;
	
}

.servicios{
	margin-left:10%;
	margin-right:10%;
	margin-top:5%;	
}
.social{
	margin-left:5%;	
}
.social a:link { color: #000000; }
.social a:visited { color: #000011; }
.social a:hover { color: #FFFFFF; }
.social a:active { color: #FFFF00; }

@media (max-width: 106.25rem) {
 .wrapper,
 .separador {
	
  font-size: 1.6875rem;
  }
  .separador {
	opacity:0.5;  
  }
}
@media (max-width: 93.75rem) {
 .contenido,
  .separador {
   font-size: 1.5rem;
  }
 .right {
   padding: 1.618em 4.854em 1.618em 50%;
 }
 .left {
   padding: 1.618em 50% 1.618em 4.854em;
 }
 .separador {
	opacity:0.5;  
  }
}
@media (max-width: 81.25rem) {
 .contenido,
  .separador {
   font-size: 1.3125rem;
 }
  .right {
   padding: 1.618em 3.836em 1.618em 50%;
   background-size: 49% auto;
   background-position: 0 50%;
 }
 .left {
    padding: 1.618em 45% 1.618em  3.836em;
    background-size: 44% auto;
    background-position: 100% 50%;
  }
  .separador {
	opacity:0.5;  
  }
}
@media (max-width: 68.75rem) {
  .contenido,
  .separador {
   font-size: 1.125rem;
 }
  .right {
    padding: 1.618em 3.836em 1.618em 50%;
    background-size: 49% auto;
    background-position: 0 50%;
 }
 .left {
    padding: 1.618em 40% 1.618em 3.836em;
    background-size: 39% auto;
    background-position: 100% 50%;
 }
 .separador {
	opacity:0.5;  
  }
}
@media (max-width: 50rem) {
  .contenido,
  .separador {
   font-size: 1.025rem;
 }
 .right {
    padding: 1.618em 3.836em 1.618em 50%;
     background-size: 49% auto;
    background-position: 0 50%;
}
  .left {
    padding: 1.618em 30% 1.618em 3.836em;
   background-size: 30% auto;
    background-position: 100% 50%;
   }
   .separador {
	opacity:0.5;  
  }
   
}
@media (max-width: 31.25rem) {
  .contenido,
  .separador {
   font-size: 1.0rem;
 }
 .right {
    padding: 1.618em 3.836em 1.618em 50%;
     background-size: 49% auto;
    background-position: 0 50%;
}
  .left {
    padding: 1.618em 30% 1.618em 3.836em;
   background-size: 29% auto;
    background-position: 100% 50%;
   }
   .separador {
	opacity:0.5;  
  }
   
}
@media (max-width: 12rem) {
  html {
 min-width: 12rem;
 }
}


.slider {
	width: 95%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 200%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	
}