.fondo { position: absolute; top: 0px; left: 0px; width: 680px; z-index: 0;}
.fondo-tres {position: absolute; top: -80px; left: -60px; width: 790px; z-index: 0;}
.referencia-retroalimentaciones { position: absolute; display: block; width: 650px; height: 10px; background: transparent; top: 45px; left: 50px; }




a#info {position: absolute; bottom: 100px; left: 25%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#info div { font-family: avenir;  position: relative; line-height: 1.5;  margin-top: 1em; }
a#folleto {position: absolute; bottom: 100px; right: 20%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#folleto div { font-family: avenir;  position: relative; line-height: 1.5;  margin-top: 1em; }

a#prevenir {position: absolute; bottom: 0px; left: 25%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#prevenir div { font-family: avenir; position: relative; line-height: 1.5; margin-top: 1.5em; }
a#causas {position: absolute; bottom: 0px; right: 20%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#causas div { font-family: avenir;  position: relative; line-height: 1.5; margin-top: 1em; }


a#plantilla {position: absolute; bottom: 20px; left: 25%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#plantilla div { font-family: avenir;  position: relative; line-height: 1.5; margin-top: 1em; }
a#imagenes {position: absolute; bottom: 20px; right: 20%; background: url('../img/boton_menu_principal.png') 0 0 no-repeat; width: 148px; height: 85px; color: #000; font-size: 16px; text-decoration: none; text-align: center;}
a#imagenes div { font-family: avenir;  position: relative; line-height: 1.5; margin-top: 1em; }

#imagen-tabla {width: 500px; margin: 0 auto; display: block;}

div.lightbox { position: absolute; top: 0; left: 0; width: 680px; height: 380px; background: rgba(0,0,0,0);}

