@keyframes animacionban 
{
  0%
   {
    opacity: 0.0;
   
  }
  100% 
  {
    opacity: 1.0;
 
  }
}



@keyframes animaciontxt
{
  0%
   {
    opacity: 0.4;
    transform: translateY(40%);
  }
  100% 
  {
    opacity: 1.0;
    transform: translateY(0%);
  }
}




.contenedor_sw
{
 position: relative;
 display: block;
 float: left;
 width: calc(100% - 36px);
 height: auto;
 margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 
 padding: 0px;
 box-sizing: border-box;
 background-color: #ffffff;
}


.panelsa
{
 position: relative;
 display: block;
 float: left;
 width: calc(50% - 1px);
 height: auto;
 
 /*

 margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 */
 padding: 0px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 2px;
 margin-bottom: 0px;
 box-sizing: border-box;
 background-color: #202020;
 background-image: url("../img/fondosliderv21.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center; 
 
}


.panelsb
{
 position: relative;
 display: block;
 float: left;
 width: calc(25% - 4px);
 height: auto;
 /*margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 */
 margin: 0px;
 margin-top: 0px;
 margin-left: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 box-sizing: border-box;
 background-color: #202020;
 background-image: url("../img/fondosliderv21.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center;  
 
}

.panelsc
{
 position: relative;
 display: block;
 float: left;
 width: calc(25% - 4px);
 height: auto;
 /*margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 */
 margin: 0px;
 margin-top: 0px;
 margin-left: 2px;
 margin-right: 0px;
 margin-bottom: 2px;
 box-sizing: border-box;
  background-color: #202020;
  background-image: url("../img/fondosliderv21.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}

.panelsd
{
 position: relative;
 display: block;
 float: left;
 width: calc(25% - 4px);
 height: auto;
 /*margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 */
 margin: 0px;
 margin-top: 2px;
 margin-left: 2px;
 margin-right: 2px;
 margin-bottom: 0px;

 box-sizing: border-box;
 background-color: #202020;
 background-image: url("../img/fondosliderv21.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center; 
}

.panelse
{
 position: relative;
 display: block;
 float: left;
 width: calc(25% - 4px);
 height: auto;
 /*margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 16px;
 margin-top: 16px;
 */
 margin: 0px;
 
 margin-top: 2px;
 margin-left: 2px;
 margin-right: 0px;
 margin-bottom: 0px;
   
 box-sizing: border-box;

 background-color: #202020;
 background-image: url("../img/fondosliderv21.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center; 
}

.cssimgpan1_a
{
 opacity: 1.0;
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 transition: opacity  1s;
}




.cssimgpan1_b
{
 opacity: 1.0;
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 transition: opacity  1s;
}








.cssimgpan1_c
{
 opacity: 1.0;
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 transition: opacity  1s;
}




.cssimgpan1_d
{
 opacity: 1.0;
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 transition: opacity  1s;
}





.cssimgpan1_e
{
 opacity: 1.0;
 display: block;
 position: relative;
 width: 100%;
 height: auto;
 transition: opacity  1s;
}





.contetislider2
{
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: calc(100% - 0px);
 height: 64px;
 box-sizing: border-box; 
 z-index: 10;
  padding-top: 20px;

}

.contetislider3
{
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: calc(100% - 0px);
 height: 32px; 
 box-sizing: border-box; 
 z-index: 10;
  padding-top: 10px;  
}

.mitislider2 span
{
  font-size : 18pt;  
  font-family : Ubuntu,droid sans,arial,verdana,tahoma;  
  text-align : left;  
  padding-left: 20px;

  color: #ffffff;  
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  line-height: 32px;
  animation: 2s ease-out 0s 1 animaciontxt;
}


.mitislider3 span
{
  font-size : 12pt;  
  font-family : Ubuntu,droid sans,arial,verdana,tahoma;  
  text-align : left;  
  padding-left: 10px;
  color: #ffffff;  
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  line-height: 16px;
 animation: 2s ease-out 0s 1 animaciontxt;
}


.dvoverlay2
{
 position: absolute;
 left: 0px;
 bottom: 0px; 
 width: calc(100%);
 height: 90px;
 background: rgb(0,0,0);
 background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.20) 50%, rgba(0,0,0,0.0) 100%);
 z-index: -1;

}


.dvoverlay3
{
 position: absolute;
 width: calc(100%);
 height: 48px;
 left: 0px;
 bottom: 0px;
 background: rgb(0,0,0);
 background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.20) 50%, rgba(0,0,0,0.0) 100%);
 z-index: -1;
}





@media screen and (min-width: 600px) and  (max-width: 1023px) 
{

.contetislider2
{
  display:none;
}


.contetislider3
{
  display:none;
}


}




@media screen and (min-width: 480px)  and (max-width: 599px)
{

.contetislider2
{
  display:none;
}


.contetislider3
{
  display:none;
}



}







@media screen and (max-width: 479px)
{

.contenedor_sw
{
 display: none;
}

.outlinecentro
{
 display: none;
}

.contetislider2
{
  display:none;
}


.previo_notiportada
{
  display:none;
}




}