@charset "utf-8";
/* CSS Document */

body{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#67cbdb; margin-top: 0px;}

#cabecera{ margin:auto; width:100%; height:20px;}
#contenedor{ margin:auto; width:766px; height:700px; text-align:center; }
#pie{ position:relative; top:-35px; padding-top:35px; margin:auto; width:100%; height:350px; background-color:#67cbdb; text-align:center;}
#fl1{ position:relative; float:left; top:20px; left:25px; width:100%; border: 3px solid #E8F6F6;}
#fl2{ position:relative; float:left; top:20px; left:25px;}
#enlaces{ position:relative; width:750px; height:330px;}
#marq{ margin:auto; width:100%; height:10px;}
.navenlace{
margin:3 0 3 0px;
padding: 2px;
border: 1px solid #f3f3f3;
font-weight: bold;
}
.navenlace A{
color: #000000;
text-decoration: none;
display: block;
}

.navenlace A:hover{
background-color: #000000;
color: #ffffcc;
}
#box{ 
 width:250px; 
 border:1px solid #000; 
 height:17px; 
} 
 
#bar{ 
  width:50%; 
   background:#000 /* u otro background */; 
   height:14px; 
  color:#fff; 
   text-align:right; 
  padding:3px 0px 0px 0px; 
 } 

.Verdana_azul{ color:#67cbdb;}
.tam20{ font-size:20px;}
.azul{ color:#67cbdb;}
.titulo{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.form{ border-style:solid; border-width:1px; border-color:#67cbdb; width:150px; height:12px; font-size:11px;}
.login{ border-style:solid; border-width:2px; border-color:#67cbdb; width:150px; height:20px; font-size:12px;}
.red{ color:#CC0000;}
.tabla{ background-color:#67cbdb; color:#000000;}
.negro{ color:#f3f3f3; font-weight:bold;}
.grande { font-size:12px;}

/* CSS needed for the script AJAX TOOLTIP*/

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url(../imagenes/arrow.gif);
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}