body {
margin: 0;
padding: 0;
background: white;
min-width: 800px;
}
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
/*
Menu lateral
-------------------------------------------------------------------------*/
#content {
margin-left: 160px;
margin-right: 1em;
}
#menu {
width: 150px;
float: left;
left: 2px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
margin-bottom: 2px;
}
#menu li a {
background: white url(../imagen/menu_fondo.gif) right top no-repeat;
display: block;
font-weight: bold;
padding: 0 0 0 1em;
height: 25px;
line-height: 2;
text-decoration: none;
}
#menu li a:hover,
#menu li.selected a {
background-position: right -25px;
color: white;
}
#menu a {
text-decoration: underline;
}
#menu h3.abajo {
padding-top: 15px;
height: 70px;
width: 147px;
font-size: 12px;
color: #596976;
font-weight: bold;
text-align: center;
background: url(../imagen/menu_principal_abajo.gif) top left no-repeat;
_margin-bottom: 5px;
}
#menu h3.lado {
padding-top: 12px;
height: 70px;
width: 140px;
font-size: 12px;
color: red;
font-weight: bold;
text-align: center;
padding-right: 15px;
_margin-bottom: 5px;
_width: 151px;
}
/*
Nav (pesta�as)
-------------------------------------------------------------------------*/
#content li {
float: left;
width: 140px;
}
/*
CORRECCI�N PARA NO IEMAC
---------------------------------------------------------------------------------*/
/* commented backslash hack v2 \*/
#content li {
width: auto;
}
/* end hack */
#scnMS_itm1_mns_nvl1 {
position: relative;
z-index: 2;
min-width: 800px;
}
#scnMS_itm1_mns_nvl1.seleccionado {
border-bottom: solid #AAB7BF 1px;
}
#scnMS_itm1_mns_nvl1 li {
background: url(../imagen/nav_li_fondo.gif) left top no-repeat;
margin-right: 3px;
}
#scnMS_itm1_mns_nvl1 li a {
color: white;
display: block;
padding: 8px 1em 10px 1em;
font-weight: bold;
background: url(../imagen/nav_a_fondo.gif) right top no-repeat;
}
#scnMS_itm1_mns_nvl1 li a:hover {
color: #F2E9E9;
}
#scnMS_itm1_mns_nvl1 li.selected {
background: url(../imagen/nav_li_fondoselect.gif) left top no-repeat;
}
#scnMS_itm1_mns_nvl1 li.selected a,
#scnMS_itm1_mns_nvl1 li.selected a:hover {
background: url(../imagen/nav_a_fondoselect.gif) right top no-repeat;
color: red;
border-bottom: solid white 1px;
display: block;
margin-bottom: -1px;
z-index: 20;
position: relative;
}
#scnMS_itm1_mns_nvl2 {
position: relative;
z-index: 1;
border: solid #AAB7BF 1px;
border-top-width: 0;
margin-top: -1px;
min-width: 800px;
background: url(../imagen/nav_ul_fondo.gif) left -1px;
}
#scnMS_itm1_mns_nvl2 a {
display: block;
padding: 3px;
margin: 2px 0;
border-right: dotted #AAB7BF 1px;
}
.thin #scnMS_itm1_mns_nvl2 a {
font-size: 9px;
padding: 3px 1px;
}
#scnMS_itm1_mns_nvl2 li.selected a {
color: red;
}
/*
IFRAME
---------------------------------------------------------------------------------*/
#p4 {
width: 95%;
_width: 95%;
height: 90%;
_height: 100%;
position: absolute;
/*top:54px;*/
}
#footerp {
padding: 0;
background: red;
border-top: solid #D4DAE0 1px;
position: fixed;
bottom: 0px;
width: 100%;
}
#footerp table {
text-align: center;
}
#footerp ul {
list-style: none;
margin: 1px 0 0 0;
padding: 0;
}
#footerp li {
float: left;
font-weight: bold;
background: url(../imagen/footer_back.gif) right repeat-x;
}
#footerp li a {
padding: 7px 20px 6px 5px;
text-align: left;
float: left;
}
#oom {
float: left;
}
#oom p {
font-size: 12px;
}
#oom .red {
color: #ec0000;
}
#oom .red strong {
font-weight: 700;
font-size: 13px;
line-height: 20px;
margin-top: 10px;
}
.super-clave {
text-align: center;
margin: 16px -8px;
}
.super-clave>* {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc:valid~.bar {
left: 0;
right: 0;
}
.super-clave .bar {
background: #1bb3bc;
bottom: 0;
display: block;
height: 2px;
left: 50%;
position: absolute;
right: 50%;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
button,
input,
optgroup,
select,
textarea {
line-height: 1.15;
font-family: "Open Sans", sans-serif;
font-size: 100%;
margin: 0;
}
.super-clave__input:focus {
outline: 0;
}
.super-clave__input~.placeholder,
.super-clave__input:focus~.placeholder {
top: -14px;
font-size: 13px;
color: #1bb3bc;
}
.super-clave .placeholder {
font-size: 15px;
left: 0;
pointer-events: none;
position: absolute;
top: 7px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
width: 100%;
color: #6d6d6d;
text-align: center;
}
.sc:valid~.placeholder {
top: -14px;
font-size: 13px;
color: #1bb3bc;
}
.caja--icon {
margin-top: 66px !important;
padding-top: 34px;
min-height: 200px;
text-align: center;
}
.super-clave__input {
background: transparent;
border: 0;
border-bottom: 2px solid #b7b7b7;
font-size: 15px;
height: 32px;
padding: 4px 8px;
width: 100%;
color: #6d6d6d;
text-align: center;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.super-clave__container,
#tab3>div>div>div.super-clave>div>div {
margin-right: 5px;
padding-right: 15px;
}
.super-clave__container {
box-sizing: border-box;
display: inline-block;
position: relative;
margin: 0px 8px;
width: 35px;
padding: 0;
}
.d-100 {
width: 100%;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mr-10 {
margin-left: 10px;
}
.mr-20 {
margin-left: 10px;
}
.mr-30 {
margin-left: 10px;
}
.mr-40 {
margin-left: 10px;
}
.mr-50 {
margin-left: 10px;
}
.ouiias {
width: 600px;
margin: 0px auto;
}