body{
    background-color: #172d50;
}

.imgLoadingContainer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}



.loadingSite{
	
	background-color:#fff;
	
	
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
     pointer-events:none;
}







.loadingImg{
	width: 172px;
	height: 112px;
	
	
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-86px;
	margin-top: -56px;
	z-index:1000;
	
	background-image:url("../media/loader.gif");
	background-repeat: repeat;
	background-size: cover;
	
}


.fullDiv{
    width: 100%;
    height: 100%;
}

.paddingFix{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}


.killPadding{
  padding: 0!important;
  margin: 0!important;
}



#img-logo{
    
    cursor: pointer;
}


.menu-hide{
    display: none;
}

#expo_item_video_lb{
    margin: auto;
}
.align_right{
    text-align: right;
}


.menu-show{
    display: block;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}




.slideAtlasImg
{
    height:  auto  !important;
/*    max-width: 558px; max-width: 558px;*/
    width: 100%;
    padding : 0 !important;
    
     outline: 13px solid #fff;
    outline-offset: -13px;

    
}

.slideMotoresImg
{
    height:  auto  !important;
    
    width: 100%;
    padding : 0 !important;
   
}




.col-centered{
    float: none;
    margin: 0 auto;
}


.side-menu2, .side-menu2-filtros{

  background-image: url("../images/FBC_bg_dsk.jpg"); /* The image used */
  
  background-position: center; /* Center the image */
  
  background-repeat: repeat-y ;
  background-size: 1365px auto;
    
    
  background-color:#000;
  position:fixed;
  
  z-index:10000;
  right:0;
  top:0;
  width:100%;
  height:100%;
  justify-content: center;
  text-align: center;
  align-items: center;
  line-height: 1;
  
}

.nav-stacked > li{
    position: relative;
    display: block;
    float: none;
}


.nav{
    display: block !important;
    vertical-align: middle;
}



.nav2{
       display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}













.warningOff{
    display: none!important;
}



.warningContainer{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30000;
    padding: 0;
    margin: 0;
}
.warningBg{
    background: #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */
}
.warning{
   padding: 30px;
    /* border: 1px solid #B2B2B2;
    border-radius: 10px;
    background-color: #E5E5E5; */
}
.warning p{
    margin-bottom: 20px;
/*	font-family: 'Cormorant-SemiBoldItalic' !important;*/
/*
	font-size: 23px;
	color: #808080;
*/
    line-height: 26px;
    text-align: center;
    
     font-family:  var(--monsebold) !important;
    font-size: 23px !important;
    color: var(--blue) !important;
}
















.puesto{
    margin-top: 30px;
}







.contenido_completo{
  height: auto;
  width: 100%;
  margin:0;
  padding:0;
}



a, p, h1, h2, h3, span{
  color: #4d4d4d;
  font-family: 'Montserrat-Regular';
  font-size: 20px;
}


.amarillo{
  font-family: 'Montserrat-Bold' !important;
  font-size: 96px !important;
  color: #ffc817;
}






.nav-pills>li>a:hover{             
    color:#F2704D !important;
}

.nav-pills{
    font-weight: 900;
}

.nav li{
    
    font-size: 38px ;
    color: #fff;
    font-family: 'Cormorant-SemiBold';
    text-align: center;
    margin: auto;
}




/*  INDEX */


.menuHead{
    
}

.menuBlue{
     background-color: #172d50 !important;
     background: transparent\9;
    transition: 0.2s;
}

.menuBlueChange{
    background-color: #172d50 !important;
    background: transparent\9;
    
    transition: 0.2s;
}



.textoCentro{
  color: #fff !important;
  font-family: 'Montserrat-Bold' !important;
  font-size: 96px !important;
}





.menu_btns, .menu_btnsSelected{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin-left: 20px;
}


.menu_btns a, .menu_btnsSelected a , .menu_btns a:not([href]) { 
    color: #fff ;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 18px ;
    text-decoration: none;
    line-height : 25px;
    cursor: pointer;
   transition: .2s;
}


.menu_btns:after{
   content: '';
   position:static;
   top: 130px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffc817;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: .2s;
}

.menu_btns:hover:after{
 
    transform: scaleX(1);
     transform-origin: right;
}


.menu_btnsSelected:after{
   content: '';
   position:static;
   top: 130px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffc817;
    z-index: -1;
    
}





.center-items{
    
    align-items: center;
}

footer{
    padding-bottom: 10px !important;
}
.footer-text span, .footer-text{
    
    font-size: 15px ;
    color: #fff;
    font-family: 'OpenSans-Bold';
    text-align: left !important;
    line-height : 35px;
}



.footer-text2 span, .footer-text2{
    
    font-size: 12px ;
    color: #fff;
    font-family: 'OpenSans-Regular';
    text-align: left !important;
    line-height : 35px;
}




.footer-left {
    
    
}

.footer-right {
    
   /*width: 500px;*/
}




.fL{
    
    width: 440px !important;
    padding-top: 50px !important;
        
     left: 25px !important;
    position: absolute !important;
}
.fL2{
    
   
    padding-top: 100px !important;
    
}

.fR{
    
    width: 290px !important;
     padding-top: 50px !important;
   /*width: 500px;*/
    right: 5px !important;
    position: absolute !important;
}

.fR2{
    
   
     padding-top: 100px !important;
   
}


.footer2{
    
    margin-bottom: 130px !important;
}





/*ACERCA DE*/


.fullBlue{
/*    background-color: #19335a !important;*/
    background-color: #172d50 !important;
    width: 100%;
}

.fullBlue2{
/*    background-color: #172d50 !important;*/
    background-color: #19335a !important;
    width: 100%;
}

.fullWhite{
    background-color: #fff !important;
    width: 100%;
}

.fullWhiteRepre{
    
    background-color: #fff !important;
/*
    margin-left: 40px !important;
    margin-right: 40px !important;
*/
}


.fullBlue2Repre{
    background-color: #172d50 !important;
    
}

.fullGris{
    background-color: #e5e5e5 !important;
    width: 100%;
}



.acercade_main{
    padding: 0px 8%;
}

.acercade{

    font-size: 18px ;
    color: #fff;
    font-family: 'OpenSans-Regular';
    text-align: left !important;
    line-height : 25px;
    padding: 45px 145px;


    }


