body{ margin: 0; }
.principal{ width:100%; float: left; background:url("img/plecauv.png") no-repeat 0 0; font-family: 'Open Sans', sans-serif;  }
.triangulo{ width: 0; height: 0; border-right: 1233px solid transparent; border-top: 713px solid #75ABC2; border-left: 0px solid #75ABC2; border-bottom: 0px solid transparent; position:fixed; }
.cont{ width:80%; float:left; margin: 0 auto; z-index: 1; position:relative; margin:50px 0 0 10%; }
.imguv{ position: relative; z-index:10; width:294px; height:29px; float:left; }
.pizq{ float: left; width: 64%; padding:3% 3% 2% 3%; }
.linea{ width:98%; height:2px; display:block; background-color:#da775f; margin-top:10px; overflow: hidden; }
.videotips{ width:183px; height:183px; z-index:10; float:right; background: url(img/videotips.png) no-repeat 10px -15px; position:relative; -webkit-background-size: 183px 183px; -moz-background-size: 183px 183px; -o-background-size: 183px 183px; background-size: 183px 183px;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ 
  -moz-border-image: url(img/videotips.png) 0; }
.play{ width:0; height:0; border-left:58px solid #fff; border-top:30px solid transparent; border-bottom:30px solid transparent; position:absolute; left:47%; margin-top:58px; }
.imgmo{max-width:281px; width:96%; }
.dv .txtvideom{ text-align:left; }
.dv{ width:100%; margin:0 auto; text-align:center; }
/*.dosfondos{ background: url(img/vt1.png) bottom right no-repeat, url(img/videotips.png) center repeat; }*/

#ContenedorVideos{
    overflow: hidden;
    clear: both;
    float: none;
    /*border: 1px #80a1d9 solid;*/
    margin:20px 0 0 3px;
    /*background-color: #80a1d9;*/
    background-color:#E7E7E7;
}
#ListaVideos{
    float: left;
    width: 30%;
    /*background: #036 url(http://www.uv.mx/colabora365/files/2016/10/Textura.png);*/
    /*background-color:#e4e8f3;*/
    /*background-color: #f2f2f2;*/
    height:532px;
    /*overflow:scroll;*/
    overflow: auto;
    margin-top:15px;

}#VideoIframe iframe {
    width:100%;
    height:433px;
    margin: 19px auto 0 auto !important;
    display: block;
    text-align: center;
}
#VideoIframe video{
    width:100%;
    height:433px;
    /*margin: 19px auto 0 auto !important;*/
    display: block;
    text-align: center;
    margin-bottom:20px; 
}
#VideoIframe{
    float: left;
    width: 100%;
    /*background-color: #e4e8f3;*/
    /*background-color: #80a1d9;*/
    /*background: url(http://www.uv.mx/colabora365/files/2016/10/Logo_Colabora365.png) no-repeat center 25px;*/
}
#TituloLista{
font-weight: 700;
    color: #000 !important;
    font-size: 20px !important;
    margin: 10px 0 7px 30px;
    /*font-family: Arial;*/
}

#LaListaVideos{
    padding: 0px;
    margin: 0px;
}
#LaListaVideos li{
    list-style: none;
    color:#000;
    padding: 10px 0px;
    /*padding-left: 35px;*/
    margin: 0px;
    width: 100%;
    cursor: pointer;
    /*font-family: Arial;*/
    font-weight: 700;
    width:100%;
    float: left;
}
#LaListaVideos li:hover{
     /*background:url(http://www.uv.mx/colabora365/files/2016/10/icono_Colabora365.png) 5px center no-repeat ;*/
     background-color: rgba(78, 104, 119,0.6);
}
.Primero{
    /*background:url(http://www.uv.mx/colabora365/files/2016/10/icono_Colabora365.png) 5px center no-repeat;*/
    /*background-color: rgba(78, 104, 119,0.6);*/
    /*background-color:#3fa9f5;*/
}


.bloque1{ margin-left:0px; width:100%; }
#LaListaVideos img{ width:48%; margin-left:2%; float:left; }
.tvideo{ font-size:23px; font-weight:700; /*font-family:Arial;*/ /*margin: 15px 0 0 15px;*/ }
.txtvideo{width:48%; height:100px; margin:0 1% 0 1%; float:left; display:flex; /*justify-content: center;*/ align-items: center; }
.tsig{ width:98%; margin: 0 0 5px 2%; }
.cli{ width:100%; float:left; }
.Primero .cli { /*background-color: #3fa9f5;*/ background-color:#ccc; padding:9px 0 5px 0; }
/*.Primero .txtvideo{ color:#fff; }*/
.txtvideom{ font-weight:700; /*font-family:Arial;*/ margin-top:30px; }
h1, h2{ color:#fff; margin:0; padding:0; font-weight:300; }

@media (max-width:1846px) {
  .videotips{ height: 143px; }
  .cont { margin: -70px 0 0 10%; }
}
@media (max-width:1407px) {
  #ListaVideos { height:522px; }
}
@media (max-width:1182px) {
  #ListaVideos { height:511px; }
}i
@media (max-width:1124px) {
  #ListaVideos { font-size:15px; }
  .tvideo{ font-size: 20px; }
}
@media (max-width:1034px) {
  #ListaVideos{ font-size:14px; }  
}
@media (max-width:1024px) {
  .txtvideo{ height:83px; }
  #LaListaVideos li{ padding: 16px 0px; }
  .videotips{ background: url(img/videotips.png) no-repeat 20px -22px; }  
}
@media (max-width:991px) {
  #LaListaVideos img{ width:96%; }
  .txtvideo{ height:auto; width:98%; margin-left:2%; }
  #LaListaVideos li { padding: 9px 0px; }
  #ListaVideos{ height:501px; }
  #VideoIframe iframe{ height:360px; }
  h2{ font-size:20px; }
}
@media (max-width:854px) {
  /*.cont{ width: 96%; margin: 50px 0 0 2%;*/
    .cont { width: 96%; margin: -83px 0 0 2%; }
}
@media (max-width:644px) {
  #VideoIframe iframe { height:335px; }
  #ListaVideos { height:505px; }
  .pizq{ padding: 0% 3% 2% 3%; }
}
@media (max-width:560px) {
  #ListaVideos{ display:none; }
  .pizq{ width:100%; }
  #VideoIframe{ width:98%; margin: 8px auto 0 auto !important; }  
  #VideoIframe video {  width: 96%; }
  .txtvideom{ margin-bottom:15px; }
  /*#VideoIframe iframe{ height:294px; }*/
  .videotips{ width:120px; height:120px; background: url(img/videotips.png) no-repeat 10px -14px; -webkit-background-size:120px 120px; -moz-background-size:120px 120px; -o-background-size:120px 120px; background-size:120px 120px; -moz-border-image: url(img/videotips.png) 0; }
  .imguv { width:50%; height:23px; }
  #VideoIframe video { height: 384px; }
}
@media (max-width:460px) {  
  #VideoIframe iframe{ height:240px; }  
}
@media (max-width:375px) { 
  #VideoIframe video{ height: 336px; }
}
@media (max-width:371px) {  
  #VideoIframe iframe{ height:191px; }  
}
@media (max-width:320px) {  
  #VideoIframe video{ height:286px; }
  .imguv{ width:50%; height:19px; }
}