/*==============
INDEX of css


COLORES A UTTILIZAR 
IMPLEMENTACION DE COLORES
COLORES GLOBALES
COLORES HEADER 
COLORES TOP BAR
COLORES BOTONERA 
COLORES PUBLICACIONES DESTACADAS
PRODUCTOS
COLORES QUINES SOMOS 
COLORES CONTACTO

/////FIN COLORES\\\\\\

10. TOP BAR
11. BOTONERA
12. QUINES SOMOS

*/




/*==================================*/
/* COLORES A UTTILIZAR */
/*==================================*/
colores-del-proyecto {
  color: #55565A;
  color: #F64600;
}


/*==================================*/
/* IMPLEMENTACION DE COLORES */
/*==================================*/


/*==================================*/
/* COLORES GLOBALES*/
/*==================================*/
.scroll-top {
background-color: #55565A;
}

.scroll-top:hover {
background-color: #464648;
}


/*==================================*/
/* COLORES HEADER */
/*==================================*/

/*==================================*/
/*COLORES TOP BAR*/
/*==================================*/
.header .topbar {
background-color: #55565A;
}

.header .nav-social ul li a:hover {
background-color: #F64600;
} /* REDES SOCIALES */ 

.header .topbar .top-end .user-login li a:hover {
color: #F64600;
}


/*===========================*/
/* COLORES BOTONERA */
/*===========================*/
.startHeaderBottom{
background-color: #55565A;
}

.header .navbar .navbar-nav .nav-item a:hover{
color: #fff;
background-color: #F64600;
}

.header .navbar-nav .nav-item .sub-menu .nav-item a:hover{
background-color: #F64600;
}

.header .navbar .navbar-nav .nav-item a:hover::before {
 background-color: #F64600 !important;
 color: #fff;
}

.header .navbar .navbar-nav .nav-item a::before {
background-color: #F64600 !important;
color:#fff;
}

.header .navbar .navbar-nav .nav-item a.active{
color: #fff;
background-color: #F64600;
}

.navbar-nav .nav-item:hover .sub-menu{
background-color: #55565A;
}/*ESTE CSS SE IMPLEMENTA CUANDO UN BTN DE LA BOTONERA TENGA UN HIJO O MAS */

@media (max-width: 767px){
.header .navbar-collapse{
  background-color: #55565A;
}

.header .navbar .navbar-nav .nav-item a:hover {
color: #fff !important;
}

.header .navbar-nav .nav-item .sub-menu{
background-color: #55565A;
}

.header .navbar .navbar-nav .nav-item a:hover{
background-color: none !important;
}

.header .navbar .navbar-nav .nav-item a:hover::before {
 background-color: #F64600 ;
 color: #fff;
}

.header .navbar .navbar-nav .nav-item a::before {
background-color: #F64600;
color:#fff;
}

.header .navbar .navbar-nav .nav-item a.active{
color: #fff;
background-color: #F64600;
}
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
.header .navbar-collapse {
  background-color: #55565A;
}

.header .navbar .navbar-nav .nav-item a:hover{
  color: #fff;
}

.header .navbar-nav .nav-item .sub-menu{
  background-color: #55565A;
  }

.header .navbar .navbar-nav .nav-item a:hover::before {
   background-color: #F64600 ;
   color: #fff;
}

.header .navbar .navbar-nav .nav-item a::before {
  background-color: #F64600;
  color:#fff;
}

.header .navbar .navbar-nav .nav-item a.active{
  color: #fff !important;  
}
}


/*==================================*/
/* COLORES PUBLICACIONES DESTACADAS */
/*==================================*/
.section-title h2::before {
background-color: #F64600 ;
}/*Solo aparece si Publicaciones Destacadas no tiene publicaciones*/


/*==================================*/
/*PRODUCTOS*/
/*==================================*/
.team .single-team{
background-color: rgba(255, 255, 255, 0.369) !important;
}

.team .single-team .content .social li a:hover {
background-color: #F64600;
}


/*==================================*/
/* COLORES QUINES SOMOS */
/*==================================*/
.block-quienesSomos p {
color: black !important;
} /*ESTA CLASE/ELEMNT SE GENERO EN EL WM POR ENDE SOLO SE LO LLAMARA CUANDO SE GENERE UN BLOCKQUOTE*/


/*==================================*/
/* COLORES CONTACTO */
/*==================================*/
.contact-us .contact-info .single-info i {
color: #55565A;
}/* LE DA EL COLOR A LOS ICONOS DE CONTACTO */