div.lightbox div.contenido  { position: absolute; top: 1%; left: 2.5%; width: 95%; height: 40%; border-radius: 15px; z-index: 10; line-height: 1.5; border: 2px solid #ABE046;}
div.lightbox div.contenido  {
   background-color: #E5FAAF; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5EE77), to(#E5FAAF));
   background-image: -webkit-linear-gradient(top, #C5EE77, #E5FAAF); 
   background-image:    -moz-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:     -ms-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:      -o-linear-gradient(top, #C5EE77, #E5FAAF);
}

div.lightbox div.contenido p {width: 580px; margin: 1em auto;}
div.lightbox div.contenido h2 {text-align: center;}
div.lightbox div.contenido a.boton-cerrar { position: absolute; left: 43%; bottom: 30px; background: #FFFAAE; color: #3B3B3B; border: 1px solid #FFE622;  font-family: museo300; padding: 0.5em 1.5em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; }
a.boton-abrir { position: absolute; left: 43.5%; bottom: 40px; background: #FFFAAE; color: #3B3B3B; border: 1px solid #FFE622; font-family: museo300; padding: 0.5em 1.5em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; }

ol.main { position: absolute; top: 1%;	 z-index: 1; background: #fff;	padding: 1em 2em; margin: 0; border-radius: 8px; border: 2px solid #ABE046; width: 80%; left: 5%;}
ol.main {
   background-color: #E5FAAF; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5EE77), to(#E5FAAF));
   background-image: -webkit-linear-gradient(top, #C5EE77, #E5FAAF); 
   background-image:    -moz-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:     -ms-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:      -o-linear-gradient(top, #C5EE77, #E5FAAF);
}

ol.main a#anterior {position: absolute; top: 0; right: 0; background: url('../ob/cerrar.png') 0 0 no-repeat; width: 30px; height: 30px;}
ol.main a#anterior:hover { background: url('../ob/cerrar2.png') 0 0 no-repeat;}

.oculto {display: none; }

ul.main { position: absolute; top: 1%; left: 50px;	 z-index: 1; background: #fff;	margin: 0; padding: 1em 2em; width: 500px;  border-radius: 8px;}
ul.main {
   background-color: #E5FAAF; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5EE77), to(#E5FAAF));
   background-image: -webkit-linear-gradient(top, #C5EE77, #E5FAAF); 
   background-image:    -moz-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:     -ms-linear-gradient(top, #C5EE77, #E5FAAF);
   background-image:      -o-linear-gradient(top, #C5EE77, #E5FAAF);
}

ul.main a#anterior {position: absolute; top: 0; right: 0; background: url('../ob/cerrar.png') 0 0 no-repeat; width: 30px; height: 30px;}
ul.main a#anterior:hover { background: url('../ob/cerrar2.png') 0 0 no-repeat;}


div.lightbox-dos { position: absolute; top: 0; left: 0; width: 680px; height: 380px; background: rgba(0,0,0,0); overflow: hidden;}
div.lightbox-dos div.contenido-prevenir  { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; line-height: 1.5; }
div.lightbox-dos div.contenido-prevenir {
	background: url('../img/fondo-2.png') 0 0 no-repeat;
	background-color: rgba(255,255,255,0.9);
	/*
   background-color: #1DB3FF; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BADC4), to(#1DB3FF));
   background-image: -webkit-linear-gradient(top, #4BADC4, #1DB3FF); 
   background-image:    -moz-linear-gradient(top, #4BADC4, #1DB3FF);
   background-image:     -ms-linear-gradient(top, #4BADC4, #1DB3FF);
   background-image:      -o-linear-gradient(top, #4BADC4, #1DB3FF);
	 */
}
div.lightbox-dos div.contenido-prevenir p {margin: 0.5em 1em 0 1em;}
div.lightbox-dos div.contenido-prevenir h2 {text-align: center;}
div.lightbox-dos div.contenido-prevenir a.boton-cerrar { font-family: avenir !important; position: absolute; left: 43%; bottom: 1px; background: #FFFAAE; color: #3B3B3B; border: 1px solid #FFE622;  font-family: museo300; padding: 0.5em 1.5em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; }


div.lightbox-dos div.contenido-causas  { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #C5EE77;  z-index: 10; line-height: 1.5; border: 2px solid #ABE046;}


table.causas {background: #f2f2f2; border-collapse: collapse;  box-shadow: 0 1px 1px #aaa; position: absolute; width: 95%; left: 2.5%; top: 16px; }
table.causas tr td {padding: 5px;}
tr.encabezado {color: white;}

td.azul_claro { background: #0F8BDA; }
td.azul_oscuro { background: #0F5CDA; }
td.verde_uno { background: #C5F4BD; }
td.verde_dos { background: #DFF4BD;}
td.verde_tres { background: #A9EE9D; }
td.verde_cuatro {background: #CFEE9D;}

div.lightbox-dos div.contenido-causas p {margin: 1em;}
div.lightbox-dos div.contenido-causas h2 {text-align: center;}
div.lightbox-dos div.contenido-causas a.boton-cerrar { font-family: avenir !important; position: absolute; left: 43%; bottom: 10px; background: #FFFAAE; color: #3B3B3B; border: 1px solid #FFE622;  font-family: museo300; padding: 0.5em 1.5em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; }

a.emexico {text-decoration: none; font-weight: bold; color: #406BC7;}

a.boton-abrir-prevenir { font-family: museo300; text-align: center;cursor: pointer; }
a.boton-abrir-causas { font-family: museo300; text-align: center;cursor: pointer;  }

.descargar {position: absolute; bottom: 30px; right: 55px; width: 250px; height: 100px; z-index: 10; cursor: pointer;}
.descargar a {position: relative; display: block; width: 100%; height: 100%;}

ul.prevenir { display: inline-block; float: left; width: 325px; list-style: none; padding: 0; margin: 0 0 0 10px; background: rgba(255,255,255,0.7); height: 80%; border-radius: 5px; }
ul.prevenir li {display: block; clear: both; float: none; padding: 1em 0;}
ul.prevenir li img.img-prevenir {display: inline-block; float: left; width: 80px; margin: 0 auto;}
ul.prevenir li p {display: inline-block; float: left; width: 200px; margin: 0 auto; margin: 0 1em !important;}

*:focus, :focus {outline: 0;}
.ui-dialog {padding: 0 !important; background: transparent !important; border: 1px solid transparent !important;}
#felicidades, #acierto, #error {font-family: "Helvetica Neue", helvetica, Sans-Serif !important; font-size:16px; box-shadow: 0 5px 10px 0 #333;}
#felicidades, #acierto {background: #3399cc; border-radius: 5px;}
#error {background: #ff6600; border-radius: 5px;}
#felicidades p, #acierto p, #felicidades p a, #acierto p a, #error p a{font-weight: normal; color: #fff !important; text-align: center; text-decoration: none !important;}
#error p {font-family: "Helvetica Neue", helvetica, Sans-Serif !important; font-weight: normal; color: #fff; text-align: center; }
.ui-dialog-titlebar { background: transparent !important; border: none !important; } 
.ui-widget-header button { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; background: url('../img/cerrar.png') !important; z-index: 10 !important; right: -5px !important; top: 11px !important;}
.ui-icon-closethick { display: none !important; }
.ui-button { background: transparent !important; color: transparent !important; border: none !important; }
.ui-widget-overlay { background: #333; opacity: 0.8; }
.ui-widget-overlay { background: transparent; opacity: 0; }
.ac_drop_alt { position: absolute; bottom: 0; left: 250px; }

.fondo_4 {	position: absolute;	top: -15px;	left: -15px;	z-index: 0;	width: 720px;	z-index: 0; }