@import url('/Components/Agents/wucAgentUserDefinition.css');
@import url('/components/forms/wucclientformcontact.css');


#Contact .mapsiframe{ width:100%; margin:0; height:400px; float:left; }
#Contact .contactform {
    display:table; width:100%; padding:0; background-image:url(/Images/bggradient.jpg); background-position:center center; 
    background-repeat:no-repeat; background-size:cover;

}
#Contact .headertextpage { 
    background: rgb(198,0,46);
    background: linear-gradient(90deg, rgba(198,0,46,0.5032387955182073) 0%, rgba(8,87,147,0.6488970588235294) 100%);
    padding:2em 0 4em 0;
}

#Contact .h2.shadowtitle .shadow { color:silver; z-index:1; color:var(--color10); opacity:0.5; }
#Contact h2.shadowtitle { color:var(--color10); z-index:2; }
#Contact {  }
#Contact .contact{ display:flex; flex-wrap:nowrap; }
#Contact .mapa{ width:100%; margin:3rem 0 0 0; }
#Contact .contact .usertext{ width:100%;  }
#Contact .contact a.icoPhone { padding-left:35px; height:35px; background-image:url(/Images/Phone.jpg); 
                               background-position:left center; background-repeat:no-repeat; 
                               margin:auto;
}
#Contact .contact a.icoEmail { padding-left:35px; line-height:35px; background-image:url(/Images/Email.jpg);
                               background-position:left center; background-repeat:no-repeat; 
                               margin:auto;
}
#Contact .contact a { /*color:var(--color3); font-weight:normal; text-decoration:none;*/ }

@media all and (max-width: 85em) {
    #Contact .contact,.contactusertext { width:90%; margin-left:5%; margin-right:5%;  }
    
}

@media all and (max-width: 75em) {
    #Contact .contact { flex-wrap:wrap; flex-direction:column-reverse; }
    #Contact .contact .mapa { width:70%; padding:2em 0; margin-left:auto; margin-right:auto; }
    #Contact .contact .usertext { width:70%; margin-left:auto; margin-right:auto; }
    #Contact .mapsiframe { height:270px; width:100%; margin:0; }
    
    
}

@media all and (max-width: 61em) {
    #Contact .contact .usertext { width:100%; }
    #Contact .contact .mapa { width:100%; }
}

@media all and (max-width: 36em) {
    #Contact .contact .usertext { }
    #Contact .contact .usertext table { margin-bottom:2rem; }
    #Contact .contact .usertext table tr { display:flex; flex-wrap:wrap; }
    #Contact .contact .usertext table tr td{  width:100%; min-width:100%; display:block; }
    #Contact .contact .usertext table tr td:nth-child(1),#Contact .contact .usertext table tr td:nth-child(1) h3,#Contact .contact .usertext table tr td:nth-child(1) p { text-align:center; }
    #Contact .contact .usertext table tr td:nth-child(2) { margin-top:2rem; }
}