@font-face {
    font-family: 'antonioregular';
    src: url('fonts/antonio-regular-webfont.eot');
    src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular-webfont.woff2') format('woff2'),
         url('fonts/antonio-regular-webfont.woff') format('woff'),
         url('fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'colaborate-mediumregular';
    src: url('fonts/colabmed-webfont.eot');
    src: url('fonts/colabmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabmed-webfont.woff2') format('woff2'),
         url('fonts/colabmed-webfont.woff') format('woff'),
         url('fonts/colabmed-webfont.ttf') format('truetype'),
         url('fonts/colabmed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'colaborate-lightregular';
    src: url('fonts/colablig-webfont.eot');
    src: url('fonts/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colablig-webfont.woff2') format('woff2'),
         url('fonts/colablig-webfont.woff') format('woff'),
         url('fonts/colablig-webfont.ttf') format('truetype'),
         url('fonts/colablig-webfont.svg#colaborate-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'colaborate-regular';
    src: url('fonts/colabreg-webfont.eot');
    src: url('fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabreg-webfont.woff2') format('woff2'),
         url('fonts/colabreg-webfont.woff') format('woff'),
         url('fonts/colabreg-webfont.ttf') format('truetype'),
         url('fonts/colabreg-webfont.svg#colaborate-regular') format('svg');
    font-weight: normal;
    font-style: normal;}

*{ margin: 0; padding: 0;font-weight: normal;}

*{text-decoration: none;
  list-style: none}


/*/////////////////////////////////////////////////// ESTILOS GENERALES ////////////////////////////////////////////////////////*/

html{ 
    font-size:  100%}
body{ 
    font-family: Arial; 
    font-size: 16px;}
header{ 
    width: 100%; 
    min-height: 100px;
    margin-bottom: 20px}
main {
    width: 100%;}
footer{ 
    width: 100%; 
    text-align: center;
    margin: 30px 0 0 0; }
.notad{ 
    max-width: 960px; 
    margin: 0 auto;}
.notap { 
    max-width: 960px; 
    margin: 0 auto;}
.concursos{ 
    max-width: 960px; 
    margin: 0 auto;}
.contacto{ 
    max-width: 960px; 
    margin: 0 auto;}
.index{ 
    max-width: 960px; 
    margin: 0 auto;}
.soyreportero{ 
    max-width: 960px; 
    margin: 0 auto;}
.programacion{ 
    max-width: 960px; 
    margin: 0 auto;}
.dtlujan{ 
    max-width: 960px; 
    margin: 0 auto;}
.notapol{ 
    max-width: 960px; 
    margin: 0 auto;}
.cortosd{ 
    max-width: 960px; 
    margin: 0 auto;}
.actualidad{ 
    max-width: 960px; 
    margin: 0 auto;}
.contenedorinstitucional{ 
    max-width: 960px; 
    margin: 0 auto;}
.contenedorblogyredes{ 
    max-width: 960px; 
    margin: 0 auto;}
.contenedorpeliculas{ 
    max-width: 960px; 
    margin: 0 auto;}
.contenedorvideohome{ 
    max-width: 960px; 
    margin: 0 auto;}
.registro{ 
    max-width: 960px; 
    margin: 0 auto;
    }
.logo{ 
    width: 100px; 
    height: auto; }
.separador{ 
    clear: both;}
.programacion .iconotv{
    position: relative; 
    float: right; 
    margin: 7px 30px 0 0; 
    color: #8C4646;
    background: #E9E0D6;
    padding: 8px;
    border-radius: 10px;
    text-decoration: none; 
    font-family: 'antonio'; 
    font-weight: 700;
    font-size: 0.7rem;}
.navbackground{
    background: #E9E0D6;
    color: #364458;}


/*/////////////////////////////////////////////////// HEADER //////////////////////////////////////////////////////////////////*/

.bh{
    background: #EA715F; 
    width: 100%; 
    height: 40px;}

.iconof {
    position: relative; 
    float: left; 
    margin: 10px 0 0 10px;}

.iconot {
    position: relative; 
    float: left; 
    margin: 10px 0 0 10px;}

.iconoi {
    position: relative; 
    float: left; 
    margin: 10px 0 0 10px;}

.iconotv {
    position: relative; 
    float: right; 
    margin: 5px 30px 0 0; 
    color: #E9E0D6;
    background: #354458; 
    padding: 8px 7px 6px 7px;
    border-radius: 6px;
    text-decoration: none; 
    font-family: "antonioregular"; 
    font-weight: 500;
    font-size: 0.7rem;} 

.iconotv:hover{
    background: #E9E0D6;
    color: #354458}

.iconol {
    position: relative; 
    float: right; 
    margin: 10px 30px 0 0;}

.iconob{
    position: relative; 
    float: right; 
    margin: 10px 10px 0 0; 
    width: 100px;
    border-radius: 10px;}

nav ul ul {
    display: none;}

nav ul li:hover > ul {display: block;}

nav ul {
    background: #354458 none repeat scroll 0 0;
    display: inline-table;
    list-style: outside none none;
    position: relative;
    width: 100%;
    z-index: 1;}

nav ul::after {
    clear: both;
    display: block;}

nav ul li {
    float: left;
    margin: 0 2% 0 5%;}

nav ul li:hover {
    background-color: #E9E0D6}

nav ul li:hover a {
    color: #354458}

nav ul li a {
    color: #ffffff;
    display: block;
    padding: 8px 28px 6px 28px;
    text-decoration: none;
    font-family: "antonioregular";
    font-weight: 300;
    font-size: 0.95rem}

nav ul ul {
    background: #E9E0D6 none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 18%}

 ul ul li {
    border-top: 1px solid #354458;
    float: left;
    position: relative;
    width: 100%; 
    margin:0}

nav ul ul li a {
    color: #fff;
    padding: 8px 28px}

nav ul ul li a:hover {
    background: #EA715F none repeat scroll 0 0}

nav ul ul ul {
    left: 100%;
    position: absolute;
    top: 0}


/*/////////////////////////////////////////////////// INDEX ////////////////////////////////////////////////////////////////////*/

.index .slider{
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;}

.index section{
    width: 100%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.index aside{
    width: 100%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.bxslider{
    width: 100%;
    margin: 0}

.bxslider li img{
    width: 100%;}

.index aside .art1{
    width: 66%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.index aside .art2{
    width: 32%;
    margin: 0 ;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.index .t1{
    background: #EB7160;
    width: 100%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}



.eve1{
    width: 49%;
    margin: 0 2% 0 0;
    position: relative;
    float: left;}

.eve2{
    width: 49%;
    margin: 0;
    position: relative;
    float: left;}

.index .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 5px;
    font-size: 0.7rem}

.index .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.index .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    width: 98%;
    margin: 0 0 5px 0;}

.index .lineae{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    width: 98%;
    margin: 8px 0 5px 0;}

.index .epigrafe1{font-family: "colaborate-lightregular";
    font-size: 0.8rem;
    color: #5a5a5a}

.pic6{
    display: block; 
    width: 305px; 
    height: 200px; 
    background: url(imagenes/pic6.jpg) no-repeat top left; 
    box-sizing: border-box;}
a.pic6:hover{
	background-position: -305px 0;}

.pic7{
    display: block; 
    width: 305px; 
    height: 200px;
    background: url(imagenes/pic7.jpg) no-repeat top left; 
    box-sizing: border-box;}
a.pic7:hover{
	background-position: -305px 0}

.index .art2 .t2{
    background: #8C4646;
    width: 100%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}


.hblog {
    display: block; 
    width: 310px; 
    height: 84px;
    margin: 0 0 10px 0; 
    background: url(imagenes/picb.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.hblog:hover{
	background-position: -310px 0}

.hvideo {
    display: block; 
    width: 310px; 
    height: 84px;
    margin: 0 0 10px 0; 
    background: url(imagenes/picv.png) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.hvideo:hover{
	background-position: -310px 0}

.hpelis {
    display: block; 
    width: 310px; 
    height: 84px; 
    margin: 0 0 10px 0; 
    background: url(imagenes/picP.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.hpelis:hover{
	background-position: -310px 0}


/*///////////////////////////////////////////////// ACTUALIDAD/////////////////////////////////////////////////////////////////*/



.actualidad  main section .poli{
    width: 32%;
    height: auto;
    position: relative;
    float: left;}

.actualidad h1 {
    background: #EB7160; 
    width: 100%;
    font-family: 'antonioregular';
    padding: 8px 0px 4px 40px;
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    letter-spacing: 1px;
    box-sizing: border-box}

.actualidad .urnass{
   width: 100%;
   height: auto}

.actualidad .lineac{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 15px;
    margin-bottom: 6px}

.actualidad .polidos {
    display: inline;
    font-size: 0.8rem;
    list-style: none;
    margin: 5px 0}

.actualidad h2{
   font-family: 'colaborate-mediumregular';
   font-size: 0.9rem;
   color:#374458;
   position: relative;
   float: left;
   width: 100%;
   height: auto}

.actualidad .elecciones{
   font-family: 'colaborate-lightregular';
   font-size: 0.8rem;
   color:#374458;
   position: relative;
   float: left;
   width: 100%;
   height: auto;
   margin-top: 7px}

.actualidad .dates{
    font-family: 'colaborate-mediumregular';
    font-size: 1.1rem;
    color:#374458;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    font-weight: 600;
    margin-top: 17px}

.actualidad .dates span{
   font-weight:200}

.actualidad .positive{
   position: relative;
   float: right;
   margin-top: -22px;}

.actualidad  main section .poli{
    width: 32%;
    height: auto;
    position: relative;
    float: left;
    margin:0 2% 0 0;}

.actualidad  main section .soci{
    width: 32%;
    height: auto;
    position: relative;
    float: left;
    margin:0 2% 0 0;}

.actualidad  main section .sporting{
    width: 32%;
    height: auto;
    position: relative;
    float: left;
    margin:0}


.actualidad .actualidadcuatro{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadcuatro.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 25px;
    margin-right: 2%}
.actualidad .actualidadcuatro:hover{
	background-position: -307.20px 0}


.actualidad .actualidadcinco{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadcinco.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 25px;
    margin-right: 2%}
.actualidad .actualidadcinco:hover{
	background-position: -307.20px 0}


.actualidad .actualidadseis{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadseis.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 25px;}
.actualidad .actualidadseis:hover{
	background-position: -307.20px 0}



.actualidad .actualidadsiete{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadsiete.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 2%}
.actualidad .actualidadsiete:hover{
	background-position: -307.20px 0}


.actualidad .actualidadocho{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadocho.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 2%}
.actualidad .actualidadocho:hover{
	background-position: -307.20px 0}


.actualidad .actualidadnueve{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadnueve.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px}
.actualidad .actualidadnueve:hover{
	background-position: -307.20px 0}



.actualidad .actualidaddiez{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidaddiez.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 2%}
.actualidad .actualidaddiez:hover{
	background-position: -307.20px 0}


.actualidad .actualidadonce{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidadonce.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 2%}
.actualidad .actualidadonce:hover{
	background-position: -307.20px 0}


.actualidad .actualidaddoce{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/actualidaddoce.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 10px}
.actualidad .actualidaddoce:hover{
	background-position: -307.20px 0}




/*///////////////////////////////////////////////// POLITICA /////////////////////////////////////////////////////////////////*/



.notapol article{
    width: 66%;
    position: relative;
    float: left; 
    overflow: hidden;
    padding-right: 10px}

.notapol aside{
    width:32%; 
    position:relative;
    float: left; 
    overflow: hidden;
    margin-left: 9px}

.notapol h1{ 
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 700;
    background: #EB7160;
    margin:0 0 0 0;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px;
    width: 100%}

.notapol .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 20px;
    font-size: 0.8rem}

.notapol .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.notapol .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    margin-top: 7px}

.notapol h2{
    font-family: "antonioregular";
    font-weight: 700;
    color: #EB7160;
    font-size: 3.5rem;
    margin: 20px 0 15px 0}

.notapol .copete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #100101;
    line-height: 23px}

.notapol .difcopete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #EB7160;
    line-height: 23px}

.notapol .imgnota{
    width: 633.6px;
    height: auto;
    margin:10px 0 0 0}

.notapol .epigrafe{
    font-family: "colaborate-lightregular";
    font-size: 0.7rem;
    color: #000000;
    background-color: #d8d8d8;
    width: 93%;
    padding:2px 4px 2px 40px}

.notapol .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 15px;
    margin-bottom: 6px}

.notapol .lineab{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-bottom: 6px} 

.notapol article ul {
    list-style-type: none;
    margin-bottom: 34px}

.notapol li{
    display: inline;
    font-size: 0.9rem}


.notapol .tag{
    font-family:"colaborate-mediumregular"; 
    color: black;
    position: relative;
    float: left;
    margin-right: 15px;
    margin-top: 4px}
.notapol .tag:hover{
    color: black;
    font-weight: 700}

.notapol .taglight{
    font-family:"colaborate-lightregular"; 
    color: #888787;
    position: relative;
    float: left;
    margin-right: 15px;
    margin-top: 4px}
.notapol .taglight:hover{
    color:#625d5d;
    font-family:"colaborate-mediumregular"}

.notapol .tagim{
    position: relative;
    float: right;
    margin-left: 2px;
    margin-top: -1px;
    margin-bottom: 9px;}
 
.notapol .tagimf{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -3px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notapol .tagimr{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -3px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notapol .tagimg{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -2px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notapol .notap{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    color: #969494;
    text-align: left;
    line-height: 19px;
    margin-top: 10px;
    text-indent: 1.5em;
    position: relative;
    float: left;}

.notapol .periodista{
    position: relative;
    float: left;
    margin-top: 10px}

.notapol .autor{
    font-family:"colaborate-lightregular";
    font-size: 0.7rem;
    color: #969494;
    margin-top: 25px; 
    margin-left: 10px;
    position: relative;
    float: left}

.notapol .autbold{
    font-family:"colaborate-mediumregular";
    color: #717070}

.notapol h3{
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 500;
    background: #87484C;
    margin:0 0 20px 0;
    box-sizing: border-box;
    letter-spacing: 1px;
    position: relative;
    float: left;
    width: 100%}

.notapol .asidedos{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidedos.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;}
.notapol .asidedos:hover{
	background-position: -307.20px 0}


.notapol .asidetres{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidetres.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 36px 0;}
.notapol .asidetres:hover{
	background-position: -307.20px 0}

.notapol .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px}
    
.notapol .lineaaside{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px;
    margin-bottom: 6px}
    
.notapol h4{
    font-family: "colaborate-mediumregular";
    font-weight: 500;
    font-size: 1rem;
    color: #9f9f9f;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 7px}

.notapol .plight{
    font-family: "colaborate-lightregular"}

.notapol .textoaside li{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    line-height: 35px;}

.notapol .textoaside li a:hover{
    font-family: "colaborate-mediumregular";
    color: #727171}
.notapol .textoaside li a{
    color: #afaaaa;
    letter-spacing: 0.5px}

.notapol .asidecuatro{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidecuatro.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;}
.notapol .asidecuatro:hover{
	background-position: -307.20px 0}

.notapol .concierto{
    position: relative;
    float: left;
    margin: 0px 25px 10px 0px;
    width: 307.2px}




/*/////////////////////////////////////////////////////////// NOTA DEPORTES y SOCIEDAD///////////////////////////////////////////*/   

.notad .navactualidad{
    background-color:#E9E0D6;
    color: #354458}

.notad article{
    width: 66%;
    position: relative;
    float: left; 
    overflow: hidden;
    padding-right: 10px}

.notad .ad{
    width:32%; 
    position:relative;
    float: left; 
    overflow: hidden;
    margin-left: 9px}

.notad aside{
    width:32%; 
    position:relative;
    float: left; 
    overflow: hidden;
    margin-left: 9px}

.notad h1{ 
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 700;
    background: #EB7160;
    margin:0 0 0 0;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px;
    width: 100%}

.notad .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 20px;
    font-size: 0.8rem}

.notad .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.notad .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    margin-top: 7px}

.notad h2{
    font-family: "antonioregular";
    font-weight: 700;
    color: #EB7160;
    font-size: 3.5rem;
    margin: 20px 0 15px 0}

.notad .copete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #100101;
    line-height: 23px}

.notad .difcopete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #EB7160;
    line-height: 23px}

.notad .imgnota{
    width: 633.6px;
    height: auto;
    margin:10px 0 0 0}

.notad .epigrafe{
    font-family: "colaborate-lightregular";
    font-size: 0.7rem;
    color: #000000;
    background-color: #d8d8d8;
    width: 100%;
    padding:2px 0 2px 0;
    text-indent: 1.5em}

.notad .lineat{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 15px;
    margin-bottom: 6px;
    widows: 100%}

.notad .as ul {
    list-style-type: none;
    margin-bottom: 34px}


.notad aside li{
    display: inline;
    font-size: 0.9rem}

.notad article  ul {
    list-style-type: none;
    margin-bottom: 34px}

.notad article li{
    display: inline;
    font-size: 0.9rem}

.notad .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 15px;
    margin-bottom: 6px}

.notad .lineab{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-bottom: 6px} 

.notad .tag{
    font-family:"colaborate-mediumregular"; 
    color: black;
    position: relative;
    float: left;
    margin-right: 15px;
    margin-top: 4px}
.notad .tag:hover{
    color: black;
    font-weight: 700}

.notad .taglight{
    font-family:"colaborate-lightregular"; 
    color: #888787;
    position: relative;
    float: left;
    margin-right: 15px;
    margin-top: 4px}
.notad .taglight:hover{
    color:#625d5d;
    font-family:"colaborate-mediumregular"}

.notad .tagim{
    position: relative;
    float: right;
    margin-left: 2px;
    margin-top: -1px;
    margin-bottom: 9px;}
 
.notad .tagimf{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -3px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notad .tagimr{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -3px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notad .tagimg{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
    margin-top: -2px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notad .notapp{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    color: #969494;
    text-align: left;
    line-height: 19px;
    margin-top: 10px;
    text-indent: 1.5em;
    position: relative;
    float: left;}

.notad .periodista{
    position: relative;
    float: left;
    margin-top: 10px}

.notad .autor{
    font-family:"colaborate-lightregular";
    font-size: 0.7rem;
    color: #969494;
    margin-top: 25px; 
    margin-left: 10px;
    position: relative;
    float: left}

.notad .autbold{
    font-family:"colaborate-mediumregular";
    color: #717070}

.notad h3{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 500;
    background: #87484C;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 100%}

.notad .asideuno{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asideuno.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0}
.notad .asideuno:hover{
	background-position: -307.20px 0}

.notad .asidedos{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidedos.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;}
.notad .asidedos:hover{
	background-position: -307.20px 0}

.notad .asidetres{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidetres.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 36px 0;}
.notad .asidetres:hover{
	background-position: -307.20px 0}

.notad .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px}
    
.notad .lineaaside{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px;
    margin-bottom: 6px}
    
.notad h4{
    font-family: "colaborate-mediumregular";
    font-weight: 500;
    font-size: 1rem;
    color: #9f9f9f;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 7px}

.notad .plight{
    font-family: "colaborate-lightregular"}

.notad .textoaside li{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    line-height: 35px;}

.notad .textoaside li a:hover{
    font-family: "colaborate-mediumregular";
    color: #727171}

 
.notad .textoaside li a{
    color: #afaaaa;
    letter-spacing: 0.5px}

.notad .numbold{
    font-family: "colaborate-mediumregular";
    color: #8e8b8b;
    padding-right: 5px}

.notad .recuadro{
    background-color: #87484C;
    width: 307.2px;
    height: 160px;
    margin-top: 30px;
    padding-top: 25px}

.notad .recuadro:hover{
    background-color: #EB7160}


.notad .recuadro a{
    padding-left: 40px;
    color:#ffffff} 

.notad .dtpubl{
    font-family: "antonioregular";
    font-size: 4rem}

.notad .dtpubli{
    font-family: "antonioregular";
    font-size: 3.7rem}

.notad .dtsmall{
    font-family: "antonioregular";
    font-size: 0.9rem}
    
.notad .subtitulo{
    color: #EB7160;
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem}

.notad .asidetres1{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidetres.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 17px 0;}
.notad .asidetres1:hover{
	background-position: -307.20px 0}

.notad .asidecuatro{
    display: block; 
    width: 307.20px; 
    height: 156.285px; 
    background: url(imagenes/asidecuatro.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 36px 0;}
.notad .asidecuatro:hover{
	background-position: -307.20px 0}

.notad .concierto{
    position: relative;
    float: left;
    margin: 0px 25px 10px 0px;
    width: 307.2px}

.notad aside .epigrafe{
    padding: 9px 0px 8px 40px;
    margin: 0 0px 10PX 0PX;
    color: #ffffff;
    background-color: #EB7160;
    font-family: "antonioregular";
    font-size: 0.8rem}

.notad .tit3{
    margin: 15px 0 18px 0}

.notad iframe{
    margin-bottom: -30px}




/*/////////////////////////////////////////////////////////// NOTA PRINCIPAL ///////////////////////////////////////////////////*/


.notap article{
    width: 100%;
    height: min 400px;
    position: relative;
    float: left; 
    overflow: hidden;
    padding-right: 10px;}

.notap h1{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px;
    width: 100%}
    
.notap .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 20px;
    font-size: 0.8rem}

.notap .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    margin-top: 7px}

.notap .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.notap h2{
    font-family: "antonioregular";
    font-weight: 700;
    color: #EB7160;
    font-size: 3.5rem;
    margin: 28px 0 8px 0}

.notap .copete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #747171;
    line-height: 20px}

.notap .difcopete{
    font-family: "colaborate-mediumregular";
    font-size: 0.9rem;
    color: #EB7160;
    line-height: 23px}

.notap .notaprin{
    width: 960px;
    height: auto;
    margin:10px 0 0px 0}

.notap .epigrafe{
    font-family: "colaborate-lightregular";
    font-size: 0.8rem;
    color: #000000;
    background-color: #d8d8d8;
    position: relative;
    float: left;
    width: 960px;
    padding: 10px 0 10px 0px;
    text-indent: 1.5em;
    margin-bottom: 10px}

.notap .lineat{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 50px;
    margin-bottom: 6px;
    width: 100%}

.notap .tag{
    font-family:"colaborate-mediumregular"; 
    color: black;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px;}
.notap .tag:hover{
    color: black;
    font-weight: 700}

.notap .taglight{
    font-family:"colaborate-lightregular"; 
    color: #888787;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px}
.notap .taglight:hover{
    color:#625d5d;
    font-family:"colaborate-mediumregular"}

.notap .tagim{
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 9px;}
 
.notap .tagimf{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 9px;
    box-sizing: border-box}

.notap .textonota{
    width: 66%;
    position: relative;
    float: left; 
    overflow: hidden;
    padding-right: 10px;}
    
.notap .notapp{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    color: #969494;
    text-align: left;
    line-height: 19px;
    margin-top: 10px;
    text-indent: 1.5em;
    position: relative;
    float: left;}

.notap .notapsub{
    font-family:"colaborate-mediumregular";
    font-size: 0.9rem;
    color: #5a5858;
    text-align: left;
    line-height: 19px;
    margin-top: 5px;
    text-indent: 1.5em;
    position: relative;
    float: left;}

.notap aside{
    width: 32%;
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 9px}

.notap .periodista{
    position: relative;
    float: left;
    margin-top: 10px}

.notap .autor{
    font-family:"colaborate-lightregular";
    font-size: 0.8rem;
    color: #969494;
    margin-top: 25px; 
    margin-left: 10px;
    position: relative;
    float: left}

.notap .autbold{
    font-family:"colaborate-mediumregular";
    color: #4a4848}

.notap h3{
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 500;
    background: #87484C;
    margin-top: 10px;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 100%}

.notap .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px}
    
.notap .lineaaside{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px;
    margin-bottom: 6px}
    
.notap h4{
    font-family: "colaborate-mediumregular";
    font-weight: 500;
    font-size: 1rem;
    color: #9f9f9f;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 7px}

.notap .plight{
    font-family: "colaborate-lightregular"}

.notap .textoaside li{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    line-height: 20px;
    list-style: none}

.notap .textoaside li a:hover{
    font-family: "colaborate-mediumregular";
    color: #727171}

.notap .textoaside li a{
    color: #afaaaa;
    letter-spacing: 0.5px}

.notap .numbold{
    font-family: "colaborate-mediumregular";
    color: #8e8b8b;
    padding-right: 5px}

.notap .asideuno{
    display: block; 
    width: 307.20px; 
    height: 200px; 
    background: url(imagenes/asideprincipaluno.jpg) no-repeat top left;
    position: relative;
    float: left;
     margin-top: 2px;
    margin-bottom: -80px}
.notap .asideuno:hover{
	background-position: -307.20px 0}

.notap .asidedos{
    display: block; 
    width: 307.20px; 
    height: 200px; 
    background: url(imagenes/asideprincipaldos.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 2px;
    margin-bottom: -80px}
.notap .asidedos:hover{
	background-position: -307.20px 0}

.notap .asidetres{
    display: block; 
    width: 307.20px; 
    height: 200px; 
    background: url(imagenes/asideprincipaltres.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin-top: 2px;
    margin-bottom: -60px}
.notap .asidetres:hover{
	background-position: -307.20px 0}




/*/////////////////////////////////////////////////// CONCURSOS //////////////////////////////////////////////////////////*/

.concursos section{
    width: 66%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.concursos aside{
    width: 32%;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.art3{
    width: 100%; 
    position: relative;
    float: left;}

.t3{
    background: #EB7160;
    width: 100%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.art4{
    width: 100%; 
    position: relative;
    float: left;}

.t4{
    background: #EB7160;
    width: 100%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.pic11{
    display: block; 
    width: 675px; 
    height: 305px; 
    background: url(imagenes/cortocamara.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 0 15px 0;}
.pic11:hover{
    background-position: -675px 0; } 

.pic12{
    display: block; 
    width: 675px; 
    height: 305px; 
    background: url(imagenes/pelota.jpg) no-repeat top left;
    position: relative;
    float: left;}
.pic12:hover{
    background-position: -675px 0;}

.art5{
    width: 100%; 
    position: relative;
    float: left;
    margin: 0;}

.art6{
    width: 100%; 
    position: relative;
    float: left;}

.t5{
    background: #8C4646;
    width: 100%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.concursos .lineaa{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px}
    
.concursos .lineaaside{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px;
    margin-bottom: 15px;}

.concursos .lineaaside2{
    color:#dedede;
    background-color:#dedede; 
    height: 0.3px;
    margin-top: 15px;}
    
.concursos .t7{
    font-family: "colaborate-mediumregular";
    font-weight: 500;
    font-size: 1rem;
    color: #9f9f9f;
    margin:7px 0 7px 10px;}


.concursos .textoaside li{
    font-family:"colaborate-mediumregular";
    font-size: 0.9rem;
    line-height: 3px;}

.concursos .textoaside li a:hover{
    font-family: "colaborate-mediumregular";
    color: #727171}

.concursos .textoaside li a{
    color: #afaaaa;
    letter-spacing: 0.5px}

.concursos .numbold{
    font-family: "colaborate-mediumregular";
    color: #8e8b8b;
    padding-right: 5px}

.t6{
    width: 100%; 
    font-family: 'antonioregular'; 
    font-size:1rem;
    color: #8C4646;
    font-weight: 700;
    margin: 10px 0 0 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.art6{
    margin: 50px 0 0 0;}

.art6 .cei{
    width: 100%; 
    font-family: 'antonioregular'; 
    font-size:0.9rem;
    color: #434343;
    font-weight: 700;
    margin: 2px 0 0 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.art6 p{
    width: 100%; 
    font-family: 'colaborate-mediumregular'; 
    font-size:0.8rem;
    color: #434343;
    font-weight: 400;
    margin: 2px 0 0 0;
    position: relative;
    float: left;
    box-sizing: border-box;}




/*//////////////////////////////////////////// CORTOS DESTACADOS////////////////////////////////////////////////////////////////*/



.cortosd  main section .ultimos{
    width: 100%;
    height: auto;
    position: relative;
    float: left;}

.cortosd h1 {
    background: #EB7160; 
    width: 66%;
    font-family: 'antonioregular';
    padding: 8px 0px 4px 40px;
    font-size: 1.1rem;
    color: #FFF;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    letter-spacing: 1px;
    box-sizing: border-box;}
    
.cortosd  .recuadro{
    background-color: #87484C;
    width: 307.2px;
    height: 150px;
    margin-top: 20px;
    padding-top: 20px}
.cortosd  .recuadro:hover{
    background-color: #EB7160}

.cortosd  .recuadro a{
    margin: 0 0 0 35px;
    color:#ffffff; 
    line-height: 50px;} 

.cortosd .dtpubl{
    font-family: "antonioregular";
    font-size: 4rem}

.cortosd .dtpubli{
    font-family: "antonioregular";
    font-size: 3rem}

.cortosd .dtsmall{
    font-family: "antonioregular";
    font-size: 1.5rem}

.cortosd h2{
    font-family: "antonioregular";
    font-weight: 700;
    color: #EB7160;
    font-size: 3.5rem;
    margin: 20px 0 15px 0}

.cortosd .dt {
    font-weight: 500;
    margin-left: 4px;}

.cortosd #m2{
   width: 960px;
   height: 415px;
   padding-bottom: 10px;}

.cortosd #m2 poster{
    display: block; 
    width: 960px; 
    height: 415px; 
    background: url(imagenes/posternn.png) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;}

.m1 poster:hover{
	background-position: -960px 0}

.cortosd .lineata{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 5px;
    margin-bottom: 6px}

.cortosd .lineatb{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-bottom: 5px} 

.cortosd .tag{
    font-family:"colaborate-mediumregular"; 
    color: black;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px;}
.cortosd .tag:hover{
    color: black;
    font-weight: 700}

.cortosd .taglight{
    font-family:"colaborate-lightregular"; 
    color: #888787;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px}
.cortosd .taglight:hover{
    color:#625d5d;
    font-family:"colaborate-mediumregular"}

.cortosd .tagim{
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 7px;}
 
.cortosd .tagimf{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 7px;
    box-sizing: border-box}

.cortosd .tagimr{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 7px;
    box-sizing: border-box}

.cortosd .tagimg{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    box-sizing: border-box}

.cortosd   ul {
    list-style-type: none;
    margin-bottom: 34px}

.cortosd  li{
    display: inline;
    font-size: 0.9rem}

.cortosd  main section .destacados .coment{
    color: #5A5552;
    font-family: 'colaborate-lightregular';
    font-size: 0.8rem;
    width: 100%;
    margin-bottom: 15px}

.cortosd .csecun{
    width: 66%;
    position: relative;
    float: left}

.cortosd .csecun .bxcortos{
    width: 49%;
    height: auto;
    position: relative;
    float: left;
    margin:5px 2% 20px 0;}

.cortosd .csecun .bxcortosdos{
    width: 49%;
    height: auto;
    position: relative;
    float: left;
    margin:5px 0 0 0;}

.cortosd .csecun .bxcortostres{
    width: 49%;
    height: auto;
    position: relative;
    float: left;
    margin:5px 2% 20px 0;}

.cortosd .csecun .bxcortoscuatro{
    width: 49%;
    height: auto;
    position: relative;
    float: left;
    margin:5px 0 0 0;}

.cortosd h3 {
    width: 307,20px;
    font-family: 'antonioregular';
    font-size: 1.1rem;
    color:  #EB7160;
    font-weight: 500;
    margin: 0px 0px 10px 0px;
    letter-spacing: 1px;
    box-sizing: border-box;
    font-size: 0.9rem}

.cortosd .nomiresahi{
    color: #5A5552;
    font-family: 'colaborate-lightregular';
    font-size: 0.6rem;
    width:308px;
    height: auto;}

.cortosd main section aside{
    width: 32%;
    height: auto;
    position: relative;
    float: left;
    margin: 5px 0 0 2%;}

.cortosd h4{
    padding-top: 12px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 32%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 500;
    background: #87484C;
    box-sizing: border-box;
    letter-spacing: 1px;
    position: relative;
    float: right;
    width: 100%}

.cortosd .como{
    font-family: 'colaborate-lightregular';
    font-size: 0.9rem;
    color:#4e4d4d;
    font-weight: 700;
    word-spacing: 1px;
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 20px}


.cortosd .como span{
    font-weight: 500;}

.cortosd .como .boldi{
    font-family:"colaborate-mediumregular";
    color: #EB7160}

.cortosd .cine{
    background:#8D4647;
    width: 307,2px;
    height: 156.285px;}

.cortosd .cineasta{
    position: relative;
    float: left;}

.cortosd h5{
    background: #8D4647;
    font-family: 'antonioregular';
    font-size: 1.3rem;
    width: 71%;
    height: auto;
    color:#fff;
    position: relative;
    padding: 19px 0px 0px 5px;
    float:right;
    font-weight: 700;
    margin-top: 30px}

.cortosd .cineasta {
    margin-top:30px;}

.cortosd .cineastados{
    background: #8D4647;
    font-family: 'antonioregular';
    font-size: 1.3rem;
    width: 71%;
    height: auto;
    color:#fff;
    position: relative;
    padding: 7px 0px 14px 5px;
    float:right;
    font-weight: 500;}

.cortosd .cineastas{
    background: #8D4647;
    font-family: 'colaborate-lightregular';
    font-size: 0.8rem;
    width: 98%;
    height: auto;
    color:#fff;
    position: relative;
    padding: 33px 1px 15px 5px;
    float: right;
    margin-top: -5px}




/*///////////////////////////////////////////////// MAIN DT LUJAN//////////////////////////////////////////////////////////////*/


.dtlujan  main section .ultimos{
    width: 100%;
    height: auto;
    position: relative;
    float: left;}

.dtlujan h1 {
    background: #EB7160; 
    width: 66%;
    font-family: 'antonioregular';
    padding: 8px 0px 4px 40px;
    font-size: 1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    letter-spacing: 1px;
    box-sizing: border-box}

.dtlujan h4{
    font-family: "antonioregular";
    font-weight: 700;
    color: #EB7160;
    font-size: 3.5rem;
    margin: 25px 0 15px 0}

.dtlujan .dt {
    font-weight: 500;
    margin-left: 4px;}

.dtlujan #m1{
    width: 960px;
    height: 415px;
    padding-bottom: 10px}

.dtlujan .m1 poster{
    display: block; 
    width: 960px; 
    height: 415px; 
    background: url(imagenes/posternn.png) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;}
.m1 poster:hover{
	background-position: -960px 0}

.dtlujan .lineata{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-top: 5px;
    margin-bottom: 4px}

.dtlujan .lineatb{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    border-color: none;
    margin-bottom: 6px} 

.dtlujan .tag{
    font-family:"colaborate-mediumregular"; 
    color: black;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px;}
.dtlujan .tag:hover{
    color: black;
    font-weight: 700}

.dtlujan .taglight{
    font-family:"colaborate-lightregular"; 
    color: #888787;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 9px}
.dtlujan .taglight:hover{
    color:#625d5d;
    font-family:"colaborate-mediumregular"}

.dtlujan .tagim{
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 6px;}
 
.dtlujan .tagimf{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 6px;
    box-sizing: border-box}

.dtlujan .tagimr{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 6px;
    box-sizing: border-box}

.dtlujan .tagimg{
    position: relative;
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 6px;
    box-sizing: border-box}

.dtlujan section  ul {
    list-style-type: none;
    margin-bottom: 34px}

.dtlujan li{
    display: inline;
    font-size: 0.9rem}

.dtlujan main section .ultimos .coment{
    color: #5A5552;
    font-family: 'colaborate-lightregular';
    font-size: 0.8rem;
    width: 66%}

.dtlujan main section .bx{
    height: auto;
    position: relative;
    float: left;
    margin-top: 20px;
    clear: both;}
  
.dtlujan h2 {
    height: 4px;
    font-family: 'antonioregular';
    padding: 10px 0px 20px 0px;
    font-size: 1.2rem;
    color: #8D4647;
    font-weight: 500;
    margin: 20px 0px 13px;
    position: relative;
    float: left;
    width: 100%}

.dtlujan .Muy {
    font-family: "colaborate-regular";
    font-size: 0.9rem;
    color: #8D4647;
    margin-top: 18px}

.dtlujan .expl{
    font-family: 'colaborate-lightregular'; 
    font-size: 0.8rem; 
    color: #334455;
    margin-top: 20px}

.dtlujan main section .formulary{
    width: 32%;
    height: auto;
    position: relative;
    float: left;
    padding: 12px 0px 22px 27px;
    margin-top: 90px;
    margin-right: 2%}

.dtlujan main section input{
    width: 245px}

.dtlujan main section .formulary input .enviar{
    width: 20px}

.dtlujan main section .acerca{
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%}
   
    
.dtlujan h3{
    background: #8D4647 none repeat scroll 0% 0%;
    width: 92%;
    height: 4px;
    font-family: "antonioregular";
    padding: 8px 0px 14px 27px;
    font-size: 0.8rem;
    color: #fff;
    font-weight: 500;
    margin-top: 37px;
    margin-left: -25px;
    position: absolute;
    left: 25px;
    bottom: 168px}

.dtlujan main section .formulary label{
    font-family:'colaborate-regular'; 
    font-size: 0.75rem; 
    color: #924441 }

.dtlujan .enviar{
    background: #D9D2D2 none repeat scroll 0% 0%;
    font-family: "antonioregular";
    color: #8D4647;
    width: 50px;
    height: 20px;
    position: relative;
    float: right;
    margin-right: 17px;
    margin-top: 6px;
    margin-bottom: -12px;
    padding: 2px}

.dtlujan aside{
    width: 29%;
    position: relative;
    float: left; 
    overflow: hidden}

.dtlujan main section aside .publicidad{
    width: 275px;
    height: 339px;
    position: relative;
    float: left}

.dtlujan main section aside .publicidad .publi1{
    width: 260px; 
    height: auto; 
    position: relative; 
    float: left}

.dtlujan main section aside .publicidad .publi2{
    width: 260px; 
    height: auto; 
    position: relative; 
    float: left;}



/*/////////////////////////////////////////////////// SOY REPORTERO //////////////////////////////////////////////////////////*/



.soyreportero .slider{
    width: 100%;
    position: relative;
    float: left; 
    overflow: hidden;}

.soyreportero section{
    width: 100%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.soyreportero aside{
    width: 100%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.bxslider{
    width: 100%;
    margin: 10px 0 0 0;}

.bxslider li img{
    width: 100%;}

.soyreportero aside .art1{
    width: 100%;
    margin: 0 2% 0 0;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.t1{background: #EB7160;
    width: 66%; 
    font-family: 'antonioregular'; 
    padding: 8px 0 4px 40px;
    font-size:1.1rem;
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
    box-sizing: border-box;}

.not{
    width: 32%;
    margin: 0 2% 15px 0;
    position: relative;
    float: left;
    overflow: hidden}


.soyreportero .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 5px;
    font-size: 0.7rem}

.soyreportero .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.soyreportero .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    width: 98%;
    margin: 0 0 5px 0;}

.soyreportero .ts1{
    font-family: 'antonioregular';
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #EB7160;}

.soyreportero .tsautor{
    font-family: "colaborate-mediumregular";
    font-size: 0.8rem;
    font-weight: 400;
    color: #EB7160;}

.soyreportero .epigrafe2{
    font-family: "colaborate-mediumregular";
    font-size: 0.7rem;
    font-weight: 100;
    color: #000000;
    width: 100%;
    height: 60px;
    margin: 1px 0 0 0;
    position: relative;
    float: left;
    padding: 10px 0 10px 8px}

.soyreportero .leermas{
    font-family: "colaborate-mediumregular";
    font-size: 0.7rem;
    color: #EB7160;
    margin: 10px 0 0 0;
    position: relative;
    float: left}

.soyreportero .pic13{
    display: block; 
    width: 310px; 
    height: 209px; 
    background: url(imagenes/pic13.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 ;}

.soyreportero .pic14{
    display: block; 
    width: 310px; 
    height: 209px; 
    background: url(imagenes/pic14.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 ;}

.soyreportero .pic15{
    display: block; 
    width: 310px; 
    height: 209px; 
    background: url(imagenes/pic15.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0 ;}

.soyreportero .pic16{
    display: block; 
    width: 310px; 
    height: 209px; 
    background: url(imagenes/pic16.jpg) no-repeat top left;
    position: relative;
    float: left;
    margin: 0}

.hrepor {
    display: block; 
    width: 300px; 
    height: 210px;
    margin: 45px 0 0 0; 
    background: url(imagenes/picr.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.hrepor:hover{
    background-position: -300px 0;}




/*///////////////////////////////////////////////////// CONTACTO////////////////////////////////////////////////////////////////*/



.contacto .navinstitucional{
    background-color:#E9E0D6;
    color: #354458}

 .contacto h1{ 
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular"; 
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 700;
    background: #EB7160;
    margin:0;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px}

.contacto .hlight{
    font-weight:500;
    word-spacing: 1px}

.contacto article{
    width: 66%;
    height: min 400px;
    position: relative;
    float: left; 
    overflow: hidden;
    padding-right: 10px;}

.contacto .ingresarus{
    padding-left: 40px;
    font-family: "antonioregular";
    color: #EA715F;
    font-size: 0.7rem;
    text-decoration: underline;}
    
.contacto .formulario1 {
    padding-top:  50px;
    position: relative;
    float: left;
    width: 50%}

.contacto .formulario2 {
    padding-top:  50px;
    position: relative;
    float: left;
    width: 50%;
    overflow: hidden}

.contacto label{
    font-family:"antonioregular";
    padding: 0 0 25px 30px;
    font-size: 0.8rem; 
    font-weight: 400;
    color: #EA715F}

.contacto article input{
    background: #eddad7;
    border-color: #EA715F;
    margin-bottom: 20px;
    margin-left: 30px;
    width:245px}

.contacto .fom{
    width:10px}


.contacto textarea{
    background: #eddad7;
    border-color: #EA715F;
    width: 245px;
    height: 97px;
    margin-left: 30px}

 .contacto .enviar{
    background:#d9d2d2;
    font-family: "antonioregular";
    color: #EA715F;
    width: 50px;
    height: 20px;
    position: relative;
    float: right;
    margin-right: 38px;
    padding-top: 3px;
    margin-top: 8px}
.contacto .enviar:hover{
    color: #ffffff;
    background: #EB7160}

.contacto aside{
    width:32%;
    position:relative;
    float: left; 
    overflow: hidden}

.contacto .datos{
    background:#87484C;
    height: 160px;
    margin-top: 0}

.contacto h2{
    font-family: "antonioregular"; 
    padding: 35px 50px 15px 35px;
    font-size:1.1rem;
    color:#ffffff;
    font-weight: 500}

 .contacto .bold{
    font-family: "antonioregular";
    padding-left: 35px;
    padding-right: 35px;
    color: #ffffff;
    font-weight: 400;
    font-size:0.8rem;
    text-align: center;
    margin-bottom: 15px}

 .contacto .reg{
    font-family: "colaborate-lightregular";
    padding-left: 35px;
    padding-right: 35px;
    color: #ffffff;
    line-height: 15px;
    font-size:0.8rem;
    text-align: center;
    font-weight: 50}

.contacto .historiayestudios{
    background:#c6666d;
    height: 110px;
    margin-top: 10px}
.contacto .historiayestudios:hover{
    background:#ad4f56}

.contacto h3{
   font-family: "antonioregular";
   font-weight: 550;
   font-size: 1.41rem;
   color: #ffffff;
   padding-left: 35px;
   padding-top: 25px;
   padding-bottom: 0px}

.contacto .mayuslight{
   font-family: "antonioregular";
   font-weight: 100;
   font-size: 1.2rem;
   color: #ffffff;
   padding-left: 35px;
   line-height: 21px;
   padding-top: 0px;
   position: relative;
   float: left}

.contacto .mas{
    position: relative;
    float: right;}

.contacto .concursos{
    background:#cb797e;
    height: 110px;
    margin-top: 10px;}
.contacto .concursos:hover{
    background-color:#c15e64}

.contacto h4{ 
   font-family: "antonioregular";
   font-weight: 550;
   font-size: 1.41rem;
   color: #ffffff;
   padding-left: 35px;
   padding-top: 25px;
   padding-bottom: 0px}




/*/////////////////////////////////////////////////// PROGRAMACION/////////////////////////////////////////////////////////////*/


.programacion section{
    width: 100%;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.programacion aside{
    width: 100%;
    position: relative;
    float: left; 
    overflow: hidden;
    box-sizing: border-box;}

.programacion .t1{
    width: 66%;
    position: relative;
    float: left;}

.programacion .tvivo{
    width: 100%; 
    position: relative;
    float: left;
    height: 450px;
    margin:  10px 0 0 0;}

.programacion .t3{
    width: 66%;
    position: relative;
    float: left;
    margin: 20px 0 0 0; 
    background: #8C4646;
    color:#fff; }

.programacion .cuadrop{
    margin: 10px 0 0 0; 
    width: 100%;
    position: relative;
    float: left;}

.programacion .dias{
    position: absolute;
    float: left;
    margin:10px 0 0 65px; 
    z-index: 1;}

.programacion .dias li{
    display: inline;
    position: relative;
    float: left;
    margin: 0 5px 0 0; 
    background: #8D4647;
    height: 25px;
    padding: 0 25px 0 25px;}

.programacion .dias li p{
    font-family:"colaborate-mediumregular";
    font-size: 0.9rem;
    font-weight: 200;
    padding: 5px 4px 0 0;
    color: #fff}

.programacion .horarios{
    position: relative;
    float: left;
    margin:40px 17px 0 0;
    width: 5%;}

.programacion .horarios li{
    margin: 0 0 5px 0; 
    background: #8D4647;
    padding: 5px 15px 6px 10px;
    width: 70%;}

.programacion .horarios li p{
    font-family:"colaborate-mediumregular";
    font-size: 0.9rem;
    font-weight: 200;
    color: #fff}

.programacion .p1{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p1 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 5px 5px 5px;
    background:#d8d8d8; }

.programacion .p1 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p2{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p2 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 12px 5px 12px;
    background:#d8d8d8; }

.programacion .p2 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p3{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p3 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 21px 5px 21px;
    background:#d8d8d8; }

.programacion .p3 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p4{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p4 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 9px 5px 9px;
    background:#d8d8d8; }

.programacion .p4 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p5{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p5 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 12px 5px 12px;
    background:#d8d8d8; }

.programacion .p5 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p6{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p6 li{
    margin: 5px 5px 6px 0px; 
    padding: 5px 12px 5px 12px;
    background:#d8d8d8; }

.programacion .p6 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}

.programacion .p7{
    position: relative;
    float: left;
    margin:35px 0 0 0;}

.programacion .p7 li{
    margin: 5px 10px 6px 0px; 
    padding: 5px 16px 5px 16px;
    background:#d8d8d8; }

.programacion .p7 li p{
    font-family:"colaborate-lightregular";
    font-size: 0.9rem;
    font-weight: 400;}




/*/////////////////////////////////////////////////// BLOG Y REDES /////////////////////////////////////////////////////////////*/


.contenedorblogyredes article{
    width: 66%;
    position: relative;
    float: left; 
    overflow: hidden; 
    margin-right: 2%}

.contenedorblogyredes h1{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px}

.contenedorblogyredes .article1{
    font-family: "colaborate-regular";
    position: relative; 
    float: left;
    width: 66%;
    margin: 65px 25px 0 145px;}

.contenedorblogyredes .article1 a{
    color:#EB7160;
    font-family: "colaborate-regular"}
        
.contenedorblogyredes .url {
    font-family: "colaborate-regular"; 
    color: #EB7160;}

.contenedorblogyredes .wds-tweet-data{
    font-family: "colaborateregular"; 
    font-size: 0.8rem;
    text-align: center;}

.contenedorblogyredes .art{
    margin-top: 60px}

.contenedorblogyredes .boton {
    font-family: "colaborate-regular";
    margin: 20px 0 0 350px;   
    font-size:0.8rem; 
    font-weight: 400;
    color: #EB7160} 

.contenedorblogyredes .logosredes{
    margin:0px 1px 10px 0px;
    float: left;
    position: relative;}

.contenedorblogyredes aside {
    width: 32%;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorblogyredes h2{
     padding-top: 8px;
     padding-bottom: 4px;
     padding-left: 40px;
     width: 100%;
     font-family: "antonioregular";
     font-size: 1.1rem;
     color: #ffffff;
     font-weight: 500;
     background: #8D4647;
     box-sizing: border-box;
     letter-spacing: 1px;}

.contenedorblogyredes .formulario{
    width: 100%;
    height: 200px}

.contenedorblogyredes .formulario1 {
    position: relative;
    float: left;
    width: 50%;
    padding: 20px 0px 0px 0px;
    margin: 10px 0 0 40px}

.contenedorblogyredes .formulario2 {
    position: relative;
    float: left;
    width: 100%;margin: 0 0 0 40px;}

.contenedorblogyredes .contactosredes{
    position: relative;
    float: left; 
    width: 100%;}

.contenedorblogyredes h3{
    width: 50%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin: 28px 0 0 15px;
    position: relative;
    float: left}

.contenedorblogyredes h4{
    width: 50%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    background: #87484C;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin: 40px 0 0 15px;
    position: relative}

.contenedorblogyredes .prueba{
    font-family: "colaborateregular";
    position: relative; float: left;
    width: 70%;
    margin: 65px 25px 0 145px}

.contenedorblogyredes .logo{
    width: 18%;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin: -82px 0 0 -85px;
    position: absolute}

.contenedorblogyredes .logo2{
    width: 18%;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin: -65px 0 0 -83px;
    position: absolute}

.contenedorblogyredes label {
    font-family: "antonioregular";
    margin: 5px 0 5px 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #8D4647}

.contenedorblogyredes aside .formulario1 input{
    margin-bottom: 20px;
    position: relative; 
    float: left;
    width: 245px}

.contenedorblogyredes .entrar{
    font-family: "antonioregular";
    font-size: 1rem;
    margin: 15px 0 5px 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #8D4647;
    padding: 2px}

.picface {
    display: block; 
    width: 300px; 
    height: 110px;
    margin: 0 0 10px 0; 
    background: url(imagenes/picface.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.picface:hover{
	background-position: -300px 0}

.pictwi{
    display: block; 
    width: 300px; 
    height: 110px;
    margin: 0 0 10px 0; 
    background: url(imagenes/pictwit.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.pictwi:hover{
	background-position: -300px 0}

.picinst {
    display: block; 
    width: 300px; 
    height: 110px; 
    margin: 0 0 10px 0; 
    background: url(imagenes/picinstag.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.picinst:hover{
	background-position: -300px 0}

.picsobre {
    display: block; 
    width: 300px; 
    height: 110px; 
    margin: 0 0 10px 0; 
    background: url(imagenes/picsobre.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.picsobre:hover{
	background-position: -300px 0}



/*///////////////////////////////////////////////// INSTITUCIONAL ///////////////////////////////////////////////////////////// */


.contenedorinstitucional article{
    width: 66%;
    position: relative;
    float: left; 
    overflow: hidden;
    margin: 0 2% 0 0}

.contenedorinstitucional .article1{
    font-family: "colaborateregular";}

.contenedorinstitucional .inst{
     width: 100%;
     margin: 0;
     height: auto;
     box-sizing: border-box}

.contenedorinstitucional h1{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px;
    margin-bottom: 15px}

.contenedorinstitucional h4{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 100%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px;
    margin-bottom: 15px;
    margin-top: 10px}

.contenedorinstitucional .estudio {
    display: block; 
    width: 633px; 
    height: 300px; 
    margin: 0 0 10px 0; 
    background: url(imagenes/estudio.jpg) no-repeat top left;
    position: relative;
    float: left; 
    box-sizing: border-box;}
.contenedorinstitucional .estudio:hover{
	background-position: -633px 0}

.contenedorinstitucional .boxr1{
    width: 100%; 
    height:auto;
    position:relative; 
    float: left}

.contenedorinstitucional .cooperativa{
    margin: 0 ;
    display: block;
    font-weight: 800; 
    padding-top: 8px;
    padding-bottom: 4px;
    width: 100%;
    font-family: 'colaborate-regular';
    font-size: 0.8rem;
    color: #87484C;
    box-sizing: border-box;
    letter-spacing: 1px}

.contenedorinstitucional .patv{ 
    margin: 0px 0 10px 0;
    padding-top: 8px;
    padding-bottom: 4px;
    width: 100%;
    display: block;
    color: #354458 ; 
    font-family: 'colaborate-lightregular';
    font-size: 0.8rem;}

.contenedorinstitucional aside h2{
    padding-bottom: 4px;
    padding-left: 40px;
    padding-top: 10px;
    width: 100%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 500;
    background: #87484C;
    letter-spacing: 1px}

.contenedorinstitucional h3{
    width: 50%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 500;
    background: #87484C;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin: 0px 0 0 15px}

.contenedorinstitucional aside {
    width: 32%;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorinstitucional .boxr2{
    background-color: #87484C ; 
    font-family: "colaborateregular"; 
    font-weight: 800;
    font-size: 0.8rem; 
    width: 100%; 
    height: 105px;
    position: relative; 
    float: left; 
    margin: 137px 0 0px 0px}

.contenedorinstitucional .sobre {
    display: block;
    width: 300px;
    height: 110px;
    margin: 64px 0 10px 0; 
    background: url(imagenes/picsobre.png) no-repeat top left;
    position: relative;
    float: left;
    box-sizing: border-box;}
.sobre:hover{
	background-position: -300px 0}




/*//////////////////////////////////////////////// VIDEO HOME ///////////////////////////////////////////////////////////////// */


.contenedorvideohome h1{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 66%;
    margin: 0 0 15px 0; 
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px}


.contenedorvideohome article2{
    width:100%;
    position: relative;
    float: left; 
    overflow: hidden;}

.contenedorvideohome .videos1{ 
    height: 400px;
    width: 100%;
    float: left}

.contenedorvideohome .video2{
    width: 100%;
    margin:10px 2% 0 0px ;
    float: left;
    position: relative}

.contenedorvideohome .video22{
    width: 100%;
    margin:10px 0px 0 0px ;
    position: relative}

.contenedorvideohome .not{
    width: 100%;
    margin: 0 2% 15px 0;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorvideohome .vnot1{
    width: 49%;
    margin: 0 2% 15px 0;
    position: relative;
    float: left;overflow: hidden}

.contenedorvideohome .vnot2{
    width: 49%;
    margin: 0 0 15px 0;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorvideohome .vnot3{
    width: 32%;
    margin: 0 2% 15px 0;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorvideohome .vnot4{
    width: 32%;
    margin: 0 2% 15px 0;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorvideohome .vnot5{
    width: 32%;
    margin: 0 0 15px 0;
    position: relative;
    float: left;
    overflow: hidden}

.contenedorvideohome .volanta{
    font-family:"colaborate-mediumregular";
    font-weight: 500;
    color: black;
    margin-top: 5px;
    font-size: 0.7rem}

.contenedorvideohome .not .volanta{
    font-size: 0.9rem}

.contenedorvideohome .volantalight{
    font-family: "colaborate-lightregular";
    font-weight: 200;
    color: #5d5a5a}

.contenedorvideohome .linea{
    color:#dedede;
    background-color:#dedede; 
    height: 0.5px;
    width: 98%;
    margin: 0 0 5px 0;}

.contenedorvideohome .ts1{
    font-family: 'antonioregular';
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #EB7160;}

.contenedorvideohome .not .ts1{
    font-size: 1.8rem;
    margin-top: 10px}

.contenedorvideohome .vnot2 .ts1{
    font-size: 1.2rem;
    margin-top: 10px}

.contenedorvideohome .vnot1 .ts1{
    font-size: 1.2rem;
    margin-top: 10px}

.contenedorvideohome .tsautor{
    font-family: "colaborate-mediumregular";
    font-size: 0.8rem;
    font-weight: 400;
    color: #EB7160;}

.contenedorvideohome .not .epigrafe2{
    font-size: 0.9rem;
    line-height: 20px}

.contenedorvideohome .epigrafe2{
    font-family: "colaborate-mediumregular";
    font-size: 0.7rem;
    font-weight: 100;
    color: #000000;
    width: 100%;
    height: 60px;
    position: relative;float: left;
    padding: 10px 0 10px 0}

.contenedorvideohome .not .leermas{
    margin: 7px 0 0 0}

.contenedorvideohome .leermas{
    font-family: "colaborate-mediumregular";
    font-size: 0.7rem;
    color: #EB7160;
    margin: 10px 0 0 0;
    position: relative;float: left}


.contenedorvideohome .video3{
    height:190px;
    width: 100%;
    float: left;
    position: relative}

.contenedorvideohome .video4{
    height:190px;
    width: 100%;
    margin: 0 0 0 5px;
    float: left;
    position: relative}

.contenedorvideohome .video5{
    height:190px;
    width: 100%;
    float: right;
    position: relative}

.contenedorvideohome  p1{
    padding: 15px 0 0 15px;
    display: block;
    width: 100%;
    font-family: "colaborateregular";
    font-size: 0.8rem;
    box-sizing: border-box;
    letter-spacing: 1px;
    position: absolute;
    padding: 485px 0px 0px 150px;
    font-weight: 300}

.contenedorvideohome aside1{
    width:100%;
    position: relative;
    float: left;   
    margin-top:25px; 
    overflow: hidden;}


.contenedorvideohome  p2{
    padding:235px 12px 0 15px;
    margin: 10px 0 0 0;
    display: block;
    width: 100%;
    font-family: "colaborateregular";
    font-size: 0.8rem;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: 300}

.contenedorvideohome  p3{
    padding: 8px 0 11px 25px;
    display: block;
    width: 100%;
    font-family: "colaborateregular";
    font-size: 0.8rem;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: 300}




/*//////////////////////////////////////////////////// PELICULAS ////////////////////////////////////////////////////////////// */


.contenedorpeliculas .slider{
    width: 100%;
    position: relative;
    float: left; 
    overflow: hidden;}

.contenedorpeliculas article2{
    width:100%;
    position: relative;
    float: left; 
    overflow: hidden;}

.contenedorpeliculas h1{
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 40px;
    width: 66%;
    font-family: "antonioregular";
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 700;
    background: #EB7160;
    box-sizing: border-box;
    letter-spacing: 1px;
    word-spacing: 5px}

.contenedorpeliculas .peliculasonline { 
    background-color: #000000;
    position: relative; width:100%; 
    float: left;
    margin-top: 1%}

.contenedorpeliculas aside3{
    width:100%;
    position: relative;
    float: left;
    height: 470px; 
    margin-top:5px;
    overflow: hidden;}

.contenedorpeliculas article2{
    width:100%;
    position: relative;
    float: left; 
    overflow: hidden;}

.contenedorpeliculas #contenidos{
    width: 100%;
    height: 220px;
    float: left}

.contenedorpeliculas #contenidos1{
    width: 100%;
    height: 220px;
    margin: 5px 0 0 0;
    float: left}

.contenedorpeliculas .pelicula {
    display: block; 
    width: 295px;
    height: 182px;
    margin:20px 4px 25px 0px;
    position: relative;
    float: left;
    background: url(imagenes/peliculas.jpg) no-repeat top left}
.contenedorpeliculas .pelicula:hover{
    background-position: -295px 0}

.contenedorpeliculas .pelicula1 {
    display: block; 
    width: 295px;
    height: 182px;
    margin:20px 0px 25px 31px;
    float: left;
    position: relative;
    background: url(imagenes/peliculas1.jpg) no-repeat top left}
.contenedorpeliculas .pelicula1:hover{
    background-position: -295px 0}

.contenedorpeliculas .pelicula2 {
    float: left;
    position: relative;
    margin:20px 0 25px 37px;
    display: block; 
    width: 295px;
    height: 182px;
    background: url(imagenes/peliculas2.jpg) no-repeat top left}
.contenedorpeliculas .pelicula2:hover{
    background-position: -295px 0}

.contenedorpeliculas .pelicula3 {
    display: block; 
    width: 295px;
    height: 182px;
    margin:0px 4px 25px 0px;
    position: relative;
    float: left;
    background: url(imagenes/peliculas3.jpg) no-repeat top left}
.contenedorpeliculas .pelicula3:hover{
    background-position: -295px 0}

.contenedorpeliculas .pelicula4 {
    display: block; 
    width: 295px;
    height: 182px;
    margin:0px 0px 25px 31px;
    float: left;
    position: relative;
    background: url(imagenes/peliculas4.jpg) no-repeat top left}
.contenedorpeliculas .pelicula4:hover{
    background-position: -295px 0}


.contenedorpeliculas .pelicula5 {
    float: left;
    position: relative;
    margin:0 0 25px 37px;
    display: block; 
    width: 295px;
    height: 182px;
    background: url(imagenes/peliculas5.jpg) no-repeat top left}
.contenedorpeliculas .pelicula5:hover{
    background-position: -295px 0}
    


/*//////////////////////////////////////////////////// REGISTRO ////////////////////////////////////////////////////////////// */

.registro .registrum{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 60px}


/*//////////////////////////////////////////////////// FOOTER ///////////////////////////////////////////////////////////////// */

.pie{
    font-size: 0.6rem; 
    margin: 10px 30px 5px 30px; 
    color: #E9E0D6;}

.bf{
    background: #454649; 
    height: 110px;
    position: relative;
    float: left;
    width: 100%;}

.sponsor{
    margin: 10px 0 0 0;}

.subm{
    margin: 0 0 500px 0;
    display:inline;
    list-style: outside none none;
    width: 100%;}

.subm li{
    float:left;}

.subm li a{
    margin: 5px 0 5px 95px;
    color: #354458;
    font-size: 0.8rem;
    display: block;
    padding: 0px 50px 0 0;
    text-decoration: none;
    font-family: "antonioregular";
    font-weight: 500;}
.subm li a:hover {color:#D96459;}



/*////////////////////////////////////////////////////RESPONSIVE ////////////////////////////////////////////////////////////// */


@media screen and (max-width:768px){
     header{width: 100%;margin-bottom: 5px;}
    .bh{width: 100%;}
    .bh .iconof{display: none;}
    .bh .iconot{display: none;}
    .bh .iconoi{display: none;}
    .bh .iconol{position: relative; float: left;margin-left: 2%;margin-right: 10px}
    .iconob{position: relative; float: left;}
    a .iconotv{width:30%;}
    header nav ul li a{font-size: 1rem;padding: 8px 10px 6px 10px;}
    
    
    footer{margin-top: 10px;}
    footer .subm li a{font-size: 0.6rem;font-weight: 300;padding: 0px;}
    footer .bf{height: 30px;}
    footer .bf .sponsor{display: none;}
    footer .bf .pie{font-size: 0.5rem;margin: 5px 0;}
    
    .index .t1{width: 102%;height: auto; margin-right: 2%;font-weight: 500;} 
    .index aside{width: 100%;height: auto;}
    .index .eve1{width: 48%;height: auto;margin-right: 2%;}
    .index .eve2{width: 48%;height: auto;margin-right: 2%;}
    .index .pic6{width: 233px;height:192px;margin-right: 2%;position: relative;float: left;}
    .index .pic7{width: 233px;height:192px;position: relative;float: left;}
    .index article p{display: none;}
    .index hr{display: none;}
    .index aside .art1{margin: 0 1% 0 1%;}
    .index .art2 .t2{display: none;}
    .index .art2 a{width: 223px;height:71px;}
    .index .slider {width: 98%; margin: 0 1% 0 1%;}
    .index header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
   
    .actualidad section {margin: 0 1% 0 1%;}
    .actualidad h1{font-weight: 500;margin: 18px 0 0 0;}
    .actualidad header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
    .actualidad .polidos .poliidos li a{width: 32%;}
    .actualidad main p{display: none;}
    .actualidad .positive{display: none;}
    .actualidad h2{display: none;}
    .actualidad .urnass{display: none;}
    .actualidad hr{display: none;}

    .notapol header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
    .notapol section {margin: 0 1% 0 1%;}
    .notapol article{width: 100%;}
    .notapol h1{font-weight: 500;margin: 18px 0 0 0;width: 66%}
    .notapol h2{width: 100%; margin-bottom: 5px;}
    .notapol .linea{width: 66%;}
    .notapol p .copete {width: 100%;}
    .notapol .imgnota{width: 100%;}
    .notapol .copete{font-size: 0.8rem;}
    .notapol aside{width: 50%;}
    .notapol .periodista{display: none;}
    .notapol .autor{margin: 10px 0 30px 0;}
    .notapol h3{width: 95%;clear: both;}
    .notapol aside .lineaa{display: none;}
    .notapol h4{display: none;}
    .notapol .lineaaside{display: none;}
    .notapol aside a{display: none;}
    .notapol  footer{margin-top: 0px;}
    
    
    .notad header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
    .notad section {margin: 0 1% 0 1%;}
    .notad article{width: 100%;}
    .notad h1{font-weight: 500;margin: 18px 0 0 0;width: 66%;}
    .notad h2{width: 100%; margin-bottom: 5px;}
    .notad .linea{width: 66%;}
    .notad p .copete {width: 100%;}
    .notad .imgnota{width: 100%;}
    .notad .copete{font-size: 0.8rem;}
    .notad aside{width: 50%;}
    .notad .periodista{display: none;}
    .notad .autor{margin: 10px 0 30px 0;}
    .notad h3{width: 95%;clear: both;}
    .notad aside .lineaa{display: none;}
    .notad h4{display: none;}
    .notad .lineaaside{display: none;}
    .notad  footer{margin-top: 0px;}
    .notad  .ad{width: 50%;}
    .notad .as .textoaside {display: none;}
    .notad .ad .textoaside {display: none;}
    .notad .recuadro{margin-top: 0px; margin-bottom:20px; }
    
    
    .concursos header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
    .concursos h1{font-weight: 500;margin: 18px 0 10px 0;width: 66%;}
    .concursos section {margin: 0 1% 0 1%;}
    .concursos aside {display: none;}
    .concursos section{width: 100%;}
    .concursos .art3{width: 100%;}
    .concursos .art3 .pic11 {width: 98%;}
    .concursos .art4 .pic12 {width: 98%;margin-bottom: 20px;}
    
    
    .cortosd nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;}
    .cortosd section {margin: 0 1% 0 1%;}
    .cortosd  h1{font-weight: 500;margin: 18px 0 10px 0;width: 66%;}
    .cortosd h2{width: 100%; margin-bottom: 5px;font-size: 50px} 
    .cortosd #m2{width: 100%;height: auto}
    .cortosd .tags{display: none;}
    .cortosd .csecun{width: 100%;}
    .cortosd .csecun div{width: 51%;position: relative;float: left}
    .cortosd nav{height: 30px;}
    .cortosd hr{display: none}
    .cortosd .csecun p{display: none;}
    .cortosd h4{display: none}
    .cortosd .como{display: none;}
    .cortosd aside{margin-left: 0;}
    .cortosd .recuadro{display: none}
    
    .dtlujan header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .dtlujan section {margin: 0 1% 0 1%;}
    .dtlujan h1{font-weight: 500;margin: 18px 0 10px 0;width: 66%;}
    .dtlujan section{width: 100%;height: auto;}
    .dtlujan .ultimos{width: 100%;height: auto;}
    .dtlujan #m1{width: 98%;height: auto;}
    .dtlujan .tags{display: none;}
    .dtlujan hr{display: none;}
    .dtlujan aside{display: none;}
    .dtlujan main section .ultimos .coment{width: 98%;}
    .dtlujan main section .acerca{width: 45.5%;margin-right: 2%;margin-top: 0;}
    .dtlujan main section .formulary{width: 45.5%; margin-left: 0; margin-top: 40px;}
    .dtlujan h2{margin-top: 0;font-size: 1.5rem;}
    .dtlujan .acerca .bx{margin-top: 10px;}
    .dtlujan .bx .Muy{display: none;}
    .dtlujan .bx .expl{line-height: 20px;font-size: 0.7rem}
    .dtlujan .bx .expl br{display: none;}
    
    
    .soyreportero header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin: 0;}
    .soyreportero header{width: 100%;}
    .soyreportero section {margin: 0 1% 0 1%;}
    .soyreportero aside {margin: 0 1% 0 1%;}
    .soyreportero .slider {width: 98%; margin:0}
    .soyreportero .t1{font-weight: 500;width: 66%;}
    .soyreportero .hrepor{display: none;}
    .soyreportero .not{width: 30%;}
    .soyreportero .not .epigrafe2 .leermas{display: none;}
    
    
    .contenedorinstitucional header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .soyreportero aside {margin: 0 1% 0 1%;}
    .contenedorinstitucional article {width: 100%;} 
    .contenedorinstitucional h1{font-weight: 500;margin: 18px 0 10px 2%;width: 66%;}
    .contenedorinstitucional h4{font-weight: 500;margin: 18px 0 10px 2%;width: 66%;}
    .contenedorinstitucional aside{display: none;}
    .contenedorinstitucional article .inst{width: 656px;height: auto;margin-left: 2%;margin-right: 0} 
    .contenedorinstitucional article .estudio{width: 96%;margin-left: 2%;margin-right: 0} 
     
    .contacto header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .contacto section{margin: 0 1% 0 1%;}
    .contacto h1{font-weight: 500;margin: 18px 0 10px 0%;width: 100%;}
    .contacto article input{width: 150px;} 
    .contacto article textarea{width: 150px;}
    .contacto aside .datos{font-weight: 500;margin: 18px 0 10px 0%;width: 100%;padding-top: 20px;padding-bottom: 0;height: 120px}
    .contacto aside .datos h2{display: none}
    .contacto aside .mas{display: none;}
    .contacto .formulario2 .ingresarus{padding-left: 30px}
    
    
    .programacion header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .programacion section{margin: 0 1% 0 1%;}
    .programacion aside{display: none;}
    .programacion article{width: 100%;}
    .programacion h1{font-weight: 500;margin: 18px 0 10px 0;width: 66%;}
    .programacion #m2{width: 98%;height: auto;}
    .programacion .iconotv{padding-bottom: 3px;}
    
    
    .contenedorblogyredes header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .contenedorblogyredes section{margin: 0 1% 0 1%;}
    .contenedorblogyredes article{width: 100%;position: relative;float: left;}
    ..contenedorblogyredes aside {width: 100%;position: relative;float: left;}
    .contenedorblogyredes h1{font-weight: 500;margin: 18px 0 10px 0%;width: 66%;}
    .contenedorblogyredes aside .formulario{display: none;}
    .contenedorblogyredes aside h2{display: none}
    .contenedorblogyredes aside .contactosredes {display: none}
    
    
    .contenedorvideohome header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .contenedorvideohome section{margin: 0 1% 0 1%;}
    .contenedorvideohome article2{width: 100%;}
    .contenedorvideohome h1{font-weight: 500;margin: 18px 0 10px 0;width: 66%;}
    .contenedorvideohome .leermas{display: none;}
    .contenedorvideohome aside1{display: none;}
    .contenedorvideohome .vnot1  .epigrafe2 {display: none;}
    .contenedorvideohome .vnot2 .epigrafe2 {display: none;}
    .contenedorvideohome .vnot1  {margin-top: 30px;margin-bottom: 20px}
    .contenedorvideohome .vnot2 {margin-top: 30px;margin-bottom: 20px}
    
    
    .contenedorpeliculas header nav ul li a{font-size: 0.9rem;padding: 8px 10px 6px 10px;margin:0;}
    .contenedorpeliculas section{margin: 0 1% 0 1%;}
    .contenedorpeliculas .slider {width: 100%; margin:0;}
    .contenedorpeliculas article2 h1{font-weight: 500;margin: 18px 0 10px 0%;width: 100%;}
    .contenedorpeliculas aside3 .pelicula5 {display: none;}
    .contenedorpeliculas aside3 .pelicula2 {display: none;}
    .contenedorpeliculas aside3 article2 h1{margin-top: 0;margin-bottom: 0}}