.acercade_mainacercade_main {
  
}




.acercade_titulo, .acercade_titulo .left{
    
    font-family: 'Montserrat-Bold'!important;
    font-size: 80px;
   
   
    color: white;
    text-align: left;
    padding: 0px 8%
}

.acercade_titulo .left{
    
    
    padding-left: 145px;
}




.acercade_titulo_blue{
   
    font-size: 80px !important;
    font-family: 'Montserrat-Bold' !important;
    color: #172D50;
    text-align: left;
    padding: 0px 8%
}


.acercade_2_left{
    padding-top: 130px;
}

.acercade_2_right{
    margin-top: -1px;
    align-content: flex-end;
    text-align: center;
}

.iso_titulo_2{

    font-size: 20px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #172D50;
    text-align: left;
    margin-left: 20px!important;
    line-height: 25px;
    

}


.iso_titulo{

    font-size: 20px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #172D50;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 20px!important;
    line-height: 25px;

}




#marcas  img{
    width: 253px;
    cursor: pointer;
}




.iso_texto, .iso_texto a{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #000;
    text-align: left;
    
    margin-left: 20px!important;
    margin-bottom: 30px;
    text-decoration: none;
    line-height: 26px !important;

}

.iso_texto_blue{
     color: #172D50;
}



.iso_texto_white, .iso_texto a{
     color: #fff;
    margin-left: 0 !important;
}

.iso_text_yellow a{
    
    color: #ffc817 !important;
}


.iso_texto_tit{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
    
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    
    
    margin-left: 20px!important;
    margin-bottom: 5px !important;;
    
    display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
    padding:5px;font-size:20px;
    background-color: #172D50;

}

.iso_texto_tit span{
    background-color: #172D50;
    
    
    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
}




.iso_texto_tit_whit{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #172D50;
    text-align: left;
    
    
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    
    
    margin-left: 0px!important;
    margin-bottom: 5px !important;;
    
    display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
    padding:5px;font-size:20px;
    background-color: #fff;

}


    
.iso_texto_tit_whit span{
    background-color: #fff;
    
    
    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #172D50;
    text-align: left;
    
}
    





.iso_plus:before {
    content: "+";
   
    float: left;
    
    font-size: 20px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #ffc817;
    text-align: left;
}


.iso_texto_plus{
    
    
}





/*tercera parte acerca de*/

.comercio_texto_parent{
margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    
}

.comercio_texto{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #172D50;
    text-align: left;
    
    

}






/*------------------------   representacion  -------------*/



.repreLeft{
    max-width: 300px !important;
}


.repreLeft2{
    max-width: 95% !important;
}

.repre-up{
    padding-top: 100px !important;
}

.repre-up-60{
    padding-top: 60px !important;
}


.representacion{
     padding-left: 40px !important;
    padding-right: 40px !important;
    
    
}

@media only screen and (max-width: 1024px) {
    .representacion{
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

.representacion_titulo_blue{
   
    font-size: 55px !important;
    font-family: 'Montserrat-Bold' !important;
    color: #172D50;
    text-align: left;
     line-height: 66px;
    
}

.representacion_titulo_85px{
    
     font-size: 85px !important;
    line-height: 86px;
}





.representacion_titulo_white{
   
    font-size: 55px !important;
    font-family: 'Montserrat-Bold' !important;
    color: #fff;
    text-align: left;
    line-height: 66px;
    
}


.representacion_titulo_white_2{
     font-size: 35px !important;
    line-height: 0px;
}
   



.img-responsive-interna{
    margin: 0 auto !important;
    padding: 25px 0px;
    
}







.repre_titulo{

    font-size: 21px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #fff;
    text-align: left;
    margin-bottom: 18px;
    margin-left: 0px!important;
    line-height: 35px;

}



.contacto_titulo{
    font-size: 18px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #fff;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 0px!important;
    line-height: 35px;

}

.contacto_stitulo{
    font-size: 17px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 0px!important;
    line-height: 25px;

}

.contacto_titulo2{
    font-size: 15px !important;
     color: #ffc817 !important;
    text-align: right;
    margin: auto;
    width: 100%;
}

.contacto_send{
    margin-top: 30px !important;
}

.contacto_titulo span{

    font-size: 21px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #ffc817  !important;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 0px!important;
    line-height: 35px;

}

.repre_titulo2{

    font-size: 21px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #fff;
    text-align: center;
    margin-bottom: 18px;
    margin-left: 0px!important;
    line-height: 35px;
    margin-top: 30px;

}



.repre_sub_titulo{

    font-size: 18px !important;
    font-family: 'OpenSans-Bold' !important;
    color: #fff;
    text-align: left;
   
    margin-left: 0px!important;

}





.repre_plus:before {
    content: "+";
   
    float: left;
    
    font-size: 20px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #ffc817;
    text-align: left;
    margin-top: 2px;
}


.brinco{
    height: 150px;
}


.repre_file_body{
    margin-bottom: 30px;
    
}

.repre_file:before {
    content: url('../images/representaciones/Representaciones_pdf_Icon.png');
/*    background:;*/
    display: block;
    width: 19px;
    height:23px;
    float: left;
    margin-left: 3px;
/*
    left: 10px;
    top: 10px;
*/
}


.repre_file2:before {
    content: url('../images/representaciones/Representaciones_pdf_Icon.png');
/*    background:;*/
    display:list-item;
    width: 19px;
    height:23px;
    float: left;
    margin-left: 3px;
    left: 10px;
    top: 10px;
}

.repre_texto_file{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
    margin-left: 40px!important;
    margin-bottom: 15px;
    text-decoration: none;
    padding-top: 3px!important;
    cursor: pointer;
    

}




.repre_texto_file a{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
   
    margin-bottom: 15px;
    text-decoration: none;
    padding-top: 3px!important;
    cursor: pointer;
    

}





.repre_texto, .repre_texto a{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
    margin-left: 20px!important;
    margin-bottom: 18px;
    text-decoration: none;
line-height: 23px;
}


.repre-bottom{
    padding-bottom: 45px !important;
    
}

.repre_texto_full{

    font-size: 18px !important;
    font-family: 'OpenSans-Regular' !important;
    color: #fff;
    text-align: left;
    
   
    margin-bottom: 15px;
    text-decoration: none;
    line-height: 25px;
        margin-bottom: 30px;

}

.texto_negro{
    color: #000 !important;
    
}

.texto_white{
    color: #fff !important;
    padding: 0 !important;
    
}



.texto_blue{
    color: #172D50 !important;
    
}



.atlas_expan{
    padding-left: 30px;
}





#burger-button{
  margin-top:0px;
  border:none;
  position:absolute;
  right:10px;
}


.menu-burger{
    max-width:  50px;
    cursor: pointer;
}

.close-burger{
    max-width:  25px;
    cursor: pointer;
}

.search-filtros{
    max-width:  70px;
    cursor: pointer;
}

.titulo{
    padding-top: 30px;
}


.cont-central{
    padding-top: 30px;
    
}





.centrado-logo{
    text-align:center;
}

.centrado {
    text-align:center;
    padding: 30px;
}


.centrado-bootm {
    text-align:center;
    padding: 10px;
}

.img-central{
    
    margin: 0 auto !important;
    max-width: 90%;
/*    width: 100% !important;*/
}



.img-fullWidth{
    margin: 0 auto !important;
    max-width: 100%;
}

.img-up-publicacion{
    
    margin: 0 0 !important;
    max-height: 700px;
    max-width: 697px;
    min-width: 348.5px;
    
}


.img-rama{
    
    margin: 0 0 !important;
    max-height: auto;
    max-width: 100%;
    min-width: auto;
    
}

.img-rama-cover{
    
    margin: 0 0 !important;
    max-height: auto;
    max-width: 80%;
    min-width: auto;
    
}



.cont-central-artesano{
     position: relative;
    height: 100%;
}

.footerSeccion{
/*
    bottom: -120px;
    position: absolute;
*/
}

#artesano-img{
    margin: 60px 0 !important;
}


