@charset "utf-8";
/* CSS Document */
#cintacontacto {
	position:relative;
	background-color:#bb1962;
	top:5px;
	height:80px;
	}
.cinta {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:32px;
	color:#FFF;
	padding:30px;
	float:left;
	}
.txtcintas {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:25px;
	margin-left:50px;
	margin-right:20px;
	padding:12px;
	}
#contacto {
	position:relative;
	float:left;
	padding:30px;
	padding-top:100px;
	}
#datos {
	position:relative;
	float:left;
	width:500px;
	padding:40px;
	margin-top:25px;
	}
.txtdatos {
	font-family:Arial, Helvetica, sans-serif;
	}
.titdatos {
	font-family:Arial, Helvetica, sans-serif;
	color: #BB1962;
	font-size:26px;
	}
#formulario {
	margin-top:20px;
	margin-left:50px;
	float:left;
	background-color:#e5e5e5;
	padding:20px;
	width: 350px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	font-size:14px;
	border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-webkit-border-radius: 22px 22px 22px 22px;
	border: 1px solid #666;
	border-color:#666;
}
#mapa {
	position:relative;
	margin-top:15px;
	margin-bottom:35px;
	float:right;
	width:1050px; 
	height:320px;
	}
	
	@media screen and (max-width: 800px) {
		
#cintacontacto {
	top:2px;
	height:64px;
	}
.txtcintas {
	font-size:15px;
	margin-left:0px;
	margin-right:0px;
	padding:5px;
	}
#contacto {
	display:none;
	}		
#datos {
	width:300px;
	padding:15px;
	margin-top:15px;
	}
.txtdatos {
	font-size:12px;
	}
.titdatos {
	font-size:18px;
	}
#formulario {
	margin-top:20px;
	margin-left:10px;
	padding:20px;
	width: 250px;
	font-size:12px;
}
#mapa {
	float:right;
	width:300px; 
	height:200px;
	}	
		}