@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

body {margin:0 auto;font-family: 'Opens Sans','Calibri', sans-serif;background:url(images/fondo2.png) top center;background-repeat:repeat;}
a {text-decoration: none;color:white}
a:hover {color:grey}
#contenedor {width:100%;margin:0 auto;}
#logo {width:45%;margin-left:45.3%;margin-top:7%;}

#texto {width:47%;margin-left:6%;margin-top:30px;color: white}
#titulo {width:100%;height:44px;font-size:1.4em;text-transform:uppercase;margin-bottom:2%;}
#txt {width:75%;height:190px;font-size:1em;font-weight:lighter;margin-bottom:3%;}

#cont-logos {width:615px;height:65px;margin-top:4%;margin-left:6%;}
#logo1 {width:205px;float:left;}
#logo2 {width:170px;float:left;margin-left:6%;}
#logo3 {width:155px;float:right}

#datos {width:59%;height:98px;margin-top:15px;margin-left:6%;}
#ubicacion {width:37%;height:97px;font-size:1em;float:left;color:white;line-height:1.8em;}
#fonos {width:20%;height:97px;font-size:1em;float:left;color:white;line-height:1.8em;}
#mails {width:26%;height:97px;font-size:1em;float:left;color:white;line-height:1.8em;}

#redes {width:16%;height:97px;float:right;font-size:1.3em;color:white;}
#facebook {width:36%;float:left;}
#instagram {width:32%;margin-right:32%;float:left;}	

/* Diseno responsivo-----------------*/
@media screen and (min-width:320px) and (max-width:500px) {
    body {width:100%;}
    #contenedor {width:100%;height:auto;}
     #logo {width:95%;margin-left:4%;}
    #logo img {width:100%;}
    #texto {width:100%;margin-top:15%;margin-left:4%;margin-bottom:10%;}
    #titulo {font-size:1.3em;}
    #txt {width:95%;font-size:1em;font-weight:300}
    #cont-logos {width:100%;height:auto;margin-left:2%;margin-top:25%;}
    #logo1 {width:100%;margin-bottom:2%;float:none;}
    #logo2 {width:100%;margin-bottom:2%;float:none;}
    #logo3 {width:100%;margin-bottom:8%;float:none;}
    #datos {width:100%;margin-left:2%;height:auto;}
    #ubicacion {width:100%;font-size:1em;float:none;font-weight:300;}
    #fonos {width:100%;font-size:1em;float:none;font-weight:300;}
    #mails {width:100%;font-size:1em;float:none;font-weight:300;}
    #redes {width:40%;position:absolute;float:none;}
}