.img-up-publicacion-cont{
    position: relative;
    left: 0px;
}


.img_rama_left{
    position: relative;
   text-align: left;
}

.img_rama_right{
    position: relative;
    text-align: right;
    margin-right: 0px !important;
}

.cont-central h1{
  
    padding-top: 10px;
    padding-bottom: 10px;

    font-family: 'Montserrat-Bold';
    font-size: 30px;
    text-align: center;
}


h2{
     padding-top: 10px;
    padding-bottom: 10px;

    font-family: 'Montserrat-SemiBold';
    font-size: 20px;
    text-align: center;

}

h3{
    padding-top: 20px;
    padding-bottom: 20px;

    font-family: 'Montserrat-SemiBold';
    font-size: 13px;
    text-align: center;

}

.width-ftr{
    width: 240px !important;
}


.footer_btns{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}




.logo{
    height: 155px;
   
}


.img-responsive {
    margin: 0 auto !important;
}

.img-responsive-footer2{
    margin: 0 auto !important;
    max-width: 56px;
}



.img-responsive-{
     margin: 0 auto !important;
    
}







.alignLeft{
    text-align:right;
/*    padding:30px;*/
    
    padding: 30px 0 12px 19px
    
}

.alignRight{
    text-align:right;
    padding:0px;
    padding-right: 0;
}



.creditos_conLeft{
    margin: 0;
    padding: 0;
}

.publicacion_conLeft{
    margin: 0;
    padding: 0;
}


.creditos_conRight{
    
}


.publicacion_subtexto_cont{
    display: block;
}
 .publicacion_subtexto_mb{
        display: none;
    }



.ramas-up{
    padding-top: 40px !important;
   
}










#rama_dscr{
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
    
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
    
    padding-left: 30px !important;
    padding-right: 30px !important;
}








.expoPiezaDown{
    max-height: 340px !important;
}










.footerRight img{
    
/*    margin: 35px !important;*/
    margin: 15px 35px !important;
}





.leftRay{
  border-left: 3px solid white;
  
}








/* HOME */

.elNegro{
    background-color: #000;
    
}

.elBlanco {
    background-color: #e5e5e5;
}



.navbar{
    padding: 15px !important;
    padding-top: 23px !important;
    
/*     border-bottom: .1px solid #333;*/
    height: 150px;
    
    transition: 0.2s; 
}


.img-logo{
/*    max-width: 300px; */
    width: 56px;
    margin-top: 7px !important;
    margin-left: 38px !important;
    
}

.navbar-menu{
    padding: 5px !important;
    border: none !important;
}


.fix-bottom {
    position: absolute;
    bottom:0;
   
    width: 100%;
    padding-bottom: 0px !important;
    
      position: fixed;
  transform: translate3d(0,0,0);
    
}




.fix-bottom2 {
    position: absolute;
    bottom: 120px;
   
    width: 100%;
    padding-bottom: 0px;
}




.section-info {
    background-color: #172d50 !important;
    color: #ffffff;
    min-height: 85px;
}


.section-info-visita{
    background-color: #e5e5e5 !important;
    color: #ffffff;
    min-height: 10px;
    padding-bottom: 30px !important;
    
    
}



.videoBg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
}

.text-center {
    text-align: center;
}

.minheighter {
    min-height: 32px;
}


.imghome-btn {
   padding-top: 5px !important;
}


a {
    color: white;
    text-decoration: none;
}




.img-responsive-footer2-img{
    margin: 0 auto !important;
    text-align: center;
}





/* VISITA */

.visita_main{
    margin-top: 170px!important;
/*    width: 100%;*/
    height: 100%;
}

.visita_left{
    
   
    align-content: center;
   
    
}



.visita_right{
    background-color: black;
}




.visita_left_main{
   padding: 40 15% !important;
    
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: left;
    
   
}



.vivearte_left_main_1{
    
}

.vivearte_left_main{
    padding-top: 40px !important;
    padding-left:  15% !important;
    padding-right:  15% !important;
    
    padding-right: 21px !important;
    text-align: left;
    
   
}


.vivearte_left_main_2{
    padding-top: 0px !important;
   
    
   
}


.vivearte_right_main{
    
     padding-top: 40px !important;
    padding-left:  15% !important;
    padding-right:  15% !important;
    padding-left: 21px !important;
    text-align: left;
    
    

    position: relative;
    width: 562px;
    height: 568px;
    
    left: 50%;
    transform: translateX(-50%);
    

   
}

