/*
Date: Dic 2011
Programmer: Gustavo Fiorentini - gustavo.fiorentini@gmail.com
*/
/* Estilos importados de otras hojas */
@import url(/css/mosaic.css);
@import url(/css/menu_cursos.css);
@import url(/css/estilos_cursos.css);
@import url(/css/estilos_compartimos.css);
@charset 'UTF-8';
html {
height: 100%;
}
body {
height: 1400px;
font-size: 16px;
background-color: #ffa62a;
overflow-x: hidden;
}
img {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.75em;
color: #69818c;
}
/* Cabecera */
header {
margin-top: 5px;
height: 160px;
width: 100%;
/*z-index: 50000;*/
top: 0px;
position: absolute;
/*background-image: url(../imagenes/fondo_cabecera.png);
background-repeat: repeat-x;
background-position: center 0px; */
}
h1 a {
float: left;
height: 155px;
width: 580px;
background-image: url(../imagenes/logo_texto1.png);
background-repeat: no-repeat;
background-position: left 0px;
/*margin-left: 90px;*/
margin-left: 8%;
margin-top: 10px;
}
h1 a:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
}
#logo_cabecera {
margin-top: 10px;
margin-left: 15%;
width:20%;
height:20%;
}
#iconos_sociales {
margin-top: 10px; /*para que no se pegue al borde sup*/
/* margin-left: 12%; /*para darle distancia con el logo */
/* margin-left: 2%; */
padding-top:10px; /* algo de relleno*/
width:30%; /*este ancho es para que cuadre con el texto*/
height:60px; /*idem*/
/*border:1px solid #333333;*/ /*decoracion*/
/*background-color:#41FF35;*/ /*more*/
float:right; /*lo flotamos a la derecha*/
display:inline; /*(*)*/
position:relative;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2em;
line-height: 1.66em;
/*color: #4A49FF;*/
text-indent: 8px;
/*text-shadow:2px 2px 2px #000000;
-moz-box-shadow:10px 10px 5px #000000;
-webkit-box-shadow:10px 10px 5px #000000;
box-shadow:10px 10px 5px #000000;*/
}
/*-----------------------------------------*/
/* estilo para el contenedor del cartel "seminarios_cartel.svg" de la cabecera */
.caja_cartel {
width: 80%;
height: 5%;
padding: 1px;
left: 25%;
position: relative;
}
/*-----------------------------------------*/
/* estilo para el contenedor del contenedor de fondo del menú */
#background {
height: 190px;
padding: 12px 0px 0px 0px;
width: 100%;
}
/* estilo para el contenedor del menú */
#menu_horizontal {
background: url("../imagenes/fondo_menu.png") repeat scroll 0% 0% transparent;
float:left; /*esto lo agregué para tratar de centrar*/
margin-top: 160px;
/* margin-left: 190px; */
height: 40px;
position:relative; /*esto lo agregué para tratar de centrar*/
/*position: absolute;*/
width: 100%;
}
#menu_nav{
margin:0;
margin-top: 5px;
margin-left: 26%;
/* margin-left: 345px; */
padding:0;
}
li{
display:inline;
list-type:none;
}
a.glidebutton{
display: inline-block;
position: relative;
color: #4A4A4A; /* default color */
background: #ececec; /* default bg color */
text-decoration: none;
font: bold 14px Arial; /* font settings */
letter-spacing: 2px; /* font settings */
overflow: hidden;
height: 30px; /* height of each button */
text-align: center;
border-radius: 5px; /* border radius */
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.glidebutton > span:first-child{ /* first span inside button */
position: relative;
display: block;
height: 100%;
padding: 6px; /* padding of button */
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.glidebutton > span:first-child:after{ /* CSS generated content */
content: attr(data-text); /* Duplicate text of span markup */
display: block;
width: 100%;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: inherit;
position: absolute;
top:100%;
left:0;
}
a.glidebutton:hover{
color: black; /* color of button on hover */
background: #72cb47; /* bg color of button on hover */
box-shadow: 0 0 4px green inset;
}
a.glidebutton:hover > span:first-child{
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* cierra estilos para el menú */
/* estilos para campo de texto general */
.contenido_general {
display: block;
background: #fff;
padding: 0px 15px 15px 15px;
margin-top: 85px;
margin-left: 20%;
-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
min-height: 300px;
width: 60%;
}
/* cierra estilos para campo de texto general */
/* Principal */
/* Estilo para el título de novedades*/
#titulo {
margin-top: 10px; /*para que no se pegue al borde sup*/
margin-left: 190px; /*para darle distancia con el logo */
padding:20px; /*algo de relleno*/
/*width:42%; /*este ancho es para que cuadre con el texto*/
/*height:90px; /*idem*/
/* border:1px solid #333333; decoracion*/
/*background-color:#CC6600; /*more*/
float:left; /*lo flotamos a la izq.*/
display:inline; /*(*)*/
position:relative;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2em;
line-height: 1.66em;
color: #b4b6a6;
text-indent: 8px;
text-shadow:3px 0px 2px #000000;
/*-moz-box-shadow:10px 10px 5px #000000;
-webkit-box-shadow:10px 10px 5px #000000;
box-shadow:10px 10px 5px #000000;*/
}
#texto_01 {
margin-top: 10px; /*para que no se pegue al borde sup*/
margin-left: 40px; /*para darle distancia con el logo */
padding:20px; /*algo de relleno*/
/*width:42%; /*este ancho es para que cuadre con el texto*/
/*height:90px; /*idem*/
/* border:1px solid #333333; decoracion*/
/*background-color:#CC6600; /*more*/
float:left; /*lo flotamos a la izq.*/
display:inline; /*(*)*/
position:relative;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.66em;
color: #88;
text-indent: 8px;
text-shadow:1px 0px 1px #000000;
/*-moz-box-shadow:1px 0px 1px #000000;
-webkit-box-shadow:1px 0px 1px #000000;
box-shadow:1px 0px 1px #000000;*/
}
#texto_general {
font-size: 1.2em;
color: #575757;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#frase_cabecera {
width: 55%;
float: left;
position: relative;
left: 21%;
height: 4%;
text-align: center;
}
/* estilo para caja de texto en compartimos.htm */
.caja_texto {
-moz-box-shadow:1px 0px 5px #000000;
-webkit-box-shadow:1px 0px 5px #000000;
box-shadow:1px 0px 5px #000000;
width: 60%;
height: 55px;
margin-left: 20%;
margin-top: 30px;
background: #B3F2E5;
border: 1px Solid #84AA00;
}
#frase {
width: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2em;
color: #69818c;
padding-top: 6px;
padding-left: 1%;
}
#content {
width: 75%;
float: left;
position: relative;
left: 15%;
padding-top: 70px; /* este valor hay que sacarlo para que suba el mosaico */
}
/*este estilo es para el mosaico, cuando tiene que ir más abajo, por ej. para poner un cartel*/
#content_mosaico {
width: 75%;
float: left;
position: relative;
left: 15%;
/*top: 14%; [altura para que vaya el cartel más grande]*/
top: 7%; /*[altura para que vaya el cartel más chico]*/
/* padding-top: 70px; /* este valor hay que sacarlo para que suba el mosaico */
}
/* estilo para la caja de texto de queeseft.htm */
#content_texto {
display: block;
width: 850px;
height: 580px;
background: #fff;
padding: 0px 35px;
margin-left: 220px;
margin-top: 50px;
overflow: auto;
-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
box-shadow: 1px 2px 1px rgba(0,0,0,0.4);
min-height: 300px;
}
/* estilos para el formulario de suscripción */
#formulario {
padding: 30px;
background: #5CFFA4;
width: 570px;
height: 380px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
display: block;
margin-top: 40px;
margin-left: 100px;
margin-bottom: 20px;
-moz-box-shadow:1px 0px 5px #000000;
-webkit-box-shadow:1px 0px 5px #000000;
box-shadow:1px 0px 5px #000000;
}
/* separación entre las celdas del formulario */
.attributeinput {
padding: 3px;
}
/* estilo para el botón del formulario de suscripción*/
#formulario button {
-moz-box-shadow:1px 0px 5px #000000;
-webkit-box-shadow:1px 0px 5px #000000;
box-shadow:1px 0px 5px #000000;
width: 190px;
height: 30px;
margin-left: 180px;
background: #1BA388;
border: 1px Solid #84AA00;
}
/* ---------------- Estilos para phplist ---------------- */
.fixed #mainContent { margin:0 30px}
#mainContent table { width:100%; border-width:10px; border-style:solid;}
#mainContent table td { padding:5px 10px; margin:1px; text-align:right;}
#mainContent table td.attributeinput { text-align:left;}
#mainContent table { background:#DDD; border-color:#CCC}
textarea { background:#FFF; border-color:#DDD; color:#666;}
select { border-color:#DDD; background-color:#FFF; color:#666;}
input[type="text"],
input[type="password"] { border-color:#CCC; color:#333; }
input[type="submit"],
p.button a, a.button { #mainContent table { background:#DDD; border-color:#CCC}
textarea { background:#FFF; border-color:#DDD; color:#666;}
select { border-color:#DDD; background-color:#FFF; color:#666;}
input[type="text"],
input[type="password"] { border-color:#CCC; color:#333; }
input[type="submit"],
p.button a, a.button { border-color:#BBB #AAA #AAA #BBB; background:url("../images/bg-button.gif") repeat-x 0 0 #DDD; color:#333;}
input:hover[type="submit"],
a:hover.button, p.button a:hover{ border-color:#F90 !important; color:#000;}border-color:#BBB #AAA #AAA #BBB; background:url("../images/bg-button.gif") repeat-x 0 0 #DDD; color:#333;}
input:hover[type="submit"],
a:hover.button, p.button a:hover{ border-color:#F90 !important; color:#000;}
/* ---------------- Cierra Estilos para phplist ---------------- */
#container {
background-color: #607300;
height: 615px;
width: 100%;
background-image: url(../img/main_back.jpg);
background-repeat: no-repeat;
background-position: center 0px;
}
/*#main {
height: 615px;
width: 1200px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
background-position: center center;
}
#main.about {
background-image: url(../img/main_about.jpg);
}
#main.planning {
background-image: url(../img/main_planning.jpg);
}
#main.environment {
background-image: url(../img/main_environment.jpg);
}
#main.contact {
background-image: url(../img/main_contact.jpg);
}
*/
/*-----------------------------------------*/
#cuestiones {
height: 615px;
width: 100%;
background-image: url(../img/main_cuestiones.png);
background-repeat: no-repeat;
background-position: center 0px;
overflow: hidden;
position: absolute;
z-index: 30000;
top: 0px;
}
/*-----------------------------------------*/
section {
height: 450px;
width: 960px;
margin-left: -480px;
position: absolute;
z-index: 45000;
top: 120px;
left: 50%;
}
section#home h3 {
background-image: url(../img/section_home_text.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 225px;
width: 495px;
margin-top: 225px;
margin-left: 0px;
}
/*--ABOUT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section#about h3, section#planning h3, section#environment h3, section#contact h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.25em;
color: #fbfbf7;
margin-left: 75px;
height: 37px;
background-image: url(../img/section_h3_line.png);
background-repeat: no-repeat;
background-position: 8px 6px;
margin-top: 15px;
width: 360px;
}
section#about h3:first-child {
/*margin-top: 8px;*/
margin-bottom: -1px;
}
section#about h3.last-child {
margin-top: 25px;
margin-bottom: -2px;
}
section#about p, section#planning p, section#environment p, section#contact p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.875em;
line-height: 1.6em;
color: #f0f1e6;
margin-top: 0.55em;
background-repeat: no-repeat;
background-position: 0px 0px;
height: 75px;
}
section#about p {
text-indent: -9px;
}
section#about p.company {
padding-left: 205px;
width: 250px;
background-image: url(../img/section_about_company.png);
}
section#about p.mission {
padding-left: 190px;
width: 260px;
background-image: url(../img/section_about_mission.png);
}
section#about p.team {
padding-left: 190px;
width: 260px;
background-image: url(../img/section_about_team.png);
}
/*--PLANNING------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section#planning p, section#environment p, section#contact p {
padding-left: 90px;
width: 360px;
}
#mediaspace {
height: 225px;
width: 405px;
margin-left: 75px;
margin-bottom: 23px;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
section#planning p.first {
margin-bottom: -1px;
}
/*--ENVIRONMENT---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#environment_img {
height: 210px;
width: 420px;
margin-left: 75px;
margin-top: 8px;
}
.environment_img_column.left a {
height: 210px;
width: 210px;
display: block;
background-image: url(../img/section_environment_a.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.environment_img_column.left a:hover {
background-position: 0px -210px;
}
.environment_img_row, .environment_img_row a {
height: 105px;
width: 210px;
display: block;
}
.environment_img_row a:hover, .environment_img_one a:hover {
background-position: 0px -105px;
}
.environment_img_one a {
height: 105px;
width: 105px;
display: block;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.environment_img_row.bottom a {
background-image: url(../img/section_environment_d.png);
}
.environment_img_one.left a {
background-image: url(../img/section_environment_b.png);
}
.environment_img_one.right a {
background-image: url(../img/section_environment_c.png);
}
/*--CONTACT-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section#contact p {
height: 13px;
}
/*-----------------------------------------*/
form#formulario {
height: 240px;
width: 345px;
margin-left: 90px;
margin-bottom: 23px;
}
textarea#mensaje, input#nombre, input#correo {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.875em;
line-height: 1.60714em;
color: #202600;
padding-left: 15px;
}
textarea#mensaje {
height: 144px;
padding-top: 6px;
width: 330px;
margin-bottom: 10px;
border: none;
background-image: url(../img/section_contact_form_textarea.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
}
textarea#mensaje:focus {
background-position: 0px -150px;
}
#form_line {
width: 345px;
height: 45px;
}
input#nombre, input#correo {
height: 35px;
width: 215px;
border: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 0px;
}
input#nombre {
float: left;
background-image: url(../img/section_contact_form_nombre.png);
}
input#nombre:focus {
background-position: 0px -45px;
}
input#correo {
background-image: url(../img/section_contact_form_correo.png);
}
input#correo:focus {
background-position: 0px -35px;
}
input#boton {
float: right;
height: 45px;
width: 115px;
border: none;
cursor: pointer;
background-color: transparent;
background-image: url(../img/section_contact_form_send.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
input#boton:hover {
background-position: 0px -45px;
}
input#boton:active {
background-position: 0px -90px;
outline-style: none;
outline-width: 0;
}
/*-----------------------------------------*/
ul#social {
height: 37px;
width: 180px;
margin-left: 90px;
margin-top: 19px;
}
ul#social li a {
height: 37px;
width: 37px;
float: left;
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
}
ul#social li a:hover {
background-position: 0px -37px;
}
ul#social li.skype a {
margin-right: 1px;
background-image: url(../img/section_contact_ul_social_skype.png);
}
ul#social li.facebook a {
background-image: url(../img/section_contact_ul_social_face.png);
}
ul#social li.twitter a {
margin-right: 1px;
background-image: url(../img/section_contact_ul_social_twitter.png);
}
ul#social li.rss a {
background-image: url(../img/section_contact_ul_social_rss.png);
}
/*--FOOTER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
height: 270px;
width: 100%;
z-index: 50001;
top: 585px;
position: relative;
background-image: url(../img/footer_back.png);
background-repeat: repeat-x;
background-position: center 0px;
}
/*-----------------------------------------*/
ul#footer {
height: 195px;
width: 960px;
margin-top: 15px;
}
ul#footer li {
float: left;
display: block;
height: 89px;
width: 210px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 106px;
padding-right: 15px;
padding-left: 15px;
}
ul#footer li:hover, ul#footer li.active {
background-position: center -195px;
}
ul#footer li.footer_company {
background-image: url(../img/footer_box_1.png);
}
ul#footer li.footer_planning {
background-image: url(../img/footer_box_2.png);
}
ul#footer li.footer_environment {
background-image: url(../img/footer_box_3.png);
}
ul#footer li.footer_contact {
background-image: url(../img/footer_box_4.png);
}
ul#footer li h5 a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ebece6;
text-decoration: none;
height: 30px;
display: block;
background-image: url(../img/footer_box_line.png);
background-repeat: no-repeat;
background-position: left 3px;
}
ul#footer li p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.66em;
color: #b4b6a6;
text-indent: 8px;
}
/*-----------------------------------------*/
footer h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.6875em;
color: #5c5f4d;
padding-top: 18px;
}
footer h6 a {
color: #96988c;
text-decoration: none;
}
footer h6 a.footer_logo {
background-image: url(../img/footer_logo.png);
background-repeat: no-repeat;
background-position: left 0px;
height: 20px;
margin-left: 5px;
padding-left: 16px;
}
html*footer h6 a.footer_logo {
margin-top: -20px;
}
footer h6 a.footer_logo:hover {
background-position: left -20px;
}
footer h6 a:hover {
color: #dcddd9;
}
/*--IE7-WARNING---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#i_explorer{
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 300000;
overflow: hidden;
}
#i_explorer_overlay {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background-color: #000;
-moz-opacity:.85;
filter:alpha(opacity=85);
opacity:.85;
overflow: hidden;
}
#i_explorer_content {
position: absolute;
z-index: 310000;
height: 236px;
width: 735px;
margin-right: auto;
margin-left: auto;
left: 50%;
margin-left: -413px;
top: 165px;
background-color: #607300;
padding-top: 48px;
padding-right: 45px;
padding-bottom: 45px;
padding-left: 45px;
border: 1px solid #202600;
}
#i_explorer_content p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #d7dcbe;
line-height: 1.875em;
}
#i_explorer_content p a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
#i_explorer_content p a:hover {
color: #FFF;
text-decoration: none;
font-weight: bold;
background-color: #404d00;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-top: -2px;
margin-right: -5px;
margin-bottom: -2px;
margin-left: -5px;
}
#i_explorer_content p.first {
font-size: 2em;
color: #ffffff;
background-image: url(../img/ie_warning.png);
background-repeat: no-repeat;
background-position: left 15px;
text-indent: 40px;
margin-bottom: 21px;
}
/*--RESET---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0px;
padding: 0px;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
fieldset, img {
border: 0px;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0px;
}
a, input {
outline-style: none;
outline-width: 0;
}
.left {
float: left;
}
.right {
float: right;
}
span, .none {
display: none;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/*--sIFR----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 â 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-flash:focus {
outline-style: none;
}
}
@media print {
.sIFR-flash {
display: none !important;
height: 0px;
width: 0px;
position: absolute;
overflow: hidden;
}
.sIFR-alternate {
visibility: visible !important;
display: block !important;
position: static !important;
left: auto !important;
top: auto !important;
width: auto !important;
height: auto !important;
}
}
/*--LIGHTBOX------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 90000;
text-align: center;
line-height: 0;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
background-image: url(../img/section_environment_outerImageContainer.png);
background-repeat: repeat;
background-position: center center;
}
#imageContainer{
padding: 30px;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.ontop #imageData {
padding-top: 5px;
}
#imageDataContainer {
background-image: url(../img/section_environment_outerImageContainer.png);
background-repeat: repeat;
background-position: center center;
line-height: 1.5em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.9375em;
color: #FFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 15px;
text-align: left;
}
#imageData{
padding-top: 0px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 45px;
}
#imageData #imageDetails {
width: 90%;
float: left;
}
#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
width: 30px;
float: right;
margin: 0px;
padding: 0px;
height: 30px;
}
#imageData #helpDisplay {
clear: left;
float: left;
display: block;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 89000;
width: 100%;
height: 500px;
background-color: #000000;
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
display: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;
}