@import url('https://fonts.googleapis.com/css?family=Rajdhani');

/*
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif');
*/

@import url('https://fonts.googleapis.com/css?family=Pontano+Sans');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

@font-face {
font-family: 'Flama-Bold';
font-style: normal;
font-weight: normal;
src: local('Flama-Bold'), url('../../../css/fonts/flama-bold/flama-bold.woff') format('woff');
}

/* 

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

*/

body      { margin-top: 55px; }
body, html    { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 140%;  }

a, a:visited {
  color: #2fa4e7;
  text-decoration: none;
}
a:hover {
  color: #2fa4e7;
  text-decoration: underline;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: normal;
  color: #333;
  padding: 0;
  font-family: 'Flama-Bold', sans-serif; 
}
h6, .h6 {
  font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}

h1 {
  font-size:32px;
  line-height:38px;
  font-weight:bold;
}
h2 {
  font-size:24px;
  line-height:30px;
  font-weight:bold;
}

h3 {
  font-size:20px;
  line-height:30px;
  font-weight:bold;
}

b, strong       { font-weight:  bold; }

.clear          { clear : both; height : 0; } 
.clear5         { clear : both; height : 5px; } 
.clear10        { clear : both; height : 10px; } 
.clear15        { clear : both; height : 15px; } 
.clear20        { clear : both; height : 20px; } 
.clear25        { clear : both; height : 25px; } 
.clear30        { clear : both; height : 30px; } 
.clear40        { clear : both; height : 40px; }
.clear50        { clear : both; height : 50px; } 
.clear60        { clear : both; height : 60px; } 
.clear70        { clear : both; height : 70px; } 
.clear80        { clear : both; height : 80px; } 
.clear90        { clear : both; height : 90px; } 
.clear100       { clear : both; height : 100px; }

/* */

/* */ 

#overlay                    { position: fixed; z-index: 100000; background: #000; top: 0; left: 0; width: 100%; height: 150%; cursor: pointer; display:none; opacity:0.7; filter:alpha(opacity=70); filter: "alpha(opacity=70)"; }
#liveoverlay                { position: fixed; z-index: 100000; background: #000; top: 0; left: 0; width: 100%; height: 150%; cursor: pointer; display:none; opacity:0.7; filter:alpha(opacity=70); filter: "alpha(opacity=70)"; }
#loading                    { position: fixed; z-index: 100001; background: #000  url(../../../img/interface/loader.gif) no-repeat center center; display:none; width: 130px; height: 130px; margin-left: -70px; left: 50%; top: 220px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

#DivOverAjax                { position: fixed; z-index: 100001; background: #f5f5f5; left: 50%; display:none; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter:alpha(opacity=70); filter: "alpha(opacity=70)"; text-align: center; padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#DivOverAjax .icon          { margin-bottom: 10px; }
#DivOverAjax .msg           { font-size: 16px; color: #333; }

/*****

/* ESTILOS NAV */ 


/*.topmenu                          { background : #000; position : fixed; top : 0; z-index : 100; font-family: 'Oswald', sans-serif; font-size: 1rem; text-transform: uppercase; /* font-size : 1rem; line-height : 1.4rem; font-family : sans-serif;  } **/ 

