body {

    background: #F8F8F8;

}

.form-group {

    margin-bottom: 0.6rem !important;

}

input[type=password], input[type=text], input[type=email],input[type=file], input:not([type]), select, textarea {

    border: 1px solid #a6a6a6;

    background-color: #ffffff !important;

    background-color: rgba(255, 255, 255, 0.85);

    color: #333333;

}

.navbar-collapse {

    flex-grow: 0 !important;

}

.text-light {

    color: #f8f9fa !important;

}

p {

    margin-bottom: 0 !important;

} 

button{

    cursor: pointer;

}

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-right: 9px;

    padding-left: 9px;

}

h1,h2,h3,h4,h5,h6{

    color:#000000 !important

}

 .modal-body{

    padding: 3rem !important;

}

.form-control{

	font-size:14px;

    border-radius: 0px !important;

}



body{

   font-family: 'Roboto', sans-serif !important;

}

header{

    background-color: #AA1B19;

}

.navbar-light .navbar-nav .nav-link {

    color: #ffffff !important;

}

.nav-link{

    color: #ffffff  !important;

    margin: 0 1rem;

}

.navbar-nav .dropdown-menu {

    position: static;

    float: none;

}

.texto-footer {

    font-size: 14px;

    margin-top: 0;

    margin-bottom: 0;

}

.navbar-light .navbar-toggler{

     border-color: transparent !important ; 

     outline: none; 

     color: white !important;

     fill:white !important ;

     float: right;

}

.navbar-toggler:hover{

    background-color: #AA1B19; 

}

.nav-link:hover {

    color: white !important;

}

.footer {

    font-size: 15px;

    padding: 35px;

    position: static;

    bottom: 0;

    width: 100%;

    line-height: 15px; /* Vertically center the text there */

}



.logo {

    width: 180px;

}

 

/*--------------------------------*/

.banner {

    background-image: url('../images/others/Grupo 832.png');

    background-size: 100rem;

    background-position: center center;

    background-repeat: no-repeat;

    height: 29rem;

    margin-top: 4rem;

}

.text-ul{

        font-size: 16px;

         margin-bottom: 1rem

}

.bg-light{

    background: white !important;

}

.text-red{

    color: #AA1B19 !important;

}

.size-max{

    font-size: 20px;

        padding-top: 0.5rem;



}

.ms-rtestate-field p, p.ms-rteElement-P {

    margin: 0px !important;

}

.icon{

    width: 25%;

    display: block;

    margin-left: 7rem;

    top: -3.5rem;

    position: absolute;

}



div.text {

    position: absolute;

    overflow: hidden;

    width: 255px;

    height: 255px;

    background-color: #1b1a1aa8;

    opacity: 0;

    transition: opacity 0.3s;

    top: 0;

    font-size: 14px;

}



div.text:hover   {

  opacity:1;

}

 .imgR{

     background-image: url('../images/others/cork_1 copia.png');

 }

.btn-red, .btn-red:hover{

    background-color:#AA1B19;

    color: white;

    border-color: #AA1B19 ;

    text-decoration: none;

}

.btn-dark, .btn-dark:hover {

    color: #fff;

    background-color: #141414 !important;

    border-color: #141414 !important;

} 

.mb{

    margin-bottom: 0px !important;

}

.sub{

    text-decoration: none !important;

}

.redes:hover {

    text-decoration: none;

}

.img-modal {

    background-image: url('../images/others/banner-top.jpg');

    width: 100%;

    height: 170px;
	    background-position: center center;

    

}

.modal-header {

    border-bottom: none !important;

    float: right;

}

li{

 margin-bottom: 8px;

}

ul {

    padding-left: 18px;

}

.modal-header .close {

    outline: none;

    color: white;

}

::marker {

    color: #AA1B19;

    font-size: 20px;

}

.img-abo{

    width: 100%;

   /* height: 52%;*/

}

.text{

    font-size: 16px;

    color: #818181;

}



.color{

     color: #818181;

}

.top{

    top: 6rem;

}

.photo{

cursor: pointer;

}

.ms-rtestate-field h4, h4.ms-rteElement-H4 {

    line-height: 1 !important;

 

}



.ms-rtestate-field h4, h4.ms-rteElement-H4 {

    line-height: 1 !important;

}



.ms-rtestate-field h4, h4.ms-rteElement-H4 {

    line-height: 1.6;

    color: #767676;

}

.text-dark {

    color: #000000 !important;

}

.font-weight-bold {

    font-weight: 700!important;

}

.text-center {

    text-align: center!important;

}

h4, h5, h6, .ms-h4, .ms-h5, .ms-h6 {

    font-family: 'Roboto', sans-serif !important;

}

.h4, h4 {

    font-size: 1.5rem;

}

.h4mg {

    margin-bottom: 1rem!important;

}

.end1{

     align-self: flex-end;

     height: 0rem;

}

