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

<style type="text/css">
body,td,th {
	font-family:  Arial;
	font-size: 12px;
	color: #3FB49F;
}
h1 {
	font-family: Arial;
	font-size: 16px;
	color: #099;
	font-weight:100;
	line-height:40px;
}
h2 {
	font-family: Arial;
	font-size: 14px;
	color: #F90;
		line-height:30px;
}

h3 {
	font-family: Arial;
	font-size: 14px;
	color: #069;
	line-height:18px;
}

p {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	line-height:20px;
	text-align: left;
}


ul {
	list-style-image:url(../img/flechita.png);
}

li {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	line-height:24px;
	text-align: left;
}

.texto_pie {
	font-family: Arial;
	font-size: 11px;
	color: #099;
	text-align: center;
}

a:link {
	color: #690;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #39C;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration:underline;
	color: #690;
}


#contenedor { 
	width:100%;
	height:auto;
	min-height:600px;
	border:#39C solid 2px;
	border-radius:15px;
	background:#FDFDFD;
	margin:0 auto;
}

#contenedor_sesion { 
	width:90%;
	height:auto;
	border:#FC9 solid 2px;
	border-radius:15px;
	background:#FDFDFD;
	margin:0 auto;
}

#título {
	position:relative;
	margin-top:-10px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background:-moz-linear-gradient(top,#FFFFFF,#FFF8EB); 
    background:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#FFF8EB)); 
	 width:100%; 
	height:40px;
	text-indent:30px;
	z-index:90;	
}


#Contenido {
	position: relative;
	width: auto;
	margin: 0px 30px;
	padding: 10px 0;
	height:auto;
	height-min: 584px;
	
}


#contenido_sesion {
	position:relative;
	left:30px;
	width:93%;
	margin:0px 1%;
	padding:10px 0;
	height:85px;

	
}


.texto {
	position:relative;
	width:93%;
	height:auto;
	margin:20px 0;
	left:30px;
}

#imagen_centro {
	position:relative;
	margin:20px auto 0px;
	width:676px;
	height:auto;
	
}


#piePagina { 
     width:100%; 
     background:#F3F3F3; 
     background:-moz-linear-gradient(top,#FFFFFF,#FFF8EB); 
     background:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#FFF8EB)); 
     height:55px;
	 border-bottom-left-radius:15px;
	 border-bottom-right-radius:15px;
	 position: relative;
	 z-index:1000;
	 

}

#icono_instruccion {
	background-image:url(../img/instruccion.png);
	background-position: center center;
	background-repeat: no-repeat;
	width:50px;
	height: 55px;
	float:left;
	margin-left: 10px; 

	
}

#instrucciones {
	
	min-width: 400px;
	max-width:70%;
	height:55px;
	padding: 0 0 0 5px; 
	font-family:Arial;
	text-align:left;
	color:#6CC;
	font-size:11px;
	float:left;
	line-height:60px;

}

#paginador {
		width: 128px;
		height:60px;
		line-height:48px;
		float:right;
		margin: 10px; 
		z-index: 20;
	
		
		
		
	}
		
	#siguiente {
	background: url(../img/siguiente.png);
	background-position: top center;
	background-repeat: no-repeat;
	width:49px;
	height: 48px;
	float:left;
	margin-right:0px;
	border: 0px;
	
}
	#siguiente:hover {
	background: url(../img/siguiente_color.png);
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px;
}

#paginadorNumero {
	height: 16px;
	width:30px;
	float:left;
	margin:16px 0px;
	text-align:center;
	font-family: Arial;
	font-size:12px;
	color:#35A78D;
	background-color:#FFF6EB;
	line-height:16px;
	border-radius:10px;
}


#anterior{
	background: url(../img/anterior.png);
	background-position: center center;
	background-repeat: no-repeat;
	width:49px;
	height: 48px;
	float:left;
	margin-right:0px;
	border: 0px;
	
}
	#anterior:hover {
	background: url(../img/anterior_color.png);
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px;
}

.invisible {
	visibility:hidden;
}

.cuadro {
	width:60%;
	height:auto;
	padding:10px;
	border:#F1F0E4 solid thin;
	border-radius:20px;
	margin:20px auto;
	background-color:#F3F7F8;
	box-shadow:3px 3px 5px #ccc;
}
.verde {
	color: #690; 
	font-family:Arial; 
	font-size:12px;
}
	
a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: line !important; /* forzar sin subrayado */
color:#069 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
 /* DEBE haber un color de fondo */
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
 /* DEBE haber un color de fondo */
color:#000099 !important; /* forzar color del texto */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; right:-4.5em; /* donde va a estar */
width:200px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
     color: rgb(255, 255, 255);
	 text-align:center;
	 line-height:15px;
      background: rgba(94,94,94, 0.9);
      border: 4px solid rgb(239, 239, 239, 0.8) transparent);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;

 }

a.Ntooltip2 {
position: relative; /* es la posición normal */
text-decoration: line !important; /* forzar sin subrayado */
color:#069 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
 /* DEBE haber un color de fondo */
}

a.Ntooltip2:hover {
z-index:999; /* va a estar por encima de todo */
 /* DEBE haber un color de fondo */
color:#000099 !important; /* forzar color del texto */
}

a.Ntooltip2 span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip2:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-4em; right:1.5em; /* donde va a estar */
width:200px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
     color: rgb(255, 255, 255);
	 text-align:center;
	 line-height:15px;
      background: rgba(94,94,94, 0.9);
      border: 4px solid rgb(239, 239, 239, 0.8) transparent);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;

 }


</style>