/** {margin:0;padding:0;} */
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Helvetica, Sans-Serif;
font-size: 13px;
color: #000;
}
body {
background: left -176px url("/m/img/fondo.jpg") repeat-x #ffffff;
}
#main {
min-height: 100%;
margin: 0;
padding: 0;
}
#main a img {
border: 0px;
}
#main #main-page {
padding: 1px;
}
#header {
padding: 30px 0px 0px 0px;
background: 0px 15px url("/m/img/header-bg.jpg") repeat-x;
position: relative;
color: white;
}
#header a {
color: white;
font-weight: bold;
}
#header #instituto {
position: absolute;
top: 30px;
right: 0px;
z-index: 1;
}
#header #fondo {
position: absolute;
top: 30px;
left: 0px;
z-index: 10;
}
#header #logo-ibunam {
position: absolute;
top: 45px;
left: 370px;
z-index: 20;
}
#header #logo-unam {
position: absolute;
top: 45px;
left: 20px;
z-index: 30;
}
#header p a {
position: absolute;
top: 70px;
left: 130px;
font-size: 19px;
line-height: 1.5em;
text-decoration: none;
width: 200px;
color: white;
z-index: 40;
font-weight: normal;
}
#header #nav {
margin-top: 150px;
background: #619505;
padding: 3px 3px 0px 3px;
}
#header #nav td {
border: 1px white solid;
background: #71a515;
}
#header #nav #link-instituto {
width: 500px;
font-size: 17px;
padding: 0px 0px 0px 20px;
border: 0px;
background: #619505;
}
#header #nav #buscador {
width: 270px;
padding: 0px 5px;
}
#header #nav #buscador p {
float: left;
padding-top: 4px;
margin: 0px;
}
#header #nav #buscador form {
float: right;
}
#header #nav #buscador form input {
width: 180px;
}
#header #nav #redes-sociales {
width: 130px;
padding: 5px 0px 0px 5px;
}
#header #nav #redes-sociales img {
padding-left: 3px;
padding-right: 3px;
margin-top: -2px;
}
#header #nav #mapa-de-sitio {
width: 100px;
text-align: center ;
}
#header #nav #mapa-de-sitio a {
text-decoration: none;
}
#login {
padding: 1px;
margin: 0px;
background: #619505;
}
#login h3 {
text-align: right;
color: white;
font-weight: normal;
text-decoration: underline;
padding: 0px;
padding-right: 30px;
margin: 7px 0px;
}
#main-menu {
margin: 0 auto;
}
#contenedor {
padding: 0;
overflow: auto;
padding-bottom: 16em;
width: 1019px;
margin: 0 auto;
}
/* must be same height as the footer */
#footer {
margin: 0;
padding: 0;
position: relative;
margin-top: -16em;
/* negative value of footer height */
height: 16em;
clear: both;
background: 0px -3px url("/m/img/bg-footer.jpg") repeat-x #337e00;
}
#footer table {
padding: 5px 0px 0px 0px;
}
#footer a {
color: white;
font-size: 0.85em;
text-decoration: none;
}
#footer td {
width: 15%;
vertical-align: top;
border-right: 1px #2a7600 solid;
padding-left: 10px;
}
#footer td p {
margin: 7px 0px;
}
#footer .encabezado {
height: 18px;
}
#footer .ultimo {
border: 0px;
}
#footer #f-container {
width: 1019px;
margin: 0px auto;
}
#footer #f-container #disclaimer {
padding: 0px;
color: black;
text-align: center;
font-size: 0.85em;
padding: 10px;
margin: -10px;
}
/*Opera Fix*/
body:before {
/* thanks to Maleika (Kohoutec)*/
margin: 0;
padding: 0;
content: "";
height: 100%;
float: left;
width: 0;
margin-top: -32767px;
/* thank you Erik J - negate effect of float*/
}
h5 {
font-size: 18px;
color: #666666;
margin: 0;
padding: 0px;
}
.recuadro {
border: 1px solid lightgray;
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
*/
.clear {
clear: both;
}
@font-face {
font-family: 'redacted_scriptregular';
src: url('../../fonts/redacted-script-regular.eot');
src: url('../../fonts/redacted-script-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/redacted-script-regular.woff') format('woff'), url('../../fonts/redacted-script-regular.ttf') format('truetype'), url('../../fonts/redacted-script-regular.svg#redacted_scriptregular') format('svg');
font-weight: normal;
font-style: normal;
}
.lorem-ipsum {
font-family: "redacted_scriptregular";
font-size: x-large;
}
a span.hover-cover {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: 1;
}
a.hover-cover {
display: block;
z-index: 1;
}
/********************************/
.tabla_top td {
vertical-align: top;
clear: both;
}