*{margin: 0; padding: 0; }
color: white;

a {
    text-decoration: none;
    }
a:link {
    color: black;
}

/* visited link */
a:visited {
    color: black;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: black;
}

a.ex1 {
    text-decoration: none;
    }
a.ex1:link {
    color: black;
}

/* visited link */
a.ex1:visited {
    color: black;
}

/* mouse over link */
a.ex1:hover {
    color: black;
}

/* selected link */
a.ex1:active {
    color: black;
}

h1{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 110%;
    text-align: center;
    color: #FFB60C;
}

h2{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 130%;
    text-align: left;
    color: #FFB60C;
}
body{
    max-width: 1024px;
    margin: auto;
    position: relative;
    top: 5px;

}
#botonDemo{
    position: relative;
    top: -50px;
    left: 820px;
    width: 160px;
    height: 30px;
    background-color: #FFB60C;
    color: white;
    border-radius: 15px;
    text-align: center;
    padding-top: 8px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 130%;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
   
}
#textoBoton{
    color: azure;
}
#logo{
    position: relative;
    top: 0px;
   left: 15px;
}

#telefono{
    position: relative;
    top: 0px;
    left: 15px;
}
#textoSup{
    position: relative;
    top: -100px;
    left: 500px;
    font-family: serif; 
    width: 280px;
    height: 50px;
    background-color: white;
    padding: 6px;
    border: solid;
    border-width: 1px;
    border-color: #a8a8a8;
    font-style: italic;
    font-size: 90%;
}



#barraSup {
    max-width: 1024px;
    height: 20px;
    background-image: url("imagenes/barra_arriba.png");
    border-bottom-color: #d8d8d8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-color: black;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: black;
    border-right-width: 1px;
    border-right-style: solid;
}
#barraMed{
    max-width: 1024px;
    height: 80px;
    background: -webkit-linear-gradient(#f8f8f8, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f8f8f8, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f8f8f8, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f8f8f8, #d8d8d8); /* Standard syntax */
    border-bottom-color: #bdbdbd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: black;
    border-right-width: 1px;
    border-right-style: solid;
}
nav{
    align-content: center;
    height: 60px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    border-bottom-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    
}

nav ul{
    position: relative;
    margin: auto;
    max-width: 1000px;
    text-align: center;
    
}
nav ul li {
    display: inline-block;
    color: #1d1d1d;
    cursor:pointer;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 80%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
  


}
nav ul li:hover {
    height: 20px;
    background-color: #1d1d1d;
    color: white;
    border-radius: 5px;

        
}
nav ul li a {
    text-decoration: none;
}
#nservicios {
    position: absolute;
    top: 520px;
    left: 0px;
    width: 100%;
}
#clientes {
    position: absolute;
    top: 1220px;
    left: 0px;
    width: 100%;
 }
hgroup{
    font-family: sans-serif; 
    font-size: 100%;
    text-align: center;
    color: #FFB60C;
    font-style: italic;
}
#botones{
    max-width: 1000px;
    height: 30px;
    margin: auto;
    background: -webkit-linear-gradient(white, #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #f2f2f2); /* Standard syntax */
    border-radius: 15px;
    padding-top: 10px;
    position:relative;
    top: 10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
#informacion{
    max-width:1024px;
    height:1800px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    border-bottom-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: black;
    border-right-width: 1px;
    border-right-style: solid;
}
#informacion2{
    max-width: 1024px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    border-bottom-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: black;
    border-right-width: 1px;
    border-right-style: solid;
}
article{
    position:absolute;
    background-color: #F5F6CE;
    top: 200px;
    left: 5%;
    
   
    border-radius: 20px;
    max-width: 85%;
    padding: 30px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    text-align:justify;
    line-height: 20px;
    font-size: 80%;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    }


#captioned-gallery{
    position: relative;
    top: 20px;
    left: 87px;
    max-width: 850px; overflow: hidden; 
}

#video-demostrativo{
    position: absolute;
    top: 730px;
    left: 120px;
    max-width: 850px; overflow: hidden; 
}

@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -300%; }
}
figure { 
  margin: 0; background: #101010;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}

figure.slider { 
  position: relative; width: 400%;
  font-size: 0; animation: 60s slidy infinite; 
}
figure.slider figure { 
  width: 25%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
  font-size: 1.5rem; padding: .6rem;
  font-weight: 400;
}

#info1{
    position: absolute;
    top: 570px;
    left: 45px;
    max-width: 200px;
    height: 110px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    color: black;
    border-radius: 15px;
    text-align: center;
    padding-top: 15px;
    font-family: serif; 
    font-size: 100%;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    border: solid;
    border-color: #b8b8b8;
    border-width: 2px;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 90%;
        
}

#info2{
    position: absolute;
    top: 570px;
    left: 285px;
    max-width: 200px;
    height: 110px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    color: black;
    border-radius: 15px;
    text-align: center;
    padding-top: 15px;
    font-family: serif; 
    font-size: 100%;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    border: solid;
    border-color: #b8b8b8;
    border-width: 2px;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 90%;
        
}
#info3{
    position: absolute;
    top: 570px;
    left: 525px;
    max-width: 200px;
    height: 110px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    color: black;
    border-radius: 15px;
    text-align: center;
    padding-top: 15px;
    font-family: serif; 
    font-size: 100%;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    border: solid;
    border-color: #b8b8b8;
    border-width: 2px;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 90%;    
}
#info4{
    position: absolute;
    top: 570px;
    left: 765px;
    max-width: 200px;
    height: 110px;
    background: -webkit-linear-gradient(white, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d8d8d8); /* Standard syntax */
    color: black;
    border-radius: 15px;
    text-align: center;
    padding-top: 15px;
    font-family: serif; 
    font-size: 100%;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    border: solid;
    border-color: #b8b8b8;
    border-width: 2px;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 90%;    
}

aside {

    left: 5%;
    width: 90%;
    text-align: center;
    justify-content: center;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 80%;
}

#clientes{
    max-width: 980px;
    padding: 25px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    word-spacing: 10px;
    text-align: center;
    line-height: 40px;
    }

img.flotante {
    border: 1px solid black;
    border-radius: 4px;
    padding: 5px;
}


#titulologo {
    color: brown
    
}

#chicacomp {
    
}