.capa_datos_contacto{
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}

.capa_datos_contacto .span3{
    padding-top: 20px;
    width: 230px;
    height: 270px;
    color: #fff;    
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #f3c768;
    background-image: -moz-linear-gradient(top,#f5d185,#efb73e);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5d185),to(#efb73e));
    background-image: -webkit-linear-gradient(top,#f5d185,#efb73e);
    background-image: -o-linear-gradient(top,#f5d185,#efb73e);
    background-image: linear-gradient(to bottom,#f5d185,#efb73e);
    background-repeat: repeat-x;
/*    border-color: #efb73e #efb73e #cf9311;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5d185',endColorstr='#ffefb73e',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.circulo_contacto{
    width: 75px;
    height: 75px;
    display: block;
    border-radius: 60px;
    border-color: #efb73e #efb73e #cf9311;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background: #442419;
    background: -moz-linear-gradient(top, #442419 0%, #673520 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#442419), color-stop(100%,#673520));
    background: -webkit-linear-gradient(top, #442419 0%,#673520 100%);
    background: -o-linear-gradient(top, #442419 0%,#673520 100%);
    background: -ms-linear-gradient(top, #442419 0%,#673520 100%);
    background: linear-gradient(to bottom, #442419 0%,#673520 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442419', endColorstr='#673520',GradientType=0 );
    margin: 0 auto;
}

.titulo_contacto{
    position: relative;
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
    letter-spacing: 10px;
}

.capa_datos_contacto p{
    text-align: center;
    font-size: 12px; 
    color: #442419;
}
.capa_datos_contacto p a{
    text-align: center;
    font-size: 12px; 
    color: #442419;
}

[class^="myiconContacto-"],
[class*=" myiconContacto-"] {
    display: block;
    width: 32px;
    height: 32px;    
    line-height: 32px;
    /*margin-right: 8px;*/
    vertical-align: text-top;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: -53px;
}

.myiconContacto-movil {background-image: url("../../images/iconos/contacto/movil_32.png");}
.myiconContacto-mail {background-image: url("../../images/iconos/contacto/email_32.png");}
.myiconContacto-mapa {background-image: url("../../images/iconos/contacto/mapa_32.png");}
.myiconContacto-facebook {background-image: url("../../images/iconos/contacto/facebook_32.png");}

.borde_contacto{
    padding: 5px;
    border: 5px solid #fcfcfc;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
}

.span11{
    /*margin: 0 auto;*/
    /*text-align: center;*/
    /*background-color: chartreuse;*/
}

.encabezado_datos_personales{
    background: #442419;
    background: -moz-linear-gradient(top, #442419 0%, #673520 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#442419), color-stop(100%,#673520));
    background: -webkit-linear-gradient(top, #442419 0%,#673520 100%);
    background: -o-linear-gradient(top, #442419 0%,#673520 100%);
    background: -ms-linear-gradient(top, #442419 0%,#673520 100%);
    background: linear-gradient(to bottom, #442419 0%,#673520 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442419', endColorstr='#673520',GradientType=0 );
    font-weight: 700;
    font-size: 15px;
    display: block;
    color: #f5f5f5;
    text-align: center;
    padding: 15px 0;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    margin-left: 50px;
}

.formulario_datos_personales{
    background: white;
    border: 1px solid #E4E4E4;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    /*margin-top: 20px;*/
    margin-left: 50px;
}

#inputAsunto, #inputComentario{
    width: 90%;
}

.btn_derecha{
    margin-left: 50px;
}

input.error, textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}

.error_numero_tarjeta{
    height: auto;
    color: #e77776;
    font-size: 12px;
    font-weight: bold;
}

.formulario_enviado{
    height: auto;
    color: #5fa643;
    font-size: 12px;
    font-weight: bold;
}

#map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:100%; 
    height:300px;    
}

.capa_como_llegar{
    margin-top: 15px;
}

.capa_como_llegar button{
    width: 200px;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

[class^="myiconLlegar-"],
[class*=" myicon-"] {
    display: inline-block;
    width: 16px;
    height: 16px;    
    line-height: 16px;
    margin-left: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.myiconLlegar-posicion {background-image: url("../../images/iconos/contacto/como_llegar.png");}


@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .capa_datos_contacto .span3{
       width: 200px;
   }
   #map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:107%; 
    height:300px;    
    }
}

@media only screen and  (max-width: 1000px) {
   .capa_datos_contacto .span3{
       width: 200px;
   }
   #map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:107%; 
    height:300px;    
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .capa_datos_contacto .span3{
       width: 200px;
       height: 270px;
       position: relative;
       margin: 0 auto;
       text-align: center;
       left: 18%;
       margin-right: 50px;
       margin-bottom: 20px;
   }    
   
   .formulario_datos_personales .row .span3{
       width: 250px;
   }
 .encabezado_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   .formulario_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   #boton_formulario{
       margin-left: 0px;
   }
   
}

@media only screen and  (max-width: 767px) {    
    .capa_datos_contacto .span3{
       width: 200px;
       height: 300px;
       position: relative;
       margin: 0 auto;
       text-align: center;
       margin-bottom: 20px;
   }
  #map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:90%; 
    height:300px;
    left: 3%;
    }
    
    .capa_como_llegar{
        margin-left:  3%;
    }
    formulario_datos_personales row .span3{
       margin-right: 30px;
   }
   .encabezado_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   .formulario_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   #boton_formulario{
       margin-left: 0px;
   }
}

@media only screen and  (max-width: 420px) {
    .capa_datos_contacto .span3{
        height: 300px;
    } 
    #map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:85%; 
    height:300px;
    left: 3%;
    }
    
    .capa_como_llegar{
        margin-left:  3%;
    }
    formulario_datos_personales row .span3{
       margin-right: 30px;
   }
   .encabezado_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   .formulario_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   #boton_formulario{
       margin-left: 0px;
   }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .capa_datos_contacto .span3{
       width: 200px;
       height: 300px;
       position: relative;
       margin: 0 auto;
       text-align: center;
       /*margin-right: 20px;*/
       margin-bottom: 20px;
   }
   
   #map_canvas{
    /*margin: 0 auto;*/
    text-align: center;
    width:90%; 
    height:300px;
    left: 3%;
    }
    
    .capa_como_llegar{
        margin-left:  3%;
    }
    formulario_datos_personales row .span3{
       margin-right: 30px;
   }
   .encabezado_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   .formulario_datos_personales{
       margin-left: 20px;
       margin-right: 20px;
   }
   #boton_formulario{
       margin-left: 0px;
   }
}