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


/* Menu bordes redondos  CELESTE*/

.round .contenido div {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003399;}
/* Este es el contenedor al que le pondremos bordes redondos */
div.round{
width:167px;
height:auto;
background:#E1F0FD;}
/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido{ 
margin:0 10px;}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top, span.bottom{
width:100%;
height:20px; /* El alto debe ser la mitad de alto de la imagen GIF */
display:block;}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top {   background:url(../images/lc.gif) top left no-repeat;}
span.bottom{   background:url(../images/lc.gif) bottom left no-repeat;}
span.top span, span.bottom span{
width:20px; /* De acuerdo al tamaño de la imagen GIF */
height:20px; /* De acuerdo al tamaño de la imagen GIF */
float:right;
font-size:6px;} /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
span.top span{   background:url(../images/rc.gif) top right no-repeat;}
span.bottom span{   background:url(../images/rc.gif) bottom right no-repeat;}





/* Menu2 bordes redondos    AZULES*/
.round2 .contenido2 div {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003399;}
/* Este es el contenedor al que le pondremos bordes redondos */
div.round2{
width:167px;
height:auto;
background:#6A9AC8;}
/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido2{ 
margin:0 10px;}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top2, span.bottom2{
width:100%;
height:20px; /* El alto debe ser la mitad de alto de la imagen GIF */
display:block;}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top2 {   background:url(../images/lc2.gif) top left no-repeat;}
span.bottom2{   background:url(../images/lc2.gif) bottom left no-repeat;}
span.top2 span, span.bottom2 span{
width:20px; /* De acuerdo al tamaño de la imagen GIF */
height:20px; /* De acuerdo al tamaño de la imagen GIF */
float:right;
font-size:6px; }/* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
span.top2 span{   background:url(../images/rc2.gif) top right no-repeat;}
span.bottom2 span{   background:url(../images/rc2.gif) bottom right no-repeat;}





/* Menu2 bordes redondos    CENTRO*/
.table-centro .contenido- div {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;}
/* Este es el contenedor al que le pondremos bordes redondos */
div.table-centro{
width:100%;
height:auto;
background-image:url(../images/boton/fondo_tabla_centro.jpg) ;
background-repeat:repeat-x}
/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido-{ 
margin:0 10px;}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top-, span.bottom-{
width:100%;
height:20px; /* El alto debe ser la mitad de alto de la imagen GIF */
display:block;}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top- {   background:url(../images/lc.gif) top left no-repeat;}
span.bottom-{   background:url(../images/lc.gif) bottom left no-repeat;}
span.top- span, span.bottom- span{
width:20px; /* De acuerdo al tamaño de la imagen GIF */
height:20px; /* De acuerdo al tamaño de la imagen GIF */
float:right;
font-size:6px; }/* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
span.top- span{   background:url(../images/rc.gif) top right no-repeat;}
span.bottom- span{   background:url(../images/rc.gif) bottom right no-repeat;}

.table-centro p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	margin:15px;
	
}

.texto-azul {
    color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;}






/* Menu Vertical Lista  */
#menuv {
width: 167px;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
list-style-type: none;
}
#menuv ul {
margin: 0;
padding: 0;
}
#menuv a {
text-decoration: none;
text-align:center;
color: #3366CC;
background: #E1F0FD;
display: block;
width: 155px;
}
#menuv a:hover {
background: #C4DDF3;
text-decoration:underline;
}






/* TEXTO */


.titulo-celda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
}

.titulo-centro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	
}
.texto-negrito-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


.text-form-white {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;}
.text-form-white-advertencia {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;}

a.text-form-blue:link {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;}	
a.text-form-blue:active {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;}	
a.text-form-blue:hover {
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;}	
a.text-form-blue:visited {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;}	

