body {
				background-color: #fff;
				width: 100%;
				text-align: center;
			}
			a{
				text-decoration-line: none;
				color: #000;
				font-weight: bold;
			}
			a:hover{
				color: #000088;
			}
			#trip{
				width: 75%;
				height: auto;
			}
			#img1,#img2 { 
				margin: 2%;
				border-radius: 50%;		
				padding: 0.8%;		
				    
				-moz-box-shadow: 0 0 40px #222;
  				-webkit-box-shadow: 0 0 40px #222;
  				box-shadow: 0 0 40px #222;/*SOMBRA*/
			}
			#servicios {
				text-align: center;
				font-size: 0.8em;
			}

			#trayec{
				margin-left: 25%;
				width: 50%;
				text-align: center;
			}
			#content{
				text-align: left;
			}

/* CSS general */
.myiframe {
  width: 400px;
  height: 265px;
}

/* CSS pantallas de 720px o superior */
@media (min-width: 720px) {

  .myiframe {
    width: 700px;
    height: 470px;
  } 

}

/* CSS pantalla 1000px o superior */
@media (min-width: 1000px) {

  .myiframe {
    width: 990px;
    height: 655px;
  } 

}
/* CSS pantalla 1300px o superior */
@media (min-width: 1300px) {

  .myiframe {
    width: 1290px;
    height: 850px;
  } 

}
#contact, #rv, #mp, #mc, #ins {
	display: inline-block;
    width:auto;
    height:20px;
    border:1px solid #000000;
    padding: 10px;
    margin: 0 10px 0 10px;
    padding-bottom: 15px;
    vertical-align: middle;
    cursor:pointer;
    text-shadow: 2px 3px 8px #fff;
    border-radius: 17px;
    background: -moz-linear-gradient(#fff 50%, #777 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(100%, #777));
    background: -webkit-linear-gradient(#fff 50%, #777 100%);
    background: linear-gradient(#fff 50%, #777 100%);
    -moz-box-shadow: 1px 3px 2px #333;
    -webkit-box-shadow: 1px 3px 2px #333;
    box-shadow: 1px 3px 2px #333;
}
#contact:hover,#rv:hover, #mp:hover, #mc:hover, #ins:hover  {
    text-shadow: 2px 3px 2px #fff;
    -moz-box-shadow: 1px 3px 10px #333;
    -webkit-box-shadow: 1px 3px 10px #333;
    box-shadow: 1px 3px 10px #333;
}