@charset "utf-8";
/* CSS Document */
html, body{
background:#000;
font-family:'Open Sans', sans-serif;
height: 100%;
margin:0 auto; }
footer{
clear:both;
height:65px;
margin-top:-65px;
position:relative; }
header{
float:left;
height:auto;
position:relative;
width:100%; }
a{ color:#000; text-decoration:none; }
h1{ font-size:24px; }
h4{ font-size:14px; }
label{ font-size:12px; font-weight:bold; }
/*-------------------------------
Estructura Principal
--------------------------------*/
#content{ background:#FFF; min-height:100%; }
#content-index{ min-height:100%; }
#wrapper{
height:auto;
overflow:auto;
padding-bottom:150px;
text-align:center;
width:100%; }
#top-wrapper{
background: #6a0000; /* Old browsers */
background: -moz-linear-gradient(top, #6a0000 0%, #d51829 50%, #d51829 51%, #d51829 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a0000), color-stop(50%,#d51829), color-stop(51%,#d51829), color-stop(100%,#d51829)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* IE10+ */
background: linear-gradient(to bottom, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0000', endColorstr='#d51829',GradientType=0 ); /* IE6-9 */
float:left;
height:10px;
width:100%; }
#middle-wrapper{
float:left;
height:auto;
margin-top:1%;
position:relative;
width:100%; }
#articulos{
height:545px;
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:0 auto;
overflow-x:hidden;
overflow-y:scroll;
padding:15px 0;
width:50%; }
#articulos-header{
margin:15px auto;
padding-left:20px;
text-align:left;
width:50%; }
#cuenta{
margin:1% auto;
text-align:left;
width:50%; }
.link-password{ font-size:10px; text-decoration:blink; }
#left-wrapper-cuenta{ float:left; width:45%; }
#right-wrapper-cuenta{ float:left; margin-left:2%; width:45%; }
/*-------------------------------
Menu de sesión y principal
--------------------------------*/
#session-menu{ background:#F4F4F4; border-bottom:2px solid #DDD; color:#ADADAD; height:30px; position:relative; width:100%; }
#main-menu{ background:#FFF; height:100px; width:100%; }
#lista-menu-sesion{ margin-left:80%; }
.lista-menu-sesion{ float:left; font-size:12px; font-weight:bold; list-style:none; }
#lista-menu{ margin-left:-19px; }
.lista-menu{ float:left; font-size:12px; font-weight:bold; list-style:none; margin-left:20px; }
.box-menus{ height:auto; padding:10px; }
.box-menus:hover{
background:#DDD; color:#000; height:auto; padding:10px; }
#logo{
float:left;
margin-right:50px;
margin-top:-5px;
text-align:right; width:25%; }
#box-main-menu{
float:left;
font-size:12px;
padding-top:26px;
text-align:center;
width:50%; }
#box-main-session{
background: #6a0000; /* Old browsers */
background: -moz-linear-gradient(top, #6a0000 0%, #d51829 50%, #d51829 51%, #d51829 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a0000), color-stop(50%,#d51829), color-stop(51%,#d51829), color-stop(100%,#d51829)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* IE10+ */
background: linear-gradient(to bottom, #6a0000 0%,#d51829 50%,#d51829 51%,#d51829 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0000', endColorstr='#d51829',GradientType=0 ); /* IE6-9 */
float:left;
padding-bottom:23px;
padding-top:30px;
text-align:center;
width:14%; }
#header-menu{
float:left; font-size:17px;
font-weight:bold;
margin-bottom:18px;
text-align:left;
width:100%; }
#bottom-menu{ float:left; width:100%; }
#left-box-menu{ float:left; width:60%; }
#right-box-menu{ float:left; text-align:left; width:40%; }
/*-------------------------------
Footer
--------------------------------*/
#footer{ border-top:2px solid #DDD; color:#777; font-size:14px; width:100%; }
#list-footer{
float:left;
left:50%;
margin:0 -90px;
padding:23px 0;
position:relative; }
.list-footer{ list-style:none; float:left; margin-left:50px; position:relative; right:50%; }
/*-------------------------------
Login
--------------------------------*/
#box-login{
color:#FFF;
float:left;
height:auto;
left:50%;
margin-left:-200px;
margin-top:10%;
position:relative;
width:400px; }
#top-login{
border-bottom:1px solid #FFF;
font-size:18px;
font-weight:bold;
margin-bottom:20px; }
#data-login{ margin:25px 0; }
#middle-login{
background:#FFF;
border:6px solid #A7A7A7;
border-radius:10px;
color:#000;
font-size:18px;
font-weight:bold;
padding:50px 60px; }
#bottom-login{ color:#86888A; font-size:14px; margin-top:30px; }
/*-------------------------------
Tablas
--------------------------------*/
.celda-par{ background:#E7E7E7; font-size:12px; padding:6px; }
.celda-impar{ font-size:12px; padding:6px; }
.celda-datos-par{ background:#E7E7E7; padding:6px; }
.celda-datos-impar{ padding:6px; }
.tabla-header{ padding:8px; }
/*-------------------------------
Form [Input, Submit,
Texarea, Select, More...]
--------------------------------*/
.input-login{
border:1px solid #CCC;;
border-radius:6px;
height:auto;
margin-top:15px;
padding:10px;
width:92%; }
.submit-login{
background:#58B957;
border:none;
border-radius:6px;
color:#FFF;
cursor:pointer;
height:auto;
margin-top:25px;
padding:10px;
width:98%; }
.submit-login-2{
background:#58B957;
border:none;
border-radius:6px;
color:#FFF;
cursor:pointer;
height:auto;
margin-top:25px;
padding:10px;
width:100px; }
.submit-login:hover, .submit-login-2:hover{ background:#0B3B0B; }
.input-type-a{
border:1px solid #CCC;
border-radius:6px;
font-size:12px;
height:auto;
padding:8px;
width:91%; }
.input-type-b{
border:1px solid #CCC;
border-radius:6px;
font-size:12px;
height:auto;
padding:8px;
width:100px; }
.input-type-c{
border:1px solid #CCC;
border-radius:6px;
font-size:12px;
height:auto;
padding:8px;
text-align:center;
width:25px; }
.input-type-d{
border:none;
font-size:12px;
height:auto;
padding:8px;
width:50px; }
.input-type-e{
border:1px solid #CCC;
border-radius:6px;
font-size:12px;
height:auto;
padding:8px;
text-align:right;
width:75px; }
.button{
background:#d51829;
border:none;
border-radius:6px;
color:#FFF;
cursor:pointer;
height:auto;
padding:7px;
width:auto; }
.button:hover{ background:#000; }