.more1{

    height: 0.5rem;

}

.lot{

    align-self: center;

    height: 38rem;

    padding-bottom: 1.5rem;

}

.card{

        box-shadow: 2px 2px 6px #0000002b;

        border: none !important;

        border-radius: 0px !important;

}

.navbar-collapse {

    padding-top: 0.5rem !important;

}



input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, input:not([type]):hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {

    border-color: #a6a6a6;

}

input.form-control:focus {

    box-shadow: none;

    border-color: #a6a6a6 !important;

}

.line{

    text-align: right;

}

/**/

.asize {

    font-size: 20px;

}

h2, h3, .ms-h2, .ms-h3, .ms-headerFont {

    font-family: 'Roboto', sans-serif !important;

}

.btn{

    border-radius: 0px !important;

}

.paddingforms{

    padding: 2.5rem 2rem 2rem 2rem;

}

.navbar-collapse {

flex-direction: row-reverse; 

}

.nav-link{

    padding-right: 1rem !important;

    padding-left: 0rem  !important;

}

.center{

    align-items: center;

}

.align{

    text-align: left;

}

.padg{

        padding-bottom: 2px;

}



.modal-new{

    max-width: 1400px;



}

.hidden {

    white-space: inherit;

    overflow: visible;

    text-overflow: unset;

}

.text2 {

    font-size: 16px;

    color: #818181;

}

.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;

}

/**.modal-body {

    padding: 2rem 3rem 3rem 3rem !important;

}*/

@media (min-width: 991px) and (max-width: 1286px){

    .height {

    height: 50rem !important;

}

}

@media (min-width: 767px) and (max-width: 991px){

    .height {

    height: auto !important;

}

.lot{

    height: auto !important;

}

.sizearea{

    font-size: 1.2rem !important;

}

}



@media (max-width: 1024px){

    .marca {

        width: 100% !important;

    }

    div.text {

width: 90% !important;

 font-size: 10px;

    height: 160px;

}

}

@media (max-width: 767px){

    .marca {

        width: auto !important;

    }

    .align{

    text-align: center !important;

}

div.text {

left: 9rem;

}

}

.sizelink{

    font-size: 14px;

}

/**/

@media (min-width: 768px) and (max-width: 1343px){

/*.hidden{

     white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

}*/



}

@media (max-width: 1317px){

    .icon {

    width: 28% !important;

    margin-left: 7.5rem !important;

}



}



@media (max-width: 1199px){

   .icon {

    width: 32% !important;

    margin-left: 5rem !important;

}

.card{

        box-sizing: content-box !important;

}

.top{

    top: 4rem !important;

    margin-left: 0 !important;

}

}

@media (max-width: 992px){

   .icon {

    width: 40% !important;

    margin-left: 3rem !important;

}

.photo{

    width: 100%;

}

.top{

       flex: 0 0 50%  ;

    max-width: 50%  ;

}

}

@media (max-width: 767px){

   .icon {

    width: 25% !important;

    margin-left: 11.5rem !important;

    top: -4.5rem;

}

.top{

       flex: 0 0 100%  ;

    max-width: 100%  ;

    top: 6rem;

}

}



@media (max-width: 767px){

   div.text {

    width: 255px !important;

    height: 255px !important;

    font-size: 14px !important;

    text-align: left !important;

}

.photo{

    width: auto !important;

}

 .line{

     text-align: left !important;

 }

 .card-area{

     margin-bottom: 6rem;

 }

 .banner {

    background-size: 420rem 36rem !important;

}

.btn-sub{

    width: 100%;

}



}

@media (max-width: 566px){

   .icon {

    margin-left: 11rem !important;



}



}

@media (max-width: 553px){



div.text {

    left: 8rem !important;

}

   .icon {

    margin-left: 10rem !important;



}

}

@media (max-width: 521px){



div.text {

    left: 7rem !important;



}

}

@media (max-width: 500px){

   .icon {

    width: 25% !important;

    margin-left: 9.5rem !important;

}

.text2 {

    font-size: 14px;

}

.banner {

    background-size: 265rem 36rem !important;

}

.top {

    top: 5rem !important;

    }

div.text {

    left: 6rem !important;



}

}

@media (max-width: 480px){

   .icon {

    width: 26% !important;

    margin-left: 9.5rem !important;

}



}

@media (max-width: 450px){

   .icon {

    width: 27% !important;

    margin-left: 8rem !important;

}

.top {

    top: 4rem !important;

    }

 div.text {

    left: 5rem !important;



}

}

@media (max-width: 432px){

   .icon {

    width: 28% !important;

    margin-left: 7.5rem !important;

}

}



@media (max-width: 425px){

   .icon {

    width: 25% !important;

    margin-left: 7.5rem !important;

    top: -2.5rem !important;

}

/*

   .icon {

    width: 30% !important;

    margin-left: 7rem !important;

}*/

 div.text {

    left: 4rem !important;



}

}

