@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');

.cuadroFondoContactanos{
display: block;
width: 90%;
height: auto;
margin: 0% 0% 5% 5%;
background: rgba(255, 255, 255, 0.7);
padding: 1% 0% 0% 0%;
}

.linea_vina{ 
	display: block;
    width: 100%; 
    height: auto;  
    border:none;
    margin-top: 5%;
    }
.linea_vina img{
	width: 80%;
	height: auto;
	margin: 0% 10%;
} 

.contactanoscuadro{
	display:flex;
	width:100%;
	height:auto;
	float:left;
	margin: 3% 0%;
}

.contactanosizquierda {
	display:block;
	width:30%;
	height:auto;
	float:left;
	font-size:16px;
	text-decoration: none;
	margin: 1% 1% 5% 15%;
}
.contactanosizquierda img {
	width:30%;
	height:auto;
	float: left;
	
}
.contactanosderecha {
	display:block;
	width:30%;
	height:auto;
	float:right;
	margin: 1% 1% 10% 10%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	color:#000000;	
}
.contactanosderecha img {
	width:100%;
	height:auto;
}

.contactanos { 
	width:100%;
	height:auto;
	margin-top:1%;
}
.contactanos img {	
    width:8%;
	height:auto;
}


/*--- formularios ---*/

.final6 {
	display:block;
	width:90%;
	height:auto;
	margin: 0% 0% 5% 5% ;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	font-weight: bold;
	line-height:40px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2%;
}

.texto_formulario{
    display: block;
    width: 80%;
    height: auto;
    margin: 0% 10% 0% 10%;
    text-align: center;
	background: rgba(255, 255, 255, 0.7);
}

.cuadro1f {
    display: block;
    width: 80%;
    height: auto;
    margin: 0% 10% 0% 10%;  
}


.final6 #pedidos1 #formulario p #Nombre{
	display:block;
	font-size:14px;
	width:80%;
	height:auto;
	margin-left:10%;
	margin-right:10%;
}



.final6 #pedidos1 #formulario p #telefonos{
	display:block;
	font-size:14px;
	width:80%;
	height:auto;
	margin-left:10%;
	margin-right:10%;
}

.final6 #pedidos1 #formulario p #email{
	display:block;
	font-size:14px;
	width:80%;
	height:auto;
	margin-left:10%;
	margin-right:10%;
}

.final6 #pedidos1 #formulario p #f6{
    display:block;
	background:#000000;
	width:30%;
	height:auto;
	float:left;
    margin: 0% 0% 0% 35%;
	font-size:15px;
	color:#FFF;
}

.boton_enviar{
    width: 70%;
    height: auto;
	margin: 0% 15%;
	background: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1080px){
	.contactanosizquierda {
		font-size:14px;
	}	
}
@media screen and (max-width: 945px){
	.contactanosizquierda {
		font-size:13px;
	}	
}@media screen and (max-width: 875px){
	.contactanosizquierda {
		font-size:12px;
	}	
}
@media screen and (max-width: 815px){
	
    .linea_vina{ 
        margin-top: 24%;
        }
	
		.linea_vina img{
			width: 100%;
			height: auto;
			margin: 0% 0%;
		} 

		.contactanosizquierda {
			width:55%;
			height:auto;
			margin-left:5%;
			font-size:16px;
			margin: 1% 1% 0% 3%;
		}
		
		.contactanosderecha {
			width:40%;
			height:auto;
			margin: 1% 1% 0% 0%;
		}
		.contactanosderecha img {
			width:100%;
			height:auto;
		}
		.contactanoscuadro{
			margin: 15% 0% 0% 0%;
		}
}
@media screen and (max-width: 590px){
	.contactanosizquierda {
		font-size:13px;
	}
	.contactanoscuadro{
		margin: 20% 0% 0% 0%;
	}
}
@media screen and (max-width: 550px){
		.linea_vina{ 
        margin-top: 20%;
        }
		.contactanosizquierda {
			font-size:12px;
		}
		.contactanosizquierda img {
			width:12%;
		}
		
		.contactanosderecha {
			width:40%;
			height:auto;
			margin: 1% 1% 0% 0%;
			font-size: 9px;
		}
		.contactanosderecha img {
			width:100%;
			height:auto;
		}

}
@media screen and (max-width: 470px){
	.contactanosizquierda {
		font-size:11px;
	}	
}
@media screen and (max-width: 400px){
	.contactanosizquierda {
		font-size:10px;
	}	
}
@media screen and (max-width: 380px){
	.contactanosizquierda {
		font-size:9px;
	}	
}
@media screen and (max-width: 350px){
	.contactanosizquierda {
		font-size:8px;
	}	
}
@media screen and (max-width: 310px){
	.contactanosizquierda {
		font-size:7px;
	}	
}
@media screen and (max-width: 280px){
	.contactanosizquierda {
		font-size:6px;
	}	
}