.vivearte_right_main_uptxt{
   
    padding: 40 15% !important;
    padding-left: 21px !important;
    text-align: left;
    
    
    
}





.vivearte-img-pefil{
    position: absolute;
    width: 212px;
    height: auto;
    top: 0;
    left: 21px;
    
}


.vivearte-img-arte{
    position: absolute;
    width: 445px;
    height: auto;
    bottom: 0;
    left: 76.8px;
    
}





.vivearte-img-pefil-invert{
    position: absolute;
    width: 212px;
    height: auto;
    top: 0;
    right: 21px;
    
}


.vivearte-img-arte-invert{
    position: absolute;
    width: 445px;
    height: auto;
    bottom: 0;
    left: 76.8px;
    
}











.vivearte-img{
    width: 100%;
    height: auto;
}






.visita_left_main div  {
    margin-bottom: 50px;
}



.creditos_main , .ramas_main{
   padding: 0 0 !important;
    
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: left;
    
   
}


.publicacion_subtexto{
   padding: 0 0 !important;
    
    font-family: 'Lato-Regular';
    color: #d9d9d9;
    font-size: 17px;
    text-align: left;
    
    line-height : 23px;
    
   
}



.creditos_texto_up{
    padding: 60px  0px !important;
}

.publicacion_texto_up{
    padding: 45px  0px !important;
}

.creditos_main div {
    margin-bottom: 50px;
}







.ramas_tit{
    
    padding: 0px 20px !important;
    
    font-size: 30px !important;
    font-family: 'Cormorant-SemiBold' !important;
    text-align: left  !important;
}


.visita_tit{
    
    font-size: 41px !important;
    font-family: 'Cormorant-SemiBold' !important;
}
.visita_tit_regular{
    
    font-size: 35px !important;
    font-family: 'Cormorant-Regular' !important;
}


.textWhite, .textWhite div, .textWhite a{
    color: white !important;
}


.creditos_titulo{
    margin-top: 50px;
    font-size: 41px !important;
    font-family: 'Cormorant-SemiBold' !important;
    color: white;
    text-align: center;
}



.vivearte_titulo{
   
    font-size: 41px !important;
    font-family: 'Cormorant-SemiBold' !important;
    color: white;
    text-align: left;
    padding: 0px 8%
}







.visita_subtit{
    color: #ca9447;
    margin-bottom: 0px !important;
}

.sub_rojo{
    color: #ec152c !important;
}

.visita_withoutbr{
    margin-bottom: 6px !important;
}

.visita_maps{
     color: #ec152c;
}

.visita_maps a{
    font-family: 'Cormorant-Medium' !important;
    text-decoration: none;
    color: #ec152c;
    font-size: 22px;
}


.visita_mail{
    font-family: 'Cormorant-MediumItalic' !important;
}







.side-menu {
  background-color: transparent;
  position: fixed;

  z-index: 10000;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;

  justify-content: center;
  text-align: center;
  align-items: center;

  line-height: 1.3;

}



.hidden-home{
    display: none;
}


.section-info2{
        display: block; 
}




.btns-menu{
    margin-top: 70px;
}

.btns-menu a, .expos-ramas{
    font-size: 33px !important;
    color: #fff !important;;
    font-family: 'Cormorant-SemiBold' !important;
    text-align: center !important;;
    margin: auto !important;;

}


.btns-menu a span, .letra-up{
    font-size: 48px !important;
    color: #fff !important;;
    font-family: 'Cormorant-SemiBold' !important;
    text-align: center !important;;
    margin: auto !important;;

}

.expos-ramas-tit{
   justify-content: center;
    align-content: center;
    flex-direction: column;
    vertical-align: baseline;
    
    
    display: flex;
    align-items: center;
    padding-top: 0px;
    text-align: left !important;
    
}



 .expos-ramas-tit-paddleft
    {
   
       
        padding-left: 10px  !important;
    }
    


.btns-menu a:hover{             
   
    text-decoration: none;
    
}





























/* BOTONES DEL MENU*/


.parent-menu-btn {
    margin-bottom: 10px !important;
}

.cool-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1.5px;
    background: #ec152c;
    transition: width .2s;
}

.cool-link:hover::after {
    width: 100%;
    /*/transition: width .2s;*/
}





.publicacion_texto_down{
/*    padding-top: 130px !important;*/
    padding-left: 190px !important;
    
}

.ramas_texto_down{
    padding: 20px !important;
}

.ramas_texto_down_txt{
    margin-bottom: 0px !important;
    padding: 0px 20px !important;
}





.publicacion_down_parent{
    margin: 70px 0px !important;
}






.position-relative{
    position: relative;
}



.vivearte-autor{
    margin: 80px 0 !important;
    max-width: 1300px;
    align-content: center;
    margin: 180PX auto!important;
/*    margin-bottom: 180px !important;*/
}


.vivearte-up{
     max-width: 1300px;
     align-content: center;
     margin: 0 auto!important;
}


.vivearte-autor span, .vivearte-autor p  {
   
    font-family: 'Cormorant-SemiBold' !important;
     font-size: 34px !important;
    color: white !important;
}


.order-2{
    order: 1;
}


.order-1{
    order: 2;
}







.center-redes-menu{
    
    text-align: center;
    align-content: center;
    padding: 33px 300px !important;
    
}




























/*RAMAS*/




.img-rama-1, .img-rama-2, .img-rama-3, .img-rama-4, .img-rama-5, .img-rama-6, .img-rama-7, .img-rama-8{
    
   background-repeat: no-repeat;
   background-size: 780px 400px;
   width: 780px;
   height: 400px;
}


.img-rama-1{
    background-image: url("../images/exposicion/Ramas/FCB_barro.jpg");
}


.img-rama-2{
    background-image: url("../images/exposicion/Ramas/FCB_textiles.jpg");
}


.img-rama-3{
    background-image: url("../images/exposicion/Ramas/FCB_fibrasVegetales.jpg");
}


.img-rama-4{
    background-image: url("../images/exposicion/Ramas/FCB_metales.jpg");
}

.img-rama-5{
    background-image: url("../images/exposicion/Ramas/FCB_madera.jpg");
}


.img-rama-6{
    background-image: url("../images/exposicion/Ramas/FCB_papel.jpg");
}


.img-rama-7{
    background-image: url("../images/exposicion/Ramas/FCB_piedra.jpg");
}