.topmenu                          { background : #000; position : fixed; top : 0; z-index: 1002; font-family: 'Roboto', sans-serif; font-size: 1rem;/* font-size : 1rem; line-height : 1.4rem; font-family : sans-serif; */ }

.topmenu                          { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.topmenu-fixed                    { position : fixed; left : 0; top : 0; z-index : 3; }
.topmenu-list.left                { width : 70%; }
.topmenu-list.right               { width : 30%; padding-right: 10px; }
.topmenu-list, .topmenu-item      { position : relative;  }
.topmenu-list                     { list-style : none; margin : 0; padding : 0; }
.topmenu-item                     { padding : 0; margin : 0; height : 100%; }
.topmenu-link, .topmenu-heading   { display : block; text-decoration : none; white-space : nowrap; }
.topmenu-horizontal               { width : 100%;  }
.topmenu-horizontal .topmenu-list { display : inline-block; }
.topmenu-item, 
.topmenu-horizontal 
.topmenu-heading, 
.topmenu-horizontal 
.topmenu-separator                { display : inline-block; vertical-align : middle; }
.topmenu-item .topmenu-item       { display : block; white-space:; ;}
.topmenu-children                 { min-width: 200px; display : none; position : absolute; left : 100%; top : 0; margin : 0; padding : 0; z-index : 3; font-size : 1rem; line-height : 1.4rem; font-family : sans-serif;  text-transform: capitalize; }
.topmenu-horizontal 
.topmenu-children                 { left : 0; top : auto; width : inherit; }
.topmenu-allow-hover:hover > 
.topmenu-children, 
.topmenu-active > 
.topmenu-children                 { display : block; position : absolute; }
.topmenu-has-children > 
.topmenu-link:after               { padding-left : 5px; font-size : small; }
.topmenu-horizontal 
.topmenu-has-children > 
.topmenu-link:after               { font-family : 'FontAwesome'; content : "\f107"; }
.topmenu-scrollable               { overflow-y : scroll; overflow-x : hidden; }
.topmenu-scrollable .topmenu-list { display : block; }
.topmenu-heading                  { text-transform : uppercase; color : #565d64; }
.topmenu-link                     { color : #888; }
.topmenu-link:visited             { color : #888; }                    
.topmenu-children                 { background-color : #000; }
.topmenu-link, 
.topmenu-disabled, 
.topmenu-heading                  { padding : 1rem 0.9rem 1rem 0.9rem;  } /* padding items */
.topmenu-link-menu                { padding : 1rem; color: #fff;  }
.topmenu-link-menu:hover          { background-color : #70b9de; color: #fff; }
.topmenu-disabled                 { opacity : 0.5; }
.topmenu-disabled 
.topmenu-link:hover               { background-color : transparent; }
.topmenu-active > .topmenu-link, 
.topmenu-link:hover, 
.topmenu-link:focus               { background-color : #70b9de; text-decoration : none; color : #fff; }
.topmenu-selected .topmenu-link, 
.topmenu-selected 
.topmenu-link:visited             { color : #fff; }

.topmenu .bar.visible a, .topmenu .bar.visible a:visited { color: #fff; }

.topmenu .visible .topmenu-link   { color : #888; background : #000; }
.topmenu-active > .visible 
.topmenu-link, 
.topmenu-active .visible 
.topmenu-link:hover, 
.topmenu-active .visible 
.topmenu-link:focus               { background : #000; }



.topmenu-list.left  i             { border : 0; margin : 0; padding : 0; font-size : 1rem; }
.topmenu-list.right i             { font-size : 1.1rem;  }
.topmenu-list.right               { text-align: right; }

.topmenu .bar                     { font-size : 1.4rem; }
.topmenu .logo                    { margin-right: 30px; height: 43px;}

@media (max-width: 800px) {

.topmenu .bar                     { font-size : 1.4rem; z-index: 1000; } 
.topmenu .logo                    { position: fixed; width: 100%; text-align:center; margin-top: 5px; left: 0; z-index: 99; }

}


.topmenu .num                     { font-size: 0.6rem;  float: right; text-align:  center; margin-left: 5px; min-width: 20px; max-height: 20px;  }
.topmenu .num div                 { background: #95bd1c; color: #fff; padding: 3px; max-height: 20px; border-radius: 25%; }
.topmenu .num div span            { position: relative; top: -4px; }

.topmenu .numCount                { font-size: 0.6rem; padding: 3px 5px 3px 5px; border-radius: 2px;  text-align: center; margin-left: 5px; min-width: 20px; max-height: 20px; background: #2b8eda; color: #fff; }

.topmenu-link:hover .num div      { background: #ffffff; color: #000000; }
.topmenu-link:focus .num div      { background: #ffffff; color: #000000; }


.topmenu-item.activado, .topmenu-item.activado a { background: #70b9de; color: #fff; }


.topmenu i.usericon               { color: #94bb39; font-size : 0.7rem; margin-right: 5px; vertical-align:middle; }
.topmenu a:hover .usericon        { color: #ffffff; }

@media (max-width: 1900px) {

.topmenu-list.left li              { display: none; }
.topmenu-list.right li             { display: none; }
.topmenu-list li.visible           { display : inline-block; vertical-align : middle; }
.topmenu-list.left ul li           { display : inline; }
.topmenu .logo                     { margin-right: 0px; }

}

@media (max-width: 1200px) {

.topmenu-list.left li              { display: none; }
.topmenu-list.right li             { display: none; }
.topmenu-list li.visible           { display: none; }
.topmenu-list.left ul li           { display : inline; }

.topmenu-list.left li.bar          { font-size : 1.4rem; z-index: 1000; display : inline-block; } 
.topmenu-list.left li.logo         { display : inline-block; }

}

/* */

.NavMobile { padding-top: 10px;  padding-bottom: 50px; }
.NavMobile li { list-style-type: none; font-size : 1.2rem; margin-bottom: 8px; }
.NavMobile #searchbox { margin-top: 20px;  }
.NavMobile input { background: #000; color: #848484; font-size: 1.5rem; border: 0; width: 150px; padding: 8px 0px 9px 0px; }
.NavMobile input:focus { outline: none; }

/* */

.topmenu #searchbox  { background: #000; border: 1px solid #848484; color: #848484; border-radius: 2px; padding: 2px 6px 2px 6px; margin-right: 5px; font-size : 0.8rem; }
.topmenu input { background: #000; color: #848484; font-size: 0.8rem; border: 0; width: 150px; }
.topmenu input:focus { outline: none; }
.topmenu #searchbox .button { background: #000000; color: #848484; border: 0; cursor: pointer; }
.topmenu #searchbox .button i {font-size: 1rem; }

/* Barra menu superior */

.container {
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  width: 90%;
}


.container.header .TodayDate      {  color: #7f7e7e; font-size: 1rem; font-family: "Rajdhani", sans-serif; }
.container.header .logohome       {  text-align: center; padding: 0;   }
.container.header .logohome img   {  padding: 0; border: 0; margin: 0;  }


/***************************************************************/


#ToggleTree                    { position: relative; top: -150px; width: 100%; background: #202020;  display: none; color: #b8b7b7; padding: 20px; font-size: 0.9rem; z-index: 1000; }
#ToggleTree .ToggleTreeleft    { float: left; width: calc(100% - 370px);  border-right: 1px dotted #686868; padding-right: 35px; margin-right: 35px;  }
#ToggleTree .ToggleTreeright   { float: right; width: 320px; color: #b8b7b7; font-size: 1rem; line-height : 1.3rem; text-align: left; }
#ToggleTree .col               { float: left; width: 180px; margin-right: 30px; margin-bottom: 20px; }
#ToggleTree .sponsors          { font-size: 1rem; margin-bottom: 10px; }
#ToggleTree .closed            { text-align: right; font-size: 2rem; padding-top: 15px; margin-right: 20px; }
#ToggleTree .closed a          { color: #fff; text-decoration: none; }
#ToggleTree li                 { list-style-type: none; }
#ToggleTree h3,
#ToggleTree h2                 { padding: 0; margin: 0; margin-bottom: 15px; font-family : 'Roboto', sans-serif; font-size: 1.3rem; line-height: 1.4rem; color: #ffffff; font-weight: normal; }
#ToggleTree h2 a,
#ToggleTree h2 a:visited       { color: #ffffff; }
#ToggleTree input              { float: left; width: 80%; background: #ffffff;; color: #000; border: 1px solid #ffffff; }
#ToggleTree button             { background: #2ea5e4; color: #fff; border: 0; padding: 12px;  height: 48px; }
#ToggleTree a, 
#ToggleTree a:visited          { color: #b8b7b7; }
#ToggleTree .useropotions      { display: none; }

@media (max-width: 1200px) {
#ToggleTree h2               { margin: 0; padding: 0; font-size: 1rem; line-height: 1.5rem; }
#ToggleTree .subs            { display: none; }
#ToggleTree .sponsors        { font-size: 0.9rem; margin-bottom: 5px; }
#ToggleTree .useropotions    { display: inline;  }#ToggleTree .col              { clear: both; margin: 0; padding: 0; }
}

#ToggleTree .Separator { border: 1px dotted #666; margin-top: 15px; margin-bottom: 15px; }


@media (max-width: 800px) {
#ToggleTree .container        { width: 95%; }
#ToggleTree .ToggleTreeleft   { width: 100%; border:0;  }
#ToggleTree .ToggleTreeright  { display: none; }
#ToggleTree .closed           { display: none; }
#ToggleTree h2                { margin: 0; padding: 0; font-size: 1rem; line-height: 1.5rem; }
#ToggleTree .col              { clear: both; margin: 0; padding: 0; }
#ToggleTree .col              { width:100%; }
#ToggleTree .useropotions     { display: inline;  }
}


/***************************************************************/

/* Linea de categorias */

.Frontchannels                  { text-align: center; padding: 14px 0px 14px 0px; border-top: 2px solid #ededed; font-size: 1.3rem; }
.Frontchannels li               { display: inline-block; margin-right: 7px; }
.Frontchannels h2               { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.3rem; letter-spacing: -0.5px; padding: 0px; margin: 0; }
.Frontchannels .activa          { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 1.3rem; letter-spacing: -0.5px; padding: 0px; margin: 0; }
.Frontchannels a                { color: #000; text-decoration: none; padding-bottom: 6px; }
.Frontchannels a:hover          { border-bottom: 2px solid #ddd; }

/*.Frontchannels a:hover { border-bottom: 1px solid #ddd; }

/* */

.FrontchannelsThemes                  { text-align: center; padding: 5px 0px 14px 0px; border-top: 2px solid #f5f5f5; margin-bottom: 30px; font-size: 1rem; }
.FrontchannelsThemes li               { display: inline-block; margin-right: 10px; }
.FrontchannelsThemes h2               { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1rem; letter-spacing: -0.5px; padding: 0px; margin: 0; }
.FrontchannelsThemes .activa          { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 1rem; letter-spacing: -0.5px; padding: 0px; margin-right: 10px;  }
.FrontchannelsThemes a                { color: #000; text-decoration: none; padding-bottom: 6px; }
.FrontchannelsThemes .activa a        { border-bottom: 1px solid #000000; font-weight: 600;  }
.FrontchannelsThemes a:hover          { border-bottom: 2px solid #ddd; }

/* */

.dropdown-content               { margin-top: 64px; background: #000; }
.dropdown-content li a          { color: #949292;  font-family: sans-serif; font-weight: normal; text-transform: capitalize; font-size: 0.9rem; }
.dropdown-content li a:hover    { color: #fff; }

/* */

.container.header               { width: 1280px; min-width: 1280px; padding-top: 30px; }

.container.detailTop,
.container.detail,
.container.footer               { width: 1280px; min-width: 1280px; padding-top: 30px; }
.container.detailTopVideo       { width: 1080px; min-width: 1080px; padding-top: 30px; }
.container.page                 { width: 980px; min-width: 980px; padding-top: 30px; }
.container.profileUser          { width: 880px; min-width: 880px; padding-top: 30px; }
.container.external             { width: 980px; min-width: 980px; }
.container.login                { width: 500px; min-width: 500px; padding-top: 80px; padding-bottom: 90px; }
.container.editor               { width: 1280px; min-width: 980px; padding-top: 30px; min-height: 600px; }
.container.List                 { width: 1180px; min-width: 980px; min-height: 500px; padding-top: 30px; }
.container.ListSubmit           { width: 980px; min-width: 980px; min-height: 500px; padding-top: 30px; }

.container.detail               { min-height: 500px; }
.container.page                 { min-height: 500px; margin-top: 100px; margin-bottom: 100px;  }
.container.login                { min-height: 700px; }


/* */

#contentEdit                    { width: 100%; padding-top: 30px;  }
#contentEdit .left              { width: calc(100% - 400px); float: left;  }
#contentEdit .right             { width: 350px; float: right; }

/* */

.container.detailTopVideo  .left     { float: left; width: 60%; }
.container.detailTopVideo  .right      {float: right; width: 40%; }

.container.detailTop .left { float: left; width: 45%; }
.container.detailTop .right { float: right; width: 50%; }


/* Footer */


.ColFooterLeft                  { width: calc(100% - 570px); float: left; }
.ColFooterRight                 { width: 550px; float: right; }

/* Columnas Pagina principal */

.ColHomeRight                   { width: 310px; float: right; }
.ColHomeLeft                    { width: calc(100% - 350px); float: left; }
  .ColHomeLeftLeft              { width: calc(100% - 325px); float: left;  }
  .ColHomeLeftRight             { width: 290px; float: right; }

  .ColHomeLeftLeftSecond        { width: calc(100% - 325px); float: left; }
  .ColHomeLeftRightSecond       { width: 290px; float: right; }

/* DETAIL */

.ColDetailRight                 { width: 310px; float: right; }
.ColDetailLeft                  { width: calc(100% - 380px); float: left; }

  .ColDetailLeftLeft            { width: 190px; float: left; }
  .ColDetailLeftRight           { width: calc(100% - 240px); float: right; }

.ColDetailRightDetail           { width: 310px; float: right; }
.ColDetailLeftDetail            { width: calc(100% - 380px); float: left; }

/* */

.ColListRight                   { width: 310px; float: right; }
.ColListLeft                    { width: calc(100% - 370px); float: left; }

/* Sponsor Channels */

.HeaderSponsorchannel                 { width: 100%;   }
.HeaderSponsorchannel .Interior       { width: 1220px; margin: auto; }
.HeaderSponsorchannelDetail .Interior { width: 1280px; margin: auto; }

.container.sponsorchannel             { width: 1280px; min-width: 1180px; background: #fff; position: relative; top: -100px; padding: 40px 40px 0px 40px; }
.container.sponsorchannelDetail       { width: 1280px; min-width: 1180px; background: #fff; position: relative; top: -100px; padding: 40px 40px 0px 40px; }

.ColChannelRight                   { width: 310px; float: right; }
.ColChannelLeft                    { width: calc(100% - 360px); float: left; }
  .ColChannelLeftLeft              { width: 200px; float: left; }
  .ColChannelLeftRight             { width: calc(100% - 240px); float: right;  }

/* */

.HeaderSponsorCategory             { width: 100%;   }
.HeaderSponsorCategory .Interior   { width: 1220px; margin: auto;}

/* */

/* Columnas Pagina principal */

.ColPageLeft                    { width: calc(100% - 240px); float: left; }
.ColPageRight                   { width: 200px; float: right; }

.ColPageHtmlLeft                    { width: calc(100% - 340px); float: left; }
.ColPageHtmlRight                   { width: 300px; float: right; }

/* Footer */

.page-footer                    { padding-top: 20px; background-color: #000000; color: #fff; font-size: 0.95rem; }
.page-footer ul                 { margin: 0; padding: 0; list-style: none; }
.page-footer ul li              { margin-bottom: 5px; }
.page-footer a,
.page-footer a:visited          { color: #5c5c5c; }
.page-footer a:hover            { color: #ffffff; }
.page-footer .TopTit            { font-size: 1.1rem; margin-bottom: 10px; color: #e8e8e7; }
.page-footer .social            { color: #a6a3a3; margin-bottom: 5px; font-size: 1.1rem;  }
.page-footer .fa                { width: 30px; }
.page-footer .footerTag               { display: inline-block; font-size: 0.8rem;    }
.page-footer .footerTag a             { background: #222222; color: #a6a6a6; padding: 3px 8px 3px 8px; border-radius: 2px; margin-bottom: 6px; display: inline-block; margin-right: 4px; }
.page-footer .footerTag a:hover       { background: #70b9dc; color: #ffffff; text-decoration: none; }
.page-footer .copy              { margin-top: 20px; font-size: 0.9rem; padding-bottom: 50px; padding-top: 20px; border-top: 1px dotted #272727; margin-top: 30px; color: #5c5c5c;  }
.page-footer .copy a            { color: #5c5c5c; }

/* esto funcionará si la resolución maxima de la pantalla es inferior a 1200 pixeles de ancho */

@media (max-width: 1200px) {

  .container.header                         { display: none;  }

  .container,
  .container.detailTop,
  .container.detailTopVideo,
  .container.detail,
  .container.page,  
  .container.external, 
  .container.profileUser,                       
  .container.footer                         { width: 90%; min-width: 300px; }
  .container.List                           { width: 90%; min-width: 300px; }
  .container.ListSubmit                     { width: 90%; min-width: 300px; }
  .container.editor                         { width: 90%; min-width: 300px; }

  .logohome                                 { display: none;  }
  .channels                                 { display: none;  }

  .ColHomeLeft                              { width: 100%; margin-top: 30px;  }
  .ColHomeRight                             { display: none; }

  .ColHomeLeftLeft                          { width: 100%;  }
  .ColHomeLeftRight                         { width: 100%;  }

  .ColDetailLeft                            { width: 100%;  }
  .ColDetailRight                           { display: none; }
  .ColDetailLeftDetail                      { width: 100%;  }
  .ColDetailRightDetail                     { display: none; }
  .ColPageLeft                              { width: 100%;  }
  .ColPageRight                             { display: none; }
  .ColPageHtmlLeft                          { width: 100%;  }
  .ColPageHtmlRight                         { display: none; }

  .ColFooterLeft                            { width: 100%;  }
  .ColFooterRight                           { display: none; }

  .ColListLeft                               { width: 100%; }
  .ColListRight                              { display: none; }

  /* */

  .HeaderSponsorchannel .Interior           { width: 95%; margin: auto; }
  .HeaderSponsorchannelDetail .Interior     { width: 95%; margin: auto; }

  .container.sponsorchannel                 { width: 95%; min-width: 95%;  margin: auto; padding: 20px 40px 0px 20px; }
  .container.sponsorchannelDetail           { width: 95%; min-width: 95%;  margin: auto; padding: 20px 40px 0px 20px; }
  
  .ColChannelLeft                           { width: 100%;  }
  .ColChannelRight                          { display: none; }

  .ChannelsColBanner                        { display: none; }

  /* */

  .HeaderSponsorCategory                    { width: 100%;   }
  .HeaderSponsorCategory .Interior          { width: 95%; margin: auto; }  

}


@media (max-width: 800px) {

  .container.header                         { display: none;  }

  .container,
  .container.detailTop,
  .container.detailTopVideo,
  .container.detail,
  .container.page,
  .container.external,
  .container.profileUser,                           
  .container.footer                         { width: 90%; min-width: 300px; }
  .container.login                          { width: 90%; min-width: 300px; }
  .container.List                           { width: 90%; min-width: 300px; padding-top: 10px; }
  .container.ListSubmit                     { width: 90%; min-width: 300px; }
  .container.editor                         { width: 90%; min-width: 300px; }


  .container.detailTopVideo  .left     { width: 100%; }
  .container.detailTopVideo  .right      { display: none; }

  .container.detailTop .left { display: none; }
  .container.detailTop .right { display: none; }


  #contentEdit                              { width: 100%; }
  #contentEdit .left                        { width: 100%; }
  #contentEdit .right                       { display: none; }


  .logohome                                 { display: none;  }
  .channels                                 { display: none;  }

  .ColHomeLeft                              { width: 100%;  }
  .ColHomeRight                             { display: none; }

  .ColHomeLeftLeft                          { width: 100%;  }
  .ColHomeLeftRight                         { width: 100%;  }

  .ColHomeLeftLeftSecond                    { width: 100%; }
  .ColHomeLeftRightSecond                   { display: none; }

  .ColListLeft                               { width: 100%; }
  .ColListRight                              { display: none; }

  .ColDetailLeft                            { width: 100%;  }
  .ColDetailRight                           { width: 100%;  }
  .ColDetailLeftDetail                      { width: 100%;  }
  .ColDetailRightDetail                     { display: none; }
  .ColPageLeft                              { width: 100%;  }
  .ColPageRight                             { display: none; }
  .ColPageHtmlLeft                          { width: 100%;  }
  .ColPageHtmlRight                         { display: none; }
  
  .ColDetailLeftLeft                        { display: none;  }
  .ColDetailLeftRight                       { width: 100%;  }

  .ColFooterLeft                            { width: 100%;  }
  .ColFooterRight                           { display: none; }

  .container.footer #col1                   { display: inline; width: 50%; }
  .container.footer #col2                   { display: none; }
  .container.footer #col3                   { display: none; }
  .container.footer #col4                   { display: inline; width: 50%; }

  /* */

  .HeaderSponsorchannel .Interior           { width: 95%; margin: auto; }
  .HeaderSponsorchannelDetail .Interior     { width: 95%; margin: auto; }

  .container.sponsorchannel                 { width: 95%; min-width: 95%;  margin: auto; padding: 20px 40px 0px 20px; }
  .container.sponsorchannelDetail           { width: 95%; min-width: 95%;  margin: auto; padding: 20px 40px 0px 20px; }

  .ColChannelLeft                           { width: 100%;  }
  .ColChannelRight                          { display: inline; width: 100%; }

  /* */

  .ChannelsColBanner                         { display: none; }

  /* */

  .HeaderSponsorCategory                    { width: 100%;   }
  .HeaderSponsorCategory .Interior          { width: 95%; margin: auto; }  

}

@media (max-width: 600px) {

  .ChannelsColBanner                         { display: inline; }

}

/* esto funcionará si la resolución maxima de la pantalla es superior a 1600 pixeles de ancho */
@media (max-width: 1600px) {

nav .marginleft                             { display: none; }

}
/* esto funcionará si la resolución mínima de la pantalla es de 1200 pixeles de ancho */
@media (min-width: 1200px) {

  .container,
  .container.detailTop,
  .container.detail                         { width: 1280px; min-width: 1180px; }

}

/* */

.breadcrumbList             { margin-bottom: 15px; border-bottom: 3px solid #eeeded; padding-bottom: 20px;  }
.breadcrumbList .Left       { float: left; width: 65%; }
.breadcrumbList .Right      { float: right; width: 25%; text-align: right; }

.breadcrumbList .Nav        { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 2.2rem; letter-spacing: -0.5px; text-transform: capitalize; line-height: 120%;  }
.breadcrumbList h1          { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 2.2rem; letter-spacing: -0.5px; text-transform: capitalize; display:inline; line-height: 120%;  }

.breadcrumbList, 
.breadcrumbList a, 
.breadcrumbList a:hover     { color: #000; text-decoration: none; }

.breadcrumbResult           { color: #000; margin-bottom: 60px; font-family: 'Roboto', serif; font-size: 1.2rem; line-height: 140%; letter-spacing: -0.5px;  font-weight: 300;  }

@media (max-width: 800px) {

.breadcrumbList             { margin-bottom: 15px; border-bottom: 3px solid #eeeded; padding-bottom: 10px;  }

.breadcrumbList .Nav        { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.5rem; letter-spacing: -0.5px; text-transform: capitalize; line-height: 110%;  }
.breadcrumbList h1          { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.5rem; letter-spacing: -0.5px; text-transform: capitalize; display:inline; line-height: 110%;  }

.breadcrumbList .Left       { width: 100%; margin-bottom: 10px;  }
.breadcrumbList .Right      {  width: 100%;  }

}

/* */

.NewsDetail .sponsortext {
  background: #000;
  padding: 3px 13px 3px 13px ;
  color: #fff;
  margin-right: 10px;
}

/* NOTICIAS */

.news a                         { color: #000; }
.news a:hover                   { color: #000; text-decoration: underline; }

/* */

.news.mega                      { margin-bottom: 40px; height: auto; min-height: 465px;  /* Alto imagen */ }
.news.mega                      { position: relative;  text-align: center; color: white; }
.news.mega .Title               {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0%;
    padding: 30px 20px 20px 20px;
    /* Navegadores que no soportan colores semitransparentes */
    background: rgb(0, 0, 0) transparent;
    /* Color semi-transparente */
    background: rgba(0, 0, 0, 0.3);
    /* Versiones antiguas de Internet Explorer */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* Internet Explorer 8 o superior */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.news.mega .ImgPrev             { position: relative; width: 100%; bottom: 0%; left: 0%; }


@media (max-width: 1000px) {

.news.mega .Title               {
    position: relative;
    width: 100%;
    bottom: 0px;
    left: 0%;
    padding: 30px 20px 20px 20px;
    /* Navegadores que no soportan colores semitransparentes */
    background: rgb(0, 0, 0) transparent;
    /* Color semi-transparente */
    background: rgba(0, 0, 0, 0.3);
    /* Versiones antiguas de Internet Explorer */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* Internet Explorer 8 o superior */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

}

/* */

.news.mega h2                   { font-family: 'Flama-Bold', sans-serif;  font-size: 2.7rem;  line-height: 120%; letter-spacing: -0.5px; margin: 0 0 10px 0; }
.news.mega a, 
.news.mega a:visited            { color: #ffffff; }
.news.mega .dates               {  font-family: 'Roboto', sans-serif;  font-size: 1.2rem; line-height: 150%; font-weight: 300; color: #fff; letter-spacing: -0.5px; }
.news.mega .dates b             {  font-family: 'Roboto', sans-serif;  font-size: 1.2rem; line-height: 150%; font-weight: 400; color: #fff; letter-spacing: -0.5px; }


/* */

li.news.home,
li.news.colcenter,
li.news.colcenterLight,
li.news.listResult,
li.news.listResultUser,
li.news.listResultHome { list-style: none;  }

.news.home                      { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px dotted #ccc;   }
.news.home .ImgPrev             { margin-bottom: 25px; }
.news.home h2                   { font-family: 'Flama-Bold', sans-serif;  font-size: 2.1rem; letter-spacing: -1.5px; line-height: 120%;  margin: 8px 0 10px 0; letter-spacing: -0.3px; font-weight: bold; }
.news.home .dates               { font-family: 'Roboto', sans-serif;  font-size: 1.1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px;   }
.news.home .dates b             { font-family: 'Roboto', sans-serif;  font-size: 1.1rem; line-height: 150%; font-weight: 500; color: #333; letter-spacing: -0.5px;   }
.news.home .desc                { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300;   }
.news.home:last-child           { border: 0; }

.news.colcenter                 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e3e3e3;   }
.news.colcenter ul, 
.news.colcenter li              { margin: 0; padding: 0; list-style: none; }
.news.colcenter .ImgPrev        { margin-bottom: 18px; }
.news.colcenter h2              { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.4rem; line-height: 125%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
.news.colcenter .dates          { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px;   }
.news.colcenter .dates b        { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; color: #333; letter-spacing: -0.5px;   }
.news.colcenter:last-child      { border: 0; }
.news.colcenterLight            { margin-bottom: 30px; padding-bottom: 15px; border-left: 3px solid #e3e3e3; padding-left: 15px;   }
.news.colcenterLight 
.ImgPrev                        { margin-bottom: 6px; }
.news.colcenterLight h2         { font-family: 'Roboto', serif; font-size: 1.2rem; line-height: 140%; letter-spacing: -0.5px; margin: 0 0 8px 0; font-weight: 300;}
.news.colcenterLight .dates     { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px;   }
.news.colcenterLight .dates b   { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; color: #333; letter-spacing: -0.5px;   }

/* */

.news.Col                               { margin-bottom: 30px; }
.news.Col ul, .news.Col li              { margin: 0; padding: 0; list-style: none; }
.news.Col .TopTit                       { font-family: 'Oswald', sans-serif; font-size: 1.3rem; line-height: 160%; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px; padding-bottom: 5px;  }
.news.Col h3                            { font-family: 'Roboto', serif; font-size: 1rem; line-height: 150%; letter-spacing: -0.5px; margin: 0 0 15px 0; font-weight: 300; border-bottom: 1px dotted #e3e3e3; margin: 0 0 15px 0; padding-bottom: 12px;}
.news.Col a, 
.news.Col a:visited                     { color: #000; }
.news.Col ul ul, .news.Col ul ul li     { margin: 0; padding: 0; list-style: none; }
.news.Col .navcol li                    { display: inline-block; }

/* */

.news.ColDetail                         { margin-bottom: 30px; }
.news.ColDetail ul, .news.ColDetail li  { margin: 0; padding: 0; list-style: none; }
.news.ColDetail .TopTit                 { font-family: 'Oswald', sans-serif; font-size: 1.3rem; line-height: 160%; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px; padding-bottom: 5px;  }
.news.ColDetail h3                      { font-family: 'Roboto', serif; font-size: 1.1rem; line-height: 150%; letter-spacing: -0.5px; margin: 0 0 15px 0; font-weight: 300; border-bottom: 1px dotted #e3e3e3; margin: 0 0 15px 0; padding-bottom: 12px; }
.news.ColDetail a, 
.news.ColDetail a:visited               { color: #000; }
.news.ColDetail ul ul, 
.news.ColDetail ul ul li                { margin: 0; padding: 0; list-style: none; }
.news.ColDetail .navcol li              { display: inline-block; }


/* */

.news.listResult                      { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px dotted #ccc;   }
.news.listResult .ImgPrev             { margin-bottom: 25px; width: 300px; float: left; margin-right: 30px; margin-bottom: 40px; }
.news.listResult h2                   { font-family: 'Flama-Bold', sans-serif;  font-size: 1.5rem; letter-spacing: -1.5px; line-height: 140%;  margin: 8px 0 10px 0; letter-spacing: -0.3px; font-weight: bold; }
.news.listResult .dates               { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 120%; font-weight: 300; color: #333; letter-spacing: -0.5px; }
.news.listResult .dates b             { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 120%; font-weight: 400; color: #333; letter-spacing: -0.5px; }
.news.listResult .dates a             { color: #333; }

.news.listResult .dates .option {  background: #ccc; color: #fff; padding: 4px 7px 4px 7px ;  border-radius: 2px; margin-right: 10px; }
.news.listResult .dates .option:hover { text-decoration: none; background: #000; }

.news.listResult .desc                { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300;   }

.news.listResult .leftAdmin { float: left; width: 65%; }
.news.listResult .rightAdmin { float: right; width: 30%;  }

@media (max-width: 800px) {

.news.listResult .ImgPrev { margin-bottom: 25px; width: 100%; margin-right: 30px; margin-bottom: 40px; }
.news.listResult .ImgPrev.noimage { display: none; }

.news.listResult .leftAdmin { width: 100%;  }
.news.listResult .rightAdmin { width: 100%; }

}


.news.listvideos                 { margin-bottom: 50px; border-bottom: 0px;  }
.news.listvideos ul, 
.news.listvideos li              { margin: 0; padding: 0; list-style: none; }
.news.listvideos .ImgPrev        { margin-bottom: 18px; }
.news.listvideos h2              { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.4rem; line-height: 125%; letter-spacing: -0.5px;  margin: 6px 0 12px 0; }
.news.listvideos .dates          { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px;   }
.news.listvideos .dates b        { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; color: #333; letter-spacing: -0.5px;   }
.news.listvideos .desc           { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; text-align: left; width: 100%; }

/* */

.news.listResultUser                  { margin-bottom: 20px; padding-bottom: 20px; /* border-bottom: 1px dotted #ccc; */  }
.news.listResultUser .ImgPrev         { margin-bottom: 25px; width: 300px; float: left; margin-right: 30px; margin-bottom: 40px; }
.news.listResultUser h2               { font-family: 'Flama-Bold', sans-serif;  font-size: 1.7rem; letter-spacing: -1.5px; line-height: 140%;  margin: 8px 0 10px 0; letter-spacing: -0.3px; font-weight: bold; }
.news.listResultUser .dates           { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #bbb; letter-spacing: -0.5px; margin-top: 15px; }
.news.listResultUser .dates b         { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; color: #bbb; letter-spacing: -0.5px;  }
.news.listResultUser .dates a         { color: #666; }
.news.listResultUser .dates a:hover   { color: #000; }
.news.listResultUser .desc            { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300;   }


.news.listResultUser .tit {
  border-bottom:1px solid #d8d8d8;
  margin-bottom:50px;
  text-align:center;
}
.news.listResultUser .tit span {
  background:#fff;
  font-family:sans-serif;
  font-weight:normal;
  font-size:12px;
  color:#8b8b8b;
  border:1px solid #8e8e8e;
  padding:3px 12px 3px 12px;
  position:relative;
  top:8px;
  text-transform:uppercase;
  letter-spacing:4px;
}

@media (max-width: 800px) {

.news.listResultUser .ImgPrev { margin-bottom: 25px; width: 100%; margin-right: 30px; margin-bottom: 40px; }
.news.listResultUser .ImgPrev.noimage { display: none; }

}

/* */

.news.listCursos                 { margin-bottom: 50px; border-bottom: 0px; border: 1px solid #ddd; padding: 20px; height: 310px;  }
.news.listCursos ul, 
.news.listCursos li              { margin: 0; padding: 0; list-style: none; }
.news.listCursos .ImgPrev        { margin-bottom: 18px; }
.news.listCursos h2              { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.4rem; line-height: 125%; letter-spacing: -0.5px;  margin: 6px 0 12px 0; }
.news.listCursos .dates          { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px;   }
.news.listCursos .dates b        { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; color: #333; letter-spacing: -0.5px;   }
.news.listCursos .desc           { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; margin-bottom: 10px;   }


/* */

/*.news.Opinions                  { margin-bottom: 40px; border: 2px solid #eeeded; padding: 20px; } */

.news.Opinions                  { margin-bottom: 40px; }
.news.Opinions ul               { border-bottom: 1px solid #e3e3e3; margin: 10px 0 10px 0; padding-bottom: 10px;  }
.news.Opinions ul               { margin: 0; padding: 0; list-style: none; margin-bottom: 15px;  }
.news.Opinions li               { margin: 0; padding: 0; list-style: none; margin-bottom: 25px;  }

.news.Opinions .leftOpinion     { width: calc(100% - 85px); float: left; }
.news.Opinions .rightOpinion    { width: 70px; float: right; text-align: right; }
.news.Opinions .TopTit          { font-family: 'Oswald', sans-serif; font-size: 1.3rem; line-height: 160%; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px; padding-bottom: 5px;  }
.news.Opinions .more            { font-size: 1rem; font-family: 'Pontano Sans', sans-serif;  }
.news.Opinions .more a          { margin-right: 10px; }

/*.news.Opinions .title h3        { font-family: 'Pragati Narrow', sans-serif; font-size: 1.3rem; font-weight: normal; line-height: 120%; font-weight:normal; margin: 0; margin-bottom: 5px;  } */

.news.Opinions .title h3        { font-family: 'Roboto', serif; font-weight: 400; font-size: 1rem; line-height: 140%; letter-spacing: -0.3px;  margin: 0 0 4px 0; }
.news.Opinions .author, 
.news.Opinions .author a        { font-family: 'Roboto', sans-serif;  font-size: 0.9rem; line-height: 150%; font-weight: 300; letter-spacing: -0.5px; color: #777;  }
.news.Opinions .Imguser img     { width: 70px; height: 70px;  border-radius: 50%;  border: 1px solid #dddddd; 

            /*
                filter: url('#grayscale'); 
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: grayscale(100%); 
                filter: Gray();

                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
          
              */
}
/*
.news.Opinions li:hover .Imguser img  {

                filter: url('#grayscale'); 
                -webkit-filter: grayscale(0%);
                -moz-filter: grayscale(0%);
                -ms-filter: grayscale(0%);
                -o-filter: grayscale(0%);
                filter: grayscale(0%); 
                filter: Gray();

}
*/

.news.Opinions .destacada                 { border-bottom: 1px dotted #cdcdcd; margin-top: 30px; margin-bottom: 20px; background: #fff; }
.news.Opinions .destacada .etiqueta       { margin-bottom: 10px; }
.news.Opinions .destacada .etiqueta span  { font-family: 'Pragati Narrow', sans-serif;  letter-spacing: 1px; font-size: 0.6rem; line-height: 100%; background: #000; color: #fff; padding: 1px 8px 1px 8px;  text-transform: uppercase; }

@media (max-width: 800px) {

.news.Opinions .title h3        { font-family: 'Roboto', serif; font-weight: 400; font-size: 1.2rem; line-height: 140%; letter-spacing: -0.3px;  margin: 0 0 4px 0; }

}


/* */

.newsSummaryTop .news              { margin-bottom: 0px; margin-bottom: 15px; }
.newsSummaryTop .news .ImgPrev     { margin-bottom: 15px; }
.newsSummaryTop .news h2           { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.3rem; line-height: 130%; letter-spacing: -0.8px;  margin: 8px 0 8px 0; font-weight: 300;  }
.newsSummaryTop .news .dates       { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; letter-spacing: -0.5px; }
.newsSummaryTop .news .dates b     { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: -0.5px; }
.newsSummaryTop .news .desc        { font-family: 'Roboto Condensed', sans-serif; font-size: 1.1rem; line-height: 140%;  }
.newsSummaryTop .TopTit            { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; margin-bottom: 20px;  }

.newsSummaryTop #tabsTops                   { border: 0; }
.newsSummaryTop .ui-tabs                    { border: 0; font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%;   }
.newsSummaryTop .ui-tabs .ui-tabs-panel     { display: block; border: 0; padding: 0; background: none; }
.newsSummaryTop .ui-widget-header           { border: 0; border-radius: 0; border-bottom: 3px solid #efefef; background: #fff; color: #333333; }
.newsSummaryTop .ui-tabs ul                 { padding-bottom: 10px; }
.newsSummaryTop .ui-tabs li                 { border-radius:0; }
.newsSummaryTop .ui-tabs .ui-state-default  { border: 0; font-weight: 300; }
.newsSummaryTop .ui-tabs .ui-state-default a { background: #ffffff; color: #ddd; border:0; padding: 12px 18px 12px 18px;   }
.newsSummaryTop .ui-tabs .ui-state-default a:hover { background: #000; color: #fff; padding: 12px 18px 12px 18px;  }
.newsSummaryTop .ui-tabs .ui-tabs-active    { border:0;  }
.newsSummaryTop .ui-tabs .ui-tabs-active, 
.newsSummaryTop .ui-tabs .ui-tabs-active a  {  background: #fff; color: #000; border: 0; font-weight: 400; } 
.newsSummaryTop .ui-tabs .disabled          {  background: #000; color: #fff; padding: 12px 18px 12px 18px; font-weight: 300; }

@media (max-width: 1200px) {

    .newsSummaryTop { display: none; }

}

/* */

.newsHomeSponsorsChannels .news              { margin-bottom: 0px; margin-bottom: 15px; }
.newsHomeSponsorsChannels .news .ImgPrev     { margin-bottom: 15px; }
.newsHomeSponsorsChannels .news h2           { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.3rem; line-height: 130%; letter-spacing: -0.8px;  margin: 8px 0 8px 0; font-weight: 300;  }
.newsHomeSponsorsChannels .news .dates       { font-family: "Roboto", sans-serif; font-weight: 400;  font-size: 1rem; letter-spacing: -0.5px;  }
.newsHomeSponsorsChannels .news .dates b     { font-family: "Roboto", sans-serif; font-weight: 400;  font-size: 1rem; letter-spacing: -0.5px;  }
.newsHomeSponsorsChannels .news .desc        { font-family: 'Roboto Condensed', sans-serif; font-size: 1.1rem; line-height: 140%;  }


.newsHomeSponsorsChannels .TopTit                      { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; margin-bottom: 20px;  }
.newsHomeSponsorsChannels .TopTit span                 { float: left; }
.newsHomeSponsorsChannels .TopTit .light               { background: #000; color: #fff; padding: 5px 15px 5px 15px;  } 
.newsHomeSponsorsChannels .TopTit .black               { background: #000; color: #fff; padding: 5px 15px 5px 15px; letter-spacing: -0.5px; } 
.newsHomeSponsorsChannels .TopTit .white               { color: #000; padding: 5px 0px 5px 0px; border-bottom: 2px solid #ddd;} 
.newsHomeSponsorsChannels .TopTit .white a             { color: #ddd; }
.newsHomeSponsorsChannels .TopTit .white a:hover       { color: #666; }

.newsHomeSponsorsChannels .TopTit i                    { font-size: 1rem; vertical-align:middle; margin-right: 5px; padding-bottom: 6px; }


@media (max-width: 1200px) {

    .newsHomeSponsorsChannels { display: none; }

}

.newsSummaryDetail .TopTit            { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px;   padding-bottom: 10px; }
.newsSummaryDetail .news              { margin-bottom: 0px; margin-bottom: 15px; text-align: left; }
.newsSummaryDetail .news .ImgPrev     { margin-bottom: 15px; }
.newsSummaryDetail .news h3           { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.3rem; line-height: 130%; letter-spacing: -0.8px;  margin: 8px 0 8px 0; font-weight: 300;  }
.newsSummaryDetail .news .dates       { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; letter-spacing: -0.5px; text-align: left; }
.newsSummaryDetail .news .dates b     { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: -0.5px; }
.newsSummaryDetail .news .desc        { font-family: 'Roboto Condensed', sans-serif; font-size: 1.1rem; line-height: 140%;  }
.newsSummaryDetail .TopTit            { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; margin-bottom: 20px;  }

@media (max-width: 800px) {

    .newsSummaryDetail .news { margin-bottom: 50px; }
}


/* */


.newsSummary .news              { margin-bottom: 0px; }
.newsSummary .news .ImgPrev     { margin-bottom: 15px; }
.newsSummary .news h2           { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.4rem; line-height: 130%; letter-spacing: -0.5px;  margin: 8px 0 8px 0; }
.newsSummary .news .dates       { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; letter-spacing: -0.5px; }
.newsSummary .news .dates b     { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: -0.5px; }
.newsSummary .news .desc        { font-family: 'Roboto Condensed', sans-serif;  font-size: 1.1rem; line-height: 140%;  }
.newsSummary .TopTit            { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px;   padding-bottom: 10px; }

@media (max-width: 1200px) {

    .newsSummary { display: none; }
}

/* */


.newsHomeSections                              { border-bottom: 1px solid #ddd; padding-bottom: 0px; margin-bottom: 30px; }
.newsHomeSections section:last-child           { border-bottom: 0px;  }

.newsHomeSections .left                        { width: calc(100% - 360px); float: left; }
.newsHomeSections .right                       { width: 300px; float: right; }

.newsHomeSections .TopTit                      { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; margin-bottom: 20px;  }
.newsHomeSections .TopTit span                 { float: left; }
.newsHomeSections .TopTit .light               { background: #000; color: #fff; padding: 5px 15px 5px 15px;  } 
.newsHomeSections .TopTit .black               { background: #000; color: #fff; padding: 5px 15px 5px 15px; letter-spacing: -0.5px; } 
.newsHomeSections .TopTit .white               { color: #000; padding: 5px 0px 5px 0px; border-bottom: 2px solid #ddd;} 
.newsHomeSections .TopTit .white a             { color: #ddd; }
.newsHomeSections .TopTit .white a:hover       { color: #666; }

.newsHomeSections .TopTit i                    { font-size: 1rem; vertical-align:middle; margin-right: 5px; padding-bottom: 6px; }


@media (max-width: 1200px) {

    .newsHomeSections .left                        { width: 100%; }
    .newsHomeSections .right                       { width: 100%; }
}


/* */

.newsHomePress                              { border-bottom: 1px solid #ddd; padding-bottom: 0px; margin-bottom: 30px; }
.newsHomePress section:last-child           { border-bottom: 0px;  }

.newsHomePress .left                        { width: calc(100% - 360px); float: left; }
.newsHomePress .right                       { width: 300px; float: right; }

.newsHomePress .left .leftleft              { float: left; width: 45%; }
.newsHomePress .left .leftright             { float: right; width: 48%; }


.newsHomePress .TopTit                      { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; margin-bottom: 20px;  }
.newsHomePress .TopTit span                 { float: left; }
.newsHomePress .TopTit .light               { background: #000; color: #fff; padding: 5px 15px 5px 15px;  } 
.newsHomePress .TopTit .black               { background: #000; color: #fff; padding: 5px 15px 5px 15px; letter-spacing: -0.5px; } 
.newsHomePress .TopTit .white               { color: #000; padding: 5px 0px 5px 0px; border-bottom: 2px solid #ddd;} 
.newsHomePress .TopTit .white a             { color: #ddd; }
.newsHomePress .TopTit .white a:hover       { color: #666; }

.newsHomePress .TopTit i                    { font-size: 1rem; vertical-align:middle; margin-right: 5px; padding-bottom: 6px; }

@media (max-width: 1200px) {

    .newsHomePress .left                    { width: 100%; }
    .newsHomePress .right                   { width: 100%; }
}


/* */

.news.listResultHome                      { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px dotted #ccc;   }
.news.listResultHome:last-of-type         { border: 0; padding-bottom: 0px; }
.news.listResultHome .ImgPrev             { margin-bottom: 25px; width: 450px; float: left; margin-right: 30px; margin-bottom: 0px; }
.news.listResultHome h2                   { font-family: 'Flama-Bold', sans-serif;  font-size: 1.8rem; letter-spacing: -1.5px; line-height: 130%;  margin: 8px 0 10px 0; letter-spacing: -0.3px; font-weight: bold; }
.news.listResultHome .dates               { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; letter-spacing: -0.5px; }
.news.listResultHome .dates b             { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 400; letter-spacing: -0.5px; }
.news.listResultHome .desc                { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300;   }

@media (max-width: 800px) {

    .news.listResultHome .ImgPrev { margin-bottom: 25px; width: 100%; margin-right: 30px; margin-bottom: 40px; }
    .news.listResultHome .ImgPrev.noimage { display: none; }

}


/* */

.newsHomeTopEditors .news              { margin-bottom: 0px; height: 270px; background: #f7f7f7; padding: 70px 15px 0px 15px; margin-top:  40px;    }
.newsHomeTopEditors .news:hover        { background: #ddd; }
.newsHomeTopEditors .news .ImgPrev     { margin-bottom: 15px; }
.newsHomeTopEditors .news h2           { font-family: 'Roboto Condensed', serif; font-weight: 700; font-size: 1.3rem; line-height: 130%;   margin: 0 0 8px 0; text-align: center; }
.newsHomeTopEditors .news .dates       { font-family: 'Roboto', sans-serif;  font-size: 1rem; line-height: 150%; font-weight: 300; color: #333; letter-spacing: -0.5px; text-align: center; margin-bottom: 10px; }
.newsHomeTopEditors .news .desc        { font-family: 'Roboto Condensed', sans-serif;  font-size: 1.1rem; line-height: 140%;  }
.newsHomeTopEditors .TopTit            { font-family: 'Flama-Bold', sans-serif;  font-size: 1.6rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; border-bottom: 3px solid #efefef; margin-bottom: 30px;  padding-bottom: 10px;   }
.newsHomeTopEditors .Imguser           { text-align: center; position: relative; top: -110px; height: 0;  }
.newsHomeTopEditors .Imguser img       { width: 90px; height: 90px;  border-radius: 50%;  border: 1px solid #dddddd; }
.newsHomeTopEditors .comments          { text-align: right; font-size: 0.8rem; color:#fff; }

@media (max-width: 1200px) {

    .newsHomeTopEditors { display: none; }

}

/* */

.newsVideosHome                           { background: #000000; padding: 30px; margin-bottom: 50px; }
.newsVideosHome .videocolleft             { width: calc(100% - 390px); float: left; }
.newsVideosHome .videocolright            { width: 350px; float: right; }

.newsVideosHome .TopTit                   { font-family: 'Oswald', sans-serif; font-size: 1.3rem; line-height: 160%; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #2b2b2b; margin-bottom: 30px; padding-bottom: 5px; color: #fff;  }

.newsVideosHome .TopTit i                 { font-size: 1rem; vertical-align:middle; margin-right: 5px; padding-bottom: 6px; }
.newsVideosHome .news.home h2             { color: #fff; }
.newsVideosHome .news .dates,
.newsVideosHome .news .dates a                  { color: #777; margin-bottom: 5px;  }
.newsVideosHome .news .desc                     { color: #b4b3b3; }
.newsVideosHome .news.colcenter h2        { color: #ffffff; }
.newsVideosHome .news.colcenter           { border-bottom: 1px dotted #2b2a2a; }
.newsVideosHome .video .ImgPrev           { border: 1px solid #333333; margin-bottom: 20px; position: relative;  }
.newsVideosHome .video img                { display:block; width: 100%; }
.newsVideosHome .PlayIcon                 { position: absolute; width: 100%; height: 100%; }
.newsVideosHome .home 
.PlayIcon span                            { position: absolute; width: 100%; text-align: center; padding-top: 20%; font-size: 6rem; color: #ffffff; opacity: 0.5; }
.newsVideosHome .colcenter 
.PlayIcon span                            { position: absolute; width: 100%; text-align: center; padding-top: 18%; font-size: 3.6rem; color: #ffffff; opacity: 0.5; }
.newsVideosHome .ImgPrev a:hover span     { opacity: 1; }


.newsVideosHome .dates .fa,
.newsVideosHome h2 .fa                    { font-size: 1.1rem; margin-right: 5px; color: #666; }


@media (max-width: 1200px) {

.newsVideosHome .videocolleft             { width: 100% }
.newsVideosHome .videocolright            { width: 100% }

}


/* */

.newsBlockSeparator                       { padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;  padding-bottom: 5px;  }
.newsBlockSeparatorDotted                 { padding-bottom: 20px; border-bottom: 1px dotted #e3e3e3; margin-bottom: 20px;  padding-bottom: 5px;  }
.newsBlockSeparatorDottedTops             { padding-bottom: 10px; border-bottom: 1px dotted #e3e3e3; margin-bottom: 40px;   }

/* */


/* */

.newsSection .more       { margin-top: 20px; margin-bottom: 0px; text-align: right; }
.newsSection .more span a  { font-family: 'Pragati Narrow', sans-serif; text-decoration: none; letter-spacing: 1px; font-size: 0.6rem; line-height: 100%; background: #ccc; color: #fff; padding: 2px 8px 2px 8px; border-radius: 3px; text-transform: uppercase; }
.newsSection .more span a:hover { background: #000; color: #fff; }


/* DETAIL ELEMENTS  */

.detail-news.tags {
  font-size: 1rem;
  color: #b3b3b3;
  position: relative; 
  top: -20px;
}

.detail-news.tags .leftTag { float: left; width: 70px; text-align: left; }
.detail-news.tags .rightTag { float: right; width: calc(100% - 70px); border-left: 1px solid #ddd; padding-left: 10px; }

.detail-news.tags li { float: left; margin: 0; padding: 0; list-style: none; margin-right: 10px;  }
.detail-news.tags .ini { font-weight: bold; }
.detail-news.tags, 
.detail-news.tags a { color: #c8c8c8; }
.detail-news.tags a:hover { color: #666; }

/* */


/* */

.reportVideo { margin-top: 5px; text-align:right; font-size: 0.8rem; margin-bottom: 10px; }
.reportVideo, .reportVideo a { color: #666; }

@media (max-width: 800px) {

.reportVideo { display: none; }

}


/* */

.detail-news.files { margin-bottom: 30px; border: 1px solid #ddd; padding: 20px;  }
.detail-news.files .file {  margin-bottom: 10px; border-bottom: 1px dotted #c5c5c5; padding-bottom: 10px; }
.detail-news.files .file:last-child { border-bottom: 0px; padding-bottom: 0px; }
.detail-news.files .titleFile  { 
  font-weight: bold;
  margin-bottom: 20px;
}  
.detail-news.files .download { font-size: 0.9rem; color: #555; }

/* */

.detail-news.list-group { font-family: 'Roboto', sans-serif;  font-size: 1rem; font-weight: 300;  }
.detail-news.list-group, .detail-news.list-group  a { color: #b3b3b3; }
.detail-news.list-group i { margin-right: 10px;  }
.detail-news.list-group .active { background: #fbfbfb; border: 1px solid #ddd; color: #666; }

/* */

.detail-news.list-group-horizontal { float: right;  text-align:center; }
.detail-news.list-group-horizontal, .detail-news.list-group-horizontal a { color: #b3b3b3; }
.detail-news.list-group-horizontal .active { background: #fbfbfb; border: 1px solid #ddd; color: #666; width: auto; float: left; display: block;  border-right: 0px; border-radius: 0px;  }
.detail-news.list-group-horizontal i,
.detail-news.list-group-horizontal .active i { margin-right: 10px;  }
.detail-news.list-group-horizontal a { float: left; display: block; width: auto; border-right: 0px; border-radius: 0px; text-align:center; }
.detail-news.list-group-horizontal a:first-child { border-left: 1px solid #ddd;  } 
.detail-news.list-group-horizontal a:last-child { border-right: 1px solid #ddd;  } 


.detail-news.sharedTop {  float: left; margin-right: 10px; text-align:center; }
.detail-news.sharedTop i { margin-right: 0px; }
.detail-news.sharedTop .active i { margin-right: 10px;  }
.detail-news.sharedTop a { padding: 10px; }

.detail-news.list-group-horizontal.shared {  float: left; margin-right: 10px; text-align:center; margin-top: 20px; display: none; }
.detail-news.list-group-horizontal.shared i { margin-right: 0px; }
.detail-news.list-group-horizontal.shared .active i { margin-right: 10px;  }


@media (max-width: 800px) {

#BottonsTop { display: none; }
#bcomments { display: none; }
#bprint { display: none; }

}


/* */

.PrevAuthorDetail                 { border: 1px solid #ddd; }
.PrevAuthorDetail .Top            { background: #f6f6f6; height: 120px; }
.PrevAuthorDetail .Bottom         { padding: 20px; }
.PrevAuthorDetail .Imguser        { text-align: center; position: relative; top: -120px; height: 0; }
.PrevAuthorDetail .Alias          { margin-top: 30px; }
.PrevAuthorDetail .Alias a        { color: #000; }
.PrevAuthorDetail .Alias a:hover  { color: #000; }
.PrevAuthorDetail .Info           { margin-top: 10px; font-size: 0.9rem; }
.PrevAuthorDetail .Imguser img    { border-radius: 50%; }
.PrevAuthorDetail .icons          { color: #ddd; font-size: 1.2rem; }
.PrevAuthorDetail .icons a        { color: #ddd; margin-right: 8px; }
.PrevAuthorDetail .icons a:hover  { color: #666; }


.MoreAuthorDetail { border-right: 3px solid #ddd; margin-bottom: 30px; padding-right: 30px;  }
.MoreAuthorDetail .Imguser { float: left; margin-right: 30px; }
.MoreAuthorDetail .Imguser img    { border-radius: 50%; }
.MoreAuthorDetail .Alias          { margin-top: 30px; }
.MoreAuthorDetail .Alias a        { color: #000; }
.MoreAuthorDetail .Alias a:hover  { color: #000; }

/* */


.comments .TopTit                               { font-family: 'Roboto', serif; font-size: 1.3rem; font-weight: 300; letter-spacing: -0.3px; line-height: 160%; text-transform: uppercase; border-bottom: 3px solid #efefef; padding-bottom: 20px; margin-bottom: 20px;  }
.comments .comment .left                        { width: 250px; float: left; }
.comments .comment .right                       { width: calc(100% - 280px); float: right; }

.comments .comment .right .rightReplyLeft  { width: 30px; float: left; color: #ddd; }
.comments .comment .right .rightReplyRight { width: calc(100% - 40px); float: right; border-left: 1px solid #ddd; padding-left: 15px; }

.comments .comment li                           { list-style: none; margin-bottom: 30px; border-bottom: 1px dotted #ddd; padding-bottom: 20px; margin-bottom: 30px; }
.comments .comment .imgUser                     { float: left; width: 80px; float: left;  }
.comments .comment .imgUser img                 { border-radius: 50%; }
.comments .comment .infoUser                    { float: right;width: calc(100% - 100px);  }
.comments .comment .alias                       { font-size: 1rem; font-weight: bold; }
.comments .comment .alias a { color: #000; }
.comments .comment .alias i { color: #00c8f5; }
.comments .comment .dateComment                 { font-size: 0.8rem; color: #ccc; margin-bottom: 5px; }
.comments .comment .icons                       { color: #ddd; font-size: 1.1rem; }
.comments .comment .icons a,
.comments .comment .icons a:visited             { color: #ddd; margin-right: 5px; }
.comments .comment .icons a:hover               { color: #666; text-decoration: none; }

.comments .comment.spam                         { color: #ccc; }

.comments .comment .valoration                  { font-size: 12px; line-height: 16px; color: #989898; margin-top: 10px;  }
.comments .comment .valoration span.linkreply,
.comments .comment .valoration span.linkabuse   { float: left; margin-right: 12px;   }
.comments .comment .valoration span             { float: right; }
.comments .comment .valoration a                { margin-left: 5px; float: right; vertical-align: middle; color: #ccc; }
.comments .comment .valoration a:hover          { color: #666; text-decoration: none; }

.comments .comment .valoration .hands           { font-size: 0.9rem; }
.comments .comment .valoration .votes           { text-align: center; color: #535252; font-size: 0.7rem; margin-left: 8px;   }

.formcomment textarea, 
.formreply textarea                             { padding: 10px; }
.formcomment .fleft, 
.formreply .fleft                               { width: 50%; float: left; }
.formcomment .fright, 
.formreply .fright                              { width: 50%; float: right; text-align: right; }
.formcomment .desc_comment, 
.formreply .desc_comment                        { color: #989898; font-size: 0.8rem; }

@media (max-width: 800px) {

.comments .comment .left                        { width: 100%; margin-bottom: 20px; }
.comments .comment .right                       { width: 100%; }

.comments .comment .right .rightReplyLeft       { width: 30px; float: left; color: #ddd; }
.comments .comment .right .rightReplyRight      { width: calc(100% - 40px); float: right; border-left: 1px solid #ddd; padding-left: 15px; }

.comments .comment .imgUser                     { float: left; width: 40px; float: left;  }
.comments .comment .imgUser img                 { width: 40px; border-radius: 50%; }
.comments .comment .infoUser                    { float: right;width: calc(100% - 50px);  }
.comments .comment .icons                       { display: none; }

.comments .comment .countreplys { display: none; }

}


/* */


/* PAGINAS / INFO */

.PageDetail h1                  { font-family: 'Flama-Bold', serif; font-weight: 900; font-size: 1.6rem; }
.PageDetail h2                  { font-family: 'Roboto', sans-serif; font-size: 1.4rem; line-height: 140%; font-weight: bold; margin-bottom: 15px; }

/* */

.boxGrey                        { border: 3px solid #f7f7f9; background: #ffffff; padding: 20px; margin-bottom: 30px;  }
.boxWhite                       { border: 3px solid #f7f7f9; background: #ffffff; padding: 20px; margin-bottom: 30px;  }
.boxGrey h1,
.boxWhite h1,
.boxGrey h2,
.boxWhite h2,
.boxGrey h3
.boxWhite h3                    { margin-bottom: 20px; }
.boxGrey form,
.boxWhite form                  { padding: 20px; }

/* form */

form legend  { font-family: 'Flama-Bold', sans-serif;  font-size: 1.8rem; letter-spacing: -1.5px; line-height: 120%;  margin: 0px 0 20px 0; letter-spacing: -0.3px; font-weight: 400; }

form .desc { color: #b3b3b3; margin-top: 3px; font-size: 0.8rem; }

form .imagenConfig img { border-radius: 3px; }

/*
.btn-secondary { background: red; border: 1px solid red; } 
.btn-secondary:hover { background: green; border: 1px solid green; }
*/

/* */

.content p                      { padding: 0; border: 0; margin: 0 0 20px 0; }
.content table                  { border: 1px solid #ddd; }
.content table td               { padding: 15px; }
.content ul, .content ol        { margin-top: 30px; margin-bottom: 30px;  }
.content li                     { margin-bottom: 20px;  }

/* */

.table-of-contents              { width: 300px; max-width: 300px; }
ul.table-of-contents            { border: 1px solid #efefef; background: #fcfcfc; padding: 20px; margin: 0;  }
.table-of-contents .TopTit      { font-weight: bold; margin-bottom: 10px; font-size: 1.1rem; }
.table-of-contents li           { padding: 2px 0; font-size: 0.9rem; list-style: none; }
.table-of-contents a, 
.table-of-contents a:visited    { color: #2fa4e7; padding: 0px; }
.table-of-contents a:hover      { padding: 0; border: 0; text-decoration: underline; color: #2fa4e7; }
.table-of-contents a.active,
.table-of-contents active       { color: #666; padding: 0; border: 0;  }


/* PUBLICIDAD */

#PuHeadermobile { width: 100%; }
#PuHeadermobile img { width: 100%; }

#PuHeader                        { background: #f5f5f5 url("../../../img/interface/stripe-pu.png"); padding: 30px; text-align: center; }
#PuHeader:hover { background: #000000; }

#PuMedium                        { background: #f5f5f5 url("../../../img/interface/stripe-pu.png"); padding: 30px; text-align: center; }
#PuMedium:hover { background: #000000; }

#PuHeader img,
#PuMedium img { border: 1px solid #888; }

#PuHome                          { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; }

#PuVideo                         { background: #f5f5f5 url("../../../img/interface/stripe-pu.png"); padding: 30px; text-align: center; margin-bottom: 20px; }
#PuVideo:hover                   { background: #000000; }


#PuCol                           { text-align: center; }
#PuCol iframe                    { border: 5px solid #dddddd; text-align: center; }
#PuCol img                       { border: 5px solid #dddddd; text-align: center; }

#PuColmobile                     { text-align: center; }
#PuColmobile img                 { border: 5px solid #dddddd; width: 100%; text-align: center; margin-bottom: 30px; text-align: center; }
#PuColmobile iframe              { border: 5px solid #dddddd; text-align: center; }

@media (max-width: 1100px) {
#PuHeader                        { display: none; }
}

#responsive { margin: auto; text-align: center; margin-bottom: 40px; }


@media (max-width: 1200px) {

#PuHeader { display: none; }
#PuMedium { display: none; }

}

/* */

.Poll.Col                       { border: 1px solid #ddd; padding: 20px; background: #fdfdfd;  }
.Poll.Col ul, .Poll.Col li      { margin: 0; padding: 0; list-style: none; }
.Poll.Col .TopTit               { font-family: 'Oswald', sans-serif; font-size: 1.3rem; line-height: 160%; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #efefef; margin-bottom: 20px; padding-bottom: 5px;  }

.Poll.Col .question             { font-family: 'Roboto', serif; font-weight: 400; font-size: 1.1rem; line-height: 130%; letter-spacing: -0.5px;  margin: 0 0 18px 0; }
.Poll.Col .answer               { font-family: 'Roboto', serif; font-weight: 300;  font-size: 1rem; line-height: 120%; margin-top: 10px; margin-bottom: 10px; width: 100%; }
.Poll.Col .answer .left         { float: left; width: calc(100% - 80px); text-align: left }
.Poll.Col .answer .leftleft     { float: left; margin-right: 10px; width: 20px; } 
.Poll.Col .answer .leftright    { float: right; width: calc(100% - 30px); } 
.Poll.Col .answer .right        { float: right; width: 50px; text-align: right; }

.Poll.Col #porcentaje           { display: none; }

.Poll.Col .result               { width: 100%; clear: both; background: #f5f5f5; margin: 0px; margin-bottom: 12px; display: none; }
.Poll.Col .bar                  { height: 10px; background: #000;  }

/* */

#AdsTextHomeCenter                    { border: 3px solid #eeeded; padding: 20px; margin-bottom: 30px; background: #fdfdfd;  }
/*#AdsTextHomeCenter:hover            { border: 3px solid #666;  }*/
#AdsTextHomeCenter .PuTitle           { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.4rem; line-height: 130%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
#AdsTextHomeCenter .PuTitle a,
#AdsTextHomeCenter .PuTitle a:visited { color: #000000; }
#AdsTextHomeCenter .PuTitle a:hover   { color: #000000; text-decoration: underline; }
#AdsTextHomeCenter .PuDesc            { font-family: 'Roboto', sans-serif;  font-size: 1rem; font-weight: 300; line-height: 125%; padding-bottom: 15px; margin-bottom: 15px;  }
#AdsTextHomeCenter .PuArrow           { text-align: right; font-size: 1.7rem; }

#AdsTextHomeCol                       { border: 3px solid #eeeded; padding: 20px; margin-bottom: 30px;  }
/* #AdsTextHomeCol:hover              { border: 3px solid #666;  } */
#AdsTextHomeCol .PuTitle              { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.1rem; line-height: 140%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
#AdsTextHomeCol .PuTitle a,
#AdsTextHomeCol .PuTitle a:visited    { color: #000000; }
#AdsTextHomeCol .PuTitle a:hover      { color: #000000; text-decoration: underline; }
#AdsTextHomeCol .PuDesc               { font-family: 'Roboto', sans-serif;  font-size: 0.95rem; font-weight: 300; line-height: 140%; padding-bottom: 15px; margin-bottom: 15px;  }
#AdsTextHomeCol .PuArrow              { text-align: right; font-size: 1.7rem; }

@media (max-width: 800px) {
    #AdsTextHomeCol .PuTitle { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.3rem; line-height: 140%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
}

#AdsTextHomeChannel                       { border: 3px solid #eeeded; padding: 20px; margin-bottom: 30px;  }
/*#AdsTextHomeChannel:hover               { border: 3px solid #666; } */
#AdsTextHomeChannel .PuTitle              { font-family: 'Roboto', serif; font-weight: 400; font-size: 1.5rem; line-height: 130%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
#AdsTextHomeChannel .PuTitle a,
#AdsTextHomeChannel .PuTitle a:visited    { color: #000000; }
#AdsTextHomeChannel .PuTitle a:hover      { color: #000000; text-decoration: underline; }
#AdsTextHomeChannel .PuDesc               { font-family: 'Roboto', sans-serif;  font-size: 1rem; font-weight: 300; line-height: 140%; padding-bottom: 15px; margin-bottom: 15px;  }
#AdsTextHomeChannel .PuArrow              { text-align: right; font-size: 1.7rem; }

#AdsTextHomeColDetail                     { margin-bottom: 30px;  }
#AdsTextHomeColDetail .PuTitle            { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.3rem; line-height: 130%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
#AdsTextHomeColDetail .PuTitle a,
#AdsTextHomeColDetail .PuTitle a:visited  { color: #000000; }
#AdsTextHomeColDetail .PuTitle a:hover    { color: #000000; text-decoration: underline; }
#AdsTextHomeColDetail .PuDesc             { font-family: 'Roboto', sans-serif;  font-size: 1rem; font-weight: 300; line-height: 150%; padding-bottom: 15px; margin-bottom: 15px;  }
#AdsTextHomeColDetail .PuArrow            { text-align: right; font-size: 1.7rem; display: none; }


#AdsTextEndDetail  { margin-bottom: 30px; border-left: 3px solid #ddd; padding-left: 30px;   }
#AdsTextEndDetail img { width: auto; padding: 0; }
#AdsTextEndDetail .PuTitle            { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.4rem; line-height: 130%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
#AdsTextEndDetail .PuTitle a,
#AdsTextEndDetail .PuTitle a:visited  { color: #000000; }
#AdsTextEndDetail .PuTitle a:hover    { color: #000000; text-decoration: underline; }
#AdsTextEndDetail .PuDesc             { font-family: 'Roboto', sans-serif;  font-size: 1.1rem; font-weight: 300; line-height: 140%; padding-bottom: 15px; margin-bottom: 15px;  }
#AdsTextEndDetail .PuArrow            { text-align: right; font-size: 1.7rem; display: none; }

@media (max-width: 800px) {
    #AdsTextEndDetail .PuTitle { font-family: 'Roboto', serif; font-weight: 500; font-size: 1.3rem; line-height: 140%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }
}
/*
.ImgPrev img { 

              
                filter: url('#grayscale'); 
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: grayscale(100%); 
                filter: Gray(); 

                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

}




.ImgPrev img:hover { 
                filter: url('#grayscale'); 
                -webkit-filter: grayscale(0%);
                -moz-filter: grayscale(0%);
                -ms-filter: grayscale(0%);
                -o-filter: grayscale(0%);
                filter: grayscale(0%); 
                filter: Gray(); 

                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

}

*/


/* cookies */

#cookies                                  { display: none; width: 100%;  z-index: 100000000000000; }
#cookies #int                             { width: 100%; margin: auto; padding: 10px; background: #ec332d; color: #ffffff;   font-size: 0.9rem; }
#cookies #int a                           { color: #fff; text-decoration: underline; }
#cookies #int .confirm,
#cookies #int .confirm a,
#cookies #int .confirm a:visited          { background: #000000; padding: 3px 6px 3px 6px; margin-left: 5px;  cursor: pointer; color: #fff; border-radius: 3px; text-decoration: none; }
#cookies #int .confirm a:hover            { background: #000000; color: #fff; text-decoration: none; }

/* */

.modal.AlertSuscription                   { display: none; position: fixed; left: 0; right: 0; background-color: #fafafa; padding: 0; max-height: 70%; width: 500px; margin: auto; overflow-y: auto; border-radius: 2px; will-change: top, opacity; }
.modal .closed                            { padding: 6px; width: 100%; text-align: right; }

/* */

.btn.black,
.btn.black a,
a.btn.black,
.btn.black a:visited { background: #c5c5c5; color: #fff; }

.btn.black:hover, .btn.black a:hover { background: #000000; }

/* */

.msg_ok,
.msg_error,
.msg_error_grey                           { padding: 10px; margin-bottom: 10px; font-size: 0.85rem;  }
.msg_ok                                   { background-color: #000000; border: 1px solid #000; color: #ffffff; }
.msg_error                                { background-color: #f9d5d8; border: 1px solid #ddb3b6; color: #0f0f0f; }
.msg_error_grey                           { background-color: #e4e4e4; border: 1px solid #d7d7d7; color: #595959; }
.msg_info                                 { border: 1px solid #f7daaf; background: #fff7c7; color: #505050; padding:10px; margin-bottom: 10px; }

#BoxAvise                                 { border: 1px solid #dddddd; background: #fbfbfb; color: #666666; padding:20px; margin-bottom: 10px;  }
#BoxAlert                                 { border: 1px solid #dddddd; background: #fbfbfb; color: #666666; padding:20px; margin-bottom: 10px;  }

#Boxhelp                                  { position: fixed; margin: auto; width: 350px; background: #fafafa; border: 1px solid #e5e5e5; padding: 20px; color: #000; }
#Boxhelp .tit                             { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
#Boxhelp #inDi                            { position: relative; left: -28px; height: 0; }

.list-group-item.date { background-color: #f8f9fa; }
.list-group-item.ok { background-color: #d4edda; }
.list-group-item.info { background-color: #fff3cd; }
.list-group-item.error { background-color: #f8d7da; }

/* */


#PagMoveDetail {
  font-size:30px;
  vertical-align:middle;
}
#PagMoveDetail a {
  color:#333333;
}
#PagMoveDetail .Anterior {
  position:fixed;
  top:420px;
  left:0;
  float:left;
  border-width:1px 1px 1px 0;
  border-style:solid;
  border-color:#ddd;
  padding:50px 15px 50px 10px;
  background:#f6f5f5;
}
#PagMoveDetail .Siguiente {
  position:fixed;
  top:420px;
  right:0;
  float:right;
  border-width:1px 0 1px 1px;
  border-style:solid;
  border-color:#ddd;
  padding:50px 10px 50px 15px;
  background:#f6f5f5;
}
#PagMoveDetail .Anterior:hover {
  background:#000;
  color:#fff;
}
#PagMoveDetail .Siguiente:hover {
  background:#000;
  color:#fff;
}
#PagMoveDetail a,#PagMoveDetail a:hover {
  text-decoration:none;
}
@media (max-width:1260px) {
  #PagMoveDetail {
    display: none;
  }
}


.HeaderSponsorchannel, 
.HeaderSponsorchannelDetail                   { background-size: cover; height: 330px; color: #fff;  margin-bottom: 30px; }

.HeaderSponsorchannel .Interior,
.HeaderSponsorchannelDetail .Interior         { padding: 30px 0px 10px 0px; }

.HeaderSponsorchannel .left,
.HeaderSponsorchannelDetail .left             { float: left; width: 48%;  }
.HeaderSponsorchannel .right,
.HeaderSponsorchannelDetail .right            { float: right; width: 28%; text-align: right;  }

.HeaderSponsorchannel .sponsortext,
.HeaderSponsorchannelDetail .sponsortext      { margin-bottom: 20px; margin-top: 40px; font-size: 1.1rem; }
.HeaderSponsorchannel .sponsortext span,
.HeaderSponsorchannelDetail .sponsortext span { background: #000; color: #fff; padding: 8px;  }

.LogoSponsorChannel, 
.LogoSponsorChannel h1, 
.LogoSponsorChannel a { color: #fff; }


@media (max-width:800px) {
.HeaderSponsorchannel, 
.HeaderSponsorchannelDetail                   {  background-size: cover; height: 230px; color: #fff;  margin-bottom: 30px; }
.LogoSponsorChannel img                       { width: 120%; }
.HeaderSponsorchannel .sponsortext,
.HeaderSponsorchannelDetail .sponsortext      { font-size: 70%; position: relative; top: -20px; }
.ColChannelLeft                               { width: 100%;  }
.ColChannelRight                              { display: inline; width: 100%; }
}

/* */

.HeaderSponsorCategory .Interior              { padding: 30px 0px 10px 0px; }
.HeaderSponsorCategory .left                  { float: left; width: 48%;  }
.HeaderSponsorCategory .right                 { float: right; width: 28%; text-align: right;  }
.HeaderSponsorCategory .sponsortext           { margin-bottom: 20px; margin-top: 40px; font-size: 1.1rem; }
.HeaderSponsorCategory .sponsortext span      { background: #000; color: #fff; padding: 8px;  }

.LogoSponsorCategory, 
.LogoSponsorCategory h1, 
.LogoSponsorCategory a { color: #fff; }

@media (max-width:800px) {
.HeaderSponsorCategory                        { background-size: cover; color: #fff;  margin-bottom: 30px; }
.LogoSponsorCategory img                      { width: 120%; }
.HeaderSponsorCategory .sponsortext           { font-size: 70%; position: relative; top: -20px; }
}

/* */

.tabsSponsorChannel { padding: 0; margin: 0;   font-family: "Rajdhani", sans-serif; font-size: 1.4rem; letter-spacing: -0.3px; }
.tabsSponsorChannel li { display: inline-block;  margin-right: 20px; }
.tabsSponsorChannel .ui-tabs-active, 
.tabsSponsorChannel .ui-tabs-active a { font-weight: bold; color: #000;} 
.tabsSponsorChannel a { color: #858585; }

/* */

.ChannelsTop h2 { font-family: "Rajdhani", sans-serif; font-weight: normal; border-bottom: 1px solid #f2efef; padding-bottom: 20px; }
.ChannelsTop, .ChannelsTop a, .ChannelsTop a:visited, .ChannelsTop a:hover { color: #000; }
.ChannelsTop i { color: #ddd; }

/* */

.ChannelsColBox { border-bottom: 3px solid #f2efef; padding-bottom: 30px; }
.ChannelsColBox h2 { font-family: 'Roboto', serif; font-weight: bold; font-size: 1.4rem; line-height: 125%; letter-spacing: -0.5px;  margin: 0 0 8px 0; }

/* */

.ChannelsSiteLink { font-size: 0.9rem; }
.ChannelsSiteLink a { color: #c2c3c3; }
.ChannelsSiteLink a:hover { color: #000; }
.ChannelsSiteLink i { color: #c2c3c3;  }

/* */

.ChannelsSocialicons { padding: 0; margin: 0;  }
.ChannelsSocialicons li { display: inline-block;  margin-right: 15px; font-size: 1.3rem; }
.ChannelsSocialicons a { color: #c2c3c3;  }
.ChannelsSocialicons a:hover { color: #666;  }


/* */

#content-pagination { width: 100%; margin: 50px 0px 20px 0px;  }


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background: #000;
    color: #fff;
    cursor: pointer;
}
.pagination > .active > a, .pagination > .active > span,  .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #9a9d9f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}
.pagination a { color: #fff; }
.pagination a:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #ffffff;
}
@media (max-width: 800px) {
.pagination .pagi  { display: none; }
}

/* tags submit form */

.tagsinput { background: #fff; white-space: nowrap; }
.tagsinput span.tag a { font-weight: 700; text-decoration: none; font-size: 11px }
.tagsinput input {
    width: 100px;
    margin: 0;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid #cdcdcd;
    padding: 7px;
    outline: 0
}
.tagsinput div,span.tag {  display: block; float: left }
.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 7px 10px;
    text-decoration: none;
    background: #eeecec;
    color: #767575;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    font-family: helvetica;
}
.tag a { color: #767575; }
.tag:hover { cursor: pointer; border: 1px solid #666; background: #666; color: #ffffff; }
.tag:hover a { color: #ffffff; }
.tags_clear { clear: both; width: 100%; height: 0 }
.not_valid { background: #e8aba8; border: 1px solid #e90d03; }

/* */

#myTabConfig a.nav-link           { color: #b3b3b3; font-size: 0.9rem; margin-right: 2px; }
#myTabConfig a:hover.nav-link     { color: #000; font-size: 0.9rem; }
#myTabConfig a.nav-link.active    { color: #666; font-size: 0.9rem; font-weight: bold; }

.tab-content.congif               { padding: 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 400px;  }
.tab-content.congif label          { font-weight: bold; font-size: 0.9rem; }
.tab-content.congif .form-text.text-muted { color: red; }

/* */


.authorinfo_profile {
  margin-bottom:40px;
}
.authorinfo_profile .imagen {
  text-align:center;
}
.authorinfo_profile .imagen img {
  margin:auto;
  width:150px;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  margin-bottom:10px;
}
.authorinfo_profile .username {
  margin:auto;
  text-align:center;
}
.authorinfo_profile .username h1 {
  font-weight:bold;
}
.authorinfo_profile .username a {
  text-align:center;
  font-size:35px;
  line-height:39px;
  font-family:'Roboto',sans-serif;
  font-style:900;
  color:#000;
  letter-spacing:-1px;
}
.authorinfo_profile .username img {
  vertical-align:middle;
  margin-left:10px;
}
.authorinfo_profile .username a:visited {
  color:#000;
}
.authorinfo_profile .info {
  width:100%;
  margin:auto;
  font-family: 'Pontano Sans', sans-serif;  font-size: 1.2rem; line-height: 150%;
  text-align:center;
  color:#000;
  margin-top: 20px;
}

.authorinfo_profile .icons {
  text-align:center;
}
.authorinfo_profile .icons i {
  margin-top:20px;
  font-size:25px;
  color:#c6c5c5;
  text-align:center;
  margin-right:10px;
}
.authorinfo_profile .icons i:hover {
  color: #2fa4e7;
}


#FixedTopPage { 
position: fixed;
right: 20px; 
bottom: 20px;
font-size: 40px; 
background: #fff;
width: 50px;
height: 50px;
text-align: center;
cursor: pointer;
border-radius: 50%;
display: none;
}
#FixedTopPage:hover { 
background: #2fa4e7;
color: #fff;
}
#FixedTopPage i { margin-top: 3px;  }

@media (max-width:1260px) {
#FixedTopPage { display: none; }
}

/* */

#Gridgallery .TopTit { 
  font-family: 'Flama-Bold', sans-serif;  
  font-size: 2.1rem; 
  letter-spacing: -1.5px; 
  line-height: 120%; 
  margin: 8px 0 10px 0; 
  letter-spacing: -0.3px; 
  font-weight: bold; 
  border-bottom: 2px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;

}

#Gridgallery .imagen {
  padding:0px 10px 10px 0px;
  float: left;
}


#Gridvideos .TopTit { 
  font-family: 'Flama-Bold', sans-serif;  
  font-size: 2.1rem; 
  letter-spacing: -1.5px; 
  line-height: 120%; 
  margin: 8px 0 10px 0; 
  letter-spacing: -0.3px; 
  font-weight: bold; 
  border-bottom: 2px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;

}


/* */

.submitlist.list-group-horizontal { text-align:center;  width: auto; font-size: 0.9rem; }
.submitlist.list-group-horizontal, .submitlist.list-group-horizontal a { color: #b3b3b3;  }
.submitlist.list-group-horizontal .active { background: #fbfbfb; border: 1px solid #ddd; color: #666; width: auto; display: block;  border-right: 0px; border-radius: 0px;  }
.submitlist.list-group-horizontal i,
.submitlist.list-group-horizontal .active i { margin-right: 10px;  }
.submitlist.list-group-horizontal a { display: block; width: auto; border-right: 0px; border-radius: 0px; text-align:center; border: 1px solid #ddd; }

/* */

.OverlaySuscriptores { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 1000; opacity:0.7; filter:alpha(opacity=70); filter: "alpha(opacity=70)";  }
.DivSuscriptores { width: 1000px; min-height: 600px; background: #000; color: #fff; border: 4px solid #fff; position: fixed; top: 20%; left:50%; margin-left:-550px; z-index: 1001;  }
.DivSuscriptores .int { width: 80%; margin: auto; padding: 10% 5%; }
.DivSuscriptores h2 {  font-size: 3rem; color: #fff; text-align: center; padding: 0; margin: 0; }
.DivSuscriptores .closedDiv { padding: 10px; text-align: right; font-size: 1.2rem; cursor: pointer; }


@media (max-width: 800px) {

.DivSuscriptores  { width: 90%; max-width: 90%; min-height: 50%; background: #000; border: 4px solid #fff; position: fixed; top: 15%; left:5%;  right:5%; margin: auto; z-index: 1001; }
.DivSuscriptores h2 { font-size: 2rem; color: #fff; text-align: center; padding: 0; margin: 0; }

}


/* */

.promo { width: 100%; height: 381px; }
.promo .lefttext h1 { color: #fff; }
.promo .lefttext { background: red; color: #fff; padding: 20px; width: 350px; position: relative; top: 100px;  opacity: 0.95; }

/* */

.btn { margin-bottom: 10px; }
.btn a { color: #fff; }

/* */

.login .form-check {
  font-size: 0.9rem;
  color: #666;
}