#pruebas {position:absolute;top:0;width:100%;height:30px;background:red;color:white;font-weight:bold;line-height:30px;left:0;z-index:1001;}

*{	margin: 0pt;	padding: 0pt;	border: 0pt;font-family:Arial, Verdana, sans-serif;font-size:12px;}

body{text-align:center;background: #000 url(images/top.jpg) repeat-x;}

#contenedor{width:900px;margin:0 auto;}

#top{width:900px;height:150px;display:inline;float:left;background:transparent url(images/mazo.png) center top no-repeat;}

#top #logo {display:inline;float:left;}
#logo img {width:318px;height:140px;behavior: url(iepngfix.htc)}
#top #datos {display:inline;float:right;text-align:right;margin: 65px 30px 0 0;}
#datos a{text-decoration:none;color:white;}
#datos a:hover {text-decoration:underline;}

#datos h1 {text-align:right;color:red;font-size:18px;}
#datos p{color:white;line-height:16px;text-align:right;margin:0;font-weight:bold;}
#datos img {vertical-align:middle;margin:0px 5px 0px 10px;}

#complemento
{display:inline;float:left;width:860px;margin:20px;
}

#left {display:inline;float:left;width:200px;background:#FFF;overflow:hidden;}

#left h1 {text-align:left;color:#FFF;font-size:18px;background:url(images/h1left.gif) no-repeat;line-height:34px;text-indent:50px}
#left h2 {text-align:left;color:#FFF;font-size:18px;background:url(images/h2left.gif) no-repeat;line-height:34px;text-indent:50px}
#left #reloj
{
margin:5px 0;font-size:18px;font-weight:bold;
}

#left ul {text-align:left;list-style-type:none;margin:2px;}
#left li {line-height:20px;}
#left a{width:100%;height:20px;background:#F5F5F5;border-bottom:1px solid #DCDCDC;text-indent:10px;display:block;font-weight:bold;}
#left a.destacar{width:100%;height:20px;background:green;border-bottom:1px solid #DCDCDC;text-indent:10px;display:block;font-weight:bold;color:white !important;}
#left a.destacar2{width:100%;height:20px;background:black;border-bottom:1px solid #DCDCDC;text-indent:10px;display:block;font-weight:bold;color:white !important;}
#left a:hover {text-decoration:none;background:#dCdCdC;border-bottom:1px solid #f5f5f5;}

.rojo{color:red;}
.verde{color:green;}

#left a:link, #left a:active,#left a:visited{	color:#333;text-decoration:none;}
#left a:hover{text-decoration:underline;}

a:link,a:active,a:visited{color:red;text-decoration:none;}
a:hover{text-decoration:underline;}
#main
{	
	float:right;display:inline;	width:650px;color: #333; font-family: Arial; font-size: 12px;
	text-align: center;background: #FFF;
}

#main h1 {text-align:left;color:#FFF;font-size:18px;background:url(images/h1main.gif) no-repeat;line-height:34px;text-indent:50px}
#main h3 {margin:25px;background:#f5f5f5;text-align:left;padding:15px;font-weight:normal;line-height:135%;}
#main h3 span {font-size:15px; color:red;font-weight:bold;}
#main h4 {text-align:left;color:#FFF;font-size:18px;background:url(images/h4main.gif) no-repeat;text-indent:50px;line-height:34px;
margin:0 5px;padding:0;}
#main h5 {font-size:15px; color:green;font-weight:bold;margin:5px 0;padding:0}

#main p{	margin:25px;}

#main p.texto {text-align:justify;}

#main ul {margin:25px;text-align:left;padding: 0 0 0 25px}
#main li {margin:5px 0;list-style:square;}

#main table{	margin:10px 2px;width:647px;}
#main table.pujas{	margin:10px 2px;width:205px;}

#main td
{
	border-bottom: 1px solid #DCDCDC;color: #333; border-right:1px solid white;
	padding:5px;margin:0;line-height:135%;
}
#main .pujas td {text-align:left;}
#main td.tope{background:#333;color:white;}
#main span {font-weight:bold;font-size:13px;}
#main tr
{
	margin: 10px;
}