.button .btn {
background-color: #55565A;
color: #fff;
} /* LE DA EL COLOR A TODOS LOS BOTONES */

.button .btn:hover {
background-color: #F64600;
}


/*==================================*/
/* FOOTER */
/*==================================*/
.footer .footer-middle {
  background-color: #F64600;
} /* LE DA COLOR A LA MITAD SUPERIOR DEL FOOTER*/

.footer {
background-color: #231F20;
}



/*==================================*/
/*FIN COLORES*/
/*==================================*/

/*=============================================================================================================================*/


/*==================================*/
/* TOP BAR */
/*==================================*/
.startHeaderLogo {
  display: flex;
  justify-content: center;
}

.nav-social {
  margin-left: 10px;
}

@media (max-width: 1240px){
.nav-social{
  display: none !important;
}}


/*==================================*/
/*BOTONERA*/
/*==================================*/
.header .navbar .navbar-nav .nav-item a:hover{
padding-right: 40px;
padding-left: 40px; 
}

.header .navbar .navbar-nav .nav-item a {
  position: relative;
  font-size: 0.8rem;
  color: #fff ;
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .navbar .navbar-nav .nav-item a {
  position: relative;
  text-align: left;
}
}

@media(max-width: 768px){
.header .navbar .navbar-nav .nav-item a {
  position: relative;
  text-align:left;
}
}

.header .nav-inner {
margin-left: 60px;
}

.header .navbar .navbar-nav .nav-item a.active{
padding-right: 40px;
padding-left: 40px;
}


/*==================================*/
/* HOME-IMAGEN-PIXELAR */
/*==================================*/
.imgenpixelar {
background-image: url(../img/fotofixed/fixed-background-2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding:130px 0px;
margin-bottom: 16px;
}

.container .icon img {
  width: 50px;
}

.text-center {
  color: #fff;
  font-size: 33px;
}


/*==================================*/
/* QUINES SOMOS */
/*==================================*/
.content-quienesSomos{
  margin: 40px 70px;
}

.block-quienesSomos {
  text-align: left;
  padding-bottom: 0%;
  padding-top: 1%;
  margin-right: 12%;
}


/*==================================*/
/* FOOTER */
/*==================================*/
.foto-footer {
  width: 320px;
}

@media (max-width: 767px) {
  .foto-footer {
    width: 30px;
  }
}

@media (min-width: 1000px) {
.navbar {
    left: 10%;
}
}


/*==================================*/
/* QUINES SOMOS */
/*==================================*/
.contenedorQuienesSomos{
  margin:20px 0px 0px 0px;   
}

.contentQuienesSomos{
min-height: 250px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
}

.containerQuienesSomos {
margin-left: 120px;
color: black;
}

#btnRedes{
display: flex;
justify-content: flex-end;
}

#btnVolver{
color: #FA5513;
border-color: #FA5513;
}

#btnVolver:hover {
background: #FA5513;
color:#fff
}

.cuerpo_gral {
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  margin: -30px -19px -20px -26px;
  height: 100%;
  display: block;
  text-align: initial;
}

.supermain {
  width: 100%;
  max-width: 1100px;
  min-width: 280px;
  height: auto;
  min-height: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 100%;
  display: table;
  border-left: 0px solid #ccc;
}

.main {
  width: 80%;
  max-width: 880px;
  min-width: 280px;
  height: auto;
  min-height: 80%;
  background: none;
  padding: 0px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: table;
  padding-left: 6px;
  position: relative;
}

.side2 {
  margin-top: 40px;
  width: 20%;
  max-width: 220px;
  min-height: 80%;
  background: none;
  padding: 2px;
  float: left;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  display: block;
}

.bar {
  margin-top: 0px;
  margin-bottom: 15px;
}  

/*==================================*/
/*DEPARTAMENTO JURIDICO*/ 
/*==================================*/
.contenedorDepartamentoJuridico {
  text-align: left;
  padding: 0px 40px 40px 16px;
  margin: 0px 0px 0px 0px;
}

.cuerpo_graDJ {
  margin-right: 20px;
}

#cke_pastebinDJ{
  margin: 22px 0px -20px 0px;
}

.contenedorDepartamentoJuridicoDos, .contenedorDepartamentoJuridicoTres {
  position: relative;
  color: #fff;
  font-weight: 400;
  clear: both;
  z-index: 1;
  margin: 0px 0px;
  text-align: initial;
  padding: 0px 0px 36px 0px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding-left: 14px;
  padding-right: 30px;
}