/***quite espacios donde se poenen los telefonos***/
#sp-top-bar {
    padding: 0px 0;
    font-size: 0.875rem;
}


.lasbanderas{
   
}



/***Logo de Tres Company se ajuste a lado del texto Desarrollado por***/

img {
    display: inherit;
    max-width: 100%;
    height: auto;
}

/***Logo de Tres Company se ajuste***/

/***Centrado pie de página Logo de Tres Company, con relacion al ROW o Espacio total***/
#sp-footer .container-inner {
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}






/***color fondo menu cuando despliga***/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffb60e;
}
/***color fondo menu cuando despliga***/


#sp-top-bar a {
    color: #fff;
      font-size: 15px;
}

#sp-top-bar {
    background: #333;
    color: #fff;
}

#sp-footer {
        background-image: linear-gradient(135deg, #003468, #5f8a9c);
  
}



/***QUITE MARCO GRIS DE BTCONTEN SLIODER****/
.bt-cs .bt-inner img {
    outline: none;
    }


/***NEGRITA CONTEN SLIDER****/
.bt-cs .bt-inner {
    font-weight: bold;
    
}
/***NEGRITA CONTEN SLIDER****/


/***ESTILOS LONING POPUP****/

#lp-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/***ESTILOS LONING POPUP****/



/***NEGRITA Y TAMAÑO DE LETRA EN (LEER MAS) DE BT-CONTENT SLIDER****/
#sppb-addon-1518541019535 a {
    font-size: 14px;
    font-weight: bold;/***NEGRITA ***/
}
/***COLOR Y TAMAÑO DE LETR5A EN LEER MAS DE BT-CONTENT SLIDER****/



/***fruente del menu****/

#sp-header .sp-megamenu-parent > li > a 
{ 
   	font-weight: bold;
  letter-spacing: -1px;
  font-size: 17px;
  	} 
/***fruente del menu****/





/***COLOR FONDO BARRA DONDE ESTAN TELFONOS Y CORREO  ****/
#sp-top-bar {
          background-image: linear-gradient(135deg, #003468, #8bc9e4);

}
/***COLOR FONDO BARRA DONDE ESTAN TELFONOS Y CORREO  ****/


/***QUIE ESPACIOS DENTRO DE LOS ARTICULOS  ****/
article.item {
    margin-bottom: 0px;
}
.entry-header {
    position: relative;
    
}

/***QUIE ESPACIOS DENTRO DEL BLOG DE NOTICIAS EN EL TITULO ****/
.page-header {
    
    margin: 0px 0 20px;
    
}




/***centrado de logo ****/
#sp-header .logo {
    height: 103px;
}


/***blockquote peronalizado****/
blockquote {
   border-color: #505cfd;
}
/***blockquote****/



/***sombra del menu pegajoso ene negro****/
#sp-header {
   
    padding-top: 2px;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
    height: 107px;
 
}

/*centrado de menu con realcion al logo*/
.sp-megamenu-parent >li >a {
    
    line-height: 100px;
    
}

/*tamaño de funete sub menu desplegable*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
    
    font-size: 15px;
}



/***telefono y correo parte superior****/
.sp-contact-info li {
     font-weight: 400;
    font-size: 100%;
}
/***menu navegacion parte superior****/



/***menu princila puse mas cerca los itwems y en negritas****/

.sp-megamenu-parent >li >a {
   
    font-size: 14px;
  font-weight: 400;
     letter-spacing: 0px;
   
}




/***icono menu vesion movil  aumente su tamaño****/
#offcanvas-toggler {
        font-size: 30px;
}
/***icono menu vesion movil le puse negrita****/
#offcanvas-toggler >i {
       font-weight: 600;
}

/***Estilos Movil***/


/***esto es para q logo quede pegado hacia arriba***/
@media (max-width: 767px){
#sp-header .logo {
    height: 54px;
}

  
/***ancho de la barra del menu***/

#sp-header {
        height: 60px;
}

/***Tamaño del icono hacia arriba o abajo menu desplique vesrion movil***/
#offcanvas-toggler {
    font-size: 30px;
    line-height: 60px;
}






/* -------------   Whatapp Movil--------------- */	
@media screen and (max-width: 650px){
#callnowWAHTSAPP { 
       /* line-height: normal; */
    /* color: #fff; */
    /* font-size: 17px; */
    /* padding-top: 7px; */
    /* padding-left: 5px; */
    /* padding-right: 70px; */
    /* text-align: left; */
    /* padding-bottom: 50px; */
    margin-bottom: 20px;
    display: block;
    width: 70px;
    left: 0;
    /* border-bottom-right-radius: 40px; */
    border-top-right-radius: 40px;
    height: 67px;
    position: fixed;
    bottom: -20px;
    border-top: 2px solid #2dc62d;
    background: url(https://image.flaticon.com/icons/svg/733/733585.svg) center 2px no-repeat #009900;
    background-position: 0px;
    background-position-x: 3px;
    background-position-y: center;
    text-decoration: none;
    box-shadow: 0 0 5px #000;
    z-index: 99999;
    background-size: 58px 58px;
}
}

@media screen and (max-width: 650px){
#callnowbutton {
   margin-bottom: 20px;
    display: block;
    width: 70px;
    left: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 67px;
    position: fixed;
    bottom: 55px;
    border-top: 2px solid #bae4f7;
    background: url(https://cdn.icon-icons.com/icons2/196/PNG/128/phone_23732.png) center 2px no-repeat #26aae1;
    background-position: 0px;
    background-position-x: 7px;
    background-position-y: center;
    text-decoration: none;
    box-shadow: 0 0 5px #000;
    z-index: 99999;
    background-size: 58px 58px;
}
  
}


/* -------------   Whatapp Movil--------------- **/

@media only screen and  (min-width: 650px){
#callnowWAHTSAPP {
    display: none !important;
}
}

/* -------------   Telefono Movil--------------- **/

@media only screen and  (min-width: 650px){
#callnowbutton {
    display: none !important;
}
}