Untitled

<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Bootstrap -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    </head>
    <body>

        <div class="container-fluid">


		  <style type="text/css">
      html { height: 100% }
      body { height: 25%;}
      #map_canvas { height: 50% }
	  .row {

	border: 1px solid red;
	  }

    </style>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA699e4_9RCHwFgpFgodOGSmISDUvN55io&sensor=SET_TO_TRUE_OR_FALSE">
    </script>
	<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
		  <script type="text/javascript">


      function initialize() {

        var mapOptions = {
          center: new google.maps.LatLng(38.799534, -0.613720),
          zoom: 18,
          mapTypeId: google.maps.MapTypeId.SATELLITE,
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
		google.maps.event.addListener(map, 'click', function(event) {

		});

		  google.maps.event.addListener(map, 'click', function(event) {
			marker = new google.maps.Marker({position: event.latLng, map: map, icon:'icon.png',});
});
      }

    </script>

  </head>
  <body onload="initialize()">


<div class="slide story" id="caracteristicas" data-slide="1">
	<div class="container">
		<div id="imgSmartphone" class="row clearfix"> </div><!-- /row -->
		<div id="caractSmartphone" class="row clearfix">

		<div class="row">

			<div class="col-xs-12 col-md-4"> <h1>Contacta con nosotros</h1>
			<div id="map_canvas" class="col-xs-12 col-md-16" style="width:100%; height:100%"></div>

			</div>
			<div class="col-xs-12 col-md-4"><strong>Tipo de Consulta</strong>
				<form class="col-xs-12 col-md-8">
				<input type="radio" checked class="col-xs-12 col-md-8">Información general
				<input type="radio" class="col-xs-12 col-md-2">Soy cliente y necesito ayuda<br>
				Nombre y apellidos:
				<br>
				<input type="text">
				<br>
				Contacto:
				<input type="text"> <input type="text">

				<br>
				Tu mensaje:
				<textarea></textarea>
				</form>

			</div>

		</div><!-- /row -->
	</div><!-- /container -->
</div><!-- /slide1 -->