#main img.pad {padding:2px;background:#FFF;border:1px solid #DCDCDC;}
#main label {width:240px !important;float:left;display:block;}
#main form{text-align:center;width:500px;margin:25px auto;}
#main form.puja{text-align:center;width:200px;margin:0;background:white;padding:10px 0 5px 0;}

#main form.index{text-align:center;width:200px;margin:25px auto;}

#main fieldset{	text-align:right;}
#main input.inputError {border:1px solid red;}
#main .index fieldset
{
	text-align:left;width:200px;margin:10px 0;
}
#main td.destacar {font-size:16px !important;}
#main input, #main select, #main textarea
{
	font-size: 12px;color: #000;background: #F5F5F5;margin: 5px 2px;padding: 2px;
	border:1px solid #333;vertical-align:middle;width:250px;
}

#main .puja input
{
	font-size: 12px;color: red;background: #F5F5F5;margin: 5px 0;padding: 4px;
	border:1px solid #333;vertical-align:middle;width:70px;overflow:visible;
}
#main .puja input:hover{background: #FFF;}
#main .puja input.pujar{background: #333;color:#FFF;font-weight:bold;}

.amarillo {background:yellow !important;color:black !important;}

#main form.filtro{background:#f5f5f5 url(images/filtro.gif) top left no-repeat;width:569px;margin:2px;text-align:left;padding: 8px 0 8px 75px;}
#main form.filtro fieldset {width:265px;text-align:left;display:inline;}
#main .filtro select
{
	font-size: 12px;color: #000;background: #F5F5F5;margin: 5px 15px 5px 5px;padding: 2px;
	border:1px solid #333;vertical-align:middle;width:130px;
}

#main .index input
{
	margin: 0px;width:200px;
}

#main input.check {width:auto;padding:0;border:0;margin:5px 10px;background:none;}

#main input.enviar{margin: 0px;color:white;background:black;width:200px !important;}

input.red
{
	border:1px solid #DCDCDC !important;
	background: white !important;
	width:250px !important;
}

input.peque,select.peque
{
	width:150px !important;
}

input.peque2,select.peque2
{
	width:75px !important;
}

#terminos
{
position:absolute;z-index:102;width:550px;height:500px;left:50%;top:50%;margin: -250px 0 0 -275px;
border:1px solid #000; background:#FFF url(images/terminos.jpg) no-repeat;display:none;
}
#terminos #texto
{
display:inline;float:left;width:500px;height:350px;overflow:auto;margin: 130px 25px 20px 25px;
}

#texto p{width:460px;text-align:justify;margin: 0 0 10px 0;}
#texto h1{text-align:left;margin: 0 0 10px 0;font-size:15px;}

#abajo {float:left;display:inline;color:white;font-size:11px;text-align:right;width:860px}

a.info {
    position:relative;z-index:24;color:#000;text-decoration:none;
}
a.info:hover {
    z-index:25;
}
a.info span.esconder {
    display: none;
}
a.info:hover span.esconder {
    display:block;  position:absolute; top:1em;
    left:1em;  width:120px;   border:1px solid #FFF;
    background-color:#f5f5f5;    color:#000;
    text-align: center;    font-family: Arial, Helvetica, sans-serif;    font-size: 10px;    padding: 3px;
}


/* The main calendar widget.  DIV containing a table. */

.calendar {
  left:auto;
  top: auto;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
 /* mapa lightbox */
 #gmlb_overlay {
	background-color: transparent;background-image: url(bg.png);z-index:1000;
}

#gmlb_map {
}

#gmlb_label {
	background-color:white;font-family:Arial;font-size:12px;
	color:black;float:left;padding-top:10px;margin-top:5px;width:608px;text-align:left;
}

#gmlb_container {
	background-color:white;padding:10px;
	border-color:#DDDDDD;border-width:1px;
	border-style:dotted;display:block;
}

#gmlb_close {
	background-color:#EEEEEE;width:32px;
	height:32px;float:right;cursor:pointer;clear:right;
	background-image:url(close.jpg);margin-top:5px;
}