.img-rama-8{
    background-image: url("../images/exposicion/Ramas/FCB_varios.jpg");
}











/*            -------------------         exposicion galeria ---------------              */

.expo_gallery_item{
    
    
    margin: 0px !important;
    
    padding-left: 45px !important;
    padding-right: 45px !important;

    text-align: center;
    
    margin-bottom: 80px !important;
    
    
}

.mouse {
     cursor: pointer;
}

.expo_gallery_item span{
     padding-left: 5px !important;
     padding-right: 5px !important;
   
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.expo_gallery_img{
   padding: 20px !important;
    width: 100%;
    height: intrinsic;
}

.expo_gallery_img_down{
   padding: 0 20px !important;
    
    width: auto;
    max-height: 400px;
    margin: auto !important;
    margin-bottom: 80px !important;
}




.expo_gallery_tit{
    width: 100%;
    color: #ca9447 !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}


.expo_gallery_sub{
    width: 100%;
    line-height : 25px;
}


#verpdf{
   
    color: #ca9447 !important;
   font-size: 22px;
    margin-top: 5px !important;
    cursor: pointer;
}











#parentArtesano span{
    font-size: 24px ;
    color: #fff ;
    font-family: 'Cormorant-SemiBold' ;
    
}





.galeria_gallery_img{
    
    padding: 0 0px !important;
    
/*    width: auto;*/
       max-height: 500px;
    height: auto;
    max-width: 322px;
    margin: auto !important;
    margin-bottom: 15px !important;
}





.galeria_gallery_tit{
    width: 100%;
    color: #ca9447 !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}


.galeria_gallery_mail{
    width: 100%;
    color: #ca9447 !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
    font-family: 'Cormorant-MediumItalic' !important;;
    color: #fff;
    font-style: italic;
    font-size: 22px;
}



.galeria_gallery_sub{
    width: 100%;
    line-height : 25px;
}









.pieza-up{
    padding: 0 100px !important;
}





 .publicacion_subtexto2{
      
        font-size: 18px !important;
         line-height : 26px !important;
       

    }
    

.expo_tit{ 
    padding: 0px 0px !important;
}



.ramas-pzas-tit{
    font-size: 23px !important;
    color: #fff !important;
    font-family: 'Cormorant-SemiBold' !important;
    text-align: left !important;
    margin: 0 70px !important;
}


.galeria_gallery_downParent{
   
   
/*    padding: 0 145px !important;*/
    max-width: 322px;
    
    margin: auto !important;
}





















/*+++++++++++++ galeria------------ */



.galeria_gallery_item{
    
    
    margin: 0px !important;
    
    padding-left: 5px !important;
    padding-right: 5px !important;

    text-align: center;
    
    margin-bottom: 80px !important;
    
    
}



.galeria_gallery_item span{
    
    
    margin: 0px 0px !important;
    
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: left;
}


.bottomFooter{
    bottom: 0;
    position: fixed;
}


.tit_rama{
    margin: 60px 0px !important;
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: left;
    
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    padding-left: 90px!important;
    background-color: #121212;
}


.tit-encontro-filtro{
    width: 100%;
    margin: 10px 0px !important;
    margin-top: 80px !important;
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    text-align: center;
    
    padding-bottom: 20px !important;
    padding-top: 20px !important;
/*    padding-left: 90px!important;*/
/*    background-color: #121212;*/
}

.tit-encontro-filtro span{
    font-family: 'Cormorant-Medium';
    color: #fff;
    font-size: 22px;
    font-style: italic;
}







@media (max-width: 990px) {

    .alignLeft{
    text-align:center;
    padding:30px;
    }

    .alignRight{
    text-align:center;
    padding:0px;
        
    }
    
    .creditos_titulo{
        text-align: left !important;
        padding-left: 41px;
        
    }
    
    .expos_titulo
    {
        text-align: center!important;
    }
    
    
    
    
    
    
    

}


 @media (min-aspect-ratio: 16/9) {
    .videoBg{
      width: 100%;
      height: auto !important;
    }
}

@media (max-aspect-ratio: 16/9) {
    .videoBg {
      width: auto !important;
      height: 100%;
    }
}
















/* yo soy LG */

@media only screen and (max-width: 1199px) {
     .publicacion_subtexto_cont{
        display: none;
    }
    .publicacion_subtexto_mb{
        display: block;
    }
    
    .publicacion_subtexto{
       padding: 10px 20px !important;

        font-family: 'Lato-Regular';
        color: #d9d9d9;
        font-size: 15px;
        text-align: left;

        line-height : 23px;


    }
    
    .expo_tit{ 
        padding: 0px 20px !important;
    }

    .publicacion_subtexto2{
      
        font-size: 16px !important;
         line-height : 26px !important;
       

    }
    
    
    .publicacion_texto_down{
        padding-top: 50px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;

    
    
   
    }
    
    
    
    /*----------vive arte---------- */
    
    
     .vivearte_left_main{
        padding: 40 5% !important;
    }
    
    
     .vivearte_right_main{
        padding: 0 5% !important;
    }
    
    .vivearte_right_main_uptxt{
        padding: 40px 5% !important;
    }
    
    
    
/*
    

    .vivearte-img-pefil{
        position: static;
        width: 212px;
        height: auto;
        float: left;

    }


    .vivearte-img-arte{
            position: static;
            width: 246px;
            height: auto;
            float: left;
            margin-left: 54px;
            margin-top: -67px !important;

    }



    .vivearte-img-pefil-invert{
        position: static;
        width: 212px;
         height: auto;
        top: 0;
        right: 21px;
        
        float: left;


    }


    .vivearte-img-arte-invert{
        
          position: static;
            width: 246px;
            height: auto;
            float: left;
            margin-left: 54px;
            margin-top: -67px !important;

    }
*/

    .order-1mb{
        order: 1;
    }



    .order-2mb{
        order: 2;
    }

    
    
    /*----------vive arte end---------- */
    
    
}




/* yo soy MD */



@media only screen and (max-width: 991px) {
    
    .vivearte_left_main{
        padding: 40 5% !important;
    }
    
    
     .vivearte_right_main{
        padding: 0 5% !important;
    }
    
    .vivearte_right_main_uptxt{
        padding: 40px 5% !important;
    }
    
    
    .visita_left {
        order: 2;
    }
    .visita_right {
        order: 1;
    }
    
    
    .creditos_conLeft{
       order: 2;
       
    }
    
    
    
    .creditos_conRight{
        order: 1;
        padding-left: 25px;
    }
    
    .visita_left_main{
       padding: 40 10px !important;
       font-size: 18px;
    }
    
    .creditos_main{
        padding: 0 10px !important;
        font-size: 18px;
    }
    
    
    .publicacion_texto_up{
        padding: 45px  0px !important;
    }
    
    
    
    .visita_tit {
        font-size: 41px !important;
        font-family: 'Cormorant-SemiBold' !important;
    }
    
    .img-central{
    
        margin: 0 auto !important;
        max-width: 100%
    }    
    
    
    .creditos_texto_up{
        padding: 60px  10px !important;
    }
    
    
     .expo_tit{ 
        padding: 0px 20px !important;
    }
    
    /*----------vive arte---------- */
    
    
/*
    
    

    .vivearte-img-pefil{
        position: static;
        width: 212px;
        height: auto;
        float: left;

    }


    .vivearte-img-arte{
            position: static;
            width: 246px;
            height: auto;
            float: left;
            margin-left: 54px;
            margin-top: -67px !important;

    }



    .vivearte-img-pefil-invert{
        position: static;
        width: 212px;
         height: auto;
        top: 0;
        right: 21px;
        
        float: left;


    }


    .vivearte-img-arte-invert{
        
          position: static;
            width: 246px;
            height: auto;
            float: left;
            margin-left: 54px;
            margin-top: -67px !important;

    }
*/


    
    /*----------vive arte end---------- */
     .order-1mb{
         order: 1;
    }


    
    .order-2mb{
         order: 2;
    }

    

    .center-redes-menu {
  
     padding: 33px 50px !important; 
    }
    

}


#parentArtesanos{
    width: 100%;
}


