@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html
{
    background-color: rgba(0,0,0,0)!important;
}

body
{
    background-color: rgba(0,0,0,0)!important;
}


p
{
    font-family: 'Montserrat', sans-serif;
}

ul
{
    font-family: 'Montserrat', sans-serif;
}


/* Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
*/
body {
  /* Location of the image */
    background-image: url("../images/bg/bg-html-interno_04.jpg");
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(http://crbusinessbook.com/css/background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url("../images/bg/bg-html-interno_04.jpg");
  }
	}


.menu
{
margin: 0 auto !important;
    background-color: rgba(0,0,0,0.8);
    max-width: 1200px;
}

.wrapMenu
{
    z-index: 10;
    margin: 0 auto;
}


.wrapMenu
{
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    min-height: 95px;
}

.containerHome
{
    position: unset; 
}




.containerHome h2
{
    float: none;
}


.subSector
{
    margin: 0px;
    min-height: 300px;
}


.contenido
{
    margin-top: 20px;
    color: #000000;
    padding: 10px;
}

.contenido p, ul
{
    line-height: 1.5;
    text-align: justify;    
    margin-bottom: 10px;
}


.contenido h1
{
    font-size: 20px;
    color: #8dbb36;
    margin-bottom: 10px;
    border-bottom: 1px solid #4F4F4F;
}

.serviciosExportacion
{
    background-image: url("http://crbusinessbook.com/images/thum/sectore-home_01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.serviciosSuplidores
{
    background-image: url("http://crbusinessbook.com/images/thum/sectore-home_02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


.serviciosApoyo
{
    background-image: url("http://crbusinessbook.com/images/thum/sectore-home_03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


.serviciosCertificaciones
{
    background-image: url("http://crbusinessbook.com/images/thum/sectore-home_03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


.modal-body
{
    color: #000000;
}

.modal-body p
{
    line-height: 1.2;
}


.contenido button
{
    display: block;
    margin: 10px 0px 10px 0px;
    background-color: #323232;
    border: 0px;
}

#exampleModalLabel
{
    color: #000000;
    font-size: 20px;
    font-weight: 900;
}

.contenedorEmpresas{
    margin: 0 auto;
    margin-top: 30px;
    max-width: 1600px;
}


.empresas
{
    margin: 0 auto;
}

.empresas p
{
    font-size: 13px;
}


.empresas ul li
{
    font-size: 13px;
    margin-bottom: 8px;
}


@media (max-width:800px)
{
.empresas
{
    padding-left: 0px;
}
}



.empresas img
{
    margin-bottom: 23px;
    max-width: 90%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}


@media (max-width:800px)
{
.empresas img
{
    padding: 5px;
    max-width: 100%;
    margin: 0 auto;
}
}


.empresas h3
{
    background-color:rgba(0,0,0,0.1);
    padding: 10px;
    font-size: 24px;
    margin-bottom: 15px;
}

.empresas ul
{
    list-style: circle;
    margin-left: 25px;
    font-size: 12px;
}

.empresas strong
{
    font-weight: 700;
}


.empresas a
{
    color: #FFFFFF;
    text-decoration: none;
}


.empresas a img:hover{
    opacity: 30%;
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}


.botonFicha
{
    background-color: #e8e8e8;
    border-radius: 3px;
    padding: 1px 4px;
    color: #000000!important;
}


.contacto
{
    padding-left: 25px;
}


.infoContacto a {
    color: #000000 !important;
}

.infoContacto a:hover {
    color: #FFFFFF !important;
    background-color: #FF0004;
    padding: 3px;
}

.contacto iframe {
    max-width: 95%;
    min-height: 380px;
}

.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}




.buscador{
    background-color: rgba(0,0,0,0.6);
    margin:1px 0px 20px 0px;
}



.buscador img{
    margin-top: 10px;
}


.bannerVentas{
    margin-bottom: 30px;
}


.contenedorFooter{
    width: 100%;
    height: 390px;
}

.contenedorFooter p{
    font-size: 12px;
}



.logoGaleria{
    max-width: 150px;
}

/*
colores
///////////////////
*/


.industriaAlimentaria
{
    background-color: #d91e18 !important;
    color: #FFFFFF;
}


.sectorApoyo
{
    background-color: #e0337a !important;
    color: #FFFFFF;
}


.sectorEspecializada{
    background-color: #3c88cb !important;
    color: #FFFFFF;
}

.sectorFresco{
    background-color: #4cd137 !important;
    color: #FFFFFF;
}


.sectorServicios{
    background-color: #453479 !important;
    color: #FFFFFF;
}

.sectorSuplidores{
    background-color: #e27739 !important;
    color: #FFFFFF;
}


.sectorContenido{
    background-color: #484848 !important;
    color: #FFFFFF;
}


.social img{
max-width: 40px;
box-shadow: 0px 0px 0px !important;
    display: inline;
}


.social:hover{
    background-color: #FFFFFF!important;
    padding: 0px !important;
}

.certificaciones{
    list-style: none !important;
}

.certificaciones img{
    max-height: 40px;
    box-shadow: 0px 0px 0px;
}

/*
///////////////////
colores
*/


/*
galeria
///////////////////
*/
.tz-gallery .lightbox img{
    width: 95%!important;
}


/*
///////////////////
galeria
*/








/*
blog////////////////////////
 */



.blog
{
    background-color: #F8F8F8;
    border: 2px solid #FFFFFF;
    padding: 25px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.blog h1
{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.blog h4
{
    background-color: #EFEFEF;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 3px 3px 6px;
    margin-top: 0px;
}


.blog h5
{
    font-weight: bold;
    margin-bottom: 6px;
}


.blog a
{
    font-size: 14px;
    background-color: #585858;
    border-radius: 6px;
    padding: 3px 8px 3px 8px;
    color: #FFFFFF;
    text-decoration: none;
}


.blog a:hover
{
    background-color: #EA0D11;
}





/*
////////////////////////
blog
 */