HTML,BODY {
width:100%;
height:100%;
min-width: 600px;
min-height: 500px;
color: black;
background-color: #CCEEBB;
background-image: url(../skin/images/fondo.gif);
background-attachment: fixed;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 12px;
voice-family: inherit;
padding: 0px;
margin: 0px;
}
/* DIV contenido ********************************************************************************************************************************************************/
DIV#contenedor {
position:absolute;
overflow: hidden;
top:0px;
bottom:0px;
width:100%;
height:100%;
}
DIV#contenido {
position:fixed;
overflow: auto;
top:129px;
right:300px;
bottom:30px;
left:29px;
padding: 20px 20px 20px 40px;
border: 1px solid #99CC66;
color: black;
background-image: url(../skin/images/alpha.png);
}
/* Hackeo para pasar por arriba del IE *****************************************************************************************/
* html DIV#contenedor {
padding:129px 300px 30px 29px;
}
* html DIV#contenido {
height:100%;
width:100%;
}
/* Contenido propiamente dicho **************************************************************************************************************************************/
/* Texto dentro del cuadro principal */
/* Titulo */
div#contenido h1 {
margin-left: -15px;
padding-left: 10px;
text-align: left;
text-decoration: underline;
font-variant: small-caps;
font-size: 16px;
font-weight: 600;
border-left: 4px solid #99CC66;
}
/* Subtitulo */
div#contenido h2 {
margin-left: -15px;
padding-left: 10px;
text-align: left;
text-decoration: underline;
font-variant: small-caps;
font-size: 15px;
font-weight: 600;
border-left: 4px solid #99CC66;
}
/* Titulo de seccion */
div#contenido h3 {
margin-left: -15px;
padding-left: 10px;
text-align: left;
text-decoration: underline;
font-variant: small-caps;
font-size: 14px;
font-weight: 600;
border-left: 4px solid #99CC66;
}
/* Titulos internos generales */
div#contenido h4 {
text-align: left;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
div#contenido h5 {
text-align: left;
font-size: 13px;
font-weight: bold;
}
div#contenido p {
color: black;
text-indent: 20px;
text-align: justify;
font-size: 12px;
voice-family: inherit;
}
/* Links en general */
/* agregar contenido al anchor es para que sea cruzable en algunos browsers el link */
div#contenido a.anchor {display:none;}
/* abstract */
div#contenido div.abstract {
text-align: justify;
font-size: 11px;
font-style: italic;
padding-right: 15px;
padding-left: 15px;
}
/* autores (parrafo) */
div#contenido .autores {
text-align: right;
font-size: 10px;
font-weight: bold;
}
/* Fragmento de codigo */
div#contenido span.codefrag {
color: green;
font-family: monospace;
}
/* Preserve Space? */
div#contenido div.pre {
font-family: monospace;
}
/* Quote */
div#contenido p.quote {
margin-left: 30px;
margin-right: 30px;
font-style: italic;
}
/* nota (div) */
div#contenido div.nota {
margin: 5px 30px 5px 30px;
padding: 15px 5px 5px 15px;
background-repeat: no-repeat;
background-position: 3px 6px;
border-top: 5px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
border-bottom: 1px solid blue;
background-image: url(../skin/images/icon_info.gif);
}
div#contenido div.nota p {
margin: 0px;
padding: 5px;
}
/* A corregir (div) */
div#contenido div.mensaje-error {
margin: 5px 30px 5px 30px;
padding: 15px 5px 5px 15px;
background-repeat: no-repeat;
background-position: 3px 6px;
border-top: 5px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
border-bottom: 1px solid red;
background-image: url(../skin/images/icon_error.gif);
}
div#contenido div.mensaje-error p {
margin: 0px;
padding: 5px;
}
/* mensaje-error */
div#contenido div.mensaje-alerta {
margin: 5px 30px 5px 30px;
padding: 15px 5px 5px 15px;
background-repeat: no-repeat;
background-position: 3px 6px;
border-top: 5px solid #ffCC00;
border-left: 1px solid #ffCC00;
border-right: 1px solid #ffCC00;
border-bottom: 1px solid #ffCC00;
background-image: url(../skin/images/icon_warning.gif);
}
div#contenido div.mensaje-alerta p {
margin: 0px;
padding: 5px;
}
/* tabla (div)*/
div#contenido div.tabla {
margin-left: 40px;
margin-right: 40px;
}
div#contenido h5.titulo-tabla {
text-align: center;
margin-bottom: 5px;
font-size: 10px;
font-weight: bold;
}
/* tabla-diseno (table) */
div#contenido table.tabla-diseno {
border-collapse: collapse;
border: 2px solid black;
}
div#contenido table.tabla-diseno td {
padding: 4px;
border: 2px solid black;
text-align: justify;
font-size: 11px;
voice-family: inherit;
}
div#contenido table.tabla-diseno th {
padding: 4px;
border: 2px solid black;
text-align: center;
font-size: 13px;
font-weight: bold;
voice-family: inherit;
}
/* Listas */
div#contenido ul {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 30px;
}
/* Pre */
div#contenido pre.code {
font-size: 11px;
margin-left: 30px;
font-family: monospace;
color: #330033;
}
/* Figuras */
div#contenido img.figure {
width: 70%;
border: 5px solid black;
}
div#contenido p.figure, p.figure:first-letter {
width: 70%;
margin-top: 3px;
font-size: 9px;
text-align: justify;
}
div#contenido p.figure, p.figure:first-letter {
width: 70%;
margin-top: 3px;
font-size: 9px;
text-align: justify;
}
/* faq-respuesta (div) */
/* DIV Cabecera ********************************************************************************************************************************************************/
DIV#barra_cabecera {
position: absolute;
height: 120px;
top: 0px;
right: 0px;
width:150%;
border-bottom: 2px solid black;
}
/* DIV Tabs ********************************************************************************************************************************************************/
div#tabs {
height: 25px;
position: absolute;
top: 102px;
right: 0px;
margin: 0px;
padding-top: 4px;
font-variant: small-caps;
font-size: 11px;
font-weight: bold;
}
div#tabs span {
margin-left: 5px;
margin-right: 5px;
padding: 0px 30px 2px 30px;
color: black;
background-color: #99CC66;
border: 2px solid black;
text-align: center;
}
div#tabs a {
margin-left: 5px;
margin-right: 5px;
padding: 0px 30px 0px 30px;
border-top: 2px solid #555555;
border-right: 2px solid #555555;
border-left: 2px solid #555555;
color: #555555;
background-color: #CCEEBB;
text-decoration: none;
}
/* Hackeo para pasar por arriba del IE *****************************************************************************************/
* html DIV#tabs {
top: 100px;
}
/* DIV frascos *************************************************************************************************************************/
div#frascos {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}
DIV#frascos img {
position: absolute;
bottom: 20px;
right: 0px;
height: 95%;
border: none;
}
/* DIV navegador *****************************************************************************************************************/
DIV#navegador {
position: absolute;
width: 280px;
top: 129px;
bottom: 90px;
right: 10px;
overflow:auto;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
div#navegador span.sel {
display: block;
margin: 0px;
padding: 3px;
border-top: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
border-left: 20px solid #CCEEBB;
color: white;
background-color: #99CC66;
font-weight: bold;
text-align: right;
}
div#navegador a {
display: block;
margin: 0px;
padding: 3px;
border-top: 1px solid #99CC66;
border-right: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
border-left: 20px solid #99CC66;
color: black;
background-color: #CCEEBB;
text-align: right;
text-decoration: none;
}
div#navegador a:hover {
color: white;
background-color: #99CC66;
border-left: 20px solid #6699ff;
}
/* DIV logo meristemar********************************************************************************************************************************************/
DIV#logo {
position: absolute;
width: 340px;
height: 100px;
top: 9px;
left: 29px;
border: 1px solid #99CC66;
vertical-align: bottom;
background-image: url(../skin/images/alpha.png);
}
/* DIV logos ********************************************************************************************************************************************************/
DIV#logos {
position: absolute;
width: 250px;
height: 40px;
bottom: 30px;
right: 30px;
vertical-align: bottom;
}
DIV#logos img {
border: none;
margin-right: 7px;
}
/* DIV Pie ********************************************************************************************************************************************************/
DIV#pie-pagina {
position: absolute;
height: 20px;
bottom: 0px;
right: 0px;
width:150%;
border-top: 2px solid black;
padding-right: 15px;
font-family: Arial, Helvetica,sans-serif;
text-align: right;
font-size: 11px;
font-weight: bold;
}