/* yo soy SM */

@media only screen and (max-width: 768px) {
    
 .representacion_titulo_85px{
    
     font-size: 45px !important;
    line-height: 55px;
 }

    
    
/*
    .footerSeccion{
        bottom: -240px;
        position: absolute;
    }
*/
    
    #rama_dscr{
      -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
      -moz-column-count: 1; /* Old Firefox */
      column-count: 1;
         padding-left: 0px !important;
    padding-right: 0px !important;
    }
    
  .ramas-pzas-tit{
        margin: 0 40px !important;
    }

    
    
     .expo_tit{ 
        padding: 0px 20px !important;
    }
    
    .vivearte_left_main{
        padding: 40 5% !important;
    }


    .vivearte_right_main{
        padding: 40px 5% !important;
    }
    
    .vivearte_right_main_uptxt{
         padding: 40px 5% !important;
    }
    
   
    
    .align_right{
    text-align:center;
}
    
    
    .menu-burger{
        max-width:  30px;
        cursor: pointer;
    }
    
    .img-logo{
        max-width: 240px; 
    }
    
    
    .cont-central {
/*        background-color: #000;*/
        padding-top: 130px !important;
    }
    
    
    .visita_left {
        order: 2;
    }
    .visita_right {
        order: 1;
    }
    
    
     .creditos_conLeft{
       order: 2;
    }
    
    
    
    .creditos_conRight{
        order: 1;
        padding-left: 25px;
    }
    
    .visita_left_main{
       padding: 40 10px !important;
       font-size: 18px;
    }
    
    
   
    
    
    .creditos_main{
        padding: 0 10px ;
       font-size: 18px;
    }
    
    
    .creditos_texto_up{
        padding: 60px  10px !important;
    }

    
    
   

    
    .visita_tit {
        font-size: 34px !important;
        font-family: 'Cormorant-SemiBold' !important;
    }
    
    .img-central{
    
        margin: 0 auto !important;
        max-width: 100%
    }    
    
    
    .hidden-home{
        display: block;
    }
    
   
    .creditos_titulo{
        
        text-align: left !important;
        padding-left: 34px;
        font-size: 34px !important;
        
    }
    
    .expos_titulo{
        text-align: center !important;
    }
    
    .side-menu2, .side-menu2-filtros{

        background-image: url("../images/FBC_bg_mb.jpg"); /* The image used */
        background-size: 372px auto;
        background-position: center; /* Center the image */
  
        background-repeat: repeat-y ;
    }
    
    .fix-bottom {
        position: absolute;
        bottom:0px;

        width: 100%;
        padding-bottom: 0px;
    }
    
    .btns-menu a span{
        font-size: 30px !important;
    }
    
    .btns-menu a{
        font-size: 20px !important;
    }
    
   
    
    .publicacion_texto_down{
        padding-top: 50px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;

    }
    
    
    
    
    .vivearte_titulo{
   
        font-size: 34px !important;

        text-align: center;
        padding: 0px 8%
    }
    
    
    .order-1mb{
         order: 1;
    }


    
    .order-2mb{
         order: 2;
    }



    
    /*----------vive arte end---------- */
    
    .center-redes-menu {
  
     padding: 33px 50px !important; 
    }
    
    
    
    
  
}

.pointer{
     cursor: pointer;
}







#pieza-cedula{
    font-size: 24px;
    line-height : 35px !important; 
}




/* yo soy xs */


.iso-img{
    width: 166px;
}

.motores_padiing{
    padding-left: 15px !important;
   
    padding-right: 15px !important;
}


.img-clientes{
    
    width: 210px;
}




.mycontent-right{
    border-left: 1px solid #fff;
    padding-left: 40px !important;
}

.texto-home{
    
    z-index:10; 
    display:flex;
    height:100%;
}
    

 .ftrRight{
    
        width: 400px;
    }

.marcas-parent{
        width: 50% !important;
        padding: 0px !important;
        height: auto;
    }
.marcas-parent-parent{
        width: 100% !important;
    height: auto;
    }

.box-slider {
  
    max-width: 457.5px;
   
    background: #fff;
    outline: 12px solid #fff;
    outline-offset: -12px;
    text-align: center;
    margin: auto;
    
    z-index: 300;
    
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.4), 0 8px 20px 0 rgba(0, 0, 0, 0.3);
}


