/*--------------------------------------CONTENIDO----------------------------------*/
section{position:relative;}
article{width:49%;font-family: 'Roboto Mono', monospace;}
#ContactoTarjeta{width:35%;float:left;}
#ContactoFormulario{width:65%;float:left;}
#frmContacto {font-family: 'Roboto Mono', monospace;float:left;color:blue; width:90%;margin:3% 1%;}
#formulario h3{font-family: 'Roboto Mono', monospace;font-size:1em;margin:0 0 4% 6%;color:#0071cd;text-shadow:2px 1px 2px #C8C8CD;}
#formulario{width:100%;}	
#formulario button{margin:1% 3% 0 5%; width:92%;}

.form-group{margin:1% 0 2% 0; width:100%}
.form-group-checkbox{margin:0 0 2% 6%; 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-checkbox{margin:1% 0 1% 4%; width:7%;} 
.form-control-input{margin:0 0 0 5%; width:95%; height:35px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB;}
.form-control-textArea{margin:0 0 0 5%; width:95%; height:35px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB; height:70px;}
.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;}
#tarjetaVisita{width:100%;margin:1%;float:right;}
#tarjetaVisita img{width:50%;margin:4% 25%;}
#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;}
.subboton{width:86%; margin: 0 7% 0 5%;background-color:#0071cd;font-size: 1em;}
.subboton:hover {background-color:#f9ad16;}
ul{color:#0071cd;}
ul li{margin-top:1%;list-style-type:none;}
#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;}

#PagarPaypal{width:100%;float:left;}
#BotonPagarPaypal{width:50%;margin:0 25%;}
#BotonPagarPaypal img{width:40%;margin:0 30%;}
#BotonPagarPaypal input{width: 35%; margin:5% 33% 5% 33%;}

/*-----------------------------------------MEDIA QUERIS-799PX-----------------------*/
@media screen and (max-width:799px){
article{width:100%;}	
#ContactoTarjeta{width:100%;}	
#ContactoFormulario{width:100%;}		
#frmContacto {width:100%;font-size:1em;margin:3% 3%;clear:both;}	
#formulario h3{font-size:1.2em;}	
#formulario{width:90%;}	
#formulario button{font-size: 1.5em;}
#formulario button{margin:15px 3% 0 4%;}
#tarjetaVisita{width:94%;font-size:1em;margin:4% 3%;clear:both;}	
#tarjetaVisita img{width:50%;margin:4% 25% 0 25%;}
#tarjetaVisitaPrint img{width:70%;margin:2% 15%;}
#qdroid img{width:50%;border:0;margin-left:25%;margin-right:25%;}
}
/*-----------------------------------------MEDIA QUERIS-498PX-----------------------*/
@media screen and (max-width:498px){
#BotonPagarPaypal{width:100%;margin:0;}
#BotonPagarPaypal img{width:60%;margin:0 20%;}
#BotonPagarPaypal input{width:50%; margin:5% 25% 5% 25%;}
}