/*
-----------------------------------------------
Plantilla para ROJADIRECTA
Name    :   Rojadirecta
Author  :   https://www.rojadirectaonline.host
License :   Copyright Google inc
Fecha   :   26 Ene 2026
----------------------------------------------- */

a:link,a:visited {
text-decoration:none;
color:#fff;
}

a:hover {
text-decoration:none;
color:red;
}

* {
margin:0;
padding:0;
}

h1 {
color:orange;
font-size:29px;
}

h2 {
color:orange;
font-size:20px;
font-weight:700;
}

h3 {
color:#ccc;
font-size:22px;
font-weight:700;
font-family:Oswald,Arial,stroke-serif;
}

body {
background:#000 url(/rojadirectatv.png) repeat scroll top left;
color:#fff;
margin:0 auto;
font-family:Arial,Tahoma,Verdana,sans-serif;
}

p {
padding:0 0 20px;
line-height:1.7em;
}

header {
background-color:#d20808;
box-shadow:0 -1px 2px #111;
color:#fff;
display:block;
height:104px;
position:relative;
width:100%;
z-index:100;
}

#Layer3 {
position:absolute;
width:550px;
height:70px;
z-index:2;
left:159px;
top:3px;
font-size:67px;
font-family:'Oswald';
font-weight:700;
}

#Layer2 {
position:absolute;
width:130px;
height:130px;
z-index:2;
}

.bbb {
display:none;
}

.aaa:hover .bbb {
display:block;
background:#cfcfcf;
border-width:1px;
border-style:solid;
border-color:#d20808;
font-weight:400;
width:140px;
}

.fuente2 {
font-size:10px;
color:#FFF;
font-weight:700;
}

.container {
height:100%;
margin:1px auto;
width:100%;
max-width:990px;
}

.main {
color:#fff;
height:100%;
width:100%;
z-index:100;
text-align:center;
margin-top:3px;
}

.contenido {
background-color:#212121;
border-width:1px;
border-style:solid;
border-color:#333;
box-shadow:0 -1px 2px #111;
color:#fff;
margin:0 0 5px;
padding:2px 7px;
height:100%;
width:65.8%;
z-index:100;
float:left;
text-align:left;
}

.sidebar {
color:#fff;
height:100%;
width:32%;
z-index:100;
float:right;
text-align:center;
}

.widget {
background-color:#212121;
box-shadow:0 -1px 2px #111;
text-align:center;
margin-bottom:8px;
height:100%;
}

.title {
margin:2px 0 0;
text-align:center;
height:40px;
}

.share-buttons-container {
text-align:center;
}

.share-buttons {
padding-top:5px;
padding-bottom:5px;
background:#596c56;
width:98%;
color:#ff0;
}

.menu_bar {
display:none;
}

menu {
background-color:#cfcfcf;
width:100%;
margin-top:-1px;
height:26px;
color:#555;
font-size:12px;
font-family:sans-serif;
}

menu nav {
text-align:right;
z-index:1000;
max-width:1000px;
width:100%;
margin:1px auto;
}

menu a:link {
color:#000;
}

menu a:visited {
color:#000;
}

menu a:hover {
color:red;
}

menu nav ul {
list-style:none;
}

menu nav ul li {
margin-top:2px;
display:inline-block;
position:relative;
}

menu nav ul li:hover .children {
display:block;
}

menu nav ul li .children {
background:#cfcfcf;
text-align:left;
position:absolute;
display:none;
width:150%;
z-index:1000;
}

menu nav ul li .children li {
display:block;
overflow:hidden;
}

menu nav ul li .children li a {
display:block;
}

menu nav ul .children li a span {
float:left;
position:relative;
}

menu nav ul li a {
text-decoration:none;
display:inline-block;
padding:4px 5px;
}

menu nav ul li span {
margin-right:10px;
}

menu nav ul li .caret {
position:relative;
top:3px;
margin-left:10px;
margin-right:0;
}

table {
width:100%;
border-spacing:8px;
border-collapse:separate;
}

table th {
height:18px;
color:#fff;
font-size:12px;
background:#d20808 center no-repeat;
cursor:pointer;
padding-left:18px;
}

footer {
background-color:#212121;
border-width:1px;
border-style:solid;
border-color:#333;
min-height:34px;
text-shadow:0 0 2px #000;
font-family:roboto condensed,Sans-serif;
color:#fff;
height:100%;
width:100%;
z-index:100;
clear:both;
text-align:center;
}

#footer-bar-text {
float:left;
padding:6px 8px;
}

#footer-link {
float:right;
margin:6px 1px;
font-family:roboto condensed,Sans-serif;
font-weight:700;
font-size:15px;
}

#footer-link a {
color:#fff;
text-decoration:none;
}

#footer-link a:hover {
color:#ffd700;
}

#player {
text-align:center;
}

#player iframe {
width:100%;
min-width:320px;
max-width:660px;
height:400px;
min-height:220px;
}

@media screen and (max-width:767px) {
body {
font-size:12px;
font-size:.95rem;
font-family:roboto condensed,Sans-serif;
}

.container,.main,.contenido {
width:98.4%;
}

.share-buttons-container {
font-size:9px;
font-size:.7rem;
}

.sidebar,header,footer {
display:none;
}

#player {
text-align:center;
}

#player iframe {
width:100%;
min-width:320px;
max-width:660px;
height:300px;
min-height:150px;
}
}