.box-slider-2 {
  
    
    background: #fff;
    outline: 13px solid #fff;
    outline-offset: -14px;
    text-align: center;
    margin: auto;
    
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.4), 0 8px 20px 0 rgba(0, 0, 0, 0.3);
}
.box-slider-3 {
  
    
    background: #fff;
    background-position: calc(100% + 0px) center;
    outline: 12px solid #fff;
    outline-offset: -12px;
    text-align: center;
    margin: auto;
    
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.4), 0 8px 20px 0 rgba(0, 0, 0, 0.3);
}





.instalacionDiv{
    margin: auto!important;
    text-align: center;
}


.navbar-toggler-icon{
    background-image: url("../images/Menu_Mobile.png")!important;
}


.fixed-top {
    position:fixed !important;
}


.img-instalacion{
    
    width: 458px;
    outline: 13px solid #fff;
    outline-offset: -13px;
}

.certificado{
    width: 428px;
}

.nonShow{
    display: none !important;
}
.non-selectable {
   -moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none; 
}





.privacidad{
    
     cursor: pointer;
    background-image: url(../images/Footer_flecha_aviso@2x.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 0px) center;
    background-size: 7px 11px;
    overflow: auto;
    padding-right: 20px;
}

/* mobile */



.mapa-contacto{
    padding-top: 60px; 
    width: 100%; 
    background-color: white;
}


.send-mobile{
    display: none;
    text-align: center;
     cursor: pointer;

}
.send-dskt{
    display:block;
    text-align: right;
     cursor: pointer;
    
   
 }

 .mrginAuto{
     vertical-align: middle;
    margin: auto !important;

 }

.form-control--{
    display: block;
    width: 100%;
/*    height: calc(1.5em + .75rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}








textarea:focus, input:focus, select:focus{
    outline: none;
}        
textarea, input, select{
    font-size: 12px ;
    color: #172D50;
    font-family: 'OpenSans-Regular';
}        

@media only screen and (max-width: 576px) {
    
    
    .img-responsive-acr{
        width: 100% !important; 
    }
    
    #slideInfra{
        max-width: 100%;
        
        
    }
    
    
    .navbar{

        height: 90px;

        transition: 0.35s; 
    }

    .cont-contacto{
        padding-top: 80px  !important;
    }
    
    
    
     .imghome-btn {
        padding-top:     18px !important;
    }
    
    .fL{
    
        width: 100% !important;
        padding-top: 10px !important;
        left: 0 !important;

        position: absolute;
    }
    .fL2{


        padding-top: 150px !important;

    }

    .fR{

        width: 100% !important;
         padding-top: 90px !important;
       /*width: 500px;*/
         left: 0 !important;

        
        position: absolute!important;
    }

    .fR2{


         padding-top: 180px !important;

    }


    .footer2{

        margin-bottom: 200px !important;
    }

    
    
    
    
    
    
    
    
    .contacto_titulo2{
       
        text-align: center;
        
    }
    
    .send-mobile{
        display: block;
    }
    .send-dskt{
        display:none;
    }

    
    .img-responsive-footer2 {
       
        max-width: 56px;
        
    }
    
    
    .img-logo{

        width: 55px;
        margin-top: 0px !important;
        margin-left: 0px !important;

    }
    
    
    
    
    .img-responsive-footer2 {
            margin: 0 auto !important;
            max-width: 50;
        }
    
    .footerRight img {
        margin: 2px 10px !important;
    }
    
   

    .footer-text2 span, .footer-text2 {
        font-size: 10px;
        color: #fff;
        font-family: 'OpenSans-Regular';
        text-align: center !important;
        line-height: 13px;
        /* padding: 0 80px; */
        margin: 0 30px;
        
    }
    
    
    .box-slider {
    width: 100%;
        
    }
    
    .texto-home{
    
        z-index:10; 
        display:flex;
        height:70%;
    }
  
    
    .footer-text span, .footer-text{
    
        font-size: 13px ;
        color: #fff;
        font-family: 'OpenSans-Bold';
        text-align: left !important;
        line-height : 25px;
    }

    
    
    .hidden-clinte{
        display: none;
    }
    
    .img-clientes-parent{
        width: 50% !important;
    }
    
    .img-clientes{
    
        width: 100%;
    }
    
     .ftrLeft{
    
        width: 30%;
    }
    
     .ftrRight{
    
        width: 70%;
    }

    
    .footer-left{
         width: 350px !important;
    }
    .mycontent-right{
        padding-left: 15px !important;
    }
    
    .motores_padiing{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    
    
    
     .representacion_titulo_85px{
    
             font-size: 35px !important;
            line-height: 35px;
         }
    
    
    .img-instalacion, .certificado{
    
        width: 100%;
    }

    
    .atlas_expan{
        padding-left: 0;
    }
    
    #marcas img {
        width: 100%;
        cursor: pointer;
        text-align: center;
    }
    
    .representacion{
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    
    
    
    
    .cont-central{
        padding-top: 30px !important;;

    }

    
    
    
    .textoCentro, .amarillo{
        font-size: 47px !important;
    }

    
    .acercade_2_left {
        
    }
    
    
    .iso-img{
        width: 80px;
    }
    
    
    .acercade_titulo_blue{
        padding: 0px 8%;
        font-size: 35px !important;
    }
    
    
    .acercade_titulo{
    
        font-size: 45px;
        text-align: left;
        padding: 0px 8%;
            padding-top: 80px !important;
    }

    .acercade_titulo .left{
        font-size: 45px;
        text-align: left;
        padding: 0px 0%;
    }
    
    .acercade{
        padding: 45px 0px;
    }
    
    
    
    .acercade_2_left {
        padding-top: 30px;
    }
    
    
    .representacion_titulo_white{
   
        font-size: 35px !important;

        line-height: 36px;
    
    }
    
    .representacion_titulo_blue{

        font-size: 35px !important;

        line-height: 36px;

    }
  
    .certificado_tit{
         font-size: 25px !important;
        line-height: 0px;
        text-align: center;
    }
   
    
    
    
    .expo_gallery_img_down{
       padding: 0 0 !important;
    }
    
    
    
    .expo_gallery_item{
    
    
         padding-left: 0px !important;
        padding-right: 0px !important;

   
    
    
    }
    
    
    
    .pieza-up{
        padding: 0 30px !important;
    }

    
    #rama_dscr{
      -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
      -moz-column-count: 1; /* Old Firefox */
      column-count: 1;
         padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .ramas-pzas-tit{
        margin: 0 40px !important;
    }

    
    
     .expo_tit{ 
        padding: 0px 20px !important;
    }
/*
     .publicacion_subtexto_cont{
        display: none;
    }
*/
    
   
    
    .img-up-publicacion-cont{
        position: relative;
        left: -80px;
    }
    
    
    
    .img-up-publicacion{
    
        margin: 0 0 !important;
        max-height: 540px;
        max-width: 269px;
        min-width: 269px;
    

    }
    
     .img-rama{
    
        margin: 0 0 !important;
        max-height: auto;
        max-width: 100%;
        min-width: auto;
         
/*
           margin: 0 0 !important;
        max-height: 255px;
        max-width: auto;
        min-width: auto;
*/
    

    }
    
    
      .vivearte_left_main{
        padding: 28px 5% !important;
          padding-bottom: 10px !important;
          
              text-align: center;
    }
    
    
     .vivearte_right_main{
        padding: 0 5% !important;
    }
    
    .vivearte_right_main_uptxt{
        padding: 20px 5% !important;
    }
    
    .vivearte_right_main{
       


        width: 100%;
        height: 368px;


   
    }

    
    
    

    .vivearte-img-pefil{
      
        width: 160px;
      
    }


    .vivearte-img-arte{
        
        width: 245px;
     

    }





    .vivearte-img-pefil-invert{
       
        width: 160px;
        left: 21px;
     

    }


    .vivearte-img-arte-invert{
      
        width: 245px;
       

    }


    
    .vivearte-autor span,.vivearte-autor p  {
         font-size: 25px !important;
    }
    
    
    
    
    .vivearte-autor{
      
        margin: 100PX auto!important;
    }
    
    
    .publicacion_texto_up div{
        margin-bottom: 15px !important;
    }


    
    
    
    .center-redes-menu {
  
     padding: 33px 50px !important; 
    }
    
    
    .expos-ramas{
        font-size: 23px !important;
    
    }
    .letra-up{
        font-size: 38px !important;
    }

    
    
    .ramas_tit{
    
        padding: 3px 41px !important;
    
        font-size: 28px !important;
    }

    
    
    .expos-ramas-tit{
   
        padding-top: 60px !important;
    } 
    
    
    .expos-ramas-tit-paddleft
    {
   
       
        padding-left: 41px  !important;
    }
    .img-rama-cover {
       
        max-width: auto;
        max-height: 400px !important;
    }

   

}