@media (max-width: 400px){

   .icon {

    width: 27% !important;

    margin-left: 7rem !important;

    top: -2.5rem !important;

}



}

@media (max-width: 378px){

   .icon {

    width: 30% !important;

    margin-left: 6rem !important;

}

 div.text {

    left: 3rem !important;

}

} 

@media (max-width: 362px){

   .icon {

    width: 30% !important;

    margin-left: 5.5rem !important;

}



} 

@media (max-width: 337px){

   .height {

    height: auto !important;

}

 .lot {

    height:auto !important;

}

 .icon {

    width: 30% !important;

    margin-left: 5rem !important;

}

} 

@media (max-width: 320px){

 .icon {

    width: 33% !important;

    margin-left: 4.5rem !important;

}

} 

@media (max-width: 288px){

 .icon {

    width: 33% !important;

    margin-left: 3.5rem !important;

}

} 

/*-------CONTACTO----------*/

.magin{

    margin-top:4.5rem ;

}

textarea.form-control {

    height: 87% !important;

    border: 1px solid #a6a6a6 !important;

}

ul {
    padding-left: 18px;
    font-size: 14px;
    margin-bottom: 0px;
}

li {
    margin-bottom: 0px;
}

/*-------AREA-----*/

.height{

    height: 40rem;

    margin: 2.5rem 0;

}

.more {

    align-self: center;

    height: 38rem;

    padding-bottom: 1.5rem;

}

.end{

    align-self: flex-end;

    text-decoration: underline;

}

textarea.form-control {

    height: 87% !important;

    border: 1px solid #a6a6a6 !important;

}

/*.text-form{

    font-size: 14px;

}*/

 .imgN{

     background-image: url('../images/others/Grupo 833.png');

 }

.space{

    width: 100%;

}

@media (min-width: 767px) and (max-width: 991px){

.space{

   padding-left: 0px;

    padding-right: 0px;

      }

      .more{

          height: auto !important;

      }

      }

      

/*---------EQUIPO-------------*/

.spa-button{

    padding: .375rem 2rem;

}

.border{

    border-radius: 5px;

}

 .imgN{

     background-image: url('../images/others/Grupo 833.png');

 }

 .asize{

     font-size: 20px;

 }

 #fondo{

    color: #7E7E7E;

    font-size: 14px;

	background: white;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border: 1px solid #a6a6a6;

    padding: 6px;

}



.adjuntar,.adjuntar:hover{

     background: #141414 !important;

    cursor: pointer; 

    color:  white !important ;

    border: #141414 solid 1px !important;

    padding: 5px 0px !important;

    margin: 0 !important;

    font-size: 16px !important;

    border-radius:0;

    width: 100%;

}

.adjuntar:focus { 

    outline: none !important;

}



#selected{

	padding-left: 10px;

	text-decoration: underline;

	display: inline;

}

.padingg{

    padding-left: 0rem;

padding-right: 1rem;

}

.padingg2{



padding-right: 5px;

}

@media (min-width: 768px) and (max-width: 991px){

  .adjuntar{

    font-size: 14px !important;

}



}

@media (max-width: 767px){

  .padingg{

    padding-left: 1rem !important;

padding-right: 1rem !important;

}

.padingg2{

padding-right: 1rem !important;

}

}



/*-------ESTUDIO-----*/

.pd{

    padding-top: 7.5rem;

    padding-bottom: 3rem;



}

.img-est{

    width: 100%;

    height: 100%; 

}

.height2 {

    height: 17rem;

}

.alianza{

   background-image: url('../images/others/Enmascarar grupo 11.png'); 

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position:relative;

     color: white;

  z-index:1;

}



.pdg{

padding: 6rem 0 4rem 0;

}

.cPadding {

    padding:3rem;

}

.alianza::after {

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;

  background: rgb(0 0 0 / 25%);

  z-index:-1;

}



@media (max-width: 767px) {

    .img-est{

        height: 25rem !important;

        margin-bottom: 1rem;

    }

    .cPadding{

        padding:1rem 1.5rem 1.5rem 1.5rem !important;

    }

    .height2 {

    box-sizing: content-box !important;

}

}



/*-------BOLETIN----------*/

.heightt{

    height: 30rem;

    margin: 9px 0px;

     overflow: hidden;

}

.hiddenn{

    overflow: hidden;

    text-overflow: ellipsis;

    height: 7.5rem;

}

.hg {

    height: 1rem;

}

.mg{

    margin-top: 1rem !important;

    margin-left: 0;

    margin-bottom: 1rem; 

}

.img-bol{

    height: 15rem;

}

.clr{

 color: #3C5A99;

}

.size14{

    font-size: 14px;

}

@media (max-width: 1199px){

   .hiddenn {

    height: 7rem !important;

}

}