@charset "UTF-8";
/* CSS Document */

#fotoFondo img {
width:100%;
height:790px;

}

#servicios {
display:block; /*ACA*/
position:absolute;
top:110px;
left:0px;
opacity:0.8;
z-index:1;
width:100%;
height:600px;
float:left;
}



#textoServicios {
width:30%;
height:600px;
float:left;
}

#textoServicios article {
width:80%;
height:auto;
margin-left:40px;
margin-top:-10px;
float:left;
}

#textoServicios article h1 {
font-family: "Lemon/Milk";
font-size:44px;
margin-bottom:60px;
z-index:9990;
position:relative;
}

#textoServicios article h2 {
font-family: "Lemon/Milk";
font-size:24px;
z-index:9990;
position:relative;
}
#textoServicios article h3 {
font-family: "Corbel";
font-size:20px;
z-index:9990;
position:relative;
margin-top:-10px;
}

#textoServicios article p {
font-family: "Corbel";
font-size:16px;
z-index:9990;
position:relative;
margin-top:-10px;
}

/*IMAGENES SERVICIOS*/
#imagenesServicios{
width:70%;
height:630px;
float:left;
}

#contenedorImg {
width:670px;
height:600px;
margin-top:20px;
float:left;
}

#imagenes {
width:670px;
height:200px;
float:left;
margin-top:100px;
}

#imagenes article {
width:100px;
height:100px;
float:left;
}

#fondo2 {
width:100%;
height:55px;
float:right;
margin-top:10px;
}

#redesServicios {
width:200px;
height:55px;
float:right;
margin-top:10px;
margin-right:50px;
}


/*CLIENTES*/

#clientes {
display:block; /*ACA*/
position:absolute;
top:110px;
left:0px;
opacity:0.8;
z-index:9999;
width:100%;
height:600px;
float:left;
}



#textoClientes {
width:30%;
height:100px;
float:left;
}

#textoClientes article {
width:80%;
height:auto;
margin-left:40px;
margin-top:-10px;
float:left;
}

#textoClientes article h1 {
font-family: "Lemon/Milk";
font-size:44px;
margin-bottom:60px;
z-index:9990;
position:relative;
}

#imagenesClientes {
width:80%;
height:220px;
margin-top:170px;
margin-left:auto;
margin-right:auto;
float:none;
}

/*Contacto*/

#textoContacto {
width:30%;
height:100px;
float:left;
}

#textoContacto article {
width:80%;
height:auto;
margin-left:40px;
margin-top:-10px;
float:left;
}

#textoContacto article h1 {
font-family: "Lemon/Milk";
font-size:44px;
margin-bottom:60px;
z-index:9990;
position:relative;
color:#FFF;
}

#contenedorContacto {
width:100%;
height:500px;
float:left;
}

#formulario {
margin-left:40px;
margin-top:40px;
float:left;
color:#FFF;
font-size:22px;
}

#name {
border-radius:10px;
border:0px;
height:20px;
}
#email {
border-radius:10px;
border:0px;
height:20px;
}
#asunto {
border-radius:10px;
border:0px;
height:20px;
}
#message {
border-radius:10px;
border:0px;
}

#submit_button {
background-color:#FFF;
border-radius:15px;
border:0px;
width:89px;
}

/*Lado Derecho*/

#ubicacion {
width:50%;
height:500px;
float:left;
}

#textoUbicacion {
font-family:"Corbel";
width:90%;
height:100px;
float:left;
color:#FFF;
font-size:18px;
margin-top:22px;
padding-left:20px;
margin-bottom:20px;
}

#textoUbicacion a {
text-decoration:none;
color:#FFF;
}

#textoUbicacion a:hover {
color:#7516ff;
}

#googlemap_contacto {
width:80%;
height:297px;
float:left;
margin-left:20px;
}