.cont-central {
/*    background-color: #000;*/
    padding-top: 160px !important;
}




 .mycontent-left {
/*      border-right: 1px solid #fff*/
        
    }



.openSansBold{
    font-family: 'OpenSans-Bold';
}


strong, b {
    font-weight: bold !important;
}


.endSeccion{
    padding-bottom: 130px !important;
}




.vertically-auto{
    margin-top: auto  !important;
    margin-bottom: auto  !important;
    
     align-content: center !important;
    flex-direction: column  !important;
    vertical-align: baseline  !important;
    
    
    display: flex;
}

.centro{
    text-align: center;
}

.btm_width{
    width: 500px;
    
}


@media (max-width: 800px) {
    .btm_CENTER{
         margin-top: auto  !important;
        margin-bottom: auto  !important;

         align-content: center !important;
        flex-direction: column  !important;
        vertical-align: baseline  !important;


        display: flex;

    }
    
}

.cont-central-motores{
    margin-top: 650px !important;
    
}




.motores_padiing_ud{
    padding-top: 20px !important;
     padding-bottom: 20px !important;
}

.videoBgWrapper{
    

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}


.videoBg{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
}












/*SLIDESHOW*/


.mySlides {display: none;}






.active {
  background-color: #717171;
}

/* Fading animation */




#slideInfra{
    margin: 60px auto !important;
    max-width: 80%;
}

.fade2 {
  -webkit-animation-name: fade_2;
  -webkit-animation-duration: 1.5s;
  animation-name: fade_2;
  animation-duration: 1.5s;
}



@-webkit-keyframes fade_2 {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes fade_2 {
  from {opacity: .1} 
  to {opacity: 1}
}

.fadeOut {
  -webkit-animation-name: fadeOutT;
  -webkit-animation-duration: 1s;
  animation-name: fadeOutT;
  animation-duration: 1s;
}








@-webkit-keyframes fadeOutT {
  from {opacity: 1} 
  to {opacity: 0}
}

@keyframes fadeOutT {
  from {opacity: 1} 
  to {opacity: 0}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}



.contacto-form  {

   margin-bottom: 15px !important;
}
.contacto-form input {

    border: 3px solid #172d50;
    border-radius: 10px; 
}

.contacto-middle input {
    width: 250px!important;
    
}


.contacto-form select {
    
    margin-top: 25px;
    margin-bottom: 25px;

    border: 3px solid #172d50;
    border-radius: 10px; 
    width: 250px;
    height: 40px;
    padding-left: 5px;
    
    color: #172d50;
    font-size: 15px;
   
    font-family: 'OpenSans-Bold';
    
    
  
}


select option {
    
   
    font-family: Arial;

    
    
    
  
}














.contacto-form textarea {

    border: 3px solid #172d50;
    border-radius: 10px; 
    
    margin-bottom: 50px;
}




@media only screen and (max-width: 576px) {
    
    
    .cont-central{
        padding-top: 60px !important;

    }
    
}



#contacto-norobot {
  display: none;
}
.checker {
  background-image: url("../images/contacto/Checkbox@2x.png");
  background-position: left bottom;
  background-size: auto 100%;
    height: 23px;
   
  background-repeat: no-repeat;
  padding-left: 55px;
     cursor: pointer;
}


#contacto-norobot:checked + .checker {
   background-image: url("../images/contacto/Checkbox_Over@2x.png");
  background-position: left bottom;
  background-size: autox 100%;
     height: 23px;
   
 
  background-repeat: no-repeat;
    padding-left: 55px;
     cursor: pointer;
}

#elFooter {
    z-index: 100;
    background-color: #172d50 !important;
}


.loadingSite:before {
    
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1999;
     pointer-events:none;
}