/* 
    Document   : estilos
    Created on : 30/05/2008, 04:09:11
    Author     : admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

a:link {font-size: 1.1em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a:visited{font-size: 1.1em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a:hover {font-size: 1.1em; color: #FF6600; text-decoration: underline;}

a.linksrevista:link {font-size: 1.6em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a.linksrevista:visited{font-size: 1.6em; color: #000099; text-decoration: none; font-weight: normal; background-color: transparent;}
a.linksrevista:hover {font-size: 1.6em; color: #FF6600; text-decoration: underline;}

.paginador {
height: 20px;
padding: 2px;
margin: 2px;
width: 98%;
font-size: 1.3em;
background-image: url(img/fondo_pie01.gif);
}

.paginador  span{
vertical-align: middle;
color: #ffffff;
}

.paginador  span#etiqueta {
vertical-align: middle;
color: #000000;
}

.paginador span a:link {font-size: 1.0em; color: #ffffff; text-decoration: none; font-weight: normal; background-color: transparent;}
.paginador span a:visited{font-size: 1.0em; color: #ffffff; text-decoration: none; font-weight: normal; background-color: transparent;}
.paginador span a:hover {font-size: 1.0em; color: #FFCC66; text-decoration: none;}

.fuenteFotos {
font-size: 1.2em;
color: #000;
border-bottom: 1px solid #000;
height: 16px;
font-style: bold;
}

.fuenteFotosComentarios {
font-size: 1.2em;
vertical-align: top;
color: #000;
height: 16px;
}

/* Formularios validados*/
.formulario {
height: 30px;
font-size: 1.1em;
}

/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}

/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}

.switchgroup1 {
/*background-color: #EDF7E7;*/
}

.datosContactos {
font-size: 1.3em;
line-height: 21px;
}
.labelForm {
font-size: 1.3em;
}

/*  TOOLTIP  */
a.Ntooltip {
position: relative; 				/* es la posición normal */
text-decoration: none !important; 	/* forzar sin subrayado */
color: #1958B7 !important; 			/* forzar color del texto */
font-weight: normal !important; 	/* forzar negritas */
font-size: 11px;
}

a.Ntooltip:hover {
z-index:999; 						/* va a estar por encima de todo */
background-color:#000000; 			/* DEBE haber un color de fondo */
}

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

a.Ntooltip:hover div {
display: block; 			/* se fuerza a mostrar el bloque */
position: absolute; 		/* se fuerza a que se ubique en un lugar de la pantalla */
top: 2em; left: 2em; 			/* donde va a estar */
width: 250px; 				/* el ancho por defecto que va a tener */
padding: 5px; 				/* la separación entre el contenido y los bordes */
/*background-color: #1958B7; */ 	/* el color de fondo por defecto */
background-color: #fff; 	/* el color de fondo por defecto */
/*color: #FFFFFF; */			/* el color de los textos por defecto */
color: #000; 			/* el color de los textos por defecto */
border: 1px solid #2C1C75;
/*background-image: url(img/fondo_pie01.gif);*/
}


/*  FIN TOOLTIP  */

/*  HOME CUADROS*/
.cuadroHome {
	border: 0px solid #FF0099;
	margin: 0px;
	text-align: center;
}

.presentacionInfotecnica0 {
	margin: 0 auto;
	font-weight: bold; 
	width: 100%;
	font-size: 1.6em;
	color: #336699;
	text-align: center;
	background-color: #ffffff;
	float: both;
}

.presentacionInfotecnica1 {
	margin: 0 auto;
	font-weight: bold; 
	width: 100%;
	font-size: 1.6em;
	color: #336699;
	text-align: center;
	background-color: #ffffff;
	float: both;
}

.presentacionInfotecnica2 {
	margin: 0 auto;
	font-weight: bold; 
	width: 100%;
	font-size: 1.2em;
	color: #000;
	text-align: center;
	background-color: #ffffff;
	float: both;
}

.presentacionHome {
	margin: 0 auto;
	font-weight: bold; 
	width: 100%;
	font-size: 1.6em;
	color: #336699;
	text-align: center;
	background-color: #ffffff;
	float: both;
}

.presentacionHome2 {
	margin: 0 auto;
	font-weight: bold; 
	width: 100%;
	font-size: 1.2em;
	color: #000;
	text-align: center;
	background-color: #ffffff;
	float: both;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/*width: 17em;  ems so it will grow */
	background: url(img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody {
	background: url(img/sbbody-l.gif) no-repeat bottom left;
	margin: 0px;
	padding: 5px 30px 31px;
	text-align: left;
}

.boxbody  p{
	margin: 0px;
	text-align: left;
	font-size: 1.2em; 	
}

.tapaRevistaHome {
	clear: left;
	margin: 3px;
 }
 
.homeVer {
width: 100%;
height: 16px;
text-align: right;
	font-size: 1.0em; 	
/*background: url(img/ver.gif) repeat-x;*/
}

/*  HOME CUADROS FIN */

/* Revista seleccionador*/
.imagen {
	float: left;
	padding: 2px;
}

#visor1 {
	padding: 5px;
	height: 185px;
	width: 730px;
	overflow: hidden;
	overflow-x: auto;
	border: 0px solid #000; /* solo para test */
}

#visor {
	padding: 5px;
	height: 185px;
	width: 730px;
	overflow: hidden;
	overflow-x: auto;
	border: 1px solid #000; /* solo para test */
}

#portaimagen {
	width: 730px;
	overflow: hidden;
	text-align: center;
}
.celdas {
	padding: 5px;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}