/* flug CSS Document */


#contenedor {
     width: 940px;
     background-color: #000000; margin: 0 auto;
     border-left-style: solid;     
         border-left-width: 12px;
         border-left-color: #D39F01;
     border-bottom: 12px solid #D39F01;
     
  }

.titulo { font-family: Arial,Times New Roman, Arial;
          font-size: 26px; font-weight:bold;
          letter-spacing: -1px;
          color: #F2984C;
     } 
.sub2 {   font-family: Tahoma,Arial,Impact;
          font-weight:bold;
          font-size: 12px; letter-spacing: -1px;
          color:#000000;
     }     
     

.content11 { 
          font-family: Tahoma, Arial;
          font-size: 11px; color:#000000;

     } 
     
.pie-foto { 
          font-family: Verdana, Arial;
          font-size: 10px;

     }     

.cartel { 
          font-family: Arial,Tahoma,Verdana;
          font-size: 11px;     }

.hilite { color:#FFFFFF;
              }
 
 /* **** texto adic col01 **** */
.content12 { font-family: Arial,Tahoma,Verdana;
              font-size: 11px;  color: #FFFFFF;    
          padding-left: 5px;  padding-right: 5px;

     }   
 
 
     
#contenedor-blanco { float: left;padding-top: 20px;
	background-color:#FFFFFF;
     
  }



#col01 {width: 320px;float: left;          
         padding-left: 2px;
          background-color:#000000;      
         
}

#col02 { float: left;
         width: 250px;
         background-color:#FFFFFF;
         padding-left: 3px;
         padding-right: 3px;
         padding-bottom: 5px;
         

}


#col03 {float: left;
        width: 200px;
         background-color:#FFFFFF;
        padding-left: 5px;
         padding-right: 5px;

}

#col04 {float: left;
        width: 110px;
        font-family: Verdana,sans-serif, Arial;
        font-size: 9px; color: #C0C0C0;
        padding-left: 10px;
        padding-right: 5px;

}


H1 { font-family: Arial,Times New Roman, Arial;
          font-size: 26px; font-weight:bold;
          letter-spacing: -1px; max-width: 450px;
          color: #F2984C; m

}
    
H2 { 
          font-family:Arial; font-size: 15px; letter-spacing: -1px;
          color:#000000;
     }     
    

H3 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 22px; 
    letter-spacing: -1px;}

.button-container{
display:inline-block;
position:relative;
}

.button-container a {
position: absolute;
bottom:4em;
right:4em;
background-color:#8F0005;
border-radius:1.5em;
color:white;
text-transform:uppercase;
padding:1em 1.5em;
 }


/* **** letras **** */
@font-face {
    font-family: 'Arial';
    src: url('fonts/arial.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

/* **** scroll-left **** */
.scroll-left {
  width: 250px;
  height:50px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  color: black;
  border: 1px solid grey;
}

.scroll-left p {
  position: absolute;
  width: auto;
  height: 100%;
  font-size:11px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  white-space:nowrap;
  /* Starting position */
  
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  
  -moz-animation: scroll-left 35s linear infinite;
  -webkit-animation: scroll-left 45s linear infinite;
  animation: scroll-left 35s linear infinite;
}
/* Move it (define the animation) */

@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    
    transform: translateX(-100%);
  }
}




/* ---------ticker----------------------------------- */
/* WRAPPER */
.tickerv-wrap {
  background: #eee;
  box-sizing: content-box;
  height: 25px; /* Take note of this */
  overflow: hidden; /* Hide scrollbars */
  padding: 7px;
} 

/* TICKER ANIMATION */
@keyframes tickerv {
  0%   {margin-top: 0;}
  /* Quite literally -ve height of wrapper */
  25%  {margin-top: -26px;} /* 1 X 25 px */
  50%  {margin-top: -52px;} /* 2 X 25 px */
  75%  {margin-top: -78px;} /* 3 X 25 px */
  100% {margin-top: 0;} /* Back to first line */
}
.tickerv-wrap ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  animation-name: tickerv; /* Loop through items */
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, .5, 0);
}
.tickerv-wrap ul:hover {
  /* Pause on mouse hover */
  animation-play-state: paused;
}

/* ITEMS */
.tickerv-wrap ul li {
  font-size: 11px;
  line-height: 25px /* Same as wrapper height */
}





/* ---------mobile      ----------------------------------- */		        
/* ---------modificacion----------------------------------- */

@media screen and (max-device-width: 768px) { 
img {width:98%;
}

#contenedor {
     width: 100%;
     margin: 0 auto; 
      border-left-width: 1px;
  }

.content11 { 
          font-family: Tahoma, Arial;
          font-size: 12px; color:#000000;

     } 


#col01 {width: 99%; mar
         
        
}

#col02 { width: 99%;
 ma        

}

#col03 { width: 99%;

}

#col04 { width: 99%;

}

}