/*Cambio de tipo de fuente para llamar más la atención del mensaje*/
.fuente {
color:#2F74B5;
font-weight: bold;
font-family: Oxygen;
}

 /** EN TODAS LAS PAGINAS**/
/* titulos de paginas-franja azul*/

.title {
    background-color: #2F74B5 !important;
    margin: 90px 0px 50px !important;
    height: 90px !important;
}

/**se baja margen mapa pàra su visualizacion**/
.google_map {
   margin-top: 5% !important;
}

/* margen superior portada (evita solapamiento del rev)*/
.home .wrapper .content .content_inner { 
margin-top: 5% !important;}
                     
      /** FOOTER**/

/* hover y circulo lista para  mapa web */
.footer_top ul li a:hover {
    color: #fff !important;
} 

.footer_top ul li {
   list-style-type: circle !important;
} /* azul=#2F74B5 y disc*/

/* tamaño h6 footer*/
.footer_top h6 {
       font-size: 17px !important;
   }

/**Destacados (tamaño fotos footer)**/

article img {
   height: auto !important;
      }
  
/**tamaño y centrado DESTACADOS texto h4 footer)**/

.portfolio_footer .projects_holder_outer .projects_holder h4 {
font-size: 14px !important;
text-align: center !important;
         }

/**(elimino hover )**/

.portfolio_footer .projects_holder_outer .projects_holder .image .hover-type-text {
background-image: none !important;    
display: none !important;
         }

/*PORTFOLIOS*/

/**centro texto del titulo bajo su foto**/
.projects_type2 article h4 {
    text-align: center !important;
    margin: 20px 0px;
    text-transform: uppercase;
   }

   /*TEXTOS DESPLEGABLES TOOGLES*/
.accordion_holder.accordion div.accordion_content_inner {
    padding: 30px 0px 15px !important;
}
.accordion_holder.accordion h4.ui-state-active span.icon .control-pm  {
   background-color: #9FBE2E !important;
}

/*CONTACTO*/

 /*texto negro en formularios*/
input { color: #2F74B5!important; background-color: #FFF!important;border:solid;border-width: 1px; border-color:#9FBE2E!important}
#message  { color: #2F74B5!important; background-color: #FFF!important;border:solid;border-width: 1px; border-color:#9FBE2E!important}

             /*botón formulario de contacto*/
.wpcf7-form input[type="submit"]:hover {
    background: #96C346 linear-gradient(to top, #96C346, #96C346) repeat scroll 0% 0% !important;
    color: #FFF !important;

}



/*******************************VARIOS: IMÁGENES****************************************/
/*Damos un diseño mas atractivo añadiendo sombra a una imágen*/
.sombra {
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.75);
}

/******************************FORMULARIO DE CONTACTO*****************************/
/*****Nuevo diseño y adaptabilidad*****/
/*Cuando @res > 768 ordena contenido*/
@media screen and (min-width:769px) {
/*Reducción y posicionado del tamaño del mapa para adecuación de su posición*/
    #map_canvas {
        width: 40% !important;
        margin-left: 50% !important;
        margin-top: 40px !important;
        top: 100px !important;
    }

    .google_map {
        height: 450px !important;
    }

/*Mover la información de contacto debajo del formulario de contacto */
    .direccionContacto {
        margin-top: 100px;
        margin-left:-195px;
    }

/*Mover el formulario de contacto junto a GoogleMaps*/
    .contact_form {
        position: relative !important; 
        margin-top: -400px !important;
        padding-left: 20px !important;
    }
}

/*Ocultamos google maps para móviles*/
@media screen and (max-width:768px) {
.google_map {display:none;}
}

/*Diseño del h4 contacto*/
 .contact_form h4 { 
    margin: 0px 0px 15px !important;
    padding: 20px;
    text-align: left;
    background-color: rgb(159, 190, 46);
}

.wpcf7-textarea {color:white}

/*Ocultamos nombre y apellido, el cliente no quiere que aparezca*/
.contact_form #fname { display:none;}
.contact_form #lname { display:none;}
/******************************PÁGINA DE INICIO*****************************/
/*Espacio añadido en los H3 de los servicios de la empresa para móvil y tablet*/
@media screen and (max-width:768px) {
    .servicios-empresa h3 { margin-bottom:60px !important; }
}

/*H1 a full width*/
.texto-full-width {
    float: left;
    width: 100%;
}

.fondo-azul { background-color: #2F74B5; margin-left:-100% !important; margin-right:-100% !important}

@media screen and (max-width:1000px) {
.fondo-azul h1 {
    font-size: 18px;}
}
@media screen and (max-width:769px) {
.fondo-azul h1 {
    font-size: 15px;}
}
@media screen and (max-width:481px) {
.fondo-azul h1 {
    font-size: 12px;}
}
@media screen and (max-width:360px) {
.fondo-azul h1 {
    font-size: 10px;}
}
/***************************************EMPRESA**********************************************/
@media screen and (max-width:768px) {
    .empresa h4 { margin-bottom:60px !important; }
}

/***************************************SERVICIOS**********************************************/
@media screen and (max-width:768px) {
    .accordions .accordion_holder { margin-bottom:60px !important; }
}

.footer_top a:hover {
       color: #FFF !important; }

/*se maqueta la primera columna del pie*/
.textwidget .column2{
width:73% !important;
border-left: 0px !important;
}
.textwidget .column1{
width:19% !important;
}

/*Se maqueta el div de la dirección en contacto*/
.div_contacto{
width: 40%;
margin: 0px auto;
}
.div_contacto .column2 {
    width: 70% !important;
}
.div_contacto .column1 {
    width: 30% !important;
}