/* estilos generales */
body{ margin: 0;
	padding: 0;
	background-image: url(../img/bg.jpg)}
table td{ padding: 3px}	
table td ul, td h1{ font-family:Verdana, Arial, Helvetica, sans-serif;}
table td h1, h2{ color:  #33CC99; 
	font-family: Calibri ;
	margin: 0;
	padding: 0}

table, table a{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #009966 ;
	font-weight: bold;
	padding: 2px!important
	}
table a{	border-bottom: 1px dashed ;}	
	
table a:hover{ color: #999;
	background: #F5F5F5;
	text-decoration: underline;
	padding: 2px!important;}
	
table .titulo{ color:#333399;
	font-family: MV Boli!important;
	padding: 0}

.leermas a{ background: #009999;
	width: 130px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color:#FFFFFF;
	padding: 10px 25px}
	
.leermas a:hover{ color: #DDD; 
	text-shadow: 0 0 15px #000, 0 0 25px #000}	
	
.fuent{ font-family: Calibri;
	color: #0099CC;
	font-size: 12px;
	font-weight: bold}
	
.clear{ clear: both}
.izq{ float: left}
.der{ float: right}
/* estilos generales */

/* estilos de cubierta */
.cubre{ background: #33CC99;
	width: 100%;}
		
#cab, #cuerp, #piePage{ margin: 0 auto 0;
	width: 980px}
/* estilos de cubierta */

/* estilos de cabecera */	
.logo{ width: 600px;
	padding: 25px 0 15px 0;}
	
.logo h1, .logo p{ 	line-height: normal;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 30px #222, 0 0 50px #222 }

.logo h1:hover, .logo p:hover{
	text-shadow: 0 0 20px #FF3E9E,  0 0 50px #FF3E9E;}	
	
.logo h1{ font-family: Bodoni MT Poster Compressed; 
	font-size: 40px;
	margin-bottom: 0;
	color: #EEE}	
		
.logo p{ font-size: 14px;
	color: #DDD;
	font-family: Verdana}
		
/*##################### Inicio de menu #######################3*/
#menu{ background: #222;
	background: -moz-linear-gradient(#555, #111);
	background: -webkit-linear-gradient(#555, #111);	
	background: -o-linear-gradient(#555, #111);
	background: -ms-linear-gradient(#555, #111);
	background: linear-gradient(#555, #111); }

#menu ul{ list-style:none;
	padding: 0;
	margin: 0;
	width: 100%;}	
	
#menu ul li{ list-style: none;
	float: left;
	margin: 0;
	padding: 0}	
	
#menu ul li a{ display: block; 
	color: #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px ;
	margin: 0;
	padding: 13px 24px ;
	text-decoration: none;
	}	
#menu ul li a:hover{ background: #006699;
	background: -moz-linear-gradient(#39B, #111);
	background: -webkit-linear-gradient(#39B, #111);	
	background: -o-linear-gradient(#39B, #111);
	background: -ms-linear-gradient(#39B, #111);
	background: linear-gradient(#39B, #111);
	}	
	
/* Desplegable */
#menu li li a:link, #menu li li a:visited{
	width: 102px;
	text-align: center;
	float: none;
	margin: 0;
	color: #999;
	background: #333;
	background: -moz-linear-gradient(#333, #222);
	background: -webkit-linear-gradient(#333, #222);	
	background: -o-linear-gradient(#333, #222);
	background: -ms-linear-gradient(#333, #222);
	background: linear-gradient(#333, #222);
	padding: 6px 7px;
	font-size: 11px;
	font-weight: normal;
	}

#menu li li a:hover{ 
	color: #EEE;
	background: #39B;
	background: -moz-linear-gradient(#39B, #111);
	background: -webkit-linear-gradient(#39B, #111);	
	background: -o-linear-gradient(#39B, #111);
	background: -ms-linear-gradient(#39B, #111);
	background: linear-gradient(#39B, #111);
	}	

#menu li ul{
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	}
#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}	

#menu li ul a{width: 120px;}

#menu li ul ul{margin:-32px 0 0 0;}

#menu li:hover ul ul{left:-999em;}

#menu li:hover ul{left: auto;}

#menu li:hover{position: static;}	
	
/* Fin Desplegable */
/*###########################fin de menu#########################*/
#cuerp .presnt{ margin-top: 25px;
	width: 635px;}

#cuerp .presnt img{ border: 1px solid #666;
	padding: 3px;
	margin-right: 17px;
	margin-bottom: 10px
	}
	
#cuerp .lado_der{ width: 315px;
	background: #F8F8F8;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-top: 25px;
		 }
#cuerp .lado_der ul{ padding: 0 15px 0 25px}
	
#cuerp .lado_der ul li { margin-bottom: 10px;
		font-family: Cambria;
		font-size: 14px;
		list-style-image: url(../img/black_file.gif);
		border-bottom: 1px dashed #CCCCCC;
		padding-bottom: 5px}	
		
#cuerp .lado_der a{ color: #0099CC;
	text-decoration: none}

#cuerp .lado_der a:hover{ color: green;
		text-decoration: underline;}	

#cuerp .lado_der h3{ color: #444;
	padding: 5px;
	margin: 0;
	background: #EEE!important;
	font-family: Verdana;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px #999 dashed}	

#cuerp .presnt p{ font-size: 14px;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	padding-bottom: 5px}

#cuerp .presnt p a{ color: green;
	 text-decoration:none;
	 border-bottom: 1px dotted green }
	 	

#cuerp .presnt p a:hover{ color: #0099FF;
	 text-decoration: underline;
	 border-bottom: none }	
	
#piePage p{ font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	font-size:13px}		

/*############### tooltip ###################### */

p.tooltip {
    position: relative;    
    color: #cf2c2c;
    text-decoration: none;
}

p.tooltip span {
    padding:5px 10px;
    background:#555;
	margin-left: 20px;
    border: 1px solid #555;
	border-radius: 0px !important;
    max-width: 150px;
    position: absolute;
    top: -31px;
    left: 7px;
    color:#FFF;
    text-align:center;
    opacity: 0;
    -moz-transition: opacity 1s ease,top 1s ease;
    -webkit-transition: opacity 1s ease,top 1s ease;
    -o-transition: opacity 1s ease,top 1s ease;
    transition: opacity 1s ease,top 1s ease;
    font-family: "Courier New", Courier, monospace;
    font-size:13px;
    font-weight:bold;

}

p.tooltip span:before {
    width: 0;
    height: 0;
    border-color: #555 transparent transparent transparent  ;
    border-style: solid;
    border-width: 6px 8px;
    z-index:5;
    content: " ";
    position:absolute;
    bottom: -13px;
    left:70%;
}

p.tooltip span:after {
    width: 0;
    height: 0;
    border-color: #555 transparent transparent transparent  ;
    border-style: solid;
    border-width: 6px 8px;
	display:block;
    content: " ";
    position:absolute;
    bottom: -13px;
    left:70%;
}

p.tooltip:hover span {
    opacity:1;
    top: -50px;	
	border-radius: 0px !important;
	
}
p.tooltip strong{ text-decoration: underline;	
					cursor: pointer;
					opacity: 0.7;
					}

/**
.footer
{
	position: absolute;
	bottom: 0px;
}**/