/*--------------------------------------CONTENIDO----------------------------------*/
section{position:relative;}
article{width:50%;font-family: 'Roboto Mono', monospace;}

#ContactoFormulario{width:50%;float:left;}
#frmContacto {font-family: 'Roboto Mono', monospace;float:left;color:blue; width:90%;margin:0 1% 3% 1%;}
#formulario h3{font-family: 'Roboto Mono', monospace;font-size:1em;margin:0 0 2% 6%;color:#0071cd;text-shadow:2px 1px 2px #C8C8CD;}
#formulario{width:100%;}	
#formulario button{margin:1% 3% 0 5%; width:95%;}
.form-group{margin:1% 0 2% 0; width:100%;}
.form-group-checkbox{margin:0 0 1% 1%; width:95%;font-size:0.7em;background:#fff;}
.form-group-checkbox a{color:#000; text-decoration: none;}
.form-group-checkbox a:hover{color:#ff0000; text-decoration: none;}
.form-control-input{margin:0 0 0 5%; width:95%; height:25px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB;}
.form-control-input::placeholder{color:#000;font-family: 'Roboto Mono', monospace;font-size:0.9em;}
.form-control-textArea::placeholder{color:#000;font-family: 'Roboto Mono', monospace;font-size:0.9em;}
.form-control-input-checkbox{margin:1% 0 1% 4%; width:7%;} 
.form-control-textArea{margin:0 0 0 5%; width:95%; height:50px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB;}
#ContactoTarjeta{width:50%;float:left;}

#tarjetaVisita{width:98%;margin:1%;float:right;}
#tarjetaVisita a{width:66%;margin:0 17%;}
#tarjetaVisita a img{width:66%;margin: 0 0 0 11%;border:1px solid #FFB722;}
#tarjetaVisita button{border:0;width:100%;margin:2% 0;background:transparent;}

#tarjetaVisitaPrint img{width:50%;margin:2% 25%;border-radius: 6px;border:1px solid #031D96;}

#tarjetaVisitaBoton{width:99%;margin:1%;float:right;}
#tarjetaVisitaBoton a{width:66%;margin:0 17%;border:1px solid #FFB722;}
.subboton{width:86%; margin: 0 7% 0 5%;background-color:#0071cd;font-size: 1em;}
.subboton:hover {background-color:#f9ad16;}
#dirPostal{color:#000;}
#dirPostal li{display:block;}
#dirPostal .material-icons{font-size:1.5em;color:#0071cd;}
ul{color:#0071cd;}
ul li{margin:1% 2%;list-style-type:none;display:inline;}
#contactoOK h1,#contactoKO h1{text-align:center;color:black;}
#contactoOK h1 span,#contactoKO h1 span{color:red;}
#qdroid{width:100%;margin-top:1%;clear:both;float:right;}
#qdroid1, #qdroid2{width:49%;float:left;margin-bottom:2%;}
#qdroid img{width:40%;border:0;margin-left:25%;margin-right:25%;border-radius: 25px;border:1px solid #C8C8CD;}
.googlemaps{width:80%;margin:1% 10% 1% 10%;float:left;}
/*-----------------------------------------MEDIA QUERIS-799PX-----------------------*/
@media screen and (max-width:799px){
section{padding:3% 0;}
article{width:100%;}	
#ContactoTarjeta{width:100%;}	
#ContactoFormulario{width:100%;}		
#frmContacto {width:100%;font-size:1em;margin:0 3%;clear:both;}	
#formulario h3{font-size:1.2em;}	
#formulario{width:90%;}	
#formulario button{font-size: 1.4em;}
#formulario button{margin:2% 3% 0 4%;width: 93%;}
}
#tarjetaVisita{width:98%;font-size:1em;margin:5% 1%;clear:both;}	
#tarjetaVisita a{width:100%;margin:3% 5%;}
#tarjetaVisita img{width:100%;margin:3% 0;}

#tarjetaVisitaPrint img{width:70%;margin:2% 15%;}
#qdroid img{width:50%;border:0;margin-left:25%;margin-right:25%;}
.boton2 {font-size: 1em;}
}
/*-----------------------------------------MEDIA QUERIS-498PX-----------------------*/
@media screen and (max-width:498px){
	
ul li{margin:1% 2%;list-style-type:none;display:block;}	
#tarjetaVisita{width:94%;font-size:1em;margin:5% 3%;clear:both;}	
#tarjetaVisitaPrint img{width:94%;margin:2% 3%;}

}