header{background:#FFF url('../img/back-header.gif') repeat-x center bottom;border-bottom:2px solid #3b3f4b;}

#mainContainer{min-width: 320px;}


.biossHeader,
#main,
.biossFooter{max-width: 1366px;margin:0 auto;}
.break{clear:both;display:block;}
.biossHeader{padding:.2rem 1rem .5rem;}
.biossHeader .navbar-nav li{margin-top:10px;}
.biossHeader .navbar-brand{margin-right:2rem;}
.biossFooter{background: #33363d url('../img/logo-biossmann-footer.png') no-repeat right 2.5rem top 1.5rem;border-top:4px solid #a1bd32;}
.biossFooter .plecas{border-top:22px solid #191e27;border-bottom:9px solid #33363d;}
.biossFooter nav{padding:1.5rem 2.5rem;}
.biossFooter nav ul{margin:0;padding:0;list-style: none;}
.biossFooter nav li{display:inline-block;margin-right: 1rem;}
.biossFooter nav li a{font-size:.9rem;color:#86888e;}
.biossFooter nav li a.resaltar{color:#FFF;}
.biossFooter nav li a:hover{color:#3CC;}

.navbar-expand-lg .navbar-nav li{
	 margin-right: 2.8rem;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: .5rem;
    font-size:1.1rem;
}
.material{
    background: #FFF;
    border-radius: 1px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.inline{display:inline-block;}
.bordeGris{border:1px solid #cac9c9;}
.gutter{
  margin-right:0.5%;
  margin-left:0.5%;
}
.gutter:first-child{margin-right:0.5%;margin-left:0;}
.gutter:last-child{margin-left:0.5%;margin-right:0;}
.renglonGutter{width: 100%;height: 12px;display:block;}

/*COLORES*/
.bg-azulgris{background: #3b3f4b !important;}
.texto-azulgris{color: #3b3f4b !important;}

.bg-azulcielo{background: #15aabf !important;}
.texto-azulcielo{color: #15aabf !important;}

.bg-blanco{background: #FFF !important;}
.texto-blanco{color: #FFF !important;}

.bg-verdeagua{background: #3CC !important;}
.texto-verdeagua{color: #3CC !important;}

.bg-grismedio{background: #848484 !important;}
.texto-grismedio{color: #848484 !important;}

.bg-grisclaro{background: #bababa !important;}
.texto-grisclaro{color: #bababa !important;}

.bg-gris13{background: #e5e5e5 !important;}
.texto-gris13{color: #e5e5e5 !important;}

.bg-verde{background: #99cc33 !important;}
.texto-verde{color: #99cc33 !important;}

.bg-verdeaguaclaro{background: #e4faf0 !important;}
.texto-verdeaguaclaro{color: #e4faf0 !important;}

.bg-anaranjado{background: #F1832B !important;}
.texto-anaranjado{color: #F1832B !important;}

.hidden{display:none;}

#directorio{padding:.2rem .7rem  .5rem;vertical-align: top;}
#directorio label{font-size:.8rem;margin:0 0 .4rem;line-height: 1em;}
#directorio input{background: #f0efef;border:1px solid #cfd1d1;border-radius: 0;font-size:.85rem; padding:.32rem .6rem;width: 50%;margin-right: 1rem;}
#directorio button{padding:.1rem 1.75rem;margin-right: .3rem;}

.barraTitulo{padding:.5rem .7rem;font-family: "ExoDos";}
.ico{background-repeat: no-repeat;background-position: center center;}
.barraTitulo.ico-valentia{background-image: url('../img/ico-valentia.png');background-position: right .5rem center;}
.barraTitulo.ico-compromiso{background-image: url('../img/ico-compromiso.png');background-position: right .5rem center;}
.barraTitulo.ico-prosperidad{background-image: url('../img/ico-prosperidad.png');background-position: right .5rem center;}
.barraTitulo.ico-pasion{background-image: url('../img/ico-pasion.png');background-position: right .5rem center;}

.innerContent{padding:.5rem;}

.optionsButtons{margin: 0;padding: 0;list-style: none;font-size:.95rem;padding:.4rem .2rem;}
.optionsButtons li a{border:1px solid #a5a5a5;border-radius: 3px;background: white url('../img/grad-btn-gris.png') repeat-x center bottom;padding:.2rem .6rem;display:block;color: #3b3f4b;margin-bottom:.5rem;}
.optionsButtons li a:hover{background:#f1f0f0 url('../img/grad-btn-gris-hover.png') repeat-x center top;}

.optionsButtons.btnsBlancos li a{background:#FFF}
.optionsButtons.btnsBlancos li a:hover{background:#33CCCC;color:#FFF;}


.encuestaHome{font-size:.9rem;}
.encuestaHome.innerContent{padding:.9rem;}
.encuestaHome .opciones{margin-left:.2rem;}
.encuestaHome textarea{width: 100%;margin-bottom:.5rem;}
.encuestaHome button{font-size:.85rem;}

.material.btn{border-radius: .25rem;}

.mainSections{font-family: "ExoDos";}
.strong{font-weight: bold;}
/*************BANNER*************/
/********************************/
#contenedorBanners{height: 313px;
    overflow: hidden;
    position: relative;
    /*width: 729px;*/
}
#contenedorBanners .apuntador{position: absolute;z-index: 8;bottom: 0px;background-color:rgba(0,0,0,0.5);width: 100%;padding:.3rem .6rem;}
#contenedorBanners .apuntador ul{margin: 0;padding: 0;list-style: none;line-height: .9;}
#contenedorBanners .apuntador ul li{display: inline-block;margin: 0 3px;line-height: 0;}
#contenedorBanners .apuntador a{display:block;width: 15px;height: 15px;border-radius: 10px;background-color: rgba(206,231,2,0.4);border:1px solid #FFF;}
#contenedorBanners .apuntador a:hover{background: #f90}
#contenedorBanners .banner{height: 300px;position: absolute;/*width: 730px;*/left: 0px;}
#contenedorBanners .banner .img{background: #FFF;}
#contenedorBanners .banner .texto{font-size: 1.2em;color:#FFF;font-weight: 700;font-family: "ExoDos";padding: 20px;text-align: left;height: 100px;}
#contenedorBanners .banner .texto span{font-weight: 200;font-size: .75em;color:rgba(255,255,255,0.75);}
#contenedorBanners button{position:absolute;z-index: 900;}
#contenedorBanners button.positionLeft{left:2rem;}
#contenedorBanners button.positionCenter{left:50%;}
#contenedorBanners button.positionRight{right:2rem;}
#contenedorBanners button.positionTop{top:2rem;}
#contenedorBanners button.positionMiddle{top:50%;}
#contenedorBanners button.positionBottom{bottom:3rem;}

/*ANCHOS DE COLUMNAS*/
.ancho-100,.columnaA{width: 100%;}
.ancho-50,.columnaB{width: 49.5%;}
.ancho-33,.columnaC{width: 32.6%;}

.ancho-56,.columnaD{width: 56%;}
.ancho-26,.columnaE{width: 26%;}
.ancho-16,.columnaF{width: 16%;}
.ancho-1,.columnaGutter{width: 1%;}
.ancho-18,.columnaG{width: 56%;}

.ancho-70{width: 70%;}
.ancho-29{width: 29%;}

#contenedorBanners .banner img{width: 954.367px;}

/*BANNERS MAIN SECTION*/
.mainSections .material {

    width: 47%;
    display: inline-block;

}
.mainSections .material a {
    font-size: 1.2rem;
    color: #3b3f4b;
    display: block;
    vertical-align: top;
    /*padding: 2rem 1rem 1.9rem;*/
}
.mainSections .material a div{display: block;height: 94px;float:left;}
.mainSections .material a div:first-child{
	padding:.8rem;
	width: 80%;
}
.mainSections .material div:first-child{
   /* background: #3CC url("../img/ico-sap.png") no-repeat right bottom;*/
    width: 100%;
    height: 35px;
}
/*.mainSections .material.Proyectos div:first-child{background-image: url("../img/ico-proyectos.png");}
.mainSections .material.Seguridad div:first-child{background-image: url("../img/ico-seguridad.png");}
.mainSections .material.BI div:first-child{background-image: url("../img/ico-in.png");}*/
.mainSections .material a div.unaLinea{
    padding:1.9rem .8rem .8rem;
    width: 80%;
}
.mainSections .material a div:last-child{
	padding:1.5rem .3rem;
	width: 20%;
	background: #15aabf;
	color:#FFF;
	border-left:6px solid #119db1;
	font-size:2.2rem;
	text-align: center;
}
.margenDer{margin-right: 1rem;}

.toolsSection a{color:#FFF;display: block;}
.toolsSection .material .img{padding:20px 0 12px;text-align: center;}
.toolsSection .material .img img{}
.toolsSection .material .texto{padding:5px 12px;font-size:.9rem;}

.ico-restringido-float{position:absolute;top:4px;right:4px;padding:3px;border:1px solid #FFF;border-radius: 2px;}

.shadowed{text-shadow: 2px 2px 3px rgba(0,0,0,1)}
.mesaayudaSection{}
.mesaayudaSection .barraTitulo{font-size:1.6rem;}
.mesaayudaSection .barraTitulo{padding:1.5rem calc(50% - 140px);}
.mesaayudaSection .barraTitulo i{margin:0 1.2rem 0 .6rem;background-color: #282c36;border-radius:24px;padding: 10px;font-size:1.6rem;}
.mesaayudaSection .optionsButtons li a{background-image: url('../img/grad-btn-azulgris.png');background-color: #3c4249;color:#FFF;background-position: center top;}
.mesaayudaSection .optionsButtons li a:hover{background-image: url('../img/grad-btn-azulgris-hover.png');background-color: #6b7782;}

.cajaContenido ul {
    list-style: none;
    padding-left: 1.4rem;
}
.cajaContenido ul li {
    background: url('../img/bullet-azul.png') no-repeat left .35rem;
    padding-left: 1rem;
    line-height: 1.4rem;
}
.cajaContenido a {
    color: 
    #0ca4a4;
}

.tablaDatos {
    border-collapse: collapse;
    margin: 1.2rem 0;
    margin-left: 0px;
}
.tablaDatos th, .tablaDatos td {border: 1px solid #666;padding: .3rem;}
.tablaDatos th {background: #0ca4a4;color:#FFF;}
.tablaDatos td {border: 1px solid #666;padding: .3rem;}
.espaciarArriba{margin-top:5rem;}

.tablaAcomodada{margin:0 auto;}
.tablaAcomodada .w100{width: 100%;}
.tablaAcomodada th {text-align: center;}
.tablaAcomodada td {text-align: center;}


#busqueda {width: 80%;}

.listaDatos{list-style-image: url('../img/bullet-azul.png');}

/* :: lightGallery :: */
.light-gallery > ul {
              margin-bottom: 0;

            }
            .light-gallery > ul > li {
                float: left;
                margin-bottom: 30px;
                margin-right: 20px;
                width: 200px;
                background: none;
                padding: 0;
                height: 150px;
               
            }
            .light-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
              padding: 4px 4px 16px;
              box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
            }
            .light-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .light-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .light-gallery > ul > li a:hover .light-gallery-poster > img {
              opacity: 1;
            }
            .light-gallery > ul > li a .light-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .light-gallery > ul > li a .light-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .light-gallery > ul > li a:hover .light-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .light-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .light-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .light-gallery .justified-gallery > a:hover .light-gallery-poster > img {
              opacity: 1;
            }
            .light-gallery .justified-gallery > a .light-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .light-gallery .justified-gallery > a .light-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .light-gallery .justified-gallery > a:hover .light-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .light-gallery .video .light-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .light-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .light-gallery {
              padding-bottom: 80px;
            }

/*SUBMENU*/

.bloque_subMenu{border: 1px solid #cac9c9;margin-bottom: 1rem;}
.cajaSubmenu .listaLinks h2,
.bloque_subMenu h3{background: #3b3f4b;color: #FFF;font-size: 1rem;padding: .5rem .7rem;font-family: "ExoDos";margin:0;font-weight: 200 !important;}
.listaLinks ul,
.bloque_subMenu ul{list-style: none;margin:0;padding:0;}
.listaLinks ul li{background:transparent url("../img/bullet-nar.png") no-repeat left 3px;padding-left:16px;margin-bottom:1rem;}
.bloque_subMenu ul li{padding:.4rem .2rem .4rem 22px;margin:0;}
.listaLinks a,
.bloque_subMenu a{color:#32384a;display:block;}
.listaLinks a:hover,
.bloque_subMenu a:hover{color:#f68429;}
.bloque_subMenu .selected{color: #FFF;background: #15aabf;padding-left: 21px;cursor:default;}
.indentLevel{padding-left: 2rem !important;color: #999999;font-size: .9rem;}
.indentLevel a{color:#646464;}


.bloque_subMenu li.indentLevel{background: #EEE;}
.bloque_subMenu .indentLevel.firstChild{background: #EEE url('../img/grad-submenu-firstchild.png') repeat-x top center;padding-top: 0.6rem;}
.listaLinks a span.desc{display:block;font-size:.9em;color:#888888;padding-left:10px;}

.no-padding{padding:0 !important;}

.celdaEspaciadora{width:15px;}
.celdaEspaciadoraGrande{width:45px;}

hr.lineaSeparadora{margin-top:4rem;border:0 none;border-top:1px dotted #4C4949;}
/*
Desktop First
max-width
+1200px
1200px-red
1024px-green
768px-blue
600px-cyan
480px-magenta
320px-yellow
----------------

Mobile First
min-width
-320px-yellow
-480px-magenta
-600px-cyan
-768px-blue
-1024px-green
-1200px-red
+1200px
*/
/*|||||||||||||||||||1200px||||||||||||||||||||||*/
@media screen and (max-width: 1200px){
    .checker{background:yellow;}
}

/*|||||||||||||||||||1024px||||||||||||||||||||||*/
@media screen and (max-width: 1024px){
    .checker{background:magenta;}
    
}

/*|||||||||||||||||||768px||||||||||||||||||||||*/
@media screen and (max-width: 768px){
    .checker{background:cyan;}
}

/*|||||||||||||||||||600px||||||||||||||||||||||*/
@media screen and (max-width: 600px){
    .checker{background:blue;}
}

/*|||||||||||||||||||480px||||||||||||||||||||||*/
@media screen and (max-width: 480px){
    .checker{background:green;}
    #contenedorBanners {height: 125px;}
    .gutter,
    .gutter:last-child{margin-right: 0;margin-left: 0;}
    .toolsSection .material{margin-bottom:0.4rem;}
    .mainSections .material img{max-width: 100%;}
    #contenido .material.margenDer{margin-right: 0;margin-bottom:0.5rem;}
    .biossFooter nav{padding: 1.5rem 1.2rem;}
    
    .biossFooter nav ul{width:100%;margin-bottom:2rem;}
    .biossFooter nav li {display: block;}
    .biossFooter{background-position: right 1.2rem bottom 2.85rem;}
    
    .encuestaHome label{width: 80% !important;display: inline-block !important;padding: .5rem 1rem;font-size: 1.1rem;}
    .encuestaHome p{font-size: 1.1rem;font-weight: bold;}
    .opciones div{margin-bottom: .3rem;}



}

/*|||||||||||||||||||320px||||||||||||||||||||||*/
@media screen and (max-width: 320px){
    .checker{background:red;}
}