a:link {
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a:hover {
text-decoration:underline;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a:visited {
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a:active {
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}


a.link-negro:link{
text-decoration:none;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a.link-negro:hover{
text-decoration:underline;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
a.link-negro:active{
text-decoration:none;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a.link-negro:visited{
text-decoration:none;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}


a.link-azul:link{
text-decoration:none;
color:#003399;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a.link-azul:hover{
text-decoration:underline;
color:#003399;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
a.link-azul:active{
text-decoration:none;
color:#003399;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}
a.link-azul:visited{
text-decoration:none;
color:#003399;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;}




#lista li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

margin-left:1px;

}





/* BLOQUE DE NUMEROS Y LETRAS */

#navi {  	list-style:none;	margin:6px;	padding:0; height:210px; }
#navi li {	margin:4px; 	 padding:3px;  width:15px; 	float:left;  border:1px solid #0099CC;}
#navi a:link {color:#3366CC; font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
#navi a:visited {color:#3366CC; font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
#navi a:hover {color:#003399; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:17px;  }
#navi a:active {color:#003399; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:17px;  }

#navi2 {  	list-style:none;	margin:6px;	padding:0; height:72px; }
#navi2 li {	margin:4px; 	 padding:3px;  width:15px; 	float:left;  border:1px solid #0099CC;}
#navi2 a:link {color:#3366CC; font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
#navi2 a:visited {color:#3366CC; font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
#navi2 a:hover {color:#003399; font-weight:bold;  text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:17px;  }
#navi2 a:active {color:#003399; font-weight:bold;  text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:17px;  }











.td-margen {
	margin: 15px;
	padding: 15px;
	background-image:url(../images/fondo-tabla.jpg);
	background-repeat:no-repeat;}
	
	
	
	
#menu-vertical {  	
list-style:none;
margin:0;	
padding:0;}


#menu-vertical li {	
margin:5px;	
padding:4px;	
	
float:left;}	

#menu-vertical a:link{
color:#006699;
margin-left:4px;
margin-right:4px;
margin-bottom:1px;
margin-top:1px;
}
	
#menu-vertical a:hover{
color:#006699;
text-decoration:underline;
margin-left:4px;
margin-right:4px;
margin-bottom:1px;
margin-top:1px;
}	

#menu-vertical a:visited{
color:#006699;
margin-left:4px;
margin-right:4px;
margin-bottom:1px;
margin-top:1px;
}

#menu-vertical a:active{
color:#006699;
text-decoration:underline;
margin-left:4px;
margin-right:4px;
margin-bottom:1px;
margin-top:1px;
}
	
	
	
	
	
	
/* 2 */
#menu-vertical2 {  	
list-style:none;
margin:0;	
padding:0;}


#menu-vertical2 li {	
margin:5px;	
padding:4px;	
	
float:left;}	

#menu-vertical2 a:link{
color:#006699;

margin-bottom:1px;
margin-top:1px;
}
	
#menu-vertical2 a:hover{
color:#006699;
text-decoration:underline;

margin-bottom:1px;
margin-top:1px;
}	

#menu-vertical2 a:visited{
color:#006699;

margin-bottom:1px;
margin-top:1px;
}

#menu-vertical2 a:active{
color:#006699;
text-decoration:underline;

margin-bottom:1px;
margin-top:1px;
}






	
	
	
	
	
	
	
	/* tabla */
div.tabla
{
	clear: none;
	font-size:10px;
	overflow: auto;
}

div.fila
{
	clear: both;
	font-size:10px;
}

div.col_titulo
{
	float: left;
	padding: 5px;
	background: #689BCA;
	border-color: #A1C0DF;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}


div.col_fecha
{
	float: left;
	padding: 5px;
	height:15px;
	background: #A1C0DF;
	border-color:#689BCA;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

div.col_imagen
{
	float: left;
	padding: 5px;
	height:15px;
	background:#689BCA;
	border-color:#A1C0DF;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

div.col
{
	float: left;
	padding: 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:#CCCCCC;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

	
	
	
	
	
	
	
	
	
	
	
/* TABLA 2 TOPSITES */ 

div.tablatop
{
	clear: none;
	margin-left:25px;
	margin-right:25px;
	font-size:10px;
	overflow: auto;
	
}


div.tablatop2
{
	clear: none;

	font-size:10px;
	overflow: auto;
	
}

div.tablaprofile
{
	clear: none;
	font-size:10px;
	overflow: auto;
	
}


div.filatop
{
	clear: both;
	font-size:10px;
}

div.col_title
{
	float: left;
	padding: 5px;
	background: #51B0FF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-color: #A1C0DF;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}


div.col_script
{
	float: left;
	padding: 5px;
	height:16px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-color: #689BCA;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
div.col_script2
{
	float: left;
	padding: 4px;
	height:13px;
	color:#000000;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-color: #689BCA;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

div.col_script a:link
{

	height:16px;
	color:#003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

div.col_script a:hover
{

	height:16px;
	color:#003399;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

	
	






div.col_profile1
{
	float: left;
	padding: 4px;
	height:14px;
	color:#FFFFFF;
	background: #689BCA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-color: #A1C0DF;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}


div.col_profile2
{
	float: left;
	padding: 4px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #A1C0DF;
	border-color:#689BCA;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}	
	
	
div.col_profile3
{
	float: left;
	padding: 4px;
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #A1C0DF;
	border-color:#689BCA;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}	

div.centrado{
margin-left:150px;
margin-right:150px;}	

div.centrado2{
margin-top:40px;}	

div.centrado3{
margin-top:200px;}	

div.centrado4{
margin-right:25px;
margin-left:25px;}

div.centrado5{
margin-right:100px;
margin-left:100px;}

div.centrado6{
margin-right:70px;
margin-left:70px;}

/*CSS msdn search style pagination*/
div.pagination {
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	text-align:right;
	padding:4px 6px 4px 0;
	background-color:#fff;
	color:#313031;
}

div.pagination a {
	color:#0030ce;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
}

div.pagination a:hover, div.pagination a:active {
	color:#0066a7;
	border:1px solid #b7d8ee;
	background-color:#d2eaf6;
}
div.pagination span.current {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
	font-weight:bold;
	color:#444444;
	background-color:#d2eaf6;
}
div.pagination span.disabled {
	display:none;
}